/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/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://bugzilla.mozilla.org/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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "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://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/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://github.com/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://github.com/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://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/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://github.com/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 UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}

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

  main h1 {
  margin-bottom: 2rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
    font-size: clamp(2rem, 1.85rem + 0.544vw, 2.5rem);
}

  main h2 {
  margin-bottom: 1.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
    font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}

  main h3 {
  margin-bottom: 1.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
    font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}

  main h4 {
  margin-bottom: 1rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
    font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}

  main h5 {
  margin-bottom: 1rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
    font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}

  main h6 {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
    font-size: clamp(1rem, 0.84rem + 0.544vw, 1.5rem);
}


  main p,
  main a,
  main ul li,
  main ol li,
  main blockquote {
    font-size: clamp(0.875rem, 0.8075rem + 0.254vw, 1.125rem);
  }

  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;
  }
  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;
    --tw-bg-opacity: 1;
    background-color: rgb(48 229 208 / 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;
    --tw-bg-opacity: 1;
    background-color: rgb(48 229 208 / var(--tw-bg-opacity));
  }

  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:  ;
}

::-webkit-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:  ;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.cmp-accordion {
}
.cmp-accordion__panel {
}
.cmp-accordion__header {
}
.cmp-accordion__button {
}
.cmp-accordion__title {
  font-size: clamp(1.375rem, 1rem + 0.544vw, 1.875rem);
}
.cmp-accordion__panel {
  margin-left: 1rem;
}
.cmp-accordion__item {
  border: 0 solid;
  -webkit-box-shadow: 0 0.125rem 0.375rem 0 rgb(0 0 0 / 8%);
          box-shadow: 0 0.125rem 0.375rem 0 rgb(0 0 0 / 8%);
  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 {
  content: "\E7D9";
  font-family: Xbox-MDL2;
  margin-right: 0.5rem;
  font-size: 1.125rem;
  display: inline-block; /* so that we can rotate it when it's active */

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

  transition: all 300ms ease-in-out;
}
.cmp-breadcrumb {
}
.cmp-breadcrumb__list {
}
.cmp-breadcrumb__item {
}
.cmp-breadcrumb__item--active {
}
.cmp-breadcrumb__item-link {
}
.cmp-breadcrumb__list li:not(:last-child)::after {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  content: "\E3B2";
  font-family: Xbox-MDL2;
  font-size: 0.5rem;
  font-weight: 600;
}
.cmp-button {
  text-transform: capitalize;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.cmp-button__text {
}
.cmp-button__icon {
  font-family: Xbox-MDL2;
}
/* in case we have button and icon, put some spacing between them by grabbing the second span */
.cmp-button span:nth-of-type(2) {
  padding-left: 0.5rem;
}
.button {
  /* align buttons vertically "centered" */
  margin-top: auto;
  margin-bottom: auto;
}
.button.button-teal-pill .cmp-button {
  letter-spacing: 0.4px;
  border-radius: 20px;
  white-space: nowrap;
  padding: 0 24px;
  -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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  /* on hover */
}
.button.button-teal-pill .cmp-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 141 132 / var(--tw-bg-opacity));
}
.button.button-teal-rectangle .cmp-button {
  
  letter-spacing: 0.4px;
  /* border-radius: 20px; */
  white-space: nowrap;
  padding: 0 24px;
  -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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  /* on hover */
}
.button.button-teal-rectangle .cmp-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 141 132 / var(--tw-bg-opacity));
}
.button.button-link .cmp-button {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -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;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  white-space: nowrap;
  letter-spacing: 0.4px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: currentColor;
}
.button.button-link .cmp-button::after {
  content: "\E7D9";
  font-family: Xbox-MDL2;
  margin-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.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 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -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;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  white-space: nowrap;
  letter-spacing: 0.4px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
}
.button.button-back-link .cmp-button::before {
  margin-left: 0px;
  font-size: 0.75rem;
  font-weight: 400;
  content: "\E7D8";
  font-family: Xbox-MDL2;
}
.button.button-back-link.text-white .cmp-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Add Calendar Button */
.add-to-calendar-wrapper {
  position: relative;
  display: block;
}
.button-add-calendar .dropdown-menu {
  display: none;
}
.button-teal-pill.button-add-calendar.show-dropdown .dropdown-menu {
  -webkit-transform: translate3d(0px, 40px, 0px);
          transform: translate3d(0px, 40px, 0px);
}
.button-add-calendar.show-dropdown .dropdown-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.5rem;
  -webkit-transform: translate3d(0px, 31px, 0px);
          transform: translate3d(0px, 31px, 0px);
  border-radius: 0 0 4px 4px;
  background: #232425;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* since background above is dark, we need to invert the external-link */
