@layer brand {
  @font-face {
    font-family: 'Formula Condensed';
    src: url('/fonts/FormulaCondensed-Bold.woff2') format('woff2'),
    url('/fonts/FormulaCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Formula Condensed';
    src: url('/fonts/FormulaCondensed-Regular.woff2') format('woff2'),
    url('/fonts/FormulaCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  :root {
    /* ----------  colors  ---------- */
    --clr-plx-teal: #3b505f;
    --clr-plx-offwhite: #f6f4ee;
    --clr-plx-blue: #6b8ec7;
    --clr-plx-blue-light: #AECBF8;
    --clr-plx-beige: #d9d0c6;
    --clr-plx-yellow: #f4d58a;
    --clr-plx-peach: #ffaa9e;
    --clr-plx-coral: #f66;
    --clr-plx-dark: #373737;
    --clr-plx-footbeige: #f5f4ee;
    --clr-plx-footwhite: #fff;
    --clr-plx-accent-blue: #f6f4ee;
    --clr-plx-medium-blue: #789ed9;
    --clr-plx-dark-blue: #3B505E;
    --clx-plx-gray: #F5F5F5;
    --clr-plx-gray-200: #D0D0D0;

    --clr-brand-primary: var(--clr-plx-teal);
    --clr-brand-secondary: var(--clr-plx-offwhite);
    --clr-brand-teritary: var(--clr-plx-blue);


    /*----------  videos  ----------*/
    --video-background-color: #d7d6d3;

    /*---------- ratings | reviews | Labels  ----------*/
    --stars-filled: var(--clr-plx-coral);
    /* --stars-unfilled: var(--clr-plx-beige); */

    /*----------  banners  ----------*/
    --global-banner-background: var(--clr-plx-medium-blue);
    --global-banner-color: var(--clr-plx-dark);
    --banner-font-size: 1.2rem;
    --global-banner-lh: 1.6;

    /*---------- text colors ----------*/
    --text-color: var(--clr-plx-dark);
    --text-color-accent: var(--clr-brand-primary);
    /* --text-color-gray: var(--clr-plx-dark); */
    --link-color: var(--text-color);
    --link-hover-color: var(--clr-brand-primary);
    --heading-color: var(--clr-plx-dark);

    /* button colors */
    --button-primary-background: var(--clr-plx-blue);
    --button-secondary-background: var(--clr-plx-yellow);
    --button-tertiary-background: var(--clr-plx-peach);

    --button-primary-background-hover: var(--clr-plx-offwhite);
    --button-secondary-background-hover: var(--clr-plx-offwhite);
    --button-tertiary-background-hover: var(--clr-plx-offwhite);

    --button-primary-color: var(--clr-white);
    --button-secondary-color: var(--clr-plx-teal);
    --button-tertiary-color: var(--clr-plx-teal);

    --button-primary-color-hover: var(--clr-plx-teal);
    --button-secondary-color-hover: var(--clr-plx-teal);
    --button-tertiary-color-hover: var(--clr-plx-teal);

    --button-primary-border-color: var(--button-primary-background);
    --button-secondary-border-color: var(--clr-plx-yellow);
    --button-tertiary-border-color: var(--clr-plx-peach);

    --button-primary-border-color-hover: var(--clr-plx-offwhite);
    --button-secondary-border-color-hover: var(--clr-plx-offwhite);
    --button-tertiary-border-color-hover: var(--clr-plx-offwhite);

    --button-font-size: 2.3rem;

    /* focus colors */
    --focus-color: var(--clr-brand-primary);

    /* fonts */
    /* ========================================================== */
    --base-font-size: 1.8rem;
    --body-font-size-xxs: 1.2rem;
    --body-font-size-xs: 1.4rem;
    --body-font-size-xl: 2rem;

    /* font-families */
    --body-font-family: 'nimbus-sans', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', 'Tahoma', sans-serif;
    --body-font-family-bold: var(--body-font-family);
    --body-font-family-cond: var(--body-font-family);

    --heading-font-family: var(--body-font-family);
    --heading-font-family-secondary: 'adobe-handwriting-ernie', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;

    /* font shorthand variables */
    --font-body: var(--fw-light) var(--base-font-size)/1.4 var(--body-font-family);
    --font-body-bold: var(--fw-bold) var(--base-font-size) var(--body-font-family);
    --font-body-cond: var(--font-body);
    --font-heading-primary: var(--fw-bold) var(--heading-font-size-xl) var(--heading-font-family);
    --font-heading-seconday: var(--fw-normal) var(--heading-font-size-xl) var(--heading-font-family-secondary);
    --button-font: var(--fw-bold) var(--button-font-size) var(--button-font-family);

    /*----------  header  ----------*/
    --nav-height: 5rem;
    --search-height: calc(5rem + var(--gutter-xs));

    /* Global Banner height */
    --global-banner-height: 4.4rem;

    /* Buttons other */
    --button-padding: 0 1.6rem;
    --button-border-radius: .5rem;
    --button-text-transform: none;

    /* plp */
    --plp-product-title-font: var(--fw-bold) var(--body-font-size-m) var(--body-font-family);
    --plp-product-title-lh: 1.2;

    /* pdp */
    --pdp-product-title-font: var(--fw-bold) var(--body-font-size-xl) var(--body-font-family);
    --pdp-product-title-lh: 1.2;


    /* brush strokes */
    --underline-large: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" baseProfile="tiny" version="1.2" viewBox="0 0 275.5 28.9"><path d="M272.4,8.7c-1.9.7,0,1.5-1.9,2.2.4.7-.1.7-.4,1.1.3.9-.4.9-.7,1.3.1.2.3.3.6.4,0,.2-.5.2-.7.3.6.4-.3.5-.6.8,0,.2.4.2.5.3-.2.3-.9.3-.6.7-.8,0-1.6.3-.9.8-.1.1-.5,0-.7.1-.1.2.5.3.3.5,0,.2-.8,0-.9,0-.3.1.2.3,0,.4-.6,0-2.4-.2-2.4.4-6.6-.4-17.5-2.6-21.6-2.1-3.1-.2-6.5-.4-9.5-.7.2-.1,1,0,1.4,0-3.6-.4-7.4-.6-10.8-.7.2.3,1.4,0,2,.3-3.1.2-5.9-.6-8.7-.6.5.2,1.9,0,2.4.2-5.7-.1-12.9-.6-19.7-.6.1-.1.8,0,1-.1-.7-.2-2.4-.2-3.1-.1,0,0,.3.1.5.1-38.3-.7-73,0-110.6,4.3-13.1.9-26.1,2.7-39.1,4.4,13.2-1.4,25.7-3,38.8-3.7-.7.3-2.4,0-3,.4.8.2,2.5,0,3.4.2-1.6,0-3.3.2-4.9.5.5.2,1.6,0,2.4,0-2.3.2-10.1,1.4-10.8.8-2.7.1-6.4.5-9.1,1,1,0,2.8-.4,3.9-.3-15.4,1.5-35.5,6.2-48.6,6.6,1.4-.2,1.6-.7,2.8-.9-1.2-.9-5,1-6.7,1,.3-.4,1.6-.6,2.3-.8-2.2-.1-4.7-.2-6.8-.3.1-.3.5-.5.8-.8-.3-.4-1.9.2-2.8.2.8-.8-.7-.2-.4-.9-13.6-6.8-1.3-7.2,5.1-8.5,17.1-3.6,34.4-5.8,51.6-8.2,68.5-5.6,137.9-11.5,206.4.2h0Z" fill="currentColor"/></svg>');
    --underline-medium: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" baseProfile="tiny" version="1.2" viewBox="0 0 256 10"><path d="M254.1,4.9c-1.8.3,0,.6-1.8.9.4.3,0,.3-.4.4.3.4-.4.4-.7.5.1,0,.3.1.5.2,0,0-.5,0-.7.1.5.2-.3.2-.6.3,0,0,.4,0,.4.1-.2.1-.8.1-.6.3-.7,0-1.5.1-.8.3-.1,0-.5,0-.6,0-.1,0,.5.1.3.2,0,0-.7,0-.8,0-.3,0,.2.1,0,.2-.6,0-2.3,0-2.2.2-6.1-.2-16.4-1.1-20.2-.9-2.9,0-6.1-.2-8.9-.3.2,0,.9,0,1.3,0-3.4-.2-7-.2-10.1-.3.2.1,1.4,0,1.9.1-2.9,0-5.5-.3-8.1-.2.5,0,1.8,0,2.3.1-5.4,0-12.1-.2-18.4-.3.1,0,.8,0,.9,0-.7,0-2.2,0-2.9,0,0,0,.2,0,.5,0-35.8-.3-68.5-1.5-103.7-1-12.3-.1-24.4.1-36.6.4,12.4-.1,24-.3,36.4,0-.7,0-2.2,0-2.8,0,.8.1,2.3,0,3.2.2-1.5,0-3.1,0-4.6,0,.4,0,1.5,0,2.3,0-2.2,0-9.4.2-10.1,0-2.5,0-6,0-8.5,0,.9,0,2.7,0,3.6,0-14.4,0-33.2,1.3-45.5.9,1.3,0,1.5-.2,2.7-.3-1.1-.4-4.7.2-6.3.2.3-.1,1.5-.2,2.1-.3-2.1-.1-4.4-.3-6.4-.4.1-.1.5-.2.8-.3-.2-.2-1.8,0-2.6,0,.7-.3-.7-.1-.4-.4-12.7-3.3-1.2-3,4.8-3.3,16.1-.8,32.2-1.1,48.3-1.5,64.1.2,129.1-1.2,193.3,3.7h0Z" fill="currentColor"/></svg>');
    --underline-small: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" baseProfile="tiny" version="1.2" viewBox="0 0 256 29.2"><path d="M254.9,11.5c-1.8.6,0,1.2-1.8,1.8.4.6,0,.5-.4.9.3.7-.4.7-.7,1,.1.1.3.2.5.3,0,.1-.5.1-.7.2.5.3-.3.4-.6.6,0,.1.4.1.4.2-.2.2-.8.2-.6.6-.7,0-1.5.2-.9.6-.1,0-.5,0-.7.1-.1.2.5.3.3.4,0,.2-.7,0-.8,0-.3,0,.2.2,0,.3-.6,0-2.3-.2-2.2.3-6.2-.3-16.5-2.1-20.4-1.7-2.9-.2-6.1-.3-9-.5.2,0,.9,0,1.3,0-3.4-.3-7-.5-10.2-.6.2.2,1.4,0,1.9.2-2.9.1-5.6-.5-8.2-.5.5.2,1.8,0,2.3.2-5.4-.1-12.1-.5-18.6-.5.1-.1.8,0,.9,0-.7-.2-2.2-.2-2.9,0,0,0,.2,0,.5.1-36.1-.5-68.9,0-104.3,3.4-12.3.7-24.6,2.1-36.9,3.5,12.4-1.1,24.2-2.4,36.6-2.9-.7.2-2.2,0-2.8.3.8.2,2.3,0,3.2.1-1.5,0-3.1.2-4.7.4.4.1,1.5,0,2.3,0-2.2.2-9.5,1.1-10.1.7-2.5.1-6,.4-8.6.8.9,0,2.7-.3,3.7-.3-14.5,1.2-33.4,5-45.8,5.3,1.3-.2,1.5-.6,2.7-.7-1.1-.7-4.7.8-6.3.8.3-.3,1.5-.4,2.1-.7-2.1,0-4.4-.2-6.4-.2.1-.2.5-.4.8-.6-.2-.3-1.8.1-2.6.1.7-.6-.7-.2-.4-.7-12.8-5.4-1.2-5.7,4.8-6.8,16.2-2.9,32.5-4.6,48.7-6.5,64.6-4.5,130.1-9.2,194.6.2h0Z" fill="currentColor"/></svg>');

    /* curve arrow */
    --curved-arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" baseProfile="tiny" version="1.2" viewBox="0 0 143.4 51.1"><path d="M111.1,3c-.3-.3-.7-2.2-1.8-1.9-2.8,2.9-.4,4.8,2.6,5.9,6,2.3,16.7,3.1,23.3,3.6s1.8-.3,1.3.7c-.8,1.5-3.2,2.2-4.5,3-32.3,20.3-68.4,28.5-106,31.2-6,.4-10.4.7-16.5,0s-2.7.3-3.8-.2-1.2-2.6-2.2-2.3-2.9,3.7-2.7,4.2,2.6,2.2,2.8,2.2c2.8.8,7.9.7,10.9.6,9.3-.4,18.9-1.8,28.4-3,30.9-3.9,56.9-10.5,84.2-26,.9-.5,2.9-2.3,3.6-2.4s1.2.5,1.2.7c0,.9-3.1,3.8-3.7,4.7s-.6,1.4-1,2c-2.4,3.1-5.5,5-8.7,7.3s-1.9,1.3-3,2-2.2,1.6-2.3,1.7c-.4.6,0,2.6.3,3s1.7,0,2.2,0c1.4-.3,3.6-2,4.6-2.9,3.4-3.1,8.3-8.3,11-12s3.1-5.7,5-8,3-2.5,4.7-4.8,1.8-1,1.5-3c-.4-2.9-5.2-2.1-7.2-2.2-6.3-.5-13.1-1.3-19.4-2.6s-4.5-1.2-4.8-1.5Z" fill="currentColor"/></svg>');
  }


  @media (min-width: 1024px) {
    :root {
      --nav-height: 14rem;
    }
  }

  header.header-wrapper {
    height: calc(var(--header-height) + 2px);
    border-bottom: 1px solid var(--clr-neutral-60);
    z-index: 450;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: top .5s linear;
    display: grid;
    place-content: end;
    grid-template-columns: 1fr;
    background-color: #fff;


    @media (width >= 1024px), (min-width: 1024px) {
      justify-content: center;
    }
  }

  main {
    padding-top: calc(var(--header-height) + 2px);
  }

  main.with-breadcrumb {
    padding-top: calc(var(--header-height) + var(--breadcrumb-height));
  }

  main .section:has(.block.hns, .section.hns:not(.full)),
  main .section.hns:not(.full) {
    margin-block-end: var(--spacing-l);
    padding: 0 var(--gutter-m);

    @media (width >= 600px), (min-width: 600px) {
      margin-block-end: var(--spacing-3xl);
    }
  }

  @media (min-width: 900px), (width >= 900px) {
    main:has(.section.hero) > .section:not(.full, .full-bleed, .hero, :has(.full, .full-bleed, .hero)) {
      max-width: 90%;
      margin-inline: auto;
    }
  }

  .section.overflow-scroll :is(> .fragment-wrapper, div[data-section-status="loading"]) {
    display: none;
  }

  .section.overflow-scroll > .fragment-wrapper:not(:first-of-type) {
    display: none;
  }

  .section.footer-links-container.rewards-footer-container[data-section-status="loaded"] {
    display: grid;
  }

  main .section:has(.block.full, .section.full, .block.full-bleed, .section.full-bleed),
  main .section:has(.hero) {
    padding-inline: 0 !important;
  }

  main .section:has(.hero) {
    padding-block-start: 0 !important;
  }

  /* buttons */
  /* ============================================================= */
  :is(a.button:any-link, button:not(.minicart, .search-button), .button) sup {
    font-size: 60%;
    translate: 0 .2em;
  }

  .sidebar .cart .cart-button,
  .minicart-panel .minicart-actions button,
  .block-customer-login .action.login.primary,
  #hlx-login-page-block-container .action.create.primary,
  .checkout-index-index .payment-methods.content .payment-methods-row .actions-toolbar .primary .proceed-checkout,
  .checkout-index-index #shipping-method-buttons-container > div button.primary,
  .checkout-index-index .opc-block-summary .discount-summary-form .discount-option-content .discount-option-wrapper .actions-toolbar .primary .action.action-apply,
  .checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout,
  .checkout-cart-index .cart-summary .block.discount .content .fieldset .actions-toolbar button {
    text-transform: lowercase !important;
  }

  /* brushstroke underlines */
  /* ========================================================================= */
  .underline u {
    text-decoration: none;
    position: relative;
    z-index: 2;
    display: inline-block;
  }

  .underline u::after {
    content: '';
    display: block;
    width: 110%;
    height: auto;
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    z-index: -1;
    position: absolute;
    left: 0;
    translate: -5% 100%;
    bottom: .15em;
    background: currentColor;
  }

  .underline em u::after {
    bottom: 0.33lh;
    display: inline-block;
  }

  .underline.u-large u::after {
    aspect-ratio: 8.5 / 1;
    mask-image: var(--underline-large);
  }

  .underline.u-large.heading-lh-m em u::after {
    bottom: 0.35lh;
  }

  .underline.u-large.heading-lh-lg em u::after {
    bottom: 0.4lh;
  }

  .underline.u-medium u::after {
    aspect-ratio: 22 / 1;
    mask-image: var(--underline-medium);
  }

  .underline.u-medium em u::after {
    bottom: 0.25lh;
  }

  .underline.u-medium.heading-lh-m em u::after {
    bottom: 0.35lh;
  }

  .underline.u-medium.heading-lh-lg em u::after {
    bottom: 0.4lh;
  }

  .underline.u-small u::after {
    aspect-ratio: 8 / 1;
    mask-image: var(--underline-small);
  }

  .underline.u-small em u::after {
    bottom: 0.42lh;
  }

  .underline.u-yellow u::after {
    background: var(--clr-plx-yellow);
  }

  .underline.u-coral u::after {
    background: var(--clr-plx-peach);
  }

  .underline.u-blue u::after {
    background: var(--clr-plx-blue);
  }

  /* curved arrow section accent */
  .arrow-pointer {
    position: relative;
  }

  :has(.arrow-pointer-heading) :is(h1, h2, h3, h4) {
    position: relative;
  }

  :has(.arrow-pointer-img) picture {
    position: relative;
  }

  @media (width >= 1024px),
  (min-width: 1024px) {
    .arrow-pointer::after,
    .arrow-pointer-heading :is(h1, h2, h3, h4)::after,
    .arrow-pointer-img picture::after {
      content: '';
      background: var(--clr-plx-yellow);
      display: block;
      width: clamp(6rem, 6rem + 6vw, 15rem);
      aspect-ratio: 2 / 1;
      mask-image: var(--curved-arrow);
      mask-position: center;
      mask-repeat: no-repeat;
      mask-size: contain;
      position: absolute;
      z-index: 50;
    }
  }

  /* fluid typescale etc. */
  main .section:not(.product-list-page-container, .product-details-verb-container) :is(h1, h2, h3, h4) {
    color: var(--clr-plx-teal);
    text-wrap: balance;
    line-height: 1.15;
  }

  main .section:not(.product-list-page-container, .product-details-verb-container) :is(h1, h2, h3, h4, h5, h6) em {
    font-family: var(--heading-font-family-secondary);
    font-weight: var(--fw-normal);
    font-style: normal;
    line-height: 1;
  }

  main .section:not(.product-list-page-container, .product-details-verb-container) :is(h1, h2, h3, h4, h5, h6) em sup {
    font-size: 40%;
    vertical-align: middle;
    margin-inline-start: 0.25em;
  }

  main .section.heading-lh-m :is(h1, h2, h3, h4) em,
  main .section:has(.heading-lh-m) :is(h1, h2, h3, h4) em {
    line-height: 1.35;
  }

  main .section.heading-lh-lg :is(h1, h2, h3, h4) em,
  main .section:has(.heading-lh-lg) :is(h1, h2, h3, h4) em {
    line-height: 1.65;
  }

  main .section:not(.product-list-page-container, .product-details-verb-container) :is(h1),
  main .section.heading-size-h1:not(.product-list-page-container, .product-details-verb-container) :is(h2, h3, h4, h5, h6),
  main .section:not(.product-list-page-container, .product-details-verb-container):has(.heading-size-h1) :is(h2, h3, h4, h5, h6) {
    font-size: clamp(3.2rem, 2rem + 3vw, 7.2rem);
    margin: 0.5em auto;

    @media (min-width: 1024px), (width >= 1024px) {
      font-size: clamp(3.2rem, 2.6rem + 3vw, 7.2rem);
    }
  }

  main .section:not(.product-list-page-container, .product-details-verb-container) :is(h2),
  main .section.heading-size-h2:not(.product-list-page-container, .product-details-verb-container) :is(h1, h3, h4, h5, h6),
  main .section:not(.product-list-page-container, .product-details-verb-container):has(.heading-size-h2) :is(h1, h3, h4, h5, h6) {
    font-size: clamp(3.2rem, 2rem + 3vw, 4.8rem);
    margin: 0.5em auto;

    @media (min-width: 1024px), (width >= 1024px) {
      font-size: clamp(3.2rem, 2.6rem + 3vw, 4.8rem);
    }
  }

  main .section:not(.product-list-page-container, .product-details-verb-container, .bra-finder-form-container) p {
    font-size: clamp(1.6rem, 1rem + .6vw, 2rem);
    text-wrap: pretty;
    line-height: 1.6;
  }

  main .section:not(.product-list-page-container, .product-details-verb-container) p sup {
    font-size: 60%;
    translate: 0 .2em;
    display: inline-block;
  }

  /* text-colors */
  /* =============================================================================== */
  main :is(.section, .block).heading-blue :is(h1, h2, h3, h4),
  main :is(.section, .block).bold-blue strong,
  main :is(.section, .block) p a.blue {
    color: var(--clr-plx-blue);
  }

  main :is(.section, .block).bold-teal strong,
  main :is(.section, .block) p a.teal {
    color: var(--clr-plx-teal);
  }

  main :is(.section, .block) p a.bold {
    text-decoration: none;
    font-weight: var(--fw-bold);
  }

  /* buttons */
  /* =============================================================================== */
  :is(a.button:any-link, button, a .button):is(.primary, .secondary, .tertiary) {
    text-transform: lowercase;
    line-height: 1;
  }

  p.button-container {
    margin: 0;
  }

  p.button-container:has(> *:nth-child(2)) .button {
    margin-block-end: 0;
  }

  /* solutions carousle */
  /* =============================================================================== */
  .plx-carousel-solutions.carousel {
    padding-inline: var(--gutter-m) 0;

    @media (min-width: 900px), (width >= 900px) {
      padding-inline-start: var(--gutter-4xl);
    }
  }

  .plx-carousel-solutions.carousel .carousel-slides {
    gap: 0 var(--gutter-m);
    align-items: flex-start;

    @media (min-width: 900px), (width >= 900px) {
      column-gap: var(--gutter-l);
    }
  }

  .plx-carousel-solutions.carousel .carousel-slide {
    flex: 1 0 90%;

    @media (min-width: 900px), (width >= 900px) {
      flex: 1 0 31%;
    }
  }

  .plx-carousel-solutions.carousel .carousel-slide:last-of-type {
    margin-inline-end: var(--gutter-m);

    @media (min-width: 900px), (width >= 900px) {
      margin-inline-end: var(--gutter-l);
    }
  }

  .plx-carousel-solutions.carousel .carousel-slide .carousel-slide-copy {
    padding: var(--gutter-m) var(--gutter-s);

    @media (min-width: 600px), (width >= 600px) {
      --slide-content-width: 100%;

      margin: 0;
    }
  }

  .plx-carousel-solutions.carousel .carousel-slide-copy p {
    font-size: clamp(1.4rem, 1rem + 0.4vw, 2rem);
    letter-spacing: 0.1em;
    text-align: left;
  }

  .plx-carousel-solutions.carousel .carousel-slide-copy p:has(strong) {
    margin: 0;
  }

  .plx-carousel-solutions.carousel .carousel-slide-copy p strong {
    text-transform: uppercase;
    font-size: 2rem;
  }

  .plx-carousel-solutions.carousel nav {
    display: none;
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons {
    display: contents;
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons button {
    background: #FFFFFFB8;
    border-radius: 4px;
    box-shadow: 8px 8px 26px 0 #3B505E33;
    position: absolute;
    top: 50%;
    transform: translateY(-100%);

    @media (min-width: 900px), (width >= 900px) {
      width: 7.2rem;
      height: 7.2rem;
    }
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons button.slide-next {
    right: var(--gutter-s);
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons button.slide-prev {
    left: var(--gutter-s);
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons button:hover::after {
    background: var(--clr-plx-offwhite);
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons button::after {
    border: none;
    background: var(--clr-plx-teal);
    mask-image: url('/icons/plx-icon-arrow.svg');
    aspect-ratio: 1/1;
    mask-size: 100% 100%;
    height: 2rem;
    width: auto;

    @media (min-width: 900px), (width >= 900px) {
      height: 3.2rem;
    }
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons .slide-next::after {
    transform: translate(-40%, -50%) rotate(0);
  }

  .plx-carousel-solutions.carousel .carousel-navigation-buttons .slide-prev::after {
    transform: translate(-40%, -50%) rotate(180deg);
  }

  /* hotspot */
  /* =============================================================================== */
  .block.hotspots.yellow-dots .hotspot .hotspot-dot {
    background: var(--clr-plx-yellow);
  }

  .block.hotspots.blue-dots .hotspot .hotspot-dot {
    background: var(--clr-plx-blue);
    color: var(--clr-plx-offwhite);
  }

  .section.plx-hotspots:not(.fragment-container) {
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--gutter-xl);
  }

  .section.plx-hotspots:not(.fragment-container) .hotspot-wrapper::after,
  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper::after {
    content: '';
    display: block;
    width: 100vw;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    background: var(--background-color);
    z-index: 0;
  }

  .section.plx-hotspots:not(.fragment-container) .hotspot-wrapper::after {
    height: 10%;
    bottom: 0;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper::after {
    height: calc(100% + var(--gutter-xl) + var(--gutter-4xl));
    top: 50%;
    translate: -50% -50%;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper {
    position: relative;
    text-align: center;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper > * {
    z-index: 1;
    position: relative;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper p > a {
    text-decoration: none;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper p > a strong {
    display: block;
    font-size: 120%;
    text-transform: uppercase;
    font-weight: var(--fw-normal);
    text-decoration: underline;
  }

  .section.plx-hotspots:not(.fragment-container) .default-content-wrapper p > a em {
    font: var(--button-font);
    text-align: center;
    line-height: 1;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30rem;
    padding: var(--button-padding);
    border: var(--button-border);
    margin: var(--button-margin);
    border-radius: var(--button-border-radius);
    text-underline-offset: 0.15em;
    height: var(--button-height);
    align-items: center;
    border-color: var(--button-border-color);
  }

  .section.plx-hotspots:not(.fragment-container):has(.hotspots-wrapper .yellow-dots) .default-content-wrapper p a > em {
    background: var(--button-secondary-background);
    color: var(--button-secondary-color);
  }

  .section.plx-hotspots:not(.fragment-container):has(.hotspots-wrapper .blue-dots) .default-content-wrapper p a > em {
    background: var(--button-primary-background);
    color: var(--button-primary-color);
  }

  .section.plx-hotspots:not(.fragment-container):has(.hotspots-wrapper .blue-dots, .hotspots-wrapper .yellow-dots) .default-content-wrapper p a > em:is(:hover, :focus-visible) {
    background: var(--button-secondary-background-hover);
    border-color: var(--button-secondary-background-hover);
    color: var(--button-secondary-color-hover);
  }

  main .section.plx-hotspots:not(.fragment-container) .default-content-wrapper h2 {
    margin-block-end: .2em;
    width: max-content;
    margin-inline: 0
  }

  main .section.plx-hotspots:not(.fragment-container) .default-content-wrapper h2 + p {
    margin-block-end: 2em;
  }

  .add-to-cart-button-wrapper .quantity-select :is(button, input) {
    font-weight: 400;
  }

  .sidebar .cart .cart-button {
    border: none;
    color: var(--clr-white);
  }

  @media (width <= 599px), (max-width: 599px) {
    main .section.plx-hotspots:not(.fragment-container) .default-content-wrapper h2 + p {
      display: none;
    }

    .section.plx-hotspots:not(.fragment-container) .default-content-wrapper p > a em {
      padding: 1rem var(--gutter-4xl);
    }
  }

  @media (width >= 900px), (min-width: 900px) {
    .section.plx-hotspots:not(.fragment-container) .default-content-wrapper::after {
      display: none;
    }

    .section.plx-hotspots:not(.fragment-container) {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5%;
      justify-content: center;
      align-items: center;
      padding-inline: calc(var(--gutter-xxl) + 3%);
      background-size: 100% 85%;
    }

    .section.plx-hotspots:not(.fragment-container) .default-content-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      grid-area: 1/1/1/1;
      transform: translateY(-10%);
    }

    .section.plx-hotspots:not(.fragment-container) .hotspot-wrapper {
      grid-area: 1/2/1/2;
    }

    .section.plx-hotspots:not(.fragment-container) .default-content-wrapper p {
      width: min(55ch, 100%);
    }
  }

  @media (width >= 1200px), (min-width: 1200px) {
    .section.plx-hotspots:not(.fragment-container) {
      padding: var(--gutter-3xl) calc(var(--gutter-xxl) + 5%) 0;
      background-size: 100% 92%;
    }
  }

  /* BEGIN - Temp BV v1 style rules */
  /* Write A Review button */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:hover,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    font-size: initial !important;
    text-transform: uppercase !important;
    outline: 0 !important;
  }

  /* First to review button */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review:hover,
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate .bv-shared button.bv-first-to-review:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: initial !important;
    outline: 0 !important;
  }

  /* Ask A Product Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* First to ask a question */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate .bv-shared button.bv-first-to-ask-question:focus {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: initial !important;
    outline: 0 !important;
  }

  /* Answer This Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:focus {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Main buttons focus */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-action-bar button:focus,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-ask-question.bv-focusable.bv-submission-button:focus,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-secondary-content-actions-container .bv-content-btn:focus {
    background-color: var(--button-primary-background-hover) !important;
    color: var(--button-primary-color-hover) !important;
  }

  /* Review Highlights Text Header */
  .product-reviews.v1 .css-fom8uq,
  .product-reviews.v1 .css-tvbl82 {
    font-family: var(--heading-font-family-secondary) !important;
    color: var(--clr-plx-blue) !important;
    font-size: 50px;
    font-weight: var(--fw-normal) !important;
    font-style: normal !important;
    line-height: 1 !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Reviews cards */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-item.bv-content-review {
    background-color: var(--clr-neutral-40) !important;
  }

  /* Reviews card slider */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-slider-container {
    background-color: #fff !important;
  }

  /* Small navigation arrows for navigating reviews */
  .product-reviews.v1 .bv-cv2-cleanslate .bv-shared .bv-content-pagination-container a.bv-content-btn {
    background-color: var(--button-secondary-background) !important;
    color: var(--button-secondary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Z-index fix for write a review pop-up (header in way) */
  body[style*="overflow: hidden"] header {
    z-index: 1;
  }

  /* Stars color */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-rating-stars-on {
    color: var(--stars-filled) !important;
  }

  /* Stars color on PLP and PDP */
  .product-list-page .products .list > ol > li .rating > div::before,
  .sidebar .product-title .rating .stars::before {
    content: '★★★★★';
    background: linear-gradient(90deg, var(--stars-filled), var(--percent), var(--stars-unfilled) var(--percent));
    background-clip: text;
  }

  /* Slider knob color */
  .product-reviews.v1 *[data-bv-show=reviews] .bv-cv2-cleanslate [class*=bv-core-container] .bv-content-slider-value {
    background-color: var(--stars-filled) !important;
  }

  /* Post Product Question button */
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit:hover,
  .product-reviews.v1 *[data-bv-show=questions] .bv-cv2-cleanslate [class*=bv-core-container] .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit:focus {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Write a Review and Answer this Question modal form submit buttons */
  #bv-mboxzone-lightbox.bv-cv2-cleanslate .bv-shared .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit {
    background-color: var(--button-primary-background) !important;
    color: var(--button-primary-color) !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    outline: 0 !important;
  }

  /* Reviews highlights ratings distribution color */
  .product-reviews.v1 .css-1ndw5ap > div:first-child {
    background-color: var(--stars-filled);
  }

  /* Reviews highlights ratings distribution color */
  .product-reviews.v1 .css-12t6rv svg linearGradient > stop:first-child {
    stop-color: var(--stars-filled) !important;
  }

  /* END - Temp BV v1 style rules */
  /*=============================================
=            header.header-wrapper            =
=============================================*/
  header.header-wrapper .nav-logo > div:last-of-type,
  header.header-wrapper p:has(a[href="/bra-finder"]) {
    display: none;
  }

  header.header-wrapper nav .nav-logo .icon {
    aspect-ratio: 3 / 1;
    height: auto;
    width: 12rem;
  }

  header.header-wrapper nav .nav-menu ul > li p.m-expandable-title:has(a[href="/bras/shop-by-size"]) + .m-expandable-list {
    display: flex;
    flex-flow: row wrap;
    gap: var(--gutter-s);
    padding: var(--nav-padding-l3);
  }

  @media (width <= 1023px), (max-width: 1023px) {
    header.header-wrapper nav .nav-menu ul > li p.m-expandable-title[aria-expanded="false"]:has(a[href="/bras/shop-by-size"]) + .m-expandable-list {
      display: none;
    }

    header.header-wrapper nav .nav-menu ul > li p.m-expandable-title[aria-expanded="true"]:has(a[href="/bras/shop-by-size"]) + .m-expandable-list {
      display: flex;
    }
  }

  header.header-wrapper nav .nav-menu ul > li p.m-expandable-title:has(a[href="/bras/shop-by-size"]) + .m-expandable-list li {
    padding: 0;
    margin: 0;
    border: 1px solid;
    width: 4rem;
    aspect-ratio: 1/1;
    display: grid;
    place-content: center;
  }

  header.header-wrapper nav .nav-menu ul > li p.m-expandable-title:has(a[href="/bras/shop-by-size"]) + .m-expandable-list li a {
    margin: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header.header-wrapper form input[type="text"] {
    background: var(--clr-neutral-40);
    border-color: var(--clr-neutral-40);
  }

  header.header-wrapper form input[type="text"]::placeholder {
    color: var(--clr-plx-gray-300);
    opacity: 1;
  }

  @media (width >= 1024px), (min-width: 1024px) {
    header.header-wrapper nav .nav-menu > ul > li[aria-expanded="true"] .menu-nav-category a {
      border-color: var(--clr-plx-blue-light);
    }

    header.header-wrapper nav .nav-menu ul > li p.m-expandable-title:has(a[href="/bras/shop-by-size"]) + .m-expandable-list {
      max-width: 20rem;
      padding: 0;
    }

    header.header-wrapper .nav-logo > div:last-of-type,
    header.header-wrapper p:has(a[href="/bra-finder"]) {
      display: block;
    }

    header.header-wrapper .block:not(.banner) {
      grid-template-columns: max-content auto max-content !important;
      grid-template-rows: 0.8fr 1fr;
      padding-block-start: var(--gutter-s);
    }

    header.header-wrapper nav > div {
      flex-direction: column;
    }

    header.header-wrapper .nav-logo > div:last-of-type {
      text-transform: uppercase;
      font-size: var(--body-font-size-xs);
      font-weight: var(--fw-light);
    }

    header.header-wrapper nav .nav-logo a {
      width: fit-content;
      display: block;
      margin-inline: auto;
    }

    header.header-wrapper nav .nav-logo .icon {
      width: 14.7rem !important;
      height: 6.2rem !important;
    }

    header.header-wrapper .block:not(.banner) nav {
      grid-area: 1/1/span 2/ span 3 !important;
    }

    header.header-wrapper nav .nav-menu {
      width: 100%;
      justify-content: center;
      border-top: 1px solid var(--clr-neutral-60);
      margin-block-start: var(--gutter-xs) !important;
      height: calc(100% - var(--gutter-xs)) !important;
    }

    header.header-wrapper p:has(a[href="/bra-finder"]) {
      position: relative;
      height: 0;
      width: 100%;
      transform: translateY(-50%);
      margin: 0;
    }

    header.header-wrapper p:has(a[href="/bra-finder"]) a {
      display: block;
      font-size: 1.4rem;
      background-color: var(--clr-plx-yellow);
      font-weight: var(--fw-bold);
      text-align: center;
      text-decoration: none;
      border-radius: var(--button-border-radius);
      padding: .5rem 1.2rem;
      position: absolute;
      transform: translateY(40%);
    }

    header.header-wrapper nav .nav-menu > ul > li .menu-nav-category a {
      padding-block: 0;
      line-height: 1.75;
    }

    header.header-wrapper form {
      width: clamp(10rem, 100%, 22vw) !important;
    }

    header.header-wrapper .nav-tools .sign-in-link-desktop::after {
      background: url('../../icons/icon-user-updated.svg') 50% 50% / 55% auto no-repeat;
    }

    header.header-wrapper .nav-tools .wishlist {
      background: transparent url('../../icons/icon-favorite-updated.svg') 50% 50% / 55% no-repeat;
    }

    .minicart-wrapper .minicart {
      background: transparent url('../../icons/minicart-icon-plx.svg') 50% 50% / 55% no-repeat;
    }
  }
  /*=====  End of header  ======*/
}

/*===== global dropin commerce =====*/ 

.dropin-design {
  --type-body-font-family: var(--body-font-family);
  --type-base-font-family: var(--body-font-family);
}