/*
 * Web fonts for the everydrop-refresh brand.
 * Files are self-hosted under this clientlib's resources folder (SIL Open Font License 1.1).
 * Inter and Roboto are variable fonts covering the full wght axis (100-900) in a single file;
 * Kanit has no variable build, so each weight used by the brand (300/400/500/700) ships as a static file.
 * latin / latin-ext are split by unicode-range so the extended set is only fetched when needed.
 */

/* ---------- Inter (variable, wght 100-900) ---------- */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Inter-Variable-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Inter-Variable-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Kanit (static weights) ---------- */

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Light-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Light-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Regular-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Regular-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Medium-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Medium-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Bold-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Kanit";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../../etc.clientlibs/everydropv2/clientlibs/fonts-refresh/resources/Kanit-Bold-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.platform-components-comparison-chart {
  background-color: #ffffff;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open span {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open span {
    font-size: 1rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__column .ribbon-holder .ribbon {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__column .ribbon-holder .ribbon {
    font-size: 1.125rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-title {
    font-size: 1rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-title span {
  font-weight: 700;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select .tool-tip {
  font-family: 'Inter', sans-serif;
}
.platform-components-comparison-chart .comparison-chart-v2__product-sku {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-sku {
    font-size: 1.4rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-sku span {
  font-weight: 700;
}
.platform-components-comparison-chart .comparison-chart-v2__product-price,
.platform-components-comparison-chart .comparison-chart-v2__product-price p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-price,
  .platform-components-comparison-chart .comparison-chart-v2__product-price p {
    font-size: 1rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .sale-price {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-price-sale .sale-price {
    font-size: 1rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .base-price,
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .discount {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-price-sale .base-price,
  .platform-components-comparison-chart .comparison-chart-v2__product-price-sale .discount {
    font-size: 0.75rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .discount {
  font-weight: 700;
}
.platform-components-comparison-chart .comparison-chart-v2__table-attribute.row-label h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__table-attribute.row-label h3 {
    font-size: 1.625rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__table-attribute.row-label p {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__table-attribute.row-label p {
    font-size: 1.125rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.row-label h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.row-label h3 {
    font-size: 1.625rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.not-available .comparison-chart-v2__product-attribute-text {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.not-available .comparison-chart-v2__product-attribute-text {
    font-size: 1.625rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2 {
  background-color: #ffffff;
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #58585a;
  margin: 0 10px 50px;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open span {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:hover,
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:focus {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:hover span,
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:focus span {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:hover svg path,
.platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open:focus svg path {
  fill: #000000;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2 .platform-components-compare-filter__dropdown-open svg path {
    fill: #000000;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__column .ribbon-holder .ribbon {
  padding: 5px;
  background-color: #1971ff;
  color: #ffffff;
}
.platform-components-comparison-chart .comparison-chart-v2__products::-webkit-scrollbar-thumb {
  background-color: #58585a;
  border: 3px solid #d9d9d9;
}
.platform-components-comparison-chart .comparison-chart-v2__product-title-link {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2__product-title {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select {
  border-radius: 0;
  box-shadow: 0 0 0 0 #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select .color-padding {
  border-radius: 0;
  box-shadow: 0 0 0 1px #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select[data-stock="outOfStock"] .color-padding:after {
  background-color: #a81414;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2__product-colors .color-select.active[data-stock="outOfStock"] .color-padding:after {
  background-color: #a81414;
}
.platform-components-comparison-chart .comparison-chart-v2__product-rating .stars-wrapper .product-stars {
  color: #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2__product-rating .stars-wrapper .product-stars .stars-active {
  color: #ff9900;
}
.platform-components-comparison-chart .comparison-chart-v2__product-rating .stars-wrapper .model-rating,
.platform-components-comparison-chart .comparison-chart-v2__product-rating .stars-wrapper .model-reviews {
  font-family: 'Inter', sans-serif !important;
}
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button {
    font-size: 0.875rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button:hover {
  border-width: 2px;
}
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button:hover,
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button:active,
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button .button-icon {
  font-size: 1.2rem;
}
@media all and (max-width: 768px) {
  .platform-components-comparison-chart .comparison-chart-v2__product-buttons .platform-components-product-card__button .button-icon {
    font-size: 1.2rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .sale-price {
  color: #a81414;
}
.platform-components-comparison-chart .comparison-chart-v2__product-price-sale .discount {
  color: #17847a;
}
.platform-components-comparison-chart .comparison-chart-v2__product-attribute-text {
  color: #000000;
}
@media all and (min-width: 1280px) {
  .platform-components-comparison-chart .comparison-chart-v2 {
    width: 73.125rem;
  }
}
@media screen and (max-height: 425px) and (orientation: landscape) {
  .platform-components-comparison-chart .comparison-chart-v2 .freeze.bottom .comparison-chart-v2__column .comparison-chart-v2__product-info:after,
  .platform-components-comparison-chart .comparison-chart-v2 .freeze.fixed .comparison-chart-v2__column .comparison-chart-v2__product-info:after {
    background-color: unset;
  }
}
.platform-components-comparison-chart .comparison-chart-v2__wrapper .nav-carousel.freeze.fixed,
.platform-components-comparison-chart .comparison-chart-v2__wrapper .nav-carousel.freeze.bottom {
  max-width: 73.125rem;
}
@media only screen and (min-width: 1024px) {
  .platform-components-comparison-chart .comparison-chart-v2__wrapper .nav-carousel.freeze.fixed.arrowPaddingDesktop,
  .platform-components-comparison-chart .comparison-chart-v2__wrapper .nav-carousel.freeze.bottom.arrowPaddingDesktop {
    max-width: calc(@template-max-width-standard - 100px);
  }
}
.platform-components-comparison-chart .comparison-chart-v2 .noProducts {
  background-color: rgba(217, 217, 217, 0.4);
}
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__table-attribute-tooltips span:before {
  color: #1d42a8;
}
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__table-attribute-tooltips span:hover::before {
  color: #1971ff;
}
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__product-attribute:nth-child(even),
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__table-attribute:nth-child(even) {
  background-color: #d9d9d9;
}
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__product-attribute:nth-child(odd),
.platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__table-attribute:nth-child(odd) {
  background-color: #ffffff;
}
@media (min-width: 1280px) {
  .platform-components-comparison-chart .comparison-chart-v2-detailed .comparison-chart-v2__wrapper.arrowDesktopPadding .pc-carousel-wrapper .arrows-track {
    width: 73.125rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.row-label {
  border-bottom: 3px solid #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute.not-available .comparison-chart-v2__product-attribute-text {
  color: #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2-minimal .comparison-chart-v2__product-attribute-tooltips span:hover {
  color: #1971ff;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2 .platform-components-compare-filter__dropdown-open {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2 .platform-components-compare-filter__dropdown-open span {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2 .platform-components-compare-filter__dropdown-open svg path {
  fill: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-price {
  color: #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-price p {
  color: #58585a;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-attribute:nth-child(odd) {
  background-color: rgba(217, 217, 217, 0.4);
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-attribute-text.row-label {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-attribute-text.row-label p {
  color: #000000;
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-attribute.row-label h3 p {
  font-size: 1.6rem;
}
@media (min-width: 1024px) {
  .platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2__product-attribute.row-label h3 p {
    font-size: 1.8rem;
  }
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2 .pc-carousel-wrapper .fade-edge-right {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.platform-components-comparison-chart .comparison-chart-v2-integrated .comparison-chart-v2 .pc-carousel-wrapper .fade-edge-left {
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.pc-carousel-wrapper .swipe-for-more div {
  color: #000000;
}
.pc-carousel-wrapper .swipe-for-more div .icons-swipe-for-more-left-wrap .icons-swipe-for-more-left,
.pc-carousel-wrapper .swipe-for-more div .icons-swipe-for-more-right-wrap .icons-swipe-for-more-left,
.pc-carousel-wrapper .swipe-for-more div .icons-swipe-for-more-left-wrap .icons-swipe-for-more-right,
.pc-carousel-wrapper .swipe-for-more div .icons-swipe-for-more-right-wrap .icons-swipe-for-more-right {
  background-color: #000000;
}
@media only screen and (max-width: 767px) {
  .product-info-section.freeze.fixed .comparison-chart-v2__product-info:after,
  .product-info-section.freeze.bottom .comparison-chart-v2__product-info:after,
  .nav-carousel.freeze.fixed .comparison-chart-v2__product-info:after,
  .nav-carousel.freeze.bottom .comparison-chart-v2__product-info:after {
    background-color: unset;
  }
}
.platform-components-compare-filter__title {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
}
.platform-components-compare-filter__dropdown-container .in-stock-filter-container .in-stock-filter-title .in-stock {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown-container .in-stock-filter-container .in-stock-filter-title .in-stock {
    font-size: 1.4rem;
  }
}
.platform-components-compare-filter__dropdown--button-label {
  font-size: 1.125rem;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button .filter-place-holder {
  font-size: 1.125rem;
}
.platform-components-compare-filter__wrapper {
  border: 1px solid #d9d9d9;
}
.platform-components-compare-filter__wrapper::-webkit-scrollbar-thumb {
  background-color: #58585a;
  border: 3px solid #d9d9d9;
}
.platform-components-compare-filter__title {
  border-bottom: 1px solid #d9d9d9;
}
.platform-components-compare-filter__dropdown-container {
  background-color: #ffffff;
}
.platform-components-compare-filter__dropdown-container .in-stock-filter-container .in-stock-filter-title {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 100%;
  text-transform: none;
  letter-spacing: 0.125rem;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown-container .in-stock-filter-container .in-stock-filter-title {
    font-size: 0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown-container.mobileMenu {
    padding: 50px 20px 20px 20px;
    transition: 200ms ease-in-out;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter-overlay {
    background-color: none;
    transition: 200ms ease-in-out;
  }
}
.platform-components-compare-filter__dropdown {
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown {
    margin: 10px 0;
  }
}
.platform-components-compare-filter__dropdown--button {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none !important;
  letter-spacing: 0.01625rem;
  border-bottom: 1px solid #58585a;
  border-top: 1px solid #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.platform-components-compare-filter__dropdown--button-label {
  font-family: Open Sans;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  color: #000000;
}
.platform-components-compare-filter__dropdown--button-label:hover,
.platform-components-compare-filter__dropdown--button-label:active,
.platform-components-compare-filter__dropdown--button-label:focus {
  color: #1971ff;
}
.platform-components-compare-filter__dropdown--button .icon-open {
  transition: 200ms ease-in-out;
  color: #000000;
}
.platform-components-compare-filter__dropdown--button .icon-open svg path {
  fill: #000000;
}
.platform-components-compare-filter__dropdown--button .icon-open:hover,
.platform-components-compare-filter__dropdown--button .icon-open:active,
.platform-components-compare-filter__dropdown--button .icon-open:focus {
  color: #1971ff;
}
.platform-components-compare-filter__dropdown--button .icon-open:hover svg path,
.platform-components-compare-filter__dropdown--button .icon-open:active svg path,
.platform-components-compare-filter__dropdown--button .icon-open:focus svg path {
  fill: #1971ff;
}
.platform-components-compare-filter__dropdown--button:hover {
  color: #000000;
  background-color: #ffffff;
}
.platform-components-compare-filter__dropdown--button:hover .platform-components-compare-filter__dropdown--button-label {
  color: #000000;
}
.platform-components-compare-filter__dropdown--button:hover .icon-open {
  color: #000000;
}
.platform-components-compare-filter__dropdown--button:hover .icon-open svg path {
  fill: #1971ff;
}
.platform-components-compare-filter__dropdown--button:focus,
.platform-components-compare-filter__dropdown--button.active {
  color: #000000;
}
.platform-components-compare-filter__dropdown--button:focus .icon-open,
.platform-components-compare-filter__dropdown--button.active .icon-open {
  color: #000000;
}
.platform-components-compare-filter__dropdown--button:focus {
  border-bottom: 1px solid #000000;
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown--button {
    font-size: 0.875rem;
  }
}
.platform-components-compare-filter__dropdown--list {
  background-color: #ffffff;
  transition: 200ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .platform-components-compare-filter__dropdown--list {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.platform-components-compare-filter__dropdown--list-button {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  letter-spacing: 0.01625rem;
  height: 45px;
  color: #000000;
  background-color: #ffffff;
}
.platform-components-compare-filter__dropdown--list-button-title {
  padding: 0 10px;
}
.platform-components-compare-filter__dropdown--list-button-check {
  transition: 200ms ease-in-out;
  background-color: transparent;
  border: 0.1em solid #000000;
}
.platform-components-compare-filter__dropdown--list-button-check svg {
  transition: 200ms ease-in-out;
}
.platform-components-compare-filter__dropdown--list-button-check svg path {
  stroke: #000000;
}
.platform-components-compare-filter__dropdown--list-button-swatch {
  transition: 200ms ease-in-out;
  border: 0.1em solid #000000;
}
.platform-components-compare-filter__dropdown--list-button-radio {
  border: 1.5px solid #58585a;
}
.platform-components-compare-filter__dropdown--list-button-radio:after {
  background: #1971ff;
}
.platform-components-compare-filter__dropdown--list-button.selected {
  color: #000000;
  background-color: #5a96ff;
  border-color: #d3d3d3;
}
.platform-components-compare-filter__dropdown--list-button.selected .platform-components-compare-filter__dropdown--list-button-check {
  background-color: transparent;
  border-color: #1971ff;
}
.platform-components-compare-filter__dropdown--list-button.selected .platform-components-compare-filter__dropdown--list-button-check svg path {
  stroke: #1971ff;
}
.platform-components-compare-filter__dropdown--list-button.selected .platform-components-compare-filter__dropdown--list-button-radio {
  border-color: #1971ff;
}
.platform-components-compare-filter__dropdown--list-button:hover,
.platform-components-compare-filter__dropdown--list-button:focus,
.platform-components-compare-filter__dropdown--list-button:active {
  color: #000000;
  background-color: #ffffff;
}
.platform-components-compare-filter__dropdown--list-button:hover .platform-components-compare-filter__dropdown--list-button-check,
.platform-components-compare-filter__dropdown--list-button:focus .platform-components-compare-filter__dropdown--list-button-check,
.platform-components-compare-filter__dropdown--list-button:active .platform-components-compare-filter__dropdown--list-button-check {
  border-color: #000000;
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown--list-button {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-compare-filter__dropdown-close .icons-close {
    color: #000000;
  }
  .platform-components-compare-filter__dropdown-close .icons-close:hover {
    color: #000000;
  }
}
.comparison-chart-v2-minimal .comparison-chart-v2__filters .platform-components-compare-filter__dropdown-container .in-stock-filter,
.comparison-chart-v2-integrated .comparison-chart-v2__filters .platform-components-compare-filter__dropdown-container .in-stock-filter {
  border-right: 1px solid #d9d9d9;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button {
  border: 1px solid #d9d9d9;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button.active {
  border: 1px solid #d9d9d9;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button:focus {
  border: 1px solid #d9d9d9;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button .label-on-border {
  color: #000000;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .filter-dropdown-selected .platform-components-compare-filter__dropdown--button .label-on-border {
    background-color: #ffffff;
  }
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button .filter-place-holder {
  color: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button .filter-place-holder:hover {
  color: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button .icon-open svg path {
  fill: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button:hover .filter-place-holder {
  color: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--button:hover .icon-open svg path {
  fill: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list {
  border: 1px solid #d9d9d9;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list.active {
  background: #ffffff;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:hover,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:active,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:focus {
  background-color: transparent !important;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:hover,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:active,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:focus {
  color: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:hover .platform-components-compare-filter__dropdown--list-button-check,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:active .platform-components-compare-filter__dropdown--list-button-check,
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button:focus .platform-components-compare-filter__dropdown--list-button-check {
  border-color: #000000;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button.selected {
  color: #1971ff;
}
.filter-dropdown-selected .platform-components-compare-filter__dropdown--list-button.selected .platform-components-compare-filter__dropdown--list-button-check {
  border-color: #1971ff;
}

.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__title {
  color: #58585a;
}
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__buttons-wrapper {
  background-color: #ffffff;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__button {
  color: #58585a;
  background-color: transparent;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__button.active {
  color: #1d42a8;
  background-color: #5a96ff;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__button.active:after {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__button:hover {
    color: #ffffff;
    background-color: #1d42a8;
    border-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__button:hover:after {
    background-color: transparent;
  }
}
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover,
.platform-components-sticky-nav--theme-01 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:focus {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-01 .dpc-sticky-breadcrumb {
  color: #58585a;
}
.platform-components-sticky-nav--theme-01 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link {
  color: #58585a;
}
.platform-components-sticky-nav--theme-01 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:hover,
.platform-components-sticky-nav--theme-01 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:focus {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-01 .slick-arrow .icons-arrow-right {
  color: #58585a;
}
.platform-components-sticky-nav--theme-01 .slick-arrow:after {
  background: linear-gradient(to left, #ffffff 45%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0)) !important;
}
.platform-components-sticky-nav--theme-01 .sticky-full-width:before {
  background-color: #ffffff;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-01 .sticky-border-bottom:after {
  background-color: unset;
}
.platform-components-sticky-nav--theme-01 .pc-menu-wrapper {
  background-color: #ffffff;
}
.platform-components-sticky-nav--theme-01 .animenu__btn__bar {
  background-color: #58585a;
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__title {
  color: #58585a;
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__buttons-wrapper {
  background-color: #f8f8f8;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__button {
  color: #58585a;
  background-color: transparent;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__button.active {
  color: #1d42a8;
  background-color: #5a96ff;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__button.active:after {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__button:hover {
    color: #ffffff;
    background-color: #1d42a8;
    border-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__button:hover:after {
    background-color: transparent;
  }
}
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover,
.platform-components-sticky-nav--theme-02 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:active {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-02 .dpc-sticky-breadcrumb {
  color: #58585a;
}
.platform-components-sticky-nav--theme-02 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link {
  color: #58585a;
}
.platform-components-sticky-nav--theme-02 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:hover,
.platform-components-sticky-nav--theme-02 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:focus {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-02 .slick-arrow .icons-arrow-right {
  color: #58585a;
}
.platform-components-sticky-nav--theme-02 .slick-arrow:after {
  background: linear-gradient(to left, #f8f8f8 45%, rgba(248, 248, 248, 0.8) 70%, rgba(248, 248, 248, 0)) !important;
}
.platform-components-sticky-nav--theme-02 .sticky-full-width:before {
  background-color: #f8f8f8;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-02 .sticky-border-bottom:after {
  background-color: unset;
}
.platform-components-sticky-nav--theme-02 .pc-menu-wrapper {
  background-color: #f8f8f8;
}
.platform-components-sticky-nav--theme-02 .animenu__btn__bar {
  background-color: #58585a;
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__title {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__buttons-wrapper {
  background-color: #080d3f;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__button {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__button.active {
  color: #1d42a8;
  background-color: #5a96ff;
  border-color: transparent;
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__button.active:after {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__button:hover {
    color: #ffffff;
    background-color: #1d42a8;
    border-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__button:hover:after {
    background-color: transparent;
  }
}
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover,
.platform-components-sticky-nav--theme-03 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:focus {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .dpc-sticky-breadcrumb {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:hover,
.platform-components-sticky-nav--theme-03 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:focus {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .slick-arrow .icons-arrow-right {
  color: #ffffff;
}
.platform-components-sticky-nav--theme-03 .slick-arrow:after {
  background: linear-gradient(to left, #080d3f 45%, rgba(8, 13, 63, 0.8) 70%, rgba(8, 13, 63, 0)) !important;
}
.platform-components-sticky-nav--theme-03 .sticky-full-width:before {
  background-color: #080d3f;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-03 .sticky-border-bottom:after {
  background-color: unset;
}
.platform-components-sticky-nav--theme-03 .pc-menu-wrapper {
  background-color: #080d3f;
}
.platform-components-sticky-nav--theme-03 .animenu__btn__bar {
  background-color: #ffffff;
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__title {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__buttons-wrapper {
  background-color: unset;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__button {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__button.active {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__button.active:after {
  background-color: unset;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__button:hover {
    color: unset;
    background-color: unset;
    border-color: unset;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__button:hover:after {
    background-color: unset;
  }
}
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover,
.platform-components-sticky-nav--theme-04 .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:focus {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .dpc-sticky-breadcrumb {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:hover,
.platform-components-sticky-nav--theme-04 .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link:focus {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .slick-arrow .icons-arrow-right {
  color: unset;
}
.platform-components-sticky-nav--theme-04 .sticky-full-width:before {
  background-color: unset;
  border-color: unset;
  border-width: 0;
  border-style: solid;
}
.platform-components-sticky-nav--theme-04 .sticky-border-bottom:after {
  background-color: unset;
}
.platform-components-sticky-nav--theme-04 .pc-menu-wrapper {
  background-color: unset;
}
.platform-components-sticky-nav--theme-04 .animenu__btn__bar {
  background-color: unset;
}
/* sticky nav */
.platform-components-sticky-nav {
  position: relative;
  z-index: 10;
}
.platform-components-sticky-nav.platform-components-sticky-nav--hidden {
  height: 0px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav.platform-components-sticky-nav--hide-mobile {
    height: 0px;
    overflow: hidden;
  }
}
.platform-components-sticky-nav .dpc-sticky-content-left {
  display: flex;
  margin-right: auto;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .dpc-sticky-content-left {
    margin-right: initial;
    flex-direction: row-reverse;
  }
}
.platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb {
    display: none;
  }
}
.platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb .icons-arrow-right {
  font-size: 24px;
  margin: 0 20px;
}
.platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link,
.platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-active-page {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 125%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0.1875rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-link,
  .platform-components-sticky-nav .dpc-sticky-content-left .dpc-sticky-breadcrumb .dpc-sticky-breadcrumb-active-page {
    font-size: 0.875rem;
  }
}
.platform-components-sticky-nav__title {
  display: none;
  visibility: hidden;
  z-index: 2;
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 125%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0.1875rem;
}
.platform-components-sticky-nav__title img {
  max-height: 70px;
  padding: 10px 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav__title {
    font-size: 0.875rem;
  }
  .platform-components-sticky-nav__title img {
    max-height: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__title {
    display: block;
    visibility: visible;
  }
}
.platform-components-sticky-nav__buttons-wrapper {
  justify-content: center;
}
.platform-components-sticky-nav__buttons-wrapper,
.platform-components-sticky-nav__menu {
  width: 100%;
  height: 70px;
  max-height: 70px;
  display: flex;
  align-items: center;
  top: 0;
  max-width: 73.125rem;
  margin: 0 auto;
}
.platform-components-sticky-nav__buttons-wrapper.slick-slider,
.platform-components-sticky-nav__menu.slick-slider {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper,
  .platform-components-sticky-nav__menu {
    transition: max-height 0.3s ease 0.3s, height 0.3s ease 0.3s;
  }
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--title,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--title {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1190px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--title.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--title.platform-components-sticky-nav--position-sticky {
    max-width: 1190px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.platform-components-sticky-nav__buttons-wrapper .slick-list,
.platform-components-sticky-nav__menu .slick-list {
  z-index: 2;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden {
  position: fixed;
  left: 0;
  transform: translateY(-100%);
  transition: all 0.3s ease 0.3s;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
  visibility: visible;
  max-height: 70px;
  transform: translateY(0%);
  top: 0;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
    animation: sticky-nav-negative-reveal 0.3s ease;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
    max-height: 70px;
  }
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
  transition: transform 0.3s ease, height 0.3s ease, max-height 0.3s ease;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
  transform: translateY(-100%);
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--shrink.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--shrink.platform-components-sticky-nav--position-sticky {
    animation: sticky-nav-hidden-shrink-reveal 0.6s ease;
  }
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
  position: fixed;
  visibility: visible;
  max-height: 70px;
  transform: translateY(0);
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.3s ease, height 0.3s ease, max-height 0.3s ease;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
  transform: translateY(-100%);
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper:hover,
  .platform-components-sticky-nav__menu:hover {
    transition: height 0.3s ease;
  }
}
.platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button,
.platform-components-sticky-nav__menu .platform-components-sticky-nav__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  margin: 0 2px;
  position: relative;
  outline: none !important;
  text-decoration: none;
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 100%;
  font-size: 1rem;
  text-transform: capitalize;
  letter-spacing: 0.01625rem;
  height: 30px;
  border-radius: 24px;
  border-width: 0;
  border-style: solid;
  transition: height 0.3s ease 0.3s, background-color 0.2s ease, color 0.2s ease;
  z-index: 2;
}
.platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button:after,
.platform-components-sticky-nav__menu .platform-components-sticky-nav__button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: scaleX(0);
  height: 0;
  opacity: 0;
  transform-origin: center;
  transition: all 0.2s ease;
  z-index: 1;
}
.platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button.active,
.platform-components-sticky-nav__menu .platform-components-sticky-nav__button.active {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button.active:after,
.platform-components-sticky-nav__menu .platform-components-sticky-nav__button.active:after {
  transform: scaleX(0);
  height: 0;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button:hover,
  .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover {
    height: 30px;
  }
  .platform-components-sticky-nav__buttons-wrapper .platform-components-sticky-nav__button:hover:after,
  .platform-components-sticky-nav__menu .platform-components-sticky-nav__button:hover:after {
    height: 0;
    transform: scaleX(0);
    opacity: 0;
  }
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky {
  position: fixed;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky .button-next,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky .button-next {
  right: 0.625rem;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky .button-prev,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky .button-prev {
  left: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover),
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover) {
    height: 45px;
    max-height: 45px;
    transition: max-height 0.3s ease 0.3s, height 0.3s ease 0.3s;
  }
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover) .platform-components-sticky-nav__button,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover) .platform-components-sticky-nav__button {
    height: 30px;
    transition: height 0.3s ease 0.3s;
  }
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover).platform-components-sticky-nav--drop,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover).platform-components-sticky-nav--drop {
    transition: transform 0.3s ease, height 0.3s ease, max-height 0.3s ease;
  }
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover).platform-components-sticky-nav--drop .platform-components-sticky-nav__button,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:not(:hover).platform-components-sticky-nav--drop .platform-components-sticky-nav__button {
    transition: height 0.3s ease;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:hover .platform-components-sticky-nav__button,
  .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--scrolling-down:hover .platform-components-sticky-nav__button {
    transition: height 0.3s ease;
  }
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop {
  transition: transform 0.3s ease, height 0.3s ease, max-height 0.3s ease;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop .platform-components-sticky-nav__button,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop .platform-components-sticky-nav__button {
  transition: height 0.3s ease;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop-hide,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--shrink.platform-components-sticky-nav--drop-hide {
  transform: translateY(-100%);
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up {
  transform: translateY(0);
  transition: all 0.3s ease 0.3s;
  animation: none;
}
.platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--scrolling-down,
.platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--scrolling-down {
  transform: translateY(-110%);
}
.platform-components-sticky-nav__buttons-wrapper.sticky-border-bottom:after,
.platform-components-sticky-nav__menu.sticky-border-bottom:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0%;
  right: 0%;
  width: 100%;
  height: 2px;
  bottom: 0;
  z-index: 2;
}
.platform-components-sticky-nav__buttons-wrapper.sticky-full-width.platform-components-sticky-nav__buttons-wrapper,
.platform-components-sticky-nav__menu.sticky-full-width.platform-components-sticky-nav__buttons-wrapper {
  border-width: 0px!important;
}
.platform-components-sticky-nav__buttons-wrapper.sticky-full-width:before,
.platform-components-sticky-nav__menu.sticky-full-width:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  height: 100%;
  top: 0;
  z-index: 1;
}
.platform-components-sticky-nav__buttons-wrapper.sticky-full-width.sticky-border-bottom:after,
.platform-components-sticky-nav__menu.sticky-full-width.sticky-border-bottom:after {
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
}
.platform-components-sticky-nav .slick-track {
  transition: transform 0.3s ease;
}
.platform-components-sticky-nav .slick-arrow {
  text-decoration: none;
  height: calc(98%);
  width: 50px;
  position: absolute;
  z-index: 3;
  padding: 0;
  -webkit-appearance: initial;
}
.platform-components-sticky-nav .slick-arrow:hover,
.platform-components-sticky-nav .slick-arrow:active,
.platform-components-sticky-nav .slick-arrow:focus {
  outline: none !important;
}
.platform-components-sticky-nav .slick-arrow .icons-arrow-right {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  font-size: 1.5rem;
}
.platform-components-sticky-nav .slick-arrow:after {
  content: '';
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.platform-components-sticky-nav .button-next {
  right: 0;
}
.platform-components-sticky-nav .button-next:after {
  right: 0;
}
.platform-components-sticky-nav .button-prev {
  transform: scaleX(-1);
  left: 0;
}
.platform-components-sticky-nav .button-prev:after {
  left: 0;
}
@media only screen and (min-width: 768px) {
  .platform-components-sticky-nav {
    height: 70px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky {
    top: 0px;
    z-index: 999;
    right: 0px;
    left: 0px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--scrolling-down {
    top: -20px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--drop {
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--drop-hide {
    transform: translateY(-100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom {
    top: unset;
    bottom: 0;
    transition: all 0.3s ease 0.3s;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--position-sticky {
    animation: sticky-nav-reveal 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--only-scroll-up {
    transform: translateY(0%);
    top: unset;
    bottom: 0;
    transition: transform 0.3s ease 0.3s;
    animation: none;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--scrolling-down {
    transition: transform 0.3s ease 0.3s, bottom 0s linear 0.6s;
    transform: translateY(100%);
    bottom: -70px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    transform: translateY(0);
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--shrink.platform-components-sticky-nav--position-sticky {
    animation: sticky-nav-hidden-shrink-reveal-reverse 0.6s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--hidden {
    top: unset;
    bottom: 0;
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky-bottom.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
    transform: translateY(0);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--position-sticky-bottom:hover {
    transition: height 0.3s ease;
  }
}
@media only screen and (max-width: 1023px) {
  .platform-components-sticky-nav {
    height: 70px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper button {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav {
    height: 70px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu {
    height: 70px;
    max-height: 70px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper button.platform-components-sticky-nav__button,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu button.platform-components-sticky-nav__button {
    width: auto !important;
    height: 30px;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky {
    height: 70px;
    bottom: -70px;
    width: 100%;
    z-index: 9999;
    transition: transform 0.3s ease 0.3s;
    transform: translateY(-100%);
    top: unset;
    left: 0;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky {
    transform: translateY(-100%);
    transition: all 0.3s ease 0.3s;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--scrolling-down,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--scrolling-down {
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden {
    left: unset;
    top: unset;
    bottom: 0;
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--drop {
    transition: transform 0.3s ease, height 0.3s ease, max-height 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
    transform: translateY(0%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    left: 0;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    transform: translateY(0);
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(-100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky {
    transition: none;
    top: 0;
    bottom: unset;
    transform: none;
    transform: translateY(0%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden {
    transition: all 0.3s ease 0.3s;
    transform: translateY(-100%);
    top: 0;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky {
    transform: translateY(0);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    left: 0;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--hidden.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(-100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--only-scroll-up,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--only-scroll-up {
    transition: transform 0.3s ease 0.3s;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--scrolling-down,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--only-scroll-up.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--scrolling-down {
    transform: translateY(-100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop {
    transform: translateY(0);
    transition: transform 0.3s ease;
  }
  .platform-components-sticky-nav .platform-components-sticky-nav__buttons-wrapper.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide,
  .platform-components-sticky-nav .platform-components-sticky-nav__menu.platform-components-sticky-nav--position-sticky-top-mobile.platform-components-sticky-nav--position-sticky.platform-components-sticky-nav--drop-hide {
    transform: translateY(-100%);
  }
  .platform-components-sticky-nav .platform-components-sticky-nav--hide-mobile {
    display: none;
  }
}
.platform-components-sticky-nav .pc-menu-toggle {
  z-index: 2;
  display: block;
  outline: none;
  background-color: transparent;
  border: 0;
  padding: 0;
  height: 27px;
  width: 27px;
  border: none;
  margin-right: 30px;
}
.platform-components-sticky-nav .pc-menu-toggle:hover {
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .pc-menu-toggle {
    margin-right: 0px;
    margin-left: 10px;
  }
}
.platform-components-sticky-nav .animenu__btn__bar {
  display: block;
  width: 27px;
  height: 2px;
  border-radius: 2px;
  transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.platform-components-sticky-nav .animenu__btn__bar + .animenu__btn__bar {
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .animenu__btn__bar {
    display: none;
  }
}
.platform-components-sticky-nav .icons-arrow-down {
  display: none;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .icons-arrow-down {
    display: block;
  }
}
.platform-components-sticky-nav .pc-menu-wrapper {
  display: none;
}
.platform-components-sticky-nav .pc-menu-wrapper .platform-components-sticky-nav__button:after {
  display: none;
}
.platform-components-sticky-nav .menu-active .icons-arrow-down {
  transform: rotateX(180deg);
}
.platform-components-sticky-nav .menu-active .animenu__btn__bar {
  margin: 0;
  position: absolute;
}
.platform-components-sticky-nav .menu-active .animenu__btn__bar:nth-child(1) {
  transform: rotate(45deg);
}
.platform-components-sticky-nav .menu-active .animenu__btn__bar:nth-child(2) {
  opacity: 0;
}
.platform-components-sticky-nav .menu-active .animenu__btn__bar:nth-child(3) {
  transform: rotate(-45deg);
}
.platform-components-sticky-nav .menu-active .pc-menu-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin-top: 70px;
  padding: 20px;
  z-index: 2;
  top: 0;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
}
@media only screen and (max-width: 767px) {
  .platform-components-sticky-nav .menu-active .pc-menu-wrapper {
    margin-top: 70px;
  }
}
.platform-components-sticky-nav .menu-active .pc-menu-wrapper .platform-components-sticky-nav__button {
  border: none;
}
.platform-components-sticky-nav .platform-components-sticky-nav__menu .platform-components-sticky-nav__title {
  display: block;
  visibility: visible;
}
.platform-components-sticky-nav .dpc-sticky-breadcumbs {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .platform-components-container .full-width .platform-components-sticky-nav__buttons-wrapper,
  .containerV2 .full-width .platform-components-sticky-nav__buttons-wrapper {
    margin: 0;
  }
}
@keyframes sticky-nav-reveal {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes sticky-nav-reveal-reverse {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes sticky-nav-negative-reveal {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes sticky-nav-negative-reveal-reverse {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes sticky-nav-hidden-shrink-reveal {
  from {
    transform: translateY(-100%);
    height: 45px;
    max-height: 45px;
  }
  to {
    transform: translateY(0%);
    height: 45px;
    max-height: 45px;
  }
}
@keyframes sticky-nav-hidden-shrink-reveal-reverse {
  from {
    transform: translateY(100%);
    height: 45px;
    max-height: 45px;
  }
  to {
    transform: translateY(0%);
    height: 45px;
    max-height: 45px;
  }
}

.platform-components-rich-text.platform-components-rich-text--theme-01 {
  color: #15191d;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 p,
.platform-components-rich-text.platform-components-rich-text--theme-01 h1,
.platform-components-rich-text.platform-components-rich-text--theme-01 h2,
.platform-components-rich-text.platform-components-rich-text--theme-01 h3,
.platform-components-rich-text.platform-components-rich-text--theme-01 h4,
.platform-components-rich-text.platform-components-rich-text--theme-01 h5,
.platform-components-rich-text.platform-components-rich-text--theme-01 h6,
.platform-components-rich-text.platform-components-rich-text--theme-01 b,
.platform-components-rich-text.platform-components-rich-text--theme-01 em {
  color: #15191d;
  overflow-wrap: break-word;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-box-link {
  color: #15191d;
  text-shadow: 0 0 0 #ffffff, 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 0 1.25px 0 #ffffff, 1.25px 1.25px 0 #ffffff, -1.25px 1.25px 0 #ffffff, 0 1.5px 0 #ffffff, 1.5px 1.5px 0 #ffffff, -1.5px 1.5px 0 #ffffff, 0 -1px 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff;
  background-image: linear-gradient(#000000, #000000);
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-box-link:hover {
  color: #ffffff;
  box-shadow: -4px 0 #15191d, 4px 0 #15191d;
  background-image: linear-gradient(#15191d, #15191d);
}
.platform-components-rich-text.platform-components-rich-text--theme-01 a {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 a:hover {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color p,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color b,
.platform-components-rich-text.platform-components-rich-text--theme-01 .secondary-color em {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote p,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h1,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h2,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h3,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h4,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h5,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote h6,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote b,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote em {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote:before,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-quote:after {
  background: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color p,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color b,
.platform-components-rich-text.platform-components-rich-text--theme-01 .pc-highlight-color em {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 table th {
  background: #1d42a8;
  border-color: #1d42a8;
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 table th b,
.platform-components-rich-text.platform-components-rich-text--theme-01 table th em {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-01 table td {
  background: #ffffff;
  border-color: #58585a;
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 p,
.platform-components-rich-text.platform-components-rich-text--theme-02 h1,
.platform-components-rich-text.platform-components-rich-text--theme-02 h2,
.platform-components-rich-text.platform-components-rich-text--theme-02 h3,
.platform-components-rich-text.platform-components-rich-text--theme-02 h4,
.platform-components-rich-text.platform-components-rich-text--theme-02 h5,
.platform-components-rich-text.platform-components-rich-text--theme-02 h6,
.platform-components-rich-text.platform-components-rich-text--theme-02 b,
.platform-components-rich-text.platform-components-rich-text--theme-02 em {
  color: #000000;
  overflow-wrap: break-word;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-box-link {
  color: #000000;
  text-shadow: 0 0 0 #f8f8f8, 1px 0 0 #f8f8f8, -1px 0 0 #f8f8f8, 0 1px 0 #f8f8f8, 1px 1px 0 #f8f8f8, -1px 1px 0 #f8f8f8, 0 1.25px 0 #f8f8f8, 1.25px 1.25px 0 #f8f8f8, -1.25px 1.25px 0 #f8f8f8, 0 1.5px 0 #f8f8f8, 1.5px 1.5px 0 #f8f8f8, -1.5px 1.5px 0 #f8f8f8, 0 -1px 0 #f8f8f8, -1px -1px 0 #f8f8f8, 1px -1px 0 #f8f8f8;
  background-image: linear-gradient(#000000, #000000);
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-box-link:hover {
  color: #f8f8f8;
  box-shadow: -4px 0 #000000, 4px 0 #000000;
  background-image: linear-gradient(#000000, #000000);
}
.platform-components-rich-text.platform-components-rich-text--theme-02 a {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 a:hover {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color p,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color b,
.platform-components-rich-text.platform-components-rich-text--theme-02 .secondary-color em {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote p,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h1,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h2,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h3,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h4,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h5,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote h6,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote b,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote em {
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote:before,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-quote:after {
  background: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color p,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color b,
.platform-components-rich-text.platform-components-rich-text--theme-02 .pc-highlight-color em {
  color: #1971ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 table th {
  background: #1d42a8;
  border-color: #1d42a8;
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-02 table td {
  background: #f8f8f8;
  border-color: #58585a;
  color: #000000;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 p,
.platform-components-rich-text.platform-components-rich-text--theme-03 h1,
.platform-components-rich-text.platform-components-rich-text--theme-03 h2,
.platform-components-rich-text.platform-components-rich-text--theme-03 h3,
.platform-components-rich-text.platform-components-rich-text--theme-03 h4,
.platform-components-rich-text.platform-components-rich-text--theme-03 h5,
.platform-components-rich-text.platform-components-rich-text--theme-03 h6,
.platform-components-rich-text.platform-components-rich-text--theme-03 b,
.platform-components-rich-text.platform-components-rich-text--theme-03 em {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-box-link {
  color: #ffffff;
  text-shadow: 0 0 0 #080d3f, 1px 0 0 #080d3f, -1px 0 0 #080d3f, 0 1px 0 #080d3f, 1px 1px 0 #080d3f, -1px 1px 0 #080d3f, 0 1.25px 0 #080d3f, 1.25px 1.25px 0 #080d3f, -1.25px 1.25px 0 #080d3f, 0 1.5px 0 #080d3f, 1.5px 1.5px 0 #080d3f, -1.5px 1.5px 0 #080d3f, 0 -1px 0 #080d3f, -1px -1px 0 #080d3f, 1px -1px 0 #080d3f;
  background-image: linear-gradient(#ffffff, #ffffff);
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-box-link:hover {
  color: #080d3f;
  box-shadow: -4px 0 #ffffff, 4px 0 #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
}
.platform-components-rich-text.platform-components-rich-text--theme-03 a {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 a:hover {
  color: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color {
  color: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color p,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color b,
.platform-components-rich-text.platform-components-rich-text--theme-03 .secondary-color em {
  color: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote p,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h1,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h2,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h3,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h4,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h5,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote h6,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote b,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote em {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote:before,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-quote:after {
  background: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color {
  color: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color p,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color b,
.platform-components-rich-text.platform-components-rich-text--theme-03 .pc-highlight-color em {
  color: #7dacff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 table th {
  background: #1d42a8;
  border-color: #1d42a8;
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-03 table td {
  background: #080d3f;
  border-color: #f5f5f5;
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 p,
.platform-components-rich-text.platform-components-rich-text--theme-04 h1,
.platform-components-rich-text.platform-components-rich-text--theme-04 h2,
.platform-components-rich-text.platform-components-rich-text--theme-04 h3,
.platform-components-rich-text.platform-components-rich-text--theme-04 h4,
.platform-components-rich-text.platform-components-rich-text--theme-04 h5,
.platform-components-rich-text.platform-components-rich-text--theme-04 h6,
.platform-components-rich-text.platform-components-rich-text--theme-04 b,
.platform-components-rich-text.platform-components-rich-text--theme-04 em {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-box-link {
  color: #ffffff;
  text-shadow: 0 0 0 #010013, 1px 0 0 #010013, -1px 0 0 #010013, 0 1px 0 #010013, 1px 1px 0 #010013, -1px 1px 0 #010013, 0 1.25px 0 #010013, 1.25px 1.25px 0 #010013, -1.25px 1.25px 0 #010013, 0 1.5px 0 #010013, 1.5px 1.5px 0 #010013, -1.5px 1.5px 0 #010013, 0 -1px 0 #010013, -1px -1px 0 #010013, 1px -1px 0 #010013;
  background-image: linear-gradient(#ffffff, #ffffff);
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-box-link:hover {
  color: #010013;
  box-shadow: -4px 0 #ffffff, 4px 0 #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
}
.platform-components-rich-text.platform-components-rich-text--theme-04 a {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 a:hover {
  color: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color {
  color: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color p,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color b,
.platform-components-rich-text.platform-components-rich-text--theme-04 .secondary-color em {
  color: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote p,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h1,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h2,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h3,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h4,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h5,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote h6,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote b,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote em {
  color: #ffffff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote:before,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-quote:after {
  background: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color {
  color: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color p,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h1,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h2,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h3,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h4,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h5,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color h6,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color b,
.platform-components-rich-text.platform-components-rich-text--theme-04 .pc-highlight-color em {
  color: #5a96ff;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 table th {
  background: unset;
  border-color: unset;
  color: unset;
}
.platform-components-rich-text.platform-components-rich-text--theme-04 table td {
  background: unset;
  border-color: unset;
  color: unset;
}
@font-face {
  font-family: 'Roboto';
  src: url('../../digital-platform/clientlibs/global/resources/Roboto-Regular.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../../digital-platform/clientlibs/global/resources/OpenSans-Regular.ttf');
  font-display: swap;
}
.platform-components-rich-text {
  position: relative;
  font-family: 'Inter', sans-serif;
  font-size: 62.5%;
}
.platform-components-rich-text h1,
.platform-components-rich-text h2,
.platform-components-rich-text h3,
.platform-components-rich-text h4,
.platform-components-rich-text h5,
.platform-components-rich-text h6 {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text {
    font-size: 62.5%;
  }
}
.platform-components-rich-text h1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 108.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.875rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h1 {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text h2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 110.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.375rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h2 {
    font-size: 1.875rem;
    margin-bottom: 0px;
  }
}
.platform-components-rich-text h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h3 {
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.platform-components-rich-text h4 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 114.3%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.75rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h4 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text h5 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 116.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h5 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text h6 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text h6 {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text p,
.platform-components-rich-text ul,
.platform-components-rich-text ol,
.platform-components-rich-text li,
.platform-components-rich-text blockquote,
.platform-components-rich-text table,
.platform-components-rich-text td,
.platform-components-rich-text th {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text p,
  .platform-components-rich-text ul,
  .platform-components-rich-text ol,
  .platform-components-rich-text li,
  .platform-components-rich-text blockquote,
  .platform-components-rich-text table,
  .platform-components-rich-text td,
  .platform-components-rich-text th {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text b,
.platform-components-rich-text strong,
.platform-components-rich-text th {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
.platform-components-rich-text .overline-1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .overline-1 {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
}
.platform-components-rich-text .overline-2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .overline-2 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}
.platform-components-rich-text .subtitle-1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 115.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.625rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .subtitle-1 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text .body-1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .body-1 {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text .body-2 {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .body-2 {
    font-size: 1.4rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text .caption {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 157.1%;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.875rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .caption {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text .disclaimer {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 133%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.75rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .disclaimer {
    font-size: 0.625rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-rich-text .pc-quote {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 125%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 2.75rem;
  margin-bottom: 0px;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .pc-quote {
    font-size: 1.5625rem;
    margin-bottom: 0px;
  }
}
.platform-components-rich-text .pc-highlight-color {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 100%;
  text-transform: none;
  letter-spacing: 0.125rem;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-rich-text .pc-highlight-color {
    font-size: 1.0625rem;
    margin-bottom: 0.75rem;
  }
}
.platform-components-rich-text > *:last-child {
  margin-bottom: 0;
}
.platform-components-rich-text .pc-quote::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  max-width: 300px;
  margin: auto;
  margin-bottom: 35px;
}
.platform-components-rich-text .pc-quote::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  max-width: 300px;
  margin: auto;
  margin-top: 35px;
}
.platform-components-rich-text .pc-box-link {
  text-decoration: none;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 100% 2.5px;
  -webkit-transition: background-image 1s ease-in;
  transition: background-image 1s ease-in;
  overflow: visible;
}
.platform-components-rich-text .pc-box-link:hover {
  text-shadow: none;
  background-position: 0 90%;
  background-size: 100% 2em;
  transition: color 0.2s ease-in, background-size 0.2s ease-in, box-shadow 0.1s ease-in 0.1s;
}
.platform-components-rich-text .pc-box-link a {
  color: inherit !important;
  text-decoration: unset;
}
.platform-components-rich-text .pc-box-link a:hover {
  color: inherit;
}
.platform-components-rich-text .pc-dropped-capital {
  display: inline-block;
}
.platform-components-rich-text .pc-dropped-capital:first-letter {
  font-size: 64px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  text-decoration: none;
  line-height: .6em;
  float: left;
  margin-right: 18px;
  color: #00a0dd;
}
.platform-components-rich-text table {
  min-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border-color: transparent;
  margin-top: 20px;
  margin-bottom: 20px;
}
.platform-components-rich-text table th {
  padding: 15px;
  border: 1px solid;
  text-align: left;
}
.platform-components-rich-text table td {
  padding: 15px;
  overflow: hidden;
  border: 1px solid;
}
.platform-components-rich-text .platform-components-rich-text__table-wrapper {
  overflow-x: auto;
}

.platform-components-visual-nav {
  margin: auto;
}
.platform-components-visual-nav.transparent {
  background: transparent;
}
.platform-components-visual-nav.transparent .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card {
  background: transparent;
}
.platform-components-visual-nav.transparent .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card {
  background: transparent;
}
.platform-components-visual-nav.no-margin {
  margin-left: 0;
  margin-right: 0;
}
.platform-components-visual-nav.margin-5 {
  margin-left: -5px;
  margin-right: -5px;
}
.platform-components-visual-nav.margin-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.platform-components-visual-nav.margin-15 {
  margin-left: -15px;
  margin-right: -15px;
}
.platform-components-visual-nav:not(.pc-carousel-wrapper) {
  overflow-x: auto;
}
.platform-components-visual-nav .visual-nav-card-main {
  margin: auto;
}
.platform-components-visual-nav .visual-nav-card-main:not(.pc-carousel-container) {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .platform-components-visual-nav .visual-nav-card-main:not(.pc-carousel-container) {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main:not(.pc-carousel-container) {
    flex-wrap: initial;
  }
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper {
  display: block;
  text-decoration: none;
  text-transform: none;
  width: 100%;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.pc-carousel-item {
  height: 100%;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.pc-carousel-item) {
  flex: 0 0 50%;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.button):focus,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.button):active {
  outline: 0px !important;
  text-decoration: none;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:nth-last-child(1) {
  border-right: none;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover {
  text-decoration: none;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card {
  height: 100%;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card:hover,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card:focus {
  cursor: pointer;
  outline: none;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s ease;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-card-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-card-image img {
  max-height: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper cite {
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-bottom: 12px;
  transition: all .2s ease;
  font-style: normal;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper cite:not([class]) {
  line-height: 1.2;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper cite:before {
  content: "";
  position: absolute;
  bottom: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-rollover-image {
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
  position: absolute;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-initial-image {
  opacity: 1;
  visibility: visible;
  transition: all .2s ease;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover cite {
  cursor: pointer;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-rollover-image {
  opacity: 1;
  visibility: visible;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-initial-image {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 420px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.pc-carousel-item) {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 580px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.pc-carousel-item) {
    flex: 0 0 33.33333%;
  }
}
@media only screen and (min-width: 768px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.pc-carousel-item) {
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:not(.pc-carousel-item) {
    flex: initial;
  }
}
.platform-components-visual-nav.pc-carousel-wrapper .arrows-track {
  height: 100%;
}
.platform-components-visual-nav.pc-carousel-wrapper[data-indicators-desktop="true"] .arrows-track,
.platform-components-visual-nav.pc-carousel-wrapper[data-indicators-tablet="true"] .arrows-track,
.platform-components-visual-nav.pc-carousel-wrapper[data-indicators-mobile="true"] .arrows-track {
  height: calc(100% - 80px);
}
.platform-components-visual-nav.pc-carousel-wrapper .visual-nav-card-main {
  display: flex;
}
.platform-components-visual-nav.pc-carousel-wrapper .visual-nav-card-main .pc-carousel-item {
  opacity: 0;
  transition: 0.2s ease-in all;
}
.platform-components-visual-nav.pc-carousel-wrapper .visual-nav-card-main.slick-initialized {
  display: block;
}
.platform-components-visual-nav.pc-carousel-wrapper .visual-nav-card-main.slick-initialized .pc-carousel-item {
  opacity: 1;
}
.platform-components-visual-nav * {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.badge-small .pc-badge-image {
  height: 24px;
  width: auto;
}
.platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.badge-medium .pc-badge-image {
  height: 40px;
  width: auto;
}
.platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.badge-large .pc-badge-image {
  height: 84px;
  width: auto;
}
.platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.badge-xlarge .pc-badge-image {
  height: 185px;
  width: auto;
}
@media only screen and (min-width: 768px) {
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.md\:badge-small .pc-badge-image {
    height: 24px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.md\:badge-medium .pc-badge-image {
    height: 40px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.md\:badge-large .pc-badge-image {
    height: 84px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.md\:badge-xlarge .pc-badge-image {
    height: 185px;
    width: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.lg\:badge-small .pc-badge-image {
    height: 24px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.lg\:badge-medium .pc-badge-image {
    height: 40px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.lg\:badge-large .pc-badge-image {
    height: 84px;
    width: auto;
  }
  .platform-components-visual-nav .visual-nav-card-main a .visual-nav-card .visual-nav-content.lg\:badge-xlarge .pc-badge-image {
    height: 185px;
    width: auto;
  }
}
.visualNavigationV2 {
  position: relative;
}
.visualNavigationV2 .visual-nav-copy:hover {
  text-decoration: none;
}
.visualNavigationV2 .withicon.withicon-left {
  flex-direction: row-reverse;
}
.visualNavigationV2 .withicon.withicon-bottom {
  flex-direction: column;
}
.visualNavigationV2 .withicon [class^="icons-"],
.visualNavigationV2 .withicon [class*=" icons-"] {
  font-weight: inherit;
}
.platform-components-visual-nav {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 100%;
  font-size: 0.875rem;
  letter-spacing: 0;
  background: transparent;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav {
    margin-left: 0;
    margin-right: 0;
  }
}
.platform-components-visual-nav .visual-nav-card-main {
  max-width: none;
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper {
    border-right: 0 solid transparent;
  }
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.pc-default-pa {
  padding: 15px;
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.pc-default-pa {
    padding: 30px;
  }
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card {
  padding: 0 25px;
  background: transparent;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content {
  top: 0;
  flex-direction: column;
  justify-content: flex-end;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image {
  margin: 25px 0 0;
  width: 72px;
  height: 56px;
}
@media only screen and (min-width: 1024px) {
  .platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image {
    width: 90px;
    height: 70px;
  }
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content cite {
  color: #1971ff;
  width: 100%;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content cite:not([class]) {
  text-transform: capitalize;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content cite:before {
  background: transparent;
  height: 0;
  width: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:focus,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active {
  border-color: transparent;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:focus .visual-nav-card,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active .visual-nav-card {
  background: transparent;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:focus .visual-nav-card .visual-nav-content,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active .visual-nav-card .visual-nav-content {
  top: 0;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content cite,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:focus .visual-nav-card .visual-nav-content cite,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active .visual-nav-card .visual-nav-content cite {
  color: #1d42a8;
}
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content cite:before,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper:focus .visual-nav-card .visual-nav-content cite:before,
.platform-components-visual-nav .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active .visual-nav-card .visual-nav-content cite:before {
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5 .visual-nav-card-main {
    margin: 0.5rem 0.5rem 1.5rem;
  }
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main:not(.pc-carousel-container) {
  max-width: unset;
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper {
  flex: 0 0 20%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-bottom: auto;
  margin-top: 1.5rem;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper {
    margin-top: 1rem;
    flex: 0 0 50%;
  }
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper:nth-child(n + 11) {
  display: none;
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image {
  margin: 0 auto;
  width: 100%;
  height: 90%;
  background-color: #ffffff;
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content cite {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  text-transform: none;
  font-family: "Avenir", sans-serif;
  padding-bottom: 0;
}
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content cite:before,
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper:focus .visual-nav-card .visual-nav-content cite:before,
.platform-components-visual-nav.tiled-5 .visual-nav-card-main .visual-nav-card-wrapper.visual-nav-active .visual-nav-card .visual-nav-content cite:before {
  width: 0;
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image img {
  transition: 0.4s ease;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image img {
    width: 80%;
  }
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content .visual-nav-card-image img {
  transition: 0.4s ease;
  width: 80%;
  margin-bottom: 16%;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content .visual-nav-card-image img {
    transition: none;
    width: 80%;
    margin-bottom: unset;
  }
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content .visual-nav-card-links {
  z-index: 0;
  bottom: 5%;
  transition: 0.4s ease;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content .visual-nav-card-links {
    transition: unset;
    margin-bottom: 0.4375rem;
  }
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper:hover .visual-nav-card .visual-nav-content cite {
  color: #2e2e2e;
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card .visual-nav-content .visual-nav-card-image__wrapper {
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
  position: relative;
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card-links {
  display: flex;
  z-index: -1;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-family: "Avenir", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3125rem;
  justify-content: center;
  width: 100%;
  text-align: center;
  transition: 0.4s ease;
  position: absolute;
  bottom: -20%;
}
@media (max-width: 47.938rem) {
  .platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card-links {
    z-index: 0;
    position: relative;
    margin-bottom: 0.4375rem;
    font-size: 0.625rem;
  }
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card-links .visual-nav-card-link {
  flex-basis: 50%;
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card-links .visual-nav-card-link:hover {
  color: #a00a1d;
}
.platform-components-visual-nav.tiled-5.enhanced-nav .visual-nav-card-main .visual-nav-card-wrapper .visual-nav-card-links .visual-nav-card-link.shop-all {
  border-left: 0.0625rem solid #e2e2e5;
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.platform-components-video__js-modal-video {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.platform-components-video__js-modal-video img {
  width: 100%;
}
.modal-video-component {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1000000;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.platform-components-video__modal-close {
  opacity: 0;
}
.platform-components-video__modal-close .platform-components-video__modal-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
.platform-components-video__modal-body {
  max-width: 1080px;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.platform-components-video__modal-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}
@media only screen and (max-width: 767px) {
  .platform-components-video__modal-inner {
    padding: 40px;
  }
}
.platform-components-video__modal-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.platform-components-video__modal-movie-wrap .platform-components-video__modal-play-btn {
  outline: none !important;
  position: absolute;
  font-family: 'whirlpool-icons';
  content: '\e92d';
  font-size: 5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: none;
  height: 5rem;
  width: 5rem;
  color: #5a96ff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.platform-components-video__modal-movie-wrap .platform-components-video__modal-play-btn:hover {
  color: #1d42a8;
}
.platform-components-video__modal-movie-wrap .platform-components-video__modal-play-btn.video-playing {
  display: none;
}
.platform-components-video__modal-movie-wrap .platform-components-video__modal-play-btn .icons-video-play {
  pointer-events: none;
}
.platform-components-video__modal-movie-wrap iframe,
.platform-components-video__modal-movie-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.platform-components-video__modal-close-btn {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: none;
  background-color: transparent;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
@media only screen and (max-width: 767px) {
  .platform-components-video__modal-close-btn {
    width: 40px;
    height: 40px;
    right: -40px;
  }
}
.platform-components-video__modal-close-btn .icons-close {
  font-size: 50px;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
@media only screen and (max-width: 767px) {
  .platform-components-video__modal-close-btn .icons-close {
    font-size: 40px;
  }
}
.platform-components-video__modal-close-btn:hover {
  background-color: transparent;
}
.platform-components-video__modal-close-btn:hover .icons-close {
  color: #1971ff;
}

.platform-components-video__container {
  width: 100%;
  position: relative;
  line-height: 0;
  overflow: hidden;
}
.platform-components-video__container iframe {
  width: inherit;
}
.platform-components-video__container video {
  width: 100%;
  height: inherit;
  background-color: #f5f5f5;
}
.platform-components-video__container video::-webkit-media-controls-overlay-play-button {
  opacity: 0;
}
.platform-components-video__container:hover .platform-components-video__play-btn.video-playing + video::-webkit-media-controls-overlay-play-button {
  opacity: 1;
}
.platform-components-video__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  display: block;
  text-decoration: none;
  height: auto !important;
  margin-left: calc(10px);
  margin-right: calc(10px);
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .platform-components-video__button {
    font-size: 0.875rem;
  }
}
.platform-components-video__button:hover {
  border-width: 2px;
}
.platform-components-video__button:hover,
.platform-components-video__button:active,
.platform-components-video__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-video__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-video__button:hover,
.platform-components-video__button:active,
.platform-components-video__button:focus {
  text-decoration: none;
}
.platform-components-video__button--primary {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-video__button--primary:hover,
.platform-components-video__button--primary:active,
.platform-components-video__button--primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-video__button--secondary {
  background-color: transparent;
  color: #1971ff;
  box-shadow: inset 0 0 0 2px #1971ff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-video__button--secondary:hover,
.platform-components-video__button--secondary:active,
.platform-components-video__button--secondary:focus {
  background-color: transparent;
  color: #1d42a8;
  box-shadow: inset 0 0 0 2px #1d42a8;
}
.platform-components-video__button--tertiary {
  background-color: unset;
  padding: 0.5625rem 0;
  color: #1971ff;
  transition: color 200ms ease-out;
}
.platform-components-video__button--tertiary:hover,
.platform-components-video__button--tertiary:active,
.platform-components-video__button--tertiary:focus {
  color: #1d42a8;
}
.platform-components-video__button--tertiary:hover,
.platform-components-video__button--tertiary:active,
.platform-components-video__button--tertiary:focus {
  background-color: unset;
  padding: 0.5625rem 0;
}
.platform-components-video__button.withicon {
  display: flex;
  align-items: center;
}
.platform-components-video__button.withicon-position--left .button-text {
  order: 2;
}
.platform-components-video__button.withicon-position--left .button-icon {
  order: 1;
  margin-right: 10px;
}
.platform-components-video__button.withicon-position--right .button-text {
  order: 1;
}
.platform-components-video__button.withicon-position--right .button-icon {
  order: 2;
  margin-left: 10px;
}
.platform-components-video__button.withicon-position--top,
.platform-components-video__button.withicon-position--bottom {
  flex-direction: column;
}
.platform-components-video__button.withicon-position--bottom .button-text {
  order: 1;
}
.platform-components-video__button.withicon-position--bottom .button-icon {
  order: 2;
}
.platform-components-video__button .button-icon {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-video__button .button-icon {
    font-size: 1.2rem;
  }
}
.platform-components-video__play-btn {
  outline: none !important;
  position: absolute;
  font-size: 5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: none !important;
  height: 5rem;
  width: 5rem;
}
.platform-components-video__play-btn .icons-video-play {
  pointer-events: none;
  color: #5a96ff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.platform-components-video__play-btn:hover .icons-video-play {
  color: #1d42a8;
}
.platform-components-video__play-btn.video-playing {
  display: none;
}
.platform-components-video__youtube-container {
  background-color: #f5f5f5;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.platform-components-video__youtube-container .js-youtube-video-v2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.platform-components-video__js-modal-video img {
  width: 100%;
  height: inherit;
}
.platform-components-video__js-modal-customSize img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  z-index: 0;
}
.platform-components-video__js-youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.platform-components-video__image-play-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 5rem;
  cursor: pointer;
  color: #5a96ff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  background: none !important;
  outline: none !important;
  border: none !important;
}
.platform-components-video__image-play-icon:hover {
  color: #1d42a8;
  background: none !important;
  outline: none !important;
  border: none !important;
}
.platform-components-container .video.baseComponent {
  width: 100%;
  height: 100%;
  position: relative;
}
.platform-components-container .video.baseComponent .platform-components-video {
  height: 100%;
}
.platform-components-container .video.baseComponent .platform-components-video .platform-components-video__container {
  height: 100%;
}
.platform-components-container .video.baseComponent .platform-components-video .platform-components-video__container video {
  object-fit: cover;
}
.video.baseComponent.aem-GridColumn,
.platform-components-container .video.baseComponent {
  margin: 0;
}

.pc-vis-tabs {
  position: relative;
}
.pc-vis-tabs .cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  justify-content: center;
}
.pc-vis-tabs .cmp-tabs__tab {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
  height: inherit;
  outline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border: transparent;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}
.pc-vis-tabs .cmp-tabs__tab .tab-image {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
.pc-vis-tabs .cmp-tabs__tab .tab-image picture {
  width: 100%;
  height: 100%;
}
.pc-vis-tabs .cmp-tabs__tab .tab-image img {
  max-height: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.pc-vis-tabs .cmp-tabs__tab .tab-rollover-image,
.pc-vis-tabs .cmp-tabs__tab .tab-active-image {
  display: none;
}
.pc-vis-tabs .cmp-tabs__tab.flex-column .tab-image {
  margin-bottom: 10px;
}
.pc-vis-tabs .cmp-tabs__tab.flex-row .tab-image {
  margin-right: 5px;
}
.pc-vis-tabs .cmp-tabs__tab:hover {
  background: transparent !important;
  outline: 0 !important;
}
.pc-vis-tabs .cmp-tabs__tab:hover .tab-initial-image,
.pc-vis-tabs .cmp-tabs__tab:hover .tab-active-image {
  display: none;
}
.pc-vis-tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active):hover .tab-rollover-image {
  display: block;
}
.pc-vis-tabs .cmp-tabs__tab:focus {
  outline: 0 !important;
}
.pc-vis-tabs .cmp-tabs__tab:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
.pc-vis-tabs .cmp-tabs__tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  transition: all 0.25s ease-in-out;
  z-index: 2;
}
.pc-vis-tabs .cmp-tabs__tab--active:focus {
  outline: 0 !important;
}
.pc-vis-tabs .cmp-tabs__tabpanel {
  display: none;
  outline: none;
}
.pc-vis-tabs .cmp-tabs__tabpanel--active {
  display: block;
}
@media (min-width: 768px) {
  .pc-vis-tabs .stack-container {
    display: none;
  }
}
@media (max-width: 767px) {
  .pc-vis-tabs .cmp-tabs__tablist.hide-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .pc-vis-tabs .cmp-tabs__tabpanel.hide-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .pc-vis-tabs .cmp-tabs__tabpanel.mobile-show {
    display: block;
  }
}
.aem-AuthorLayer-Edit .pc-vis-tabs .stack-container,
.aem-AuthorLayer-Layouting .pc-vis-tabs .stack-container,
.aem-AuthorLayer-Developer .pc-vis-tabs .stack-container,
.aem-AuthorLayer-Timewarp .pc-vis-tabs .stack-container {
  display: block!important;
}
.aem-AuthorLayer-Edit .pc-vis-tabs .stack-container p,
.aem-AuthorLayer-Layouting .pc-vis-tabs .stack-container p,
.aem-AuthorLayer-Developer .pc-vis-tabs .stack-container p,
.aem-AuthorLayer-Timewarp .pc-vis-tabs .stack-container p {
  border: 1px solid #000;
  display: inline-block;
  font-weight: 800;
  padding: 5px 20px;
  background: #f1f1f1;
}
.pc-vis-tabs .cmp-tabs__tab {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  text-transform: capitalize;
  letter-spacing: 0.01625rem;
  color: #58585a;
  padding: 15px 15px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .pc-vis-tabs .cmp-tabs__tab {
    font-size: 1rem;
  }
}
.pc-vis-tabs .cmp-tabs__tab:before {
  bottom: 1px;
  height: 1px;
  background-color: #58585a;
}
.pc-vis-tabs .cmp-tabs__tab:after {
  height: 1px;
  left: 50%;
  right: 50%;
  background-color: #58585a;
  opacity: 1;
}
.pc-vis-tabs .cmp-tabs__tab:hover {
  color: #1d42a8;
}
.pc-vis-tabs .cmp-tabs__tab:hover:before {
  background-color: #58585a;
}
.pc-vis-tabs .cmp-tabs__tab:hover:after {
  background-color: #1d42a8;
  height: 3px;
  left: 0;
  right: 0;
  opacity: 1;
}
.pc-vis-tabs .cmp-tabs__tab--active {
  color: #1971ff;
}
.pc-vis-tabs .cmp-tabs__tab--active:before {
  background-color: #58585a;
}
.pc-vis-tabs .cmp-tabs__tab--active:after {
  background-color: #9fc1ff;
  height: 3px;
  left: 0;
  right: 0;
  opacity: 1;
}
.pc-vis-tabs .cmp-tabs__tab--active:hover {
  color: #1971ff;
}
.pc-vis-tabs .cmp-tabs__tab--active:hover:after {
  background-color: #9fc1ff;
}
.pc-vis-tabs .cmp-tabs__tab--active:hover .tab-active-image {
  display: block;
}
.pc-vis-tabs .cmp-tabs__tab--active .tab-rollover-image,
.pc-vis-tabs .cmp-tabs__tab--active .tab-initial-image {
  display: none;
}
.pc-vis-tabs .cmp-tabs__tab--active .tab-active-image {
  display: block;
}

.platform-components-tabs .cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  justify-content: center;
}
.platform-components-tabs .cmp-tabs__tab {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  height: inherit;
  outline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border: transparent;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}
.platform-components-tabs .cmp-tabs__tab:hover {
  background: transparent !important;
  outline: 0 !important;
}
.platform-components-tabs .cmp-tabs__tab:focus {
  outline: 0 !important;
}
.platform-components-tabs .cmp-tabs__tab:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
.platform-components-tabs .cmp-tabs__tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  transition: all 0.25s ease-in-out;
  z-index: 2;
}
.platform-components-tabs .cmp-tabs__tab--active:focus {
  outline: 0 !important;
}
.platform-components-tabs .cmp-tabs__tabpanel {
  display: none;
  outline: none;
}
.platform-components-tabs .cmp-tabs__tabpanel--active {
  display: block;
}
@media (max-width: 767px) {
  .platform-components-tabs .cmp-tabs__tabpanel.show-mobile {
    display: block;
  }
}
@media (min-width: 768px) {
  .platform-components-tabs .stack-container {
    display: none;
  }
}
@media (max-width: 767px) {
  .platform-components-tabs .cmp-tabs__tablist.hide-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .platform-components-tabs .cmp-tabs__tabpanel.hide-mobile {
    display: none;
  }
}
.platform-components-tabs .cmp-tabs__tab {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  text-transform: capitalize;
  letter-spacing: 0.01625rem;
  color: #58585a;
  padding: 15px 15px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  .platform-components-tabs .cmp-tabs__tab {
    font-size: 1rem;
  }
}
.platform-components-tabs .cmp-tabs__tab:before {
  bottom: 1px;
  height: 1px;
  background-color: #58585a;
}
.platform-components-tabs .cmp-tabs__tab:after {
  height: 1px;
  left: 50%;
  right: 50%;
  background-color: #58585a;
  opacity: 1;
}
.platform-components-tabs .cmp-tabs__tab:hover,
.platform-components-tabs .cmp-tabs__tab:focus {
  color: #1d42a8;
}
.platform-components-tabs .cmp-tabs__tab:hover:before,
.platform-components-tabs .cmp-tabs__tab:focus:before {
  background-color: #58585a;
}
.platform-components-tabs .cmp-tabs__tab:hover:after,
.platform-components-tabs .cmp-tabs__tab:focus:after {
  background-color: #1d42a8;
  height: 3px;
  left: 0;
  right: 0;
  opacity: 1;
}
.platform-components-tabs .cmp-tabs__tab--active {
  color: #1971ff;
}
.platform-components-tabs .cmp-tabs__tab--active:before {
  background-color: #58585a;
}
.platform-components-tabs .cmp-tabs__tab--active:after {
  background-color: #9fc1ff;
  height: 3px;
  left: 0;
  right: 0;
  opacity: 1;
}
.platform-components-tabs .cmp-tabs__tab--active:hover,
.platform-components-tabs .cmp-tabs__tab--active:focus {
  color: #1971ff;
}
.platform-components-tabs .cmp-tabs__tab--active:hover:after,
.platform-components-tabs .cmp-tabs__tab--active:focus:after {
  background-color: #9fc1ff;
}

.socialShare {
  position: relative;
  z-index: 5;
}
.dpc-social-share a {
  position: relative;
  outline: none !important;
  transition: 0.2s all ease-out;
  left: 0;
}
.dpc-social-share a svg path {
  transition: 0.2s all ease-out;
}
.dpc-social-share a svg path[fill="black"] {
  fill: currentColor;
}
.dpc-social-share:not(.dpc-social-fixed) a {
  margin-right: 10px;
}
.dpc-social-share:not(.dpc-social-fixed) a svg {
  width: 31px;
  height: 31px !important;
}
.dpc-social-share.dpc-social-fixed {
  position: absolute;
  left: 20px;
  top: 30px;
}
.dpc-social-share.dpc-social-fixed a {
  margin-bottom: 10px;
}
.dpc-social-share.dpc-social-fixed a svg {
  width: 48px;
  height: 48px !important;
}
.dpc-social-share.dpc-social-fixed a svg path[fill="black"] {
  opacity: .35;
}
.dpc-social-share.dpc-social-fixed a:hover svg path[fill="black"] {
  opacity: 1;
}
.dpc-social-move {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .dpc-social-move {
    display: block;
  }
}
.dpc-social-move.dpc-locked {
  position: fixed!important;
}
.dpc-social-move.dpc-locked a:nth-child(2) {
  transition-delay: 0.05s;
}
.dpc-social-move.dpc-locked a:nth-child(3) {
  transition-delay: 0.1s;
}
.dpc-social-move.dpc-locked a:nth-child(4) {
  transition-delay: 0.15s;
}
.dpc-social-move.dpc-locked.dpc-hide a {
  left: -68px;
}

.platform-components-progress-bar #platform-components-post-progress-bar {
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--hide-mobile {
    display: none;
    visibility: hidden;
  }
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-top.fixed {
  position: fixed;
  top: 0;
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-bottom {
  position: fixed;
  bottom: 0;
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-bottom.fixed {
  position: fixed;
  bottom: 0;
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-offset {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  will-change: opacity, visibility;
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-offset.fixed-offset-top.fixed {
  position: fixed;
  left: 0;
  top: 70px;
  width: 100%;
  height: 10px;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-offset.fixed-offset-top.fixed {
    top: 70px;
  }
}
.platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-offset.fixed-offset-bottom.fixed {
  position: fixed;
  left: 0;
  bottom: 70px;
  width: 100%;
  height: 10px;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .platform-components-progress-bar #platform-components-post-progress-bar.platform-components-post-progress-bar--fixed-offset.fixed-offset-bottom.fixed {
    bottom: 70px;
  }
}
.platform-components-progress-bar #platform-components-post-progress-bar__indicator {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
}
.platform-components-progress-bar.theme-01 #platform-components-post-progress-bar {
  background-color: #222222;
}
.platform-components-progress-bar.theme-01 #platform-components-post-progress-bar__indicator {
  background-color: #ffffff;
}
.platform-components-progress-bar.theme-02 #platform-components-post-progress-bar {
  background-color: #222222;
}
.platform-components-progress-bar.theme-02 #platform-components-post-progress-bar__indicator {
  background-color: #f2f2f2;
}
.platform-components-progress-bar.theme-03 #platform-components-post-progress-bar {
  background-color: #ffffff;
}
.platform-components-progress-bar.theme-03 #platform-components-post-progress-bar__indicator {
  background-color: #222222;
}
.platform-components-progress-bar.theme-04 #platform-components-post-progress-bar {
  background-color: unset;
}
.platform-components-progress-bar.theme-04 #platform-components-post-progress-bar__indicator {
  background-color: unset;
}

.platform-components-product-card {
  padding: 20px 20px;
  border-radius: none;
}
.platform-components-product-card__title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__title {
    font-size: 1rem;
  }
}
.platform-components-product-card .ribbon {
  padding: 5px 30px;
  font-size: 21px;
}
.platform-components-product-card__swatches .color-select {
  border-radius: 0;
}
.platform-components-product-card__swatches .color-select .tool-tip {
  font-family: 'Inter', sans-serif;
}
.platform-components-product-card__swatches .color-select .color-padding {
  border-radius: 0;
}
.platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.platform-components-product-card__swatches .color-select:focus {
  outline: 1px solid #000000 !important;
}
.platform-components-product-card__sku {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__sku {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__rating .stars-wrapper .model-rating,
.platform-components-product-card__rating .stars-wrapper .model-reviews {
  font-family: 'Inter', sans-serif !important;
}
.platform-components-product-card__description {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__description {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-product-card__disclaimer {
  font-family: 'Inter', sans-serif;
  transition: 200ms ease-in-out;
}
.platform-components-product-card__disclaimer[data-tooltip]:before {
  font-family: 'Inter', sans-serif;
  transition: 200ms ease-in-out;
}
.platform-components-product-card__features {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__features {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-product-card__price {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__price-sale {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price-sale {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__stock {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__stock {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__delivery {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0.01rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__delivery {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__button {
    font-size: 0.875rem;
  }
}
.platform-components-product-card__button:hover {
  border-width: 2px;
}
.platform-components-product-card__button:hover,
.platform-components-product-card__button:active,
.platform-components-product-card__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-product-card__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-product-card__button--primary {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-product-card__button--primary:hover,
.platform-components-product-card__button--primary:active,
.platform-components-product-card__button--primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-product-card__button--primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
}
@media (min-width: 768px) {
  .platform-components-product-card__button {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-product-card__desktop-row .platform-components-product-card__button {
    margin-right: calc(10px);
  }
  .platform-components-product-card__desktop-row .platform-components-product-card__button--wtb {
    padding: 0.5625rem 1.5625rem;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .platform-components-product-card__tablet-row .platform-components-product-card__button {
    margin-right: calc(10px);
  }
  .platform-components-product-card__tablet-row .platform-components-product-card__button--wtb {
    padding: 0.5625rem 1.5625rem;
    margin-right: 0;
  }
}
.pc__disclaimer-modal-content {
  transition: 200ms ease-in-out;
}
.pc__disclaimer-modal-content .disclaimer-modal-header {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.pc-cart-modal__content {
  transition: 200ms ease-in-out;
}
.pc-cart-modal__content.pc-success-state {
  border-color: #17847a;
}
.pc-cart-modal__content.pc-alert-state {
  border-color: #a81414;
}
.pc-cart-modal__content .pc-cart-modal__icon .pc-success {
  color: #17847a;
}
.pc-cart-modal__content .pc-cart-modal__icon .pc-alert {
  color: #a81414;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card {
  background-color: #ffffff;
  border-color: #58585a;
  color: #000000;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__title a,
.pc-carousel-wrapper.theme-01 .platform-components-product-card__rating a {
  color: #000000;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__disclaimer {
  border: 0.78px solid #000000;
  color: #000000;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__rating .stars-wrapper .product-stars {
  color: #58585a !important;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__rating .stars-wrapper .product-stars .stars-active {
  color: #ff9900 !important;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__swatches .color-select .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__swatches .color-select[data-color="Metallic Slate"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__swatches .color-select[data-color="Black"] .color-padding,
.pc-carousel-wrapper.theme-01 .platform-components-product-card__swatches .color-select[data-color="Heritage Black"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__delivery {
  color: #17847a;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__price .sale-price {
  color: #a81414;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__price-sale .savings-price {
  color: #17847a;
}
.pc-carousel-wrapper.theme-01 .platform-components-product-card__stock {
  color: #a81414;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card {
  background-color: #f8f8f8;
  border-color: #58585a;
  color: #000000;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__title a,
.pc-carousel-wrapper.theme-02 .platform-components-product-card__rating a {
  color: #000000;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__disclaimer {
  border: 0.78px solid #000000;
  color: #000000;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__rating .stars-wrapper .product-stars {
  color: #58585a !important;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__rating .stars-wrapper .product-stars .stars-active {
  color: #ff9900 !important;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select[data-color="White"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select[data-color="Blanc"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select[data-color="Metallic Slate"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select[data-color="Black"] .color-padding,
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select[data-color="Heritage Black"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__delivery {
  color: #17847a;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__price .sale-price {
  color: #a81414;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__price-sale .savings-price {
  color: #17847a;
}
.pc-carousel-wrapper.theme-02 .platform-components-product-card__stock {
  color: #a81414;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card {
  background-color: #080d3f;
  border-color: #f5f5f5;
  color: #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__title a,
.pc-carousel-wrapper.theme-03 .platform-components-product-card__rating a {
  color: #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__disclaimer {
  border: 0.78px solid #ffffff;
  color: #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__rating .stars-wrapper .product-stars {
  color: #58585a !important;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__rating .stars-wrapper .product-stars .stars-active {
  color: #ff9900 !important;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select[data-color="White"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select[data-color="Blanc"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select[data-color="Metallic Slate"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select[data-color="Black"] .color-padding,
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select[data-color="Heritage Black"] .color-padding {
  box-shadow: 0 0 0 1px #ffffff;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__delivery {
  color: #17847a;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__price .sale-price {
  color: #a81414;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__price-sale .savings-price {
  color: #17847a;
}
.pc-carousel-wrapper.theme-03 .platform-components-product-card__stock {
  color: #a81414;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card {
  background-color: unset;
  border-color: unset;
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__title a,
.pc-carousel-wrapper.theme-04 .platform-components-product-card__rating a {
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__disclaimer {
  border: 0.78px solid unset;
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__disclaimer:hover {
  color: #000;
  background: #fff;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__rating .stars-wrapper .product-stars {
  color: unset !important;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__rating .stars-wrapper .product-stars .stars-active {
  color: unset !important;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select .color-padding {
  box-shadow: 0 0 0 1px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select[data-color="White"] .color-padding {
  box-shadow: 0 0 0 1px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select[data-color="Blanc"] .color-padding {
  box-shadow: 0 0 0 1px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select[data-color="Metallic Slate"] .color-padding {
  box-shadow: 0 0 0 1px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select[data-color="Black"] .color-padding,
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select[data-color="Heritage Black"] .color-padding {
  box-shadow: 0 0 0 1px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__delivery {
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__price .sale-price {
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__price-sale .savings-price {
  color: unset;
}
.pc-carousel-wrapper.theme-04 .platform-components-product-card__stock {
  color: unset;
}

.platform-components-product-card {
  padding: 20px 20px;
  border-radius: none;
}
.platform-components-product-card__title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__title {
    font-size: 1rem;
  }
}
.platform-components-product-card .ribbon {
  padding: 5px 30px;
  font-size: 21px;
}
.platform-components-product-card__swatches .color-select {
  border-radius: 0;
}
.platform-components-product-card__swatches .color-select .tool-tip {
  font-family: 'Inter', sans-serif;
}
.platform-components-product-card__swatches .color-select .color-padding {
  border-radius: 0;
}
.platform-components-product-card__swatches .color-select.active {
  box-shadow: 0 0 0 2px #58585a;
}
.platform-components-product-card__swatches .color-select:focus {
  outline: 1px solid #000000 !important;
}
.platform-components-product-card__sku {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__sku {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__rating .stars-wrapper .model-rating,
.platform-components-product-card__rating .stars-wrapper .model-reviews {
  font-family: 'Inter', sans-serif !important;
}
.platform-components-product-card__description {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__description {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-product-card__disclaimer {
  font-family: 'Inter', sans-serif;
  transition: 200ms ease-in-out;
}
.platform-components-product-card__disclaimer[data-tooltip]:before {
  font-family: 'Inter', sans-serif;
  transition: 200ms ease-in-out;
}
.platform-components-product-card__features {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__features {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-product-card__price {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__price-sale {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price-sale {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__stock {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__stock {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__delivery {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0.01rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__delivery {
    font-size: 0.75rem;
  }
}
.platform-components-product-card__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__button {
    font-size: 0.875rem;
  }
}
.platform-components-product-card__button:hover {
  border-width: 2px;
}
.platform-components-product-card__button:hover,
.platform-components-product-card__button:active,
.platform-components-product-card__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-product-card__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-product-card__button--primary {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-product-card__button--primary:hover,
.platform-components-product-card__button--primary:active,
.platform-components-product-card__button--primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-product-card__button--primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
}
@media (min-width: 768px) {
  .platform-components-product-card__button {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-product-card__desktop-row .platform-components-product-card__button {
    margin-right: calc(10px);
  }
  .platform-components-product-card__desktop-row .platform-components-product-card__button--wtb {
    padding: 0.5625rem 1.5625rem;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .platform-components-product-card__tablet-row .platform-components-product-card__button {
    margin-right: calc(10px);
  }
  .platform-components-product-card__tablet-row .platform-components-product-card__button--wtb {
    padding: 0.5625rem 1.5625rem;
    margin-right: 0;
  }
}
.pc__disclaimer-modal-content {
  transition: 200ms ease-in-out;
}
.pc__disclaimer-modal-content .disclaimer-modal-header {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.pc-cart-modal__content {
  transition: 200ms ease-in-out;
}
.pc-cart-modal__content.pc-success-state {
  border-color: #17847a;
}
.pc-cart-modal__content.pc-alert-state {
  border-color: #a81414;
}
.pc-cart-modal__content .pc-cart-modal__icon .pc-success {
  color: #17847a;
}
.pc-cart-modal__content .pc-cart-modal__icon .pc-alert {
  color: #a81414;
}
.platform-components-product-card__title {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__title {
    font-size: 0.875rem;
  }
}
.platform-components-product-card__description {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__description {
    font-size: 0.875rem;
  }
}
.platform-components-product-card__features {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__features {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price {
    font-size: 0.875rem;
  }
}
.platform-components-product-card .dynamicTitle a {
  font-weight: 700;
}
.platform-components-product-card .ribbon {
  font-size: 20px;
  background-color: #8cd5ea;
  color: #000000;
  border-radius: 0 0 8px 0;
}
.platform-components-product-card__rating .stars-wrapper {
  border-right: 1px solid #000000;
}
.platform-components-product-card__sku {
  font-size: 0.625rem;
  font-weight: 400;
}
.platform-components-product-card__meta-container {
  align-items: flex-start;
}
.platform-components-product-card__delivery {
  font-size: 0.875rem;
  line-height: 135%;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__delivery {
    font-size: 0.625rem;
    font-weight: 400;
  }
}
.platform-components-product-card__delivery .icons-delivery {
  font-size: 0.875rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__delivery .icons-delivery {
    font-size: 0.625rem;
  }
}
.platform-components-product-card__stock {
  line-height: 135%;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__stock {
    font-weight: 400;
  }
}
.platform-components-product-card__price-sale {
  line-height: 135%;
  font-size: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-product-card__price-sale {
    font-weight: 400;
  }
}
.platform-components-product-card__price-sale .msrp-price {
  font-weight: 400;
  text-decoration: line-through;
}

.pc-carousel-wrapper {
  position: relative;
  /* Fix the disclaimer tooltip overlapping issue */
}
.pc-carousel-wrapper .pc-carousel-container {
  overflow: hidden;
}
.pc-carousel-wrapper .pc-carousel-container .slick-track {
  display: flex !important;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide {
  height: inherit !important;
  outline: none!important;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide .item_card,
.pc-carousel-wrapper .pc-carousel-container .slick-slide.item_card {
  flex: auto;
  padding: 0;
  height: 100%;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide .item_card .article-preview,
.pc-carousel-wrapper .pc-carousel-container .slick-slide.item_card .article-preview {
  box-shadow: none;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide:focus {
  outline: 1px solid #000;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide > div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide > div.platform-components-product-card__flex-container {
  align-items: stretch;
}
.pc-carousel-wrapper .pc-carousel-container .slick-slide > div > div {
  outline: none!important;
  width: 100%;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots {
  list-style: none;
  display: flex !important;
  padding: 0;
  margin: 0;
  align-items: flex-end;
  justify-content: center;
  bottom: 0;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots li button:before {
  display: none;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots button,
.pc-carousel-wrapper .pc-carousel-container .slick-arrow {
  font-size: 0;
  font-family: none;
  font-weight: initial;
  padding: 0;
  transition: none;
  text-decoration: none;
  box-sizing: border-box;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots button .icons-arrow-right:focus,
.pc-carousel-wrapper .pc-carousel-container .slick-arrow .icons-arrow-right:focus {
  outline: none;
}
@media (max-width: 767px) {
  .pc-carousel-wrapper .pc-carousel-container .cq-dd-image {
    display: none;
  }
}
@media (min-width: 768px) {
  .pc-carousel-wrapper .pc-carousel-container .cq-dd-image-mobile {
    display: none;
  }
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots {
  position: relative;
  margin: 30px 0;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots > li {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots > li > button {
  position: relative;
  border-style: solid;
}
.pc-carousel-wrapper .pc-carousel-container .slick-dots > li > button:focus {
  outline: 1px solid #000;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  clip-path: circle(50% at 50% 50%);
  border: 0;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform-origin: left;
  animation-name: carousel-indicator-fill;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"][data-scroll-timing="2000"] .slick-dots .slick-active button:after {
  animation-duration: 3s;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"][data-scroll-timing="3000"] .slick-dots .slick-active button:after {
  animation-duration: 4s;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"][data-scroll-timing="4000"] .slick-dots .slick-active button:after {
  animation-duration: 5s;
}
.pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"][data-scroll-timing="5000"] .slick-dots .slick-active button:after {
  animation-duration: 6s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pc-carousel-wrapper .pc-carousel-container[data-autoscroll="autoScroll"]:after {
    height: 0;
    width: 0;
  }
}
.pc-carousel-wrapper .pc-carousel-container[data-space-between="true"] .slick-slide {
  margin: 0 10px;
}
.pc-carousel-wrapper .pc-carousel-container[data-space-between="true"] .slick-list {
  margin: 0 -10px;
}
.pc-carousel-wrapper .pc-carousel-container .platform-components-image__desktop-image {
  width: 100%;
}
@media (max-width: 767.9px) {
  .pc-carousel-wrapper .pc-carousel-container .platform-components-image__desktop-image {
    display: none ;
  }
}
.pc-carousel-wrapper .pc-carousel-container .platform-components-image__mobile-image {
  width: 100%;
}
@media (min-width: 768px) {
  .pc-carousel-wrapper .pc-carousel-container .platform-components-image__mobile-image {
    display: none ;
  }
}
@media (min-width: 1024px) and (max-width: 1190px) {
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-desktop="true"] {
    overflow: visible;
  }
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-desktop="true"][data-arrows-desktop="true"] {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-tablet="true"] {
    overflow: visible;
  }
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-tablet="true"][data-arrows-tablet="true"] {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-mobile="true"] {
    overflow: visible;
  }
  .pc-carousel-wrapper .pc-carousel-container[data-hint-slides-mobile="true"][data-arrows-mobile="true"] {
    overflow: hidden;
  }
}
.pc-carousel-wrapper .pc-carousel-container .carousel-component__item {
  display: none;
}
.pc-carousel-wrapper .pc-carousel-container .carousel-component__item:nth-child(1) {
  display: block;
}
.pc-carousel-wrapper .pc-carousel-container.slick-initialized .carousel-component__item {
  display: block;
}
.pc-carousel-wrapper .pc-carousel-container.content-card-carousel {
  overflow: visible;
}
.pc-carousel-wrapper .pc-carousel-container.content-card-carousel .slick-list {
  overflow: visible;
}
.pc-carousel-wrapper .pc-carousel-container:not([data-space-between="true"]) .slick-slide:not(:last-child) .platform-components-content-card__border {
  border-right-width: 0;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots {
  margin: 30px auto;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots > li {
  height: 10px;
  align-items: flex-end;
}
.pc-carousel-wrapper .slick-dotted.slick-slider {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .pc-carousel-wrapper[data-overlay-indicators-desktop="true"] .slick-dots {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    margin: 0;
  }
  .pc-carousel-wrapper[data-overlay-indicators-desktop="true"] .arrows-track {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pc-carousel-wrapper[data-overlay-indicators-tablet="true"] .slick-dots {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    margin: 0;
  }
  .pc-carousel-wrapper[data-overlay-indicators-tablet="true"] .arrows-track {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .pc-carousel-wrapper[data-overlay-indicators-mobile="true"] .slick-dots {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    margin: 0;
  }
  .pc-carousel-wrapper[data-overlay-indicators-mobile="true"] .arrows-track {
    height: 100%;
  }
}
.pc-carousel-wrapper .arrows-track {
  position: absolute;
  height: calc(100% - 80px);
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.pc-carousel-wrapper .arrows-track .slick-arrow {
  height: 40px;
  width: 40px;
  font-size: 26px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  transition: 200ms ease-out;
  display: flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: initial;
  text-decoration: none;
}
.pc-carousel-wrapper .arrows-track .slick-arrow:focus {
  outline: 1px solid #000;
}
.pc-carousel-wrapper .arrows-track .slick-arrow.slick-prev {
  left: 35px;
}
@media only screen and (max-width: 767px) {
  .pc-carousel-wrapper .arrows-track .slick-arrow.slick-prev {
    left: 10px;
  }
}
.pc-carousel-wrapper .arrows-track .slick-arrow.slick-next {
  right: 35px;
}
@media only screen and (max-width: 767px) {
  .pc-carousel-wrapper .arrows-track .slick-arrow.slick-next {
    right: 10px;
  }
}
.pc-carousel-wrapper .arrows-track .slick-arrow.slick-disabled {
  opacity: 50%;
}
@media (min-width: 1024px) and (max-width: 1290px) {
  .pc-carousel-wrapper.arrowDesktopPadding {
    padding: 0 50px;
  }
  .pc-carousel-wrapper.arrowDesktopPadding .arrows-track .slick-arrow.slick-prev {
    left: 10px;
  }
  .pc-carousel-wrapper.arrowDesktopPadding .arrows-track .slick-arrow.slick-next {
    right: 10px;
  }
}
@media (min-width: 1291px) {
  .pc-carousel-wrapper.arrowDesktopPadding .arrows-track .slick-arrow.slick-prev {
    left: -50px;
  }
  .pc-carousel-wrapper.arrowDesktopPadding .arrows-track .slick-arrow.slick-next {
    right: -50px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pc-carousel-wrapper.arrowTabletPadding {
    padding: 0 50px;
  }
  .pc-carousel-wrapper.arrowTabletPadding .arrows-track .slick-arrow.slick-prev {
    left: 10px;
  }
  .pc-carousel-wrapper.arrowTabletPadding .arrows-track .slick-arrow.slick-next {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pc-carousel-wrapper.arrowMobilePadding {
    padding: 0 50px;
  }
  .pc-carousel-wrapper.arrowMobilePadding .arrows-track .slick-arrow.slick-prev {
    left: 10px;
  }
  .pc-carousel-wrapper.arrowMobilePadding .arrows-track .slick-arrow.slick-next {
    right: 10px;
  }
}
.pc-carousel-wrapper.pc-indicator-dot .pc-carousel-container .slick-dots > li {
  margin: 0px calc(0);
}
.pc-carousel-wrapper.pc-indicator-dot .pc-carousel-container .slick-dots > li > button {
  height: 10px;
  width: 10px;
  border-width: 2px;
  border-radius: 100%;
  transition: 200ms ease-out;
}
.pc-carousel-wrapper.pc-indicator-dot .pc-carousel-container .slick-dots > li:hover > button {
  height: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pc-carousel-wrapper.pc-indicator-dot .pc-carousel-container[data-autoscroll="autoScroll"] {
    border: 100%;
  }
}
.pc-carousel-wrapper.pc-indicator-dot.theme-01 .slick-dots > li > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-01 .slick-dots > li:hover > button {
  background-color: #1d42a8;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-01 .slick-dots > li.slick-active > button {
  background-color: #1971ff;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-01[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-01[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-02 .slick-dots > li > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-02 .slick-dots > li:hover > button {
  background-color: #1d42a8;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-02 .slick-dots > li.slick-active > button {
  background-color: #1971ff;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-02[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-02[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-03 .slick-dots > li > button {
  background-color: transparent;
  border-color: #ffffff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-03 .slick-dots > li:hover > button {
  background-color: #1971ff;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-03 .slick-dots > li.slick-active > button {
  background-color: #9fc1ff;
  border-color: #9fc1ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-03[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-03[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #9fc1ff;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-04 .slick-dots > li > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-04 .slick-dots > li:hover > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-04 .slick-dots > li.slick-active > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-04[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: unset;
}
.pc-carousel-wrapper.pc-indicator-dot.theme-04[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: unset;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots {
  width: unset;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots > li {
  margin: 0px calc(2.5px);
  width: 25px;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots > li > button {
  height: 2px;
  width: 25px;
  border-width: 0;
  border-radius: 0;
  transition: 200ms ease-out;
}
.pc-carousel-wrapper.pc-indicator-line .pc-carousel-container .slick-dots > li:hover > button {
  height: 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pc-carousel-wrapper.pc-indicator-line .pc-carousel-container[data-autoscroll="autoScroll"] {
    border: 0;
  }
}
.pc-carousel-wrapper.pc-indicator-line.theme-01 .slick-dots > li > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-01 .slick-dots > li:hover > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-01 .slick-dots > li.slick-active > button {
  background-color: #1971ff;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-01[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-01[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-02 .slick-dots > li > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-02 .slick-dots > li:hover > button {
  background-color: transparent;
  border-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-02 .slick-dots > li.slick-active > button {
  background-color: #1971ff;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-02[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1d42a8;
}
.pc-carousel-wrapper.pc-indicator-line.theme-02[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-03 .slick-dots > li > button {
  background-color: transparent;
  border-color: #ffffff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-03 .slick-dots > li:hover > button {
  background-color: transparent;
  border-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-03 .slick-dots > li.slick-active > button {
  background-color: #9fc1ff;
  border-color: #9fc1ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-03[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: #1971ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-03[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: #9fc1ff;
}
.pc-carousel-wrapper.pc-indicator-line.theme-04 .slick-dots > li > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-line.theme-04 .slick-dots > li:hover > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-line.theme-04 .slick-dots > li.slick-active > button {
  background-color: unset;
  border-color: unset;
}
.pc-carousel-wrapper.pc-indicator-line.theme-04[data-autoscroll="autoScroll"] .slick-dots .slick-active button {
  background-color: unset;
}
.pc-carousel-wrapper.pc-indicator-line.theme-04[data-autoscroll="autoScroll"] .slick-dots .slick-active button:after {
  background-color: unset;
}
.pc-carousel-wrapper .arrows-track .slick-arrow {
  border-radius: 100%;
  transition: 200ms ease-out;
}
@keyframes carousel-indicator-fill {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(100%);
  }
}

.br-brand {
  border-radius: 10px;
}
.theme-01-text-base {
  color: #15191d;
}
.theme-02-text-base {
  color: #000000;
}
.theme-03-text-base {
  color: #ffffff;
}
.theme-04-text-base {
  color: #ffffff;
}
.theme-01-text-emphasis {
  color: #1971ff;
}
.theme-02-text-emphasis {
  color: #1971ff;
}
.theme-03-text-emphasis {
  color: #7dacff;
}
.theme-04-text-emphasis {
  color: #5a96ff;
}
.theme-01-interactive {
  color: #000000;
}
.theme-02-interactive {
  color: #000000;
}
.theme-03-interactive {
  color: #ffffff;
}
.theme-04-interactive {
  color: #ffffff;
}
.theme-hover:hover .theme-01-interactive {
  color: #000000;
}
.theme-hover:hover .theme-02-interactive {
  color: #000000;
}
.theme-hover:hover .theme-03-interactive {
  color: #ffffff;
}
.theme-hover:hover .theme-04-interactive {
  color: #ffffff;
}
.theme-01-background {
  background: #ffffff;
}
.theme-01-background-after:after {
  background: #ffffff;
}
.theme-02-background {
  background: #f8f8f8;
}
.theme-02-background-after:after {
  background: #f8f8f8;
}
.theme-03-background {
  background: #080d3f;
}
.theme-03-background-after:after {
  background: #080d3f;
}
.theme-04-background {
  background: #010013;
}
.theme-04-background-after:after {
  background: #010013;
}
.theme-01-divider {
  border-color: #58585a;
}
.theme-02-divider {
  border-color: #58585a;
}
.theme-03-divider {
  border-color: #f5f5f5;
}
.theme-04-divider {
  border-color: #f5f5f5;
}
.theme-01-border-color {
  border-color: #58585a;
}
.theme-02-border-color {
  border-color: #58585a;
}
.theme-03-border-color {
  border-color: #f5f5f5;
}
.theme-04-border-color {
  border-color: #f5f5f5;
}
.theme-01-box-shadow {
  box-shadow: unset;
}
.theme-02-box-shadow {
  box-shadow: unset;
}
.theme-03-box-shadow {
  box-shadow: unset;
}
.theme-04-box-shadow {
  box-shadow: unset;
}
.theme-01-interactive-only-hover:hover {
  color: #000000;
}
.theme-02-interactive-only-hover:hover {
  color: #000000;
}
.theme-03-interactive-only-hover:hover {
  color: #ffffff;
}
.theme-04-interactive-only-hover:hover {
  color: #ffffff;
}
.button-primary-brand {
  color: #ffffff;
  background-color: #1971ff;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-brand:hover,
.button-primary-brand:active,
.button-primary-brand:focus {
  color: #ffffff;
  background-color: #1d42a8;
}
.button-primary-brand:visited {
  color: #ffffff;
}
.button-primary-dark {
  color: #ffffff;
  background-color: #000000;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-dark:hover,
.button-primary-dark:active,
.button-primary-dark:focus {
  color: #ffffff;
  background-color: #1d42a8;
}
.button-primary-dark:visited {
  color: #ffffff;
}
.button-primary-light {
  color: #010013;
  background-color: #ffffff;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-light:hover,
.button-primary-light:active,
.button-primary-light:focus {
  color: #010013;
  background-color: #9fc1ff;
}
.button-primary-light:visited {
  color: #010013;
}
.button-secondary-brand {
  color: #1971ff;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #1971ff;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-brand:hover,
.button-secondary-brand:active,
.button-secondary-brand:focus {
  color: #1d42a8;
  background-color: transparent;
  border-color: #1d42a8;
  border-width: 2px;
}
.button-secondary-brand:visited {
  color: #1971ff;
}
.button-secondary-dark {
  color: #000000;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-dark:hover,
.button-secondary-dark:active,
.button-secondary-dark:focus {
  color: #1d42a8;
  background-color: transparent;
  border-width: 2px;
  border-color: #1d42a8;
}
.button-secondary-dark:visited {
  color: #000000;
}
.button-secondary-light {
  color: #ffffff;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-light:hover,
.button-secondary-light:active,
.button-secondary-light:focus {
  color: #9fc1ff;
  background-color: transparent;
  border-color: #9fc1ff;
  border-width: 2px;
}
.button-secondary-light:visited {
  color: #ffffff;
}
.button-tertiary-brand {
  color: #1971ff;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-brand:hover,
.button-tertiary-brand:active,
.button-tertiary-brand:focus {
  color: #1d42a8;
  background-color: transparent;
}
.button-tertiary-brand:visited {
  color: #1971ff;
}
.button-tertiary-dark {
  color: #000000;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-dark:hover,
.button-tertiary-dark:active,
.button-tertiary-dark:focus {
  color: #1d42a8;
  background-color: transparent;
}
.button-tertiary-dark:visited {
  color: #000000;
}
.button-tertiary-light {
  color: #ffffff;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-light:hover,
.button-tertiary-light:active,
.button-tertiary-light:focus {
  color: #9fc1ff;
  background-color: transparent;
}
.button-tertiary-light:visited {
  color: #ffffff;
}
.arrow-primary-brand .slick-arrow {
  color: #ffffff;
  background: #1971ff;
}
.arrow-primary-brand .slick-arrow:hover {
  color: #ffffff;
  background: #1d42a8;
}
.arrow-primary-light .slick-arrow {
  color: #010013;
  background: #ffffff;
}
.arrow-primary-light .slick-arrow:hover {
  color: #010013;
  background: #9fc1ff;
}
.arrow-primary-dark .slick-arrow {
  color: #ffffff;
  background: #000000;
}
.arrow-primary-dark .slick-arrow:hover {
  color: #ffffff;
  background: #1d42a8;
}
.arrow-secondary-brand .slick-arrow {
  color: #1971ff;
  background: transparent;
  border: 2px solid #1971ff;
}
.arrow-secondary-brand .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
  border: 2px solid #1d42a8;
}
.arrow-secondary-light .slick-arrow {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.arrow-secondary-light .slick-arrow:hover {
  color: #9fc1ff;
  background: transparent;
  border: 2px solid #9fc1ff;
}
.arrow-secondary-dark .slick-arrow {
  color: #000000;
  background: transparent;
  border: 2px solid #000000;
}
.arrow-secondary-dark .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
  border: 2px solid #1d42a8;
}
.arrow-tertiary-brand .slick-arrow {
  color: #1971ff;
  background: transparent;
}
.arrow-tertiary-brand .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
}
.arrow-tertiary-dark .slick-arrow {
  color: #000000;
  background: transparent;
}
.arrow-tertiary-dark .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
}
.arrow-tertiary-light .slick-arrow {
  color: #ffffff;
  background: transparent;
}
.arrow-tertiary-light .slick-arrow:hover {
  color: #9fc1ff;
  background: transparent;
}
.header-one {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 108.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.875rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-one {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
.header-two {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 110.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.375rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .header-two {
    font-size: 1.875rem;
    margin-bottom: 0px;
  }
}
.header-three {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .header-three {
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.header-four {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 114.3%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.75rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-four {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.header-five {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 116.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-five {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.header-six {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-six {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.pc-body-one {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .pc-body-one {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.pc-body-two {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .pc-body-two {
    font-size: 1.4rem;
  }
}
.pc-clickable {
  color: #1971ff;
  transition: color 200ms ease-out;
}
.pc-clickable:hover,
.pc-clickable:active,
.pc-clickable:focus {
  color: #1d42a8;
}
.dpc-h1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 108.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.875rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h1 {
    font-size: 2.25rem;
  }
}
.dpc-h2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 110.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.375rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h2 {
    font-size: 1.875rem;
  }
}
.dpc-h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h3 {
    font-size: 1.625rem;
  }
}
.dpc-h4 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 114.3%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h4 {
    font-size: 1.375rem;
  }
}
.dpc-h5 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 116.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h5 {
    font-size: 1.25rem;
  }
}
.dpc-h6 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h6 {
    font-size: 1.125rem;
  }
}
.dpc-overline1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .dpc-overline1 {
    font-size: 1.375rem;
  }
}
.dpc-overline2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .dpc-overline2 {
    font-size: 1.125rem;
  }
}
.dpc-subtitle1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 115.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .dpc-subtitle1 {
    font-size: 1.375rem;
  }
}
.dpc-body1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body1 {
    font-size: 1rem;
  }
}
.dpc-body2 {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body2 {
    font-size: 1.4rem;
  }
}
.dpc-body1-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body1-bold {
    font-size: 1rem;
  }
}
.dpc-body2-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body2-bold {
    font-size: 1.4rem;
  }
}
.dpc-caption {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 157.1%;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .dpc-caption {
    font-size: 0.75rem;
  }
}
.dpc-disclaimer {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 133%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .dpc-disclaimer {
    font-size: 0.625rem;
  }
}

.platform-components-page-meta {
  padding-top: 40px;
}
.platform-components-page-meta .page-meta-image {
  position: relative;
  width: 240px;
  height: 240px;
  min-width: 240px;
  overflow: hidden;
  border-radius: 100%;
}
.platform-components-page-meta .page-meta-copy .dpc-social svg {
  width: 28px;
  height: 28px;
  margin: 0 8px 0 0;
  fill: currentColor;
}

html.pc-no-scroll,
body.pc-no-scroll {
  overflow: hidden;
  position: relative;
}
.platform-components-modal__overlay {
  position: fixed;
  z-index: 2000000002;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 200ms ease-in-out;
  display: none;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.platform-components-modal__overlay.active {
  display: flex !important;
}
.platform-components-modal__close.with-text .icons-close {
  font-size: 1.5rem;
}
.platform-components-modal__close.icon-only {
  line-height: 1;
}
.platform-components-modal__close-primary.icon-only {
  padding: 10px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 45px;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__close-primary.icon-only {
    width: 35px !important;
    height: 35px !important;
    font-size: 35px;
  }
}
.platform-components-modal__close-secondary.icon-only {
  padding: 10px !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 45px;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__close-secondary.icon-only {
    width: 35px !important;
    height: 35px !important;
    font-size: 35px;
  }
}
.platform-components-modal__close-tertiary.icon-only {
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 45px;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__close-tertiary.icon-only {
    width: 35px !important;
    height: 35px !important;
    font-size: 35px;
  }
}
.platform-components-modal__container {
  position: relative;
  margin: auto;
}
.platform-components-modal__container-fullscreen:after {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .platform-components-modal__container-large {
    width: 85vw;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__container-large {
    width: 90vw;
  }
}
@media (max-width: 767px) {
  .platform-components-modal__container-medium {
    width: 85vw;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__container-medium {
    width: 70vw;
  }
}
@media (max-width: 767px) {
  .platform-components-modal__container-small {
    width: 85vw;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__container-small {
    width: 435px;
  }
}
.platform-components-modal__container > .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.platform-components-modal__container-fullscreen > .container {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .platform-components-modal__container-fullscreen > .container {
    width: auto;
    max-width: 85vw;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__container-fullscreen > .container {
    width: auto;
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .platform-components-modal__container-fullscreen > .container {
    width: auto;
    max-width: 970px;
  }
}
@media (min-width: 1440px) {
  .platform-components-modal__container-fullscreen > .container {
    width: auto;
    max-width: 1200px;
  }
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter {
  max-width: 1400px;
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  width: fit-content;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close.with-text {
    height: 35px !important;
  }
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-primary {
  transform: translate(18%, -50%);
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.with-text {
  transform: translate(0%, -120%);
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.with-text {
    transform: translate(0%, -120%);
  }
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.icon-only {
  transform: translate(0%, -120%);
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-secondary.icon-only {
    transform: translate(0%, -120%);
  }
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.with-text {
  transform: translate(0%, -100%);
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.with-text {
    transform: translate(0%, -100%);
  }
}
.platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.icon-only {
  transform: translate(40px, -10px);
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.fixedCenter .platform-components-modal__close-tertiary.icon-only {
    transform: translate(30px, -5px);
  }
}
.platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close-primary {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    z-index: 100;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__pb .platform-components-modal__container.pinnedTop .platform-components-modal__close {
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: fit-content;
    z-index: 100;
  }
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen {
  height: 100%;
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter {
  position: unset;
  margin-top: 0;
  margin-bottom: 0;
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close-primary,
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close-primary {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close,
  .platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close {
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .platform-components-modal__pb .platform-components-modal__container-fullscreen.pinnedTop .platform-components-modal__close,
  .platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .platform-components-modal__close {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
  }
}
.platform-components-modal__pb .platform-components-modal__container-fullscreen.fixedCenter .container {
  top: 50%;
  transform: translateY(-50%);
}
.platform-components-modal__editor {
  position: relative;
}
.platform-components-modal__editor:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  height: 100%;
  top: 0;
}
.platform-components-modal__editor .platform-components-modal__container-fullscreen:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 0;
  z-index: 0;
}
.platform-components-modal__editor .platform-components-modal__container-large {
  left: 50% !important;
  right: 50% !important;
  margin-left: -45vw !important;
  margin-right: -45vw !important;
}
.platform-components-modal__editor .platform-components-modal__container-medium {
  left: 50% !important;
  right: 50% !important;
  margin-left: -35vw !important;
  margin-right: -35vw !important;
}
.platform-components-modal .video {
  float: none;
}
.platform-components-modal__overlay {
  background-color: #000000;
}
.platform-components-modal__close {
  /* resets */
  background-color: unset;
  border: unset;
  /* common style */
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: auto !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-modal__close {
    font-size: 0.875rem;
  }
}
.platform-components-modal__close:hover {
  border-width: 2px;
}
.platform-components-modal__close:hover,
.platform-components-modal__close:active,
.platform-components-modal__close:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-modal__close [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-modal__close:hover,
.platform-components-modal__close:active,
.platform-components-modal__close:focus {
  /* resets */
  background-color: unset;
  border: unset;
  text-decoration: none;
  outline: none !important;
}
.platform-components-modal__close.icon-only .icons-close {
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.platform-components-modal__close-primary {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-modal__close-primary:hover,
.platform-components-modal__close-primary:active,
.platform-components-modal__close-primary:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-modal__close-secondary {
  background-color: transparent;
  color: #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-modal__close-secondary:hover,
.platform-components-modal__close-secondary:active,
.platform-components-modal__close-secondary:focus {
  background-color: transparent;
  color: #9fc1ff;
  box-shadow: inset 0 0 0 2px #9fc1ff;
}
.platform-components-modal__close-tertiary {
  padding: 0.5625rem 0;
  color: #ffffff;
  transition: color 200ms ease-out;
}
.platform-components-modal__close-tertiary:hover,
.platform-components-modal__close-tertiary:active,
.platform-components-modal__close-tertiary:focus {
  color: #9fc1ff;
}
.platform-components-modal a:focus {
  outline: 1px solid #444444 !important;
}

.platform-components-masthead__container.h-100vh--lg {
  min-height: 1080px;
}
.platform-components-masthead__container.h-75vh--lg {
  min-height: calc(810px);
}
.platform-components-masthead__container.h-50vh--lg {
  min-height: calc(540px);
}
.platform-components-masthead__container.h-66vh--lg {
  min-height: calc(719.99928px);
}
.platform-components-masthead__container.h-33vh--lg {
  min-height: calc(359.99964px);
}
.platform-components-masthead__container.h-25vh--lg {
  min-height: calc(270px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__container.h-100vh--md {
    min-height: 1080px;
  }
  .platform-components-masthead__container.h-75vh--md {
    min-height: calc(810px);
  }
  .platform-components-masthead__container.h-66vh--md {
    min-height: calc(719.99928px);
  }
  .platform-components-masthead__container.h-50vh--md {
    min-height: calc(540px);
  }
  .platform-components-masthead__container.h-33vh--md {
    min-height: calc(359.99964px);
  }
  .platform-components-masthead__container.h-25vh--md {
    min-height: calc(270px);
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__container.h-100vh--sm {
    min-height: 1080px;
  }
  .platform-components-masthead__container.h-75vh--sm {
    min-height: calc(810px);
  }
  .platform-components-masthead__container.h-66vh--sm {
    min-height: calc(719.99928px);
  }
  .platform-components-masthead__container.h-50vh--sm {
    min-height: calc(540px);
  }
  .platform-components-masthead__container.h-33vh--sm {
    min-height: calc(359.99964px);
  }
  .platform-components-masthead__container.h-25vh--sm {
    min-height: calc(270px);
  }
}
.platform-components-masthead__breadcrumb {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__breadcrumb {
    font-size: 0.875rem;
  }
}
.platform-components-masthead__preheader {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 100%;
  text-transform: none;
  letter-spacing: 0.25rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__preheader {
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
  }
}
.platform-components-masthead__subtitle {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 125%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__subtitle {
    font-size: 1.125rem;
    margin-bottom: 1.75rem;
  }
}
.platform-components-masthead__body-copy {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 1rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__body-copy {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-masthead__body-copy b,
.platform-components-masthead__body-copy strong {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
.platform-components-masthead__disclaimer p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 125%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 0.625rem;
  margin-bottom: 1.75rem;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__disclaimer p {
    font-size: 0.625rem;
    margin-bottom: 1.25rem;
  }
}
.platform-components-masthead__disclaimer p b,
.platform-components-masthead__disclaimer p strong {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
.platform-components-masthead__scroll-indicator {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: 0.01625rem;
  font-size: 1rem;
  margin-bottom: 1rem;
  transition: color 200ms ease-out;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__scroll-indicator {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.platform-components-masthead__button-container {
  margin-left: calc(-10px);
  margin-right: calc(-10px);
}
.platform-components-masthead__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  margin-left: calc(10px);
  margin-right: calc(10px);
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__button {
    font-size: 0.875rem;
  }
}
.platform-components-masthead__button:hover {
  border-width: 2px;
}
.platform-components-masthead__button:hover,
.platform-components-masthead__button:active,
.platform-components-masthead__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-masthead__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-masthead__button:focus {
  margin-left: calc(11px);
  margin-right: calc(11px);
}
.platform-components-masthead__button--primary.brand {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-masthead__button--primary.brand:hover,
.platform-components-masthead__button--primary.brand:active,
.platform-components-masthead__button--primary.brand:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-masthead__button--primary.light {
  background-color: #ffffff;
  color: #010013;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #ffffff;
}
.platform-components-masthead__button--primary.light:hover,
.platform-components-masthead__button--primary.light:active,
.platform-components-masthead__button--primary.light:focus {
  background-color: #9fc1ff;
  color: #010013;
  border-color: #9fc1ff;
}
.platform-components-masthead__button--primary.dark {
  background-color: #000000;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #000000;
}
.platform-components-masthead__button--primary.dark:hover,
.platform-components-masthead__button--primary.dark:active,
.platform-components-masthead__button--primary.dark:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-masthead__button--secondary.brand {
  background-color: transparent;
  color: #1971ff;
  box-shadow: inset 0 0 0 2px #1971ff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-masthead__button--secondary.brand:hover,
.platform-components-masthead__button--secondary.brand:active,
.platform-components-masthead__button--secondary.brand:focus {
  background-color: transparent;
  color: #1d42a8;
  box-shadow: inset 0 0 0 2px #1d42a8;
}
.platform-components-masthead__button--secondary.dark {
  background-color: transparent;
  color: #000000;
  box-shadow: inset 0 0 0 2px #000000;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-masthead__button--secondary.dark:hover,
.platform-components-masthead__button--secondary.dark:active,
.platform-components-masthead__button--secondary.dark:focus {
  background-color: transparent;
  color: #1d42a8;
  box-shadow: inset 0 0 0 2px #1d42a8;
}
.platform-components-masthead__button--secondary.light {
  background-color: transparent;
  color: #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-masthead__button--secondary.light:hover,
.platform-components-masthead__button--secondary.light:active,
.platform-components-masthead__button--secondary.light:focus {
  background-color: transparent;
  color: #9fc1ff;
  box-shadow: inset 0 0 0 2px #9fc1ff;
}
.platform-components-masthead__button--tertiary {
  padding: 0.5625rem 0;
}
.platform-components-masthead__button--tertiary.brand {
  color: #1971ff;
  transition: color 200ms ease-out;
}
.platform-components-masthead__button--tertiary.brand:hover,
.platform-components-masthead__button--tertiary.brand:active,
.platform-components-masthead__button--tertiary.brand:focus {
  color: #1d42a8;
}
.platform-components-masthead__button--tertiary.dark {
  color: #000000;
  transition: color 200ms ease-out;
}
.platform-components-masthead__button--tertiary.dark:hover,
.platform-components-masthead__button--tertiary.dark:active,
.platform-components-masthead__button--tertiary.dark:focus {
  color: #1d42a8;
}
.platform-components-masthead__button--tertiary.light {
  color: #ffffff;
  transition: color 200ms ease-out;
}
.platform-components-masthead__button--tertiary.light:hover,
.platform-components-masthead__button--tertiary.light:active,
.platform-components-masthead__button--tertiary.light:focus {
  color: #9fc1ff;
}
.platform-components-masthead__button--tertiary:hover,
.platform-components-masthead__button--tertiary:active,
.platform-components-masthead__button--tertiary:focus {
  padding: 0.5625rem 0;
}
.platform-components-masthead__button .button-icon {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-masthead__button .button-icon {
    font-size: 1.2rem;
  }
}
.platform-components-masthead__theme-01 {
  background-color: #ffffff;
  --overlay-color-1: rgba(255, 255, 255, 0.85);
}
.platform-components-masthead__theme-01 .platform-components-masthead__main-header,
.platform-components-masthead__theme-01 .platform-components-masthead__subtitle,
.platform-components-masthead__theme-01 .platform-components-masthead__body-copy,
.platform-components-masthead__theme-01 .platform-components-masthead__body-copy p,
.platform-components-masthead__theme-01 .platform-components-masthead__scroll-indicator,
.platform-components-masthead__theme-01 .platform-components-masthead__disclaimer p {
  color: #000000;
}
.platform-components-masthead__theme-01 .platform-components-masthead__disclaimer p {
  text-shadow: none;
}
.platform-components-masthead__theme-01 .platform-components-masthead__breadcrumb {
  color: #000000;
}
.platform-components-masthead__theme-01 .platform-components-masthead__breadcrumb:hover {
  color: #000000;
}
.platform-components-masthead__theme-01 .platform-components-masthead__preheader {
  color: #1971ff;
}
.platform-components-masthead__theme-01 .platform-components-masthead__body-copy a,
.platform-components-masthead__theme-01 .platform-components-masthead__disclaimer a {
  color: #000000;
}
.platform-components-masthead__theme-01 .platform-components-masthead__body-copy a:hover,
.platform-components-masthead__theme-01 .platform-components-masthead__disclaimer a:hover {
  color: #1971ff;
}
.platform-components-masthead__theme-01 .platform-components-masthead__scroll-indicator:active,
.platform-components-masthead__theme-01 .platform-components-masthead__scroll-indicator:focus,
.platform-components-masthead__theme-01 .platform-components-masthead__scroll-indicator:hover {
  color: #1971ff;
}
.platform-components-masthead__theme-01 .platform-components-masthead__color-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}
.platform-components-masthead__theme-02 {
  background-color: #f8f8f8;
  --overlay-color-1: rgba(248, 248, 248, 0.88);
}
.platform-components-masthead__theme-02 .platform-components-masthead__main-header,
.platform-components-masthead__theme-02 .platform-components-masthead__subtitle,
.platform-components-masthead__theme-02 .platform-components-masthead__body-copy,
.platform-components-masthead__theme-02 .platform-components-masthead__body-copy p,
.platform-components-masthead__theme-02 .platform-components-masthead__scroll-indicator,
.platform-components-masthead__theme-02 .platform-components-masthead__disclaimer p {
  color: #000000;
}
.platform-components-masthead__theme-02 .platform-components-masthead__disclaimer p {
  text-shadow: 0 4px 4px rgba(248, 248, 248, 0.88);
}
.platform-components-masthead__theme-02 .platform-components-masthead__breadcrumb {
  color: #000000;
}
.platform-components-masthead__theme-02 .platform-components-masthead__breadcrumb:hover {
  color: #000000;
}
.platform-components-masthead__theme-02 .platform-components-masthead__preheader {
  color: #1971ff;
}
.platform-components-masthead__theme-02 .platform-components-masthead__body-copy a,
.platform-components-masthead__theme-02 .platform-components-masthead__disclaimer a {
  color: #000000;
}
.platform-components-masthead__theme-02 .platform-components-masthead__body-copy a:hover,
.platform-components-masthead__theme-02 .platform-components-masthead__disclaimer a:hover {
  color: #1971ff;
}
.platform-components-masthead__theme-02 .platform-components-masthead__scroll-indicator:active,
.platform-components-masthead__theme-02 .platform-components-masthead__scroll-indicator:focus,
.platform-components-masthead__theme-02 .platform-components-masthead__scroll-indicator:hover {
  color: #1971ff;
}
.platform-components-masthead__theme-02 .platform-components-masthead__color-overlay {
  background-color: rgba(248, 248, 248, 0.88);
}
.platform-components-masthead__theme-03 {
  background-color: #080d3f;
  --overlay-color-1: rgba(8, 13, 63, 0.75);
}
.platform-components-masthead__theme-03 .platform-components-masthead__main-header,
.platform-components-masthead__theme-03 .platform-components-masthead__subtitle,
.platform-components-masthead__theme-03 .platform-components-masthead__body-copy,
.platform-components-masthead__theme-03 .platform-components-masthead__body-copy p,
.platform-components-masthead__theme-03 .platform-components-masthead__scroll-indicator,
.platform-components-masthead__theme-03 .platform-components-masthead__disclaimer p {
  color: #ffffff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__disclaimer p {
  text-shadow: none;
}
.platform-components-masthead__theme-03 .platform-components-masthead__breadcrumb {
  color: #ffffff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__breadcrumb:hover {
  color: #ffffff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__preheader {
  color: #7dacff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__body-copy a,
.platform-components-masthead__theme-03 .platform-components-masthead__disclaimer a {
  color: #ffffff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__body-copy a:hover,
.platform-components-masthead__theme-03 .platform-components-masthead__disclaimer a:hover {
  color: #7dacff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__scroll-indicator:active,
.platform-components-masthead__theme-03 .platform-components-masthead__scroll-indicator:focus,
.platform-components-masthead__theme-03 .platform-components-masthead__scroll-indicator:hover {
  color: #7dacff;
}
.platform-components-masthead__theme-03 .platform-components-masthead__color-overlay {
  background-color: rgba(8, 13, 63, 0.75);
}
.platform-components-masthead__theme-04 {
  background-color: unset;
  --overlay-color-1: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__main-header,
.platform-components-masthead__theme-04 .platform-components-masthead__subtitle,
.platform-components-masthead__theme-04 .platform-components-masthead__body-copy,
.platform-components-masthead__theme-04 .platform-components-masthead__body-copy p,
.platform-components-masthead__theme-04 .platform-components-masthead__scroll-indicator,
.platform-components-masthead__theme-04 .platform-components-masthead__disclaimer p {
  color: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__disclaimer p {
  text-shadow: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__breadcrumb {
  color: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__breadcrumb:hover {
  color: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__preheader {
  color: unset;
}
.platform-components-masthead__theme-04 .platform-components-masthead__body-copy a,
.platform-components-masthead__theme-04 .platform-components-masthead__disclaimer a {
  color: #ffffff;
}
.platform-components-masthead__theme-04 .platform-components-masthead__body-copy a:hover,
.platform-components-masthead__theme-04 .platform-components-masthead__disclaimer a:hover {
  color: #5a96ff;
}
.platform-components-masthead__theme-04 .platform-components-masthead__scroll-indicator:active,
.platform-components-masthead__theme-04 .platform-components-masthead__scroll-indicator:focus,
.platform-components-masthead__theme-04 .platform-components-masthead__scroll-indicator:hover {
  color: #5a96ff;
}
.platform-components-masthead__theme-04 .platform-components-masthead__color-overlay {
  background-color: unset;
}
.platform-components-masthead__center-alignment--lg {
  justify-content: center;
}
.platform-components-masthead__center-alignment--lg.platform-components-masthead__bottom-alignment--lg {
  --overlay-direction: to top;
}
.platform-components-masthead__center-alignment--lg.platform-components-masthead__top-alignment--lg {
  --overlay-direction: to bottom;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__center-alignment--lg.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--lg.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__center-alignment--lg.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--lg.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
.platform-components-masthead__left-alignment--lg {
  justify-content: flex-start;
}
.platform-components-masthead__left-alignment--lg.platform-components-masthead__bottom-alignment--lg {
  --overlay-direction: to top right;
}
.platform-components-masthead__left-alignment--lg.platform-components-masthead__middle-alignment--lg {
  --overlay-direction: to right;
}
.platform-components-masthead__left-alignment--lg.platform-components-masthead__top-alignment--lg {
  --overlay-direction: to bottom right;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--lg.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
.platform-components-masthead__right-alignment--lg {
  justify-content: flex-end;
}
.platform-components-masthead__right-alignment--lg.platform-components-masthead__bottom-alignment--lg {
  --overlay-direction: to top left;
}
.platform-components-masthead__right-alignment--lg.platform-components-masthead__middle-alignment--lg {
  --overlay-direction: to left;
}
.platform-components-masthead__right-alignment--lg.platform-components-masthead__top-alignment--lg {
  --overlay-direction: to bottom left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--lg.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__center-alignment--md {
    justify-content: center;
  }
  .platform-components-masthead__center-alignment--md.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--md.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-masthead__center-alignment--md.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--md.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__left-alignment--md {
    justify-content: flex-start;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--md.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__right-alignment--md {
    justify-content: flex-end;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--md.platform-components-masthead__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__center-alignment--sm {
    justify-content: center;
  }
  .platform-components-masthead__center-alignment--sm.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--sm.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-masthead__center-alignment--sm.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-masthead__center-alignment--sm.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__left-alignment--sm {
    justify-content: flex-start;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-masthead__left-alignment--sm.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__right-alignment--sm {
    justify-content: flex-end;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-masthead__right-alignment--sm.platform-components-masthead__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 1230px) {
  .platform-components-masthead__content.platform-components-masthead__boxed-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1230px) {
  .platform-components-masthead__content {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.platform-components-masthead__width-lg--auto {
  width: auto;
}
.platform-components-masthead__width-lg--small {
  width: calc(33.33333333%);
}
.platform-components-masthead__width-lg--medium {
  width: 50%;
}
.platform-components-masthead__width-lg--large {
  width: 75%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__width-md--auto {
    width: auto;
  }
  .platform-components-masthead__width-md--small {
    width: calc(33.33333333%);
  }
  .platform-components-masthead__width-md--medium {
    width: 50%;
  }
  .platform-components-masthead__width-md--large {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__width-sm--auto {
    width: auto;
  }
  .platform-components-masthead__width-sm--small {
    width: calc(33.33333333%);
  }
  .platform-components-masthead__width-sm--medium {
    width: 50%;
  }
  .platform-components-masthead__width-sm--large {
    width: 75%;
  }
}
.platform-components-masthead__gradient-overlay {
  background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--tablet), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--mobile), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
  .platform-components-masthead__gradient-overlay--md.radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-masthead__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
  .platform-components-masthead__gradient-overlay--sm.radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
.platform-components-masthead .radial-gradient--lg {
  background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead .radial-gradient--md {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-masthead .radial-gradient--sm {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-masthead .radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-masthead .radial-gradient-none--md.platform-components-masthead__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-masthead .radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-masthead .radial-gradient-none--sm.platform-components-masthead__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
@media (max-width: 1230px) {
  .platform-components-masthead .platform-components-masthead__content2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pc-countdown .time {
  background-color: #1971ff;
  font-family: 'Kanit', sans-serif;
}
.pc-countdown .time:before {
  color: #ffffff;
  font-family: 'Kanit', sans-serif;
}
.pc-countdown .time:after {
  color: #ffffff;
}

.platform-components-page-list.platform-components-page-list__circle-carousel-view .item_card .article-preview .cmp-list__item-link .article-card > .content-wrapper .content-info span {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: Roboto;
  letter-spacing: 0;
  color: #15191d;
}
.platform-components-page-list.platform-components-page-list__circle-carousel-view .item_card .article-preview .cmp-list__item-link:hover .article-card > .content-wrapper .content-info span {
  color: #1971ff;
}
.platform-components-page-list {
  margin: 0 auto;
  max-width: 73.125rem;
}
.platform-components-page-list .item_card .article-preview {
  background: #ffffff;
  border: 0 solid #d9d9d9;
  box-shadow: unset;
  border-radius: 4px;
}
.platform-components-page-list .item_card .article-preview.dpc-video-bg .content-wrapper .cmp-list__item-date {
  color: #000000 !important;
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title {
  font-family: 'Kanit', sans-serif;
  font-size: 1.1875rem;
  line-height: 125%;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title {
    font-size: 2.125rem;
  }
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-description {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  line-height: 135%;
  font-weight: 400;
  text-transform: none;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-description {
    font-size: 1rem;
  }
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-date {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  color: #1971ff;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-date {
    font-size: 1rem;
  }
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-tags li {
  font-family: Open Sans;
  font-weight: 500;
  font-size: 1.2rem;
  color: #444444;
  border-color: #444444;
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__category {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  color: #1971ff;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__category {
    font-size: 1rem;
  }
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
}
@media only screen and (max-width: 767px) {
  .platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button {
    font-size: 0.875rem;
  }
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button:hover {
  border-width: 2px;
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button:hover,
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button:active,
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-page-list .item_card .article-preview .article-card .content-wrapper .page-button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-page-list .item_card .cmp-list__item-link:hover .cmp-list__item-title {
  color: #1971ff;
}
.platform-components-page-list__list-view .item_card:nth-child(n+1) .cmp-list__item-date {
  font-size: 1.125rem !important;
}
.platform-components-page-list__list-view .item_card.with-image .cmp-list__item-title {
  font-size: 1.25rem !important;
  line-height: 120% !important;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list__list-view .item_card.with-image .cmp-list__item-title {
    font-size: 1.25rem !important;
  }
}
.platform-components-page-list__list-view .item_card.with-image .page-button:after {
  font-family: 'maytag-icons';
  content: '\e905';
  transition: transform 0.4s ease-in-out;
  font-size: 1.25rem;
  margin-bottom: 2px;
}
.platform-components-page-list__list-view .item_card.with-image .page-button:hover:after,
.platform-components-page-list__list-view .item_card.with-image .page-button:active:after {
  transform: translateX(3px);
}
.platform-components-page-list__list-view .item_card.no-image {
  border-bottom: 1px solid #d9d9d9;
}
.platform-components-page-list__list-view .item_card.no-image .cmp-list__item-title {
  font-size: 1.25rem !important;
  line-height: 120% !important;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list__list-view .item_card.no-image .cmp-list__item-title {
    font-size: 1.25rem !important;
  }
}
.platform-components-page-list__list-view .item_card.no-image .page-button:after {
  font-family: 'maytag-icons';
  content: '\e905';
  transition: transform 0.4s ease-in-out;
  font-size: 1.25rem;
  margin-bottom: 2px;
}
.platform-components-page-list__list-view .item_card.no-image .page-button:hover:after,
.platform-components-page-list__list-view .item_card.no-image .page-button:active:after {
  transform: translateX(3px);
}
.platform-components-page-list__one-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-date {
  color: #000000 !important;
  font-size: 1.125rem !important;
}
.platform-components-page-list__one-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-title {
  line-height: 120% !important;
}
.platform-components-page-list__one-card.platform-components-page-list__gradient-light .item_card:nth-child(1) .content-wrapper .cmp-list__item-date {
  color: #000000 !important;
}
.platform-components-page-list__one-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-date,
.platform-components-page-list__one-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-title,
.platform-components-page-list__one-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-description {
  color: #ffffff !important;
}
.platform-components-page-list__three-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-date,
.platform-components-page-list__four-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-date {
  color: #000000 !important;
}
.platform-components-page-list__three-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(1) .content-wrapper .cmp-list__item-title {
  line-height: 120% !important;
}
.platform-components-page-list__three-card .item_card:nth-child(1) .cmp-list__item-date,
.platform-components-page-list__four-card .item_card:nth-child(1) .cmp-list__item-date,
.platform-components-page-list__three-card .item_card:nth-child(2) .cmp-list__item-date,
.platform-components-page-list__four-card .item_card:nth-child(2) .cmp-list__item-date,
.platform-components-page-list__three-card .item_card:nth-child(3) .cmp-list__item-date,
.platform-components-page-list__four-card .item_card:nth-child(3) .cmp-list__item-date,
.platform-components-page-list__three-card .item_card:nth-child(4) .cmp-list__item-date,
.platform-components-page-list__four-card .item_card:nth-child(4) .cmp-list__item-date {
  font-size: 1.125rem !important;
}
.platform-components-page-list__three-card .item_card:nth-child(1) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(1) .cmp-list__item-title,
.platform-components-page-list__three-card .item_card:nth-child(2) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(2) .cmp-list__item-title,
.platform-components-page-list__three-card .item_card:nth-child(3) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(3) .cmp-list__item-title,
.platform-components-page-list__three-card .item_card:nth-child(4) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(4) .cmp-list__item-title {
  line-height: 120% !important;
}
.platform-components-page-list__three-card.platform-components-page-list__gradient-light .item_card:nth-child(1) .content-wrapper .cmp-list__item-date,
.platform-components-page-list__four-card.platform-components-page-list__gradient-light .item_card:nth-child(1) .content-wrapper .cmp-list__item-date {
  color: #000000 !important;
}
.platform-components-page-list__three-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-date,
.platform-components-page-list__four-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-date,
.platform-components-page-list__three-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-title,
.platform-components-page-list__four-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-title,
.platform-components-page-list__three-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-description,
.platform-components-page-list__four-card.platform-components-page-list__gradient-dark .item_card:nth-child(1) .content-wrapper .cmp-list__item-description {
  color: #ffffff !important;
}
.platform-components-page-list__three-card .item_card:nth-child(2) .cmp-list__item-title,
.platform-components-page-list__three-card .item_card:nth-child(3) .cmp-list__item-title {
  font-size: 1.25rem !important;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list__three-card .item_card:nth-child(2) .cmp-list__item-title,
  .platform-components-page-list__three-card .item_card:nth-child(3) .cmp-list__item-title {
    font-size: 1.25rem !important;
  }
}
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button {
  color: #1971ff !important;
  padding: 0.5625rem 0 !important;
}
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button:hover,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button:hover,
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button:active,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button:active {
  color: #1d42a8 !important;
  background-color: transparent!important;
}
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button:hover:after,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button:hover:after,
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button:active:after,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button:active:after {
  transform: translateX(3px);
}
.platform-components-page-list__three-card .item_card:nth-child(2) .page-button:after,
.platform-components-page-list__three-card .item_card:nth-child(3) .page-button:after {
  font-family: 'maytag-icons';
  content: '\e905';
  transition: transform 0.4s ease-in-out;
  font-size: 1.25rem;
  margin-bottom: 2px;
}
.platform-components-page-list__four-card .item_card:nth-child(2) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(3) .cmp-list__item-title,
.platform-components-page-list__four-card .item_card:nth-child(4) .cmp-list__item-title {
  font-size: 1.25rem !important;
}
@media only screen and (min-width: 1024px) {
  .platform-components-page-list__four-card .item_card:nth-child(2) .cmp-list__item-title,
  .platform-components-page-list__four-card .item_card:nth-child(3) .cmp-list__item-title,
  .platform-components-page-list__four-card .item_card:nth-child(4) .cmp-list__item-title {
    font-size: 1.25rem !important;
  }
}
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button {
  color: #1971ff !important;
  padding: 0.5625rem 0 !important;
}
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button:hover,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button:hover,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button:hover,
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button:active,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button:active,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button:active {
  color: #1d42a8 !important;
}
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button:hover:after,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button:hover:after,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button:hover:after,
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button:active:after,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button:active:after,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button:active:after {
  transform: translateX(3px);
}
.platform-components-page-list__four-card .item_card:nth-child(2) .page-button:after,
.platform-components-page-list__four-card .item_card:nth-child(3) .page-button:after,
.platform-components-page-list__four-card .item_card:nth-child(4) .page-button:after {
  font-family: 'maytag-icons';
  content: '\e905';
  transition: transform 0.4s ease-in-out;
  font-size: 1.25rem;
  margin-bottom: 2px;
}
.platform-components-page-list__four-card .item_card:nth-child(2) {
  border-bottom: 1px solid #d9d9d9;
}
.platform-components-page-list__four-card .item_card:nth-child(3) {
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1023px) and (min-width: 901px) {
  .platform-components-page-list__four-card .item_card:nth-child(3) {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
  }
}
.platform-components-page-list__masthead-view .item_card .article-preview .article-card .content-wrapper,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .article-preview .article-card .content-wrapper,
.platform-components-page-list__masthead-view .item_card.slick-slide .article-preview .article-card .content-wrapper,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .article-preview .article-card .content-wrapper {
  background: #ffffff;
}
.platform-components-page-list__masthead-view .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
.platform-components-page-list__masthead-view .item_card.slick-slide .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title {
  font-size: 2.375rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-page-list__masthead-view .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
  .pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
  .platform-components-page-list__masthead-view .item_card.slick-slide .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title,
  .pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .article-preview .article-card .content-wrapper .content-info .cmp-list__item-title {
    font-size: 1.875rem;
  }
}
.platform-components-page-list__masthead-view .item_card .article-preview .article-card .content-wrapper svg path,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .article-preview .article-card .content-wrapper svg path,
.platform-components-page-list__masthead-view .item_card.slick-slide .article-preview .article-card .content-wrapper svg path,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .article-preview .article-card .content-wrapper svg path {
  fill: #000000;
}
.platform-components-page-list__masthead-view .item_card .cmp-list__item-link .content-wrapper:before,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .cmp-list__item-link .content-wrapper:before,
.platform-components-page-list__masthead-view .item_card.slick-slide .cmp-list__item-link .content-wrapper:before,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .cmp-list__item-link .content-wrapper:before {
  background: radial-gradient(ellipse at top left, #444444 27%, #ffffff 57%);
}
.platform-components-page-list__masthead-view .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-title,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-title,
.platform-components-page-list__masthead-view .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-title,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-title,
.platform-components-page-list__masthead-view .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__category,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__category,
.platform-components-page-list__masthead-view .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__category,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__category,
.platform-components-page-list__masthead-view .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-description,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-description,
.platform-components-page-list__masthead-view .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-description,
.pc-carousel-wrapper .platform-components-page-list__masthead-carousel-view.pc-carousel-container .item_card.slick-slide .cmp-list__item-link:hover .article-card .content-wrapper .content-info .cmp-list__item-description {
  color: #ffffff;
}

.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content {
  border-radius: 0;
}
.platform-components-image-flyout .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.platform-components-image-flyout .color-name {
  font-family: 'Kanit', sans-serif;
}
.platform-components-image-flyout .flyout-name {
  font-family: Roboto;
  font-weight: 700;
  font-size: 2.4rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .platform-components-image-flyout .flyout-name {
    font-size: 1.8rem;
  }
}
.platform-components-image-flyout .flyout-desc {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 144.4%;
  font-weight: 400;
}
.platform-components-image-flyout .flyout-cta {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: none;
}
@media (max-width: 767px) {
  .platform-components-image-flyout .flyout-cta {
    font-size: 0.875rem;
  }
}
.platform-components-image-flyout .flyout-cta .icons-arrow-right {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-image-flyout .flyout-cta .icons-arrow-right {
    font-size: 1.2rem;
  }
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .circle svg path {
  stroke: #000000;
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .circle:before {
  background: rgba(255, 255, 255, 0.35);
  border: 1.01719px solid #ffffff;
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .circle:after {
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content {
  background: #ffffff;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.45));
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img {
  background: #ffffff;
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-name {
  color: #1971ff;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.13);
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-name {
  color: #15191d;
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc,
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc p,
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ul,
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ol,
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc li {
  color: #000000;
}
.platform-components-image-flyout.theme-01 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta {
  color: #000000;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.13);
}
@media (max-width: 767px) {
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-movement {
    background: #ffffff;
  }
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-name {
    color: #15191d;
  }
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc,
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc p,
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ul,
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ol,
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc li {
    color: #000000;
  }
  .platform-components-image-flyout.theme-01 .mobile-pc-image-flyout .flyout-content .flyout-close svg path {
    stroke: #000000;
  }
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .circle svg path {
  stroke: #000000;
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .circle:before {
  background: rgba(0, 0, 0, 0.35);
  border: 1.01719px solid #f8f8f8;
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .circle:after {
  background: #f8f8f8;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content {
  background: #f8f8f8;
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.45));
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img {
  background: #f8f8f8;
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color {
  background: #f8f8f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.25);
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-name {
  color: #1971ff;
  text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.13);
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-name {
  color: #000000;
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc,
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc p,
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ul,
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ol,
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc li {
  color: #00a0dd;
}
.platform-components-image-flyout.theme-02 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta {
  color: #000000;
  text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.13);
}
@media (max-width: 767px) {
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-movement {
    background: #f8f8f8;
  }
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-name {
    color: #000000;
  }
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc,
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc p,
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ul,
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ol,
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc li {
    color: #00a0dd;
  }
  .platform-components-image-flyout.theme-02 .mobile-pc-image-flyout .flyout-content .flyout-close svg path {
    stroke: #000000;
  }
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .circle svg path {
  stroke: #ffffff;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .circle:before {
  background: unset;
  border: 1.01719px solid #080d3f;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .circle:after {
  background: #080d3f;
  box-shadow: unset;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content {
  background: #080d3f;
  filter: unset;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img {
  background: #080d3f;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color {
  background: #080d3f;
  box-shadow: unset;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-name {
  color: #7dacff;
  text-shadow: unset;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-name {
  color: #ffffff;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc,
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc p,
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ul,
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ol,
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc li {
  color: unset;
}
.platform-components-image-flyout.theme-03 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta {
  color: #ffffff;
  text-shadow: unset;
}
@media (max-width: 767px) {
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-movement {
    background: #080d3f;
  }
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-name {
    color: #ffffff;
  }
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc,
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc p,
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ul,
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ol,
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc li {
    color: unset;
  }
  .platform-components-image-flyout.theme-03 .mobile-pc-image-flyout .flyout-content .flyout-close svg path {
    stroke: #ffffff;
  }
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .circle svg path {
  stroke: #ffffff;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .circle:before {
  background: unset;
  border: 1.01719px solid #010013;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .circle:after {
  background: #010013;
  box-shadow: unset;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content {
  background: #010013;
  filter: unset;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img {
  background: #010013;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color {
  background: #010013;
  box-shadow: unset;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-img .flyout-color .color-name {
  color: #5a96ff;
  text-shadow: unset;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-name {
  color: #ffffff;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc,
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc p,
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ul,
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc ol,
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-desc li {
  color: unset;
}
.platform-components-image-flyout.theme-04 .product-flyouts .flyout-transform .flyout .flyout-content .flyout-copy .flyout-cta {
  color: #ffffff;
  text-shadow: unset;
}
@media (max-width: 767px) {
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-movement {
    background: #010013;
  }
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-name {
    color: #ffffff;
  }
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc,
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc p,
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ul,
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc ol,
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-copy .flyout-desc li {
    color: unset;
  }
  .platform-components-image-flyout.theme-04 .mobile-pc-image-flyout .flyout-content .flyout-close svg path {
    stroke: #ffffff;
  }
}

/* 
    Text Styles 
*/
/* 
    Sizing
*/
/* 
    Themes
*/
/*
    Text Styles
*/
/*
    Sizing
*/
/*
    Themes
*/
.digital-platform__countdown .badge {
  display: flex;
  width: fit-content;
  padding: var(--badge__padding);
  gap: var(--badge__gap);
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  border-radius: var(--badge__border-radius);
  background-color: var(--badge__background-color);
  /*
        Badge Elements
    */
  /*
        Style Modifiers
    */
}
.digital-platform__countdown .badge .message,
.digital-platform__countdown .badge .time {
  font-size: var(--badge__font-size);
  line-height: 1;
}
.digital-platform__countdown .badge .message {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  color: var(--badge__message__color);
}
.digital-platform__countdown .badge .time {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  text-wrap: nowrap;
  color: var(--badge__time__color);
}
.digital-platform__countdown .badge.summarized .time {
  text-transform: uppercase;
}
.digital-platform__countdown .badge.hide-message:not(.expired) .message {
  display: none;
}
.digital-platform__countdown .badge.full-width {
  width: 100%;
}
.digital-platform__countdown .badge.transparent-background {
  background-color: transparent;
}
.digital-platform__countdown .badge.remove-padding {
  padding: 0;
}
/*
    Theming
*/
.digital-platform__countdown.light .badge {
  --badge__message__color: #58585a;
  --badge__time__color: #24b6e0;
  --badge__background-color: #f5f5f5;
}
.digital-platform__countdown.dark .badge {
  --badge__message__color: #15191d;
  --badge__time__color: #ffffff;
  --badge__background-color: #15191d;
}
.digital-platform__countdown.accent .badge {
  --badge__message__color: #15191d;
  --badge__time__color: #15191d;
  --badge__background-color: #24b6e0;
}
/*
    Size Modifications
*/
.digital-platform__countdown .clock {
  /*
        The grid consist of 7 columns and 2 rows.
        The first row contains times and separators,
        and the second contains labels with intentional
        null cells.

        "inline-grid" combined with the fractional units
        allows the cells to uniformly match the size of the
        largest label. Including null cells allows the
        separators to be vertically centered even when the
        labels are hidden, and fall into place automatically.
    */
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr min-content) 1fr;
  grid-template-rows: 1fr min-content;
  grid-template-areas: "dTime  s1 hTime  s2 mTime  s3 sTime" "dLabel .. hLabel .. mLabel .. sLabel";
  gap: 0 var(--clock__gap);
  min-width: max-content;
  width: max-content;
  align-items: center;
  justify-items: center;
  /*
        Clock Elements
    */
  /*  
        Style Modifiers
    */
  /*
        Place Elements in Grid
    */
}
.digital-platform__countdown .clock .time,
.digital-platform__countdown .clock .separator {
  font-family: 'Kanit', sans-serif;
  font-size: var(--clock__time__font-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: var(--clock__time__color);
}
.digital-platform__countdown .clock .label {
  margin-top: var(--clock__label__margin-top);
  font-family: 'Inter', sans-serif;
  font-size: var(--clock__label__font-size);
  font-weight: 400;
  letter-spacing: 0.0156em;
  line-height: 1;
  color: var(--clock__label__color);
  text-transform: uppercase;
}
.digital-platform__countdown .clock .separator {
  color: var(--clock__separator__color);
  translate: 0 -0.11em;
}
.digital-platform__countdown .clock.blocked {
  gap: 0 var(--clock--blocked__gap);
}
.digital-platform__countdown .clock.blocked .time {
  display: flex;
  height: var(--clock--blocked__block-size);
  width: var(--clock--blocked__block-size);
  align-items: center;
  justify-content: center;
  color: var(--clock--blocked__time__color);
  background-color: var(--clock--blocked__block__background-color);
  border-radius: var(--clock--blocked__border-radius);
}
.digital-platform__countdown .clock.blocked .label {
  margin-top: var(--clock--blocked__label__margin-top);
}
.digital-platform__countdown .clock.filled {
  background-color: var(--clock--filled__background-color);
  border-radius: var(--clock--filled__border-radius);
  padding: var(--clock--filled__padding);
}
.digital-platform__countdown .clock.filled .time {
  color: var(--clock--filled__time__color);
}
.digital-platform__countdown .clock.filled .label {
  color: var(--clock--filled__label__color);
}
.digital-platform__countdown .clock.filled .separator {
  color: var(--clock--filled__separator__color);
}
.digital-platform__countdown .clock.blocked.filled {
  padding: var(--clock--blocked--filled__padding);
  background-color: var(--clock--blocked--filled__background-color);
}
.digital-platform__countdown .clock.blocked.filled .label {
  color: var(--clock--blocked--filled__label__color);
}
.digital-platform__countdown .clock.blocked.filled .separator {
  color: var(--clock__separator__color);
}
.digital-platform__countdown .clock.hide-labels .label {
  display: none;
}
.digital-platform__countdown .clock .days.time {
  grid-area: dTime;
}
.digital-platform__countdown .clock .days.label {
  grid-area: dLabel;
}
.digital-platform__countdown .clock .hours.time {
  grid-area: hTime;
}
.digital-platform__countdown .clock .hours.label {
  grid-area: hLabel;
}
.digital-platform__countdown .clock .minutes.time {
  grid-area: mTime;
}
.digital-platform__countdown .clock .minutes.label {
  grid-area: mLabel;
}
.digital-platform__countdown .clock .seconds.time {
  grid-area: sTime;
}
.digital-platform__countdown .clock .seconds.label {
  grid-area: sLabel;
}
/*
    Size Modifications
*/
/*
    Theming
*/
.digital-platform__countdown.light .clock {
  --clock__time__color: #15191d;
  --clock__label__color: #15191d;
  --clock__separator__color: #58585a;
  --clock--blocked__time__color: #037fa5;
  --clock--blocked__block__background-color: #f5f5f5;
  --clock--filled__time__color: #037fa5;
  --clock--filled__label__color: #15191d;
  --clock--filled__separator__color: #58585a;
  --clock--filled__background-color: #f5f5f5;
  --clock--blocked--filled__label__color: #15191d;
  --clock--blocked--filled__background-color: #ffffff;
}
.digital-platform__countdown.dark .clock {
  --clock__time__color: #ffffff;
  --clock__label__color: #ffffff;
  --clock__separator__color: #989898;
  --clock--blocked__time__color: #8cd5ea;
  --clock--blocked__block__background-color: #15191d;
  --clock--filled__time__color: #8cd5ea;
  --clock--filled__label__color: #ffffff;
  --clock--filled__separator__color: #e8e8e8;
  --clock--filled__background-color: #15191d;
  --clock--blocked--filled__label__color: #ffffff;
  --clock--blocked--filled__background-color: #000000;
}
.digital-platform__countdown.accent .clock {
  --clock__time__color: #000000;
  --clock__label__color: #15191d;
  --clock__separator__color: #989898;
  --clock--blocked__time__color: #000000;
  --clock--blocked__block__background-color: #8cd5ea;
  --clock--filled__time__color: #000000;
  --clock--filled__label__color: #15191d;
  --clock--filled__separator__color: #15191d;
  --clock--filled__background-color: #8cd5ea;
  --clock--blocked--filled__label__color: #f5f5f5;
  --clock--blocked--filled__background-color: #15191d;
}
/*
    Mixins for Sizing Rules

    Add references to new countdown style sizing mixins below.
    Be to verify those mixins are not output from the source partial.

    See existing countdown styles (_badge.less, _clock.less)
    and match the scoping rules (.style--size() { .style {} })
*/
/*
    Application of Sizing Rules

    Rules inherit/cascade mobile first. This section should
    not be modified when adding new countdown styles.
*/
.digital-platform__countdown.sm .badge {
  --badge__font-size: 12px;
  --badge__padding: 10px 20px;
  --badge__gap: 5px 10px;
  --badge__border-radius: 0;
}
.digital-platform__countdown.sm .clock {
  --clock__time__font-size: 20px;
  --clock__label__font-size: 8px;
  --clock__label__margin-top: 7px;
  --clock__gap: 5px;
  --clock--blocked__block-size: 45px;
  --clock--blocked__label__margin-top: 10px;
  --clock--blocked__gap: 2px;
  --clock--blocked__border-radius: 0;
  --clock--filled__padding: 10px 15px;
  --clock--filled__border-radius: 0;
  --clock--blocked--filled__padding: 15px;
}
.digital-platform__countdown.md .badge {
  --badge__font-size: 14px;
  --badge__padding: 10px 20px;
  --badge__gap: 5px 10px;
  --badge__border-radius: 0;
}
.digital-platform__countdown.md .clock {
  --clock__time__font-size: 30px;
  --clock__label__font-size: 10px;
  --clock__label__margin-top: 9px;
  --clock__gap: 5px;
  --clock--blocked__block-size: 55px;
  --clock--blocked__label__margin-top: 12px;
  --clock--blocked__gap: 2px;
  --clock--blocked__border-radius: 0;
  --clock--filled__padding: 10px 15px;
  --clock--filled__border-radius: 0;
  --clock--blocked--filled__padding: 15px;
}
.digital-platform__countdown.lg .badge {
  --badge__font-size: 22px;
  --badge__padding: 15px 30px;
  --badge__gap: 5px 15px;
  --badge__border-radius: 0;
}
.digital-platform__countdown.lg .clock {
  --clock__time__font-size: 54px;
  --clock__label__font-size: 14px;
  --clock__label__margin-top: 9px;
  --clock__gap: 8px;
  --clock--blocked__block-size: 100px;
  --clock--blocked__label__margin-top: 15px;
  --clock--blocked__gap: 7px;
  --clock--blocked__border-radius: 0;
  --clock--filled__padding: 25px 30px;
  --clock--filled__border-radius: 0;
  --clock--blocked--filled__padding: 25px;
}
@media (min-width: 768px) {
  .digital-platform__countdown.t-sm .badge {
    --badge__font-size: 12px;
    --badge__padding: 10px 20px;
    --badge__gap: 5px 10px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.t-sm .clock {
    --clock__time__font-size: 20px;
    --clock__label__font-size: 8px;
    --clock__label__margin-top: 7px;
    --clock__gap: 5px;
    --clock--blocked__block-size: 45px;
    --clock--blocked__label__margin-top: 10px;
    --clock--blocked__gap: 2px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 10px 15px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 15px;
  }
  .digital-platform__countdown.t-md .badge {
    --badge__font-size: 14px;
    --badge__padding: 10px 20px;
    --badge__gap: 5px 10px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.t-md .clock {
    --clock__time__font-size: 30px;
    --clock__label__font-size: 10px;
    --clock__label__margin-top: 9px;
    --clock__gap: 5px;
    --clock--blocked__block-size: 55px;
    --clock--blocked__label__margin-top: 12px;
    --clock--blocked__gap: 2px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 10px 15px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 15px;
  }
  .digital-platform__countdown.t-lg .badge {
    --badge__font-size: 22px;
    --badge__padding: 15px 30px;
    --badge__gap: 5px 15px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.t-lg .clock {
    --clock__time__font-size: 54px;
    --clock__label__font-size: 14px;
    --clock__label__margin-top: 9px;
    --clock__gap: 8px;
    --clock--blocked__block-size: 100px;
    --clock--blocked__label__margin-top: 15px;
    --clock--blocked__gap: 7px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 25px 30px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 25px;
  }
}
@media (min-width: 1024px) {
  .digital-platform__countdown.d-sm .badge {
    --badge__font-size: 12px;
    --badge__padding: 10px 20px;
    --badge__gap: 5px 10px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.d-sm .clock {
    --clock__time__font-size: 20px;
    --clock__label__font-size: 8px;
    --clock__label__margin-top: 7px;
    --clock__gap: 5px;
    --clock--blocked__block-size: 45px;
    --clock--blocked__label__margin-top: 10px;
    --clock--blocked__gap: 2px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 10px 15px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 15px;
  }
  .digital-platform__countdown.d-md .badge {
    --badge__font-size: 14px;
    --badge__padding: 10px 20px;
    --badge__gap: 5px 10px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.d-md .clock {
    --clock__time__font-size: 30px;
    --clock__label__font-size: 10px;
    --clock__label__margin-top: 9px;
    --clock__gap: 5px;
    --clock--blocked__block-size: 55px;
    --clock--blocked__label__margin-top: 12px;
    --clock--blocked__gap: 2px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 10px 15px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 15px;
  }
  .digital-platform__countdown.d-lg .badge {
    --badge__font-size: 22px;
    --badge__padding: 15px 30px;
    --badge__gap: 5px 15px;
    --badge__border-radius: 0;
  }
  .digital-platform__countdown.d-lg .clock {
    --clock__time__font-size: 54px;
    --clock__label__font-size: 14px;
    --clock__label__margin-top: 9px;
    --clock__gap: 8px;
    --clock--blocked__block-size: 100px;
    --clock--blocked__label__margin-top: 15px;
    --clock--blocked__gap: 7px;
    --clock--blocked__border-radius: 0;
    --clock--filled__padding: 25px 30px;
    --clock--filled__border-radius: 0;
    --clock--blocked--filled__padding: 25px;
  }
}
/* Accent on Light Override */
.digital-platform__countdown.accent .clock:not(.blocked, .filled) {
  --clock__time__color: #037fa5;
  --clock__label__color: #15191d;
  --clock__separator__color: #58585a;
}

.platform-components-content-filter--theme-01 .platform-components-content-filter__title {
  color: inherit;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-chip {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-chip:hover {
  background-color: transparent;
  color: #1971ff;
  border-color: #1971ff;
}
@media (max-width: 767px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-clear {
    color: #000000;
  }
}
@media (min-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-clear {
    color: #000000;
  }
  .platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-clear:hover {
    color: #1971ff;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open {
  color: #000000;
  background-color: transparent;
  border-color: #d3d3d3;
  border-width: 0;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:hover {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #d3d3d3;
  border-width: 0;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:focus,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open.active {
  color: #000000;
  background-color: #5a96ff;
  border-color: #d3d3d3;
  border-width: 0;
}
@media (max-width: 767px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-close .icons-close {
    color: #1d42a8;
  }
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-close:hover .icons-close {
    color: #1971ff;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button {
  color: #000000;
  background-color: transparent;
  border-color: #d3d3d3;
  border-width: 0;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:hover {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #d3d3d3;
  border-width: 0;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:focus,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button.active {
  color: #000000;
  background-color: #5a96ff;
  border-color: #d3d3d3;
  border-width: 0;
}
@media (min-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list.drop-shadow {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button {
  color: #000000;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button {
    border-bottom: 0 solid #d3d3d3;
  }
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:last-child {
    border-bottom: none;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button-check {
  background-color: transparent;
  border: 0.1em solid currentColor;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button-check svg path {
  stroke: #000000;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button.selected {
  color: #000000;
  background-color: #5a96ff;
  border-color: #d3d3d3;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button.selected .platform-components-content-filter__dropdown--list-button-check {
  background-color: transparent;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button.selected .platform-components-content-filter__dropdown--list-button-check svg path {
  stroke: #00a0dd;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:hover {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #d3d3d3;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:hover .platform-components-content-filter__dropdown--list-button-check {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  background-color: rgba(149, 112, 48, 0.4);
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort--button {
  background-color: unset;
  color: #000000;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort--button:hover,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort--button:focus {
  background-color: unset;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort .sort-notched-outline__lead {
  border: 1px solid #d9d9d9;
  border-right: none;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort .sort-notched-outline__notch {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort .sort-notched-outline__trail {
  border: 1px solid #d9d9d9;
  border-left: none;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort--list {
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-top: 0;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.selected .platform-components-content-filter__sort-label {
  color: #000000;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active {
  background-color: #ffffff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .platform-components-content-filter__sort--button,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .platform-components-content-filter__sort-icon {
  color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .platform-components-content-filter__sort--button path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .platform-components-content-filter__sort-icon path {
  fill: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .platform-components-content-filter__sort--list,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__lead,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__notch,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__trail {
  border-color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__lead,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__notch,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.active .sort-notched-outline__trail {
  border-bottom: none;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover {
  border-color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus {
  border-color: #d9d9d9;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort--button,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-icon,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-label {
  color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort--button path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-icon path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-label path {
  fill: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort--list,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .sort-notched-outline__lead,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .sort-notched-outline__notch,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .sort-notched-outline__trail {
  border-color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-label-selected {
  transition: 200ms ease-in-out;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort--button,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort-icon,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort-label {
  color: #000000;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort--button path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort-icon path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort-label path {
  fill: #1d42a8;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .platform-components-content-filter__sort--list,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .sort-notched-outline__lead,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .sort-notched-outline__notch,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:focus .sort-notched-outline__trail {
  border-color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort.selected:hover .platform-components-content-filter__sort-label-selected {
  transition: 200ms ease-in-out;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-chip {
  background-color: transparent;
  color: #1d42a8;
  border-color: #1d42a8;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-chip:hover {
  background-color: transparent;
  color: #1971ff;
  border-color: #1971ff;
}
@media (min-width: 769px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__taglist-clear:hover {
    color: #1971ff;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:focus,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:hover {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #d3d3d3;
  border-width: 0;
}
@media (max-width: 500px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:focus,
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open:hover {
    background-color: transparent;
  }
}
@media (max-width: 500px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-open.active {
    background-color: transparent;
    outline: inherit;
  }
}
@media (max-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-close .icons-close {
    color: #1d42a8;
  }
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown-close:hover .icons-close {
    color: #1971ff;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button {
  border-color: #d3d3d3 !important;
}
@media (max-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button {
    color: inherit;
    background-color: #f5f5f5;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button {
    background-color: transparent;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:focus,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:hover {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #d3d3d3;
  border-width: 0;
}
@media (max-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:focus,
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button:hover {
    background-color: #f5f5f5;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button.active {
  color: #000000;
  border-color: #d3d3d3;
  border-width: 0;
}
@media (max-width: 768px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button.active {
    color: inherit;
    background-color: #f5f5f5;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--button.active {
    background-color: #5a96ff;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list {
    border: 0 solid #d3d3d3;
    border-top: none;
  }
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button-check {
  background-color: transparent;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button-check svg path {
  stroke: #ffffff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button.selected .platform-components-content-filter__dropdown--list-button-check {
  background-color: currentColor;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button.selected .platform-components-content-filter__dropdown--list-button-check svg path {
  stroke: #ffffff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:focus .platform-components-content-filter__dropdown--list-button-check,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:hover .platform-components-content-filter__dropdown--list-button-check {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:focus .platform-components-content-filter__dropdown--list-button-check svg path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__dropdown--list-button:hover .platform-components-content-filter__dropdown--list-button-check svg path {
  stroke: #000000;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort--button,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-icon {
  color: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort--button path,
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-icon path {
  fill: #1971ff;
}
.platform-components-content-filter--theme-01 .platform-components-content-filter__sort:hover .platform-components-content-filter__sort-label {
  color: #000000;
}

/* content filter */
.platform-components-content-filter__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
}
.platform-components-content-filter__title {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 125%;
  text-transform: none;
  letter-spacing: 0.1875rem;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-filter__title {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__title {
    margin-right: 10px;
  }
}
.platform-components-content-filter__dropdown-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
}
.platform-components-content-filter__dropdown-container-overlay {
  display: none;
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown-container-overlay {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: none;
    transition: 200ms ease-in-out;
    z-index: 999;
  }
  .platform-components-content-filter__dropdown-container-overlay.active {
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown-container {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 450px;
    overflow-y: auto;
    height: 100%;
    background-color: #f5f5f5;
    padding: 50px 20px 20px 20px;
    transition: 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    z-index: 1000;
  }
  .platform-components-content-filter__dropdown-container.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
.platform-components-content-filter__sort-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 0 20px;
  margin-left: auto;
}
.platform-components-content-filter__taglist-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 100ms ease-in-out;
}
.platform-components-content-filter__taglist-container.active {
  opacity: 1;
  visibility: visible;
  height: 100%;
  padding: 20px;
}
@media (min-width: 768px) {
  .platform-components-content-filter__taglist-container {
    border-top: 1px solid #d3d3d3;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__taglist-container.hidden-on-mobile {
    overflow: auto;
    white-space: nowrap;
    padding-left: 40px;
  }
  .platform-components-content-filter__taglist-container.hidden-on-mobile .platform-components-content-filter__taglist {
    flex-wrap: nowrap !important;
  }
  .platform-components-content-filter__taglist-container.hidden-on-mobile .platform-components-content-filter__taglist-clear {
    font-size: 0.875rem;
    margin-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .platform-components-content-filter__taglist-container.hidden-on-desktop {
    display: none;
  }
  .platform-components-content-filter__taglist-container.hidden-on-desktop.active {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__taglist-container.hidden-on-desktop {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    background: #fff;
  }
  .platform-components-content-filter__taglist-container.hidden-on-desktop.active {
    height: auto;
  }
}
.platform-components-content-filter__taglist-container-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.platform-components-content-filter__taglist {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.platform-components-content-filter__taglist-label {
  font-family: 'Kanit', sans-serif;
  font-weight: 700;
  line-height: 100%;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0;
  color: #000000;
}
.platform-components-content-filter__taglist-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.01625rem;
  margin: 5px;
  padding: calc(4px) calc(8px);
  border-radius: 4px;
  transition: 200ms ease-in-out;
  border-width: 1px;
  border-style: solid;
}
.platform-components-content-filter__taglist-chip .pc-chip-close {
  font-size: 1rem;
  margin-left: 10px;
}
.platform-components-content-filter__taglist-chip:hover {
  cursor: pointer;
}
.platform-components-content-filter__taglist-clear {
  display: flex;
  align-items: center;
  transition: 200ms ease-in-out;
}
@media (max-width: 767px) {
  .platform-components-content-filter__taglist-clear {
    font-size: 0.875rem;
    text-transform: none;
  }
  .platform-components-content-filter__taglist-clear svg {
    height: 0.875rem !important;
    margin-right: 5px;
  }
  .platform-components-content-filter__taglist-clear svg path {
    stroke: currentColor;
  }
}
@media (min-width: 768px) {
  .platform-components-content-filter__taglist-clear {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 135%;
    font-size: 1rem;
    text-transform: none;
    letter-spacing: 0.125rem;
    margin: 5px;
  }
}
.platform-components-content-filter__taglist-clear:hover {
  cursor: pointer;
}
@media (min-width: 768px) {
  .platform-components-content-filter__taglist-clear:hover {
    text-decoration: underline;
  }
}
.platform-components-content-filter__taglist-overflow {
  position: relative;
}
@media (max-width: 767px) {
  .platform-components-content-filter__taglist-overflow:after,
  .platform-components-content-filter__taglist-overflow:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    width: 40px;
    z-index: 1;
  }
  .platform-components-content-filter__taglist-overflow:before {
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  }
  .platform-components-content-filter__taglist-overflow:after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  }
}
.platform-components-content-filter__dropdown {
  position: relative;
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown {
    width: 100%;
    margin: 10px 0;
  }
}
.platform-components-content-filter__dropdown--button {
  position: relative;
  z-index: 2;
  padding: 6px 6px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none !important;
  letter-spacing: 0.01625rem;
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown--button {
    width: 100%;
    margin: 0;
    font-size: 0.875rem;
  }
}
.platform-components-content-filter__dropdown--button .pc-dropdown-indicator {
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__dropdown--button.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.platform-components-content-filter__dropdown--button.active .pc-dropdown-indicator {
  transform: rotate(180deg);
}
.platform-components-content-filter__dropdown--list {
  margin: 0 10px;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 200ms ease-in-out;
}
@media (min-width: 768px) {
  .platform-components-content-filter__dropdown--list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    transform: scale(0.9);
    transform-origin: top left;
    min-width: 100%;
    width: max-content;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown--list {
    width: 100%;
    height: 0;
    margin: 0;
  }
}
.platform-components-content-filter__dropdown--list.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  height: auto;
}
.platform-components-content-filter__dropdown--list-button {
  position: relative;
  height: 45px;
  width: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0.01625rem;
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown--list-button {
    font-size: 0.875rem;
  }
}
.platform-components-content-filter__dropdown--list-button-title {
  padding-left: 10px;
  flex-grow: 1;
}
.platform-components-content-filter__dropdown--list-button-check {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.25em;
  flex: 0 0 1em;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__dropdown--list-button-check svg {
  transition: 200ms ease-in-out;
  opacity: 0;
}
.platform-components-content-filter__dropdown--list-button.selected .platform-components-content-filter__dropdown--list-button-check svg {
  opacity: 1;
}
@media (min-width: 768px) {
  .platform-components-content-filter__dropdown-open,
  .platform-components-content-filter__dropdown-close {
    display: none;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown-open {
    position: relative;
    z-index: 2;
    padding: 6px 6px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    border-radius: 0;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 135%;
    text-transform: none !important;
    letter-spacing: 0.01625rem;
  }
  .platform-components-content-filter__dropdown-open svg {
    width: 1.5em;
    height: 1.5em;
    margin-left: 5px;
  }
  .platform-components-content-filter__dropdown-open svg path {
    fill: currentColor;
  }
}
@media (max-width: 767px) {
  .platform-components-content-filter__dropdown-close {
    width: 50px;
    height: 40px;
    margin: unset;
    background: unset;
    border: unset;
    padding: unset;
    position: absolute;
    top: 5px;
    right: 0;
  }
  .platform-components-content-filter__dropdown-close .icons-close {
    font-size: 50px;
    transition: background-color 200ms ease-out, color 200ms ease-out;
  }
  .platform-components-content-filter__dropdown-close:hover {
    background: unset;
    border: unset;
    padding: unset;
  }
}
@media (max-width: 767px) and only screen and (max-width: 767px) {
  .platform-components-content-filter__dropdown-close .icons-close {
    font-size: 40px;
  }
}
.platform-components-content-filter__sort {
  position: relative;
  display: block;
}
.platform-components-content-filter__sort-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort-icon path {
  fill: #1d42a8;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort--button {
  position: relative;
  display: block;
  border: unset;
  min-width: 150px;
  z-index: 2;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: 0.125rem;
  text-align: left;
  padding: 10px 26px 10px 10px;
  transition: 200ms ease-in-out;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .platform-components-content-filter__sort--button {
    font-size: 0.625rem;
  }
}
.platform-components-content-filter__sort--button [tabindex]:focus {
  outline: none !important;
}
.platform-components-content-filter__sort--button.active .platform-components-content-filter__sort-icon {
  transform: rotate(180deg) translateY(50%);
}
.platform-components-content-filter__sort-label {
  transition: 200ms ease-in-out;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .platform-components-content-filter__sort-label {
    font-size: 0.625rem;
  }
}
.platform-components-content-filter__sort-label-selected {
  transition: 200ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.platform-components-content-filter__sort .sort-notched-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
}
.platform-components-content-filter__sort .sort-notched-outline__lead {
  border-radius: 2px 0 0 2px;
  width: 10px;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort .sort-notched-outline__notch {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: auto;
  max-width: calc(80%);
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort .sort-notched-outline__trail {
  border-radius: 0 2px 2px 0;
  flex-grow: 1;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort--list {
  margin: 0;
  padding: 0;
  width: 100%;
  border-radius: 2px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort--list.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.platform-components-content-filter__sort--list-item-button {
  background-color: unset;
  margin: 0;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 0.75rem;
  font-size: 1rem;
  color: #000000;
  text-transform: none;
  letter-spacing: 0.125rem;
  padding: 10px 10px !important;
  transition: 200ms ease-in-out;
  text-align: left;
  display: block;
  text-decoration: none !important;
}
.platform-components-content-filter__sort--list-item-button.selected {
  color: #1971ff;
  font-weight: bold;
}
.platform-components-content-filter__sort--list-item-button:hover {
  background-color: unset;
  color: #1971ff;
  margin: 0;
}
.platform-components-content-filter__sort.selected .platform-components-content-filter__sort-label {
  transform: translateY(-50%);
  display: block;
  background-color: unset;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  text-transform: none;
  letter-spacing: 0.125rem;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .platform-components-content-filter__sort.selected .platform-components-content-filter__sort-label {
    font-size: 0.625rem;
  }
}
.platform-components-content-filter__sort.selected .sort-notched-outline__notch {
  border-top: none;
  align-items: flex-start;
  padding: 0 3px;
}
.platform-components-content-filter__sort.selected .platform-components-content-filter__sort-label-selected {
  opacity: 1;
  visibility: visible;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.platform-components-content-filter__sort.active .sort-notched-outline__lead {
  border-bottom-left-radius: 0;
}
.platform-components-content-filter__sort.active .sort-notched-outline__trail {
  border-bottom-right-radius: 0;
}
.platform-components-content-filter .pc-filter-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.platform-components-content-filter__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
}
@media (max-width: 500px) {
  .platform-components-content-filter__title {
    display: none;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter__taglist-container {
    border-top: 1px solid #2b2753;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .platform-components-content-filter__taglist-container.active {
    padding: 20px;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter__taglist-container.active {
    padding: 20px 0;
  }
}
.platform-components-content-filter__taglist-label {
  font-family: 'Kanit', sans-serif;
}
.platform-components-content-filter__taglist-chip {
  padding: 3px calc(6px);
  border-radius: 0;
}
@media (max-width: 768px) {
  .platform-components-content-filter__taglist-clear {
    font-size: 0.625rem;
    font-family: 'Kanit', sans-serif;
  }
}
@media (min-width: 769px) {
  .platform-components-content-filter__taglist-clear {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .platform-components-content-filter-overflow:before {
    background: linear-gradient(90deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  }
  .platform-components-content-filter-overflow:after {
    background: linear-gradient(90deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
  }
}
.platform-components-content-filter__dropdown--button {
  padding: 10px 10px;
}
@media (max-width: 768px) {
  .platform-components-content-filter__dropdown--button {
    border-radius: 0;
  }
}
.platform-components-content-filter__dropdown--button .pc-dropdown-indicator {
  transition: transform 200ms ease-in-out;
  font-size: 1.5rem;
}
@media (min-width: 769px) {
  .platform-components-content-filter__dropdown--list {
    max-width: 250px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 768px) {
  .platform-components-content-filter__dropdown--list {
    border-radius: 0;
  }
}
.platform-components-content-filter__dropdown--list-button {
  padding-left: 14px;
  padding-right: 14px;
}
.platform-components-content-filter__dropdown--list-button-check svg path {
  transition: 200ms ease-in-out;
}
@media (max-width: 768px) {
  .platform-components-content-filter__dropdown-open {
    padding: 10px 10px;
    margin: 0 10px 0 0;
  }
}
@media (max-width: 500px) {
  .platform-components-content-filter__dropdown-open {
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .platform-components-content-filter__dropdown-close .icons-close {
    font-size: 40px;
  }
}
@media (max-width: 768px) and only screen and (max-width: 767px) {
  .platform-components-content-filter__dropdown-close .icons-close {
    font-size: 30px;
  }
}
.platform-components-content-filter__sort-icon {
  font-size: 1.5rem;
}
.platform-components-content-filter__sort-icon path {
  fill: #1d42a8;
  transition: 200ms ease-in-out;
}
.platform-components-content-filter__sort--button {
  font-size: 0.75rem;
  text-transform: none;
  padding: 10px 30px 10px 10px;
}
@media (max-width: 768px) {
  .platform-components-content-filter__sort--button {
    font-size: 0.625rem;
  }
}
.platform-components-content-filter__sort-label {
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .platform-components-content-filter__sort-label {
    font-size: 0.625rem;
  }
}
.platform-components-content-filter__sort .sort-notched-outline__lead {
  width: 5px;
}
.platform-components-content-filter__sort--list-item-button {
  font-size: 0.75rem;
  text-transform: none;
}
.platform-components-content-filter__sort.selected .platform-components-content-filter__sort-label {
  text-transform: none;
}

.platform-components-content-card__container.image-contained-padding {
  padding: 15px 15px;
}
.platform-components-content-card__container.value-prop {
  padding: 5px 5px;
}
.platform-components-content-card__preheader {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  line-height: 100%;
  text-transform: none;
  letter-spacing: 0.25rem;
  font-size: 1.625rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-card__preheader {
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.platform-components-content-card__subtitle {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 125%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-card__subtitle {
    font-size: 1.125rem;
    margin-bottom: 1.75rem;
  }
}
.platform-components-content-card__body-copy {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 135%;
  text-transform: none;
  letter-spacing: 0.01625rem;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-card__body-copy {
    font-size: 0.875rem;
  }
}
.platform-components-content-card__body-copy b,
.platform-components-content-card__body-copy strong {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
.platform-components-content-card__body-copy button {
  font-family: 'Inter', sans-serif;
}
.platform-components-content-card__body-copy + div.value-prop {
  margin-top: 10px;
}
.platform-components-content-card__body-copy button:focus {
  outline: 1px solid #000000;
}
.platform-components-content-card__button-container {
  margin-left: calc(-10px);
  margin-right: calc(-10px);
}
.platform-components-content-card__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  margin-left: calc(10px);
  margin-right: calc(10px);
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-card__button {
    font-size: 0.875rem;
  }
}
.platform-components-content-card__button:hover {
  border-width: 2px;
}
.platform-components-content-card__button:hover,
.platform-components-content-card__button:active,
.platform-components-content-card__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-content-card__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-content-card__button--primary.brand {
  background-color: #1971ff;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #1971ff;
}
.platform-components-content-card__button--primary.brand:hover,
.platform-components-content-card__button--primary.brand:active,
.platform-components-content-card__button--primary.brand:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-content-card__button--primary.light {
  background-color: #ffffff;
  color: #010013;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #ffffff;
}
.platform-components-content-card__button--primary.light:hover,
.platform-components-content-card__button--primary.light:active,
.platform-components-content-card__button--primary.light:focus {
  background-color: #9fc1ff;
  color: #010013;
  border-color: #9fc1ff;
}
.platform-components-content-card__button--primary.dark {
  background-color: #000000;
  color: #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out;
  border-color: #000000;
}
.platform-components-content-card__button--primary.dark:hover,
.platform-components-content-card__button--primary.dark:active,
.platform-components-content-card__button--primary.dark:focus {
  background-color: #1d42a8;
  color: #ffffff;
  border-color: #1d42a8;
}
.platform-components-content-card__button--secondary.brand {
  background-color: transparent;
  color: #1971ff;
  box-shadow: inset 0 0 0 2px #1971ff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-content-card__button--secondary.brand:hover,
.platform-components-content-card__button--secondary.brand:active,
.platform-components-content-card__button--secondary.brand:focus {
  background-color: transparent;
  color: #1d42a8;
  box-shadow: inset 0 0 0 2px #1d42a8;
}
.platform-components-content-card__button--secondary.dark {
  background-color: transparent;
  color: #000000;
  box-shadow: inset 0 0 0 2px #000000;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-content-card__button--secondary.dark:hover,
.platform-components-content-card__button--secondary.dark:active,
.platform-components-content-card__button--secondary.dark:focus {
  background-color: transparent;
  color: #1d42a8;
  box-shadow: inset 0 0 0 2px #1d42a8;
}
.platform-components-content-card__button--secondary.light {
  background-color: transparent;
  color: #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  transition: background-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}
.platform-components-content-card__button--secondary.light:hover,
.platform-components-content-card__button--secondary.light:active,
.platform-components-content-card__button--secondary.light:focus {
  background-color: transparent;
  color: #9fc1ff;
  box-shadow: inset 0 0 0 2px #9fc1ff;
}
.platform-components-content-card__button--tertiary {
  padding: 0.5625rem 0;
}
.platform-components-content-card__button--tertiary.brand {
  color: #1971ff;
  transition: color 200ms ease-out;
}
.platform-components-content-card__button--tertiary.brand:hover,
.platform-components-content-card__button--tertiary.brand:active,
.platform-components-content-card__button--tertiary.brand:focus {
  color: #1d42a8;
}
.platform-components-content-card__button--tertiary.dark {
  color: #000000;
  transition: color 200ms ease-out;
}
.platform-components-content-card__button--tertiary.dark:hover,
.platform-components-content-card__button--tertiary.dark:active,
.platform-components-content-card__button--tertiary.dark:focus {
  color: #1d42a8;
}
.platform-components-content-card__button--tertiary.light {
  color: #ffffff;
  transition: color 200ms ease-out;
}
.platform-components-content-card__button--tertiary.light:hover,
.platform-components-content-card__button--tertiary.light:active,
.platform-components-content-card__button--tertiary.light:focus {
  color: #9fc1ff;
}
.platform-components-content-card__button--tertiary:hover,
.platform-components-content-card__button--tertiary:active,
.platform-components-content-card__button--tertiary:focus {
  padding: 0.5625rem 0;
}
.platform-components-content-card__button .button-icon {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .platform-components-content-card__button .button-icon {
    font-size: 1.2rem;
  }
}
.platform-components-content-card__content {
  padding: 15px 15px;
}
@media (min-width: 73.125rem) {
  .platform-components-content-card__content.platform-components-content-card__boxed-container {
    max-width: 73.125rem;
    margin: 0 auto;
  }
}
.platform-components-content-card a.headline-link:focus {
  outline: 1px solid #939598 !important;
}
.platform-components-content-card__theme-01 {
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, transparent, transparent);
  --overlay-color-1: rgba(255, 255, 255, 0.85);
}
.platform-components-content-card__theme-01 .platform-components-content-card__border {
  border: 1px solid #58585a;
}
.platform-components-content-card__theme-01 .platform-components-content-card__main-header,
.platform-components-content-card__theme-01 .platform-components-content-card__subtitle,
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy,
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy p {
  color: #000000;
}
.platform-components-content-card__theme-01 .platform-components-content-card__preheader {
  color: #000000;
}
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy a {
  color: #000000;
}
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy a:hover {
  color: #1971ff;
}
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy button {
  color: #000000;
}
.platform-components-content-card__theme-01 .platform-components-content-card__body-copy button:hover {
  color: #1971ff;
}
.platform-components-content-card__theme-01 .platform-components-content-card__color-overlay {
  background-color: rgba(255, 255, 255, 0.85);
}
.platform-components-content-card__theme-02 {
  background-color: #f8f8f8;
  background-image: linear-gradient(to bottom, transparent, transparent);
  --overlay-color-1: rgba(248, 248, 248, 0.88);
}
.platform-components-content-card__theme-02 .platform-components-content-card__border {
  border: 1px solid #58585a;
}
.platform-components-content-card__theme-02 .platform-components-content-card__main-header,
.platform-components-content-card__theme-02 .platform-components-content-card__subtitle,
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy,
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy p {
  color: #000000;
}
.platform-components-content-card__theme-02 .platform-components-content-card__preheader {
  color: #000000;
}
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy a {
  color: #000000;
}
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy a:hover {
  color: #1971ff;
}
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy button {
  color: #000000;
}
.platform-components-content-card__theme-02 .platform-components-content-card__body-copy button:hover {
  color: #1971ff;
}
.platform-components-content-card__theme-02 .platform-components-content-card__color-overlay {
  background-color: rgba(248, 248, 248, 0.88);
}
.platform-components-content-card__theme-03 {
  background-color: #080d3f;
  background-image: linear-gradient(to bottom, transparent, transparent);
  --overlay-color-1: rgba(8, 13, 63, 0.75);
}
.platform-components-content-card__theme-03 .platform-components-content-card__border {
  border: 1px solid #f5f5f5;
}
.platform-components-content-card__theme-03 .platform-components-content-card__main-header,
.platform-components-content-card__theme-03 .platform-components-content-card__subtitle,
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy,
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy p {
  color: #ffffff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__preheader {
  color: #ffffff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy a {
  color: #ffffff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy a:hover {
  color: #7dacff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy button {
  color: #ffffff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__body-copy button:hover {
  color: #7dacff;
}
.platform-components-content-card__theme-03 .platform-components-content-card__color-overlay {
  background-color: rgba(8, 13, 63, 0.75);
}
.platform-components-content-card__theme-04 {
  background-color: unset;
  background-image: linear-gradient(unset, unset, unset);
  --overlay-color-1: unset;
}
.platform-components-content-card__theme-04 .platform-components-content-card__border {
  border: 1px solid unset;
}
.platform-components-content-card__theme-04 .platform-components-content-card__main-header,
.platform-components-content-card__theme-04 .platform-components-content-card__subtitle,
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy,
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy p {
  color: unset;
}
.platform-components-content-card__theme-04 .platform-components-content-card__preheader {
  color: unset;
}
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy a {
  color: #ffffff;
}
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy a:hover {
  color: #5a96ff;
}
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy button {
  color: #ffffff;
}
.platform-components-content-card__theme-04 .platform-components-content-card__body-copy button:hover {
  color: #5a96ff;
}
.platform-components-content-card__theme-04 .platform-components-content-card__color-overlay {
  background-color: unset;
}
.platform-components-content-card__border-radius {
  border-radius: 0;
}
.platform-components-content-card__border-radius .platform-components-content-card__image-container--background .platform-components-content-card__image {
  border-radius: 0;
}
.platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
.platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
  border-radius: 0 0 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
.platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
.platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
  border-radius: 0 0 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
.platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
.platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
  border-radius: 0 0 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
.platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
.platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
  border-radius: 0 0 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
  .platform-components-content-card__border-radius.image-contained-stretch.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image,
  .platform-components-content-card__border-radius:not(.image-contained-padding):not(.image-background).platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__image {
    border-radius: 0 0 0 0;
  }
}
.platform-components-content-card__center-alignment--lg.platform-components-content-card__bottom-alignment--lg {
  --overlay-direction: to top;
}
.platform-components-content-card__center-alignment--lg.platform-components-content-card__top-alignment--lg {
  --overlay-direction: to bottom;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__center-alignment--lg.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--lg.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__center-alignment--lg.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--lg.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
.platform-components-content-card__left-alignment--lg.platform-components-content-card__bottom-alignment--lg {
  --overlay-direction: to top right;
}
.platform-components-content-card__left-alignment--lg.platform-components-content-card__middle-alignment--lg {
  --overlay-direction: to right;
}
.platform-components-content-card__left-alignment--lg.platform-components-content-card__top-alignment--lg {
  --overlay-direction: to bottom right;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--lg.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
.platform-components-content-card__right-alignment--lg.platform-components-content-card__bottom-alignment--lg {
  --overlay-direction: to top left;
}
.platform-components-content-card__right-alignment--lg.platform-components-content-card__middle-alignment--lg {
  --overlay-direction: to left;
}
.platform-components-content-card__right-alignment--lg.platform-components-content-card__top-alignment--lg {
  --overlay-direction: to bottom left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--lg.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__center-alignment--md.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--md.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-content-card__center-alignment--md.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--md.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__left-alignment--md.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--md.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-content-card__left-alignment--md.platform-components-content-card__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--md.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--md.platform-components-content-card__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--md.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__right-alignment--md.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--md.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-content-card__right-alignment--md.platform-components-content-card__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--md.platform-components-content-card__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--md.platform-components-content-card__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--md.platform-components-content-card__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__center-alignment--sm.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--sm.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-content-card__center-alignment--sm.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-content-card__center-alignment--sm.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-content-card__left-alignment--sm.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-content-card__right-alignment--sm.platform-components-content-card__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__content.image-contained-padding {
  padding: 0 0 0 15px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-text--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-text--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
}
.platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__content.image-contained-padding {
  padding: 15px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-text--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-text--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
  .platform-components-content-card__flex-order-image--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
}
.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg .platform-components-content-card__content.image-contained-padding {
  padding: 0 15px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-image--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-image--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-row--lg.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
}
.platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg .platform-components-content-card__content.image-contained-padding {
  padding: 0 0 15px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-image--md .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-image--sm .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
  .platform-components-content-card__flex-order-text--lg.platform-components-content-card__flex-direction-column--lg.platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
  .platform-components-content-card__flex-order-image--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-row--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
  .platform-components-content-card__flex-order-text--md.platform-components-content-card__flex-direction-column--md .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 0 15px;
  }
  .platform-components-content-card__flex-order-image--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__content.image-contained-padding {
    padding: 15px 0 0 0;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-row--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 15px 0 0;
  }
  .platform-components-content-card__flex-order-text--sm.platform-components-content-card__flex-direction-column--sm .platform-components-content-card__content.image-contained-padding {
    padding: 0 0 15px 0;
  }
}
.platform-components-content-card__height-style-vh--lg.h-100vh--lg {
  height: 100vh;
  min-height: 1080px;
}
.platform-components-content-card__height-style-vh--lg.h-75vh--lg {
  height: 75vh;
  min-height: calc(810px);
}
.platform-components-content-card__height-style-vh--lg.h-50vh--lg {
  height: 50vh;
  min-height: calc(540px);
}
.platform-components-content-card__height-style-vh--lg.h-66vh--lg {
  height: calc(66.66666667vh);
  min-height: calc(719.99928px);
}
.platform-components-content-card__height-style-vh--lg.h-33vh--lg {
  height: calc(33.33333333vh);
  min-height: calc(359.99964px);
}
.platform-components-content-card__height-style-vh--lg.h-25vh--lg {
  height: 25vh;
  min-height: calc(270px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__height-style-vh--md.h-100vh--md {
    height: 100vh;
    min-height: 1080px;
  }
  .platform-components-content-card__height-style-vh--md.h-75vh--md {
    height: 75vh;
    min-height: calc(810px);
  }
  .platform-components-content-card__height-style-vh--md.h-66vh--md {
    height: calc(66.66666667vh);
    min-height: calc(719.99928px);
  }
  .platform-components-content-card__height-style-vh--md.h-50vh--md {
    height: 50vh;
    min-height: calc(540px);
  }
  .platform-components-content-card__height-style-vh--md.h-33vh--md {
    height: calc(33.33333333vh);
    min-height: calc(359.99964px);
  }
  .platform-components-content-card__height-style-vh--md.h-25vh--md {
    height: 25vh;
    min-height: calc(270px);
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__height-style-vh--sm.h-100vh--sm {
    height: 100vh;
    min-height: 1080px;
  }
  .platform-components-content-card__height-style-vh--sm.h-75vh--sm {
    height: 75vh;
    min-height: calc(810px);
  }
  .platform-components-content-card__height-style-vh--sm.h-66vh--sm {
    height: calc(66.66666667vh);
    min-height: calc(719.99928px);
  }
  .platform-components-content-card__height-style-vh--sm.h-50vh--sm {
    height: 50vh;
    min-height: calc(540px);
  }
  .platform-components-content-card__height-style-vh--sm.h-33vh--sm {
    height: calc(33.33333333vh);
    min-height: calc(359.99964px);
  }
  .platform-components-content-card__height-style-vh--sm.h-25vh--sm {
    height: 25vh;
    min-height: calc(270px);
  }
}
.platform-components-content-card__width-lg--auto {
  width: auto;
}
.platform-components-content-card__width-lg--small {
  width: calc(33.33333333%);
}
.platform-components-content-card__width-lg--medium {
  width: 50%;
}
.platform-components-content-card__width-lg--large {
  width: 75%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__width-md--auto {
    width: auto;
  }
  .platform-components-content-card__width-md--small {
    width: calc(33.33333333%);
  }
  .platform-components-content-card__width-md--medium {
    width: 50%;
  }
  .platform-components-content-card__width-md--large {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__width-sm--auto {
    width: auto;
  }
  .platform-components-content-card__width-sm--small {
    width: calc(33.33333333%);
  }
  .platform-components-content-card__width-sm--medium {
    width: 50%;
  }
  .platform-components-content-card__width-sm--large {
    width: 75%;
  }
}
.platform-components-content-card__gradient-overlay {
  background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--tablet), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--mobile), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
  .platform-components-content-card__gradient-overlay--md.radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-content-card__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
  .platform-components-content-card__gradient-overlay--sm.radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
.platform-components-content-card .radial-gradient--lg {
  background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card .radial-gradient--md {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-content-card .radial-gradient--sm {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-content-card .radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-content-card .radial-gradient-none--md.platform-components-content-card__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-content-card .radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-content-card .radial-gradient-none--sm.platform-components-content-card__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}

.platform-components-container {
  position: relative;
}
.platform-components-container.container {
  padding-left: initial;
  padding-right: initial;
  width: initial;
}
.platform-components-container__color-overlay,
.platform-components-container__gradient-overlay,
.platform-components-container .platform-components-container__image-container--background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.platform-components-container .full-width.fw-boxed {
  position: relative;
  overflow: visible;
}
.platform-components-container .full-width.fw-boxed > .container-inner:before,
.platform-components-container .full-width.fw-boxed > .container-inner > .platform-components-container__color-overlay,
.platform-components-container .full-width.fw-boxed > .container-inner > .platform-components-container__gradient-overlay,
.platform-components-container .full-width.fw-boxed > .container-inner > .platform-components-container__image-container--background {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  height: 100%;
  top: 0;
}
.platform-components-container .full-width.fw-full-width {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
}
.platform-components-container .contained-width.cw-content,
.platform-components-container .contained-width.cw-contained-width {
  position: relative;
  margin: 0 auto;
  max-width: 73.125rem;
}
.platform-components-container .contained-width.cw-content {
  overflow: visible;
}
.platform-components-container .contained-width.cw-content > .container-inner:before,
.platform-components-container .contained-width.cw-content > .container-inner > .platform-components-container__color-overlay,
.platform-components-container .contained-width.cw-content > .container-inner > .platform-components-container__gradient-overlay,
.platform-components-container .contained-width.cw-content > .container-inner > .platform-components-container__image-container--background {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  height: 100%;
  top: 0;
}
.platform-components-container .container-inner {
  position: relative;
}
.platform-components-container .container-inner__content {
  position: relative;
  height: 100%;
  z-index: 4;
}
.platform-components-container ~ .platform-components-container .container-inner__content {
  z-index: 3;
}
.platform-components-container .cmp-container,
.platform-components-container .container-inner {
  height: 100%;
}
.platform-components-container .cmp-container.absolute {
  z-index: 11;
  margin: auto;
  height: auto;
  width: fit-content;
}
.platform-components-container .cmp-container.transparent > .container-inner {
  background: transparent;
}
.platform-components-container__image-container--background img,
.platform-components-container__image-container--background video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  z-index: 0;
}
@media (min-width: 768px) {
  .platform-components-container__video-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .platform-components-container__video.hide-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .platform-components-container__image-mobile {
    display: none;
  }
}
.platform-components-container .theme-01 {
  --overlay-color-1: #ffffff;
}
.platform-components-container .theme-01 .platform-components-container__color-overlay {
  background-color: #ffffff;
}
.platform-components-container .theme-02 {
  --overlay-color-1: #f8f8f8;
}
.platform-components-container .theme-02 .platform-components-container__color-overlay {
  background-color: #f8f8f8;
}
.platform-components-container .theme-03 {
  --overlay-color-1: #080d3f;
}
.platform-components-container .theme-03 .platform-components-container__color-overlay {
  background-color: #080d3f;
}
.platform-components-container .theme-04 {
  --overlay-color-1: #010013;
}
.platform-components-container .theme-04 .platform-components-container__color-overlay {
  background-color: #010013;
}
.platform-components-container__center-alignment--lg.platform-components-container__bottom-alignment--lg {
  --overlay-direction: to top;
}
.platform-components-container__center-alignment--lg.platform-components-container__top-alignment--lg {
  --overlay-direction: to bottom;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__center-alignment--lg.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--lg.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-container__center-alignment--lg.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--lg.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
.platform-components-container__left-alignment--lg.platform-components-container__bottom-alignment--lg {
  --overlay-direction: to top right;
}
.platform-components-container__left-alignment--lg.platform-components-container__middle-alignment--lg {
  --overlay-direction: to right;
}
.platform-components-container__left-alignment--lg.platform-components-container__top-alignment--lg {
  --overlay-direction: to bottom right;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__left-alignment--lg.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--lg.platform-components-container__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--lg.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-container__left-alignment--lg.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--lg.platform-components-container__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--lg.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
.platform-components-container__right-alignment--lg.platform-components-container__bottom-alignment--lg {
  --overlay-direction: to top left;
}
.platform-components-container__right-alignment--lg.platform-components-container__middle-alignment--lg {
  --overlay-direction: to left;
}
.platform-components-container__right-alignment--lg.platform-components-container__top-alignment--lg {
  --overlay-direction: to bottom left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__right-alignment--lg.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--lg.platform-components-container__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--lg.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-container__right-alignment--lg.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--lg.platform-components-container__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--lg.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__center-alignment--md.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--md.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-container__center-alignment--md.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--md.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__left-alignment--md.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--md.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-container__left-alignment--md.platform-components-container__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--md.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--md.platform-components-container__middle-alignment--md {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--md.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__right-alignment--md.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--md.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-container__right-alignment--md.platform-components-container__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--md.platform-components-container__bottom-alignment--md {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--md.platform-components-container__middle-alignment--md {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--md.platform-components-container__top-alignment--md {
    --overlay-direction: to bottom left;
  }
}
@media (max-width: 767px) {
  .platform-components-container__center-alignment--sm.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--sm.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom;
  }
  .platform-components-container__center-alignment--sm.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top;
  }
  .platform-components-container__center-alignment--sm.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom;
  }
}
@media (max-width: 767px) {
  .platform-components-container__left-alignment--sm.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--sm.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom right;
  }
  .platform-components-container__left-alignment--sm.platform-components-container__middle-alignment--lg {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--sm.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top right;
  }
  .platform-components-container__left-alignment--sm.platform-components-container__middle-alignment--sm {
    --overlay-direction: to right;
  }
  .platform-components-container__left-alignment--sm.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom right;
  }
}
@media (max-width: 767px) {
  .platform-components-container__right-alignment--sm.platform-components-container__bottom-alignment--lg {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--sm.platform-components-container__middle-alignment--lg {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--sm.platform-components-container__top-alignment--lg {
    --overlay-direction: to bottom left;
  }
  .platform-components-container__right-alignment--sm.platform-components-container__bottom-alignment--sm {
    --overlay-direction: to top left;
  }
  .platform-components-container__right-alignment--sm.platform-components-container__middle-alignment--sm {
    --overlay-direction: to left;
  }
  .platform-components-container__right-alignment--sm.platform-components-container__top-alignment--sm {
    --overlay-direction: to bottom left;
  }
}
.platform-components-container__color-overlay {
  z-index: 1;
}
.platform-components-container__color-overlay-opacity-10--lg {
  opacity: .1;
}
.platform-components-container__color-overlay-opacity-25--lg {
  opacity: .25;
}
.platform-components-container__color-overlay-opacity-50--lg {
  opacity: .50;
}
.platform-components-container__color-overlay-opacity-75--lg {
  opacity: .75;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__color-overlay-opacity-10--md {
    opacity: .1;
  }
  .platform-components-container__color-overlay-opacity-25--md {
    opacity: .25;
  }
  .platform-components-container__color-overlay-opacity-50--md {
    opacity: .50;
  }
  .platform-components-container__color-overlay-opacity-75--md {
    opacity: .75;
  }
}
@media (max-width: 767px) {
  .platform-components-container__color-overlay-opacity-10--sm {
    opacity: .1;
  }
  .platform-components-container__color-overlay-opacity-25--sm {
    opacity: .25;
  }
  .platform-components-container__color-overlay-opacity-50--sm {
    opacity: .50;
  }
  .platform-components-container__color-overlay-opacity-75--sm {
    opacity: .75;
  }
}
.platform-components-container__gradient-overlay {
  z-index: 2;
  background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--tablet), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (max-width: 767px) {
  .platform-components-container__gradient-overlay {
    background: linear-gradient(var(--overlay-direction--mobile), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
  .platform-components-container__gradient-overlay--md.radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-container__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
  .platform-components-container__gradient-overlay--sm.radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
.platform-components-container .radial-gradient--lg {
  background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container .radial-gradient--md {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-container .radial-gradient--sm {
    background: radial-gradient(50% 50% at center, var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .platform-components-container .radial-gradient-none--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-container .radial-gradient-none--md.platform-components-container__gradient-overlay--md {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--tablet), transparent var(--overlay-color-width--tablet));
  }
}
@media (max-width: 767px) {
  .platform-components-container .radial-gradient-none--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop), transparent var(--overlay-color-width));
  }
  .platform-components-container .radial-gradient-none--sm.platform-components-container__gradient-overlay--sm {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color-1) var(--overlay-color-1-stop--mobile), transparent var(--overlay-color-width--mobile));
  }
}
.aem-Grid.match-heights {
  height: 100%;
}
.match-heights[data-match-height] > * {
  height: var(--match-height);
}
@media only screen and (min-width: 768px) {
  .match-heights[data-match-height-tablet] > * {
    height: var(--match-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .match-heights[data-match-height-desktop] > * {
    height: var(--match-height-desktop);
  }
}
.platform-components-container .cmp-container[data-height] {
  height: var(--height);
}
@media only screen and (min-width: 768px) {
  .platform-components-container .cmp-container[data-height-tablet] {
    height: var(--height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .platform-components-container .cmp-container[data-height-desktop] {
    height: var(--height-desktop);
  }
}
.platform-components-container .bw-brand {
  border-width: 1px;
}
.platform-components-container .theme-01 > .container-inner {
  border-color: #58585a;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .theme-02 > .container-inner {
  border-color: #58585a;
  background-color: #f8f8f8;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .theme-03 > .container-inner {
  border-color: #f5f5f5;
  background-color: #080d3f;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .theme-04 > .container-inner {
  border-color: #f5f5f5;
  background-color: #010013;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .full-width.fw-boxed.theme-01 > .container-inner:before {
  border-color: #58585a;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .full-width.fw-boxed.theme-02 > .container-inner:before {
  border-color: #58585a;
  background-color: #f8f8f8;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .full-width.fw-boxed.theme-03 > .container-inner:before {
  border-color: #f5f5f5;
  background-color: #080d3f;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .full-width.fw-boxed.theme-04 > .container-inner:before {
  border-color: #f5f5f5;
  background-color: #010013;
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.platform-components-container .theme-01 {
  --overlay-color-1: #ffffff;
}
.platform-components-container .theme-01 .platform-components-container__color-overlay {
  background-color: #ffffff;
}
.platform-components-container .theme-02 {
  --overlay-color-1: #f8f8f8;
}
.platform-components-container .theme-02 .platform-components-container__color-overlay {
  background-color: #f8f8f8;
}
.platform-components-container .theme-03 {
  --overlay-color-1: #080d3f;
}
.platform-components-container .theme-03 .platform-components-container__color-overlay {
  background-color: #080d3f;
}
.platform-components-container .theme-04 {
  --overlay-color-1: #010013;
}
.platform-components-container .theme-04 .platform-components-container__color-overlay {
  background-color: #010013;
}
.aem-AuthorLayer-Edit .platform-components-container .cmp-container[data-height],
.aem-AuthorLayer-Layouting .platform-components-container .cmp-container[data-height],
.aem-AuthorLayer-Developer .platform-components-container .cmp-container[data-height],
.aem-AuthorLayer-Timewarp .platform-components-container .cmp-container[data-height],
.aem-AuthorLayer-Preview .platform-components-container .cmp-container[data-height] {
  max-height: 800px;
}

.platform-components-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.platform-components-buttons__button {
  /* common style */
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .platform-components-buttons__button {
    font-size: 0.875rem;
  }
}
.platform-components-buttons__button:hover {
  border-width: 2px;
}
.platform-components-buttons__button:hover,
.platform-components-buttons__button:active,
.platform-components-buttons__button:focus {
  padding: 0.5625rem 1.5625rem;
}
.platform-components-buttons__button [class*="--secondary"] {
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
}
.platform-components-buttons__button:not(:first-child) {
  margin-left: 20px;
}
.platform-components-buttons__button span {
  white-space: nowrap;
}
.platform-components-buttons__button:hover {
  cursor: pointer;
  transition: all 200ms ease-out;
}
.platform-components-buttons__button:active {
  outline: none !important;
}
.platform-components-buttons__button:focus {
  outline: .125rem solid #000;
  outline-offset: .125rem;
}
.platform-components-buttons__button [class^="icons-"],
.platform-components-buttons__button [class*=" icons-"],
.platform-components-buttons__button [class^="dpc-icons-"],
.platform-components-buttons__button [class*=" dpc-icons-"] {
  font-size: 1.2rem;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .platform-components-buttons__button [class^="icons-"],
  .platform-components-buttons__button [class*=" icons-"],
  .platform-components-buttons__button [class^="dpc-icons-"],
  .platform-components-buttons__button [class*=" dpc-icons-"] {
    font-size: 1.2rem;
  }
}
.platform-components-buttons__button--icon-right {
  flex-direction: row-reverse;
}
.platform-components-buttons__button--icon-right [class^="icons-"],
.platform-components-buttons__button--icon-right [class*=" icons-"] {
  margin: 0 0 0 10px;
  line-height: 0;
  height: 0;
}
.platform-components-buttons__button--icon-right [class^="dpc-icons-"],
.platform-components-buttons__button--icon-right [class*=" dpc-icons-"] {
  margin: 0 0 0 10px;
}
.platform-components-buttons__button--icon-left [class^="icons-"],
.platform-components-buttons__button--icon-left [class*=" icons-"] {
  line-height: 0;
  height: 0;
}
.platform-components-buttons__button--icon-bottom {
  flex-direction: column-reverse;
}
.platform-components-buttons__button--icon-bottom [class^="icons-"],
.platform-components-buttons__button--icon-bottom [class*=" icons-"],
.platform-components-buttons__button--icon-bottom [class^="dpc-icons-"],
.platform-components-buttons__button--icon-bottom [class*=" dpc-icons-"] {
  margin: 0;
}
.platform-components-buttons__button--icon-top {
  flex-direction: column;
}
.platform-components-buttons__button--icon-top [class^="icons-"],
.platform-components-buttons__button--icon-top [class*=" icons-"],
.platform-components-buttons__button--icon-top [class^="dpc-icons-"],
.platform-components-buttons__button--icon-top [class*=" dpc-icons-"] {
  margin: 0;
}
.platform-components-buttons__button--primary-brand {
  color: #ffffff;
  background-color: #1971ff;
  border-color: #1971ff;
}
.platform-components-buttons__button--primary-brand:hover,
.platform-components-buttons__button--primary-brand:active {
  color: #ffffff;
  background-color: #1d42a8;
  border-color: #1d42a8;
}
.platform-components-buttons__button--primary-brand:focus {
  outline: .125rem solid #000;
}
.platform-components-buttons__button--primary-dark {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.platform-components-buttons__button--primary-dark:hover,
.platform-components-buttons__button--primary-dark:active {
  color: #ffffff;
  background-color: #1d42a8;
  border-color: #1d42a8;
}
.platform-components-buttons__button--primary-light {
  color: #010013;
  background-color: #ffffff;
  border-color: #ffffff;
}
.platform-components-buttons__button--primary-light:hover,
.platform-components-buttons__button--primary-light:active {
  color: #010013;
  background-color: #9fc1ff;
  border-color: #9fc1ff;
}
.platform-components-buttons__button--secondary-brand {
  color: #1971ff;
  background-color: transparent;
  border-color: #1971ff;
}
.platform-components-buttons__button--secondary-brand:hover,
.platform-components-buttons__button--secondary-brand:active {
  color: #1d42a8;
  background-color: transparent;
  border-color: #1d42a8;
}
.platform-components-buttons__button--secondary-brand:focus {
  outline: .125rem solid #000;
}
.platform-components-buttons__button--secondary-dark {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
.platform-components-buttons__button--secondary-dark:hover,
.platform-components-buttons__button--secondary-dark:active {
  color: #1d42a8;
  background-color: transparent;
  border-color: #1d42a8;
}
.platform-components-buttons__button--secondary-light {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.platform-components-buttons__button--secondary-light:hover,
.platform-components-buttons__button--secondary-light:active {
  color: #9fc1ff;
  background-color: transparent;
  border-color: #9fc1ff;
}
.platform-components-buttons__button--tertiary-brand {
  color: #1971ff;
}
.platform-components-buttons__button--tertiary-brand:hover,
.platform-components-buttons__button--tertiary-brand:active {
  color: #1d42a8;
}
.platform-components-buttons__button--tertiary-dark {
  color: #000000;
  background: transparent;
}
.platform-components-buttons__button--tertiary-dark:hover,
.platform-components-buttons__button--tertiary-dark:active {
  color: #1d42a8;
}
.platform-components-buttons__button--tertiary-light {
  color: #ffffff;
}
.platform-components-buttons__button--tertiary-light:hover,
.platform-components-buttons__button--tertiary-light:active {
  color: #9fc1ff;
}
.platform-components-buttons [class*="--tertiary"] {
  border: 0;
  padding: 5px;
  margin: 5px 1.5625rem;
}
.platform-components-buttons__button--split {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 24px;
  border-width: 2px;
  border-style: solid;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .platform-components-buttons__button--split {
    font-size: 1rem;
  }
}
.platform-components-buttons__button--split.platform-components-buttons__button--primary-brand {
  background-color: #1971ff;
  border-color: transparent;
  color: #ffffff;
}
.platform-components-buttons__button--split.platform-components-buttons__button--primary-light {
  background-color: #ffffff;
  border-color: transparent;
  color: #010013;
}
.platform-components-buttons__button--split.platform-components-buttons__button--primary-dark {
  background-color: #000000;
  border-color: transparent;
  color: #ffffff;
}
.platform-components-buttons__button--split.platform-components-buttons__button--secondary-brand {
  background-color: transparent;
  border-color: #1971ff;
  color: #1971ff;
}
.platform-components-buttons__button--split.platform-components-buttons__button--secondary-light {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.platform-components-buttons__button--split.platform-components-buttons__button--secondary-dark {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.platform-components-buttons__button--split:hover {
  background-color: transparent;
}
.platform-components-buttons__button--split:hover .platform-components-buttons__split-button-label {
  opacity: 0;
}
.platform-components-buttons__button--split:hover .platform-components-buttons__button {
  opacity: 1;
}
.platform-components-buttons__split-button-label {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  position: absolute;
  transition: all 200ms ease-out;
}
@media only screen and (max-width: 767px) {
  .platform-components-buttons__split-button-label {
    font-size: 1rem;
  }
}
.platform-components-buttons__split-button-wrapper {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: 100%;
  width: 100%;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 112.5%;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  padding: 0.5625rem 1.5625rem;
  opacity: 0;
  z-index: 2;
  transition: all 200ms ease-out;
  border: none;
  margin: -1px;
}
@media only screen and (max-width: 767px) {
  .platform-components-buttons__split-button-wrapper > .platform-components-buttons__button {
    font-size: 1rem;
  }
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:first-of-type {
  border-radius: calc(14.4px) 0 0 calc(14.4px);
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:last-of-type {
  border-radius: 0 calc(14.4px) calc(14.4px) 0;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--primary-brand {
  color: #ffffff;
  background-color: #1971ff;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--primary-light {
  color: #010013;
  background-color: #ffffff;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--primary-dark {
  color: #ffffff;
  background-color: #000000;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--secondary-brand {
  color: #1971ff;
  background-color: transparent;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--secondary-light {
  color: #ffffff;
  background-color: transparent;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button.platform-components-buttons__button--secondary-dark {
  color: #000000;
  background-color: transparent;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover {
  transition: none;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--primary-brand {
  color: #ffffff;
  background-color: #1d42a8;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--primary-light {
  color: #010013;
  background-color: #9fc1ff;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--primary-dark {
  color: #ffffff;
  background-color: #1d42a8;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--secondary-brand {
  color: #1d42a8;
  background-color: transparent;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--secondary-light {
  color: #9fc1ff;
  background-color: transparent;
}
.platform-components-buttons__split-button-wrapper > .platform-components-buttons__button:hover.platform-components-buttons__button--secondary-dark {
  color: #1d42a8;
  background-color: transparent;
}
.platform-components-buttons__button:hover {
  text-decoration: none !important;
}

.breadcrumbs-container {
  background-color: #eeeeee;
}
.breadcrumbs-v2 {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.breadcrumbs-link-v2,
.breadcrumbs-list-item-v2 {
  transition: all .2s ease;
  display: inline-block;
  align-items: center;
}
.breadcrumbs-list-item-v2 a:active {
  outline: none !important;
  padding: 5px 0;
}
.breadcrumbs-link-v2 {
  padding: 5px 0;
  text-decoration: none;
}
.breadcrumbs-link-v2:hover {
  text-decoration: none;
}
@media (max-width: 36.875rem) {
  .breadcrumbs-list-item-v2 {
    display: none;
  }
}
.breadcrumbs-list-item-v2:after {
  margin-left: 0.3125rem;
  display: inline-block;
  content: "›";
}
.breadcrumbs-list-item-last-v2:after {
  display: none;
}
@media (max-width: 47.9375rem) {
  .breadcrumbs-list-item-parent-v2 {
    display: flex;
  }
  .breadcrumbs-list-item-parent-v2:after {
    display: none;
  }
  .breadcrumbs-list-item-parent-v2.cart-back-link:before {
    content: '';
  }
}
@media (max-width: 47.9375rem) and (min-width: 36.875rem) {
  .breadcrumbs-list-item-parent-v2:after {
    margin-left: 0.3125rem;
    display: inline-block;
    content: "›";
  }
}
@media (max-width: 47.9375rem) and (max-width: 36.875rem) {
  .breadcrumbs-list-item-parent-v2:before {
    display: inline-block;
    content: "‹";
    margin-right: .6875rem;
  }
}
.breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta {
  display: none;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2 {
  transition: all .3s ease;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2:not(.collapse-item):not(.first-item):not(.last-item) {
  max-width: 0;
  overflow: hidden;
  height: 0;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2:after {
  display: none;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta {
  display: none;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item {
  cursor: pointer;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-link-v2 {
  display: none;
}
@media (max-width: 47.9375rem) {
  .breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-link-v2 {
    display: inline-block;
  }
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-link-v2 span {
  flex-shrink: 0;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta {
  display: block;
  line-height: 1;
  cursor: pointer;
  padding: 6px 0;
  text-decoration: none;
}
@media (max-width: 47.9375rem) {
  .breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta {
    display: none;
  }
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta:before {
  pointer-events: none;
  margin-left: 1rem;
  display: inline-block;
  content: "›";
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta:after {
  pointer-events: none;
  margin-right: 1rem;
  display: inline-block;
  content: "›";
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta svg {
  fill: none;
  transition: all .3s ease;
  margin: 0 .8rem;
  width: 22px;
  height: 11px;
  display: inline-block;
}
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta svg circle,
.breadcrumbs-collapse.active-collapse .breadcrumbs-list-item-v2.collapse-item .breadcrumbs-collapse-cta svg rect {
  transition: all .3s ease;
}
.breadcrumbV2 .breadcrumbs-v2,
.bc-container .breadcrumbs-v2 {
  max-width: unset;
  padding-left: unset;
  padding-right: unset;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 1170px) {
  .breadcrumbV2 .breadcrumbs-v2,
  .bc-container .breadcrumbs-v2 {
    padding-left: unset;
    padding-right: unset;
  }
}
.breadcrumbV2 .breadcrumbs-link-v2,
.bc-container .breadcrumbs-link-v2,
.breadcrumbV2 .breadcrumbs-list-item-v2,
.bc-container .breadcrumbs-list-item-v2 {
  font-family: 'Helvetica Neue', sans-serif;
  line-height: 125%;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #1d42a8;
}
@media only screen and (min-width: 1024px) {
  .breadcrumbV2 .breadcrumbs-link-v2,
  .bc-container .breadcrumbs-link-v2,
  .breadcrumbV2 .breadcrumbs-list-item-v2,
  .bc-container .breadcrumbs-list-item-v2 {
    font-size: 0.75rem;
  }
}
.breadcrumbV2 .breadcrumbs-link-v2 .breadcrumbs-collapse-cta,
.bc-container .breadcrumbs-link-v2 .breadcrumbs-collapse-cta,
.breadcrumbV2 .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta,
.bc-container .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta {
  color: #1d42a8;
}
.breadcrumbV2 .breadcrumbs-link-v2 .breadcrumbs-collapse-cta svg circle,
.bc-container .breadcrumbs-link-v2 .breadcrumbs-collapse-cta svg circle,
.breadcrumbV2 .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta svg circle,
.bc-container .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta svg circle {
  fill: #1d42a8;
}
.breadcrumbV2 .breadcrumbs-link-v2 .breadcrumbs-collapse-cta svg rect,
.bc-container .breadcrumbs-link-v2 .breadcrumbs-collapse-cta svg rect,
.breadcrumbV2 .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta svg rect,
.bc-container .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta svg rect {
  stroke: #1d42a8;
}
.breadcrumbV2 .breadcrumbs-link-v2 .breadcrumbs-collapse-cta:hover svg circle,
.bc-container .breadcrumbs-link-v2 .breadcrumbs-collapse-cta:hover svg circle,
.breadcrumbV2 .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta:hover svg circle,
.bc-container .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta:hover svg circle {
  fill: #1971ff;
}
.breadcrumbV2 .breadcrumbs-link-v2 .breadcrumbs-collapse-cta:hover svg rect,
.bc-container .breadcrumbs-link-v2 .breadcrumbs-collapse-cta:hover svg rect,
.breadcrumbV2 .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta:hover svg rect,
.bc-container .breadcrumbs-list-item-v2 .breadcrumbs-collapse-cta:hover svg rect {
  stroke: #1971ff;
}
.breadcrumbV2 .breadcrumbs-link-v2.breadcrumbs-list-item-last-v2,
.bc-container .breadcrumbs-link-v2.breadcrumbs-list-item-last-v2,
.breadcrumbV2 .breadcrumbs-list-item-v2.breadcrumbs-list-item-last-v2,
.bc-container .breadcrumbs-list-item-v2.breadcrumbs-list-item-last-v2 {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  color: #1971ff;
  opacity: 100%;
}
.breadcrumbV2 .breadcrumbs-link-v2.breadcrumbs-list-item-last-v2:hover,
.bc-container .breadcrumbs-link-v2.breadcrumbs-list-item-last-v2:hover,
.breadcrumbV2 .breadcrumbs-list-item-v2.breadcrumbs-list-item-last-v2:hover,
.bc-container .breadcrumbs-list-item-v2.breadcrumbs-list-item-last-v2:hover {
  color: #1971ff;
}
.breadcrumbV2 .breadcrumbs-link-v2:hover,
.bc-container .breadcrumbs-link-v2:hover,
.breadcrumbV2 .breadcrumbs-list-item-v2:hover,
.bc-container .breadcrumbs-list-item-v2:hover {
  color: #1971ff;
}
.breadcrumbV2 .breadcrumbs-list-item-v2:before,
.bc-container .breadcrumbs-list-item-v2:before,
.breadcrumbV2 .breadcrumbs-list-item-v2:after,
.bc-container .breadcrumbs-list-item-v2:after {
  color: #1d42a8;
}
.breadcrumbV2 .breadcrumbs-list-item-v2:after,
.bc-container .breadcrumbs-list-item-v2:after {
  margin-right: 10px;
}
.dpc-breadcrumb-short .breadcrumbs-list-item-v2 {
  display: none;
}
.dpc-breadcrumb-short .breadcrumbs-list-item-parent-v2 {
  display: flex;
}
.dpc-breadcrumb-short .breadcrumbs-list-item-parent-v2:before {
  display: inline-block;
  margin-right: .6875rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 0.875rem;
  color: inherit;
}
.dpc-breadcrumb-short .breadcrumbs-list-item-parent-v2:after {
  display: none;
}

.platform-components-meta a.theme-01-tags:before {
  background: radial-gradient(ellipse at top left, #15191d 27%, #ffffff 57%);
}
.platform-components-meta a.theme-01-tags:hover {
  color: #ffffff;
}
.platform-components-meta a.theme-02-tags:before {
  background: radial-gradient(ellipse at top left, #000000 27%, #f8f8f8 57%);
}
.platform-components-meta a.theme-02-tags:hover {
  color: #f8f8f8;
}
.platform-components-meta a.theme-03-tags:before {
  background: radial-gradient(ellipse at top left, #ffffff 27%, #080d3f 57%);
}
.platform-components-meta a.theme-03-tags:hover {
  color: #080d3f;
}
.platform-components-meta a.theme-04-tags:before {
  background: radial-gradient(ellipse at top left, #ffffff 27%, #010013 57%);
}
.platform-components-meta a.theme-04-tags:hover {
  color: #010013;
}

/*
 * Refresh panel chrome: a dark floating surface with a 1px gradient ring and a
 * brand-coloured glow. Shared by the edr-refresh header flyouts and the PDP's
 * change-location modal so the two stay identical.
 *
 * Import only - not listed in any css.txt, and mixins with () emit nothing on
 * their own. Colours read the atomic theme custom properties, so a panel picks
 * up whatever dpc-theme-* class it sits under; on the refresh PDP that is the
 * per-filter ramp pdp-colors.less maps onto those same tokens.
 */
/* How far down the viewport a panel drawn inside a modal starts.
 *
 * modals.css centres .modal-box horizontally and gives it a 1.25rem / 2.5rem top
 * margin off a fixed, full-viewport .modal, which put the session timeout pair and
 * the PDP's change-location modal over the navigation. The header stack is 110px;
 * this leaves a clear gap under it so the panel reads as separate from the nav
 * behind it.
 *
 * Lives here rather than in either stylesheet because both use it and the two
 * modals are meant to open in the same place.
 */
/*
 * Refresh type styles that the theme tokens do not carry.
 *
 * Import only - not listed in any css.txt, and mixins with () emit nothing on
 * their own. Shared by the edr-refresh header flyouts and the refresh PDP so the
 * two stay identical; refresh-panel.less is the same arrangement for the panel
 * chrome.
 */
/* The four styles the header flyouts are built from. They lived in header.less
   while the header was the only thing drawing these panels; the PDP's
   change-location modal is the same panel and was reviewed as not matching the
   navigation - it was still on the legacy DM Sans - so they moved here, which is
   what this file is for.

   Each one reads straight from the theme tokens, so a brand that recompiles
   theme.less gets the new values in both places at once. */
/* atomic's .dpc-body2 / .dpc-body2-bold. The refresh theme has no
   @typography-body-2-* of its own - they are all `unset`, and the brandless
   default is still Roboto - so the stacks come from body-1 / body-bold and the
   metrics are the ones atomic compiles for those two classes from its per-brand
   $typography-*-body-2 tokens. @mobile-breakpoint (47.938rem) is atomic's $mobile
   (max-width: 767px) to the pixel.

   dpc-caption is uppercase in this brand, so sentence-case small copy sits on
   dpc-body2 rather than on the caption tokens. */
/* EDR refresh header. Colours come from the atomic theme custom properties, so
   the theme class an author puts on the surrounding block decides the values. */
/* @refresh-modal-nav-clearance -- how far down the viewport the session timeout
   modals start, so they clear the navigation -- comes from the shared
   mixins/refresh-panel.less imported at the top. location-modal.less takes the
   same value, so the PDP's change-location modal opens in the same place. */
/* ------------------------------------------------------------------ mixins */
/* .refresh-disclaimer-typography(), .refresh-caption-typography(),
   .refresh-headline-6-typography() and .refresh-button-typography() come from the
   shared mixins/refresh-typography.less imported at the top. They started here,
   and moved once the PDP's change-location modal had to match the navigation
   exactly -- same arrangement as refresh-panel.less. */
/* .refresh-glow-panel() and .refresh-glow-shadow() come from the shared
   mixins/refresh-panel.less imported at the top -- location-modal.less pulls in
   the same file, which is the point: the PDP's change-location modal and these
   header flyouts are the same panel and have to stay identical. */
/* ------------------------------------------------------------------ header */
.dpc-navigation-wrapper header.header-v3 {
  border-bottom: none;
  box-shadow: none;
  background: transparent;
}
.dpc-navigation-wrapper header.header-v3 .main_header .tool-set-section {
  height: auto;
  background: transparent;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account {
  /* signIn.less rings the whole trigger with `outline: 1px solid @color-black`
         on :focus-within. Two problems on this header: :focus-within fires on a
         mouse click as well as a keyboard tab, so the box appears whenever anyone
         opens the menu, and black on the dark header reads as a smudge rather
         than as focus.

         Dropped, and replaced rather than simply removed -- the trigger is a
         menu and still needs a visible focus state. :focus-visible puts it on the
         control that actually took focus and keeps it off mouse clicks, the same
         distinction buyBox.less draws for the pack cards. */
  /* The signed-in trigger stayed black on the dark header. signIn.less colours
         it from .sign-in-account.authorized .sign-in-account__authorized
         .sign-in-account__link .sign-in-account__second-row
         .sign-in-account__text-bold -- six classes, which outranks the two-class
         rules above, and the welcome line carries its own black from
         .sign-in-account .sign-in-account__welcome-text. Both are reached here with
         a longer chain, so neither needs !important.
         The same sheet puts the copy in DM Sans; __text ("or") and __text-bold
         ("Sign In" / "Create Account" / "My Account") move to body-2-bold, while
         the "Hello, <name>" line keeps the size it has. */
  /* Signed-in dropdown. signIn.less paints the panel and every row white
         with black copy; it is absolutely positioned once .active, which is the
         only state the ring is visible in. */
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account svg path {
  stroke: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account:focus-within {
  outline: none;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account a:focus-visible,
.dpc-navigation-wrapper header.header-v3 .sign-in-account button:focus-visible {
  outline: 2px solid var(--text-link-highlight);
  outline-offset: 2px;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__text-container {
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__text-bold {
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container {
  /* The "Hello, <name>" line keeps DM Sans otherwise: signIn.less sets the
           family from a five-class chain of its own, and the rule above only
           carries colour. Family only - the weight and size it has are the ones
           the trigger wants. __name-text is deliberately not in this group: it
           sits inside the flyout title, which is Kanit from headline-6, and an
           Inter stack here would override that on the surname alone. */
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container .sign-in-account__welcome-text,
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container .sign-in-account__name-first-text,
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container .sign-in-account__name-text {
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container .sign-in-account__welcome-text,
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__text-container .sign-in-account__name-first-text {
  font-family: 'Inter', sans-serif;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__text,
.dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__text-bold,
.dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__link .sign-in-account__second-row .sign-in-account__text-bold {
  color: var(--text-base);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
@media all and (max-width: 47.938rem) {
  .dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__text,
  .dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__text-bold,
  .dpc-navigation-wrapper header.header-v3 .sign-in-account.authorized .sign-in-account__authorized .sign-in-account__link .sign-in-account__second-row .sign-in-account__text-bold {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__text-bold {
  text-transform: capitalize;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__second-row:after {
  border-top: 0.4rem solid var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account .sign-in-account__link.active {
  border: none !important;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav {
  box-shadow: 0 5px 34px 0 color-mix(in srgb, var(--primary-brand-background) 50%, transparent);
  background: var(--ui-background);
  border-radius: 10px;
  top: 50px;
  /* everydrop's v3 header sheet pushes the panel in by right: 6rem from
           768px to 1040px, which was tuned for the trigger's place in the old
           header and here just slides it left, away from the account icon. Zeroed
           for the whole range - the platform's own desktop mixin already asks for
           0, so this only really lands on the tablet band and the 1023-1040px
           overlap. Scoped under .dpc-navigation-wrapper, so the legacy header
           keeps the offset. */
  right: 0;
  /* 24px around the whole flyout, as on the mini cart. The shared sheet
           insets each row's copy with a 24px left margin and nothing on the right;
           the gutter goes on the panel instead so the delimiters, which are
           100%-wide siblings of the rows, stop inside the panel edge rather than
           running the full width. border-box so it comes out of signIn.less's
           min/max-width rather than widening the panel by 48px. */
  box-sizing: border-box;
  padding: 24px;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav:before,
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 10px;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--primary-brand-background) 100%);
  z-index: 1;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--ui-background);
  z-index: 2;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav > * {
  position: relative;
  z-index: 3;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row {
  background: transparent;
  font-family: 'Inter', sans-serif;
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row:first-child {
  margin-top: 0;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row:first-child .sign-in-account__nav-row-item {
  margin-top: 0;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row:last-child {
  margin-top: 16px;
  margin-bottom: 0;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item {
  margin-left: 0;
  color: var(--text-link-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
}
@media all and (max-width: 47.938rem) {
  .dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item:focus,
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item:hover {
  color: var(--text-link-highlight);
  font-weight: 400;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item.user-name {
  color: var(--text-base);
  font-family: 'Kanit', sans-serif;
  font-weight: 400 ;
  font-size: 1.25rem ;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item.user-name .sign-in-account__name-text {
  font-weight: 400;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item.button {
  margin: 0;
  background: var(--secondary-brand-background);
  border-color: var(--secondary-brand-border);
  color: var(--secondary-brand-text);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item.button:focus,
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-row .sign-in-account__nav-row-item.button:hover {
  background: var(--secondary-brand-background-highlight);
  border-color: var(--secondary-brand-border-highlight);
  color: var(--secondary-brand-text-highlight);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-account__nav .sign-in-account__nav-delimiter {
  border-top-color: rgba(250, 252, 255, 0.13);
}
.dpc-navigation-wrapper header.header-v3 .sign-in-modal-component #sign-in-modal .modal-box {
  margin: 50px 0 auto auto;
  background: transparent;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .header-cart-v3-trigger {
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .header-cart-v3-trigger .header-cart-v3-trigger-icon svg path {
  stroke: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .header-cart-v3-trigger .header-cart-v3-item-count {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .header-cart-v3-trigger .header-cart-v3-item-count .header-cart-v3-item-count-value {
  color: var(--primary-brand-text);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 {
  top: 50px;
  box-shadow: 0 5px 34px 0 color-mix(in srgb, var(--primary-brand-background) 50%, transparent);
  background: var(--ui-background);
  border-radius: 10px;
  color: var(--text-base);
  /* 24px around the whole flyout. With the gutter on the panel the section
           containers sit inside it, so their dividers stop short of the panel edge
           on their own and the rules can stay on the containers where the shared
           sheet puts them. border-box so the padding comes out of
           miniCartV3.less's 19.875rem instead of widening the panel -- the content
           box stays the 270px it was when the containers carried the gutter. */
  box-sizing: border-box;
  padding: 24px;
  /* The empty flyout ends on a doubled gutter. Under the last row sits the
           panel's own 24px and the 16px bottom half of .cart-mini-v3-section's
           `padding: 1rem 0` (miniCartV3.less). This file used to add 8px on top of
           that further down; since these are the two rows it was adding it to, and
           nothing follows them, that rule is gone rather than left here to lose.

           Named rather than found with :last-child. miniCart.html emits every
           section container up front and toggles a .hidden class on the child, so
           the last row on screen is nowhere near the last in the DOM: the
           sign-in row is followed by the authorized-text container and then
           .cart-v3-mini_promo-area, which is the real :last-child. These two are
           the only rows that ever end the flyout - signed out and signed in - and
           nothing visible follows either, so the panel's gutter is the whole
           bottom margin. */
  /* Populated state. The shared sheet sizes this copy for a white panel and
           the sizes are the ones the design asks for, so only the family, the
           colours and the weights move to the refresh. */
  /* Every line in the flyout came out bold. Most of this copy sets no weight
           of its own and inherits, and the totals block inherits 700 from
           .cart-mini-v3-section--last, so the disclaimer weight is asserted on each
           element instead of relying on what it inherits. Per the design only
           "Order Discount:" stays bold, so .cart-mini-v3__total--label is left out
           -- it is the one element the inherited 700 is wanted on. */
  /* The "Showing N of N Items" line alone stayed black while everything grouped
           with it above went white. miniCartV3.less colours it from a six-class chain,
           .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container
           .cart-mini-v3-section.cart-mini-v3__count .cart-mini-v3__count-text, and that
           outranks the grouped selector above, which reaches the same element with
           fewer classes. Repeating its chain here wins on specificity alone, so this
           needs no !important. */
  /* header.js lifts the "(Before Taxes, ...)" half of the authored total
           label into this span; as a block it drops under "Total:", and the row's
           default align-items keeps the amount on the first line beside it. */
  /* "View Entire Cart" reflowed to bold under the cursor: mini-cart-v3.less
           bolds it on hover off the same seven-class chain the count-text rule
           above had to be repeated for, and that outranks the grouped link rule.
           Repeating the chain pins both states to the resting weight. */
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3:before,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 10px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--primary-brand-background) 100%);
  z-index: -2;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--ui-background);
  z-index: -1;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section.cart-mini-v3-signinn-link,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section.cart-mini-v3-authorized-text {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-text,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-mdl,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-qty,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-price--text,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__other--label,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__other--subtot,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--label,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--amt,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--label-bld,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--amt-bld {
  font-family: 'Inter', sans-serif;
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-text,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title--link,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-mdl,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-mdl--bold,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-qty,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-qty--number,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-price--text,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__other--label,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__other--subtot,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--amt,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--label-bld,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--amt-bld {
  font-weight: 400;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__count .cart-mini-v3__count-text {
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__total--note {
  display: block;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-link {
  color: var(--text-link-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-link:focus,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-link:hover {
  color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__count-link:focus {
  outline-color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title--link {
  color: var(--text-emphasis);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title--link:focus,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title--link:hover {
  color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__prod-title--link:focus {
  outline-color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__count .cart-mini-v3__count-text .cart-mini-v3__count-link {
  font-weight: 400;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__count .cart-mini-v3__count-text .cart-mini-v3__count-link:focus,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__count .cart-mini-v3__count-text .cart-mini-v3__count-link:hover {
  font-weight: 400;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns {
  padding: 16px 0 0;
  /* miniCartV3.less sizes this button at a hardcoded 17.875rem (286px),
             which was the panel's 318px less the 1rem gutter the checkout
             container used to carry. The gutter is the panel's 24px now, so that
             width overhangs the content box by 16px on the right. Filling the
             container tracks whatever the panel is instead, and also replaces the
             sheet's separate 15.313rem mobile width. */
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns .cart-mini-v3__btn {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns .cart-mini-v3__btn:focus,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns .cart-mini-v3__btn:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns .cart-mini-v3__btn:focus {
  outline-color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3__cta-btns .checkout-cart-mini-v3-btn {
  width: 100%;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container {
  padding: 0;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container.cart-mini-v3-section-container-full-border {
  border-bottom-color: rgba(250, 252, 255, 0.13);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container.cart-mini-v3-checkout {
  padding: 0;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section {
  /* "All Merchandise in Cart" carries the same short-border class as the
               title, so the reset above took its rule with it. The design keeps
               this one, and it ties with that rule on specificity, so it is
               re-asserted after it rather than fighting it. */
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__title {
  padding: 0 0 5px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3-section-container-short-border {
  border-bottom: none;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3-section-container-short-border.cart-mini-v3-empty:not(.hidden) {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(250, 252, 255, 0.13);
  margin-bottom: 5px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__other {
  border-bottom: 1px solid rgba(250, 252, 255, 0.13);
  padding-bottom: 16px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section .empty-cart-v3-icon svg {
  height: 24px;
  margin-right: 10px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section .empty-cart-v3-icon svg path {
  stroke: var(--primary-brand-background);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox {
  background: var(--ui-background);
  color: var(--text-base);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox a {
  color: var(--text-link-base);
  margin-right: 2px;
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox a:focus,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox a:hover {
  color: var(--text-link-highlight);
}
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox p {
  display: inline;
}
.header-menu-overlay,
.header-less-overlay {
  opacity: 0;
}
.header-pencil-banner-v4__theme-04,
.header-v3 .content-block-wrapper {
  background-color: transparent;
}
.header-pencil-banner-v4 {
  width: auto;
}
.header-pencil-banner-v4 .accessibility-button-container {
  margin-left: 0;
}
.header-pencil-banner-v4__theme-04__accessibility-button {
  margin: 0;
  width: auto;
  line-height: 0;
}
.header-pencil-banner-v4__theme-04__accessibility-button a {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  color: var(--text-link-base);
}
.header-pencil-banner-v4__theme-04__accessibility-button a:focus,
.header-pencil-banner-v4__theme-04__accessibility-button a:hover {
  color: var(--text-link-highlight);
  letter-spacing: 0;
  font-weight: 400;
}
.utility-nav__link-wrapper {
  padding-left: 0px;
  padding-right: 10px;
}
.utility-nav__link {
  color: var(--text-link-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
}
.utility-nav__link:focus,
.utility-nav__link:hover {
  color: var(--text-link-highlight);
}
#location.utility-nav__link {
  color: var(--text-link-base);
  text-transform: capitalize;
}
#location.utility-nav__link:focus,
#location.utility-nav__link:hover {
  text-decoration: none!important;
  color: var(--text-link-base);
}
#location.utility-nav__link:focus .location-data,
#location.utility-nav__link:hover .location-data {
  color: var(--text-link-highlight);
}
a.utility-nav__link,
.location-data {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3__title .cart-mini-v3__title-text {
  font-family: 'Kanit', sans-serif;
  font-weight: 400 ;
  font-size: 1.25rem ;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
}
.header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3-section.cart-mini-v3-empty .empty-cart-v3-text {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 144.4%;
  letter-spacing: 0;
  text-transform: none;
}
.header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox .cart-mini-v3__empty-state-msgbox-text {
  line-height: 0;
}
.header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox p,
.dpc-navigation-wrapper header.header-v3 .header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox a {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
}
.header-cart-v3 .cart-mini-v3 .cart-mini-v3-section-container .cart-mini-v3__empty-state-msgbox .cart-mini-v3__empty-state-msgbox--big-text p {
  font-weight: 700;
}
.form-show-password-label.show-password-btn {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
}
.form-show-password-label.show-password-btn:focus,
.form-show-password-label.show-password-btn:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
.utility-nav__link-wrapper--location .location-nav-dropdown,
.modal-overlay {
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block,
.modal-overlay .location-block {
  position: relative;
  box-shadow: 0 5px 34px 0 color-mix(in srgb, var(--primary-brand-background) 50%, transparent);
  background: var(--ui-background);
  border-radius: 10px;
  padding: 24px !important;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block:before,
.modal-overlay .location-block:before,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block:after,
.modal-overlay .location-block:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 10px;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block:before,
.modal-overlay .location-block:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--primary-brand-background) 100%);
  z-index: 1;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block:after,
.modal-overlay .location-block:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--ui-background);
  z-index: 2;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block > *,
.modal-overlay .location-block > * {
  position: relative;
  z-index: 3;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .location-headline-dropdown,
.modal-overlay .location-block .location-headline-dropdown {
  color: var(--text-base);
  font-family: 'Kanit', sans-serif;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .location-headline-dropdown .location-value,
.modal-overlay .location-block .location-headline-dropdown .location-value {
  color: var(--text-base);
  font-family: 'Kanit', sans-serif;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .location-text-block,
.modal-overlay .location-block .location-text-block,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .location-text-label,
.modal-overlay .location-block .location-text-label {
  color: var(--text-offset);
  font-family: 'Inter', sans-serif !important;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133% !important;
  letter-spacing: 0;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .form-block-location .form-location .form-location-zip-code,
.modal-overlay .location-block .form-block-location .form-location .form-location-zip-code {
  border: none!important;
  background: transparent;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .form-block-location .form-location .form-location-zip-code:focus-within,
.modal-overlay .location-block .form-block-location .form-location .form-location-zip-code:focus-within {
  border: none;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .form-input,
.modal-overlay .location-block .form-input {
  color: var(--text-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 157.1%;
  letter-spacing: 0;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .zip-code-error-message,
.modal-overlay .location-block .zip-code-error-message {
  font-family: 'Inter', sans-serif;
  color: var(--input-error-helper-text);
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .suggestion-message,
.modal-overlay .location-block .suggestion-message {
  font-family: 'Inter', sans-serif;
  color: var(--text-base);
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .button,
.modal-overlay .location-block .button,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block #update-location-btn,
.modal-overlay .location-block #update-location-btn {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
}
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .button:focus,
.modal-overlay .location-block .button:focus,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block #update-location-btn:focus,
.modal-overlay .location-block #update-location-btn:focus,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block .button:hover,
.modal-overlay .location-block .button:hover,
.utility-nav__link-wrapper--location .location-nav-dropdown .location-block #update-location-btn:hover,
.modal-overlay .location-block #update-location-btn:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form {
  padding: 24px;
  position: relative;
  z-index: 3;
}
.location-block .form-block-location .form-location .form-location-zip-code .mm-zipcode-location-v2,
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-input,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-input {
  text-transform: none;
  border-radius: 4px;
  border: 1px solid var(--primary-brand-border) !important;
  background: var(--ui-background-offset);
  color: var(--text-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 157.1%;
  letter-spacing: 0;
}
.location-block .form-block-location .form-location .form-location-zip-code .mm-zipcode-location-v2::placeholder,
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-input::placeholder,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-input::placeholder {
  color: var(--text-emphasis);
}
/* Two separate shared rules take the placeholder to black once the field is active, both
   in edv2.common, which is loaded on every everydrop page including en_ca and fr_ca and so
   is overridden here rather than changed at source:

     .form-input:focus::placeholder                                        (generic)
     ... .login .form-group:focus-within .form-input::placeholder          (sign-in only)

   The second is the one that actually shows: the modal autofocuses the email field, so it
   is active from the moment the panel opens. Its chain is an id plus six classes, which is
   why a lighter override lost to it, hence the `body` prefix on the second rule below. */
.location-block .form-block-location .form-location .form-location-zip-code .mm-zipcode-location-v2:focus::placeholder,
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-input:focus::placeholder,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-input:focus::placeholder {
  color: var(--text-emphasis);
}
body .sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-group:focus-within .form-input::placeholder,
body #additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-group:focus-within .form-input::placeholder {
  color: var(--text-emphasis);
}
/* userLocation-v5.less draws a 1px black outline on the focused zip - invisible
   on the dark panel - and ties with the rule above on specificity, so the
   :focus-visible here is what breaks the tie. The border survives on its own
   !important, so the ring only has to sit outside it. Matches location-modal.less. */
.location-block .form-block-location .form-location .form-location-zip-code .mm-zipcode-location-v2:focus-visible,
.sign-in-modal-component #sign-in-modal .modal-box .sign-in-popup__form .login .form-input:focus-visible,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-input:focus-visible {
  outline: none;
  outline-offset: 0px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .modal-content,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .modal-content {
  box-shadow: 0 5px 34px 0 color-mix(in srgb, var(--primary-brand-background) 50%, transparent);
  border-radius: 10px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup {
  position: relative;
  background: var(--ui-background);
  border-radius: 10px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:before,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:before,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:after,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 10px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:before,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--primary-brand-background) 100%);
  z-index: 1;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:after,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--ui-background);
  z-index: 2;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-title,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-title {
  color: var(--text-base);
  font-family: 'Kanit', sans-serif;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
  border-bottom: none;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-label,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-label,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider {
  color: var(--text-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-group:focus-within .form-label .form-req,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-group:focus-within .form-label .form-req,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-label .form-req,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login .form-label .form-req {
  color: var(--text-base);
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-error-item,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-error-item {
  font-family: 'Inter', sans-serif;
  color: var(--input-error-helper-text);
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider:before,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider:before,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider:after,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-buttons__divider:after {
  border-top: 1px solid rgba(250, 252, 255, 0.13);
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button {
  color: var(--text-link-base);
  text-decoration: underline;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link:focus,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link:focus,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button:focus,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button:focus,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link:hover,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .login-forgot-password-link:hover,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button:hover,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .sign-in-popup__button:hover {
  color: var(--text-link-highlight);
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit:focus,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit:focus,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit:hover,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sign-in-popup__form .form-button.login-submit:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google {
  border-radius: 30px;
  border: 1px solid rgba(250, 252, 255, 0.13);
  align-items: center;
  justify-content: center;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-text,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-text,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-text,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-text {
  background: transparent;
  color: var(--text-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 157.1%;
  letter-spacing: 0;
  width: auto;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-icon,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-icon {
  border-right: none;
  background: transparent;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon svg:not(:root),
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon svg:not(:root),
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-icon svg:not(:root),
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--google-icon svg:not(:root) {
  height: 24px;
  width: 24px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon {
  background-color: #1877F2;
  mask: url(../../../content/dam/business-unit/everydropv2/global-assets/refresh/facebook-icon.svg) center / contain no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon svg:not(:root) image,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .sing-in-buttons-wrapper .sign-in-buttons__login-social--facebook-icon svg:not(:root) image {
  display: none;
}
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .form-group.wrapper-error .form-label,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .form-group.wrapper-error .form-label,
header.header-v3 .sign-in-modal-component #sign-in-modal.sign-in-wrapper.modal .modal-box .form-group.wrapper-error .form-req,
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box .form-group.wrapper-error .form-req {
  color: var(--input-error-helper-text) !important;
}
header.header-v3 .main_header .tool-set-section_right-side {
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  /* Mobile Utility Nav */
  .utility-nav-wrapper-mobile .utility-nav__container {
    padding: 30px 0 50px;
    display: flex;
    transform: none;
    justify-content: space-between;
  }
  .utility-nav-wrapper-mobile .utility-nav__container .utility-nav__link-wrapper {
    padding: 0;
  }
  .utility-nav-wrapper-mobile .utility-nav__container .utility-nav__link-wrapper .utility-nav__link-icon {
    display: none;
  }
  .dpc-navigation__mobile-menu-button svg:not(:root) {
    height: auto;
  }
  /* Mobile Header */
  header.header-v3 .main_header .sign-in-account {
    margin: 0;
  }
  header.header-v3 .main_header .tool-set-section_right-side {
    padding-right: 0;
  }
  header.header-v3 .main_header .header-cart-v3 {
    padding-left: 0px;
  }
  header.header-v3 .sign-in-wrapper .sign-in-popup {
    margin: 0;
  }
  header.header-v3 .modal-close-icon svg path {
    fill: var(--text-link-base);
  }
  .utility-nav__link-wrapper--location .location-nav-dropdown {
    right: initial;
    left: 0;
  }
}
/* Phones only. @mobile-breakpoint (47.938rem) is atomic's $mobile
   (max-width: 767px) to the pixel, so the flyout goes full-bleed here and the
   768-1023px band keeps the floating panel that signIn.less's tablet-styles()
   already sizes for it (min-width: 20rem, right: 6rem). */
@media only screen and (max-width: 47.938rem) {
  header.header-v3 .main_header .sign-in-account {
    /* Full-bleed sheet under the header, as live. signIn.less only sizes this
       flyout from tablet up; below that the width is left on
       `-webkit-fill-available`, which browsers drop, so it fell back to
       `width: auto` and shrink-wrapped to its longest row - every line wrapping
       two or three deep.

       Stretching it inside its ancestors does not work: .main_header shrink-wraps
       to the two icons in the atomic navigation row - about 100px - and
       .tool-set-section inside it is narrower again, and those two are what the
       platform header sheet makes position: relative.

       It stays absolutely positioned so it travels with the header, which is what
       signIn.js expects - it scrolls the window to the trigger on open and lays a
       full-height placeholder behind the panel. So the width comes from the
       viewport and header.js publishes --edr-flyout-left, the offset back to the
       viewport's left edge, which is the one part CSS cannot work out on its own -
       the panel needs that property to line up, there is no graceful CSS-only
       fallback for it. header.js is already load-bearing for this header (it
       relocates the utility nav between breakpoints), so the dependency is not a
       new one. */
  }
  header.header-v3 .main_header .sign-in-account .sign-in-account__nav {
    top: 100%;
    left: var(--edr-flyout-left, 0);
    right: auto;
    width: 100vw;
    max-width: none;
    border-radius: 0;
    /* The gutter goes back on the rows here: at full bleed the delimiters should
         run edge to edge the way they do on live, which is the opposite of the
         inset the floating desktop panel wants. */
    padding: 24px 0;
  }
  header.header-v3 .main_header .sign-in-account .sign-in-account__nav:before,
  header.header-v3 .main_header .sign-in-account .sign-in-account__nav:after {
    border-radius: 0;
  }
  header.header-v3 .main_header .sign-in-account .sign-in-account__nav .sign-in-account__nav-row {
    padding: 0 24px;
  }
}
/* Small phones. A device width rather than a type-scale step, so this one stays in
   px and has no brand-variables breakpoint to borrow. The two gutters below are
   what the trigger row can least afford at this width: miniCartV3.less swaps the
   cart's padding to padding-right: 1rem under @mobile-breakpoint, and signIn.less
   keeps margin: 0 .5rem on the authorized block, which together hold the icons
   well in from the right edge. */
@media only screen and (max-width: 390px) {
  header.header-v3 .main_header .header-cart-v3 {
    padding-right: 0;
  }
  header.header-v3 .main_header .sign-in-account.authorized .sign-in-account__authorized {
    margin: 0;
  }
}
/*
 * Session timeout warning and logout modals.
 *
 * Both are the same shell as the sign-in modal (.modal-box > .modal-content >
 * .modal-dialog) but were left on the legacy white treatment, so they read as a
 * different product from the rest of the refresh navigation. This gives them the panel
 * chrome the sign-in modal and the location dropdown already use.
 *
 * Scoped to .header-sessiontimeout, which wraps only these two, so the shared
 * sessiontimeout component keeps its existing look on every other header.
 */
.header-sessiontimeout .modal-box {
  background: transparent;
  position: relative;
  /* Both modals opened over the navigation: modals.css starts .modal-box
       2.5rem down a fixed full-screen .modal, which is inside the header on
       every breakpoint. Dropped clear of it, and the change-location modal on
       the PDP takes the same offset so the two land in the same place. */
  margin-top: 250px;
  /* modals.css gives every .modal-content a 0.625rem vertical margin, which here
       just insets the panel from the box and makes the close button's offsets
       unpredictable. The panel itself is drawn on .modal-dialog below, so what is
       left here only carries the glow. */
  /* modals.css draws the close glyph black, which disappears on the dark panel, and
       leaves it in normal flow: at 30px tall it reserved a band above the panel and sat
       outside it, top left. Taking it out of flow drops the panel back up and lets it
       sit in the panel's own top right corner. */
}
.header-sessiontimeout .modal-box .modal-content {
  margin: 0;
  background: transparent;
  border-radius: 10px;
  box-shadow: 0 5px 34px 0 color-mix(in srgb, var(--primary-brand-background) 50%, transparent);
}
.header-sessiontimeout .modal-box .modal-dialog {
  position: relative;
  padding: 24px;
  background: var(--ui-background);
  border-radius: 10px;
}
.header-sessiontimeout .modal-box .modal-dialog:before,
.header-sessiontimeout .modal-box .modal-dialog:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 10px;
}
.header-sessiontimeout .modal-box .modal-dialog:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, var(--primary-brand-background) 100%);
  z-index: 1;
}
.header-sessiontimeout .modal-box .modal-dialog:after {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--ui-background);
  z-index: 2;
}
.header-sessiontimeout .modal-box .modal-dialog > * {
  position: relative;
  z-index: 3;
}
.header-sessiontimeout .modal-box .modal-dialog-title {
  color: var(--text-base);
  font-family: 'Kanit', sans-serif;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: none;
}
.header-sessiontimeout .modal-box .modal-dialog-text,
.header-sessiontimeout .modal-box .modal-dialog-text p {
  color: var(--text-base);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-transform: none;
}
@media all and (max-width: 47.938rem) {
  .header-sessiontimeout .modal-box .modal-dialog-text,
  .header-sessiontimeout .modal-box .modal-dialog-text p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.header-sessiontimeout .modal-box .modal-close {
  position: absolute;
  top: 58px;
  right: 58px;
  z-index: 4;
  background: transparent;
  color: var(--text-base);
}
.header-sessiontimeout .modal-box .modal-close svg,
.header-sessiontimeout .modal-box .modal-close path {
  fill: currentColor;
}
.header-sessiontimeout .modal-box .modal-dialog-buttons {
  border-top-color: rgba(250, 252, 255, 0.13);
}
.header-sessiontimeout .modal-box .modal-dialog-buttons .button {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  color: var(--primary-brand-text);
}
.header-sessiontimeout .modal-box .modal-dialog-buttons .button:focus,
.header-sessiontimeout .modal-box .modal-dialog-buttons .button:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
/*
 * "Complete your account" modal.
 *
 * Identical markup to the sign-in modal (.sign-in-wrapper > .modal-box > .modal-dialog >
 * .modal-content > .sign-in-popup), but header.html includes it after </header>, so it
 * renders outside header.header-v3 and outside .sign-in-modal-component. The block above
 * is nested under both, so it could never reach this one: the panel stayed unstyled and
 * the title kept the legacy black DIN 30640 Pro.
 *
 * Rather than restating that ruleset, this selector is listed alongside the sign-in
 * modal's on the rules themselves - the block above shares one head with it, and the
 * handful of top-level rules that do not carry header.header-v3 each carry a matching
 * selector with the chain swapped. That is what :extend(... all) used to generate here;
 * writing it out keeps an ID selector out of an :extend() argument, which Sonar's CSS
 * analyser reads as a hex colour. The top-level ones are easy to miss: the second chain
 * is what lifts .sign-in-popup__form to z-index 3 so the form clears the panel surface
 * the glow mixin paints, and without it the panel renders correctly but empty.
 *
 * It only opens after an SSO sign-in, which is why it was easy to miss.
 */
#additional-sign-in-modal.sign-in-wrapper.modal {
  /* Two elements the shared selectors cannot reach, because this modal names them
     differently from the sign-in modal. Both mirror the treatment already used above
     rather than inventing one.

     The close glyph carries fill="black" as a presentation attribute but computes
     #C41230 from a rule that beats it, so the fill has to be set on the path, exactly as
     .modal-close-icon does for the header flyouts. And the CTA is .form-button, not
     .button: the sign-in modal's equivalent is .form-button.login-submit, while this one
     has no second class, so it kept everydrop's legacy #8CD5EA. */
  /* .modal-box--empty-content keeps a white ground, which framed the dark panel in
     white. The panel is drawn on .sign-in-popup, so the box carries nothing. */
  /* The mixin's background lands but its colour loses to the legacy .form-button rule,
     and neither mixin sets padding, so the button kept an 18px vertical from the old
     sheet against the platform button's 9px. Both stated through .login to clear it. */
  /* The box is drawn by the input's ::before, not the input: white ground with a grey
     border unchecked, and a legacy #037FA5 teal when checked. The tick is ::after, drawn
     from white borders, so it still reads against the brand fill. */
  /* The consent line and its two links are left black by three id-scoped rules in the
     legacy sheet (.form-group-item a, .form-group-item span, and the generic
     button/input/select reset), all of which this block outranks. */
}
#additional-sign-in-modal.sign-in-wrapper.modal .modal-close-icon svg path {
  fill: var(--text-link-base);
}
#additional-sign-in-modal.sign-in-wrapper.modal .modal-box {
  background: transparent;
}
#additional-sign-in-modal.sign-in-wrapper.modal .sign-in-popup__form .login .form-button {
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 112.5%;
  letter-spacing: 0;
  border-radius: 24px;
  color: var(--primary-brand-text);
  padding: 0.5625rem 1.5625rem;
}
#additional-sign-in-modal.sign-in-wrapper.modal .sign-in-popup__form .login .form-button:focus,
#additional-sign-in-modal.sign-in-wrapper.modal .sign-in-popup__form .login .form-button:hover {
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
  color: var(--primary-brand-text-highlight);
}
#additional-sign-in-modal.sign-in-wrapper.modal .sign-in-popup__form .login .sso-notice {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: 0;
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input {
  /* The hover halo is a 2.25rem circle behind the box, filled with everydrop's legacy
       #8CD5EA. Solid and light, it reads as a teal blob on this panel, so it becomes a
       translucent tint of the same white the box border uses. */
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input::before {
  background: transparent;
  border-color: var(--text-base);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input:hover::before,
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input:focus-visible::before {
  border-color: var(--text-link-highlight);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input:checked::before {
  background: var(--primary-brand-background);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-checkbox-input:hover::after {
  background-color: rgba(250, 252, 255, 0.16);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-group-item span {
  color: var(--text-base);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-group-item a {
  color: var(--text-link-base);
}
#additional-sign-in-modal.sign-in-wrapper.modal .form-group-item a:hover,
#additional-sign-in-modal.sign-in-wrapper.modal .form-group-item a:focus {
  color: var(--text-link-highlight);
}
.guest-order,
.login-registration-form,
.registration-form {
  background: var(--ui-background);
}
.guest-order button,
.login-registration-form button,
.registration-form button,
.guest-order .button,
.login-registration-form .button,
.registration-form .button {
  color: var(--primary-brand-text) !important;
  background: var(--primary-brand-background) !important;
  border-color: var(--primary-brand-border) !important;
  text-transform: none  !important;
}
.guest-order button:hover,
.login-registration-form button:hover,
.registration-form button:hover,
.guest-order .button:hover,
.login-registration-form .button:hover,
.registration-form .button:hover,
.guest-order button:active,
.login-registration-form button:active,
.registration-form button:active,
.guest-order .button:active,
.login-registration-form .button:active,
.registration-form .button:active {
  color: var(--primary-brand-text-highlight) !important;
  background: var(--primary-brand-background-highlight) !important;
  border-color: var(--primary-brand-border-highlight) !important;
}
.forgot-password-form-v2-container button,
.forgot-password-form-v2-container .button {
  color: var(--primary-brand-text);
  background: var(--primary-brand-background);
  border-color: var(--primary-brand-border);
  text-transform: none;
}
.forgot-password-form-v2-container button:hover,
.forgot-password-form-v2-container .button:hover,
.forgot-password-form-v2-container button:active,
.forgot-password-form-v2-container .button:active {
  color: var(--primary-brand-text-highlight);
  background: var(--primary-brand-background-highlight);
  border-color: var(--primary-brand-border-highlight);
}
.guest-order .guest-order-header__title,
.guest-order .guest-order-header__instructions {
  color: var(--text-base);
}
.guest-order .guest-order-header__title {
  text-transform: none;
}
.registration-form .registration-form__existing-account-sign-in span,
.registration-form .registration-form__existing-account-sign-in .link-btn,
.registration-form .form-label,
.registration-form .registration-form__checkbox-item span {
  color: var(--text-base);
}
.registration-form .registration-form__item:focus-within .form-label {
  color: var(--text-emphasis);
}
.registration-form .registration-form__existing-account-sign-in .link-btn {
  background: transparent !important;
}
.login-registration-form .form-label {
  color: var(--text-base);
}
.login-registration-form .form-input-container:focus-within .form-label {
  color: var(--text-emphasis);
}
.login-registration-form .login-forgot-password-link {
  color: var(--tertiary-brand-text);
}
.login-registration-form .login-forgot-password-link:hover,
.login-registration-form .login-forgot-password-link:focus,
.login-registration-form .login-forgot-password-link:active {
  color: var(--tertiary-brand-text-highlight);
}
#credential_picker_container {
  z-index: 2000000003 !important;
}
.utility-nav__container .utility-nav__link-wrapper--location .location-nav-dropdown {
  width: 20rem;
}
.login-registration-form .registration-form__checkbox-container a {
  color: var(--text-link-base);
}
.login-registration-form .registration-form__checkbox-container a:focus,
.login-registration-form .registration-form__checkbox-container a:hover {
  color: var(--text-link-highlight);
  font-weight: normal;
}
.login-registration-form .registration-form__checkbox-container:hover:before {
  background-color: var(--text-link-highlight);
}
.registration-form__checkbox-container input:checked ~ .registration-form__check-mark {
  background-color: var(--text-link-highlight);
}
.breadcrumb.breadcrumbs-container,
.breadcrumb .breadcrumb {
  background-color: var(--ui-background);
}
a[class^="dpc-"]:focus,
a[class*=" dpc-"]:focus img {
  outline: none;
}
.breadcrumb .breadcrumbs .breadcrumbs-list-item .breadcrumbs-link,
.breadcrumb .breadcrumbs .breadcrumbs-list-item .breadcrumbs-link span,
.breadcrumb .breadcrumbs .breadcrumbs-list-item.breadcrumbs-list-item-last,
.breadcrumb .breadcrumbs .breadcrumbs-list-item.breadcrumbs-list-item-last span {
  color: var(--text-link-base);
}
.breadcrumb .breadcrumbs .breadcrumbs-list-item .breadcrumbs-link:hover span {
  color: var(--text-link-highlight);
}
.dpc-theme-03 .breadcrumb .breadcrumbs .breadcrumbs-list-item:after,
.dpc-theme-04 .breadcrumb .breadcrumbs .breadcrumbs-list-item:after {
  color: var(--text-base);
  filter: invert(1);
  mask: unset;
  background: unset;
  height: 1rem;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .form-button {
  color: var(--primary-brand-text) !important;
  background: var(--primary-brand-background) !important;
  border-color: var(--primary-brand-border) !important;
  text-transform: none  !important;
}
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .form-button:hover,
.reset-password-form-v2 .reset-password-form-v2-container__inputs-container-fields .form-buttons .form-button:active {
  color: var(--primary-brand-text-highlight) !important;
  background: var(--primary-brand-background-highlight) !important;
  border-color: var(--primary-brand-border-highlight) !important;
}
.form-input.form-success,
.guest-order-form-container .form-group:focus-within input {
  border-color: var(--text-emphasis);
}
.password-visual-meter__validation-item--success,
.guest-order-form-container .form-group:focus-within label {
  color: var(--text-emphasis);
}
.password-visual-meter__validation-item--success:before {
  background-color: var(--text-emphasis);
}
.forgot-password-form-v2-container-success__icon-container-image img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(95%) saturate(3702%) hue-rotate(207deg) brightness(98%) contrast(106%);
}
.password-visual-meter__validation-item--failed {
  color: var(--text-base);
}

.br-brand {
  border-radius: 10px;
}
.theme-01-text-base {
  color: #15191d;
}
.theme-02-text-base {
  color: #000000;
}
.theme-03-text-base {
  color: #ffffff;
}
.theme-04-text-base {
  color: #ffffff;
}
.theme-01-text-emphasis {
  color: #1971ff;
}
.theme-02-text-emphasis {
  color: #1971ff;
}
.theme-03-text-emphasis {
  color: #7dacff;
}
.theme-04-text-emphasis {
  color: #5a96ff;
}
.theme-01-interactive {
  color: #000000;
}
.theme-02-interactive {
  color: #000000;
}
.theme-03-interactive {
  color: #ffffff;
}
.theme-04-interactive {
  color: #ffffff;
}
.theme-hover:hover .theme-01-interactive {
  color: #000000;
}
.theme-hover:hover .theme-02-interactive {
  color: #000000;
}
.theme-hover:hover .theme-03-interactive {
  color: #ffffff;
}
.theme-hover:hover .theme-04-interactive {
  color: #ffffff;
}
.theme-01-background {
  background: #ffffff;
}
.theme-01-background-after:after {
  background: #ffffff;
}
.theme-02-background {
  background: #f8f8f8;
}
.theme-02-background-after:after {
  background: #f8f8f8;
}
.theme-03-background {
  background: #080d3f;
}
.theme-03-background-after:after {
  background: #080d3f;
}
.theme-04-background {
  background: #010013;
}
.theme-04-background-after:after {
  background: #010013;
}
.theme-01-divider {
  border-color: #58585a;
}
.theme-02-divider {
  border-color: #58585a;
}
.theme-03-divider {
  border-color: #f5f5f5;
}
.theme-04-divider {
  border-color: #f5f5f5;
}
.theme-01-border-color {
  border-color: #58585a;
}
.theme-02-border-color {
  border-color: #58585a;
}
.theme-03-border-color {
  border-color: #f5f5f5;
}
.theme-04-border-color {
  border-color: #f5f5f5;
}
.theme-01-box-shadow {
  box-shadow: unset;
}
.theme-02-box-shadow {
  box-shadow: unset;
}
.theme-03-box-shadow {
  box-shadow: unset;
}
.theme-04-box-shadow {
  box-shadow: unset;
}
.theme-01-interactive-only-hover:hover {
  color: #000000;
}
.theme-02-interactive-only-hover:hover {
  color: #000000;
}
.theme-03-interactive-only-hover:hover {
  color: #ffffff;
}
.theme-04-interactive-only-hover:hover {
  color: #ffffff;
}
.button-primary-brand {
  color: #ffffff;
  background-color: #1971ff;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-brand:hover,
.button-primary-brand:active,
.button-primary-brand:focus {
  color: #ffffff;
  background-color: #1d42a8;
}
.button-primary-brand:visited {
  color: #ffffff;
}
.button-primary-dark {
  color: #ffffff;
  background-color: #000000;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-dark:hover,
.button-primary-dark:active,
.button-primary-dark:focus {
  color: #ffffff;
  background-color: #1d42a8;
}
.button-primary-dark:visited {
  color: #ffffff;
}
.button-primary-light {
  color: #010013;
  background-color: #ffffff;
  padding: 0.5625rem 1.5625rem;
}
.button-primary-light:hover,
.button-primary-light:active,
.button-primary-light:focus {
  color: #010013;
  background-color: #9fc1ff;
}
.button-primary-light:visited {
  color: #010013;
}
.button-secondary-brand {
  color: #1971ff;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #1971ff;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-brand:hover,
.button-secondary-brand:active,
.button-secondary-brand:focus {
  color: #1d42a8;
  background-color: transparent;
  border-color: #1d42a8;
  border-width: 2px;
}
.button-secondary-brand:visited {
  color: #1971ff;
}
.button-secondary-dark {
  color: #000000;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-dark:hover,
.button-secondary-dark:active,
.button-secondary-dark:focus {
  color: #1d42a8;
  background-color: transparent;
  border-width: 2px;
  border-color: #1d42a8;
}
.button-secondary-dark:visited {
  color: #000000;
}
.button-secondary-light {
  color: #ffffff;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  padding: 0.5625rem 1.5625rem;
}
.button-secondary-light:hover,
.button-secondary-light:active,
.button-secondary-light:focus {
  color: #9fc1ff;
  background-color: transparent;
  border-color: #9fc1ff;
  border-width: 2px;
}
.button-secondary-light:visited {
  color: #ffffff;
}
.button-tertiary-brand {
  color: #1971ff;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-brand:hover,
.button-tertiary-brand:active,
.button-tertiary-brand:focus {
  color: #1d42a8;
  background-color: transparent;
}
.button-tertiary-brand:visited {
  color: #1971ff;
}
.button-tertiary-dark {
  color: #000000;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-dark:hover,
.button-tertiary-dark:active,
.button-tertiary-dark:focus {
  color: #1d42a8;
  background-color: transparent;
}
.button-tertiary-dark:visited {
  color: #000000;
}
.button-tertiary-light {
  color: #ffffff;
  background-color: transparent;
  padding: 0.5625rem 0;
}
.button-tertiary-light:hover,
.button-tertiary-light:active,
.button-tertiary-light:focus {
  color: #9fc1ff;
  background-color: transparent;
}
.button-tertiary-light:visited {
  color: #ffffff;
}
.arrow-primary-brand .slick-arrow {
  color: #ffffff;
  background: #1971ff;
}
.arrow-primary-brand .slick-arrow:hover {
  color: #ffffff;
  background: #1d42a8;
}
.arrow-primary-light .slick-arrow {
  color: #010013;
  background: #ffffff;
}
.arrow-primary-light .slick-arrow:hover {
  color: #010013;
  background: #9fc1ff;
}
.arrow-primary-dark .slick-arrow {
  color: #ffffff;
  background: #000000;
}
.arrow-primary-dark .slick-arrow:hover {
  color: #ffffff;
  background: #1d42a8;
}
.arrow-secondary-brand .slick-arrow {
  color: #1971ff;
  background: transparent;
  border: 2px solid #1971ff;
}
.arrow-secondary-brand .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
  border: 2px solid #1d42a8;
}
.arrow-secondary-light .slick-arrow {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.arrow-secondary-light .slick-arrow:hover {
  color: #9fc1ff;
  background: transparent;
  border: 2px solid #9fc1ff;
}
.arrow-secondary-dark .slick-arrow {
  color: #000000;
  background: transparent;
  border: 2px solid #000000;
}
.arrow-secondary-dark .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
  border: 2px solid #1d42a8;
}
.arrow-tertiary-brand .slick-arrow {
  color: #1971ff;
  background: transparent;
}
.arrow-tertiary-brand .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
}
.arrow-tertiary-dark .slick-arrow {
  color: #000000;
  background: transparent;
}
.arrow-tertiary-dark .slick-arrow:hover {
  color: #1d42a8;
  background: transparent;
}
.arrow-tertiary-light .slick-arrow {
  color: #ffffff;
  background: transparent;
}
.arrow-tertiary-light .slick-arrow:hover {
  color: #9fc1ff;
  background: transparent;
}
.header-one {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 108.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.875rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-one {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }
}
.header-two {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 110.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.375rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .header-two {
    font-size: 1.875rem;
    margin-bottom: 0px;
  }
}
.header-three {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .header-three {
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.header-four {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 114.3%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.75rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-four {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.header-five {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 116.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-five {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.header-six {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .header-six {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.pc-body-one {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .pc-body-one {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.pc-body-two {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .pc-body-two {
    font-size: 1.4rem;
  }
}
.pc-clickable {
  color: #1971ff;
  transition: color 200ms ease-out;
}
.pc-clickable:hover,
.pc-clickable:active,
.pc-clickable:focus {
  color: #1d42a8;
}
.dpc-h1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 108.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.875rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h1 {
    font-size: 2.25rem;
  }
}
.dpc-h2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 110.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.375rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h2 {
    font-size: 1.875rem;
  }
}
.dpc-h3 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 112.5%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h3 {
    font-size: 1.625rem;
  }
}
.dpc-h4 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 114.3%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h4 {
    font-size: 1.375rem;
  }
}
.dpc-h5 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 116.7%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h5 {
    font-size: 1.25rem;
  }
}
.dpc-h6 {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 120%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .dpc-h6 {
    font-size: 1.125rem;
  }
}
.dpc-overline1 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .dpc-overline1 {
    font-size: 1.375rem;
  }
}
.dpc-overline2 {
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .dpc-overline2 {
    font-size: 1.125rem;
  }
}
.dpc-subtitle1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 115.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .dpc-subtitle1 {
    font-size: 1.375rem;
  }
}
.dpc-body1 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body1 {
    font-size: 1rem;
  }
}
.dpc-body2 {
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body2 {
    font-size: 1.4rem;
  }
}
.dpc-body1-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 144.4%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body1-bold {
    font-size: 1rem;
  }
}
.dpc-body2-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .dpc-body2-bold {
    font-size: 1.4rem;
  }
}
.dpc-caption {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 157.1%;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .dpc-caption {
    font-size: 0.75rem;
  }
}
.dpc-disclaimer {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 133%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .dpc-disclaimer {
    font-size: 0.625rem;
  }
}

html {
    background: #ffffff;
  }
.platform-components-toast__editor {
  display: none;
}
.platform-components-toast__overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  z-index: 9999;
}
.platform-components-toast__overlay.active {
  display: block;
}
.active .platform-components-toast__container {
  background-color: #ffffff;
  border-radius: 10px;
  border-width: 1px;
  padding: 20px;
  box-shadow: unset;
  width: auto;
  max-width: 73.125rem;
  border-color: #d9d9d9;
  position: fixed;
  bottom: 50px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  transform: translate(-50%, -50%);
  left: 50%;
  transition: 200ms ease-in-out;
  animation: slideIn 0.4s forwards;
  animation-delay: 0.125s;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .active .platform-components-toast__container {
    max-width: 100%;
    left: unset;
    transform: unset;
    width: 100%;
  }
}
.active .platform-components-toast__content {
  padding-left: 40px;
  padding-right: 40px;
}
.active .platform-components-toast__content p,
.active .platform-components-toast__content ul,
.active .platform-components-toast__content ol,
.active .platform-components-toast__content li,
.active .platform-components-toast__content blockquote,
.active .platform-components-toast__content table,
.active .platform-components-toast__content td {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 125%;
  font-size: 0.625rem;
  letter-spacing: 0.01625rem;
  color: #000000;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .active .platform-components-toast__content p,
  .active .platform-components-toast__content ul,
  .active .platform-components-toast__content ol,
  .active .platform-components-toast__content li,
  .active .platform-components-toast__content blockquote,
  .active .platform-components-toast__content table,
  .active .platform-components-toast__content td {
    font-size: 0.625rem;
  }
}
.active .platform-components-toast__content a {
  color: #000000;
}
.active .platform-components-toast__content a:hover,
.active .platform-components-toast__content a:active,
.active .platform-components-toast__content a:focus {
  color: #1971ff;
}
.platform-components-toast__close {
  display: flex;
  height: auto !important;
  font-weight: 500;
  font-size: 2.25rem;
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #1d42a8;
}
.platform-components-toast__close:hover,
.platform-components-toast__close:active,
.platform-components-toast__close:focus {
  background-color: unset;
  border: unset;
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: #1971ff;
}
@keyframes slideIn {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 15px;
    opacity: 1;
  }
}
.toast-opened {
  position: relative;
  z-index: 1000;
}
.toast-trigger {
  display: inline-block;
  vertical-align: sub;
}
.toast-trigger .toast-sup-decoration {
  display: inline-block;
  text-decoration: none;
  border-radius: 2px;
  border: 1px solid #58585a;
  padding: 5px 3px;
  margin-bottom: 0px;
  margin-right: 1px;
  font-size: 10px;
  top: -0.5em;
  cursor: pointer;
  color: #15191d;
  background-color: #ffffff;
  vertical-align: top;
}
.toast-trigger .toast-sup-decoration:hover {
  color: #ffffff;
  background-color: #1971ff;
  box-shadow: unset;
  border-color: #1971ff;
}
.toast-trigger [data-toast-tooltip] {
  z-index: 5;
  position: relative;
}
.toast-trigger [data-toast-tooltip]:before {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -45px;
  margin-right: 5px;
  padding: 5px;
  width: 85px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: #000;
  content: attr(data-toast-tooltip);
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
  box-shadow: 0px 2px 4px #888888;
}
.toast-trigger [data-toast-tooltip]:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.toast-trigger [data-toast-tooltip]:before,
.toast-trigger [data-toast-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
.toast-trigger [data-toast-tooltip]:hover:before,
.toast-trigger [data-toast-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}