.button-add-calendar .dropdown-menu a.external-link::after {
  --tw-invert: invert(100%);
  -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);
}
a.dropdown-button:link {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.dropdown-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  width: 100%;
  cursor: pointer;
  -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;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.4px;
  white-space: nowrap;
  border-radius: 20px;
  padding: 0 24px;
}
.add-calendar-icon::before {
  margin-left: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  content: "\E7D7";
  font-family: Xbox-MDL2;
}
/* 
.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;
}
/* Carousel Actions */
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action-icon::before {
  font-family: Xbox-MDL2;
  margin-left: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next {
  right: 0px;
  left: auto;
  margin-right: 1rem;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous {
  left: 0px;
  right: auto;
  margin-left: 1rem;
}
.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: rgb(115 115 115 / 0.5);
  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--previous, 
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next {
  position: absolute;
  top: 50%;
  z-index: 90;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous::before, 
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next::before {
  font-family: swiper-icons;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0em;
  content: var(--tw-content);
  text-transform: none;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous .cmp-carousel__action-icon::before,
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next .cmp-carousel__action-icon::before {
  font-family: swiper-icons;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0em;
  content: var(--tw-content);
  text-transform: none;
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--next .cmp-carousel__action-icon::before {
  --tw-content: "next";
  content: var(--tw-content);
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--previous .cmp-carousel__action-icon::before {
  --tw-content: "prev";
  content: var(--tw-content);
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--play .cmp-carousel__action-icon::before {
  --tw-content: "\E40D";
  content: var(--tw-content);
}
.cmp-carousel .cmp-carousel__actions .cmp-carousel__action--pause .cmp-carousel__action-icon::before {
  --tw-content: "\E40C";
  content: var(--tw-content);
}
.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: absolute;
  left: auto;
  right: auto;
  bottom: -2rem;
  z-index: 90;
  width: 100%;
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator {
  cursor: pointer;
  height: 0.125rem;
  width: 0.75rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  background-color: rgb(115 115 115 / 0.5);
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.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%);
}
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.constrained-width-container .cmp-container .aem-Grid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {

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

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

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

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

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 1535px;
  }
}
section.constrained-width-container .cmp-container .aem-Grid {
  padding-left: 13rem;
  padding-right: 13rem;
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.constrained-width-container .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.constrained-width-container .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.constrained-width-container .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);
}
/* Accents */
section.container.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  section.container.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.container.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.container.accent-triangles::after {
    width: 16rem;
  }
}
section.container.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.container.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.container.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.container.accent-triangles::after {
    height: 16rem;
  }
}
section.container.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
section.container.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  section.container.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.container.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.container.dot-matrix::after {
    width: 16rem;
  }
}
section.container.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.container.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.container.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.container.dot-matrix::after {
    height: 16rem;
  }
}
section.container.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
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;
}
@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: 1280px) {

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

  section .cmp-container .aem-Grid {
    max-width: 1535px;
  }
}
sectionsection .cmp-container .aem-Grid.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    width: 16rem;
  }
}
sectionsection .cmp-container .aem-Grid.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection .cmp-container .aem-Grid.accent-triangles::after {
    height: 16rem;
  }
}
sectionsection .cmp-container .aem-Grid.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
sectionsection .cmp-container .aem-Grid.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    width: 16rem;
  }
}
sectionsection .cmp-container .aem-Grid.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection .cmp-container .aem-Grid.dot-matrix::after {
    height: 16rem;
  }
}
sectionsection .cmp-container .aem-Grid.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
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 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {

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

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

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

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

  section.constrained-width-container .cmp-container .aem-Grid {
    max-width: 1535px;
  }
}
section.constrained-width-container .cmp-container .aem-Grid {
  padding-left: 10%;
  padding-right: 10%;
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    width: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
    height: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    width: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
    height: 16rem;
  }
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
sectionsection.constrained-width-container .cmp-container .aem-Grid.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
sectionsection.constrained-width-container .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.constrained-width-container .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.constrained-width-container .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.full-width-container .cmp-container .aem-Grid {
  width: 100%;
  max-width: 100%;
}
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;
}
section.container-padding-top-small .cmp-container {
  padding-top: 0px;
}
section.container-padding-top-medium .cmp-container {
  padding-top: 6rem;
}
section.container-padding-top-large .cmp-container {
  padding-top: 8rem;
}
section.container-padding-bottom-small .cmp-container {
  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: 8rem;
}
.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: 1280px) {

  .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 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* section.responsivegrid.container-padding-top-small.container-padding-bottom-small
  .cmp-container
  .aem-Grid
  .text.aem-GridColumn
  .cmp-text
  span.faux-heading-6 {
  display: flex;
  align-items: center;
}
section.responsivegrid.container-padding-top-small.container-padding-bottom-small
  .cmp-container
  .aem-Grid
  .text.aem-GridColumn
  .cmp-text
  span.faux-heading-6
  a
  img {
  padding-bottom: 0;
  padding-left: 1rem;
  display: inline-block;
  padding: 0 4px 0 4px;
} */
.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;
  -webkit-text-decoration-line: none;
          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.5rem;
  font-size: 0.65rem;
  content: "\E3CA";
  font-family: Xbox-MDL2;
}
.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://www.w3schools.com/howto/howto_css_responsive_iframes.asp */
.cmp-embed .cmp-embed__youtube,
.cmp-embed .cmp-embed__medius {
  position: relative;
  overflow: hidden;
  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: 70;
  --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;
  }

  @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: 1280px) {

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

  @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;
}
@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: 1280px) {

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

  section.cmp-embed-hero .cmp-embed-hero__content {
    max-width: 1535px;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    width: 16rem;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
    height: 16rem;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    width: 16rem;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
    height: 16rem;
  }
}
sectionsection.cmp-embed-hero .cmp-embed-hero__content.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
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: 1280px) {

  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 {
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {

  section.cmp-embed-hero.accent-triangles::after {
    background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  }
}
section.cmp-embed-hero.accent-triangles::after {
  width: 10rem;
}
@media (min-width: 640px) {

  section.cmp-embed-hero.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.cmp-embed-hero.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-embed-hero.accent-triangles::after {
    width: 16rem;
  }
}
section.cmp-embed-hero.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.cmp-embed-hero.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.cmp-embed-hero.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-embed-hero.accent-triangles::after {
    height: 16rem;
  }
}
section.cmp-embed-hero.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  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);
}
.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 {}
/*
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: 70;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.cmp-full-width-hero .cmp-full-width-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@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: 1280px) {

  section.cmp-full-width-hero .cmp-full-width-hero__container {
    max-width: 1280px;
  }
}
@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-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    width: 16rem;
  }
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
    height: 16rem;
  }
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    width: 16rem;
  }
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
    height: 16rem;
  }
}
sectionsection.cmp-full-width-hero .cmp-full-width-hero__container.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
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: 1280px) {

  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: 1280px) {

  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: 1280px) {

  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: 1280px) {

  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: 1280px) {

  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 {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero.accent-triangles::after {
    width: 16rem;
  }
}
section.cmp-full-width-hero.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.cmp-full-width-hero.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.cmp-full-width-hero.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.cmp-full-width-hero.accent-triangles::after {
    height: 16rem;
  }
}
section.cmp-full-width-hero.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  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;
}
.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: clamp(0.875rem, 0.8075rem + 0.254vw, 1.125rem);
}
.cmp-navigation {}
.cmp-navigation__group {}
.cmp-navigation__item {}
.cmp-navigation__item--active {}
.cmp-navigation__item--level-0:hover > .cmp-navigation__group {
  background: #ECECEC;
}
.cmp-navigation__item-link {}
.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-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  border-radius: 9999px;
  white-space: nowrap;
  padding-top: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
    /* on hover */
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 141 132 / var(--tw-bg-opacity));
}
.cmp-search-grid .cmp-search-grid-cta-wrapper a {

    -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;
  }
