@charset "UTF-8";
.leadinModal
  .leadinModal-content
  .leadin-preview-wrapper
  .advance-wrapper
  .leadin-button-primary {
  padding: 0.75rem 1.5rem !important;
  border-radius: 25px;
}
.leadinModal {
  padding-top: 17vh !important;
}
.leadinModal .leadinModal-content {
  width: 76vw !important;
}
.leadinModal .leadinModal-content .leadin-preview-wrapper {
  padding: 3rem !important;
  display: flex !important;
  flex-direction: column;
}
.leadinModal .leadinModal-content .leadin-preview-wrapper .dyno-image {
  width: unset !important;
  min-width: 100px;
  margin-right: 0 !important;
}
.leadinModal
  .leadinModal-content
  .leadin-preview-wrapper
  .dyno-image
  .dyno-image-inner
  img {
  max-width: 174px !important;
  min-height: 110px !important;
  height: auto !important;
  border-radius: 6px !important;
}
.leadinModal .leadinModal-content .leadin-preview-wrapper h4,
.leadinModal .leadinModal-content .leadin-preview-wrapper p,
.leadinModal .leadinModal-content .leadin-preview-wrapper ul {
  margin-left: unset !important;
  margin-right: unset !important;
  margin-bottom: unset !important;
}
.leadinModal .leadinModal-content .leadin-preview-wrapper .advance-wrapper {
  margin-left: unset !important;
}
.leadinModal
  .leadinModal-content
  .leadin-preview-wrapper
  .advance-wrapper
  .leadin-button {
  width: 100% !important;
}
.leadinModal-description-body ul li {
  list-style-type: disc;
}
.leadinModal.leadinModal-v3 .dyno-image img {
  margin: 0 auto 2rem;
}
@media (min-width: 769px) {
  .leadinModal-content {
    width: 72vw !important;
    max-width: 42rem !important;
  }
  .leadinModal .leadinModal-content .leadin-preview-wrapper {
    display: block !important;
  }
  .leadinModal .leadinModal-content .leadin-preview-wrapper h4 {
    margin-bottom: 1rem !important;
  }
  .leadinModal .leadinModal-content .leadin-preview-wrapper p,
  .leadinModal .leadinModal-content .leadin-preview-wrapper ul {
    margin-bottom: 0.5rem !important;
  }
  .leadinModal .leadinModal-content .leadin-preview-wrapper .dyno-image {
    margin-right: 24px !important;
  }
  .leadinModal
    .leadinModal-content
    .leadin-preview-wrapper
    .advance-wrapper
    .leadin-button {
    width: auto !important;
  }
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  src: url(../fonts/Inter-Regular.3e5f90a0.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: Inter;
  font-weight: 500;
  src: url(../fonts/Inter-Medium.7c7206c4.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: Inter;
  font-weight: 700;
  src: url(../fonts/Inter-Bold.2c74025a.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: Spline Sans;
  font-weight: 700;
  src: url(../fonts/SplineSans-Bold.c8c0e787.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: Inter-fallback;
  src: local("sans-serif");
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(
    var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) *
      0.7 - var(--plyr-menu-arrow-size, 4px) / 2
  );
  top: 100%;
  width: 0;
}
.plyr__menu__container [role="menu"] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7/1.5)
    calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(
    var(--plyr-control-spacing, 10px) * 0.7 * 1.5 -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(
    var(--plyr-control-spacing, 10px) * 0.7 * 1.5 -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after,
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]:before {
  background: #00b2ff;
  background: var(
    --plyr-control-toggle-checked-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
  );
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc(-7px + 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}
.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(
    --plyr-range-fill-background,
    var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
  );
  display: block;
  height: 19px;
  height: calc(
    var(--plyr-range-thumb-active-shadow-width, 3px) * 2 +
      var(--plyr-range-thumb-height, 13px)
  );
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(
    to right,
    currentColor var(--value, 0),
    transparent var(--value, 0)
  );
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc(
    (var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) /
      2 * -1
  );
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type="range"]::-ms-track {
  color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper,
.plyr--full-ui input[type="range"]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: transparent;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}
.plyr--full-ui
  input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline: 3px dotted #00b2ff;
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    )
    dotted 3px;
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(
    --plyr-video-background,
    var(--plyr-video-background, #000)
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped)
  .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2)
    calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip:before {
  left: 16px;
  left: calc(
    var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) *
      0.7
  );
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(
    var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) *
      0.7
  );
  transform: translate(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control.plyr__tab-focus
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control:hover
  .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
  white-space: normal;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(
    -45deg,
    rgba(35, 40, 47, 0.6) 25%,
    transparent 0,
    transparent 50%,
    rgba(35, 40, 47, 0.6) 0,
    rgba(35, 40, 47, 0.6) 75%,
    transparent 0,
    transparent
  );
  background-image: linear-gradient(
    -45deg,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
    transparent 25%,
    transparent 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
    transparent 75%,
    transparent
  );
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px)
    var(--plyr-progress-loading-size, 25px);
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(
    --plyr-video-progress-buffered-background,
    hsla(0, 0%, 100%, 0.25)
  );
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type="range"] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}
.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: #00b2ff;
  background: var(
    --plyr-audio-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
  );
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}
.plyr--video {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(transparent, rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #00b2ff;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
  );
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
  );
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: #ffffff40;
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(
    --plyr-video-progress-buffered-background,
    hsla(0, 0%, 100%, 0.25)
  );
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #ffffffe6;
  background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translate(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 4px;
  border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(
    --plyr-video-controls-background,
    linear-gradient(transparent, rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /*! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com
 */
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--color-gray-200));
}
:before,
:after {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Inter, Inter-fallback, 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";
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
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;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: rgb(var(--color-gray-400));
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: rgb(var(--color-gray-400));
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
:root {
  --color-brand-100: 229, 237, 242;
  --color-brand-200: 50, 119, 255;
  --color-brand-300: 46, 90, 194;
  --color-brand-500: 46, 90, 194;
  --color-brand-700: 46, 90, 194;
  --color-brand-800: 6, 76, 115;
  --color-brand-900: 36, 42, 53;
  --color-brand-950: 8, 91, 125;
  --color-gray-200: 245, 245, 245;
  --color-gray-250: 105, 119, 133;
  --color-gray-400: 224, 224, 224;
  --color-gray-500: 220, 220, 220;
  --color-gray-600: 199, 199, 199;
  --color-gray-700: 101, 101, 101;
  --color-gray-800: 41, 41, 41;
  --color-gray-900: 23, 23, 23;
  --color-purple-100: 224, 224, 224;
  --color-purple-600: 224, 224, 224;
}
dialog {
  overflow: visible;
  padding: 0;
  --padding-h: 5rem;
  --padding-v: 5rem;
  max-width: calc(100% - var(--padding));
  max-height: calc(100% - var(--padding));
  background-color: transparent;
}
dialog > button {
  position: absolute;
  left: 100%;
  bottom: 100%;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
dialog > div {
  overflow: auto;
  overscroll-behavior: contain;
  max-width: calc(100vw - var(--padding-h));
  max-height: calc(100vh - var(--padding-v));
}
dialog > div.aspect-16\/9 {
  height: auto;
  width: min(
    calc(100vw - var(--padding-h)),
    calc((100vh - var(--padding-v)) * 16 / 9)
  );
}
@media (min-width: 1024px) {
  dialog > div.aspect-16\/9 {
    width: min(
      calc(75vw - var(--padding-h)),
      calc((100vh - var(--padding-v)) * 16 / 9)
    );
  }
}
@supports (aspect-ratio: 16 / 9) {
  dialog > div.aspect-16\/9 {
    aspect-ratio: 16 / 9;
  }
}
@supports not (aspect-ratio: 16 / 9) {
  dialog > div.aspect-16\/9 {
    padding-top: 56.25%;
  }
  .button--text:hover dialog > div.aspect-16\/9 {
    background-size: 100% 100%;
  }
  .button--text dialog > div.aspect-16\/9 {
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.25rem;
  }
  [dir="rtl"] .button--text dialog > div.aspect-16\/9 {
    background-position: 100% 100%;
  }
  .button--text dialog > div.aspect-16\/9 {
    transition: background-size 0.6s ease;
    background-image: linear-gradient(
      transparent calc(100% - 1px),
      currentColor 1px
    );
  }
  .button--with-icon dialog > div.aspect-16\/9 {
    margin-top: 0.25rem;
  }
  dialog > div.aspect-16\/9 {
    position: relative;
  }
}
dialog > div.aspect-16\/9 > * {
  height: 100%;
  width: 100%;
}
@supports not (aspect-ratio: 16 / 9) {
  dialog > div.aspect-16\/9 > * {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
}
dialog::backdrop {
  background-color: #0009;
}
dialog + .backdrop {
  background-color: #0009;
}
.modal__inner {
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:root {
  scroll-padding-top: calc(10px + var(--header-height));
  scroll-behavior: smooth;
}
html {
  background-color: transparent !important;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: Inter, Inter-fallback, 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";
  font-size: 0.9375rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.is-nav-active {
  overflow: hidden;
}
.button--text:hover main {
  background-size: 100% 100%;
}
.button--text main {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text main {
  background-position: 100% 100%;
}
.button--text main {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon main {
  margin-top: 0.25rem;
}
main {
  position: relative;
  flex-grow: 1;
}
main.main__cover:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  background-color: #0000004d;
  --tw-content: "";
  content: var(--tw-content);
}
.is-active {
  overflow: hidden;
}
input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.back-to-top {
  visibility: hidden;
  position: fixed;
  bottom: 16px;
  left: 16px;
  z-index: 50;
  height: 38px;
  width: 38px;
  --tw-text-opacity: 1;
  color: rgb(121 162 172 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
}
.back-to-top:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .back-to-top {
    bottom: 25px;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.back-to-top:hover .back-to-top__svg {
  animation: spin 1s linear infinite;
  animation-duration: 5s;
}
.button--text:hover .back-to-top__arrow {
  background-size: 100% 100%;
}
.button--text .back-to-top__arrow {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .back-to-top__arrow {
  background-position: 100% 100%;
}
.button--text .back-to-top__arrow {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .back-to-top__arrow {
  margin-top: 0.25rem;
}
.back-to-top__arrow {
  position: relative;
  z-index: 10;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.back-to-top__svg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  stroke-linecap: round;
  stroke-dasharray: 0.1%, 11.4%;
  stroke-width: 2px;
}
[data-show-back-to-top="true"] .back-to-top {
  visibility: visible;
  opacity: 1;
}
[data-show-sticky-navigation="true"][data-scroll-direction="down"] #header {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-show-sticky-navigation="true"][data-scroll-direction="down"]
  .sticky-navigation {
  --tw-translate-y: calc(var(--header-height) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-show-sticky-navigation="true"] .sticky-navigation {
  pointer-events: auto;
  opacity: 1;
}
[data-show-sticky-navigation="true"] .header__main {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity));
}
#truste-consent-text a {
  font-size: inherit;
}
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled,
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity));
  font-family: Inter, Inter-fallback, 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";
}
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled:focus,
.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled:focus {
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(var(--color-brand-700));
}
#hubspot-messages-iframe-container {
  z-index: 50 !important;
}
*,
: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: ;
}
::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: ;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}
@media (min-width: 350px) {
  .container {
    max-width: 350px;
  }
  .\!container {
    max-width: 350px !important;
  }
}
@media (min-width: 400px) {
  .container {
    max-width: 400px;
  }
  .\!container {
    max-width: 400px !important;
  }
}
@media (min-width: 480px) {
  .container {
    max-width: 480px;
  }
  .\!container {
    max-width: 480px !important;
  }
}
@media (min-width: 520px) {
  .container {
    max-width: 520px;
  }
  .\!container {
    max-width: 520px !important;
  }
}
@media (min-width: 560px) {
  .container {
    max-width: 560px;
  }
  .\!container {
    max-width: 560px !important;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 900px;
  }
  .\!container {
    max-width: 900px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .\!container {
    max-width: 1024px !important;
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
}
@media (min-width: 1160px) {
  .container {
    max-width: 1160px;
  }
  .\!container {
    max-width: 1160px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
  .\!container {
    max-width: 1280px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
  .\!container {
    max-width: 1536px !important;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1920px;
  }
  .\!container {
    max-width: 1920px !important;
  }
}
@media (min-width: 2560px) {
  .container {
    max-width: 2560px;
  }
  .\!container {
    max-width: 2560px !important;
  }
}
.container {
  max-width: 100%;
}
.\!container {
  max-width: 100% !important;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
  .\!container {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
  .\!container {
    max-width: 768px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1244px;
  }
  .\!container {
    max-width: 1244px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1244px;
  }
  .\!container {
    max-width: 1244px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1244px;
  }
  .\!container {
    max-width: 1244px !important;
  }
}
.accessory-listing__header {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .accessory-listing__header {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .accessory-listing__header {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .accessory-listing__header {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .accessory-listing__header {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .accessory-listing__header {
    max-width: 560px;
  }
}
@media (min-width: 900px) {
  .accessory-listing__header {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .accessory-listing__header {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .accessory-listing__header {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .accessory-listing__header {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .accessory-listing__header {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .accessory-listing__header {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .accessory-listing__header {
    max-width: 2560px;
  }
}
.accessory-listing__header {
  max-width: 100%;
}
@media (min-width: 640px) {
  .accessory-listing__header {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .accessory-listing__header {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .accessory-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .accessory-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .accessory-listing__header {
    max-width: 1244px;
  }
}
dialog .accessory-listing__header:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .accessory-listing__header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .accessory-listing__header {
  border-radius: 5px;
}
.accessory-listing__header {
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .accessory-listing__header {
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.accessory-listing__header h2 {
  margin-bottom: 1.25rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
@media (min-width: 768px) {
  .accessory-listing__header p {
    margin-bottom: 2rem;
  }
  .accessory-listing__header p:last-child {
    margin-bottom: 0;
  }
}
.accessory-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .accessory-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (min-width: 1280px) {
  .accessory-listing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.accessory-listing .product-card__inner {
  padding-bottom: 1.5rem;
}
.accessory-listing__filteredEntries-wrapper {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  max-width: 1440px;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 1024px) {
  .accessory-listing__filteredEntries-wrapper {
    flex-direction: row;
  }
}
.accessory-listing__filter-wrapper {
  position: fixed;
  top: 0px;
  left: -100%;
  right: 0px;
  z-index: 30;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .accessory-listing__filter-wrapper {
    position: relative;
    left: 0px;
    z-index: 10;
    height: auto;
    max-width: 245px;
  }
  .button--text:hover .accessory-listing__filter-wrapper {
    background-size: 100% 100%;
  }
  .button--text .accessory-listing__filter-wrapper {
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.25rem;
  }
  [dir="rtl"] .button--text .accessory-listing__filter-wrapper {
    background-position: 100% 100%;
  }
  .button--text .accessory-listing__filter-wrapper {
    transition: background-size 0.6s ease;
    background-image: linear-gradient(
      transparent calc(100% - 1px),
      currentColor 1px
    );
  }
  .button--with-icon .accessory-listing__filter-wrapper {
    margin-top: 0.25rem;
  }
  .accessory-listing__filter-wrapper {
    overflow-y: visible;
    background-color: transparent;
    padding-right: 0.5rem;
  }
}
.accessory-listing__filter-wrapper.open {
  left: 0px;
}
.accessory-listing__filter-apply {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}
@media (min-width: 1024px) {
  .accessory-listing__filter-apply {
    display: none;
  }
}
.accessory-listing__filter-apply button {
  width: 100%;
}
.accessory-listing__filterEntries-wrapper {
  width: 100%;
  padding-bottom: 1.25rem;
}
.button--text:hover .accessory-listing__filter-inner {
  background-size: 100% 100%;
}
.button--text .accessory-listing__filter-inner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .accessory-listing__filter-inner {
  background-position: 100% 100%;
}
.button--text .accessory-listing__filter-inner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .accessory-listing__filter-inner {
  margin-top: 0.25rem;
}
.accessory-listing__filter-inner {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .accessory-listing__filter-inner {
    display: block;
    height: auto;
  }
}
.accessory-listing__filter-content {
  min-height: 0px;
  flex: 1 1 0%;
  overflow-y: auto;
  padding: 5rem 1rem 1rem;
}
@media (min-width: 1024px) {
  .accessory-listing__filter-content {
    overflow: visible;
    padding: 0;
  }
}
.accessory-listing__filter-button {
  display: flex;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .accessory-listing__filter-button {
    display: none;
  }
}
.accessory-listing__filter-button.open button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.accessory-listing__filter-button.open button svg {
  height: 1rem;
  width: 1rem;
}
.accessory-listing__filter-button.close {
  margin-bottom: 1.25rem;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.accessory-listing__filter-button.close button svg {
  height: 2.5rem;
  width: 2.5rem;
}
.accessory-listing__filter-close-button {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.accessory-listing__filter-close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
}
.accessory-listing__filterSelected {
  margin-bottom: 1rem;
  display: flex;
  min-height: 40px;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.accessory-listing__filterSelected-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.accessory-listing__filterSelected-item-label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.accessory-listing__filterSelected-item-remove .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.accessory-listing__filterSelected-item-remove
  .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.accessory-listing__filterSelected-item-remove {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.accessory-listing__filterSelected-item-remove:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
}
.accessory-listing__ctas {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.accordion {
  margin-left: auto;
  margin-right: auto;
  max-width: 1044px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .accordion {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.accordion__heading {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .accordion__heading {
    margin-bottom: 1.5rem;
  }
}
.accordion__items .carousel__slide {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0.5rem;
}
.accordion__item {
  border-radius: 0.75rem;
  --tw-shadow: 0 4px 4px rgb(0 0 0 / 10%);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button--text:hover .accordion__item button {
  background-size: 100% 100%;
}
.button--text .accordion__item button {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .accordion__item button {
  background-position: 100% 100%;
}
.button--text .accordion__item button {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .accordion__item button {
  margin-top: 0.25rem;
}
.accordion__item button {
  position: relative;
  display: block;
  width: 100%;
  padding: 2rem 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity));
}
[dir="ltr"] .accordion__item button {
  text-align: left;
}
[dir="rtl"] .accordion__item button {
  text-align: right;
}
.accordion__item button {
  font-weight: 600;
}
.accordion__item button:hover,
.accordion__item button:focus {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"] .accordion__item button .accordion__item--headline {
  padding-right: 2.5rem;
}
[dir="rtl"] .accordion__item button .accordion__item--headline {
  padding-left: 2.5rem;
}
.accordion__item button .accordionIcon {
  position: absolute;
  display: inline-block;
  top: 34px;
  height: 16px;
  width: 16px;
}
[dir="ltr"] .accordion__item button .accordionIcon {
  right: 26px;
}
[dir="rtl"] .accordion__item button .accordionIcon {
  left: 26px;
}
.accordion__item button .accordionIcon:before {
  position: absolute;
  display: block;
  --tw-content: "";
  content: var(--tw-content);
  top: 9px;
  height: 2px;
  width: 16px;
  background-color: currentColor;
}
[dir="ltr"] .accordion__item button .accordionIcon:before {
  left: 2px;
}
[dir="rtl"] .accordion__item button .accordionIcon:before {
  right: 2px;
}
.accordion__item button .accordionIcon:after {
  position: absolute;
  display: block;
  --tw-content: "";
  content: var(--tw-content);
  top: 2px;
  height: 16px;
  width: 2px;
  background-color: currentColor;
}
[dir="ltr"] .accordion__item button .accordionIcon:after {
  left: 9px;
}
[dir="rtl"] .accordion__item button .accordionIcon:after {
  right: 9px;
}
.accordion__item button[aria-expanded="true"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.accordion__item button[aria-expanded="true"] .accordionIcon:after {
  width: 0px;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.accordion__item button[aria-expanded="true"] .accordionIcon:before {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.accordion__item button[aria-expanded="true"] + .accordion__item--content {
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.accordion__item button[aria-expanded="false"] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.accordion__item--content {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.accordion__item--content__copy p {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.accordion__item--content__cta {
  width: 100%;
  white-space: normal !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.banner {
  text-align: center;
}
.banner__media {
  overflow: hidden;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner__type-dark {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.banner__type-dark .banner__overlay {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.banner__type-light {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[dir="ltr"] .banner__align-left {
  text-align: left;
}
[dir="rtl"] .banner__align-left {
  text-align: right;
}
.banner__align-left .banner__content {
  margin: 0;
  width: 100%;
  max-width: 600px;
}
.banner__align-left .banner__ctas {
  justify-content: flex-start;
}
.banner__overlay {
  position: absolute;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 1 44 / var(--tw-bg-opacity));
}
.button--text:hover .banner__content {
  background-size: 100% 100%;
}
.button--text .banner__content {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .banner__content {
  background-position: 100% 100%;
}
.button--text .banner__content {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .banner__content {
  margin-top: 0.25rem;
}
.banner__content {
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding: 6rem 2.5rem;
}
@media (min-width: 768px) {
  .banner__content {
    width: 66.666667%;
  }
}
.banner__ctas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  row-gap: 1rem;
}
.banner__headline {
  margin-bottom: 1rem;
  font-weight: 400;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .banner__headline {
    margin-bottom: 2.5rem;
  }
}
.banner__copy {
  margin-bottom: 3.5rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .banner__copy {
    margin-bottom: 2.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .banner__copy {
    font-size: 1.25rem;
    line-height: 1.39;
    line-height: 2rem;
  }
}
.banner__copy a {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  line-height: 1.25rem;
  text-decoration-line: underline;
}
@media (min-width: 768px) {
  .banner__copy a {
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .banner__copy a {
    font-size: 1.25rem;
    line-height: 1.39;
    line-height: 2rem;
  }
}
.blog-listing__filters .filters {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.blog-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 768px) {
  .blog-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .blog-listing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.blog-listing__skeleton-label .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-label .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-label {
  margin-bottom: 0.5rem;
  height: 1rem;
  width: 60px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.blog-listing__skeleton-image .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-image .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-image {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.blog-listing__skeleton-title .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-title .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-title {
  margin-bottom: 0.75rem;
  height: 1.5rem;
  width: 80%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.blog-listing__skeleton-copy {
  min-height: 72px;
}
.blog-listing__skeleton-copy:before .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-copy:before .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-copy:before {
  display: block;
  height: 1rem;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.blog-listing__skeleton-copy:after .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-copy:after .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-copy:after {
  margin-top: 0.5rem;
  display: block;
  height: 1rem;
  width: 70%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.blog-listing__skeleton-button .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-button .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.blog-listing__skeleton-button {
  height: 2rem;
  width: 100px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.blog-listing__skeleton-content {
  width: 100%;
}
.breadcrumbs {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin-top: 1.5rem;
  }
}
.breadcrumbs__item {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  opacity: 0.75;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.breadcrumbs__item:hover {
  opacity: 1;
}
.breadcrumbs__item:not(:last-child):before {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.breadcrumbs__item:last-child {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  opacity: 1;
}
.breadcrumbs__item:nth-last-child(2) {
  display: inline-flex;
}
.breadcrumbs__item a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.breadcrumbs__separator {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
[dir="ltr"] .breadcrumbs__separator {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .breadcrumbs__separator {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.breadcrumbs__text {
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 0.75rem;
}
.breadcrumbs__text:not(:lang(en)) {
  text-transform: none;
}
.breadcrumbs--hero {
  margin-bottom: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1280px) {
  .breadcrumbs--hero {
    margin-top: -4rem;
  }
}
@media (min-width: 768px) {
  .hero .breadcrumbs__text {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.hero .breadcrumbs__item:last-child {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero .breadcrumbs__item:not(:last-child):after {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.hero__type-light .breadcrumbs {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero__type-light .breadcrumbs__item:last-child,
.hero__type-light .breadcrumbs a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero__type-dark .breadcrumbs {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hero__type-dark .breadcrumbs__item:last-child,
.hero__type-dark .breadcrumbs a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button {
  display: inline-block;
  border-radius: 5px;
  padding: 0.75rem 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.button {
  white-space: nowrap;
}
.button:hover {
  text-decoration-line: none;
}
.button {
  cursor: pointer;
  font-size: 0.9375rem;
  line-height: 1.7;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms;
}
.button--primary {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-300), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--primary:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
.button--primary-hero {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--primary-hero:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .button--primary-hero {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .button--primary-hero {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.button--primary-small {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  padding: 0.5rem 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--primary-small:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .button--primary-small {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.button--x-small {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .button--x-small {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.button--white {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--white-no-border {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--dark {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
.button--extra-dark {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-950), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--extra-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
}
.button--text {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--text:hover .relative {
  background-size: 100% 100%;
}
.button--text .relative {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .relative {
  background-position: 100% 100%;
}
.button--text .relative {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--text-black {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.button--text-arrow {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--text-arrow-x-small {
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--text-arrow svg,
.button--text-arrow-x-small svg {
  display: inline-block;
}
[dir="ltr"] .button--text-arrow svg,
[dir="ltr"] .button--text-arrow-x-small svg {
  margin-left: 0.75rem;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .button--text-arrow svg,
[dir="rtl"] .button--text-arrow-x-small svg {
  margin-right: 0.75rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.button--text-arrow svg path:nth-of-type(1),
.button--text-arrow-x-small svg path:nth-of-type(1) {
  transition: all 0.3s ease;
}
.button--text-arrow:hover svg path:nth-of-type(1),
.button--text-arrow-x-small:hover svg path:nth-of-type(1) {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition: all 0.3s ease;
}
.button--transparent {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--transparent:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-300), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--text:hover .button--transparent-blue {
  background-size: 100% 100%;
}
.button--text .button--transparent-blue {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .button--transparent-blue {
  background-position: 100% 100%;
}
.button--text .button--transparent-blue {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .button--transparent-blue {
  margin-top: 0.25rem;
}
.button--transparent-blue {
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.button--transparent-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
}
[dir="ltr"] .button--transparent-blue:hover {
  background-image: linear-gradient(90.23deg, #3277ff 18.75%, #2e5ac2 60.32%);
}
[dir="rtl"] .button--transparent-blue:hover {
  background-image: linear-gradient(90.23deg, #2e5ac2 18.75%, #3277ff 60.32%);
}
[dir="ltr"] .button--transparent-blue:hover:before {
  background-image: linear-gradient(90.23deg, #3277ff 18.75%, #2e5ac2 60.32%);
}
[dir="rtl"] .button--transparent-blue:hover:before {
  background-image: linear-gradient(90.23deg, #2e5ac2 18.75%, #3277ff 60.32%);
}
.button--transparent-blue:hover > span {
  --tw-gradient-from: #fff;
  --tw-gradient-to: rgb(255 255 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff;
}
[dir="ltr"] .button--transparent-blue:hover > span {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
[dir="rtl"] .button--transparent-blue:hover > span {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.button--transparent-blue:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  border-radius: 5px;
  padding: 0.125rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  --tw-content: "";
  content: var(--tw-content);
  box-sizing: border-box;
}
[dir="ltr"] .button--transparent-blue:before {
  background-image: linear-gradient(
    90deg,
    #2e5ac2 0%,
    #2e5ac2 58.22%,
    #000000 129.38%
  );
}
[dir="rtl"] .button--transparent-blue:before {
  background-image: linear-gradient(
    90deg,
    #000000 0%,
    #2e5ac2 58.22%,
    #2e5ac2 129.38%
  );
}
.button--transparent-blue:before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms;
}
.button--text:hover .button--transparent-blue > span {
  background-size: 100% 100%;
}
.button--text .button--transparent-blue > span {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .button--transparent-blue > span {
  background-position: 100% 100%;
}
.button--text .button--transparent-blue > span {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .button--transparent-blue > span {
  margin-top: 0.25rem;
}
.button--transparent-blue > span {
  position: relative;
  z-index: 2;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
[dir="ltr"] .button--transparent-blue > span {
  background-image: linear-gradient(
    90deg,
    #2e5ac2 0%,
    #2e5ac2 58.22%,
    #000000 129.38%
  );
}
[dir="rtl"] .button--transparent-blue > span {
  background-image: linear-gradient(
    90deg,
    #000000 0%,
    #2e5ac2 58.22%,
    #2e5ac2 129.38%
  );
}
.button--transparent-blue > span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button--transparent-white {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--transparent-white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-300), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button--with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.button--with-icon svg {
  margin-top: auto;
  margin-bottom: auto;
  height: 28px;
  width: 28px;
}
@media (min-width: 768px) {
  .button--with-icon svg {
    height: 38px;
    width: 38px;
  }
}
.button--with-icon .relative {
  margin-top: 0.25rem;
}
.button.js-open-modal span {
  pointer-events: none;
}
.button--clear {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.button--clear:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.button--clear:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.button--clear:not([disabled]) {
  cursor: pointer;
}
.button--accessory-link {
  border-width: 1px;
  border-color: #0000000d;
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.button--accessory-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.camera-comparison-tool__categories .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.camera-comparison-tool__categories .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.camera-comparison-tool__categories {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
  .camera-comparison-tool__categories {
    justify-content: center;
  }
}
.camera-comparison-tool__category {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  width: 135px;
  flex-shrink: 0;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 1rem;
  line-height: 1.25;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
}
.camera-comparison-tool__category:hover {
  background-color: #0000001a;
}
.camera-comparison-tool__category--image {
  margin-left: auto;
  margin-right: auto;
}
.camera-comparison-tool__category--image svg {
  width: 60px;
}
.camera-comparison-tool__category--label {
  margin-top: auto;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .camera-comparison-tool__category--label {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.camera-comparison-tool__category.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.camera-comparison-tool__cameras {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.camera-comparison-tool__cameras--wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  overflow-x: auto;
  padding: 2.5rem;
}
@media (min-width: 1024px) {
  .camera-comparison-tool__cameras--wrapper {
    gap: 2.5rem;
    padding-left: calc(50vw - 635px);
  }
}
.camera-comparison-tool__cameras--wrapper {
  scrollbar-width: none;
}
.camera-comparison-tool__cameras--wrapper::-webkit-scrollbar {
  display: none;
  height: 0px;
}
.camera-comparison-tool__cameras--scrollbar {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 560px;
  }
}
@media (min-width: 900px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 2560px;
  }
}
.camera-comparison-tool__cameras--scrollbar {
  max-width: 100%;
}
@media (min-width: 640px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .camera-comparison-tool__cameras--scrollbar {
    max-width: 1244px;
  }
}
dialog .camera-comparison-tool__cameras--scrollbar:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .camera-comparison-tool__cameras--scrollbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .camera-comparison-tool__cameras--scrollbar {
  border-radius: 5px;
}
.camera-comparison-tool__cameras--scrollbar {
  margin-left: auto;
  margin-right: auto;
  height: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .camera-comparison-tool__cameras--scrollbar {
    height: 8px;
  }
}
.camera-comparison-tool__cameras--scrollbar--inner {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.camera-comparison-tool__cameras--scrollbar--thumb {
  height: 6px;
  cursor: grab;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .camera-comparison-tool__cameras--scrollbar--thumb {
    height: 8px;
  }
}
.camera-comparison-tool__features {
  margin-top: -6px;
  display: flex;
}
.camera-comparison-tool__features--container {
  line-height: 1rem;
}
@media (min-width: 768px) {
  .camera-comparison-tool__features--container {
    line-height: 1.5rem;
  }
}
.camera-comparison-tool__features--feature {
  font-size: 10px;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .camera-comparison-tool__features--feature {
    font-size: 0.875rem;
    line-height: 1.5625rem;
  }
}
.camera-comparison-tool__camera {
  display: flex;
  width: 140px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .camera-comparison-tool__camera {
    width: 242px;
  }
}
.camera-comparison-tool__camera--container {
  width: 100%;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(247 247 248 / var(--tw-border-opacity));
}
.camera-comparison-tool__camera--container:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  transition-duration: 0.5s;
  background-color: #005eb808;
}
.camera-comparison-tool__camera.disabled {
  pointer-events: none;
  opacity: 0.6;
  --tw-grayscale: grayscale(100%);
  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);
}
.camera-comparison-tool__camera .active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  background-color: #005eb808;
}
.camera-comparison-tool__camera--image {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.camera-comparison-tool__camera--image img {
  aspect-ratio: 4/3;
  -o-object-fit: contain;
  object-fit: contain;
}
.camera-comparison-tool__camera--title {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
  .camera-comparison-tool__camera--title {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
}
.camera-comparison-tool__camera .button {
  margin-top: auto;
  display: flex;
  cursor: pointer;
}
.camera-comparison-tool__camera .button--compare {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  background-color: transparent;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.camera-comparison-tool__camera .button--compare:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.camera-comparison-tool__camera .button--compare.active {
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.camera-comparison-tool__camera .button--compare svg {
  margin-right: 0.25rem;
}
.camera-comparison-tool__table.active
  .camera-comparison-tool__table__header--cell--placeholder {
  display: block;
}
.camera-comparison-tool__table {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
.camera-comparison-tool__table__header,
.camera-comparison-tool__table__row {
  display: grid;
  width: 700px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__header,
  .camera-comparison-tool__table__row {
    width: 100%;
  }
}
.camera-comparison-tool__table__header--image,
.camera-comparison-tool__table__select-placeholder {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  height: 170px;
  align-items: center;
  border-radius: 5px;
  font-size: 0.75rem;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .camera-comparison-tool__table__header--image,
  .camera-comparison-tool__table__select-placeholder {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
}
.camera-comparison-tool__table__header {
  gap: 0.5rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__header {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
}
.camera-comparison-tool__table__header--close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer !important;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #00000080;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  color: #00000080;
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__header--close {
    padding: 0.5rem;
  }
}
.button--text:hover .camera-comparison-tool__table__header--image {
  background-size: 100% 100%;
}
.button--text .camera-comparison-tool__table__header--image {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .camera-comparison-tool__table__header--image {
  background-position: 100% 100%;
}
.button--text .camera-comparison-tool__table__header--image {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .camera-comparison-tool__table__header--image {
  margin-top: 0.25rem;
}
.camera-comparison-tool__table__header--image {
  position: relative;
  margin-bottom: 0.75rem;
  border-radius: 5px;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
  --tw-bg-opacity: 0.03;
  padding: 1rem;
}
@media not all and (min-width: 768px) {
  .camera-comparison-tool__table__header--cell--placeholder {
    display: none;
  }
}
.camera-comparison-tool__table__row--cell {
  display: flex;
  min-height: 63px;
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 230 230 / var(--tw-border-opacity));
  padding: 1rem 0.5rem;
  text-align: center;
}
.camera-comparison-tool__table__row--cell:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__row--cell {
    min-height: 103px;
  }
}
.camera-comparison-tool__table__row--cell--bottom {
  display: flex;
  flex-direction: column;
}
.camera-comparison-tool__table__row--cell--bottom
  > :not([hidden])
  ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.camera-comparison-tool__table__row--cell--bottom {
  border-width: 0px;
  background-color: transparent !important;
}
.camera-comparison-tool__table__row--cell--bottom .button--text-arrow {
  padding-right: 0;
}
.camera-comparison-tool__table__row--value {
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__row--value {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.camera-comparison-tool__table__row--label {
  justify-content: flex-start;
  background-color: transparent !important;
  font-size: 0.75rem;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .camera-comparison-tool__table__row--label {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.camera-comparison-tool__table__select-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #00000080;
  background-color: #005eb808;
}
.camera-comparison-tool__placeholder--container {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 700px;
  flex-direction: row-reverse;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .camera-comparison-tool__placeholder--container {
    width: 100%;
  }
}
.button--text:hover .camera-comparison-tool__thumbs-arrow-container {
  background-size: 100% 100%;
}
.button--text .camera-comparison-tool__thumbs-arrow-container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .camera-comparison-tool__thumbs-arrow-container {
  background-position: 100% 100%;
}
.button--text .camera-comparison-tool__thumbs-arrow-container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .camera-comparison-tool__thumbs-arrow-container {
  margin-top: 0.25rem;
}
.camera-comparison-tool__thumbs-arrow-container {
  pointer-events: none;
  position: relative;
  z-index: 10;
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
}
[dir="ltr"] .camera-comparison-tool__thumbs-arrow-container {
  flex-direction: row;
  justify-content: flex-end;
}
[dir="rtl"] .camera-comparison-tool__thumbs-arrow-container {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.button--text:hover .camera-comparison-tool__thumbs-arrow-container .arrows {
  background-size: 100% 100%;
}
.button--text .camera-comparison-tool__thumbs-arrow-container .arrows {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .camera-comparison-tool__thumbs-arrow-container
  .arrows {
  background-position: 100% 100%;
}
.button--text .camera-comparison-tool__thumbs-arrow-container .arrows {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .camera-comparison-tool__thumbs-arrow-container .arrows {
  margin-top: 0.25rem;
}
.camera-comparison-tool__thumbs-arrow-container .arrows {
  position: relative;
  display: grid;
  height: 28px;
  width: 28px;
  cursor: pointer;
  place-content: center;
  border-radius: 5px;
  padding: 0;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-400), var(--tw-border-opacity));
  --tw-bg-opacity: 0.7;
}
.camera-comparison-tool__thumbs-arrow-container .arrows:focus {
  outline-style: dotted;
  outline-width: 1px;
}
.camera-comparison-tool__thumbs-arrow-container svg {
  pointer-events: auto;
  height: 15px;
  width: 16px;
}
.camera-comparison-tool__thumbs-arrow-container svg rect {
  fill: none;
}
.camera-comparison-tool__thumbs-arrow-container svg path {
  stroke: #000;
}
.card-background {
  padding-top: 3.5rem;
  padding-bottom: 7rem;
}
.card-background__header {
  margin-bottom: 3.5rem;
  text-align: center;
  line-height: 1.5rem;
}
.card-background__header h2 {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.39;
  font-weight: 400;
}
@media (min-width: 768px) {
  .card-background__header h2 {
    font-family: Inter, Inter-fallback, 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";
    font-weight: 700;
    line-height: 1.39;
    font-size: clamp(1.375rem, 2.5vw, 2rem);
  }
}
.card-background__header p {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .card-background__header p {
    width: 75%;
  }
}
.button--text:hover .card-background__card {
  background-size: 100% 100%;
}
.button--text .card-background__card {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .card-background__card {
  background-position: 100% 100%;
}
.button--text .card-background__card {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .card-background__card {
  margin-top: 0.25rem;
}
.card-background__card {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  padding: 3rem 1.75rem;
}
@media (min-width: 768px) {
  .card-background__card {
    padding: 3.5rem;
  }
  .card-background__card:not(.colspan-2) {
    padding: 2.25rem;
  }
}
.card-background .rowspan-1,
.card-background .rowspan-2 {
  grid-row: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .rowspan-2 {
    grid-row: span 2 / span 2;
  }
}
.card-background .rowspan-3 {
  grid-row: span 3 / span 3;
}
.card-background .colspan-1 {
  grid-column: span 1 / span 1;
}
.card-background .colspan-1 .card-background__content {
  width: 100%;
}
.card-background .colspan-2 {
  grid-column: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .colspan-2 {
    grid-column: span 2 / span 2;
  }
}
.card-background .colspan-2 .card-background__content {
  width: 100%;
}
.card-background .colspan-2 .card-background__button {
  margin-top: auto;
}
.card-background .colspan-3 {
  grid-column: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .colspan-3 {
    grid-column: span 3 / span 3;
  }
}
.card-background .colspan-4 {
  grid-column: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .colspan-4 {
    grid-column: span 4 / span 4;
  }
}
.card-background .colspan-5 {
  grid-column: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .colspan-5 {
    grid-column: span 5 / span 5;
  }
}
.card-background .colspan-6 {
  grid-column: span 1 / span 1;
}
@media (min-width: 1024px) {
  .card-background .colspan-6 {
    grid-column: span 6 / span 6;
  }
}
.card-background__inner {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.card-background__content {
  width: 100%;
}
@media (min-width: 768px) {
  .card-background__content {
    width: 60%;
  }
}
.card-background__content-left {
  align-items: flex-start;
}
[dir="ltr"] .card-background__content-left div {
  text-align: left;
}
[dir="rtl"] .card-background__content-left div {
  text-align: right;
}
.card-background__content-center {
  align-items: center;
}
.card-background__content-center div {
  text-align: center;
}
.card-background__content-right {
  align-items: flex-end;
}
[dir="ltr"] .card-background__content-right div {
  text-align: right;
}
[dir="rtl"] .card-background__content-right div {
  text-align: left;
}
.card-background__title {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  line-height: 1.75rem;
}
@media (min-width: 768px) {
  .card-background__title {
    font-size: 23px;
  }
}
.card-background__copy {
  margin-bottom: 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  line-height: 1.5rem;
}
.card-background__overlay {
  position: absolute;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-size: cover;
}
[dir="ltr"] .card-background__overlay {
  left: 0px;
}
[dir="rtl"] .card-background__overlay {
  right: 0px;
}
.card-background__grid {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .card-background__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.card-background__bg,
.card-background__bg > * {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}
.card-background__bg > * {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-block__header {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .card-block__header {
    margin-bottom: 3.5rem;
  }
}
.card-block__header:not(.image-card__success-card) {
  margin-bottom: 1rem;
}
.card-block__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 94ch;
}
.card-block__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .card-block__grid:has(.image-card__directory-card),
  .card-block__grid:has(.image-card__plain-card) {
    row-gap: 2rem;
  }
}
.card-block__1-column {
  align-items: stretch;
  justify-content: center;
}
.card-block__1-column .image-card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 100%;
}
.card-block__2-column {
  align-items: stretch;
  justify-content: center;
}
.card-block__2-column .image-card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .card-block__2-column .image-card {
    width: calc(50% - 16px);
  }
}
.card-block__3-column {
  align-items: stretch;
  justify-content: center;
}
.card-block__3-column .image-card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .card-block__3-column .image-card {
    width: calc(33.33% - 16px);
  }
}
.card-block__3-column .image-card__success-card {
  align-self: flex-start;
}
@media (min-width: 768px) {
  .card-block__3-column .image-card__success-card {
    align-self: auto;
  }
}
.card-block__4-column {
  align-items: stretch;
  justify-content: center;
}
.card-block__4-column .image-card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .card-block__4-column .image-card {
    width: calc(50% - 16px);
  }
}
@media (min-width: 1280px) {
  .card-block__4-column .image-card {
    width: calc(25% - 16px);
  }
}
.card-block__carousel .carousel__slide > div {
  height: 100%;
}
.card-block__carousel .carousel__nav button.is-current div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
}
.card-block__carousel .carousel__nav button div {
  border-width: 1px;
  border-color: #00000047;
  background-color: transparent;
}
.card-block__carousel .carousel__nav--hero {
  bottom: -2.25rem;
}
.card-block__carousel .carousel__nav {
  bottom: -2rem;
}
.card-block__carousel-xl {
  display: none;
}
@media (min-width: 1280px) {
  .card-block__carousel-xl {
    display: block;
  }
}
.card-block__carousel-md {
  display: none;
}
@media (min-width: 768px) {
  .card-block__carousel-md {
    display: block;
  }
}
@media (min-width: 1280px) {
  .card-block__carousel-md {
    display: none;
  }
}
.card-block__carousel-sm {
  display: block;
}
@media (min-width: 768px) {
  .card-block__carousel-sm {
    display: none;
  }
}
@media (min-width: 1280px) {
  .card-block__carousel-sm {
    display: none;
  }
}
.card-block__cta {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .card-block.card-block__load-more .card-block__grid {
    row-gap: 1rem;
  }
}
.card-block__more-button {
  margin-top: 2rem;
  display: flex;
  width: 100%;
  justify-content: center;
}
.button--text:hover .carousel {
  background-size: 100% 100%;
}
.button--text .carousel {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .carousel {
  background-position: 100% 100%;
}
.button--text .carousel {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .carousel {
  margin-top: 0.25rem;
}
.carousel {
  position: relative;
}
.button--text:hover .carousel__slides,
.button--text:hover .carousel__thumb-nav {
  background-size: 100% 100%;
}
.button--text .carousel__slides,
.button--text .carousel__thumb-nav {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .carousel__slides,
[dir="rtl"] .button--text .carousel__thumb-nav {
  background-position: 100% 100%;
}
.button--text .carousel__slides,
.button--text .carousel__thumb-nav {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .carousel__slides,
.button--with-icon .carousel__thumb-nav {
  margin-top: 0.25rem;
}
.carousel__slides,
.carousel__thumb-nav {
  position: relative;
  display: flex;
  width: 100%;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
  overflow: auto;
  scrollbar-width: none;
}
.carousel__slides::-webkit-scrollbar,
.carousel__thumb-nav::-webkit-scrollbar {
  display: none;
}
.carousel__slide {
  scroll-snap-align: center;
  height: auto;
  width: 100%;
  flex: none;
}
.carousel__nav {
  margin-top: 1rem;
}
.carousel__nav ul {
  display: flex;
  justify-content: center;
}
.carousel__nav button {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.25rem;
}
.carousel__nav button div {
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  background-color: currentColor;
  opacity: 0.5;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.carousel__nav button.is-current div {
  opacity: 1;
}
.carousel__nav--hero {
  position: absolute;
  left: 50%;
  bottom: 6.5px;
  z-index: 20;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px) {
  .carousel__nav--hero {
    bottom: 2rem;
  }
}
@media (min-width: 1280px) {
  .carousel__nav--hero {
    bottom: 3rem;
  }
}
.carousel__gallery .carousel__slide > div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.carousel__gallery .carousel__slide img {
  max-height: 500px;
}
.button--text:hover .carousel__gallery .carousel__nav-images {
  background-size: 100% 100%;
}
.button--text .carousel__gallery .carousel__nav-images {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .carousel__gallery .carousel__nav-images {
  background-position: 100% 100%;
}
.button--text .carousel__gallery .carousel__nav-images {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .carousel__gallery .carousel__nav-images {
  margin-top: 0.25rem;
}
.carousel__gallery .carousel__nav-images {
  position: relative;
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container {
    display: flex;
  }
}
.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg {
  pointer-events: auto;
  height: 15px;
}
.carousel__gallery
  .carousel__nav-images
  .carousel__thumbs-arrow-container
  svg
  rect {
  fill: none;
}
.carousel__gallery
  .carousel__nav-images
  .carousel__thumbs-arrow-container
  svg
  path {
  stroke: #000;
}
.carousel__gallery .carousel__nav {
  margin-top: 3rem;
}
.carousel__gallery .carousel__nav button div {
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  background-color: currentColor;
  opacity: 0.5;
}
.carousel__gallery .carousel__nav .carousel__pips {
  display: flex;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 4rem;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .carousel__gallery .carousel__nav .carousel__pips {
    width: 3rem;
  }
}
@media (min-width: 1280px) {
  .carousel__gallery .carousel__nav .carousel__pips {
    width: 4rem;
  }
}
.carousel__gallery .carousel__nav .carousel__pips img {
  height: auto;
  width: 4rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 768px) {
  .carousel__gallery .carousel__nav .carousel__pips img {
    width: 3rem;
  }
}
@media (min-width: 1280px) {
  .carousel__gallery .carousel__nav .carousel__pips img {
    width: 4rem;
  }
}
.carousel__gallery .carousel__thumb {
  scroll-snap-align: center;
  height: auto;
  width: 100%;
  flex: none;
}
@media (min-width: 768px) {
  .carousel__gallery .carousel__thumb {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.carousel__gallery .carousel__thumb {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  place-items: center;
  gap: 0.5rem;
}
.carousel__gallery .carousel__thumb--centered {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.carousel__gallery .carousel__thumb--centered > * {
  grid-column: span 2 / span 2;
  place-self: center;
}
.carousel__gallery .carousel__thumb--centered > *:last-child:nth-child(5n + 1) {
  grid-column-start: 5;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(2):nth-child(5n + 1) {
  grid-column-start: 4;
}
.carousel__gallery .carousel__thumb--centered > *:last-child:nth-child(5n + 2) {
  grid-column-start: 6;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(3):nth-child(5n + 1) {
  grid-column-start: 3;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(2):nth-child(5n + 2) {
  grid-column-start: 5;
}
.carousel__gallery .carousel__thumb--centered > *:last-child:nth-child(5n + 3) {
  grid-column-start: 7;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(4):nth-child(5n + 1) {
  grid-column-start: 2;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(3):nth-child(5n + 2) {
  grid-column-start: 4;
}
.carousel__gallery
  .carousel__thumb--centered
  > *:nth-last-child(2):nth-child(5n + 3) {
  grid-column-start: 6;
}
.carousel__gallery .carousel__thumb--centered > *:last-child:nth-child(5n + 4) {
  grid-column-start: 8;
}
.carousel__gallery ul {
  gap: 1.25rem;
}
.carousel .carousel__arrow-container {
  position: absolute;
  top: 55%;
  z-index: 40;
  display: none;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
  .carousel .carousel__arrow-container {
    top: 50%;
    display: flex;
  }
}
.carousel .carousel__arrow-button {
  width: 28px;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media not all and (min-width: 768px) {
  .carousel--contentSlide .carousel__arrow-container {
    display: flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .carousel--contentSlide .carousel__arrow-button {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
    padding: 0.375rem;
  }
}
.carouselV2 {
  --toggle-duration: 10s;
}
@media (min-width: 768px) {
  .carouselV2 {
    position: relative;
  }
  .button--text:hover .carouselV2 {
    background-size: 100% 100%;
  }
  .button--text .carouselV2 {
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.25rem;
  }
  [dir="rtl"] .button--text .carouselV2 {
    background-position: 100% 100%;
  }
  .button--text .carouselV2 {
    transition: background-size 0.6s ease;
    background-image: linear-gradient(
      transparent calc(100% - 1px),
      currentColor 1px
    );
  }
  .button--with-icon .carouselV2 {
    margin-top: 0.25rem;
  }
}
.button--text:hover .carouselV2__slides {
  background-size: 100% 100%;
}
.button--text .carouselV2__slides {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .carouselV2__slides {
  background-position: 100% 100%;
}
.button--text .carouselV2__slides {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .carouselV2__slides {
  margin-top: 0.25rem;
}
.carouselV2__slides {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  overflow: hidden;
}
@media (min-width: 768px) {
  .carouselV2__slides {
    flex-direction: column;
  }
}
.carouselV2__slides {
  scrollbar-width: none;
}
.carouselV2__slides::-webkit-scrollbar {
  display: none;
}
.carouselV2__slide {
  height: auto;
  width: 100%;
  flex: none;
}
.carouselV2__slide.is-current > * {
  opacity: 1 !important;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.7s;
}
@keyframes bounce-down {
  0% {
    transform: translate(0) skew(0);
  }
  50% {
    transform: translateY(-3%) skew(0);
  }
  to {
    transform: translate(0) skew(0);
  }
}
.carouselV2__slide.is-current.direction-down > .js-transform-scroll,
.carouselV2__slide.is-current.direction-down > .heroV2__image {
  animation: bounce-down 0.8s ease-in-out 1;
}
@keyframes bounce-up {
  0% {
    transform: translate(0) skew(0);
  }
  50% {
    transform: translateY(3%) skew(0);
  }
  to {
    transform: translate(0) skew(0);
  }
}
.carouselV2__slide.is-current.direction-up > .js-transform-scroll,
.carouselV2__slide.is-current.direction-up > .heroV2__image {
  animation: bounce-up 0.8s ease-in-out 1;
}
.carouselV2__nav-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .carouselV2__nav-wrapper {
    justify-content: flex-start;
  }
}
.carouselV2__nav-wrapper {
  position: absolute;
  bottom: 0px;
  z-index: 20;
}
[dir="ltr"] .carouselV2__nav-wrapper {
  left: 0px;
}
[dir="rtl"] .carouselV2__nav-wrapper {
  right: 0px;
}
@media (min-width: 768px) {
  .carouselV2__nav-wrapper {
    position: relative;
    margin-top: 1rem;
  }
  .button--text:hover .carouselV2__nav-wrapper {
    background-size: 100% 100%;
  }
  .button--text .carouselV2__nav-wrapper {
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.25rem;
  }
  [dir="rtl"] .button--text .carouselV2__nav-wrapper {
    background-position: 100% 100%;
  }
  .button--text .carouselV2__nav-wrapper {
    transition: background-size 0.6s ease;
    background-image: linear-gradient(
      transparent calc(100% - 1px),
      currentColor 1px
    );
  }
  .button--with-icon .carouselV2__nav-wrapper {
    margin-top: 0.25rem;
  }
}
.carouselV2__nav {
  margin-top: 1rem;
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.carouselV2__nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.carouselV2__nav ul li {
  align-self: center;
}
.button--text:hover .carouselV2__nav button {
  background-size: 100% 100%;
}
.button--text .carouselV2__nav button {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .carouselV2__nav button {
  background-position: 100% 100%;
}
.button--text .carouselV2__nav button {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .carouselV2__nav button {
  margin-top: 0.25rem;
}
.carouselV2__nav button {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.25rem;
}
.carouselV2__nav button div {
  height: 14px;
  width: 14px;
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  background-color: currentColor;
  opacity: 12%;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.carouselV2__nav button .circle-gradient {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition: opacity 0.1s linear;
}
.carouselV2__nav button .circle-gradient svg {
  display: block;
  height: 100%;
  width: 100%;
  overflow: visible;
  transform-origin: center;
  transform: rotate(-112deg);
  will-change: transform;
}
.carouselV2__nav button.is-current .circle-gradient {
  opacity: 1;
}
.carouselV2__nav button.is-current .circle-gradient svg {
  animation: spin 9.5s linear forwards;
}
.carouselV2__nav button.is-current .carouselV2__pips--circle {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.carouselV2__nav button.is-current .carouselV2__pips--circle--svg {
  width: 100%;
  stroke: #242a35;
  stroke-width: 8px;
  fill: transparent;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dash 10s linear forwards;
}
.carouselV2__nav button.is-current .carouselV2__pips--circle--bg {
  width: 100%;
  stroke: #cecece;
  stroke-width: 8px;
  fill: transparent;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(-112deg);
  }
  to {
    transform: rotate(200deg);
  }
}
.carouselV2__arrow-container {
  display: flex;
  cursor: pointer;
  align-self: flex-start;
}
.case-study-listing__header .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__header .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__header {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .case-study-listing__header {
    padding-bottom: 3rem;
    padding-top: 5rem;
  }
}
.case-study-listing__filters {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.case-study-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 768px) {
  .case-study-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .case-study-listing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.case-study-listing__skeleton-label .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-label .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-label {
  margin-bottom: 0.5rem;
  height: 1rem;
  width: 60px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.case-study-listing__skeleton-image .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-image .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-image {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.case-study-listing__skeleton-title .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-title .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-title {
  margin-bottom: 0.75rem;
  height: 1.5rem;
  width: 80%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.case-study-listing__skeleton-copy {
  min-height: 72px;
}
.case-study-listing__skeleton-copy:before .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-copy:before .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-copy:before {
  display: block;
  height: 1rem;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.case-study-listing__skeleton-copy:after .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-copy:after .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-copy:after {
  margin-top: 0.5rem;
  display: block;
  height: 1rem;
  width: 70%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.case-study-listing__skeleton-button .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-button .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.case-study-listing__skeleton-button {
  height: 2rem;
  width: 100px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.case-study-listing__skeleton-content {
  width: 100%;
}
.comparison-table {
  height: auto;
  overflow: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#modal .comparison-table {
  height: 80vh;
  width: 75vw;
  max-width: 1500px;
  overflow: auto;
  padding: 1rem;
}
@media (min-width: 768px) {
  #modal .comparison-table {
    height: 90vh;
    width: 85vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#modal .comparison-table__table {
  max-width: 100%;
}
.comparison-table__table {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  table-layout: auto;
  empty-cells: hide;
  border-spacing: 0;
  border-collapse: separate;
}
.comparison-table__product-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  height: 100%;
}
.button--text:hover .comparison-table__product-image {
  background-size: 100% 100%;
}
.button--text .comparison-table__product-image {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .comparison-table__product-image {
  background-position: 100% 100%;
}
.button--text .comparison-table__product-image {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .comparison-table__product-image {
  margin-top: 0.25rem;
}
.comparison-table__product-image {
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
}
.comparison-table__product-image img {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  height: 6rem;
  width: auto;
}
.comparison-table__product-image svg {
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}
.comparison-table__price {
  display: none;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  margin-top: auto;
}
.comparison-table__feature {
  width: 15rem;
  min-width: 238px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 1.25rem;
  text-align: center;
}
.comparison-table__feature div {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.7;
}
.comparison-table__cell {
  min-width: 180px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.comparison-table__row {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.comparison-table__row:last-child td {
  border-bottom-width: 1px;
}
.comparison-table tbody {
  border-collapse: collapse;
}
.comparison-table th {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  vertical-align: top;
  height: inherit;
}
.comparison-table td {
  border-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-color: #00000026;
}
.comparison-table td:last-child {
  border-right-width: 1px;
}
.comparison-table .comparison-table__software th {
  border-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-color: #00000026;
}
.comparison-table .comparison-table__software th:last-child {
  border-right-width: 1px;
}
.pricing-enabled .comparison-table__price {
  display: block;
}
.ctas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.ctas a {
  line-height: 1.25;
}
.downloads {
  padding-top: 2rem;
  padding-bottom: 2rem;
  outline-width: 0px;
}
.downloads__headline {
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .downloads__headline {
    margin-bottom: 3rem;
  }
}
.downloads__grid {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .downloads__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.downloads__grid {
  row-gap: 2.5rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}
@media (min-width: 1024px) {
  .downloads__grid {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }
}
@media (min-width: 1280px) {
  .downloads__grid {
    -moz-column-gap: 5rem;
    column-gap: 5rem;
  }
}
@media (min-width: 1536px) {
  .downloads__grid {
    -moz-column-gap: 10rem;
    column-gap: 10rem;
  }
}
.downloads__asset {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.downloads__asset a {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.downloads__asset a:hover {
  opacity: 0.75;
}
.downloads__asset a:focus-visible {
  opacity: 0.75;
}
.downloads__date {
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.downloads__pagination-button {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  border-radius: 0.25rem;
}
.downloads__pagination-button:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.downloads__pagination-button.pagination__disabled {
  pointer-events: none;
  opacity: 0.5;
}
.downloads__button-container {
  display: none;
}
@media (min-width: 768px) {
  .downloads__button-container {
    display: block;
  }
}
.downloads__icon {
  height: 30px;
}
@media not all and (min-width: 640px) {
  .embeds iframe {
    height: 36rem;
  }
}
.embeds__360 {
  width: 100%;
  max-width: 539px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .embeds__360 {
    width: 60vw;
  }
}
.embeds__360 {
  aspect-ratio: 26/27;
  height: auto;
}
.embeds__360 iframe {
  aspect-ratio: 26/27;
  height: 19.2rem;
}
@media (min-width: 768px) {
  .embeds__360 iframe {
    height: auto;
  }
}
.embeds__360-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  height: 4rem;
  width: 4rem;
}
@media (min-width: 768px) {
  .embeds__360-icon {
    margin-bottom: 1.25rem;
    margin-right: 1.25rem;
  }
}
.enhanced-conversion {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.enhanced-conversion__content {
  grid-column: span 10 / span 10;
  grid-column-start: 2;
  text-align: center;
}
.enhanced-conversion__content #enhancedConversion {
  white-space: nowrap;
}
.filters {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .filters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.filters__search-outer {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .filters__search-outer {
    margin-top: auto;
  }
}
.filters__search-outer {
  display: flex;
  width: 100%;
  justify-content: center;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 1rem;
}
.button--text:hover .filters__search-outer {
  background-size: 100% 100%;
}
.button--text .filters__search-outer {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .filters__search-outer {
  background-position: 100% 100%;
}
.button--text .filters__search-outer {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .filters__search-outer {
  margin-top: 0.25rem;
}
.filters__search-outer {
  position: relative;
  padding-left: 0;
}
.filters__search-outer .filters__svg {
  position: absolute;
}
[dir="ltr"] .filters__search-outer .filters__svg {
  left: 1rem;
}
[dir="rtl"] .filters__search-outer .filters__svg {
  right: 1rem;
}
.filters__search-outer .filters__svg {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.filters__search-input {
  width: 100%;
  border-radius: 5px;
  background-color: transparent;
  outline-width: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[dir="ltr"] .filters__search-input {
  padding-right: 1rem;
  padding-left: 3rem;
}
[dir="rtl"] .filters__search-input {
  padding-left: 1rem;
  padding-right: 3rem;
}
.filters__search-input {
  margin-right: auto;
}
.filters__search-input::-moz-placeholder {
  color: #000000b3;
}
.filters__search-input::placeholder {
  color: #000000b3;
}
.filters__svg {
  margin-top: auto;
  margin-bottom: auto;
  height: 16px;
  width: 16px;
}
@media (min-width: 1024px) {
  .filters__svg {
    height: 20px;
    width: 20px;
  }
}
.filters__dropdown-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.filters__dropdown-filter select {
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  text-transform: capitalize;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[dir="ltr"] .filters__dropdown-filter select {
  padding-left: 1rem;
  padding-right: 2rem;
}
[dir="rtl"] .filters__dropdown-filter select {
  padding-right: 1rem;
  padding-left: 2rem;
}
.filters__dropdown-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L5 5L9 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
[dir="ltr"] .filters__dropdown-filter select {
  background-position: center right 1rem;
}
[dir="rtl"] .filters__dropdown-filter select {
  background-position: center left 1rem;
}
.filters__dropdown-filter select option:disabled {
  display: none;
}
.filters__dropdown-filter select option.filters__dropdown-group:disabled {
  display: block;
}
.filters__checkboxes-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.filters__checkboxes-filter input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
.button--text:hover .filters__checkboxes-filter.filters__checkboxFilled {
  background-size: 100% 100%;
}
.button--text .filters__checkboxes-filter.filters__checkboxFilled {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .filters__checkboxes-filter.filters__checkboxFilled {
  background-position: 100% 100%;
}
.button--text .filters__checkboxes-filter.filters__checkboxFilled {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .filters__checkboxes-filter.filters__checkboxFilled {
  margin-top: 0.25rem;
}
.filters__checkboxes-filter.filters__checkboxFilled {
  position: relative;
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  > :not([hidden])
  ~ :not([hidden]) {
  margin: 0;
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  input[type="checkbox"] {
  display: none;
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  input[type="checkbox"]:checked
  + span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  input[type="checkbox"]:disabled
  + span {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--text:hover
  .filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  background-size: 100% 100%;
}
.button--text
  .filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  background-position: 100% 100%;
}
.button--text
  .filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  margin-top: 0.25rem;
}
.filters__checkboxes-filter.filters__checkboxFilled
  .filters__checkboxes-container
  .filters__checkbox-option
  span {
  position: relative;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.filters__checkboxes-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.filters__checkbox-option {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
}
.filters__checkbox-option input[type="checkbox"] {
  height: 1rem;
  width: 1rem;
}
.filters__checkbox-option span {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.filters--listing {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .filters--listing {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.filters--downloads {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .filters--downloads {
    flex-direction: row;
  }
}
.filters--smr {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .filters--smr {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .filters--case-study {
    display: flex;
  }
}
.filters.filters--accessory-listing {
  display: flex;
  flex-direction: column;
}
.filters__accordion__container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1044px;
}
.filters__accordion__container .filters__accordion__items {
  margin-bottom: 2rem;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.button--text:hover
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  background-size: 100% 100%;
}
.button--text
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  background-position: 100% 100%;
}
.button--text
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  margin-top: 0.25rem;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  position: relative;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(216 220 225 / var(--tw-bg-opacity));
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"]
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  text-align: left;
}
[dir="rtl"]
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  text-align: right;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button:hover,
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button:focus {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button
  .filters__accordion-headlineIcon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button
  .filters__accordion-headlineIcon
  svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button
  .filters__accordion__item--headline {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"]
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button
  .filters__accordion__item--headline {
  padding-right: 0.25rem;
}
[dir="rtl"]
  .filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button
  .filters__accordion__item--headline {
  padding-left: 0.25rem;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button[aria-expanded="true"]
  + .filters__accordion__item--content {
  opacity: 1;
}
.filters__accordion__container
  .filters__accordion__items
  .filters__accordion__item
  button[aria-expanded="true"]
  .filters__accordion-headlineIcon
  svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.filters__accordion__container .filters__accordion__item--content {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.filters__accordion__container .filters__accordion__item--content__copy {
  padding: 1rem;
}
.filters__accordion__container
  .filters__accordion__item--content__copy
  .filters__options-label {
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 220 225 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.filters__accordion__container .filters__accordion__item--content__cta {
  width: 100%;
  white-space: normal !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.footer {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.footer__upper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .footer__upper {
    flex-direction: row;
  }
}
.footer__upper {
  border-bottom-width: 1px;
  border-bottom-color: #ffffff4d;
  padding-bottom: 1.75rem;
}
@media (min-width: 768px) {
  .footer__upper {
    padding-bottom: 3rem;
  }
}
.footer__upper > svg {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .footer__upper > svg {
    margin-bottom: 0;
  }
}
.footer__logo {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 140px;
}
@media (min-width: 768px) {
  .footer__logo {
    margin-bottom: 0;
  }
}
.footer__socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #fff9;
}
@media (min-width: 768px) {
  .footer__socials {
    flex-direction: row;
    gap: 1.5rem;
    font-size: 1.0625rem;
    line-height: 1.39;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.footer__main-nav {
  -moz-columns: 1;
  columns: 1;
  gap: 2rem;
  border-bottom-color: #ffffff4d;
}
@media (min-width: 768px) {
  .footer__main-nav {
    margin-top: 2.25rem;
    -moz-columns: 4;
    columns: 4;
    border-bottom-width: 1px;
    padding-bottom: 1.75rem;
  }
}
.footer__main-nav__item-text {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 400;
  color: #e2e5e6b3;
}
@media (min-width: 768px) {
  .footer__main-nav__item-text {
    margin-bottom: 1rem;
  }
}
span.footer__main-nav__item-text {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  span.footer__main-nav__item-text {
    margin-bottom: 1.25rem;
    margin-top: 1.75rem;
  }
}
.footer__main-nav > li {
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}
.footer__main-nav summary {
  display: grid;
  align-items: center;
  gap: 0.5rem;
  grid-template-columns: 1fr auto;
}
.footer__main-nav__widget {
  transition-property: transform, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
details[open] .footer__main-nav__widget {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.footer__main-nav .has-children {
  border-bottom-width: 1px;
  border-bottom-color: #ffffff4d;
  padding: 1rem 0.75rem;
}
.footer__main-nav .has-children .footer__main-nav__item-text:not(span) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.footer__main-nav
  .has-children
  .footer__main-nav__item-text-link:not(span):first-of-type {
  margin-top: 1.5rem;
}
.footer__main-nav details > summary::-webkit-details-marker {
  display: none;
}
.footer__legal {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding: 4rem 1rem 1.75rem;
  text-align: center;
  font-size: 10px;
}
@media (min-width: 768px) {
  .footer__legal {
    display: grid;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    font-size: 0.75rem;
    line-height: 1.3;
  }
}
.footer__legal {
  border-bottom-width: 1px;
  border-bottom-color: #ffffff4d;
  --tw-text-opacity: 1;
  color: rgb(226 229 230 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .footer__legal {
    border-width: 0px;
  }
}
.footer__legal > div {
  grid-column: span 6 / span 6;
  grid-column-start: 4;
}
.footer__legal-nav-wrap {
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(144 146 146 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .footer__legal-nav-wrap {
    display: flex;
    flex-direction: row;
  }
  .footer__legal-nav {
    flex-grow: 1;
  }
}
.footer__legal-nav .footer__main-nav__item-text {
  font-size: 0.75rem;
  line-height: 1.3;
}
.footer__legal-nav-list {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  row-gap: 2.5rem;
}
@media (min-width: 768px) {
  .footer__legal-nav-list {
    margin-bottom: 0;
    justify-content: space-evenly;
    row-gap: 0px;
  }
}
.footer__legal-nav-list li {
  display: inline-block;
  flex-grow: 1;
  flex-basis: 33.333333%;
}
@media (min-width: 768px) {
  .footer__legal-nav-list li {
    flex-grow: 0;
    flex-basis: auto;
  }
}
.footer__legal-nav-list li {
  text-align: center;
}
@media (min-width: 768px) {
  [dir="ltr"] .footer__legal-nav-list li {
    text-align: left;
  }
  [dir="rtl"] .footer__legal-nav-list li {
    text-align: right;
  }
}
.footer__copyright {
  margin-bottom: 4rem;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 2.3;
}
@media (min-width: 768px) {
  .footer__copyright {
    margin-bottom: 0;
    padding-top: 0;
  }
  [dir="ltr"] .footer__copyright {
    text-align: left;
  }
  [dir="rtl"] .footer__copyright {
    text-align: right;
  }
}
.button--text:hover .footer__language-switcher {
  background-size: 100% 100%;
}
.button--text .footer__language-switcher {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .footer__language-switcher {
  background-position: 100% 100%;
}
.button--text .footer__language-switcher {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .footer__language-switcher {
  margin-top: 0.25rem;
}
.footer__language-switcher {
  position: relative;
  width: 100%;
}
.footer__language-switcher .language-switcher {
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__language-switcher .language-switcher {
    margin-top: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.footer #teconsent a {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 400;
  color: #e2e5e6b3;
}
@media (min-width: 768px) {
  .footer #teconsent a {
    margin-bottom: 1rem;
  }
}
span.footer #teconsent a {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  span.footer #teconsent a {
    margin-bottom: 1.25rem;
    margin-top: 1.75rem;
  }
}
.footer__main-nav .has-children .footer #teconsent a:not(span) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.footer__legal-nav .footer #teconsent a,
.footer #teconsent a {
  font-size: 0.75rem;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .form.form--sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
  }
}
.form.form--sidebar {
  grid-template-areas: "content form";
}
.form.form--sidebar .form__content {
  grid-area: content;
}
@media (min-width: 1024px) {
  .form.form--sidebar .form__content {
    margin-bottom: 0;
  }
}
.form.form--sidebar .form__form {
  grid-area: form;
}
.form__content {
  margin-bottom: 1.75rem;
}
.form__form input[type="text"],
.form__form input[type="tel"],
.form__form input[type="email"],
.form__form input[type="number"],
.form__form select,
.form__form textarea {
  border-radius: 5px;
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-900), var(--tw-text-opacity));
}
.form__form input[type="text"]::-moz-placeholder,
.form__form input[type="tel"]::-moz-placeholder,
.form__form input[type="email"]::-moz-placeholder,
.form__form input[type="number"]::-moz-placeholder,
.form__form select::-moz-placeholder,
.form__form textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), var(--tw-text-opacity));
}
.form__form input[type="text"]::placeholder,
.form__form input[type="tel"]::placeholder,
.form__form input[type="email"]::placeholder,
.form__form input[type="number"]::placeholder,
.form__form select::placeholder,
.form__form textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), var(--tw-text-opacity));
}
.form__form input[type="text"]:focus-visible,
.form__form input[type="tel"]:focus-visible,
.form__form input[type="email"]:focus-visible,
.form__form input[type="number"]:focus-visible,
.form__form select:focus-visible,
.form__form textarea:focus-visible {
  outline-color: rgb(var(--color-gray-600));
}
.form__form input[type="text"],
.form__form input[type="tel"],
.form__form input[type="email"],
.form__form input[type="number"],
.form__form select,
.form__form textarea {
  background-color: #f8fafc;
  border-width: 1px;
  border-color: rgba(var(--color-brand-900), 0.2);
}
[dir="ltr"] .form__form input[type="text"],
[dir="ltr"] .form__form input[type="tel"],
[dir="ltr"] .form__form input[type="email"],
[dir="ltr"] .form__form input[type="number"],
[dir="ltr"] .form__form select,
[dir="ltr"] .form__form textarea {
  text-align: left;
}
[dir="rtl"] .form__form input[type="text"],
[dir="rtl"] .form__form input[type="tel"],
[dir="rtl"] .form__form input[type="email"],
[dir="rtl"] .form__form input[type="number"],
[dir="rtl"] .form__form select,
[dir="rtl"] .form__form textarea {
  text-align: right;
}
.form__form input[type="text"],
.form__form input[type="tel"],
.form__form input[type="email"],
.form__form input[type="number"],
.form__form select,
.form__form textarea {
  width: 100% !important;
}
.form__form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
}
[dir="ltr"] .form__form select {
  background-position: center right 1rem;
}
[dir="rtl"] .form__form select {
  background-position: center left 1rem;
}
.form__form select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8.8' height='5.5' viewBox='0 0 8.8 5.5' fill='3B4256'><path d='M4.4,5.5c-0.4,0-0.7-0.1-1-0.4L0.5,2.6c-0.6-0.5-0.7-1.5-0.2-2.1c0.5-0.6,1.5-0.7,2.1-0.2L4.4,2l1.9-1.6 c0.6-0.5,1.6-0.5,2.1,0.2c0.5,0.6,0.5,1.6-0.2,2.1L5.4,5.1C5.1,5.4,4.7,5.5,4.4,5.5z'/></svg>");
}
.form__form [type="submit"] {
  display: inline-block;
  border-radius: 5px;
  padding: 0.75rem 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .form__form [type="submit"] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.form__form [type="submit"] {
  white-space: nowrap;
}
.form__form [type="submit"]:hover {
  text-decoration-line: none;
}
.form__form [type="submit"] {
  cursor: pointer;
  font-size: 0.9375rem;
  line-height: 1.7;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form__form [type="submit"]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
.form__form [type="submit"].js-open-modal span {
  pointer-events: none;
}
.camera-comparison-tool__camera .form__form [type="submit"] {
  margin-top: auto;
  display: flex;
  cursor: pointer;
}
.image-card__button .form__form [type="submit"] {
  white-space: normal;
  text-align: center;
}
.product-detail__button .form__form [type="submit"] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 300px;
  text-align: center;
}
@media (min-width: 768px) {
  .product-detail__button .form__form [type="submit"] {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .table-of-contents .slider__slide__wrapper .form__form [type="submit"] {
    white-space: normal;
  }
}
[dir="ltr"] .form__form input[type="checkbox"],
[dir="ltr"] .form__form input[type="radio"] {
  margin-right: 0.75rem !important;
}
[dir="rtl"] .form__form input[type="checkbox"],
[dir="rtl"] .form__form input[type="radio"] {
  margin-left: 0.75rem !important;
}
.form__form.has-bg {
  border-radius: 5px;
  padding: 2.5rem 2rem;
}
@media (min-width: 768px) {
  .form--default .form__form.has-bg {
    padding: 3rem;
  }
}
@media (min-width: 1024px) {
  .form--default .form__form.has-bg {
    padding: 4rem;
  }
}
.form--default .form__form.has-bg .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form--default .form__form.has-bg .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form--default .form__form.has-bg {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.form--default .form__form.has-bg input[type="text"] .header__mega-link:hover,
.form--default .form__form.has-bg input[type="tel"] .header__mega-link:hover,
.form--default .form__form.has-bg input[type="email"] .header__mega-link:hover,
.form--default .form__form.has-bg input[type="number"] .header__mega-link:hover,
.form--default .form__form.has-bg select .header__mega-link:hover,
.form--default .form__form.has-bg textarea .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form--default
  .form__form.has-bg
  input[type="text"]
  .header__mega-link:focus-visible,
.form--default
  .form__form.has-bg
  input[type="tel"]
  .header__mega-link:focus-visible,
.form--default
  .form__form.has-bg
  input[type="email"]
  .header__mega-link:focus-visible,
.form--default
  .form__form.has-bg
  input[type="number"]
  .header__mega-link:focus-visible,
.form--default .form__form.has-bg select .header__mega-link:focus-visible,
.form--default .form__form.has-bg textarea .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form--default .form__form.has-bg input[type="text"],
.form--default .form__form.has-bg input[type="tel"],
.form--default .form__form.has-bg input[type="email"],
.form--default .form__form.has-bg input[type="number"],
.form--default .form__form.has-bg select,
.form--default .form__form.has-bg textarea {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-250), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.form--default .form__form.has-bg input[type="text"]::-moz-placeholder,
.form--default .form__form.has-bg input[type="tel"]::-moz-placeholder,
.form--default .form__form.has-bg input[type="email"]::-moz-placeholder,
.form--default .form__form.has-bg input[type="number"]::-moz-placeholder,
.form--default .form__form.has-bg select::-moz-placeholder,
.form--default .form__form.has-bg textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.form--default .form__form.has-bg input[type="text"]::placeholder,
.form--default .form__form.has-bg input[type="tel"]::placeholder,
.form--default .form__form.has-bg input[type="email"]::placeholder,
.form--default .form__form.has-bg input[type="number"]::placeholder,
.form--default .form__form.has-bg select::placeholder,
.form--default .form__form.has-bg textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.form__form.has-bg--light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form__form.has-bg--dark {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form__form.has-bg--dark input[type="text"],
.form__form.has-bg--dark input[type="tel"],
.form__form.has-bg--dark input[type="email"],
.form__form.has-bg--dark input[type="number"],
.form__form.has-bg--dark select,
.form__form.has-bg--dark textarea {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.form__form.has-bg--dark [type="submit"] {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-300), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form__form.has-bg--dark [type="submit"]:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
.form__form.has-bg--dark .hs-error-msg,
.form__form.has-bg--dark .hs_error_rollup {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.form__form form > fieldset {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .form__form form > fieldset {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.form__form form > fieldset:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form--default .form__form form > fieldset {
    gap: 2.5rem;
  }
}
.form--default .form__form form > fieldset:last-child {
  margin-bottom: 0;
}
.form__form form fieldset {
  max-width: none;
}
.form__form form fieldset .input {
  margin-right: 0 !important;
}
.form__form form fieldset .hs-form-field {
  float: none !important;
  width: 100% !important;
  flex: 1 1 0%;
  margin-bottom: 1.25rem;
}
.form__form form fieldset .hs-richtext {
  margin-bottom: 1.25rem;
}
.form__form form fieldset .hs-field-desc {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.form__form form:not(:has(fieldset)) .hs-form-field {
  float: none !important;
  width: 100% !important;
  flex: 1 1 0%;
  margin-bottom: 1.25rem;
}
.form__form .hs-error-msg,
.form__form .hs_error_rollup {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.form__form .hs_error_rollup {
  margin-bottom: 1rem;
}
.form__form .hs-submit {
  text-align: center;
}
.form__form .hs-fieldtype-checkbox.hs-form-field > label > span {
  font-weight: 600;
}
.media-with-text__items-wrap .form__form h1 {
  font-size: 2rem;
  line-height: 1.39;
  font-weight: 400;
}
.form__form h1 {
  margin-bottom: 1rem;
  font-family: Spline Sans, Inter-fallback, 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";
  font-weight: 700;
  text-transform: none;
  line-height: 1.39;
}
.form__form h1:not(:lang(en)) {
  font-size: clamp(2rem, 2.2vw, 2.8125rem);
}
.form__form h1 {
  font-size: clamp(2rem, 2.5vw, 2.8125rem);
}
.form__form h2 {
  margin-bottom: 1rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
@media (min-width: 768px) {
  .media-with-text__items-wrap .form__form h3 {
    line-height: 1.25;
  }
}
.media-with-text__cards .form__form h3 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.form__form h3 {
  margin-bottom: 1rem;
  font-family: Inter, Inter-fallback, 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";
  letter-spacing: 0.5px;
  font-size: clamp(1.25rem, 2.5vw, 1.375rem);
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
}
@media (min-width: 768px) {
  .form__form h3 {
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.form__form h4 {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.25rem);
}
.form__form .hs-form-checkbox-display {
  display: flex;
  align-items: flex-start;
}
.form__form .hs-form-checkbox-display input {
  margin-top: 6px;
}
.form .card-block__header {
  margin-bottom: 1rem;
  gap: 0px;
}
@media (min-width: 768px) {
  .media-with-text__items-wrap .form .card-block__header h2 {
    line-height: 1.25;
  }
}
.media-with-text__cards .form .card-block__header h2 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.form .card-block__header h2 {
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.375rem;
  line-height: 1.39;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: clamp(1.25rem, 2.5vw, 1.375rem);
}
dialog .container:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
dialog .\!container:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
dialog .form {
  max-width: 900px;
}
html[dir="rtl"] .form input[type="tel"] {
  direction: rtl;
}
html[dir="rtl"] .form input[type="checkbox"],
html[dir="rtl"] .form input[type="radio"] {
  margin-left: 0.75rem !important;
}
html[dir="rtl"] .form__form form fieldset .input {
  margin-left: 0 !important;
}
html[dir="ltr"] .form input[type="checkbox"],
html[dir="ltr"] .form input[type="radio"] {
  margin-right: 0.75rem !important;
}
html[dir="ltr"] .form__form form fieldset .input {
  margin-right: 0 !important;
}
.hardware-filters {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .hardware-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .hardware-filters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.hardware-filters__search-outer {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .hardware-filters__search-outer {
    margin-top: auto;
  }
}
.hardware-filters__search-outer {
  display: flex;
  width: 100%;
  justify-content: center;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
}
.button--text:hover .hardware-filters__search-outer {
  background-size: 100% 100%;
}
.button--text .hardware-filters__search-outer {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hardware-filters__search-outer {
  background-position: 100% 100%;
}
.button--text .hardware-filters__search-outer {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hardware-filters__search-outer {
  margin-top: 0.25rem;
}
.hardware-filters__search-outer {
  position: relative;
  padding-left: 0;
}
.hardware-filters__search-outer .hardware-filters__svg {
  position: absolute;
}
[dir="ltr"] .hardware-filters__search-outer .hardware-filters__svg {
  left: 1rem;
}
[dir="rtl"] .hardware-filters__search-outer .hardware-filters__svg {
  right: 1rem;
}
.hardware-filters__search-outer .hardware-filters__svg {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hardware-filters__search-input {
  width: 100%;
  border-radius: 5px;
  background-color: transparent;
  outline-width: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[dir="ltr"] .hardware-filters__search-input {
  padding-right: 1rem;
  padding-left: 3rem;
}
[dir="rtl"] .hardware-filters__search-input {
  padding-left: 1rem;
  padding-right: 3rem;
}
.hardware-filters__search-input {
  margin-right: auto;
}
.hardware-filters__search-input::-moz-placeholder {
  color: #000000b3;
}
.hardware-filters__search-input::placeholder {
  color: #000000b3;
}
.hardware-filters__svg {
  margin-top: auto;
  margin-bottom: auto;
  height: 16px;
  width: 16px;
}
@media (min-width: 1024px) {
  .hardware-filters__svg {
    height: 20px;
    width: 20px;
  }
}
.hardware-filters__dropdown-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.hardware-filters__dropdown-filter select {
  width: 100%;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 220 225 / var(--tw-border-opacity));
  text-transform: capitalize;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
[dir="ltr"] .hardware-filters__dropdown-filter select {
  padding-left: 1rem;
  padding-right: 2rem;
}
[dir="rtl"] .hardware-filters__dropdown-filter select {
  padding-right: 1rem;
  padding-left: 2rem;
}
.hardware-filters__dropdown-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L5 5L9 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
[dir="ltr"] .hardware-filters__dropdown-filter select {
  background-position: center right 1rem;
}
[dir="rtl"] .hardware-filters__dropdown-filter select {
  background-position: center left 1rem;
}
.hardware-filters__dropdown-filter select option:disabled {
  display: none;
}
.hardware-filters__dropdown-filter
  select
  option.hardware-filters__dropdown-group:disabled {
  display: block;
}
.hardware-filters__checkboxes-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.hardware-filters__checkboxes-filter input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
.button--text:hover
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  background-size: 100% 100%;
}
.button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  background-position: 100% 100%;
}
.button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  margin-top: 0.25rem;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled {
  position: relative;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  > :not([hidden])
  ~ :not([hidden]) {
  margin: 0;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  input[type="checkbox"] {
  display: none;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  input[type="checkbox"]:checked
  + span {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  input[type="checkbox"]:disabled
  + span {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--text:hover
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  background-size: 100% 100%;
}
.button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  background-position: 100% 100%;
}
.button--text
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  margin-top: 0.25rem;
}
.hardware-filters__checkboxes-filter.hardware-filters__checkboxFilled
  .hardware-filters__checkboxes-container
  .hardware-filters__checkbox-option
  span {
  position: relative;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hardware-filters__checkboxes-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.hardware-filters__radio-filter {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.hardware-filters__radio-filter input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.hardware-filters__radio-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.hardware-filters__radio-option,
.hardware-filters__checkbox-option {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
}
.hardware-filters__checkbox-option input[type="checkbox"] {
  height: 1.25rem;
  width: 1.25rem;
}
.hardware-filters__checkbox-option span {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.hardware-filters--hardware-listing {
  display: flex;
  flex-direction: column;
}
.hardware-filters__accordion__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1044px;
}
.hardware-filters__accordion__container .hardware-filters__accordion__items {
  margin-bottom: 2rem;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items:last-child {
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  .hardware-filters__accordion__container
    .hardware-filters__accordion__items:last-child {
    padding-bottom: 0;
  }
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.button--text:hover
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  background-size: 100% 100%;
}
.button--text
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  background-position: 100% 100%;
}
.button--text
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  margin-top: 0.25rem;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  position: relative;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(216 220 225 / var(--tw-bg-opacity));
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"]
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  text-align: left;
}
[dir="rtl"]
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  text-align: right;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button:hover,
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button:focus {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button
  .hardware-filters__accordion-headlineIcon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button
  .hardware-filters__accordion-headlineIcon
  svg {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button
  .hardware-filters__accordion__item--headline {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"]
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button
  .hardware-filters__accordion__item--headline {
  padding-right: 0.25rem;
}
[dir="rtl"]
  .hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button
  .hardware-filters__accordion__item--headline {
  padding-left: 0.25rem;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button[aria-expanded="true"]
  + .hardware-filters__accordion__item--content {
  opacity: 1;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__items
  .hardware-filters__accordion__item
  button[aria-expanded="true"]
  .hardware-filters__accordion-headlineIcon
  svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__item--content {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__item--content__copy {
  padding: 1.25rem 1rem;
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__item--content__copy
  .hardware-filters__options-label {
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 220 225 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hardware-filters__accordion__container
  .hardware-filters__accordion__item--content__cta {
  width: 100%;
  white-space: normal !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.hardware-listing__header {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .hardware-listing__header {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .hardware-listing__header {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .hardware-listing__header {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .hardware-listing__header {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .hardware-listing__header {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .hardware-listing__header {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .hardware-listing__header {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .hardware-listing__header {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .hardware-listing__header {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .hardware-listing__header {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .hardware-listing__header {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .hardware-listing__header {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .hardware-listing__header {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .hardware-listing__header {
    max-width: 2560px;
  }
}
.hardware-listing__header {
  max-width: 100%;
}
@media (min-width: 640px) {
  .hardware-listing__header {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .hardware-listing__header {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .hardware-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .hardware-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .hardware-listing__header {
    max-width: 1244px;
  }
}
dialog .hardware-listing__header:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .hardware-listing__header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .hardware-listing__header {
  border-radius: 5px;
}
.hardware-listing__header {
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .hardware-listing__header {
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.hardware-listing__header h2 {
  margin-bottom: 1.25rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
@media (min-width: 768px) {
  .hardware-listing__header p {
    margin-bottom: 2rem;
  }
  .hardware-listing__header p:last-child {
    margin-bottom: 0;
  }
}
.hardware-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .hardware-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .hardware-listing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.hardware-listing .product-card__inner {
  padding-bottom: 1.5rem;
}
.hardware-listing__filteredEntries-wrapper {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  max-width: 1440px;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 1024px) {
  .hardware-listing__filteredEntries-wrapper {
    flex-direction: row;
  }
}
.hardware-listing__filter-wrapper {
  position: fixed;
  top: 0px;
  left: -100%;
  right: 0px;
  z-index: 30;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .hardware-listing__filter-wrapper {
    position: relative;
    left: 0px;
    z-index: 10;
    height: auto;
    max-width: 245px;
  }
  .button--text:hover .hardware-listing__filter-wrapper {
    background-size: 100% 100%;
  }
  .button--text .hardware-listing__filter-wrapper {
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.25rem;
  }
  [dir="rtl"] .button--text .hardware-listing__filter-wrapper {
    background-position: 100% 100%;
  }
  .button--text .hardware-listing__filter-wrapper {
    transition: background-size 0.6s ease;
    background-image: linear-gradient(
      transparent calc(100% - 1px),
      currentColor 1px
    );
  }
  .button--with-icon .hardware-listing__filter-wrapper {
    margin-top: 0.25rem;
  }
  .hardware-listing__filter-wrapper {
    overflow-y: visible;
    background-color: transparent;
    padding-right: 0.5rem;
  }
}
.hardware-listing__filter-wrapper.open {
  left: 0px;
}
.hardware-listing__filter-apply {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}
@media (min-width: 1024px) {
  .hardware-listing__filter-apply {
    display: none;
  }
}
.hardware-listing__filter-apply button {
  width: 100%;
}
.hardware-listing__filterEntries-wrapper {
  width: 100%;
  padding-bottom: 1.25rem;
}
.button--text:hover .hardware-listing__filter-inner {
  background-size: 100% 100%;
}
.button--text .hardware-listing__filter-inner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hardware-listing__filter-inner {
  background-position: 100% 100%;
}
.button--text .hardware-listing__filter-inner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hardware-listing__filter-inner {
  margin-top: 0.25rem;
}
.hardware-listing__filter-inner {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .hardware-listing__filter-inner {
    display: block;
    height: auto;
  }
}
.hardware-listing__filter-content {
  min-height: 0px;
  flex: 1 1 0%;
  overflow-y: auto;
  padding: 5rem 1rem 1rem;
}
@media (min-width: 1024px) {
  .hardware-listing__filter-content {
    overflow: visible;
    padding: 0;
  }
}
.hardware-listing__filter-button {
  display: flex;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .hardware-listing__filter-button {
    display: none;
  }
}
.hardware-listing__filter-button.open button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.hardware-listing__filter-button.open button svg {
  height: 1rem;
  width: 1rem;
}
.hardware-listing__filter-button.close {
  margin-bottom: 1.25rem;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.hardware-listing__filter-button.close button svg {
  height: 2.5rem;
  width: 2.5rem;
}
.hardware-listing__filter-close-button {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.hardware-listing__filter-close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
}
.hardware-listing__filterSelected {
  margin-bottom: 1rem;
  display: flex;
  min-height: 40px;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.hardware-listing__filterSelected-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 180 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity));
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.hardware-listing__filterSelected-item-label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.hardware-listing__filterSelected-item-remove .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hardware-listing__filterSelected-item-remove .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hardware-listing__filterSelected-item-remove {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.hardware-listing__filterSelected-item-remove:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
}
:root {
  --header-py: 0.375rem;
  --header-height: 36px;
}
@media (min-width: 768px) {
  :root {
    --header-py: 0.625rem;
    --header-height: 54px;
  }
}
@media (min-width: 1024px) {
  :root {
    --header-py: 1rem;
    --header-height: 65px;
  }
}
.header {
  position: sticky;
  top: 0px;
  z-index: 50;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.47, 0.42, 0, 0.99);
}
.button--text:hover .header__main {
  background-size: 100% 100%;
}
.button--text .header__main {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__main {
  background-position: 100% 100%;
}
.button--text .header__main {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__main {
  margin-top: 0.25rem;
}
.header__main {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 4px rgb(0 0 0 / 10%);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header__wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .header__wrapper {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .header__wrapper {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .header__wrapper {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .header__wrapper {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .header__wrapper {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .header__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .header__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .header__wrapper {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .header__wrapper {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .header__wrapper {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .header__wrapper {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .header__wrapper {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .header__wrapper {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .header__wrapper {
    max-width: 2560px;
  }
}
.header__wrapper {
  max-width: 100%;
}
@media (min-width: 640px) {
  .header__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .header__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .header__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .header__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .header__wrapper {
    max-width: 1244px;
  }
}
.button--text:hover .header__wrapper {
  background-size: 100% 100%;
}
.button--text .header__wrapper {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__wrapper {
  background-position: 100% 100%;
}
.button--text .header__wrapper {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__wrapper {
  margin-top: 0.25rem;
}
dialog .header__wrapper:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .header__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .header__wrapper {
  border-radius: 5px;
}
.header__wrapper {
  position: relative;
  display: flex;
  padding-top: var(--header-py);
  padding-bottom: var(--header-py);
}
@media (min-width: 768px) {
  .header__wrapper {
    justify-content: space-between;
  }
}
.header__icon {
  margin-top: auto;
  margin-bottom: auto;
  height: 18px;
  width: 18px;
}
[dir="ltr"] .header__icon {
  margin-right: 0.25rem;
}
[dir="rtl"] .header__icon {
  margin-left: 0.25rem;
}
.header__utility-link {
  display: flex;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
}
.header__logo {
  margin-top: auto;
  margin-bottom: auto;
  max-width: 130px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__navigation {
  display: flex;
  flex-direction: row;
}
.header__link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--header-py) * -1);
  margin-bottom: calc(var(--header-py) * -1);
  height: calc(100% + (var(--header-py) * 2));
}
.header__link__target {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1280px) {
  .header__link__target {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.header__link__target {
  font-weight: 400;
}
@media (min-width: 768px) {
  .header__link__target {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.button--text:hover .header__link__target {
  background-size: 100% 100%;
}
.button--text .header__link__target {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__link__target {
  background-position: 100% 100%;
}
.button--text .header__link__target {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__link__target {
  margin-top: 0.25rem;
}
.header__link__target {
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__link__target:before {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0px;
  --tw-content: "";
  content: var(--tw-content);
}
@media (min-width: 1280px) {
  .header__link__target:before {
    left: 1rem;
    right: 1rem;
  }
}
.header__link__target:before {
  display: block;
  opacity: 0;
  height: 3px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
}
.header__link:hover .header__link__target,
.header__link.open .header__link__target {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  text-decoration-line: none;
}
@keyframes fade-from-left {
  0% {
    transform: translate(-35%);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
.header__link:hover .header__link__target:before,
.header__link.open .header__link__target:before {
  animation: fade-from-left 0.18s ease-in-out 1;
  opacity: 1;
}
@keyframes menu-fade {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.header__link.fade-in .header__mega-menu {
  animation: menu-fade 0.18s ease-in-out 1;
}
.header__link.open .header__mega-menu {
  --visibility: visible;
}
.header__link.open .header__link__target svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.header__cta {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.5rem;
}
@media (min-width: 1280px) {
  .header__cta {
    margin-left: 1rem;
  }
}
.header__mega-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  z-index: 50;
}
@media (min-width: 1280px) {
  .header__mega-menu {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.header__mega-menu {
  transition: opacity 0.3s ease-in-out;
  visibility: var(--visibility, hidden);
}
.button--text:hover .header__mega-menu-inner {
  background-size: 100% 100%;
}
.button--text .header__mega-menu-inner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__mega-menu-inner {
  background-position: 100% 100%;
}
.button--text .header__mega-menu-inner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__mega-menu-inner {
  margin-top: 0.25rem;
}
.header__mega-menu-inner {
  position: relative;
  width: 100%;
  border-top-width: 1px;
  border-color: #0000004d;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.0625rem;
  line-height: 1.39;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 4px rgb(0 0 0 / 10%);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.header__mega-menu-inner > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
@media (min-width: 1024px) {
  .header__mega-menu-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .header__mega-menu-inner > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
}
.header__mega-menu-inner {
  overflow: hidden;
}
.header__mega-link--title {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
.header__mega-links {
  display: grid;
  grid-auto-rows: min-content;
}
.header__mega-links > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-gray-300), var(--tw-divide-opacity));
}
@media (min-width: 1024px) {
  .header__mega-links {
    grid-template-columns: var(--columns);
    gap: 5px;
  }
  .header__mega-links > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .header__mega-links {
    grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  }
  .header__mega-links:not(.distribute) {
    grid-template-rows: repeat(10, auto);
    grid-auto-flow: column;
  }
}
.button--text:hover .header__mega-link {
  background-size: 100% 100%;
}
.button--text .header__mega-link {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__mega-link {
  background-position: 100% 100%;
}
.button--text .header__mega-link {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__mega-link {
  margin-top: 0.25rem;
}
.header__mega-link {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  padding: 0.5rem;
}
@media (min-width: 1024px) {
  .header__mega-link {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.header__mega-link {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__mega-link:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  text-decoration-line: none;
}
.header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  text-decoration-line: none;
}
.header__mega-link:hover {
  background: linear-gradient(
      269.85deg,
      rgba(0, 141, 210, 0.02) 0.68%,
      rgba(0, 184, 208, 0.02) 48.57%,
      rgba(0, 171, 255, 0.02) 100.11%
    ),
    linear-gradient(0deg, rgba(36, 42, 53, 0.02), rgba(36, 42, 53, 0.02));
  box-shadow: 0 2px 2.6px #0000001a;
}
.header__mega-link:hover:before {
  opacity: 1;
}
.header__mega-link:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 1px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  --tw-content: "";
  content: var(--tw-content);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background-image: linear-gradient(
    90.23deg,
    rgba(46, 90, 194, 0.3) 18.75%,
    rgba(24, 48, 103, 0.3) 52%,
    rgba(0, 0, 0, 0.3) 119.5%
  );
}
.bg-gray-200 .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-200 .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.header__mega-link--subtext {
  display: block;
  font-size: 0.75rem;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(105 119 133 / var(--tw-text-opacity));
}
.header__aside-nav {
  display: inline-block;
}
.header__aside-nav span {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.header__aside-nav:hover span {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), var(--tw-text-opacity));
}
.header__aside-link {
  display: flex;
  flex-direction: row;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.header__aside-link:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  text-decoration-line: none;
}
.header__aside-link:focus-visible {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  text-decoration-line: none;
}
.header__aside-link {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.header__parent {
  font-weight: 500;
  color: #000000b3;
}
.header__parent.headUnderline {
  border-bottom-width: 1px;
  border-color: #0000004d;
}
.header__mega-menu-inner-bg {
  border-color: #0000004d;
}
[dir="ltr"] .header__mega-menu-inner-bg {
  border-left-width: 1px;
}
[dir="rtl"] .header__mega-menu-inner-bg {
  border-right-width: 1px;
}
.header__mobile-mega-menu {
  position: absolute;
  top: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  opacity: 0;
  transition-property: none;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  visibility: hidden;
  z-index: -10;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header__mobile-mega-menu {
    display: none;
  }
}
.header__mobile-mega-menu {
  height: calc(100vh - var(--header-height));
}
.is-nav-active .header__mobile-mega-menu {
  z-index: 30;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.header__mobile-headline {
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  border-bottom-width: 1px;
  border-color: #00000026;
  padding-top: 1px;
  padding-bottom: 1px;
}
.header__mobile-headline.single {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  color: #000000b3;
}
.header__mobile-headline.single > span {
  display: block;
  width: 100%;
}
[dir="ltr"] .header__mobile-headline.single > span {
  padding-left: 1.25rem;
}
[dir="rtl"] .header__mobile-headline.single > span {
  padding-right: 1.25rem;
}
.header__mobile-headline > span {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
[dir="ltr"] .header__mobile-headline > span {
  padding-left: 0.75rem;
}
[dir="rtl"] .header__mobile-headline > span {
  padding-right: 0.75rem;
}
.header__mobile-headline > a {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.header__mobile-headline > a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
  text-decoration-line: none;
}
.header__mobile-headline > a:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
  text-decoration-line: none;
}
.header__mobile-headline > a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.header__mobile-headline hr {
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  border-top-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
[dir="ltr"] .header__mobile-headline hr {
  margin-left: 0;
}
[dir="rtl"] .header__mobile-headline hr {
  margin-right: 0;
}
.header__mobile-link {
  border-bottom-width: 1px;
  border-color: #00000026;
}
.header__mobile-link > span,
.header__mobile-link .js-nav-parent-link,
.header__mobile-link .js-nav-back,
.header__mobile-link > a {
  display: block;
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  cursor: pointer;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.header__mobile-link > span:hover,
.header__mobile-link .js-nav-parent-link:hover,
.header__mobile-link .js-nav-back:hover,
.header__mobile-link > a:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
  text-decoration-line: none;
}
.header__mobile-link > span:focus-visible,
.header__mobile-link .js-nav-parent-link:focus-visible,
.header__mobile-link .js-nav-back:focus-visible,
.header__mobile-link > a:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
  text-decoration-line: none;
}
.header__mobile-link > span,
.header__mobile-link .js-nav-parent-link,
.header__mobile-link .js-nav-back {
  display: flex;
  flex-direction: row;
}
.header__second-mobile-menu,
.header__tertiary-mobile-menu {
  position: absolute;
  top: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: calc(100% - var(--header-button-height, 0px));
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .header__second-mobile-menu,
  .header__tertiary-mobile-menu {
    display: none;
  }
}
.header__second-mobile-menu,
.header__tertiary-mobile-menu {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  visibility: hidden;
  z-index: -10;
}
.is-nav-active .header__second-mobile-menu {
  z-index: 30;
  padding-bottom: 35%;
}
.is-active .header__second-mobile-menu {
  display: block;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  pointer-events: auto;
  visibility: visible;
}
.header__second-mobile-menu .js-nav-back {
  cursor: pointer;
}
.is-nav-active .header__tertiary-mobile-menu {
  z-index: 40;
}
.header__tertiary-mobile-menu.is-active {
  display: block;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  pointer-events: auto;
  visibility: visible;
}
.button--text:hover .header__mobile-cta {
  background-size: 100% 100%;
}
.button--text .header__mobile-cta {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__mobile-cta {
  background-position: 100% 100%;
}
.button--text .header__mobile-cta {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__mobile-cta {
  margin-top: 0.25rem;
}
.header__mobile-cta {
  position: relative;
  z-index: 50;
  margin-top: auto;
  border-top-width: 1px;
  border-color: #00000026;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.header__search-wrapper {
  padding-top: 1rem;
}
[dir="ltr"] .header__search-wrapper {
  margin-right: 1rem;
}
[dir="rtl"] .header__search-wrapper {
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .header__search-wrapper {
    padding-top: 0;
  }
}
.header__search-wrapper {
  display: none;
  align-items: center;
}
@media (min-width: 768px) {
  .header__search-wrapper {
    display: flex;
  }
}
.header__search-icon {
  display: flex;
  height: 1.25rem;
  width: auto;
  flex-direction: row;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 400;
}
.header__search {
  z-index: 50;
  display: none;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .header__search {
    position: fixed;
    display: flex;
  }
}
.header__search {
  visibility: hidden;
  right: 0px;
  background-color: rgba(var(--color-gray-200), 0.9);
  opacity: 0;
  top: var(--header-height);
  transition: visibility 0s linear 0ms, opacity 0ms linear;
}
.header__search.active {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.header__search-form {
  width: 100%;
  max-width: 734px;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .header__search-form {
    width: 66.666667%;
    padding: 1.25rem;
    border-radius: 0.375rem;
  }
}
.button--text:hover .header__search-box {
  background-size: 100% 100%;
}
.button--text .header__search-box {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .header__search-box {
  background-position: 100% 100%;
}
.button--text .header__search-box {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .header__search-box {
  margin-top: 0.25rem;
}
.header__search-box {
  position: relative;
  width: 100%;
  filter: drop-shadow(0 1.5px 4px rgb(0 20 50 / 18%));
}
.header__search label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.header__search-field {
  padding: 0.25rem 1.25rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .header__search-field {
    flex-grow: 0;
  }
}
.header__search-field {
  border-radius: 0.75rem;
  width: 100%;
  max-width: 100%;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-900), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__search-field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__search-field::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .header__search-field {
    --tw-shadow: 4px 0 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 4px 0 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.header__search-field:focus-visible {
  outline-color: rgba(var(--color-brand-700), 0.2);
}
.header__search-submit {
  position: absolute;
  top: 0px;
  height: 100%;
}
[dir="ltr"] .header__search-submit {
  right: 0px;
}
[dir="rtl"] .header__search-submit {
  left: 0px;
}
.header__search-submit {
  padding: 0.5rem 1rem;
}
[dir="ltr"] .header__search-submit {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
[dir="rtl"] .header__search-submit {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.header__search-submit {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.header__search-submit-icon {
  height: auto;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header__search-mobile {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.header__search-mobile label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.header__search-mobile-form {
  width: 100%;
  padding: 0.75rem;
}
.hero {
  --aspect-ratio-sm: 4 / 3;
  --aspect-ratio-lg: 12 / 5;
  --aspect-ratio-xl: auto;
  --aspect-ratio-2xl: var(--aspect-ratio-xl);
}
.button--text:hover .hero {
  background-size: 100% 100%;
}
.button--text .hero {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero {
  background-position: 100% 100%;
}
.button--text .hero {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero {
  margin-top: 0.25rem;
}
.hero {
  position: relative;
  background-image: linear-gradient(
    170.74deg,
    rgba(var(--color-gray-500), 0.3861) -0.87%,
    rgba(var(--color-purple-100), 0.2184) 75.89%,
    rgba(var(--color-gray-400), 0.39) 115.78%
  );
}
@media (min-width: 1024px) {
  .hero {
    overflow: hidden;
  }
}
.hero {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .hero {
    height: auto;
    aspect-ratio: var(--aspect-ratio-lg);
  }
}
.hero {
  width: 100%;
}
.hero.hero__image-slide {
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .hero.hero__image-slide {
    align-items: center;
    padding-top: 0;
  }
}
.hero.hero__image-slide {
  aspect-ratio: 2/3;
}
@media (min-width: 768px) {
  .hero.hero__image-slide {
    aspect-ratio: 1 / 1;
  }
}
@media (min-width: 1024px) {
  .hero.hero__image-slide {
    aspect-ratio: var(--aspect-ratio-lg);
  }
}
.hero.hero__image-slide .picture img {
  -o-object-position: bottom;
  object-position: bottom;
}
@media (min-width: 1024px) {
  .hero.hero__image-slide .picture img {
    -o-object-position: top;
    object-position: top;
  }
}
@media (min-width: 2560px) {
  .hero.hero__image-slide .picture img {
    -o-object-position: center;
    object-position: center;
  }
}
.hero .breadcrumbs--hero-dark .breadcrumbs__item,
.hero .breadcrumbs--hero-dark .breadcrumbs__text,
.hero .breadcrumbs--hero-clearDark .breadcrumbs__item,
.hero .breadcrumbs--hero-clearDark .breadcrumbs__text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hero .breadcrumbs--hero-light .breadcrumbs__item,
.hero .breadcrumbs--hero-light .breadcrumbs__text,
.hero .breadcrumbs--hero-clearLight .breadcrumbs__item,
.hero .breadcrumbs--hero-clearLight .breadcrumbs__text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero.hero__type-mobileHeroUpdate {
  aspect-ratio: auto;
  padding-bottom: 0;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .hero.hero__type-mobileHeroUpdate {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.hero.hero__type-mobileHeroUpdate.hero__type-light .hero__content,
.hero.hero__type-mobileHeroUpdate.hero__type-clearLight .hero__content {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate.hero__type-light .hero__content,
  .hero.hero__type-mobileHeroUpdate.hero__type-clearLight .hero__content {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.hero.hero__type-mobileHeroUpdate.hero__type-light .hero__content svg path,
.hero.hero__type-mobileHeroUpdate.hero__type-clearLight
  .hero__content
  svg
  path {
  fill: currentColor;
}
.hero.hero__type-mobileHeroUpdate.hero__type-light .breadcrumbs--hero ul li,
.hero.hero__type-mobileHeroUpdate.hero__type-clearLight
  .breadcrumbs--hero
  ul
  li {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate.hero__type-light .breadcrumbs--hero ul li,
  .hero.hero__type-mobileHeroUpdate.hero__type-clearLight
    .breadcrumbs--hero
    ul
    li {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.hero.hero__type-mobileHeroUpdate.hero__type-light .breadcrumbs--hero ul li a,
.hero.hero__type-mobileHeroUpdate.hero__type-clearLight
  .breadcrumbs--hero
  ul
  li
  a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate.hero__type-light .breadcrumbs--hero ul li a,
  .hero.hero__type-mobileHeroUpdate.hero__type-clearLight
    .breadcrumbs--hero
    ul
    li
    a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.hero.hero__type-mobileHeroUpdate.hero__type-light
  .breadcrumbs--hero
  ul
  li
  span,
.hero.hero__type-mobileHeroUpdate.hero__type-clearLight
  .breadcrumbs--hero
  ul
  li
  span {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate.hero__type-light
    .breadcrumbs--hero
    ul
    li
    span,
  .hero.hero__type-mobileHeroUpdate.hero__type-clearLight
    .breadcrumbs--hero
    ul
    li
    span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.hero.hero__type-mobileHeroUpdate.hero__type-dark .breadcrumbs--hero ul li,
.hero.hero__type-mobileHeroUpdate.hero__type-clearDark .breadcrumbs--hero ul li,
.hero.hero__type-mobileHeroUpdate.hero__type-dark .breadcrumbs--hero ul li a,
.hero.hero__type-mobileHeroUpdate.hero__type-clearDark
  .breadcrumbs--hero
  ul
  li
  a {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.hero.hero__type-mobileHeroUpdate .button--white {
  background-color: transparent;
}
.hero.hero__type-mobileHeroUpdate .button--white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero.hero__type-mobileHeroUpdate .button--white-no-border {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .button--white-no-border {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.hero.hero__type-mobileHeroUpdate .button--transparent-white {
  background-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hero.hero__type-mobileHeroUpdate .button--transparent-white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-200), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .button--transparent-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.button--text:hover .hero.hero__type-mobileHeroUpdate .hero__banner-image {
  background-size: 100% 100%;
}
.button--text .hero.hero__type-mobileHeroUpdate .hero__banner-image {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .hero.hero__type-mobileHeroUpdate
  .hero__banner-image {
  background-position: 100% 100%;
}
.button--text .hero.hero__type-mobileHeroUpdate .hero__banner-image {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero.hero__type-mobileHeroUpdate .hero__banner-image {
  margin-top: 0.25rem;
}
.hero.hero__type-mobileHeroUpdate .hero__banner-image {
  position: relative;
  right: 0px;
  left: auto;
  width: 100%;
  min-width: 0px;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .hero__banner-image {
    position: absolute;
  }
}
.hero.hero__type-mobileHeroUpdate .hero__banner-image {
  height: auto;
  min-height: 0px;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .hero__banner-image {
    height: 100%;
    min-height: 100%;
  }
}
.hero.hero__type-mobileHeroUpdate .hero__banner-image {
  aspect-ratio: 16 / 9;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .hero__banner-image {
    aspect-ratio: var(--aspect-ratio-lg);
  }
}
.hero.hero__type-mobileHeroUpdate .hero__overlay-light {
  z-index: 10;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .hero__overlay-light {
    background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.6) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
}
.hero.hero__type-mobileHeroUpdate .hero__overlay-dark {
  z-index: 10;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
}
@media (min-width: 900px) {
  .hero.hero__type-mobileHeroUpdate .hero__overlay-dark {
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.6) 55%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}
@supports (-webkit-touch-callout: none) {
  .hero {
    min-height: 500px;
  }
  @media (min-width: 1024px) {
    .hero {
      min-height: 100%;
    }
  }
}
.hero__conversion {
  min-height: 500px;
}
@media (min-width: 480px) {
  .hero__conversion {
    min-height: 600px;
  }
}
@media (min-width: 900px) {
  .hero__conversion {
    min-height: 400px;
  }
}
@media (min-width: 1024px) {
  .hero__conversion {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.hero__conversion.hero__image-slide {
  align-items: flex-start;
}
@media (min-width: 900px) {
  .hero__conversion.hero__image-slide {
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .hero__conversion.hero__image-slide {
    padding-top: 0;
  }
}
.hero__conversion.hero__image-slide {
  aspect-ratio: auto;
}
@media (min-width: 1024px) {
  .hero__conversion.hero__image-slide {
    aspect-ratio: var(--aspect-ratio-2xl);
  }
}
@media (min-width: 1536px) {
  .hero__conversion.hero__image-slide {
    aspect-ratio: auto;
  }
}
.hero__conversion.hero__type-mobileHeroUpdate {
  align-items: flex-end;
}
@media (min-width: 768px) {
  .hero__conversion.hero__type-mobileHeroUpdate {
    align-items: flex-start;
  }
}
@media (min-width: 900px) {
  .hero__conversion.hero__type-mobileHeroUpdate {
    align-items: center;
  }
}
.hero__solutions {
  min-height: 500px;
}
@media (min-width: 1024px) {
  .hero__solutions {
    min-height: 400px;
  }
}
@media (min-width: 2560px) {
  .hero__solutions {
    min-height: 600px;
  }
}
.hero__solutions.hero__image-slide {
  align-items: flex-start;
}
@media (min-width: 900px) {
  .hero__solutions.hero__image-slide {
    align-items: center;
  }
}
.hero__solutions.hero__image-slide {
  aspect-ratio: auto;
}
@media (min-width: 1280px) {
  .hero__solutions.hero__image-slide {
    aspect-ratio: var(--aspect-ratio-2xl);
  }
}
@media (min-width: 2560px) {
  .hero__solutions.hero__image-slide {
    aspect-ratio: auto;
  }
}
.hero__solutions.hero__type-mobileHeroUpdate {
  align-items: flex-end;
}
@media (min-width: 900px) {
  .hero__solutions.hero__type-mobileHeroUpdate {
    align-items: center;
  }
}
.hero__solutions.hero__type-dark .hero__headline,
.hero__solutions.hero__type-clearDark .hero__headline {
  background-image: linear-gradient(
    90.23deg,
    #2e5ac2 18.75%,
    #183067 52%,
    #000000 119.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.button--text:hover .hero__banner {
  background-size: 100% 100%;
}
.button--text .hero__banner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero__banner {
  background-position: 100% 100%;
}
.button--text .hero__banner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero__banner {
  margin-top: 0.25rem;
}
.hero__banner {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100vw;
}
@media (min-width: 900px) {
  .hero__banner {
    position: absolute;
    height: 100%;
  }
}
.hero__banner {
  aspect-ratio: 16 / 9;
}
@media (min-width: 900px) {
  .hero__banner {
    aspect-ratio: var(--aspect-ratio-lg);
  }
}
.hero__banner img {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 900px) {
  .hero__banner img {
    width: 100%;
  }
}
.hero__banner-image {
  position: absolute;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
}
.hero__banner-image .picture {
  height: 100%;
  width: 100%;
}
.hero__overlay-light {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 10%,
    rgba(0, 0, 0, 0.6) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
@media (min-width: 1024px) {
  .hero__overlay-light {
    background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.6) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
}
.hero__overlay-dark {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 10%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
@media (min-width: 1024px) {
  .hero__overlay-dark {
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.6) 55%,
      rgba(255, 255, 255, 0) 100%
    );
  }
}
.hero__overlay-clearLight,
.hero__overlay-clearDark {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.hero__svg-mask-video + .hero__overlay-light,
.hero__svg-mask-video + .hero__overlay-dark,
.hero__svg-mask-video + .hero__overlay-clearLight,
.hero__svg-mask-video + .hero__overlay-updatedMobile,
.hero__svg-mask-video + .hero__overlay-clearDark {
  height: 200%;
  display: none;
}
@media (min-width: 900px) {
  .hero__svg-mask-video + .hero__overlay-light,
  .hero__svg-mask-video + .hero__overlay-dark,
  .hero__svg-mask-video + .hero__overlay-clearLight,
  .hero__svg-mask-video + .hero__overlay-updatedMobile,
  .hero__svg-mask-video + .hero__overlay-clearDark {
    display: block;
  }
}
@media (min-width: 1024px) {
  .hero__svg-mask-video + .hero__overlay-light,
  .hero__svg-mask-video + .hero__overlay-dark,
  .hero__svg-mask-video + .hero__overlay-clearLight,
  .hero__svg-mask-video + .hero__overlay-updatedMobile,
  .hero__svg-mask-video + .hero__overlay-clearDark {
    display: none;
  }
}
.button--text:hover .hero__video-container {
  background-size: 100% 100%;
}
.button--text .hero__video-container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero__video-container {
  background-position: 100% 100%;
}
.button--text .hero__video-container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero__video-container {
  margin-top: 0.25rem;
}
.hero__video-container {
  position: relative;
  top: 0px;
  left: 0px;
}
@media (min-width: 900px) {
  .hero__video-container {
    position: absolute;
    top: 50%;
    left: 50%;
  }
}
.hero__video-container {
  width: 100%;
}
@media (min-width: 900px) {
  .hero__video-container {
    height: 100vh;
    width: 100vw;
  }
}
.hero__video-container {
  aspect-ratio: 16 / 9;
}
@media (min-width: 900px) {
  .hero__video-container {
    aspect-ratio: auto;
  }
}
@media (min-width: 768px) {
  .hero__video-container {
    transform: translate(-50%, -50%);
  }
}
.button--text:hover .hero__video {
  background-size: 100% 100%;
}
.button--text .hero__video {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero__video {
  background-position: 100% 100%;
}
.button--text .hero__video {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero__video {
  margin-top: 0.25rem;
}
.hero__video {
  pointer-events: none;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
}
@media (min-width: 1024px) {
  .hero__video {
    position: absolute;
    width: 177.78vh;
    height: 56.25vw;
  }
}
.hero__video__fallback-image {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -10;
  pointer-events: none;
  min-height: 100%;
  min-width: 100%;
}
.hero__svg-mask-video {
  position: absolute;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: auto;
  display: none;
}
@media (min-width: 1024px) {
  .hero__svg-mask-video {
    display: block;
  }
}
.button--text:hover .hero__content {
  background-size: 100% 100%;
}
.button--text .hero__content {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero__content {
  background-position: 100% 100%;
}
.button--text .hero__content {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero__content {
  margin-top: 0.25rem;
}
.hero__content {
  position: relative;
  z-index: 20;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .hero__content {
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
}
@media (min-width: 1280px) {
  .hero__content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
[dir="ltr"] .hero__content {
  align-items: flex-start;
}
[dir="rtl"] .hero__content {
  align-items: flex-end;
}
.hero__content-inner {
  width: 100%;
}
@media (min-width: 900px) {
  .hero__content-inner {
    width: 50%;
  }
  [dir="rtl"] .hero__content-inner {
    padding-right: 2.5rem;
  }
}
.media-with-text__items-wrap .hero__headline {
  font-size: 2rem;
  line-height: 1.39;
  font-weight: 400;
}
.hero__headline {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-family: Spline Sans, Inter-fallback, 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";
  font-weight: 700;
  text-transform: none;
  line-height: 1.39;
}
.hero__headline:not(:lang(en)) {
  font-size: clamp(2rem, 2.2vw, 2.8125rem);
}
.hero__headline {
  font-size: clamp(2rem, 2.5vw, 2.8125rem);
}
@media (min-width: 1024px) {
  .hero__headline {
    margin-bottom: 1rem;
  }
}
.hero__subheadline {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .hero__subheadline {
    margin-bottom: 1rem;
  }
}
.hero__subheadline {
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .hero__subheadline {
    font-size: 26px;
  }
}
.hero__copy {
  font-family: Inter, Inter-fallback, 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";
  letter-spacing: -0.1px;
}
.hero__cta-wrapper {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 1rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
@media (min-width: 400px) {
  .hero__cta-wrapper {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .hero__cta-wrapper {
    margin-top: 2.5rem;
    align-items: center;
  }
}
.hero__cta-wrapper .button--text {
  padding-left: 0;
  padding-right: 0;
  color: currentColor;
}
.hero__cta-wrapper .button--text-blue {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.button--text:hover .hero .hero__banner-4-3 .hero__video-container {
  background-size: 100% 100%;
}
.button--text .hero .hero__banner-4-3 .hero__video-container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero .hero__banner-4-3 .hero__video-container {
  background-position: 100% 100%;
}
.button--text .hero .hero__banner-4-3 .hero__video-container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero .hero__banner-4-3 .hero__video-container {
  margin-top: 0.25rem;
}
.hero .hero__banner-4-3 .hero__video-container {
  position: relative;
  top: 0px;
  left: 0px;
  aspect-ratio: 4/3;
  height: auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .hero .hero__banner-4-3 .hero__video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
  }
}
.button--text:hover .hero .hero__banner-mask .hero__video-container {
  background-size: 100% 100%;
}
.button--text .hero .hero__banner-mask .hero__video-container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero .hero__banner-mask .hero__video-container {
  background-position: 100% 100%;
}
.button--text .hero .hero__banner-mask .hero__video-container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero .hero__banner-mask .hero__video-container {
  margin-top: 0.25rem;
}
.hero .hero__banner-mask .hero__video-container {
  position: relative;
  top: 0px;
  left: 0px;
  aspect-ratio: 4/3;
  height: auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .hero .hero__banner-mask .hero__video-container {
    position: absolute;
    top: 0px;
    left: auto;
    right: -25%;
    aspect-ratio: auto;
    height: 100%;
  }
}
.hero .hero__banner-mask .hero__video-container {
  transform: none;
}
.button--text:hover .hero .hero__banner-mask .hero__video {
  background-size: 100% 100%;
}
.button--text .hero .hero__banner-mask .hero__video {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero .hero__banner-mask .hero__video {
  background-position: 100% 100%;
}
.button--text .hero .hero__banner-mask .hero__video {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero .hero__banner-mask .hero__video {
  margin-top: 0.25rem;
}
.hero .hero__banner-mask .hero__video {
  position: relative;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1024px) {
  .hero .hero__banner-mask .hero__video {
    position: absolute;
  }
}
.button--text:hover .hero .hero__banner-4-3 .hero__video {
  background-size: 100% 100%;
}
.button--text .hero .hero__banner-4-3 .hero__video {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .hero .hero__banner-4-3 .hero__video {
  background-position: 100% 100%;
}
.button--text .hero .hero__banner-4-3 .hero__video {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .hero .hero__banner-4-3 .hero__video {
  margin-top: 0.25rem;
}
.hero .hero__banner-4-3 .hero__video {
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1024px) {
  .hero .hero__banner-4-3 .hero__video {
    position: absolute;
    --tw-scale-x: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
    --tw-scale-y: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.heroV2 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  --height-desktop: 575px;
  --height-desktop-xl: 650px;
  --height-tablet: 400px;
  --height-mobile: 100%;
  --mobile-contentArea-height: 100%;
  --contentArea-height: 300px;
  --contentArea-height-lg: 360px;
  --contentArea-height-xl: 400px;
  --mobileImageArea-height: 280px;
  --mobileImageArea-height-smx: 380px;
  --mobileImageArea-height-smy: 440px;
  --mobileImageArea-height-smz: 500px;
  --mobileImageArea-height-sm: 500px;
  --shadowArea-height: 200px;
  --width-left: 360px;
  --width-left-2xl: 480px;
  --width-left-lg: 440px;
  --width-right-desktop: 55%;
  --width-right-desktop-xl: 60%;
  --width-right-tablet: 50%;
}
.button--text:hover .heroV2__container {
  background-size: 100% 100%;
}
.button--text .heroV2__container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .heroV2__container {
  background-position: 100% 100%;
}
.button--text .heroV2__container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .heroV2__container {
  margin-top: 0.25rem;
}
.heroV2__container {
  position: relative;
  width: 100%;
}
.heroV2__container--inner {
  height: var(--height-mobile);
}
@media (min-width: 768px) {
  .heroV2__container--inner {
    height: var(--height-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2__container--inner {
    height: var(--height-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2__container--inner {
    height: var(--height-desktop-xl);
  }
}
.heroV2 .carouselV2.v2content .carouselV2__slides {
  height: var(--mobile-contentArea-height);
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides {
    height: var(--contentArea-height);
  }
}
@media (min-width: 1024px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides {
    height: var(--contentArea-height-lg);
  }
}
@media (min-width: 1280px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides {
    height: var(--contentArea-height-xl);
  }
}
.heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
  height: var(--mobile-contentArea-height);
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
    height: var(--contentArea-height);
  }
}
@media (min-width: 1024px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
    height: var(--contentArea-height-lg);
  }
}
@media (min-width: 1280px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
    height: var(--contentArea-height-xl);
  }
}
.heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2content .carouselV2__slides .carouselV2__slide {
    margin-top: 0;
    margin-bottom: 0;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2image {
    height: var(--height-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2 .carouselV2.v2image {
    height: var(--height-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2 .carouselV2.v2image {
    height: var(--height-desktop-xl);
  }
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides {
    height: var(--height-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides {
    height: var(--height-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides {
    height: var(--height-desktop-xl);
  }
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides .carouselV2__slide {
    height: var(--height-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides .carouselV2__slide {
    height: var(--height-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides .carouselV2__slide {
    height: var(--height-desktop-xl);
  }
}
.heroV2 .carouselV2.v2image .carouselV2__slides .carouselV2__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2image .carouselV2__slides .carouselV2__slide {
    justify-content: center;
  }
}
.heroV2 .carouselV2.v2shadow {
  min-height: 40px;
}
.heroV2 .carouselV2.v2shadow .carouselV2__slides {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
[dir="ltr"] .heroV2 .carouselV2.v2shadow .carouselV2__slides {
  right: 0px;
}
[dir="rtl"] .heroV2 .carouselV2.v2shadow .carouselV2__slides {
  left: 0px;
}
@media (min-width: 768px) {
  .heroV2 .carouselV2.v2shadow .carouselV2__slides {
    bottom: unset;
    top: calc(var(--shadowArea-height) * -1);
  }
}
.heroV2 .carouselV2.v2shadow .carouselV2__slides {
  background-color: transparent;
  height: var(--shadowArea-height);
}
.heroV2 .carouselV2.v2shadow .carouselV2__slides .carouselV2__slide {
  display: flex;
  height: var(--shadowArea-height);
  flex-direction: column;
  justify-content: center;
}
.heroV2__content-wrapper {
  z-index: 20;
}
@media (min-width: 768px) {
  .heroV2__content-wrapper {
    position: absolute;
  }
}
.heroV2__content-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .heroV2__content-wrapper {
    height: 100%;
    width: var(--width-left);
  }
}
@media (min-width: 1024px) {
  .heroV2__content-wrapper {
    width: var(--width-left-lg);
  }
}
@media (min-width: 1536px) {
  .heroV2__content-wrapper {
    width: var(--width-left-2xl);
  }
}
.heroV2__content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .heroV2__content-wrapper {
    justify-content: center;
  }
}
.heroV2__content.js-transform-fade {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.7s;
}
.heroV2__image-wrapper {
  width: 100%;
}
.button--text:hover .heroV2__image-wrapper {
  background-size: 100% 100%;
}
.button--text .heroV2__image-wrapper {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .heroV2__image-wrapper {
  background-position: 100% 100%;
}
.button--text .heroV2__image-wrapper {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .heroV2__image-wrapper {
  margin-top: 0.25rem;
}
.heroV2__image-wrapper {
  position: relative;
}
.button--text:hover .heroV2__image-wrapper .v2image .carouselV2__slide {
  background-size: 100% 100%;
}
.button--text .heroV2__image-wrapper .v2image .carouselV2__slide {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .heroV2__image-wrapper .v2image .carouselV2__slide {
  background-position: 100% 100%;
}
.button--text .heroV2__image-wrapper .v2image .carouselV2__slide {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .heroV2__image-wrapper .v2image .carouselV2__slide {
  margin-top: 0.25rem;
}
.heroV2__image-wrapper .v2image .carouselV2__slide {
  position: relative;
}
.heroV2__image {
  z-index: 10;
  width: 100%;
}
@media (min-width: 768px) {
  .heroV2__image {
    width: var(--width-right-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2__image {
    width: var(--width-right-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2__image {
    width: var(--width-right-desktop-xl);
  }
}
@media (min-width: 768px) {
  .heroV2__image {
    position: absolute;
    top: 0px;
  }
  [dir="ltr"] .heroV2__image {
    right: 0px;
  }
  [dir="rtl"] .heroV2__image {
    left: 0px;
  }
  .heroV2__image {
    height: 100%;
  }
}
.heroV2__image.js-transform-fade {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.7s;
}
.heroV2 .v2image {
  aspect-ratio: 4/3;
}
@media (min-width: 768px) {
  .heroV2 .v2image {
    aspect-ratio: auto;
  }
}
.heroV2 .v2image .is-current.transition--left picture img {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .heroV2 .v2image .is-current.transition--left picture img {
    --tw-rotate: -20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.heroV2 .v2image .is-current.transition--right picture img {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .heroV2 .v2image .is-current.transition--right picture img {
    --tw-rotate: -10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.heroV2 .v2image .is-current.transition--bottom picture img {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .heroV2 .v2image .is-current.transition--bottom picture img {
    --tw-translate-y: 1.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 1024px) {
  .heroV2 .v2image .is-current.transition--bottom picture img {
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 1280px) {
  .heroV2 .v2image .is-current.transition--bottom picture img {
    --tw-translate-y: -3.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 768px) {
  .heroV2 .js-init .js-transform-left picture img {
    --tw-rotate: -20deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}
@media (min-width: 768px) {
  .heroV2 .js-init .js-transform-right picture img {
    --tw-rotate: -10deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}
@media (min-width: 768px) {
  .heroV2 .js-init .js-transform-bottom picture img {
    --tw-translate-y: 1.75rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}
@media (min-width: 1024px) {
  .heroV2 .js-init .js-transform-bottom picture img {
    --tw-translate-y: 0.5rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}
@media (min-width: 1280px) {
  .heroV2 .js-init .js-transform-bottom picture img {
    --tw-translate-y: -3.5rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}
.heroV2__shadow {
  width: 100%;
}
@media (min-width: 768px) {
  .heroV2__shadow {
    width: var(--width-right-tablet);
  }
}
@media (min-width: 1024px) {
  .heroV2__shadow {
    width: var(--width-right-desktop);
  }
}
@media (min-width: 1280px) {
  .heroV2__shadow {
    width: var(--width-right-desktop-xl);
  }
}
.heroV2__shadow {
  display: flex;
  width: 100%;
  flex-direction: row;
  opacity: 0;
}
.button--text:hover .heroV2__shadow {
  background-size: 100% 100%;
}
.button--text .heroV2__shadow {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .heroV2__shadow {
  background-position: 100% 100%;
}
.button--text .heroV2__shadow {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .heroV2__shadow {
  margin-top: 0.25rem;
}
.heroV2__shadow {
  position: relative;
  transform: translate(0);
  transform-style: preserve-3d;
}
@media (min-width: 768px) {
  .heroV2__shadow.shadow-on .primaryShadow {
    display: block;
  }
}
.heroV2__shadow .primaryShadow {
  display: none;
}
.heroV2__shadow.js-shadow-left .primaryShadow {
  position: absolute;
  height: 1.5rem;
  width: 30%;
  top: 2rem;
}
@media (min-width: 1024px) {
  .heroV2__shadow.js-shadow-left .primaryShadow {
    top: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .heroV2__shadow.js-shadow-left .primaryShadow {
    top: 1rem;
  }
}
[dir="ltr"] .heroV2__shadow.js-shadow-left .primaryShadow {
  right: 18%;
}
[dir="rtl"] .heroV2__shadow.js-shadow-left .primaryShadow {
  left: 18%;
}
@media (min-width: 1024px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-left .primaryShadow {
    right: 22%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-left .primaryShadow {
    left: 22%;
  }
}
@media (min-width: 1280px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-left .primaryShadow {
    right: 26%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-left .primaryShadow {
    left: 26%;
  }
}
.heroV2__shadow.js-shadow-left .primaryShadow:before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateZ(-1px);
  background: radial-gradient(
    ellipse at 80% center,
    transparent 0%,
    #f0f0f0 50%,
    #9a9a9a 100%
  );
  filter: blur(10px);
  border-radius: 50%/70%;
}
.heroV2__shadow.js-shadow-center .primaryShadow {
  position: absolute;
  height: 1.5rem;
  width: 35%;
  top: -0px;
}
@media (min-width: 768px) {
  .heroV2__shadow.js-shadow-center .primaryShadow {
    top: 36px;
  }
}
[dir="ltr"] .heroV2__shadow.js-shadow-center .primaryShadow {
  right: 8%;
}
[dir="rtl"] .heroV2__shadow.js-shadow-center .primaryShadow {
  left: 8%;
}
@media (min-width: 1024px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-center .primaryShadow {
    right: 11%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-center .primaryShadow {
    left: 11%;
  }
}
@media (min-width: 1280px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-center .primaryShadow {
    right: 14%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-center .primaryShadow {
    left: 14%;
  }
}
.heroV2__shadow.js-shadow-center .primaryShadow:before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateZ(-1px);
  background: radial-gradient(#9a9a9a 0%, #f0f0f0 50%, transparent 100%);
  filter: blur(10px);
  border-radius: 50%/70%;
}
.heroV2__shadow.js-shadow-right .primaryShadow {
  position: absolute;
  height: 1.5rem;
  width: 30%;
  top: 30px;
}
@media (min-width: 1024px) {
  .heroV2__shadow.js-shadow-right .primaryShadow {
    top: 32px;
  }
}
@media (min-width: 1280px) {
  .heroV2__shadow.js-shadow-right .primaryShadow {
    top: 40px;
  }
}
[dir="ltr"] .heroV2__shadow.js-shadow-right .primaryShadow {
  right: 21%;
}
[dir="rtl"] .heroV2__shadow.js-shadow-right .primaryShadow {
  left: 21%;
}
@media (min-width: 1024px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-right .primaryShadow {
    right: 23%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-right .primaryShadow {
    left: 23%;
  }
}
@media (min-width: 1280px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-right .primaryShadow {
    right: 28%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-right .primaryShadow {
    left: 28%;
  }
}
.heroV2__shadow.js-shadow-right .primaryShadow:before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateZ(-1px);
  background: radial-gradient(
    ellipse at 40% center,
    #9a9a9a 0%,
    #f0f0f0 50%,
    transparent 100%
  );
  filter: blur(10px);
  border-radius: 50%/70%;
}
.heroV2__shadow.js-shadow-top .primaryShadow {
  position: absolute;
  height: 1.5rem;
  width: 40%;
  top: 20px;
}
@media (min-width: 1024px) {
  .heroV2__shadow.js-shadow-top .primaryShadow {
    top: 52px;
  }
}
[dir="ltr"] .heroV2__shadow.js-shadow-top .primaryShadow {
  right: 4%;
}
[dir="rtl"] .heroV2__shadow.js-shadow-top .primaryShadow {
  left: 4%;
}
@media (min-width: 1024px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-top .primaryShadow {
    right: 8%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-top .primaryShadow {
    left: 8%;
  }
}
@media (min-width: 1280px) {
  [dir="ltr"] .heroV2__shadow.js-shadow-top .primaryShadow {
    right: 10%;
  }
  [dir="rtl"] .heroV2__shadow.js-shadow-top .primaryShadow {
    left: 10%;
  }
}
.heroV2__shadow.js-shadow-top .primaryShadow:before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateZ(-1px);
  background: radial-gradient(
    ellipse at 50% center,
    #9a9a9a 0%,
    #f0f0f0 50%,
    transparent 100%
  );
  filter: blur(10px);
  border-radius: 50%/70%;
}
.heroV2__headline {
  margin-bottom: 1rem;
  font-family: Spline Sans, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
}
.heroV2__headline:not(:lang(en)) {
  font-size: clamp(2rem, 2.2vw, 2.8125rem);
}
.heroV2__headline {
  font-size: clamp(2rem, 2.5vw, 2.8125rem);
  background-image: linear-gradient(
    90.23deg,
    #2e5ac2 18.75%,
    #183067 52%,
    #000000 119.5%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.heroV2__cta-wrapper {
  margin-top: 1rem;
}
.image-card {
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  --tw-shadow: 0 4px 3px rgb(0 0 0 / 0);
  --tw-shadow-colored: 0 4px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: transparent;
  --tw-shadow: var(--tw-shadow-colored);
}
@media (min-width: 768px) {
  .image-card {
    justify-items: stretch;
  }
}
.image-card {
  transition: filter 0.5s;
  transition: box-shadow 0.5s;
}
.image-card:not(.image-card__plain-card):not(.image-card__directory-card) {
  --tw-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%);
  --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
    0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.image-card__border-card .image-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-card__border-card .image-card__title,
.image-card__border-card .image-card__copy {
  text-align: center;
}
.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio {
  display: flex;
  aspect-ratio: 4/3;
  max-height: 200px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.image-card__border-card:not(.image-card__svg-type)
  .image-card__image-ratio
  img {
  height: 100%;
  max-height: 200px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.image-card__border-card .image-card__icon svg path {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.button--text:hover
  .image-card__shadow-card.image-card__image-type
  .image-card__inner {
  background-size: 100% 100%;
}
.button--text
  .image-card__shadow-card.image-card__image-type
  .image-card__inner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .image-card__shadow-card.image-card__image-type
  .image-card__inner {
  background-position: 100% 100%;
}
.button--text
  .image-card__shadow-card.image-card__image-type
  .image-card__inner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon
  .image-card__shadow-card.image-card__image-type
  .image-card__inner {
  margin-top: 0.25rem;
}
.image-card__shadow-card.image-card__image-type .image-card__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-card__shadow-card.image-card__image-type .image-card__title,
.image-card__shadow-card.image-card__image-type .image-card__copy {
  text-align: center;
}
.image-card__success-card.image-card__image-type .image-card__inner {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
}
.image-card__success-card .image-card__content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.image-card__success-card .image-card__copy {
  margin-top: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
}
.image-card__success-card .image-card__quote-icon {
  position: absolute;
  top: -3rem;
  left: 1.75rem;
}
.image-card__success-card .image-card__line {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-gray-400), var(--tw-border-opacity));
}
.image-card__success-card .image-card__quote {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}
.image-card__success-card .image-card__quote span {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.image-card__success-card .image-card__icon {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.image-card__success-card .image-card__icon .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.image-card__success-card .image-card__icon .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.image-card__success-card .image-card__icon {
  height: 16rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .image-card__success-card .image-card__icon {
    height: 13rem;
  }
}
.image-card__success-card .image-card__icon:empty {
  width: 100%;
}
.image-card__success-card .image-card__icon img {
  max-height: 210px;
}
@media (min-width: 768px) {
  .image-card__success-card .image-card__icon img {
    max-height: 184px;
  }
}
.image-card__success-card .image-card__icon img {
  -o-object-fit: contain;
  object-fit: contain;
}
.image-card__success-card .image-card__image {
  height: 16rem;
  min-width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 250 / var(--tw-bg-opacity));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .image-card__success-card .image-card__image {
    height: 13rem;
  }
}
.image-card__plain-card {
  background-color: #fff0;
}
.image-card__plain-card .image-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff0;
}
.image-card__plain-card .image-card__inner.icon-large .image-card__icon svg {
  max-height: 210px;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .image-card__plain-card .image-card__inner.icon-large .image-card__icon svg {
    max-height: 114px;
  }
}
.image-card__plain-card .image-card__inner.icon-large .image-card__icon svg {
  height: 210px;
}
@media (min-width: 768px) {
  .image-card__plain-card .image-card__inner.icon-large .image-card__icon svg {
    height: 114px;
  }
}
.image-card__plain-card .image-card__inner.icon-large .image-card__icon svg {
  -o-object-fit: contain;
  object-fit: contain;
}
.image-card__plain-card .image-card__title,
.image-card__plain-card .image-card__copy {
  text-align: center;
}
.image-card__plain-card .image-card__icon {
  margin-bottom: 0;
  padding-top: 0;
}
.image-card__plain-card .image-card__icon img {
  max-height: 210px;
}
@media (min-width: 768px) {
  .image-card__plain-card .image-card__icon img {
    max-height: 114px;
  }
}
.image-card__plain-card .image-card__icon img {
  -o-object-fit: contain;
  object-fit: contain;
}
.image-card__plain-card .image-card__image-ratio {
  display: flex;
  aspect-ratio: 10/3;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1280px) {
  .image-card__plain-card .image-card__image-ratio {
    aspect-ratio: 2/1;
  }
}
.image-card__plain-card .image-card__image-ratio {
  flex-grow: 0;
}
.image-card__directory-card .image-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff0;
}
.image-card__directory-card .image-card__title,
.image-card__directory-card .image-card__copy {
  text-align: left;
}
.image-card__directory-card .image-card__icon {
  padding-top: 0;
}
.image-card__directory-card .image-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff0;
}
.image-card__directory-card .image-card__content {
  margin-top: 0;
}
.image-card__directory-card .image-card__title {
  margin-bottom: 1.75rem;
}
.image-card__directory-card .image-card__copy {
  margin-bottom: 0;
  text-align: left;
}
.image-card__directory-card .image-card__copy a {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-700), var(--tw-text-opacity));
}
.image-card__directory-card .image-card__icon {
  padding-top: 0;
}
.image-card__partner-integrations .image-card__inner {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .image-card__partner-integrations .image-card__inner {
    flex-direction: row;
  }
}
.button--text:hover .image-card__partner-integrations .image-card__brand {
  background-size: 100% 100%;
}
.button--text .image-card__partner-integrations .image-card__brand {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .image-card__partner-integrations .image-card__brand {
  background-position: 100% 100%;
}
.button--text .image-card__partner-integrations .image-card__brand {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .image-card__partner-integrations .image-card__brand {
  margin-top: 0.25rem;
}
.image-card__partner-integrations .image-card__brand {
  position: relative;
  height: 200px;
  min-height: 220px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .image-card__partner-integrations .image-card__brand {
    height: 100%;
    width: 160px;
  }
}
.image-card__partner-integrations .image-card__brand img {
  position: static;
  max-height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}
.image-card__partner-integrations .image-card__content {
  margin: 0;
  flex: 1 1 0%;
  padding: 1.5rem;
}
.image-card__partner-integrations .image-card__title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.39;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .image-card__partner-integrations .image-card__title {
    line-height: 1.25;
  }
}
.image-card__partner-integrations .image-card__image {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .image-card__large .image-card__inner {
    flex-direction: row !important;
  }
}
.image-card__large .image-card__image {
  width: 100%;
  min-width: 0px;
}
@media (min-width: 768px) {
  .image-card__large .image-card__image {
    height: 20rem;
    width: 50%;
  }
}
.image-card__large .image-card__content {
  margin: 0;
  flex: 1 1 0%;
  padding: 2rem 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  [dir="ltr"] .image-card__large .image-card__content {
    text-align: left;
  }
  [dir="rtl"] .image-card__large .image-card__content {
    text-align: right;
  }
}
.image-card__inner {
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .image-card__inner {
    height: 100%;
  }
}
.image-card__icon {
  margin-bottom: 1.25rem;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
}
.image-card__icon svg {
  height: 4rem;
  width: auto;
  max-width: 120px;
}
.image-card__image-ratio {
  display: flex;
  aspect-ratio: 10/3;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.button--text:hover .image-card__image {
  background-size: 100% 100%;
}
.button--text .image-card__image {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .image-card__image {
  background-position: 100% 100%;
}
.button--text .image-card__image {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .image-card__image {
  margin-top: 0.25rem;
}
.image-card__image {
  position: relative;
  height: 16rem;
  min-width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .image-card__image {
    height: 13rem;
  }
}
.image-card__image > * {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.button--text:hover .image-card__content {
  background-size: 100% 100%;
}
.button--text .image-card__content {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .image-card__content {
  background-position: 100% 100%;
}
.button--text .image-card__content {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .image-card__content {
  margin-top: 0.25rem;
}
.image-card__content {
  position: relative;
  margin-top: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.media-with-text__items-wrap .image-card__title {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.image-card__title {
  margin-bottom: 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
}
.image-card__copy {
  margin-bottom: 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  line-height: 1.5rem;
}
.image-card__copy a {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  line-height: 1.5rem;
}
.image-card__label .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.image-card__label .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.image-card__label {
  position: absolute;
  top: 1.75rem;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3;
}
[dir="ltr"] .image-card__label {
  left: 0px;
  margin-right: 1rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
[dir="rtl"] .image-card__label {
  right: 0px;
  margin-left: 1rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.image-card__button {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.image-card__button:last-child {
  padding-bottom: 1.5rem;
}
.image-card__button .button {
  white-space: normal;
  text-align: center;
}
.image-card__button .button--text {
  white-space: normal;
  padding: 0;
  text-align: center;
}
.button--text:hover .image-card__gridLinks {
  background-size: 100% 100%;
}
.button--text .image-card__gridLinks {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .image-card__gridLinks {
  background-position: 100% 100%;
}
.button--text .image-card__gridLinks {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .image-card__gridLinks {
  margin-top: 0.25rem;
}
.image-card__gridLinks {
  position: relative;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  row-gap: 0.75rem;
}
@media (min-width: 640px) {
  .image-card__gridLinks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.image-card__gridLinks:after {
  position: absolute;
  left: 50%;
  top: 10%;
  display: none;
  height: 80%;
  width: 1px;
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
@media (min-width: 640px) {
  .image-card__gridLinks:after {
    display: block;
  }
}
.image-card__gridLinks a:hover {
  text-decoration-line: none;
}
a.image-card:not(.image-card__plain-card) {
  display: block;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
a.image-card:not(.image-card__plain-card):hover {
  text-decoration-line: none;
  --tw-shadow: 0 6px 10px rgb(0 0 0 / 20%), 0 0 6px rgb(0 0 0 / 20%);
  --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
    0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
a.image-card__border-card {
  border-width: 1px;
  border-color: #0000004d;
}
a.image-card__border-card:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-300), var(--tw-border-opacity));
}
a.image-card__border-card:hover .image-card__icon svg path {
  stroke: currentColor;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
a.image-card__plain-card {
  display: block;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
a.image-card__plain-card:hover {
  text-decoration-line: none;
  --tw-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%);
  --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
    0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
html[dir="rtl"] .image-card__copy.rtl-off {
  direction: ltr;
}
.image-stat {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  vertical-align: top;
}
.image-stat__marker {
  height: 100%;
  max-height: 46px;
  width: 100%;
  max-width: 3px;
  --tw-content: "";
  content: var(--tw-content);
}
@media (min-width: 768px) {
  .image-stat__marker {
    max-height: 53px;
  }
}
@media (min-width: 1024px) {
  .image-stat__marker {
    max-height: 59px;
  }
}
[dir="ltr"] .image-stat__marker {
  margin-right: 15px;
}
[dir="rtl"] .image-stat__marker {
  margin-left: 15px;
}
.image-stat__marker {
  background-image: linear-gradient(
    180deg,
    #2e5ac2 18%,
    #172d62 75.5%,
    #000000 100%
  );
}
.image-stat__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.image-stat__title {
  padding-top: 0;
  padding-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1;
  font-size: 20px;
}
@media (min-width: 768px) {
  .image-stat__title {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  .image-stat__title {
    font-size: 32px;
  }
}
.image-stat__copy {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
@media (min-width: 1024px) {
  .image-stat__copy {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.language-switcher {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 160px;
}
.button--text:hover .language-switcher {
  background-size: 100% 100%;
}
.button--text .language-switcher {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .language-switcher {
  background-position: 100% 100%;
}
.button--text .language-switcher {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .language-switcher {
  margin-top: 0.25rem;
}
.language-switcher {
  position: relative;
}
.language-switcher__button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.button--text:hover .language-switcher__button {
  background-size: 100% 100%;
}
.button--text .language-switcher__button {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .language-switcher__button {
  background-position: 100% 100%;
}
.button--text .language-switcher__button {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .language-switcher__button {
  margin-top: 0.25rem;
}
.language-switcher__button {
  position: relative;
}
.language-switcher__button-text {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[dir="ltr"] .language-switcher__button-text {
  padding-right: 1rem;
}
[dir="rtl"] .language-switcher__button-text {
  padding-left: 1rem;
}
.language-switcher__button-icon {
  height: 1rem;
  width: 1rem;
}
.language-switcher__button-icon svg {
  height: 100%;
  width: 100%;
}
.language-switcher__dropdown {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 100%;
  margin-bottom: 0.25rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.language-switcher__dropdown.open {
  display: block;
}
.language-switcher__dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.language-switcher__dropdown-list > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-gray-200), var(--tw-divide-opacity));
}
.language-switcher__dropdown-item {
  width: 100%;
}
.language-switcher__dropdown-item a {
  font-family: Inter, Inter-fallback, 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";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.66;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.language-switcher__dropdown-item a:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.language-switcher__dropdown-item:not(:first-child) {
  padding-top: 0.5rem;
}
.logos {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .logos {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.logos__headline {
  margin-bottom: 1.25rem;
  margin-top: 0;
  text-align: center;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.logos__batch {
  display: grid;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .logos__batch {
    gap: 3.5rem;
  }
}
.logos__batch {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 1024px) {
  .logos__batch {
    grid-auto-columns: calc(12.5% - 3.5rem);
  }
}
.logos__batch {
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .logos__batch {
    grid-template-columns: none;
    grid-auto-flow: column;
  }
}
@media (min-width: 768px) {
  @media not all and (min-width: 1024px) {
    .logos__batch {
      width: 75%;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.logos__item,
.logos button {
  opacity: 0.65;
  --tw-brightness: brightness(0);
  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);
}
.logos__item {
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
}
.logos__item img,
.logos__item svg {
  max-width: 90px;
  -o-object-fit: contain;
  object-fit: contain;
  height: auto;
  width: 100%;
}
.media-items-list {
  --icon-size: 3rem;
  --icon-mr: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.media-items-list:first-child {
  margin-top: 0;
}
.media-items-list:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .media-items-list {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .media-items-list.media-items-list--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.media-items-list__item {
  display: flex;
  flex-direction: column;
}
.media-with-text__items-wrap .media-items-list__item-headline {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.media-items-list__item-headline {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
}
.media-items-list__item-icon {
  height: var(--icon-size);
  width: var(--icon-size);
  flex-shrink: 0;
}
[dir="ltr"] .media-items-list__item-icon {
  margin-right: var(--icon-mr);
}
[dir="rtl"] .media-items-list__item-icon {
  margin-left: var(--icon-mr);
}
.media-items-list__item-icon > * {
  height: var(--icon-size);
  width: var(--icon-size);
  -o-object-fit: contain;
  object-fit: contain;
}
.media-items-list__item-copy {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.media-items-list__item-copy.item-text {
  font-size: 1.0625rem;
  line-height: 1.39;
}
.media-items-list__item-cta {
  display: flex;
  margin-top: 1.5rem;
}
.media-items-list__item-cta:first-child {
  margin-top: 0;
}
.media-items-list__item-cta {
  text-align: left;
}
[dir="ltr"] .media-items-list__item-cta {
  margin-left: calc(var(--icon-size) + var(--icon-mr));
}
[dir="rtl"] .media-items-list__item-cta {
  margin-right: calc(var(--icon-size) + var(--icon-mr));
}
.media-items-list__content-wrap {
  display: flex;
  flex-direction: row;
}
.media-items-list__link-arrow {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
}
.media-items-list__link-arrow svg {
  margin-left: 0.75rem;
  display: inline-block;
}
.media-items-list__link-arrow svg path:nth-of-type(1) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.media-items-list__link-arrow:hover svg path:nth-of-type(1) {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
[dir="ltr"] .no-icon {
  margin-left: 0;
}
[dir="rtl"] .no-icon {
  margin-right: 0;
}
.media-with-stats {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .media-with-stats {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .media-with-stats {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .media-with-stats {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .media-with-stats {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .media-with-stats {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .media-with-stats {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .media-with-stats {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .media-with-stats {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .media-with-stats {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .media-with-stats {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .media-with-stats {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .media-with-stats {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .media-with-stats {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .media-with-stats {
    max-width: 2560px;
  }
}
.media-with-stats {
  max-width: 100%;
}
@media (min-width: 640px) {
  .media-with-stats {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .media-with-stats {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .media-with-stats {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .media-with-stats {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .media-with-stats {
    max-width: 1244px;
  }
}
dialog .media-with-stats:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .media-with-stats {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .media-with-stats {
  border-radius: 5px;
}
.media-with-stats {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.media-with-stats__header {
  margin-bottom: 1.25rem;
  display: grid;
  text-align: center;
}
@media (min-width: 768px) {
  .media-with-stats__header {
    margin-bottom: 3rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .media-with-stats__header--inner {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
.media-with-stats__header--headline {
  margin-bottom: 1.25rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.media-with-stats__block {
  display: grid;
}
@media (min-width: 768px) {
  .media-with-stats__block {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.media-with-stats__block .media-with-stats__media {
  order: 9999;
}
@media (min-width: 768px) {
  .media-with-stats__block .media-with-stats__media {
    order: unset;
  }
  .media-with-stats__block.image-right .media-with-stats__media {
    order: 9999 !important;
  }
}
.media-with-stats__content {
  order: 0;
}
@media (min-width: 768px) {
  .media-with-stats__content {
    grid-column: span 7 / span 7;
  }
}
@media (min-width: 1024px) {
  .media-with-stats__content {
    grid-column: span 6 / span 6;
  }
}
.media-with-stats__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.media-with-stats__content--copy {
  margin-bottom: 1.5rem;
}
.media-with-stats__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  row-gap: 2rem;
}
@media (min-width: 1024px) {
  .media-with-stats__list {
    row-gap: 5rem;
  }
}
.button--text:hover .media-with-stats__list {
  background-size: 100% 100%;
}
.button--text .media-with-stats__list {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .media-with-stats__list {
  background-position: 100% 100%;
}
.button--text .media-with-stats__list {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .media-with-stats__list {
  margin-top: 0.25rem;
}
.media-with-stats__list {
  position: relative;
}
@media (min-width: 768px) {
  .media-with-stats__media {
    grid-column: span 5 / span 5;
  }
}
@media (min-width: 1024px) {
  .media-with-stats__media {
    grid-column: span 6 / span 6;
  }
}
.media-with-stats__media {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .media-with-stats__media {
    margin-bottom: 0;
  }
}
.media-with-stats__media--image {
  border-radius: 3px;
  border-width: 1px;
  border-color: transparent;
  width: 100%;
}
@media (min-width: 768px) {
  .media-with-stats__media--spacer {
    height: 6rem;
  }
}
@media (min-width: 1024px) {
  .media-with-stats__media--spacer {
    height: 3rem;
  }
}
.media-with-stats__cta {
  grid-column: span 2 / span 2;
  cursor: pointer;
  bottom: -2.5rem;
  margin-bottom: 1rem;
}
[dir="ltr"] .media-with-stats__cta {
  left: 0px;
}
[dir="rtl"] .media-with-stats__cta {
  right: 0px;
}
@media (min-width: 768px) {
  .media-with-stats__cta {
    position: absolute;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .media-with-stats__cta {
    bottom: -4rem;
  }
}
@media (min-width: 1280px) {
  .media-with-stats__cta {
    bottom: -5rem;
  }
}
.media-with-stats__cta--link-arrow {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
}
.media-with-stats__cta--link-arrow svg {
  display: inline-block;
}
[dir="ltr"] .media-with-stats__cta--link-arrow svg {
  margin-left: 0.5rem;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .media-with-stats__cta--link-arrow svg {
  margin-right: 0.5rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.media-with-stats__cta--link-arrow svg path:nth-of-type(1) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.media-with-stats__cta--link-arrow:hover {
  text-decoration-line: none;
}
.media-with-stats__cta--link-arrow:hover svg path:nth-of-type(1) {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.media-with-text {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.media-with-text__inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .media-with-text__inner {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .media-with-text__inner {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .media-with-text__inner {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .media-with-text__inner {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .media-with-text__inner {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .media-with-text__inner {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .media-with-text__inner {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .media-with-text__inner {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .media-with-text__inner {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .media-with-text__inner {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .media-with-text__inner {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .media-with-text__inner {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .media-with-text__inner {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .media-with-text__inner {
    max-width: 2560px;
  }
}
.media-with-text__inner {
  max-width: 100%;
}
@media (min-width: 640px) {
  .media-with-text__inner {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .media-with-text__inner {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .media-with-text__inner {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .media-with-text__inner {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .media-with-text__inner {
    max-width: 1244px;
  }
}
dialog .media-with-text__inner:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .media-with-text__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .media-with-text__inner {
  border-radius: 5px;
}
@media (min-width: 768px) {
  .media-with-text__inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.media-with-text__header {
  margin-bottom: 1.25rem;
  display: grid;
  text-align: center;
}
@media (min-width: 768px) {
  .media-with-text__header {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .media-with-text__header {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.media-with-text__header h2 {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .media-with-text__header p {
    margin-bottom: 2rem;
  }
  .media-with-text__header p:last-child {
    margin-bottom: 0;
  }
}
.media-with-text__header-inner {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
@media (min-width: 1024px) {
  .media-with-text__header-inner {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
  }
}
.media-with-text__header-inner p {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.button--text:hover .media-with-text__grid {
  background-size: 100% 100%;
}
.button--text .media-with-text__grid {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .media-with-text__grid {
  background-position: 100% 100%;
}
.button--text .media-with-text__grid {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .media-with-text__grid {
  margin-top: 0.25rem;
}
.media-with-text__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .media-with-text__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.media-with-text__grid + .media-with-text__grid {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .media-with-text__grid + .media-with-text__grid {
    margin-top: 4rem;
  }
}
.media-with-text__grid.video-inline .image-rounded {
  overflow: hidden;
  border-radius: 5px;
}
.media-with-text__grid.video-inline video {
  aspect-ratio: 4/3;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  width: 100%;
  border-radius: 3px;
}
.button--text:hover .media-with-text__video-poster {
  background-size: 100% 100%;
}
.button--text .media-with-text__video-poster {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .media-with-text__video-poster {
  background-position: 100% 100%;
}
.button--text .media-with-text__video-poster {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .media-with-text__video-poster {
  margin-top: 0.25rem;
}
.media-with-text__video-poster {
  position: relative;
  display: block;
}
.media-with-text__video-poster svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media-with-text__items-wrap {
  width: 100%;
}
@media (min-width: 1024px) {
  .media-with-text__items-wrap {
    width: 91.666667%;
  }
}
.media-with-text__items-wrap .headline-1 {
  font-size: 2rem;
  line-height: 1.39;
  font-weight: 400;
}
@media (min-width: 768px) {
  .media-with-text__items-wrap .headline-3 {
    line-height: 1.25;
  }
}
.media-with-text__items-wrap .headline-4-inner {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
@media (min-width: 768px) {
  .media-with-text__items-wrap p {
    margin-bottom: 1.5rem;
  }
  .media-with-text__items-wrap p:last-child {
    margin-bottom: 0;
  }
}
.media-with-text__footer {
  margin-top: 1.75rem;
  margin-bottom: 6rem;
  text-align: center;
}
.media-with-text__footer:last-child {
  margin-bottom: 0;
}
.media-with-text__cards {
  margin-top: 2rem;
  text-align: center;
}
.media-with-text__cards .headline-3 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.media-with-text .card-block__grid {
  margin-top: 3rem;
  height: auto;
}
a {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
a:hover {
  text-decoration-line: underline;
}
a.no-style {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
}
a.no-style:hover {
  text-decoration-line: none;
}
a.no-style {
  color: inherit;
}
.image-right .media-with-text__items-wrap {
  order: 1;
}
@media (min-width: 1024px) {
  .image-right .media-with-text__items-wrap {
    order: -1;
  }
}
[dir="ltr"] .no-icon {
  margin-left: 0;
}
[dir="rtl"] .no-icon {
  margin-right: 0;
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.pagination li {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.pagination li.pagination__current-page {
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.pagination__link {
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  display: block;
  padding: 0.75rem 1rem;
}
.pagination__prev,
.pagination__next {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 500;
}
.pagination__prev a,
.pagination__next a {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.partner-integrations-listing__container {
  padding: 0;
}
.partner-integrations-listing__header {
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 19 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .partner-integrations-listing__header {
    padding-bottom: 3rem;
    padding-top: 5rem;
  }
}
.partner-integrations-listing__header {
  background: linear-gradient(
      -90deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(0deg, rgba(11, 9, 112, 0.2) 0%, rgba(6, 6, 6, 0.5) 100%),
    linear-gradient(0deg, rgba(19, 19, 19, 0.8), rgb(78 78 78 / 80%));
}
.partner-integrations-listing__filters {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.partner-integrations-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 768px) {
  .partner-integrations-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .partner-integrations-listing__grid {
    gap: 3.5rem;
  }
}
@media (min-width: 1280px) {
  .partner-integrations-listing__grid {
    -moz-column-gap: 6rem;
    column-gap: 6rem;
  }
}
.partner-listing__headline {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .partner-listing__headline {
    margin-bottom: 3.5rem;
  }
}
.partner-listing__headline {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 94ch;
}
.partner-listing__inner {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 768px) {
  .partner-listing__inner {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .partner-listing__sidebar {
    grid-column: span 1 / span 1;
  }
}
.partner-listing__sidebar__title {
  font-weight: 700;
  margin-bottom: 1rem;
}
.partner-listing__sidebar__filters ul li {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
@media (min-width: 768px) {
  .partner-listing__list {
    grid-column: span 4 / span 4;
  }
}
.partner-listing__list .card-block__grid.filtered a:not(.active) {
  display: none;
}
.partner-listing__list .image-card__icon {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.partner-listing__list .image-card__icon > * {
  aspect-ratio: inherit;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-card {
  justify-items: stretch;
  overflow: hidden;
  border-radius: 5px;
  --tw-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
    0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.product-card:hover {
  --tw-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color),
    0 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.product-card__wrapper {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
}
.product-card__wrapper:hover {
  text-decoration-line: none;
}
.product-card__wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.button--text:hover .product-card__inner {
  background-size: 100% 100%;
}
.button--text .product-card__inner {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .product-card__inner {
  background-position: 100% 100%;
}
.button--text .product-card__inner {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .product-card__inner {
  margin-top: 0.25rem;
}
.product-card__inner {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 1rem;
}
.product-card__image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.product-card__image:focus-visible {
  opacity: 0.9;
}
.product-card__image {
  padding-bottom: 5px;
  aspect-ratio: 7 / 4;
}
.product-card__image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  max-height: 325px;
}
@media (min-width: 768px) {
  .product-card__image img {
    max-height: 125px;
  }
}
@media (min-width: 1024px) {
  .product-card__image img {
    max-height: 150px;
  }
}
@media (min-width: 1280px) {
  .product-card__image img {
    max-height: 200px;
  }
}
.product-card__image--finder {
  align-items: center;
  padding-top: 5px;
}
.button--text:hover .product-card__divider {
  background-size: 100% 100%;
}
.button--text .product-card__divider {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .product-card__divider {
  background-position: 100% 100%;
}
.button--text .product-card__divider {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .product-card__divider {
  margin-top: 0.25rem;
}
.product-card__divider {
  position: relative;
  z-index: 10;
  display: inline-block;
  height: 1px;
  width: 100%;
  cursor: pointer;
  background-image: linear-gradient(
    to right,
    rgba(36, 42, 53, 0.11),
    rgba(36, 42, 53, 0.11)
  );
}
.product-card__divider:after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -10;
  display: block;
  height: 1px;
  width: 100%;
  opacity: 0;
  --tw-content: "";
  content: var(--tw-content);
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 1%,
    rgba(37, 90, 194, 1) 50%,
    rgba(255, 255, 255, 1) 99%
  );
  transition: opacity 0.7s;
}
.product-card__content {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .product-card__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.product-card__content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
}
.product-card__content--accessory {
  justify-content: flex-start;
}
.product-card__badges-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.5rem;
}
.product-card__badges-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
}
.product-card__badge {
  margin-bottom: 1rem;
  width: 120px;
}
.product-card__badge svg {
  width: 120px;
}
.product-card__copy {
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.product-card__bullet {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-card__bullet--item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-card__bullet--item svg {
  height: 1.25rem;
  min-height: 20px;
  width: 1.25rem;
  min-width: 20px;
}
.product-card__bullet--item span {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), var(--tw-text-opacity));
  opacity: 0.7;
}
.product-card__button {
  display: flex;
  justify-content: center;
}
.product-card__label .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__label .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__label {
  position: absolute;
  top: 1.75rem;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"] .product-card__label {
  left: 0px;
  margin-right: 1rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
[dir="rtl"] .product-card__label {
  right: 0px;
  margin-left: 1rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.product-card__style-left .product-card__content {
  display: flex;
  flex-direction: column;
}
[dir="ltr"] .product-card__style-left .product-card__content {
  text-align: left;
}
[dir="rtl"] .product-card__style-left .product-card__content {
  text-align: right;
}
.product-card__style-left .product-card__title {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.125rem);
}
.product-card__style-center {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-card__style-center .product-card__title {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.125rem);
}
.product-card__style-formFactor .product-card__title {
  font-size: 1.0625rem;
  line-height: 1.39;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
[dir="ltr"] .product-card__style-formFactor .product-card__title {
  text-align: left;
}
[dir="rtl"] .product-card__style-formFactor .product-card__title {
  text-align: right;
}
.product-card__skeleton-image .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-image .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-image {
  height: 352px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.product-card__skeleton-title .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-title .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-title {
  margin-bottom: 0.75rem;
  height: 1.5rem;
  width: 80%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.product-card__skeleton-copy {
  height: 2.5rem;
}
.product-card__skeleton-copy > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.product-card__skeleton-copy:before .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-copy:before .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-copy:before {
  display: block;
  height: 1rem;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.product-card__skeleton-copy:after .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-copy:after .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-copy:after {
  margin-top: 0.5rem;
  display: block;
  height: 1rem;
  width: 70%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}
.product-card__skeleton-button .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-button .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.product-card__skeleton-button {
  height: 2rem;
  width: 100px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.product-card__skeleton-content {
  width: 100%;
}
.product-cards {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.product-cards__header {
  margin-bottom: 3.5rem;
  text-align: center;
  line-height: 1.5rem;
}
.product-cards__header h2 {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.39;
  font-weight: 700;
  line-height: 30px;
}
@media (min-width: 768px) {
  .product-cards__header h2 {
    font-family: Inter, Inter-fallback, 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";
    font-weight: 700;
    line-height: 1.39;
    font-size: clamp(1.375rem, 2.5vw, 2rem);
  }
}
.product-cards__header p {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .product-cards__header p {
    width: 75%;
  }
}
.product-cards__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
}
@media (min-width: 768px) {
  .product-cards__grid {
    gap: 1.5rem;
  }
}
.product-cards__1-column > div {
  width: 100%;
}
.product-cards__2-column > div {
  width: 100%;
}
@media (min-width: 768px) {
  .product-cards__2-column > div {
    flex: 0 0 calc(50% - 24px);
  }
}
.product-cards__2-column > div .product-card__image {
  aspect-ratio: 14/4;
}
.product-cards__3-column > div {
  width: 100%;
}
@media (min-width: 768px) {
  .product-cards__3-column > div {
    flex: 0 0 calc(50% - 24px);
  }
}
@media (min-width: 1024px) {
  .product-cards__3-column > div {
    flex: 0 0 calc(33.33% - 24px);
  }
}
@media (min-width: 768px) {
  .product-cards__4-column {
    gap: 1.5rem;
  }
}
.product-cards__4-column > div {
  width: 100%;
}
@media (min-width: 768px) {
  .product-cards__4-column > div {
    flex: 0 0 calc(50% - 24px);
  }
}
@media (min-width: 1024px) {
  .product-cards__4-column > div {
    flex: 0 0 calc(25% - 24px);
  }
}
.button--text:hover .product-cards__case-studies .product-card__image {
  background-size: 100% 100%;
}
.button--text .product-cards__case-studies .product-card__image {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .product-cards__case-studies .product-card__image {
  background-position: 100% 100%;
}
.button--text .product-cards__case-studies .product-card__image {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .product-cards__case-studies .product-card__image {
  margin-top: 0.25rem;
}
.product-cards__case-studies .product-card__image {
  position: relative;
  display: block;
  height: 16rem;
  min-width: 100%;
  overflow: visible;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .product-cards__case-studies .product-card__image {
    height: 13rem;
  }
}
.product-cards__case-studies .product-card__image > * {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  max-height: 16rem;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-cards__case-studies .product-card__divider {
  display: none;
}
.product-detail {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-detail {
    flex-direction: row;
  }
}
.product-detail {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .product-detail {
    margin-top: 2.75rem;
    margin-bottom: 0;
  }
}
.product-detail__gallery {
  width: 100%;
}
@media (min-width: 768px) {
  .product-detail__gallery {
    width: 50%;
  }
}
.product-detail__gallery-inside {
  padding-bottom: 1.75rem;
}
@media (min-width: 768px) {
  .product-detail__gallery-inside {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.product-detail__content-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-detail__content-wrap {
    width: 50%;
  }
}
.product-detail__content-wrap {
  margin-bottom: 2.75rem;
}
@media (min-width: 768px) {
  .product-detail__content-wrap {
    margin-bottom: 2rem;
  }
}
.product-detail__content {
  display: flex;
  flex-direction: column;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}
.product-detail__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 38px;
}
[dir="ltr"] .product-detail__title {
  text-align: left;
}
[dir="rtl"] .product-detail__title {
  text-align: right;
}
@media (min-width: 768px) {
  .product-detail__title {
    font-size: 32px;
  }
}
.product-detail__title {
  margin-bottom: 1.25rem;
}
.product-detail__priceBadge {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.product-detail__price {
  margin-bottom: 1.25rem;
  display: none;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
[dir="ltr"] .product-detail__price {
  margin-right: 1.5rem;
}
[dir="rtl"] .product-detail__price {
  margin-left: 1.5rem;
}
@media (min-width: 768px) {
  [dir="ltr"] .product-detail__price {
    margin-right: 1rem;
  }
  [dir="rtl"] .product-detail__price {
    margin-left: 1rem;
  }
}
.product-detail__badges {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .product-detail__badges {
    justify-content: flex-start;
  }
}
.product-detail__badge {
  width: 130px;
}
.product-detail__buttons {
  margin-top: 2.25rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .product-detail__buttons {
    margin-bottom: 0;
    margin-top: 2.5rem;
    flex-direction: row;
  }
}
.product-detail__button .button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 300px;
  text-align: center;
}
@media (min-width: 768px) {
  .product-detail__button .button {
    display: inline-block;
  }
}
.product-detail__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}
@media (min-width: 1024px) {
  .product-detail__links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
}
.product-detail__links {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1.25rem;
}
.button--text:hover .product-detail__links {
  background-size: 100% 100%;
}
.button--text .product-detail__links {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .product-detail__links {
  background-position: 100% 100%;
}
.button--text .product-detail__links {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .product-detail__links {
  margin-top: 0.25rem;
}
.product-detail__links {
  position: relative;
  overflow: hidden;
}
.product-detail__link {
  display: flex;
  justify-content: center;
}
.button--text:hover .product-detail__link {
  background-size: 100% 100%;
}
.button--text .product-detail__link {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .product-detail__link {
  background-position: 100% 100%;
}
.button--text .product-detail__link {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .product-detail__link {
  margin-top: 0.25rem;
}
.product-detail__link {
  position: relative;
  box-sizing: border-box;
  border-radius: 0.375rem;
  border-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-detail__link svg,
.product-detail__link img {
  margin-left: auto;
  margin-right: auto;
  height: 1.75rem;
  width: auto;
}
.product-detail__link > * {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.product-detail__link > * span {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .product-detail__link > * span {
    max-width: 100px;
  }
}
.product-detail__link > * span {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.product-detail__link:hover {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 251 / var(--tw-bg-opacity));
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.product-detail__link:hover a {
  text-decoration-line: none;
}
.product-detail__link:hover svg {
  fill: rgb(var(--color-brand-300));
}
.product-detail__link:hover svg polyline {
  stroke: rgb(var(--color-brand-300));
}
.product-detail__link:hover svg path {
  fill: rgb(var(--color-brand-300));
}
.product-detail__link:hover span {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.product-detail__eol-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-900), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .product-detail__eol-banner {
    flex-direction: row;
  }
}
.product-detail__eol-banner {
  gap: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.9375rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .product-detail__eol-banner {
    gap: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.product-detail__eol-banner a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .product-detail__eol-banner a {
    margin-left: 1.75rem;
  }
}
.product-detail__eol-banner a {
  margin-top: 0;
  padding: 0;
  line-height: 1;
}
.product-detail__eol-banner a svg {
  margin-left: 0.5rem;
}
.pricing-enabled .product-detail__price {
  display: block;
}
.product-listing__header {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .product-listing__header {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .product-listing__header {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .product-listing__header {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .product-listing__header {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .product-listing__header {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .product-listing__header {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .product-listing__header {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .product-listing__header {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .product-listing__header {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .product-listing__header {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .product-listing__header {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .product-listing__header {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .product-listing__header {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .product-listing__header {
    max-width: 2560px;
  }
}
.product-listing__header {
  max-width: 100%;
}
@media (min-width: 640px) {
  .product-listing__header {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .product-listing__header {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .product-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .product-listing__header {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .product-listing__header {
    max-width: 1244px;
  }
}
dialog .product-listing__header:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .product-listing__header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .product-listing__header {
  border-radius: 5px;
}
.product-listing__header {
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 768px) {
  .product-listing__header {
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.product-listing__header h2 {
  margin-bottom: 1.25rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
@media (min-width: 768px) {
  .product-listing__header p {
    margin-bottom: 2rem;
  }
  .product-listing__header p:last-child {
    margin-bottom: 0;
  }
}
.product-listing__grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 768px) {
  .product-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .product-listing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .product-listing__grid {
    margin-top: 4rem;
  }
}
.product-listing__formFactor .filters__dropdown-filter.js-formFactor-wrapper {
  display: none;
}
@media (min-width: 1280px) {
  .product-listing .product-listing__grid {
    row-gap: 4rem;
  }
}
.product-listing .product-card__inner {
  padding-bottom: 1.5rem;
}
.media-with-text__items-wrap .prose h1 {
  font-size: 2rem;
  line-height: 1.39;
  font-weight: 400;
}
.prose h1 {
  font-family: Spline Sans, Inter-fallback, 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";
  font-weight: 700;
  text-transform: none;
  line-height: 1.39;
}
.prose h1:not(:lang(en)) {
  font-size: clamp(2rem, 2.2vw, 2.8125rem);
}
.prose h1 {
  font-size: clamp(2rem, 2.5vw, 2.8125rem);
}
.prose h2 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
@media (min-width: 768px) {
  .media-with-text__items-wrap .prose h3 {
    line-height: 1.25;
  }
}
.media-with-text__cards .prose h3 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.prose h3 {
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.375rem;
  line-height: 1.39;
  letter-spacing: 0.5px;
  font-size: clamp(1.25rem, 2.5vw, 1.375rem);
  font-weight: 700;
}
@media (min-width: 768px) {
  .prose h3 {
    line-height: 1.25;
  }
}
.prose h4 {
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.25rem);
}
.prose h5 {
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.125rem);
}
.media-with-text__items-wrap .prose h6 {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.prose h6 {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
}
.prose p {
  letter-spacing: -0.1px;
}
.prose small {
  font-family: Inter, Inter-fallback, 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";
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.prose > * + * {
  margin-top: 1rem;
}
.prose ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  list-style-type: decimal;
}
[dir="ltr"] .prose ol {
  margin-left: 2rem;
}
[dir="rtl"] .prose ol {
  margin-right: 2rem;
}
.prose ol ol {
  list-style-type: lower-alpha;
}
.prose ol ol ol {
  list-style-type: lower-roman;
}
.prose a:not([class]) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.prose a:not([class]):hover {
  text-decoration-line: underline;
}
.prose a:not([class]) {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.prose figcaption {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), var(--tw-text-opacity));
}
.prose ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-type: disc;
}
[dir="ltr"] .prose ul {
  margin-left: 2rem;
}
[dir="rtl"] .prose ul {
  margin-right: 2rem;
}
.prose ul.icon-list.checked {
  margin-bottom: 0;
  margin-top: 0;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0.75rem;
}
[dir="ltr"] .prose ul.icon-list.checked {
  margin-left: 0;
  padding-left: 0;
}
[dir="rtl"] .prose ul.icon-list.checked {
  margin-right: 0;
  padding-right: 0;
}
.button--text:hover .prose ul.icon-list.checked li {
  background-size: 100% 100%;
}
.button--text .prose ul.icon-list.checked li {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .prose ul.icon-list.checked li {
  background-position: 100% 100%;
}
.button--text .prose ul.icon-list.checked li {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .prose ul.icon-list.checked li {
  margin-top: 0.25rem;
}
.prose ul.icon-list.checked li {
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  list-style-type: none;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), var(--tw-text-opacity));
  opacity: 0.7;
}
[dir="ltr"] .prose ul.icon-list.checked li {
  margin-left: 0;
  padding-left: 1.75rem;
}
[dir="rtl"] .prose ul.icon-list.checked li {
  margin-right: 0;
  padding-right: 1.75rem;
}
.prose ul.icon-list.checked li:before {
  content: "";
  position: absolute;
  top: 3px;
  height: 1.25rem;
  width: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
}
[dir="ltr"] .prose ul.icon-list.checked li:before {
  left: 0px;
}
[dir="rtl"] .prose ul.icon-list.checked li:before {
  right: 0px;
}
.prose ul.icon-list.checked li:before {
  background-image: url(../images/pelcoCheckmark.0b6c8066.svg);
}
.prose li {
  margin-top: var(--prose-margins);
  margin-bottom: var(--prose-margins);
}
.prose li:first-child {
  margin-top: 0;
}
.prose li:last-child {
  margin-bottom: 0;
}
[dir="ltr"] .prose li {
  text-align: left;
}
[dir="rtl"] .prose li {
  text-align: right;
}
.prose figure.table {
  margin-top: 0;
  width: 100%;
}
.prose table {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  overflow-x: auto;
  empty-cells: hide;
  border-spacing: 0;
}
@media (min-width: 1024px) {
  .prose table {
    display: table;
  }
}
.prose table thead,
.prose table tbody,
.prose table th,
.prose table td {
  border-width: 1px;
  border-color: #00000026;
}
.prose table th {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  vertical-align: top;
  height: inherit;
}
.prose table tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.prose table tr:nth-child(even) .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.prose table tr:nth-child(even) .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.prose table th,
.prose table td {
  padding: 0.5rem 1rem;
}
@media (min-width: 1024px) {
  .prose table th,
  .prose table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
[dir="ltr"] .prose.checkList ul {
  margin-left: 0;
  padding-left: 0;
}
[dir="rtl"] .prose.checkList ul {
  margin-right: 0;
  padding-right: 0;
}
.prose.checkList ul {
  list-style: none;
}
[dir="ltr"] .prose.checkList ul li {
  padding-left: 2rem;
}
[dir="rtl"] .prose.checkList ul li {
  padding-right: 2rem;
}
.prose.checkList ul li {
  margin-bottom: 15px;
  position: relative;
}
[dir="ltr"] .prose.checkList ul li:before {
  left: 0px;
}
[dir="rtl"] .prose.checkList ul li:before {
  right: 0px;
}
.prose.checkList ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  color: #000;
  background-image: url(../images/pelcoCheckmark.0b6c8066.svg);
}
.prose img {
  width: 100%;
}
.search-result__item {
  display: block;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-400), var(--tw-border-opacity));
}
.search-result__item:hover {
  --tw-shadow: 0 4px 4px rgb(0 0 0 / 10%);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.search-result__item a {
  display: block;
  padding: 0.75rem 1rem 1.5rem;
}
.search-result__item a:hover {
  text-decoration-line: none;
}
.search-result__section {
  display: flex;
  justify-content: space-between;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(var(--color-gray-700), 0.7);
}
.search-result__section span {
  padding-bottom: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.search-result h3 {
  margin-bottom: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.search-result p {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.search-results__headline {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.search-results__search-wrapper {
  padding-top: 2.5rem;
  display: none;
  align-items: center;
}
@media (min-width: 768px) {
  .search-results__search-wrapper {
    display: flex;
  }
}
.search-results__search {
  display: none;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .search-results__search {
    display: flex;
  }
}
.search-results__search {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
}
.search-results__search.active {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.search-results__search-form {
  width: 100%;
  max-width: 734px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .search-results__search-form {
    width: 66.666667%;
    border-radius: 0.375rem;
  }
}
.button--text:hover .search-results__search-box {
  background-size: 100% 100%;
}
.button--text .search-results__search-box {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .search-results__search-box {
  background-position: 100% 100%;
}
.button--text .search-results__search-box {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .search-results__search-box {
  margin-top: 0.25rem;
}
.search-results__search-box {
  position: relative;
  width: 100%;
  filter: drop-shadow(0 1.5px 4px rgb(0 20 50 / 18%));
}
.search-results__search label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.search-results__search-field {
  padding: 0.5rem 1.25rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .search-results__search-field {
    flex-grow: 0;
  }
}
.search-results__search-field {
  border-radius: 1rem;
  width: 100%;
  max-width: 100%;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-900), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.search-results__search-field::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.search-results__search-field::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .search-results__search-field {
    --tw-shadow: 4px 0 4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 4px 0 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.search-results__search-field:focus-visible {
  outline-color: rgb(var(--color-brand-700));
}
.search-results__search-submit {
  position: absolute;
  top: 0px;
  height: 100%;
}
[dir="ltr"] .search-results__search-submit {
  right: 0px;
}
[dir="rtl"] .search-results__search-submit {
  left: 0px;
}
.search-results__search-submit {
  padding: 0.5rem 1.25rem;
}
[dir="ltr"] .search-results__search-submit {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
[dir="rtl"] .search-results__search-submit {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.search-results__search-submit {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.search-results__search-submit-icon {
  height: auto;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.search-results__categories {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .search-results__categories {
    margin-top: 3rem;
  }
}
.search-results__categories__list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.search-results__categories__list > li.is-current a {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
}
.search-results__categories__list > li.is-current a:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
}
.search-results__categories__list > li a {
  display: inline-block;
  transition-property: opacity, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  border-bottom-width: 2px;
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-900), var(--tw-text-opacity));
}
.search-results__categories__list > li a:hover {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-900), var(--tw-border-opacity));
  text-decoration-line: none;
}
.search-results__categories__list > li a {
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
}
.search-results__entries-wrapper {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-500), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 3rem;
}
.search-results__entries {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.side-tabs__text-content {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .side-tabs__text-content {
    margin-bottom: 3.5rem;
  }
}
.side-tabs__text-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 94ch;
  text-align: center;
}
.side-tabs__wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .side-tabs__wrapper {
    flex-direction: row;
  }
}
.side-tabs__tabs {
  width: 100%;
}
@media (min-width: 1024px) {
  .side-tabs__tabs {
    width: 400px;
  }
}
.side-tabs__menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.side-tabs__contents {
  display: none;
  width: 100%;
  flex: 1 1 0%;
}
@media (min-width: 1024px) {
  .side-tabs__contents {
    display: block;
  }
}
.side-tabs__tab {
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-300), var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
[dir="ltr"] .side-tabs__tab {
  text-align: left;
}
[dir="rtl"] .side-tabs__tab {
  text-align: right;
}
@media (min-width: 1024px) {
  .side-tabs__tab {
    border-bottom-width: 0px;
    border-color: transparent;
    padding: 1.5rem;
  }
  [dir="ltr"] .side-tabs__tab {
    border-left-width: 4px;
  }
  [dir="rtl"] .side-tabs__tab {
    border-right-width: 4px;
  }
  .side-tabs__tab.active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
    --tw-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%);
    --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
      0 0 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.side-tabs__tab.active {
  -o-border-image: linear-gradient(#2e5ac2, #000) 0 100%;
  border-image: linear-gradient(#2e5ac2, #000) 0 100%;
}
.side-tabs__tab.active .side-tabs__tab--title {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.side-tabs__tab.active .side-tabs__tab--title__indicator--open {
  display: block;
}
.side-tabs__tab.active .side-tabs__tab--title__indicator--closed {
  display: none;
}
.side-tabs__tab.active .side-tabs__tab--copy {
  max-height: 400px;
  opacity: 1;
}
.side-tabs__tab.active .side-tabs__tab--media {
  --calculated-adjusted-height: calc(100vw - 64px);
  margin-bottom: 1rem;
  overflow: hidden;
  opacity: 1;
  max-height: var(--calculated-adjusted-height);
}
.side-tabs__tab--title {
  margin-bottom: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
  .side-tabs__tab--title {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
}
.side-tabs__tab--title__indicator {
  margin-left: 1rem;
  display: block;
}
@media (min-width: 1024px) {
  .side-tabs__tab--title__indicator {
    display: none;
  }
}
.side-tabs__tab--title__indicator--open {
  display: none;
}
.side-tabs__tab--title__indicator--closed {
  display: block;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-500), var(--tw-text-opacity));
}
.side-tabs__tab--copy {
  max-height: 0px;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  opacity: 0;
}
@media (min-width: 1024px) {
  .side-tabs__tab--copy {
    max-height: 100%;
    font-size: 0.9375rem;
    line-height: 1.7;
    opacity: 1;
  }
}
.side-tabs__tab--copy {
  transition: max-height 0.85s cubic-bezier(0.47, 0.42, 0, 0.99),
    margin-top 0.85s cubic-bezier(0.47, 0.42, 0, 0.99),
    opacity 0.85s cubic-bezier(0.47, 0.42, 0, 0.99);
}
.side-tabs__tab--media {
  margin-bottom: 0;
  max-height: 0px;
  border-radius: 3pm;
  opacity: 0;
}
@media (min-width: 1024px) {
  .side-tabs__tab--media {
    display: none;
  }
}
.side-tabs__tab--media {
  transition: max-height 0.85s cubic-bezier(0.47, 0.42, 0, 0.99),
    margin-bottom 0.85s cubic-bezier(0.47, 0.42, 0, 0.99),
    opacity 0.85s cubic-bezier(0.47, 0.42, 0, 0.99);
}
.side-tabs__content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  border-radius: 3px;
}
.side-tabs__content.active {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.side-tabs__content.fade-in {
  animation: 0.4s cubic-bezier(0.58, 0.52, 0.82, 0.62) fadein;
}
.side-tabs__content > *:first-child {
  margin-top: 0;
}
.side-tabs__content > *:last-child {
  margin-bottom: 0;
}
.side-tabs video,
.side-tabs img {
  width: 100%;
}
.side-tabs video {
  aspect-ratio: 4/3;
  background-color: transparent;
}
.slider .carousel__arrow-button {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), var(--tw-text-opacity));
}
.slider__header {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .slider__header {
    margin-bottom: 3.5rem;
  }
}
.slider__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 94ch;
}
.slider__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .slider__slide {
    flex-direction: row;
  }
  [dir="ltr"] .slider__slide {
    text-align: left;
  }
  [dir="rtl"] .slider__slide {
    text-align: right;
  }
}
.slider__slide__wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .slider__slide__wrapper {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .slider__slide__wrapper {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .slider__slide__wrapper {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .slider__slide__wrapper {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .slider__slide__wrapper {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .slider__slide__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .slider__slide__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .slider__slide__wrapper {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .slider__slide__wrapper {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .slider__slide__wrapper {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .slider__slide__wrapper {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .slider__slide__wrapper {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .slider__slide__wrapper {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .slider__slide__wrapper {
    max-width: 2560px;
  }
}
.slider__slide__wrapper {
  max-width: 100%;
}
@media (min-width: 640px) {
  .slider__slide__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .slider__slide__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .slider__slide__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .slider__slide__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .slider__slide__wrapper {
    max-width: 1244px;
  }
}
dialog .slider__slide__wrapper:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .slider__slide__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .slider__slide__wrapper {
  border-radius: 5px;
}
.slider__slide__wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .slider__slide__wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.slider__slide-inner {
  width: calc(100% - 80px);
  flex: 1 1 0%;
}
@media (min-width: 768px) {
  .slider__slide-inner {
    width: 100%;
  }
}
.slider__slide-image {
  width: 100%;
}
@media (min-width: 768px) {
  .slider__slide-image {
    max-width: 450px;
  }
}
.slider__slide-image img {
  max-height: 350px;
  width: 100%;
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__slide-logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  max-width: 100px;
}
@media (min-width: 1024px) {
  [dir="ltr"] .slider__slide-logo {
    margin-right: auto;
    margin-left: 0;
  }
  [dir="rtl"] .slider__slide-logo {
    margin-right: 0;
    margin-left: auto;
  }
}
.slider__slide-logo img {
  display: inline-block;
}
.slider__slide-logo svg {
  height: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .media-with-text__items-wrap .slider__slide-headline {
    line-height: 1.25;
  }
}
.media-with-text__cards .slider__slide-headline {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.slider__slide-headline {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.375rem;
  line-height: 1.39;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: clamp(1.25rem, 2.5vw, 1.375rem);
}
@media (min-width: 768px) {
  .slider__slide-headline {
    font-size: 1.375rem;
    line-height: 1.39;
  }
}
.slider__slide-copy {
  margin-bottom: 1rem;
}
.slider__slide-cta {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  [dir="ltr"] .slider__slide-cta {
    margin-left: -2rem;
  }
  [dir="rtl"] .slider__slide-cta {
    margin-right: -2rem;
  }
}
.smr-listing__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
}
.smr-listing__item {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .smr-listing__item {
    gap: 1rem;
  }
}
.smr-listing__item {
  grid-template-areas: "image" "title" "desc" "sku";
}
@media (min-width: 768px) {
  .smr-listing__item {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-template-areas: "image title title title title title" "desc desc desc desc sku sku";
  }
}
@media (min-width: 1024px) {
  .smr-listing__item {
    grid-template-columns: 1fr 5fr 4fr 3fr;
    grid-template-areas: "image title desc sku";
  }
}
.smr-listing__item__image {
  grid-area: image;
}
.smr-listing__item__title {
  grid-area: title;
}
.smr-listing__item__desc {
  grid-area: desc;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.smr-listing__item__sku {
  grid-area: sku;
}
.smr-listing__item a {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.smr-listing__item a:hover {
  opacity: 0.75;
}
.smr-listing__item a:focus-visible {
  opacity: 0.75;
}
.smr-listing__item svg,
.smr-listing__item img {
  margin-left: auto;
  margin-right: auto;
  max-height: 100px;
  max-width: 100px;
}
.smr-listing__pagination-button {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  border-radius: 0.25rem;
}
.smr-listing__pagination-button:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.smr-listing__button-container {
  display: none;
}
@media (min-width: 768px) {
  .smr-listing__button-container {
    display: block;
  }
}
.social-links__list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  fill: currentColor;
  line-height: 1;
}
.social-links__link {
  display: block;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .social-links__link {
    opacity: 1;
  }
}
.social-links__link {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.social-links__link:hover {
  opacity: 0.8;
}
.social-links__link svg {
  height: 18px;
  width: 18px;
}
.stats__headline {
  text-align: center;
  font-weight: 700;
}
.stats__wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}
@media (min-width: 768px) {
  .stats__wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
.stats__wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .stats__wrapper {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .stats__wrapper {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .stats__wrapper {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .stats__wrapper {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .stats__wrapper {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .stats__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .stats__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .stats__wrapper {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .stats__wrapper {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .stats__wrapper {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .stats__wrapper {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .stats__wrapper {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .stats__wrapper {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .stats__wrapper {
    max-width: 2560px;
  }
}
.stats__wrapper {
  max-width: 100%;
}
@media (min-width: 640px) {
  .stats__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .stats__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .stats__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .stats__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .stats__wrapper {
    max-width: 1244px;
  }
}
dialog .stats__wrapper:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .stats__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .stats__wrapper {
  border-radius: 5px;
}
.stats__wrapper {
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .stats__wrapper {
    grid-auto-flow: column;
    grid-template-columns: none;
  }
}
.stats__wrapper {
  padding-bottom: 1.25rem;
  padding-top: 2rem;
}
.stats__copy {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.stats__stat {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .stats__stat {
    width: 83.333333%;
  }
}
.stats__stat {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .stats__stat {
    margin-bottom: 0;
  }
}
.sticky-navigation {
  position: fixed;
  top: var(--header-height);
  left: 0px;
  z-index: 49;
  display: none;
  height: 3.5rem;
  width: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  .sticky-navigation {
    display: block;
  }
}
.sticky-navigation {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.47, 0.42, 0, 0.99);
  pointer-events: none;
  --tw-shadow: 0 4px 4px rgb(0 0 0 / 10%);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button--text:hover .sticky-navigation__main {
  background-size: 100% 100%;
}
.button--text .sticky-navigation__main {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .sticky-navigation__main {
  background-position: 100% 100%;
}
.button--text .sticky-navigation__main {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .sticky-navigation__main {
  margin-top: 0.25rem;
}
.sticky-navigation__main {
  position: relative;
  height: 3.5rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sticky-navigation__wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media (min-width: 350px) {
  .sticky-navigation__wrapper {
    max-width: 350px;
  }
}
@media (min-width: 400px) {
  .sticky-navigation__wrapper {
    max-width: 400px;
  }
}
@media (min-width: 480px) {
  .sticky-navigation__wrapper {
    max-width: 480px;
  }
}
@media (min-width: 520px) {
  .sticky-navigation__wrapper {
    max-width: 520px;
  }
}
@media (min-width: 560px) {
  .sticky-navigation__wrapper {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .sticky-navigation__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .sticky-navigation__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 900px) {
  .sticky-navigation__wrapper {
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .sticky-navigation__wrapper {
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1160px) {
  .sticky-navigation__wrapper {
    max-width: 1160px;
  }
}
@media (min-width: 1280px) {
  .sticky-navigation__wrapper {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .sticky-navigation__wrapper {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .sticky-navigation__wrapper {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {
  .sticky-navigation__wrapper {
    max-width: 2560px;
  }
}
.sticky-navigation__wrapper {
  max-width: 100%;
}
@media (min-width: 640px) {
  .sticky-navigation__wrapper {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .sticky-navigation__wrapper {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .sticky-navigation__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1280px) {
  .sticky-navigation__wrapper {
    max-width: 1244px;
  }
}
@media (min-width: 1536px) {
  .sticky-navigation__wrapper {
    max-width: 1244px;
  }
}
.button--text:hover .sticky-navigation__wrapper {
  background-size: 100% 100%;
}
.button--text .sticky-navigation__wrapper {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .sticky-navigation__wrapper {
  background-position: 100% 100%;
}
.button--text .sticky-navigation__wrapper {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .sticky-navigation__wrapper {
  margin-top: 0.25rem;
}
dialog .sticky-navigation__wrapper:has(.form) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .table-of-contents__content .sticky-navigation__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tabsSlider__content .sticky-navigation__wrapper {
  border-radius: 5px;
}
.sticky-navigation__wrapper {
  position: relative;
  display: flex;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
@media (min-width: 768px) {
  .sticky-navigation__wrapper {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.sticky-navigation__wrapper {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.sticky-navigation__navigation {
  margin-left: auto;
  margin-right: auto;
  display: none;
  flex-direction: row;
}
@media (min-width: 768px) {
  .sticky-navigation__navigation {
    display: flex;
    gap: 3rem;
  }
}
@media (min-width: 1280px) {
  .sticky-navigation__navigation {
    gap: 4rem;
  }
}
.sticky-navigation__link {
  margin-top: auto;
  margin-bottom: auto;
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.sticky-navigation__anchor {
  padding: 0;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
  .sticky-navigation__anchor {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.sticky-navigation__anchor {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sticky-navigation__anchor:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.sticky-navigation__anchor > span {
  cursor: pointer;
}
.sticky-navigation__anchor.active {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.table-maker {
  display: block;
  width: 100%;
  table-layout: auto;
  overflow-x: auto;
}
.table-maker thead,
.table-maker tbody,
.table-maker th,
.table-maker td {
  border-width: 1px;
  border-color: #00000026;
}
.table-maker th {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
  height: inherit;
}
.table-maker tr:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.table-maker tr:nth-child(even) .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.table-maker tr:nth-child(even) .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.table-maker th,
.table-maker td {
  padding: 0.5rem 1rem;
}
@media (min-width: 1024px) {
  .table-maker th,
  .table-maker td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.button--text:hover .table-of-contents {
  background-size: 100% 100%;
}
.button--text .table-of-contents {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .table-of-contents {
  background-position: 100% 100%;
}
.button--text .table-of-contents {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .table-of-contents {
  margin-top: 0.25rem;
}
.table-of-contents {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .table-of-contents {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .table-of-contents {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  @media (min-width: 350px) {
    .table-of-contents {
      max-width: 350px;
    }
  }
  @media (min-width: 400px) {
    .table-of-contents {
      max-width: 400px;
    }
  }
  @media (min-width: 480px) {
    .table-of-contents {
      max-width: 480px;
    }
  }
  @media (min-width: 520px) {
    .table-of-contents {
      max-width: 520px;
    }
  }
  @media (min-width: 560px) {
    .table-of-contents {
      max-width: 560px;
    }
  }
  @media (min-width: 900px) {
    .table-of-contents {
      max-width: 900px;
    }
  }
  @media (min-width: 1024px) {
    .table-of-contents {
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1160px) {
    .table-of-contents {
      max-width: 1160px;
    }
  }
  @media (min-width: 1280px) {
    .table-of-contents {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .table-of-contents {
      max-width: 1536px;
    }
  }
  @media (min-width: 1920px) {
    .table-of-contents {
      max-width: 1920px;
    }
  }
  @media (min-width: 2560px) {
    .table-of-contents {
      max-width: 2560px;
    }
  }
  .table-of-contents {
    max-width: 100%;
  }
  @media (min-width: 640px) {
    .table-of-contents {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .table-of-contents {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .table-of-contents {
      max-width: 1244px;
    }
  }
  @media (min-width: 1280px) {
    .table-of-contents {
      max-width: 1244px;
    }
  }
  @media (min-width: 1536px) {
    .table-of-contents {
      max-width: 1244px;
    }
  }
  .table-of-contents {
    flex-direction: row;
  }
  dialog .table-of-contents:has(.form) {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  @media (min-width: 1024px) {
    .table-of-contents__content .table-of-contents {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  .tabsSlider__content .table-of-contents {
    border-radius: 5px;
  }
}
.table-of-contents__navigation {
  top: calc(20px + var(--header-height));
  width: 100%;
}
@media not all and (min-width: 1024px) {
  .table-of-contents__navigation {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  @media not all and (min-width: 1024px) {
    .table-of-contents__navigation {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
  }
  @media (min-width: 350px) {
    .table-of-contents__navigation {
      max-width: 350px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      .table-of-contents__navigation {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
      }
    }
    @media (min-width: 350px) {
      .table-of-contents__navigation {
        max-width: 350px;
      }
    }
  }
  @media (min-width: 400px) {
    .table-of-contents__navigation {
      max-width: 400px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        .table-of-contents__navigation {
          width: 100%;
          margin-right: auto;
          margin-left: auto;
          padding-right: 1.25rem;
          padding-left: 1.25rem;
        }
      }
      @media (min-width: 350px) {
        .table-of-contents__navigation {
          max-width: 350px;
        }
      }
    }
    @media (min-width: 400px) {
      .table-of-contents__navigation {
        max-width: 400px;
      }
    }
  }
  @media (min-width: 480px) {
    .table-of-contents__navigation {
      max-width: 480px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          .table-of-contents__navigation {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: 1.25rem;
            padding-left: 1.25rem;
          }
        }
        @media (min-width: 350px) {
          .table-of-contents__navigation {
            max-width: 350px;
          }
        }
      }
      @media (min-width: 400px) {
        .table-of-contents__navigation {
          max-width: 400px;
        }
      }
    }
    @media (min-width: 480px) {
      .table-of-contents__navigation {
        max-width: 480px;
      }
    }
  }
  @media (min-width: 520px) {
    .table-of-contents__navigation {
      max-width: 520px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            .table-of-contents__navigation {
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              padding-right: 1.25rem;
              padding-left: 1.25rem;
            }
          }
          @media (min-width: 350px) {
            .table-of-contents__navigation {
              max-width: 350px;
            }
          }
        }
        @media (min-width: 400px) {
          .table-of-contents__navigation {
            max-width: 400px;
          }
        }
      }
      @media (min-width: 480px) {
        .table-of-contents__navigation {
          max-width: 480px;
        }
      }
    }
    @media (min-width: 520px) {
      .table-of-contents__navigation {
        max-width: 520px;
      }
    }
  }
  @media (min-width: 560px) {
    .table-of-contents__navigation {
      max-width: 560px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              .table-of-contents__navigation {
                width: 100%;
                margin-right: auto;
                margin-left: auto;
                padding-right: 1.25rem;
                padding-left: 1.25rem;
              }
            }
            @media (min-width: 350px) {
              .table-of-contents__navigation {
                max-width: 350px;
              }
            }
          }
          @media (min-width: 400px) {
            .table-of-contents__navigation {
              max-width: 400px;
            }
          }
        }
        @media (min-width: 480px) {
          .table-of-contents__navigation {
            max-width: 480px;
          }
        }
      }
      @media (min-width: 520px) {
        .table-of-contents__navigation {
          max-width: 520px;
        }
      }
    }
    @media (min-width: 560px) {
      .table-of-contents__navigation {
        max-width: 560px;
      }
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                .table-of-contents__navigation {
                  width: 100%;
                  margin-right: auto;
                  margin-left: auto;
                  padding-right: 1.25rem;
                  padding-left: 1.25rem;
                }
              }
              @media (min-width: 350px) {
                .table-of-contents__navigation {
                  max-width: 350px;
                }
              }
            }
            @media (min-width: 400px) {
              .table-of-contents__navigation {
                max-width: 400px;
              }
            }
          }
          @media (min-width: 480px) {
            .table-of-contents__navigation {
              max-width: 480px;
            }
          }
        }
        @media (min-width: 520px) {
          .table-of-contents__navigation {
            max-width: 520px;
          }
        }
      }
      @media (min-width: 560px) {
        .table-of-contents__navigation {
          max-width: 560px;
        }
      }
    }
    @media (min-width: 640px) {
      .table-of-contents__navigation {
        max-width: 640px;
      }
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  .table-of-contents__navigation {
                    width: 100%;
                    margin-right: auto;
                    margin-left: auto;
                    padding-right: 1.25rem;
                    padding-left: 1.25rem;
                  }
                }
                @media (min-width: 350px) {
                  .table-of-contents__navigation {
                    max-width: 350px;
                  }
                }
              }
              @media (min-width: 400px) {
                .table-of-contents__navigation {
                  max-width: 400px;
                }
              }
            }
            @media (min-width: 480px) {
              .table-of-contents__navigation {
                max-width: 480px;
              }
            }
          }
          @media (min-width: 520px) {
            .table-of-contents__navigation {
              max-width: 520px;
            }
          }
        }
        @media (min-width: 560px) {
          .table-of-contents__navigation {
            max-width: 560px;
          }
        }
      }
      @media (min-width: 640px) {
        .table-of-contents__navigation {
          max-width: 640px;
        }
      }
    }
    @media (min-width: 768px) {
      .table-of-contents__navigation {
        max-width: 768px;
      }
    }
  }
  @media (min-width: 900px) {
    .table-of-contents__navigation {
      max-width: 900px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    .table-of-contents__navigation {
                      width: 100%;
                      margin-right: auto;
                      margin-left: auto;
                      padding-right: 1.25rem;
                      padding-left: 1.25rem;
                    }
                  }
                  @media (min-width: 350px) {
                    .table-of-contents__navigation {
                      max-width: 350px;
                    }
                  }
                }
                @media (min-width: 400px) {
                  .table-of-contents__navigation {
                    max-width: 400px;
                  }
                }
              }
              @media (min-width: 480px) {
                .table-of-contents__navigation {
                  max-width: 480px;
                }
              }
            }
            @media (min-width: 520px) {
              .table-of-contents__navigation {
                max-width: 520px;
              }
            }
          }
          @media (min-width: 560px) {
            .table-of-contents__navigation {
              max-width: 560px;
            }
          }
        }
        @media (min-width: 640px) {
          .table-of-contents__navigation {
            max-width: 640px;
          }
        }
      }
      @media (min-width: 768px) {
        .table-of-contents__navigation {
          max-width: 768px;
        }
      }
    }
    @media (min-width: 900px) {
      .table-of-contents__navigation {
        max-width: 900px;
      }
    }
  }
  @media (min-width: 1024px) {
    .table-of-contents__navigation {
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      .table-of-contents__navigation {
                        width: 100%;
                        margin-right: auto;
                        margin-left: auto;
                        padding-right: 1.25rem;
                        padding-left: 1.25rem;
                      }
                    }
                    @media (min-width: 350px) {
                      .table-of-contents__navigation {
                        max-width: 350px;
                      }
                    }
                  }
                  @media (min-width: 400px) {
                    .table-of-contents__navigation {
                      max-width: 400px;
                    }
                  }
                }
                @media (min-width: 480px) {
                  .table-of-contents__navigation {
                    max-width: 480px;
                  }
                }
              }
              @media (min-width: 520px) {
                .table-of-contents__navigation {
                  max-width: 520px;
                }
              }
            }
            @media (min-width: 560px) {
              .table-of-contents__navigation {
                max-width: 560px;
              }
            }
          }
          @media (min-width: 640px) {
            .table-of-contents__navigation {
              max-width: 640px;
            }
          }
        }
        @media (min-width: 768px) {
          .table-of-contents__navigation {
            max-width: 768px;
          }
        }
      }
      @media (min-width: 900px) {
        .table-of-contents__navigation {
          max-width: 900px;
        }
      }
    }
    @media (min-width: 1024px) {
      .table-of-contents__navigation {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
  }
  @media (min-width: 1160px) {
    .table-of-contents__navigation {
      max-width: 1160px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        .table-of-contents__navigation {
                          width: 100%;
                          margin-right: auto;
                          margin-left: auto;
                          padding-right: 1.25rem;
                          padding-left: 1.25rem;
                        }
                      }
                      @media (min-width: 350px) {
                        .table-of-contents__navigation {
                          max-width: 350px;
                        }
                      }
                    }
                    @media (min-width: 400px) {
                      .table-of-contents__navigation {
                        max-width: 400px;
                      }
                    }
                  }
                  @media (min-width: 480px) {
                    .table-of-contents__navigation {
                      max-width: 480px;
                    }
                  }
                }
                @media (min-width: 520px) {
                  .table-of-contents__navigation {
                    max-width: 520px;
                  }
                }
              }
              @media (min-width: 560px) {
                .table-of-contents__navigation {
                  max-width: 560px;
                }
              }
            }
            @media (min-width: 640px) {
              .table-of-contents__navigation {
                max-width: 640px;
              }
            }
          }
          @media (min-width: 768px) {
            .table-of-contents__navigation {
              max-width: 768px;
            }
          }
        }
        @media (min-width: 900px) {
          .table-of-contents__navigation {
            max-width: 900px;
          }
        }
      }
      @media (min-width: 1024px) {
        .table-of-contents__navigation {
          max-width: 1024px;
          padding-right: 4rem;
          padding-left: 4rem;
        }
      }
    }
    @media (min-width: 1160px) {
      .table-of-contents__navigation {
        max-width: 1160px;
      }
    }
  }
  @media (min-width: 1280px) {
    .table-of-contents__navigation {
      max-width: 1280px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          .table-of-contents__navigation {
                            width: 100%;
                            margin-right: auto;
                            margin-left: auto;
                            padding-right: 1.25rem;
                            padding-left: 1.25rem;
                          }
                        }
                        @media (min-width: 350px) {
                          .table-of-contents__navigation {
                            max-width: 350px;
                          }
                        }
                      }
                      @media (min-width: 400px) {
                        .table-of-contents__navigation {
                          max-width: 400px;
                        }
                      }
                    }
                    @media (min-width: 480px) {
                      .table-of-contents__navigation {
                        max-width: 480px;
                      }
                    }
                  }
                  @media (min-width: 520px) {
                    .table-of-contents__navigation {
                      max-width: 520px;
                    }
                  }
                }
                @media (min-width: 560px) {
                  .table-of-contents__navigation {
                    max-width: 560px;
                  }
                }
              }
              @media (min-width: 640px) {
                .table-of-contents__navigation {
                  max-width: 640px;
                }
              }
            }
            @media (min-width: 768px) {
              .table-of-contents__navigation {
                max-width: 768px;
              }
            }
          }
          @media (min-width: 900px) {
            .table-of-contents__navigation {
              max-width: 900px;
            }
          }
        }
        @media (min-width: 1024px) {
          .table-of-contents__navigation {
            max-width: 1024px;
            padding-right: 4rem;
            padding-left: 4rem;
          }
        }
      }
      @media (min-width: 1160px) {
        .table-of-contents__navigation {
          max-width: 1160px;
        }
      }
    }
    @media (min-width: 1280px) {
      .table-of-contents__navigation {
        max-width: 1280px;
      }
    }
  }
  @media (min-width: 1536px) {
    .table-of-contents__navigation {
      max-width: 1536px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            .table-of-contents__navigation {
                              width: 100%;
                              margin-right: auto;
                              margin-left: auto;
                              padding-right: 1.25rem;
                              padding-left: 1.25rem;
                            }
                          }
                          @media (min-width: 350px) {
                            .table-of-contents__navigation {
                              max-width: 350px;
                            }
                          }
                        }
                        @media (min-width: 400px) {
                          .table-of-contents__navigation {
                            max-width: 400px;
                          }
                        }
                      }
                      @media (min-width: 480px) {
                        .table-of-contents__navigation {
                          max-width: 480px;
                        }
                      }
                    }
                    @media (min-width: 520px) {
                      .table-of-contents__navigation {
                        max-width: 520px;
                      }
                    }
                  }
                  @media (min-width: 560px) {
                    .table-of-contents__navigation {
                      max-width: 560px;
                    }
                  }
                }
                @media (min-width: 640px) {
                  .table-of-contents__navigation {
                    max-width: 640px;
                  }
                }
              }
              @media (min-width: 768px) {
                .table-of-contents__navigation {
                  max-width: 768px;
                }
              }
            }
            @media (min-width: 900px) {
              .table-of-contents__navigation {
                max-width: 900px;
              }
            }
          }
          @media (min-width: 1024px) {
            .table-of-contents__navigation {
              max-width: 1024px;
              padding-right: 4rem;
              padding-left: 4rem;
            }
          }
        }
        @media (min-width: 1160px) {
          .table-of-contents__navigation {
            max-width: 1160px;
          }
        }
      }
      @media (min-width: 1280px) {
        .table-of-contents__navigation {
          max-width: 1280px;
        }
      }
    }
    @media (min-width: 1536px) {
      .table-of-contents__navigation {
        max-width: 1536px;
      }
    }
  }
  @media (min-width: 1920px) {
    .table-of-contents__navigation {
      max-width: 1920px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              .table-of-contents__navigation {
                                width: 100%;
                                margin-right: auto;
                                margin-left: auto;
                                padding-right: 1.25rem;
                                padding-left: 1.25rem;
                              }
                            }
                            @media (min-width: 350px) {
                              .table-of-contents__navigation {
                                max-width: 350px;
                              }
                            }
                          }
                          @media (min-width: 400px) {
                            .table-of-contents__navigation {
                              max-width: 400px;
                            }
                          }
                        }
                        @media (min-width: 480px) {
                          .table-of-contents__navigation {
                            max-width: 480px;
                          }
                        }
                      }
                      @media (min-width: 520px) {
                        .table-of-contents__navigation {
                          max-width: 520px;
                        }
                      }
                    }
                    @media (min-width: 560px) {
                      .table-of-contents__navigation {
                        max-width: 560px;
                      }
                    }
                  }
                  @media (min-width: 640px) {
                    .table-of-contents__navigation {
                      max-width: 640px;
                    }
                  }
                }
                @media (min-width: 768px) {
                  .table-of-contents__navigation {
                    max-width: 768px;
                  }
                }
              }
              @media (min-width: 900px) {
                .table-of-contents__navigation {
                  max-width: 900px;
                }
              }
            }
            @media (min-width: 1024px) {
              .table-of-contents__navigation {
                max-width: 1024px;
                padding-right: 4rem;
                padding-left: 4rem;
              }
            }
          }
          @media (min-width: 1160px) {
            .table-of-contents__navigation {
              max-width: 1160px;
            }
          }
        }
        @media (min-width: 1280px) {
          .table-of-contents__navigation {
            max-width: 1280px;
          }
        }
      }
      @media (min-width: 1536px) {
        .table-of-contents__navigation {
          max-width: 1536px;
        }
      }
    }
    @media (min-width: 1920px) {
      .table-of-contents__navigation {
        max-width: 1920px;
      }
    }
  }
  @media (min-width: 2560px) {
    .table-of-contents__navigation {
      max-width: 2560px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                .table-of-contents__navigation {
                                  width: 100%;
                                  margin-right: auto;
                                  margin-left: auto;
                                  padding-right: 1.25rem;
                                  padding-left: 1.25rem;
                                }
                              }
                              @media (min-width: 350px) {
                                .table-of-contents__navigation {
                                  max-width: 350px;
                                }
                              }
                            }
                            @media (min-width: 400px) {
                              .table-of-contents__navigation {
                                max-width: 400px;
                              }
                            }
                          }
                          @media (min-width: 480px) {
                            .table-of-contents__navigation {
                              max-width: 480px;
                            }
                          }
                        }
                        @media (min-width: 520px) {
                          .table-of-contents__navigation {
                            max-width: 520px;
                          }
                        }
                      }
                      @media (min-width: 560px) {
                        .table-of-contents__navigation {
                          max-width: 560px;
                        }
                      }
                    }
                    @media (min-width: 640px) {
                      .table-of-contents__navigation {
                        max-width: 640px;
                      }
                    }
                  }
                  @media (min-width: 768px) {
                    .table-of-contents__navigation {
                      max-width: 768px;
                    }
                  }
                }
                @media (min-width: 900px) {
                  .table-of-contents__navigation {
                    max-width: 900px;
                  }
                }
              }
              @media (min-width: 1024px) {
                .table-of-contents__navigation {
                  max-width: 1024px;
                  padding-right: 4rem;
                  padding-left: 4rem;
                }
              }
            }
            @media (min-width: 1160px) {
              .table-of-contents__navigation {
                max-width: 1160px;
              }
            }
          }
          @media (min-width: 1280px) {
            .table-of-contents__navigation {
              max-width: 1280px;
            }
          }
        }
        @media (min-width: 1536px) {
          .table-of-contents__navigation {
            max-width: 1536px;
          }
        }
      }
      @media (min-width: 1920px) {
        .table-of-contents__navigation {
          max-width: 1920px;
        }
      }
    }
    @media (min-width: 2560px) {
      .table-of-contents__navigation {
        max-width: 2560px;
      }
    }
  }
  .table-of-contents__navigation {
    max-width: 100%;
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  .table-of-contents__navigation {
                                    width: 100%;
                                    margin-right: auto;
                                    margin-left: auto;
                                    padding-right: 1.25rem;
                                    padding-left: 1.25rem;
                                  }
                                }
                                @media (min-width: 350px) {
                                  .table-of-contents__navigation {
                                    max-width: 350px;
                                  }
                                }
                              }
                              @media (min-width: 400px) {
                                .table-of-contents__navigation {
                                  max-width: 400px;
                                }
                              }
                            }
                            @media (min-width: 480px) {
                              .table-of-contents__navigation {
                                max-width: 480px;
                              }
                            }
                          }
                          @media (min-width: 520px) {
                            .table-of-contents__navigation {
                              max-width: 520px;
                            }
                          }
                        }
                        @media (min-width: 560px) {
                          .table-of-contents__navigation {
                            max-width: 560px;
                          }
                        }
                      }
                      @media (min-width: 640px) {
                        .table-of-contents__navigation {
                          max-width: 640px;
                        }
                      }
                    }
                    @media (min-width: 768px) {
                      .table-of-contents__navigation {
                        max-width: 768px;
                      }
                    }
                  }
                  @media (min-width: 900px) {
                    .table-of-contents__navigation {
                      max-width: 900px;
                    }
                  }
                }
                @media (min-width: 1024px) {
                  .table-of-contents__navigation {
                    max-width: 1024px;
                    padding-right: 4rem;
                    padding-left: 4rem;
                  }
                }
              }
              @media (min-width: 1160px) {
                .table-of-contents__navigation {
                  max-width: 1160px;
                }
              }
            }
            @media (min-width: 1280px) {
              .table-of-contents__navigation {
                max-width: 1280px;
              }
            }
          }
          @media (min-width: 1536px) {
            .table-of-contents__navigation {
              max-width: 1536px;
            }
          }
        }
        @media (min-width: 1920px) {
          .table-of-contents__navigation {
            max-width: 1920px;
          }
        }
      }
      @media (min-width: 2560px) {
        .table-of-contents__navigation {
          max-width: 2560px;
        }
      }
    }
    .table-of-contents__navigation {
      max-width: 100%;
    }
  }
  @media (min-width: 640px) {
    .table-of-contents__navigation {
      max-width: 640px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    .table-of-contents__navigation {
                                      width: 100%;
                                      margin-right: auto;
                                      margin-left: auto;
                                      padding-right: 1.25rem;
                                      padding-left: 1.25rem;
                                    }
                                  }
                                  @media (min-width: 350px) {
                                    .table-of-contents__navigation {
                                      max-width: 350px;
                                    }
                                  }
                                }
                                @media (min-width: 400px) {
                                  .table-of-contents__navigation {
                                    max-width: 400px;
                                  }
                                }
                              }
                              @media (min-width: 480px) {
                                .table-of-contents__navigation {
                                  max-width: 480px;
                                }
                              }
                            }
                            @media (min-width: 520px) {
                              .table-of-contents__navigation {
                                max-width: 520px;
                              }
                            }
                          }
                          @media (min-width: 560px) {
                            .table-of-contents__navigation {
                              max-width: 560px;
                            }
                          }
                        }
                        @media (min-width: 640px) {
                          .table-of-contents__navigation {
                            max-width: 640px;
                          }
                        }
                      }
                      @media (min-width: 768px) {
                        .table-of-contents__navigation {
                          max-width: 768px;
                        }
                      }
                    }
                    @media (min-width: 900px) {
                      .table-of-contents__navigation {
                        max-width: 900px;
                      }
                    }
                  }
                  @media (min-width: 1024px) {
                    .table-of-contents__navigation {
                      max-width: 1024px;
                      padding-right: 4rem;
                      padding-left: 4rem;
                    }
                  }
                }
                @media (min-width: 1160px) {
                  .table-of-contents__navigation {
                    max-width: 1160px;
                  }
                }
              }
              @media (min-width: 1280px) {
                .table-of-contents__navigation {
                  max-width: 1280px;
                }
              }
            }
            @media (min-width: 1536px) {
              .table-of-contents__navigation {
                max-width: 1536px;
              }
            }
          }
          @media (min-width: 1920px) {
            .table-of-contents__navigation {
              max-width: 1920px;
            }
          }
        }
        @media (min-width: 2560px) {
          .table-of-contents__navigation {
            max-width: 2560px;
          }
        }
      }
      .table-of-contents__navigation {
        max-width: 100%;
      }
    }
    @media (min-width: 640px) {
      .table-of-contents__navigation {
        max-width: 640px;
      }
    }
  }
  @media (min-width: 768px) {
    .table-of-contents__navigation {
      max-width: 768px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      .table-of-contents__navigation {
                                        width: 100%;
                                        margin-right: auto;
                                        margin-left: auto;
                                        padding-right: 1.25rem;
                                        padding-left: 1.25rem;
                                      }
                                    }
                                    @media (min-width: 350px) {
                                      .table-of-contents__navigation {
                                        max-width: 350px;
                                      }
                                    }
                                  }
                                  @media (min-width: 400px) {
                                    .table-of-contents__navigation {
                                      max-width: 400px;
                                    }
                                  }
                                }
                                @media (min-width: 480px) {
                                  .table-of-contents__navigation {
                                    max-width: 480px;
                                  }
                                }
                              }
                              @media (min-width: 520px) {
                                .table-of-contents__navigation {
                                  max-width: 520px;
                                }
                              }
                            }
                            @media (min-width: 560px) {
                              .table-of-contents__navigation {
                                max-width: 560px;
                              }
                            }
                          }
                          @media (min-width: 640px) {
                            .table-of-contents__navigation {
                              max-width: 640px;
                            }
                          }
                        }
                        @media (min-width: 768px) {
                          .table-of-contents__navigation {
                            max-width: 768px;
                          }
                        }
                      }
                      @media (min-width: 900px) {
                        .table-of-contents__navigation {
                          max-width: 900px;
                        }
                      }
                    }
                    @media (min-width: 1024px) {
                      .table-of-contents__navigation {
                        max-width: 1024px;
                        padding-right: 4rem;
                        padding-left: 4rem;
                      }
                    }
                  }
                  @media (min-width: 1160px) {
                    .table-of-contents__navigation {
                      max-width: 1160px;
                    }
                  }
                }
                @media (min-width: 1280px) {
                  .table-of-contents__navigation {
                    max-width: 1280px;
                  }
                }
              }
              @media (min-width: 1536px) {
                .table-of-contents__navigation {
                  max-width: 1536px;
                }
              }
            }
            @media (min-width: 1920px) {
              .table-of-contents__navigation {
                max-width: 1920px;
              }
            }
          }
          @media (min-width: 2560px) {
            .table-of-contents__navigation {
              max-width: 2560px;
            }
          }
        }
        .table-of-contents__navigation {
          max-width: 100%;
        }
      }
      @media (min-width: 640px) {
        .table-of-contents__navigation {
          max-width: 640px;
        }
      }
    }
    @media (min-width: 768px) {
      .table-of-contents__navigation {
        max-width: 768px;
      }
    }
  }
  @media (min-width: 1024px) {
    .table-of-contents__navigation {
      max-width: 1244px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      @media not all and (min-width: 1024px) {
                                        .table-of-contents__navigation {
                                          width: 100%;
                                          margin-right: auto;
                                          margin-left: auto;
                                          padding-right: 1.25rem;
                                          padding-left: 1.25rem;
                                        }
                                      }
                                      @media (min-width: 350px) {
                                        .table-of-contents__navigation {
                                          max-width: 350px;
                                        }
                                      }
                                    }
                                    @media (min-width: 400px) {
                                      .table-of-contents__navigation {
                                        max-width: 400px;
                                      }
                                    }
                                  }
                                  @media (min-width: 480px) {
                                    .table-of-contents__navigation {
                                      max-width: 480px;
                                    }
                                  }
                                }
                                @media (min-width: 520px) {
                                  .table-of-contents__navigation {
                                    max-width: 520px;
                                  }
                                }
                              }
                              @media (min-width: 560px) {
                                .table-of-contents__navigation {
                                  max-width: 560px;
                                }
                              }
                            }
                            @media (min-width: 640px) {
                              .table-of-contents__navigation {
                                max-width: 640px;
                              }
                            }
                          }
                          @media (min-width: 768px) {
                            .table-of-contents__navigation {
                              max-width: 768px;
                            }
                          }
                        }
                        @media (min-width: 900px) {
                          .table-of-contents__navigation {
                            max-width: 900px;
                          }
                        }
                      }
                      @media (min-width: 1024px) {
                        .table-of-contents__navigation {
                          max-width: 1024px;
                          padding-right: 4rem;
                          padding-left: 4rem;
                        }
                      }
                    }
                    @media (min-width: 1160px) {
                      .table-of-contents__navigation {
                        max-width: 1160px;
                      }
                    }
                  }
                  @media (min-width: 1280px) {
                    .table-of-contents__navigation {
                      max-width: 1280px;
                    }
                  }
                }
                @media (min-width: 1536px) {
                  .table-of-contents__navigation {
                    max-width: 1536px;
                  }
                }
              }
              @media (min-width: 1920px) {
                .table-of-contents__navigation {
                  max-width: 1920px;
                }
              }
            }
            @media (min-width: 2560px) {
              .table-of-contents__navigation {
                max-width: 2560px;
              }
            }
          }
          .table-of-contents__navigation {
            max-width: 100%;
          }
        }
        @media (min-width: 640px) {
          .table-of-contents__navigation {
            max-width: 640px;
          }
        }
      }
      @media (min-width: 768px) {
        .table-of-contents__navigation {
          max-width: 768px;
        }
      }
    }
    @media (min-width: 1024px) {
      .table-of-contents__navigation {
        max-width: 1244px;
      }
    }
  }
  @media (min-width: 1280px) {
    .table-of-contents__navigation {
      max-width: 1244px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      @media not all and (min-width: 1024px) {
                                        @media not all and (min-width: 1024px) {
                                          .table-of-contents__navigation {
                                            width: 100%;
                                            margin-right: auto;
                                            margin-left: auto;
                                            padding-right: 1.25rem;
                                            padding-left: 1.25rem;
                                          }
                                        }
                                        @media (min-width: 350px) {
                                          .table-of-contents__navigation {
                                            max-width: 350px;
                                          }
                                        }
                                      }
                                      @media (min-width: 400px) {
                                        .table-of-contents__navigation {
                                          max-width: 400px;
                                        }
                                      }
                                    }
                                    @media (min-width: 480px) {
                                      .table-of-contents__navigation {
                                        max-width: 480px;
                                      }
                                    }
                                  }
                                  @media (min-width: 520px) {
                                    .table-of-contents__navigation {
                                      max-width: 520px;
                                    }
                                  }
                                }
                                @media (min-width: 560px) {
                                  .table-of-contents__navigation {
                                    max-width: 560px;
                                  }
                                }
                              }
                              @media (min-width: 640px) {
                                .table-of-contents__navigation {
                                  max-width: 640px;
                                }
                              }
                            }
                            @media (min-width: 768px) {
                              .table-of-contents__navigation {
                                max-width: 768px;
                              }
                            }
                          }
                          @media (min-width: 900px) {
                            .table-of-contents__navigation {
                              max-width: 900px;
                            }
                          }
                        }
                        @media (min-width: 1024px) {
                          .table-of-contents__navigation {
                            max-width: 1024px;
                            padding-right: 4rem;
                            padding-left: 4rem;
                          }
                        }
                      }
                      @media (min-width: 1160px) {
                        .table-of-contents__navigation {
                          max-width: 1160px;
                        }
                      }
                    }
                    @media (min-width: 1280px) {
                      .table-of-contents__navigation {
                        max-width: 1280px;
                      }
                    }
                  }
                  @media (min-width: 1536px) {
                    .table-of-contents__navigation {
                      max-width: 1536px;
                    }
                  }
                }
                @media (min-width: 1920px) {
                  .table-of-contents__navigation {
                    max-width: 1920px;
                  }
                }
              }
              @media (min-width: 2560px) {
                .table-of-contents__navigation {
                  max-width: 2560px;
                }
              }
            }
            .table-of-contents__navigation {
              max-width: 100%;
            }
          }
          @media (min-width: 640px) {
            .table-of-contents__navigation {
              max-width: 640px;
            }
          }
        }
        @media (min-width: 768px) {
          .table-of-contents__navigation {
            max-width: 768px;
          }
        }
      }
      @media (min-width: 1024px) {
        .table-of-contents__navigation {
          max-width: 1244px;
        }
      }
    }
    @media (min-width: 1280px) {
      .table-of-contents__navigation {
        max-width: 1244px;
      }
    }
  }
  @media (min-width: 1536px) {
    .table-of-contents__navigation {
      max-width: 1244px;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      @media not all and (min-width: 1024px) {
                                        @media not all and (min-width: 1024px) {
                                          @media not all and (min-width: 1024px) {
                                            .table-of-contents__navigation {
                                              width: 100%;
                                              margin-right: auto;
                                              margin-left: auto;
                                              padding-right: 1.25rem;
                                              padding-left: 1.25rem;
                                            }
                                          }
                                          @media (min-width: 350px) {
                                            .table-of-contents__navigation {
                                              max-width: 350px;
                                            }
                                          }
                                        }
                                        @media (min-width: 400px) {
                                          .table-of-contents__navigation {
                                            max-width: 400px;
                                          }
                                        }
                                      }
                                      @media (min-width: 480px) {
                                        .table-of-contents__navigation {
                                          max-width: 480px;
                                        }
                                      }
                                    }
                                    @media (min-width: 520px) {
                                      .table-of-contents__navigation {
                                        max-width: 520px;
                                      }
                                    }
                                  }
                                  @media (min-width: 560px) {
                                    .table-of-contents__navigation {
                                      max-width: 560px;
                                    }
                                  }
                                }
                                @media (min-width: 640px) {
                                  .table-of-contents__navigation {
                                    max-width: 640px;
                                  }
                                }
                              }
                              @media (min-width: 768px) {
                                .table-of-contents__navigation {
                                  max-width: 768px;
                                }
                              }
                            }
                            @media (min-width: 900px) {
                              .table-of-contents__navigation {
                                max-width: 900px;
                              }
                            }
                          }
                          @media (min-width: 1024px) {
                            .table-of-contents__navigation {
                              max-width: 1024px;
                              padding-right: 4rem;
                              padding-left: 4rem;
                            }
                          }
                        }
                        @media (min-width: 1160px) {
                          .table-of-contents__navigation {
                            max-width: 1160px;
                          }
                        }
                      }
                      @media (min-width: 1280px) {
                        .table-of-contents__navigation {
                          max-width: 1280px;
                        }
                      }
                    }
                    @media (min-width: 1536px) {
                      .table-of-contents__navigation {
                        max-width: 1536px;
                      }
                    }
                  }
                  @media (min-width: 1920px) {
                    .table-of-contents__navigation {
                      max-width: 1920px;
                    }
                  }
                }
                @media (min-width: 2560px) {
                  .table-of-contents__navigation {
                    max-width: 2560px;
                  }
                }
              }
              .table-of-contents__navigation {
                max-width: 100%;
              }
            }
            @media (min-width: 640px) {
              .table-of-contents__navigation {
                max-width: 640px;
              }
            }
          }
          @media (min-width: 768px) {
            .table-of-contents__navigation {
              max-width: 768px;
            }
          }
        }
        @media (min-width: 1024px) {
          .table-of-contents__navigation {
            max-width: 1244px;
          }
        }
      }
      @media (min-width: 1280px) {
        .table-of-contents__navigation {
          max-width: 1244px;
        }
      }
    }
    @media (min-width: 1536px) {
      .table-of-contents__navigation {
        max-width: 1244px;
      }
    }
  }
  dialog .table-of-contents__navigation:has(.form) {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      @media not all and (min-width: 1024px) {
                                        @media not all and (min-width: 1024px) {
                                          @media not all and (min-width: 1024px) {
                                            @media not all and (min-width: 1024px) {
                                              .table-of-contents__navigation {
                                                width: 100%;
                                                margin-right: auto;
                                                margin-left: auto;
                                                padding-right: 1.25rem;
                                                padding-left: 1.25rem;
                                              }
                                            }
                                            @media (min-width: 350px) {
                                              .table-of-contents__navigation {
                                                max-width: 350px;
                                              }
                                            }
                                          }
                                          @media (min-width: 400px) {
                                            .table-of-contents__navigation {
                                              max-width: 400px;
                                            }
                                          }
                                        }
                                        @media (min-width: 480px) {
                                          .table-of-contents__navigation {
                                            max-width: 480px;
                                          }
                                        }
                                      }
                                      @media (min-width: 520px) {
                                        .table-of-contents__navigation {
                                          max-width: 520px;
                                        }
                                      }
                                    }
                                    @media (min-width: 560px) {
                                      .table-of-contents__navigation {
                                        max-width: 560px;
                                      }
                                    }
                                  }
                                  @media (min-width: 640px) {
                                    .table-of-contents__navigation {
                                      max-width: 640px;
                                    }
                                  }
                                }
                                @media (min-width: 768px) {
                                  .table-of-contents__navigation {
                                    max-width: 768px;
                                  }
                                }
                              }
                              @media (min-width: 900px) {
                                .table-of-contents__navigation {
                                  max-width: 900px;
                                }
                              }
                            }
                            @media (min-width: 1024px) {
                              .table-of-contents__navigation {
                                max-width: 1024px;
                                padding-right: 4rem;
                                padding-left: 4rem;
                              }
                            }
                          }
                          @media (min-width: 1160px) {
                            .table-of-contents__navigation {
                              max-width: 1160px;
                            }
                          }
                        }
                        @media (min-width: 1280px) {
                          .table-of-contents__navigation {
                            max-width: 1280px;
                          }
                        }
                      }
                      @media (min-width: 1536px) {
                        .table-of-contents__navigation {
                          max-width: 1536px;
                        }
                      }
                    }
                    @media (min-width: 1920px) {
                      .table-of-contents__navigation {
                        max-width: 1920px;
                      }
                    }
                  }
                  @media (min-width: 2560px) {
                    .table-of-contents__navigation {
                      max-width: 2560px;
                    }
                  }
                }
                .table-of-contents__navigation {
                  max-width: 100%;
                }
              }
              @media (min-width: 640px) {
                .table-of-contents__navigation {
                  max-width: 640px;
                }
              }
            }
            @media (min-width: 768px) {
              .table-of-contents__navigation {
                max-width: 768px;
              }
            }
          }
          @media (min-width: 1024px) {
            .table-of-contents__navigation {
              max-width: 1244px;
            }
          }
        }
        @media (min-width: 1280px) {
          .table-of-contents__navigation {
            max-width: 1244px;
          }
        }
      }
      @media (min-width: 1536px) {
        .table-of-contents__navigation {
          max-width: 1244px;
        }
      }
    }
    dialog .table-of-contents__navigation:has(.form) {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }
  @media (min-width: 1024px) {
    .table-of-contents__content .table-of-contents__navigation {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media not all and (min-width: 1024px) {
    @media not all and (min-width: 1024px) {
      @media not all and (min-width: 1024px) {
        @media not all and (min-width: 1024px) {
          @media not all and (min-width: 1024px) {
            @media not all and (min-width: 1024px) {
              @media not all and (min-width: 1024px) {
                @media not all and (min-width: 1024px) {
                  @media not all and (min-width: 1024px) {
                    @media not all and (min-width: 1024px) {
                      @media not all and (min-width: 1024px) {
                        @media not all and (min-width: 1024px) {
                          @media not all and (min-width: 1024px) {
                            @media not all and (min-width: 1024px) {
                              @media not all and (min-width: 1024px) {
                                @media not all and (min-width: 1024px) {
                                  @media not all and (min-width: 1024px) {
                                    @media not all and (min-width: 1024px) {
                                      @media not all and (min-width: 1024px) {
                                        @media not all and (min-width: 1024px) {
                                          @media not all and (min-width: 1024px) {
                                            @media not all and (min-width: 1024px) {
                                              @media not all and (min-width: 1024px) {
                                                .table-of-contents__navigation {
                                                  width: 100%;
                                                  margin-right: auto;
                                                  margin-left: auto;
                                                  padding-right: 1.25rem;
                                                  padding-left: 1.25rem;
                                                }
                                              }
                                              @media (min-width: 350px) {
                                                .table-of-contents__navigation {
                                                  max-width: 350px;
                                                }
                                              }
                                            }
                                            @media (min-width: 400px) {
                                              .table-of-contents__navigation {
                                                max-width: 400px;
                                              }
                                            }
                                          }
                                          @media (min-width: 480px) {
                                            .table-of-contents__navigation {
                                              max-width: 480px;
                                            }
                                          }
                                        }
                                        @media (min-width: 520px) {
                                          .table-of-contents__navigation {
                                            max-width: 520px;
                                          }
                                        }
                                      }
                                      @media (min-width: 560px) {
                                        .table-of-contents__navigation {
                                          max-width: 560px;
                                        }
                                      }
                                    }
                                    @media (min-width: 640px) {
                                      .table-of-contents__navigation {
                                        max-width: 640px;
                                      }
                                    }
                                  }
                                  @media (min-width: 768px) {
                                    .table-of-contents__navigation {
                                      max-width: 768px;
                                    }
                                  }
                                }
                                @media (min-width: 900px) {
                                  .table-of-contents__navigation {
                                    max-width: 900px;
                                  }
                                }
                              }
                              @media (min-width: 1024px) {
                                .table-of-contents__navigation {
                                  max-width: 1024px;
                                  padding-right: 4rem;
                                  padding-left: 4rem;
                                }
                              }
                            }
                            @media (min-width: 1160px) {
                              .table-of-contents__navigation {
                                max-width: 1160px;
                              }
                            }
                          }
                          @media (min-width: 1280px) {
                            .table-of-contents__navigation {
                              max-width: 1280px;
                            }
                          }
                        }
                        @media (min-width: 1536px) {
                          .table-of-contents__navigation {
                            max-width: 1536px;
                          }
                        }
                      }
                      @media (min-width: 1920px) {
                        .table-of-contents__navigation {
                          max-width: 1920px;
                        }
                      }
                    }
                    @media (min-width: 2560px) {
                      .table-of-contents__navigation {
                        max-width: 2560px;
                      }
                    }
                  }
                  .table-of-contents__navigation {
                    max-width: 100%;
                  }
                }
                @media (min-width: 640px) {
                  .table-of-contents__navigation {
                    max-width: 640px;
                  }
                }
              }
              @media (min-width: 768px) {
                .table-of-contents__navigation {
                  max-width: 768px;
                }
              }
            }
            @media (min-width: 1024px) {
              .table-of-contents__navigation {
                max-width: 1244px;
              }
            }
          }
          @media (min-width: 1280px) {
            .table-of-contents__navigation {
              max-width: 1244px;
            }
          }
        }
        @media (min-width: 1536px) {
          .table-of-contents__navigation {
            max-width: 1244px;
          }
        }
      }
      dialog .table-of-contents__navigation:has(.form) {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    }
    @media (min-width: 1024px) {
      .table-of-contents__content .table-of-contents__navigation {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
  }
  .tabsSlider__content .table-of-contents__navigation {
    border-radius: 5px;
  }
}
@media (min-width: 1024px) {
  .table-of-contents__navigation {
    position: sticky;
    max-width: 200px;
  }
}
.table-of-contents__navigation-title {
  margin-bottom: 1rem;
  margin-top: 0;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
}
.table-of-contents__links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
[dir="ltr"] .table-of-contents__links {
  padding-left: 1rem;
}
[dir="rtl"] .table-of-contents__links {
  padding-right: 1rem;
}
.table-of-contents__link {
  font-size: 0.875rem;
  line-height: 1.5625rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.table-of-contents__link.active,
.table-of-contents__link:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  text-decoration-line: underline;
  text-shadow: 0 0 0.8px;
}
.table-of-contents__link a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  display: block;
  line-height: 1.5;
}
.table-of-contents__ctas {
  margin-top: 1.5rem;
  display: none;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .table-of-contents__ctas {
    display: flex;
  }
}
.table-of-contents__ctas .button--primary-small {
  white-space: normal;
}
.table-of-contents__content {
  width: 100%;
  flex: 1 1 0%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .table-of-contents__content .container,
  .table-of-contents__content .\!container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .table-of-contents .banner__content {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .table-of-contents .slider__slide__wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .table-of-contents .slider__slide__wrapper .button {
    white-space: normal;
  }
}
@media (min-width: 768px) {
  .table-of-contents .slider__slide-image {
    max-width: 350px;
  }
}
.table-of-contents .slider .carousel__nav {
  margin-top: 0;
}
.table-of-contents .slider .slider__header {
  margin-bottom: 0;
}
.table-of-contents .slider .carousel__arrow-button {
  width: 28px;
}
@media (min-width: 768px) {
  .table-of-contents .slider .carousel__arrow-button {
    width: 10px;
  }
}
@media (min-width: 1024px) {
  .table-of-contents .slider .js-previous {
    margin-left: 0;
  }
  .table-of-contents .slider .js-next {
    margin-right: 0;
  }
}
.table-of-contents figure img {
  width: 100%;
}
.button--text:hover .tabsSlider {
  background-size: 100% 100%;
}
.button--text .tabsSlider {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabsSlider {
  background-position: 100% 100%;
}
.button--text .tabsSlider {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider {
  margin-top: 0.25rem;
}
.tabsSlider {
  position: relative;
  z-index: 20;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .tabsSlider {
    margin-bottom: 0;
  }
}
.tabsSlider__text-content {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: flex;
  max-width: 94ch;
  flex-direction: column;
  gap: 1.25rem;
  text-align: center;
}
.tabsSlider__content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  padding: 2.5rem 0.75rem;
}
.tabsSlider__content.active {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  padding: 2.5rem 0.75rem;
}
.tabsSlider__content.fade-in {
  animation: 0.4s cubic-bezier(0.58, 0.52, 0.82, 0.62) fadein;
}
.tabsSlider__content > *:first-child {
  margin-top: 0;
}
.tabsSlider__content > *:last-child {
  margin-bottom: 0;
}
.tabsSlider__content .container,
.tabsSlider__content .\!container {
  border-radius: 5px;
}
.tabsSlider__content.whiteWithShadow > section {
  box-shadow: 0 0 16px -8px #0000001a, 0 13px 24.3px -13px #242a3540;
  background: linear-gradient(
    180deg,
    rgba(226, 229, 230, 0.02) 27.5%,
    rgba(152, 103, 175, 0.03) 49.5%,
    rgba(82, 0, 121, 0.03) 70.5%,
    rgba(0, 88, 121, 0.02) 99.98%,
    rgba(255, 255, 255, 0) 99.99%
  );
}
.tabsSlider__menu {
  width: 100%;
}
.tabsSlider__title {
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  transition-duration: 0.3s;
}
.tabsSlider__subTitle {
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), var(--tw-text-opacity));
  opacity: 0.7;
}
.tabsSlider__icon {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
}
.tabsSlider__icon svg {
  width: 100%;
  max-width: 45px;
  transition-duration: 0.3s;
}
.tabsSlider__item .carousel__pips {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.tabsSlider__bar .header__mega-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tabsSlider__bar .header__mega-link:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tabsSlider__bar {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  height: 0.25rem;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.tabsSlider__bar .fill-bar {
  height: 0.25rem;
  width: 0px;
  border-radius: 9999px;
}
[dir="ltr"] .tabsSlider__bar .fill-bar {
  background-image: linear-gradient(
    90deg,
    #2e5ac2 0%,
    #2e5ac2 58.22%,
    #000000 129.38%
  );
}
[dir="rtl"] .tabsSlider__bar .fill-bar {
  background-image: linear-gradient(
    90deg,
    #000000 0%,
    #2e5ac2 58.22%,
    #2e5ac2 129.38%
  );
}
.tabsSlider .carousel__slide {
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.7s;
}
.tabsSlider .carousel__slide.is-current {
  opacity: 1;
}
.tabsSlider .carousel__slides {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.button--text:hover .tabsSlider .carouselSlider__nav {
  background-size: 100% 100%;
}
.button--text .tabsSlider .carouselSlider__nav {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabsSlider .carouselSlider__nav {
  background-position: 100% 100%;
}
.button--text .tabsSlider .carouselSlider__nav {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider .carouselSlider__nav {
  margin-top: 0.25rem;
}
.tabsSlider .carouselSlider__nav {
  position: relative;
  z-index: 20;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 0;
}
@media (min-width: 768px) {
  .tabsSlider .carouselSlider__nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.tabsSlider
  .carouselSlider__nav.is-scrollable:not(.scroll-start)
  .tabs__button--start {
  display: block;
}
.tabsSlider
  .carouselSlider__nav.is-scrollable:not(.scroll-end)
  .tabs__button--end {
  display: block;
}
.button--text:hover .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
  background-size: 100% 100%;
}
.button--text .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav {
  background-position: 100% 100%;
}
.button--text .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
  margin-top: 0.25rem;
}
.tabsSlider .carouselSlider__nav .carousel__thumb-nav {
  position: relative;
  display: flex;
  width: 100%;
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
}
@media (min-width: 768px) {
  .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
    overflow: auto;
  }
}
.tabsSlider .carouselSlider__nav .carousel__thumb-nav::-webkit-scrollbar {
  display: none;
}
.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
  scroll-snap-align: center;
  height: auto;
  width: 60%;
  flex: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
    width: auto;
    flex: 1 1 0%;
  }
}
.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
  display: grid;
  place-items: center;
  opacity: 0.6;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (min-width: 768px) {
  .tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
    opacity: 0.9;
  }
  .tabsSlider
    .carouselSlider__nav
    .carousel__thumb-nav
    .tabscarousel__thumb:hover
    .tabsSlider__title {
    --tw-text-opacity: 1;
    color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  }
  .tabsSlider
    .carouselSlider__nav
    .carousel__thumb-nav
    .tabscarousel__thumb:hover
    .tabsSlider__icon
    svg {
    fill: rgb(var(--color-brand-500));
  }
  .tabsSlider
    .carouselSlider__nav
    .carousel__thumb-nav
    .tabscarousel__thumb:hover
    .tabsSlider__icon
    svg
    path {
    stroke: currentColor;
    --tw-text-opacity: 1;
    color: rgba(var(--color-brand-300), var(--tw-text-opacity));
  }
}
.tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav
  .tabscarousel__thumb.is-current {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  opacity: 1;
}
.tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav
  .tabscarousel__thumb.is-current
  .tabsSlider__title {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav
  .tabscarousel__thumb.is-current
  .tabsSlider__icon
  svg {
  fill: rgb(var(--color-brand-500));
}
.tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav
  .tabscarousel__thumb.is-current
  .tabsSlider__icon
  svg
  path {
  stroke: currentColor;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-300), var(--tw-text-opacity));
}
.tabsSlider
  .carouselSlider__nav
  .carousel__thumb-nav
  .tabscarousel__thumb
  .carousel__pips:hover {
  text-decoration-line: none;
}
.tabsSlider .media-with-text__content {
  margin-bottom: 1.5rem;
}
.tabsSlider .media-with-text__inner {
  padding: 0;
}
.tabsSlider .media-with-text__item-copy {
  margin: 0;
}
.tabsSlider .media-with-text__grid .shadow-image {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tabsSlider .media-with-text__items-wrap .media-items-list {
  margin: 0;
  list-style-type: none;
  gap: 1rem;
  padding: 0;
}
.button--text:hover .tabsSlider .media-with-text__items-wrap ul li {
  background-size: 100% 100%;
}
.button--text .tabsSlider .media-with-text__items-wrap ul li {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabsSlider .media-with-text__items-wrap ul li {
  background-position: 100% 100%;
}
.button--text .tabsSlider .media-with-text__items-wrap ul li {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider .media-with-text__items-wrap ul li {
  margin-top: 0.25rem;
}
.tabsSlider .media-with-text__items-wrap ul li {
  position: relative;
  margin-bottom: 0;
}
[dir="ltr"] .tabsSlider .media-with-text__items-wrap ul li {
  padding-left: 2rem;
}
[dir="rtl"] .tabsSlider .media-with-text__items-wrap ul li {
  padding-right: 2rem;
}
.tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-copy {
  margin-top: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
  font-weight: 400;
}
.tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-cta {
  display: flex;
}
[dir="ltr"]
  .tabsSlider
  .media-with-text__items-wrap
  ul
  li
  .media-items-list__item-cta {
  margin-left: -2rem;
}
[dir="rtl"]
  .tabsSlider
  .media-with-text__items-wrap
  ul
  li
  .media-items-list__item-cta {
  margin-right: -2rem;
}
[dir="ltr"] .tabsSlider .media-with-text__items-wrap ul li:before {
  left: 0px;
}
[dir="rtl"] .tabsSlider .media-with-text__items-wrap ul li:before {
  right: 0px;
}
.tabsSlider .media-with-text__items-wrap ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  color: #000;
  background-image: url(../images/pelcoCheckmark.0b6c8066.svg);
}
.button--text:hover .tabsSlider .carousel__thumbs-arrow-container {
  background-size: 100% 100%;
}
.button--text .tabsSlider .carousel__thumbs-arrow-container {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabsSlider .carousel__thumbs-arrow-container {
  background-position: 100% 100%;
}
.button--text .tabsSlider .carousel__thumbs-arrow-container {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider .carousel__thumbs-arrow-container {
  margin-top: 0.25rem;
}
.tabsSlider .carousel__thumbs-arrow-container {
  pointer-events: none;
  position: relative;
  z-index: 10;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .tabsSlider .carousel__thumbs-arrow-container {
    display: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.button--text:hover .tabsSlider .carousel__thumbs-arrow-container .arrows {
  background-size: 100% 100%;
}
.button--text .tabsSlider .carousel__thumbs-arrow-container .arrows {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"]
  .button--text
  .tabsSlider
  .carousel__thumbs-arrow-container
  .arrows {
  background-position: 100% 100%;
}
.button--text .tabsSlider .carousel__thumbs-arrow-container .arrows {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabsSlider .carousel__thumbs-arrow-container .arrows {
  margin-top: 0.25rem;
}
.tabsSlider .carousel__thumbs-arrow-container .arrows {
  position: relative;
  display: grid;
  height: 28px;
  width: 28px;
  cursor: pointer;
  place-content: center;
  border-radius: 5px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-400), var(--tw-border-opacity));
  --tw-bg-opacity: 0.7;
}
.tabsSlider .carousel__thumbs-arrow-container .arrows:focus {
  outline-style: dotted;
  outline-width: 1px;
}
[dir="ltr"] .tabsSlider .carousel__thumbs-arrow-container .arrows {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .tabsSlider .carousel__thumbs-arrow-container .arrows {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tabsSlider .carousel__thumbs-arrow-container svg {
  pointer-events: auto;
  height: 15px;
  width: 16px;
}
.tabsSlider .carousel__thumbs-arrow-container svg rect {
  fill: none;
}
.tabsSlider .carousel__thumbs-arrow-container svg path {
  stroke: #000;
}
.tabsSlider .carousel__thumbs-arrow-container .carousel__arrow-button {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tabs__tabs {
  --buttons-offset-y: 20px;
}
.button--text:hover .tabs__tabs {
  background-size: 100% 100%;
}
.button--text .tabs__tabs {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabs__tabs {
  background-position: 100% 100%;
}
.button--text .tabs__tabs {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabs__tabs {
  margin-top: 0.25rem;
}
.tabs__tabs {
  position: relative;
  z-index: 20;
  margin: 1rem -1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .tabs__tabs {
    padding-left: 0;
    padding-right: 0;
  }
}
.tabs__tabs--bubble {
  --arrow-size: 22px;
}
@media (min-width: 768px) {
  .tabs__tabs--bubble {
    --arrow-size: 30px;
  }
}
.tabs__tabs--bubble .tabs__menu {
  margin-bottom: calc(var(--arrow-size) * -1);
  padding-bottom: var(--arrow-size);
}
.tabs__tabs--underline {
  --buttons-offset-y: 18px;
}
.tabs__tabs--underline .tabs__menu:after {
  height: 1px;
  --tw-content: "";
  content: var(--tw-content);
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-bottom-width: 1px;
  border-color: rgba(var(--color-gray-600), 0.3);
}
@media (min-width: 768px) {
  .tabs__tabs--underline .tabs__menu:after {
    width: 83.333333%;
  }
}
.tabs__tabs.is-scrollable:not(.scroll-start) .tabs__button--start {
  display: block;
}
.tabs__tabs.is-scrollable:not(.scroll-end) .tabs__button--end {
  display: block;
}
.tabs__button {
  position: absolute;
  top: 0px;
  z-index: 21;
  display: none;
  height: 100%;
  width: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
  top: calc(var(--buttons-offset-y) * -1);
  height: calc(100% + var(--buttons-offset-y));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17' fill='none'><path d='M1 16L7.7572 8.5L1 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
[dir="ltr"] .tabs__button--start {
  left: 0px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .tabs__button--start,
[dir="ltr"] .tabs__button--end {
  right: 0px;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .tabs__button--end {
  left: 0px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tabs__indicator {
  position: absolute;
  bottom: 0px;
  height: 3px;
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
}
[dir="ltr"] .tabs__indicator {
  left: 0px;
}
[dir="rtl"] .tabs__indicator {
  right: 0px;
}
.tabs__indicator {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button--text:hover .tabs__menu {
  background-size: 100% 100%;
}
.button--text .tabs__menu {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabs__menu {
  background-position: 100% 100%;
}
.button--text .tabs__menu {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabs__menu {
  margin-top: 0.25rem;
}
.tabs__menu {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .tabs__menu {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.tabs__menu {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
@media (min-width: 1024px) {
  .tabs__menu {
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }
}
.tabs__menu {
  overflow-x: auto;
}
@media (min-width: 1024px) {
  .tabs__menu {
    overflow-x: visible;
  }
}
.tabs__menu::-webkit-scrollbar {
  display: none;
}
.tabs__text-content {
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .tabs__text-content {
    margin-bottom: 3.5rem;
  }
}
.tabs__text-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 94ch;
}
.tabs__tab {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .tabs__tab {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
}
.button--text:hover .tabs__tab.bubble {
  background-size: 100% 100%;
}
.button--text .tabs__tab.bubble {
  background-size: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 0.25rem;
}
[dir="rtl"] .button--text .tabs__tab.bubble {
  background-position: 100% 100%;
}
.button--text .tabs__tab.bubble {
  transition: background-size 0.6s ease;
  background-image: linear-gradient(
    transparent calc(100% - 1px),
    currentColor 1px
  );
}
.button--with-icon .tabs__tab.bubble {
  margin-top: 0.25rem;
}
.tabs__tab.bubble {
  position: relative;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-500), var(--tw-border-opacity));
  height: 100%;
  padding: 0.5rem 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .tabs__tab.bubble {
    padding: 1rem 2.5rem;
  }
}
.tabs__tab.bubble:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
}
.tabs__tab.bubble.active {
  z-index: 20;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-900), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tabs__tab.bubble.active .arrow {
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
}
.tabs__tab.bubble.active .arrow:after {
  border-width: var(--arrow-size);
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 0px;
  width: 0px;
  --tw-content: "";
  content: var(--tw-content);
  border-bottom-width: 0px;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
}
.tabs__tab.underlined {
  padding-bottom: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
  opacity: 0.7;
}
.tabs__tab.underlined.active {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
  opacity: 1;
}
.tabs__content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.tabs__content.active {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.tabs__content.fade-in {
  animation: 0.4s cubic-bezier(0.58, 0.52, 0.82, 0.62) fadein;
}
.tabs__content > *:first-child {
  margin-top: 0;
}
.tabs__content > *:last-child {
  margin-bottom: 0;
}
.tabs__content.whiteWithShadow > section {
  --tw-shadow: 0 -4px 16px -8px rgba(0, 0, 0, 0.1),
    0 13px 24.3px -13px rgba(36, 42, 53, 0.25);
  --tw-shadow-colored: 0 -4px 16px -8px var(--tw-shadow-color),
    0 13px 24.3px -13px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background: linear-gradient(
    180deg,
    rgba(226, 229, 230, 0.02) 27.5%,
    rgba(152, 103, 175, 0.03) 49.5%,
    rgba(82, 0, 121, 0.03) 70.5%,
    rgba(0, 88, 121, 0.02) 99.98%,
    rgba(255, 255, 255, 0) 99.99%
  );
}
:root {
  --plyr-color-main: rgb(var(--color-brand-500));
  --plyr-video-control-background-color: #000;
  --plyr-video-control-color: #fff;
  --plyr-video-control-background-hover: rgb(var(--color-brand-300));
}
.plyr__overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 45;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 1;
  transition: all 0.4s ease;
}
.plyr__overlay svg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: auto;
  transform: translate(-50%, -50%);
}
.plyr__overlay img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.plyr__colour-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #0000004d;
}
.plyr__is-playing {
  pointer-events: none;
  opacity: 0;
}
.widget__calculator-table {
  padding: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.widget__calculator-table__inner {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.widget__calculator-table input[type="text"] {
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}
.widget__calculator-step {
  padding: 1rem;
}
.widget__calculator-step__inner {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.widget__calculator-step__header {
  text-align: center;
  font-weight: 700;
  padding: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.widget__calculator-step__letters {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.widget__calculator-step__letters > span {
  display: inline-block;
}
.widget__calculator-step__letters > span > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 174 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.widget__calculator-step__inputs {
  padding: 2rem;
  text-align: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 209 209 / var(--tw-border-opacity));
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.-top-\[1px\] {
  top: -1px;
}
.z-10 {
  z-index: 10;
}
.z-0 {
  z-index: 0;
}
.-z-10 {
  z-index: -10;
}
.z-20 {
  z-index: 20;
}
.order-last {
  order: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-span-4 {
  grid-row: span 4 / span 4;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-auto {
  margin-top: auto;
}
.mt-20 {
  margin-top: 5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mr-auto {
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-\[1px\] {
  margin-bottom: 1px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-10 {
  height: 2.5rem;
}
.h-6 {
  height: 1.5rem;
}
.h-full {
  height: 100%;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-3 {
  height: 0.75rem;
}
.w-10 {
  width: 2.5rem;
}
.w-4 {
  width: 1rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3 {
  width: 0.75rem;
}
.w-6 {
  width: 1.5rem;
}
.w-1\/4 {
  width: 25%;
}
.w-full {
  width: 100%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-\[85vw\] {
  width: 85vw;
}
.w-screen {
  width: 100vw;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[38px\] {
  max-width: 38px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.grow {
  flex-grow: 1;
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.resize {
  resize: both;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-8 {
  gap: 2rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.place-self-end {
  place-self: end;
}
.overflow-hidden {
  overflow: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-brand-500 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
}
.border-black\/25 {
  border-color: #00000040;
}
.border-black\/\[\.15\] {
  border-color: #00000026;
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-500), var(--tw-bg-opacity));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-600), var(--tw-bg-opacity));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-700), var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-800), var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-900), var(--tw-bg-opacity));
}
.bg-brand-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-100), var(--tw-bg-opacity));
}
.bg-brand-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-300), var(--tw-bg-opacity));
}
.bg-brand-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
}
.bg-brand-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity));
}
.bg-brand-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-800), var(--tw-bg-opacity));
}
.bg-brand-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-900), var(--tw-bg-opacity));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-purple-100), var(--tw-bg-opacity));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-purple-600), var(--tw-bg-opacity));
}
.bg-\[\#F3F3F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-gradient-gray {
  background-image: linear-gradient(
    170.74deg,
    rgba(var(--color-gray-500), 0.3861) -0.87%,
    rgba(var(--color-purple-100), 0.2184) 75.89%,
    rgba(var(--color-gray-400), 0.39) 115.78%
  );
}
.bg-gradient-brand-purple {
  background-image: linear-gradient(
    180deg,
    rgba(var(--color-gray-200), 1) 0%,
    rgba(var(--color-gray-200), 1) 100%
  );
}
.bg-gradient-brand-gray {
  background-image: linear-gradient(
    180deg,
    rgba(var(--color-brand-700), 0.054) 0%,
    rgba(var(--color-gray-800), 0.087) 38.02%,
    rgba(var(--color-gray-800), 0.0912714) 72.4%,
    rgba(var(--color-brand-700), 0.1) 100%
  );
}
.fill-none {
  fill: none;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.text-center {
  text-align: center;
}
.text-base {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.text-xl {
  font-size: 1.125rem;
  line-height: 1.39;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.5625rem;
}
.text-lg {
  font-size: 1.0625rem;
  line-height: 1.39;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.\!font-bold {
  font-weight: 700 !important;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.leading-normal {
  line-height: 1.5;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-current {
  color: currentColor;
}
.text-brand-500 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-500), var(--tw-text-opacity));
}
.text-black\/95 {
  color: #000000f2;
}
.text-black\/60 {
  color: #0009;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-brand-900 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brand-900), var(--tw-text-opacity));
}
.text-\[\#00729D\] {
  --tw-text-opacity: 1;
  color: rgb(0 114 157 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-formStandard {
  --tw-shadow: 0 20px 40px 0px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-formSidebar {
  --tw-shadow: 0 50px 100px 0px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 50px 100px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%);
  --tw-shadow-colored: 0 6px 10px var(--tw-shadow-color),
    0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-image {
  --tw-shadow: 0 30px 40px 0px rgb(35 35 35 / 0.3);
  --tw-shadow-colored: 0 30px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-white {
  outline-color: #fff;
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1))
    drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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 {
  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);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.headline-1 {
  font-family: Spline Sans, Inter-fallback, 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";
  font-weight: 700;
  text-transform: none;
  line-height: 1.39;
}
.headline-1:not(:lang(en)) {
  font-size: clamp(2rem, 2.2vw, 2.8125rem);
}
.headline-1 {
  font-size: clamp(2rem, 2.5vw, 2.8125rem);
}
.headline-2 {
  font-family: Inter, Inter-fallback, 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";
  font-weight: 700;
  line-height: 1.39;
  font-size: clamp(1.375rem, 2.5vw, 2rem);
}
.headline-3 {
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.375rem;
  line-height: 1.39;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: clamp(1.25rem, 2.5vw, 1.375rem);
}
.headline-3-alt {
  font-family: Inter, Inter-fallback, 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";
  font-size: 1.125rem;
  line-height: 1.39;
  font-size: clamp(1.0625rem, 2.5vw, 1.125rem);
}
.headline-4-card {
  font-size: 1.125rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.125rem);
}
.headline-4-inner {
  font-size: 1.0625rem;
  line-height: 1.39;
  font-weight: 700;
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
}
.headline-4 {
  font-weight: 700;
  font-size: clamp(1.0625rem, 2.5vw, 1.25rem);
}
.paragraph {
  font-family: Inter, Inter-fallback, 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";
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hover\:bg-brand-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brand-200), var(--tw-bg-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:absolute:focus {
  position: absolute;
}
.focus\:z-40:focus {
  z-index: 40;
}
.focus\:h-12:focus {
  height: 3rem;
}
.focus\:w-64:focus {
  width: 16rem;
}
.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}
.group:hover .group-hover\:after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}
[dir="ltr"] .ltr\:ml-\[5px\] {
  margin-left: 5px;
}
[dir="ltr"] .ltr\:ml-2 {
  margin-left: 0.5rem;
}
[dir="ltr"] .ltr\:mr-auto {
  margin-right: auto;
}
[dir="ltr"] .ltr\:mr-2 {
  margin-right: 0.5rem;
}
[dir="ltr"] .ltr\:ml-auto {
  margin-left: auto;
}
[dir="ltr"] .ltr\:ml-5 {
  margin-left: 1.25rem;
}
[dir="ltr"] .ltr\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="ltr"] .ltr\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="ltr"] .ltr\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="ltr"] .ltr\:-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="ltr"] .ltr\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:mr-\[5px\] {
  margin-right: 5px;
}
[dir="rtl"] .rtl\:mr-2 {
  margin-right: 0.5rem;
}
[dir="rtl"] .rtl\:ml-auto {
  margin-left: auto;
}
[dir="rtl"] .rtl\:ml-2 {
  margin-left: 0.5rem;
}
[dir="rtl"] .rtl\:mr-auto {
  margin-right: auto;
}
[dir="rtl"] .rtl\:mr-5 {
  margin-right: 1.25rem;
}
[dir="rtl"] .rtl\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:rotate-\[-90deg\] {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:rotate-\[90deg\] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="rtl"] .rtl\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media not all and (min-width: 768px) {
  .max-md\:h-auto {
    height: auto;
  }
}
@media (min-width: 640px) {
  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .md\:sticky {
    position: sticky;
  }
  .md\:top-24 {
    top: 6rem;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .md\:block {
    display: block;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-\[60vw\] {
    width: 60vw;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:text-lg {
    font-size: 1.0625rem;
    line-height: 1.39;
  }
  .md\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  [dir="ltr"] .ltr\:md\:pr-0 {
    padding-right: 0;
  }
  [dir="rtl"] .rtl\:md\:pl-0 {
    padding-left: 0;
  }
}
@media (min-width: 900px) {
  .mdx\:block {
    display: block;
  }
  .mdx\:hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:shadow-image {
    --tw-shadow: 0 30px 40px 0px rgb(35 35 35 / 0.3);
    --tw-shadow-colored: 0 30px 40px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .tabsSlider .media-with-text__grid .lg\:shadow-image {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
      0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
      0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  [dir="ltr"] .ltr\:lg\:ml-0 {
    margin-left: 0;
  }
  [dir="rtl"] .rtl\:lg\:mr-0 {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:p-0 {
    padding: 0;
  }
  .xl\:p-5 {
    padding: 1.25rem;
  }
}