.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);
}
.cmp-teaser.search-result .cmp-image {
  padding-bottom: 56.25%; /* The aspect ratio calculation: 9/16 = 0.5625 */ position: relative; aspect-ratio: 16 / 9; height: 0px; 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;

  /* @apply hover:scale-110 transition duration-300 ease-in-out; */
  -webkit-box-shadow: 0 6px 2px -2px #e4e4e4;
          box-shadow: 0 6px 2px -2px #e4e4e4;
}
/* single 1 per view */
@media (min-width: 640px) {

  .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;
  padding: 0px;
  padding-right: 1rem;
}
@media (min-width: 640px) {

  .view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image {
    height: 13.5rem;
    width: 24rem;
    -ms-flex-preferred-size: 16rem;
        flex-basis: 16rem;
  }
}
.view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image { /* 16:9 rem */
}
@media (min-width: 640px) {

  .view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image {
    margin-right: 1rem;
  }
}
.view-1 .cmp-teaser.search-result .cmp-teaser__image .cmp-image { /* 1 rem margin */
}
.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 */
}
.view-1 .cmp-teaser.search-result .cmp-teaser__action-container {
  margin-top: 0px !important;
  padding-bottom: 1rem;
}
@media (min-width: 640px) {

  .view-1 .cmp-teaser.search-result .cmp-teaser__title {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .view-1 .cmp-teaser.search-result .cmp-teaser__description {
    height: auto !important;
    min-height: auto !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.cmp-teaser.search-result .cmp-teaser__content {
  padding: 1.5rem;
}
.cmp-teaser.search-result .cmp-teaser__speaker-container {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
a.cmp-teaser__link-no-styles {
  color: inherit !important;
  text-decoration: inherit;
}
.cmp-teaser.search-result .cmp-teaser__speaker-info-container {
  margin-left: 1rem;
  margin-top: 1rem;
}
.cmp-teaser.search-result .cmp-teaser__speaker-icon {
  margin-top: 1rem;
  height: 3rem;
  width: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.cmp-teaser.search-result .cmp-teaser__speaker-info-title {
  margin-bottom: 0.125rem;
  font-weight: 700;
}
/* Themes */
.result-card .cmp-teaser.search-result {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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);
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -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-text-decoration-color, -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);
}
.result-card .cmp-teaser.search-result:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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: 1.5rem;
}
.result-card .view-1 .cmp-teaser.search-result .cmp-teaser__content {
  padding: 0px;
  padding-right: 1rem;
}
.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, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -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-text-decoration-color, -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 {
}
/* heading group */
.cmp-search-slider .cmp-search-slider__heading-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(115 115 115 / var(--tw-border-opacity));
  margin-bottom: 1rem;
  border-bottom-width: 1px;
}
.cmp-search-slider .cmp-search-slider__heading-group > * {
  margin-bottom: 0px;
}
.cmp-search-slider .cmp-search-slider__heading-group a {
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.cmp-search-slider .cmp-search-slider__heading-group a::after {  
      content: "\E7D9";
      margin-left: 8px;
      font-family: Xbox-MDL2;
      font-size: 12px;
      font-weight: 400;
  }
.cmp-search-slider .cmp-search-slider__heading-group a {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.swiper-button-next-custom::after {
  right: 40px !important;
  content: "\E3B2";
  font-family: Xbox-MDL2;
  position: absolute;
  top: 50%;
  font-size: 1.5rem;
}
.swiper-button-prev-custom::after {
  left: 40px !important;
  content: "\E3B1";
  font-family: Xbox-MDL2;
  position: absolute;
  top: 50%;
  font-size: 1.5rem;
}
@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;
}
/* SLIDER
.slider {}
.slider .cmp-slider {}
.slider .cmp-slider .cmp-slider__wrapper {}
.slider .cmp-slider .cmp-slider__wrapper .swiper-slide {}
*/
/* :root {
    --swiper-pagination-color: #737373;
    --swiper-pagination-bullet-size: 0px;  
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 2px;
    --swiper-pagination-bullet-inactive-color: #737373;
    --swiper-pagination-bullet-inactive-opacity: 0.25;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-vertical-gap: 24px; 
}  */
.swiper {
  height: 100%;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    
    --swiper-pagination-color: #737373;
    --swiper-pagination-bullet-size: 0px;
    --swiper-pagination-bullet-width: .5rem;
    --swiper-pagination-bullet-height: .125rem;
    --swiper-pagination-bullet-inactive-color: #737373;
    --swiper-pagination-bullet-inactive-opacity: 0.25;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: .5rem;
    --swiper-pagination-bullet-vertical-gap: 1rem;
}
/* default all instances of swiper to the same settings */
.swiper .swiper-wrapper {
  padding-bottom: 2rem;
}
.swiper .swiper-button-prev, .swiper .swiper-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}
.swiper .swiper-button-next, .swiper .swiper-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev, .swiper .swiper-pagination-bullet-active {
  --tw-text-opacity: 1 !important;
  color: rgb(115 115 115 / var(--tw-text-opacity)) !important;
}
.swiper .swiper-pagination.swiper-pagination-bullets {
  bottom: 0px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0px;
}
.slider .cmp-slider .swiper-wrapper {
  min-height: 4rem;
}
.slider.card-layout .cmp-slider .swiper-wrapper .swiper-slide {
  padding: 1.5rem;
  width: 33.333333% !important;
}
/* smooth continuous animation logo reel */
.slider.logo-reel .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.slider.logo-reel .swiper-slide {
  margin-right: 0px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  max-height: 16rem !important;
  max-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;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.slider.logo-reel .swiper-slide img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 16rem;
  max-width: 16rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* in edit mode, force the new parsys to full width */
.slider.logo-reel .swiper-edit,
.slider.card-layout .swiper-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.slider.logo-reel .swiper-edit > *,
.slider.card-layout .swiper-edit > * {
  width: 12rem;
}
.slider.logo-reel .swiper-edit .new.cq-Editable-dom,
.slider.card-layout .swiper-edit .new.cq-Editable-dom {
  min-width: 100%;
}
.slider .swiper-play-pause {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: rgb(115 115 115 / 0.5);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 10;
}
.slider .swiper-play-pause .play-pause-icon::before {
  font-family: Xbox-MDL2;
  --tw-content: "\E40C";
  margin-left: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.slider .swiper-play-pause.paused .play-pause-icon::before {
  --tw-content: "\E40D";
  content: var(--tw-content);
}
.cmp-tabs {}
.cmp-tabs__tablist {
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.875;
  padding-bottom: 0.5rem;
}
.cmp-tabs__tab {
  border-width: 0px;
  list-style-type: none;
  --tw-text-opacity: 1;
  color: rgb(47 47 47 / var(--tw-text-opacity)); /* /65; */ position: relative;
}
.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: 0px;
  right: 0px; /* bottom -2px to align with active border size so they 'overlap' correctly */
    content: '';
    --tw-border-opacity: 1;
    border-color: rgb(47 47 47 / var(--tw-border-opacity)); /* /65; */ border-bottom-width: 2px;

    -webkit-transform: scaleX(0);

            transform: scaleX(0);
    -webkit-transition: border 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: border 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, border 250ms ease-in-out;
    transition: transform 250ms ease-in-out, border 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
.container-text-white .cmp-tabs__tab:after {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)); /* /65; */
}
.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__tab--active:hover:after {
  --tw-border-opacity: 1;
  border-color: rgb(48 229 208 / var(--tw-border-opacity));
}
.cmp-tabs__tabpanel {}
.cmp-tabs__tabpanel--active {}
/* .cmp-tabs__tab {
    @apply text-lg font-bold;
}

.cmp-tabs__tab:after {
    @apply block;
    @apply marker:content-[""];
    @apply border-gray-dark border-b-[2px];

    @apply transform ease-in-out duration-300;
    @apply scale-x-0 hover:scale-x-100;
}



.cmp-tabs__tab--active {
    @apply rounded-t-lg;
    @apply focus:outline-2;
}

.cmp-tabs__tab--active:after {
    @apply block;
    content: '';
    @apply border-b-[2px] border-gray-dark hover:border-teal-accent;
}

.cmp-tabs__tabpanel {}
.cmp-tabs__tabpanel--active {} */
/* Left */
.teaser.teaser-image-left .cmp-teaser__title {
  margin-top: 0px;
}
.teaser.teaser-image-left .cmp-teaser__pretitle {
  margin-top: 0px;
}
.teaser.teaser-image-left .cmp-teaser__content {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
}
.teaser.teaser-image-left .cmp-teaser__description {
  cursor: vertical-text;
  -webkit-line-clamp: 6;
}
@media (min-width: 640px) {

  .teaser.teaser-image-left .cmp-teaser {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {

  .teaser.teaser-image-left .cmp-teaser {
    -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}
/* Right */
.teaser.teaser-image-right .cmp-teaser__title {
  margin-top: 0px;
}
.teaser.teaser-image-right .cmp-teaser__pretitle {
  margin-top: 0px;
}
.teaser.teaser-image-right .cmp-teaser__content {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 1rem;
}
.teaser.teaser-image-right .cmp-teaser__description {
  cursor: vertical-text;
  -webkit-line-clamp: 6;
}
@media (min-width: 640px) {

  .teaser.teaser-image-right .cmp-teaser {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {

  .teaser.teaser-image-right .cmp-teaser {
    -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 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
/* Top */
.teaser.teaser-image-top .cmp-teaser {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
@media (min-width: 768px) {

  .teaser.teaser-image-top .cmp-teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.teaser.teaser-image-top .cmp-teaser__description {
  cursor: vertical-text;
  -webkit-line-clamp: 5;
}
.teaser.teaser-image-top .cmp-teaser__content {
  width: 80%;
}
/* Shrink*/
.teaser.teaser-image-shrink .cmp-teaser__image {
  width: 50%;
  -ms-flex-item-align: center;
      align-self: center;
}
.teaser.teaser-image-left .easer-image-shrink .cmp-teaser__content {
  position: relative;
}
.teaser.teaser-image-left .easer-image-shrink .cmp-teaser__action-container {
  position: absolute;
  bottom: -10px;
}
.teaser.teaser-image-right .easer-image-shrink .cmp-teaser__content {
  position: relative;
}
.teaser.teaser-image-right .easer-image-shrink .cmp-teaser__action-container {
  position: absolute;
  bottom: -10px;
}
/* CARD */
.teaser.teaser-card {
  /* @apply min-h-410px; */
}
.teaser.teaser-card .cmp-teaser__content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  min-height: 15.625rem;
  position: relative;
}
.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: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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);
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -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-text-decoration-color, -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-teaser:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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 img {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -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-text-decoration-color, -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 img: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 img {
  -webkit-box-shadow: 0 6px 2px -2px #e4e4e4;
          box-shadow: 0 6px 2px -2px #e4e4e4;
}
.teaser.teaser-card .cmp-image {
  overflow: hidden;
}
.teaser.teaser-card .cmp-teaser__pretitle {
  margin-bottom: 0.5rem;
  margin-top: 1.125rem;
}
.teaser.teaser-card .cmp-teaser__title {
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
}
.teaser.teaser-card .cmp-teaser__description {
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
}
.teaser.teaser-card .cmp-teaser__action-link {
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.teaser.teaser-card .cmp-teaser__action-link::after {  
      content: "\E7D9";
      margin-left: 8px;
      font-family: Xbox-MDL2;
      font-size: 12px;
      font-weight: 400;
  }
.teaser.default-teaser a.cmp-teaser__link {
  text-decoration: none;
  cursor: pointer;
}
/* DEFAULT TEASER */
/* .teaser.default-teaser .cmp-teaser__image {
  @apply shadow-md bg-white-default;
}
.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-icon-container {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teaser .cmp-teaser__iconimage {
  margin-right: 0.5rem;
  height: 3rem;
  width: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser.round-icon-image .cmp-teaser__iconimage {
  border-radius: 9999px;
  /* border-radius: 50%; */
}
.teaser.small-icon-image .cmp-teaser__iconimage {
  height: 2rem;
  width: 2rem;
}
.teaser .cmp-teaser-icon-text {
  text-transform: uppercase;
}
.teaser .cmp-teaser__icontitle {
  font-size: 0.75rem;
  font-weight: 700;
}
.teaser .cmp-teaser__iconsubtitle p {
  font-size: 0.75rem;
}
/* Global */
.cmp-teaser {
  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; /* because we stretch height, need to justify elements between */
}
/* 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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cmp-teaser__pretitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  min-height: 24px;
  -webkit-line-clamp: 2;
  }
.cmp-teaser__title {
  margin-top: 0.875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
h1.cmp-teaser__title {
  margin-bottom: 2rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, 1.35rem + 0.544vw, 2rem);
}
h2.cmp-teaser__title {
  margin-bottom: 1.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.375rem, 1rem + 0.544vw, 1.875rem);
}
h3.cmp-teaser__title {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 1rem + 0.544vw, 1.875rem);
}
h4.cmp-teaser__title {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(0.875rem, 0.72rem + 0.544vw, 1.375rem);
}
h5.cmp-teaser__title {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.72rem + 0.544vw, 1.375rem);
}
h6.cmp-teaser__title {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.24rem + 0.544vw, 1rem);
}
.cmp-teaser__description {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  -webkit-line-clamp: 5;
  min-height: 100px;
  color: currentColor;
}
.cmp-teaser__action-container {
  display: block;
  padding-top: 1rem;
}
.cmp-teaser__action-link {
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.cmp-teaser__action-link::after {  
      content: "\E7D9";
      margin-left: 8px;
      font-family: Xbox-MDL2;
      font-size: 12px;
      font-weight: 400;
  }
.cmp-teaser__pretitle {
  margin-top: 1.125rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
}
/* BOTTOM GRADIENT*/
.bottom-gradient-green > .cmp-teaser > .cmp-teaser__content {
  width: 100%;
  border-bottom-width: 8px;
  border-style: solid;
  -o-border-image: linear-gradient(to right, #1fedd9, #4cff00);
     border-image: -webkit-gradient(linear, left top, right top, from(#1fedd9), to(#4cff00));
     border-image: linear-gradient(to right, #1fedd9, #4cff00);
  border-image-slice: 1;
}
.bottom-gradient-blue > .cmp-teaser > .cmp-teaser__content {
  width: 100%;
  border-bottom-width: 8px;
  border-style: solid;
  -o-border-image: linear-gradient(to right, #13f7c4, #00a9ff);
     border-image: -webkit-gradient(linear, left top, right top, from(#13f7c4), to(#00a9ff));
     border-image: linear-gradient(to right, #13f7c4, #00a9ff);
  border-image-slice: 1;
}
@media (max-width: 640px) {
  .bottom-gradient-green > .cmp-teaser > .cmp-teaser__content {
    width: 100%;
    border-left-width: 8px;
    border-style: solid;
    -o-border-image: linear-gradient(to bottom, #1fedd9, #4cff00);
       border-image: -webkit-gradient(linear, left top, left bottom, from(#1fedd9), to(#4cff00));
       border-image: linear-gradient(to bottom, #1fedd9, #4cff00);
    border-image-slice: 1;
    border-bottom-width: 0;
  }

  .bottom-gradient-blue > .cmp-teaser > .cmp-teaser__content {
    width: 100%;
    border-left-width: 8px;
    border-style: solid;
    -o-border-image: linear-gradient(to bottom, #13f7c4, #00a9ff);
       border-image: -webkit-gradient(linear, left top, left bottom, from(#13f7c4), to(#00a9ff));
       border-image: linear-gradient(to bottom, #13f7c4, #00a9ff);
    border-image-slice: 1;
    border-bottom-width: 0;
  }
}
/*LINK BUTTOM*/
.teaser.btn-link .cmp-teaser__action-link {
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.teaser.btn-link .cmp-teaser__action-link::after {  
      content: "\E7D9";
      margin-left: 8px;
      font-family: Xbox-MDL2;
      font-size: 12px;
      font-weight: 400;
  }
.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 {
  /* @apply m-auto pb-8; */
  display: inline-block;
  padding: 0 4px 0 4px;
}
/* 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;
}
.cmp-title {
}
.cmp-title__text {
  position: relative;
}
.cmp-title__link {
}
section .aem-Grid .title {
  margin: 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(115 115 115 / 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(115 115 115 / 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;
}
.cmp-title {
  margin-bottom: 1.5rem;
}
.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(115 115 115 / var(--tw-bg-opacity));
  margin: auto;
  margin-left: 0.5rem;
  content: var(--tw-content);
  border-left-width: 4px;
}
.title.vertical-teal-accent {
  position: relative;
}
.title.vertical-teal-accent .cmp-title {
  margin-left: 1.5rem;
}
.title.vertical-teal-accent .cmp-title::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 1.25rem;
  bottom: 2rem;
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(48 229 208 / var(--tw-bg-opacity));
}
main
  [style="background-color:#30E5D0;"]
  .title.vertical-teal-accent
  .cmp-title::before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
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 */
.uhf .c-uhfh>div>div {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@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: 1280px) {

  .uhf .c-uhfh>div>div {
    max-width: 1280px;
  }
}
@media (min-width: 1535px) {

  .uhf .c-uhfh>div>div {
    max-width: 1535px;
  }
}
section.uhf .c-uhfh>div>div.accent-triangles::after {
  background-image: url('clientlib-site/resources/images/accents/teal-triangles-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    width: 16rem;
  }
}
section.uhf .c-uhfh>div>div.accent-triangles::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.uhf .c-uhfh>div>div.accent-triangles::after {
    height: 16rem;
  }
}
section.uhf .c-uhfh>div>div.accent-triangles::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";
}
section.uhf .c-uhfh>div>div.dot-matrix::after {
  background-image: url('clientlib-site/resources/images/accents/dot-matrix-animated.svg');;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 10rem;
}
@media (min-width: 640px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    width: 12rem;
  }
}
@media (min-width: 768px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    width: 14rem;
  }
}
@media (min-width: 1024px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    width: 16rem;
  }
}
section.uhf .c-uhfh>div>div.dot-matrix::after {
  height: 10rem;
}
@media (min-width: 640px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    height: 12rem;
  }
}
@media (min-width: 768px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    height: 14rem;
  }
}
@media (min-width: 1024px) {

  section.uhf .c-uhfh>div>div.dot-matrix::after {
    height: 16rem;
  }
}
section.uhf .c-uhfh>div>div.dot-matrix::after {
  position: absolute;
  left: 4rem;
  bottom: 0px;
  z-index: 40; /* just behind content */

  content: "";

  /* @apply w-56;
  @apply h-32;

  @apply absolute left-16 bottom-0;
  @apply z-40; /* just behind content

  content: url('clientlib-site/resources/images/accents/dot-matrix.svg'); */
}
section.uhf .c-uhfh>div>div.accent-bottom-left::after {
  position: absolute !important;
  left: 2rem !important;
  bottom: 0px !important;
  right: auto !important;
  top: auto !important;
}
section.uhf .c-uhfh>div>div.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.uhf .c-uhfh>div>div.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.uhf .c-uhfh>div>div.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);
}
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;
}
main a {
  text-decoration: underline;
  font-style: normal;
  font-size: 1rem;
}
main a:link {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(16 17 18 / 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(115 115 115 / 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 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
main a:active {
  --tw-text-opacity: 1;
  color: rgb(48 229 208 / var(--tw-text-opacity));
}
main a.external-link::after {
  content: " " !important;
  background: url("clientlib-site/resources/images/icons/external-link.svg");
  background-size: cover;
  margin-left: 0.5rem;
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
}
/* when inside a white text container, invert the icon color */
main .container-text-white a.external-link::after {
  --tw-invert: invert(100%);
  -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);
}
/* 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 .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 {
  margin-bottom: 2rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(2rem, 1.85rem + 0.544vw, 2.5rem);
}
.xf-web-container h2 {
  margin-bottom: 1.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}
.xf-web-container h3,
.xf-web-container h3 {
  margin-bottom: 1.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}
.xf-web-container h4,
.xf-web-container h4 {
  margin-bottom: 1rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}
.xf-web-container h5 {
  margin-bottom: 1rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}
.xf-web-container h6 {
  margin-bottom: 0.5rem;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1rem, 0.84rem + 0.544vw, 1.5rem);
}
.xf-web-container p,
.xf-web-container a,
.xf-web-container ul li,
.xf-web-container ol li,
.xf-web-container blockquote {
  font-size: clamp(0.875rem, 0.8075rem + 0.254vw, 1.125rem);
}
.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;
}
/* define any MGD specific 'global' styles here */
body {
  max-width: 2000px;
  margin-left: auto !important;
  margin-right: auto !important;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
main h1 .accent-teal {
  --tw-text-opacity: 1;
  color: rgb(48 229 208 / var(--tw-text-opacity));
}
main .container-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* 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;
  }
}
/*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 {
  margin-bottom: 2rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(2rem, 1.85rem + 0.544vw, 2.5rem);
}
.faux-heading-2 {
  margin-bottom: 1.5rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}
.faux-heading-3 {
  margin-bottom: 1.5rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.875rem, 1.72rem + 0.544vw, 2.375rem);
}
.faux-heading-4 {
  margin-bottom: 1rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}
.faux-heading-5 {
  margin-bottom: 1rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.375rem, 1.22rem + 0.544vw, 1.875rem);
}
.faux-heading-6 {
  margin-bottom: 0.5rem !important;
  font-family: Bahnschrift, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(1rem, 0.84rem + 0.544vw, 1.5rem);
}
@font-face {
  font-family: "Segoe UI";
  src: url("clientlib-site/resources/fonts/segoe/segoeui.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Segoe UI";
  src: url("clientlib-site/resources/fonts/segoe/segoeuib.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Bahnschrift";
  src: url("clientlib-site/resources/fonts/bahnschrift/BS-Static-Regular.ttf")
    format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Bahnschrift";
  src: url("clientlib-site/resources/fonts/bahnschrift/BS-Static-Bold.ttf")
    format("truetype");
  font-weight: bold;
}
/* Xbox MDL2 Icons */
@font-face {
  font-family: "Xbox-MDL2";
  src: url("clientlib-site/resources/fonts/segoe/SegXbox2.ttf") format("truetype"),
    url("clientlib-site/resources/fonts/segoe/SegXbox2.svg") format("svg");
}

@-webkit-keyframes react-loading-skeleton {
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}

@keyframes react-loading-skeleton {
    100% {
        -webkit-transform: translateX(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)
    );
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);

    -webkit-animation-name: react-loading-skeleton;

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

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * 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-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-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}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * 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}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}

: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-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}

.swiper-pagination.swiper-pagination-hidden{opacity:0}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}

.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}

button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}

.swiper-pagination-bullet:only-child{display:none!important}

.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}

.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}

.swiper-pagination-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}

.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}

.swiper-slide-zoomed{cursor:move}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}

.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}

.swiper-lazy-preloader-black{--swiper-preloader-color:#000}

@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}

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

.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}

.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-cube{overflow:visible}

.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}

.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}

.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}

.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}

.swiper-flip{overflow:visible}

.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}

.swiper-cards{overflow:visible}

.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}