/** Shopify CDN: Minification failed

Line 193:7 Cannot use type selector "--restrict" directly after nesting selector "&"

**/
@supports (padding: max(0px)) {
  .boa-account {
    padding-block-end: max(20px, env(safe-area-inset-bottom, 0px) + 20px);
  }
}

.boa-account {
  padding-inline: var(--container-gutter);
  z-index: 1;
  margin-block-start: auto;
  padding-block-start: 20px;
  padding-block-end: 20px;
  transform: translateZ(0);

  &:before {
    content: "";
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 100%;

    &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      right: 0;
    }
  }

  @media screen and (max-width: 740px) {
    .popover__overlay {
      bottom: 0;
    }

    .popover--top[open] {
      transform: translateY(-42px);
    }
  }

  @media screen and (max-width: 1024px) {
    .popover {
      width: 100%;
      position: fixed;
    }

    .popover__choice-item:not(:first-child) {
      margin-block-start: 16px;
    }

    .popover--top {
      top: 0;
      bottom: auto;
      transform: translateY(-100%);

      &:after {
        top: auto;
        bottom: 0;
        border-color: rgb(var(--root-background)) transparent transparent transparent;
      }

      &:before {
        top: auto;
        bottom: -1px;
        border-color: rgb(var(--root-border-color)) transparent transparent transparent;
      }
    }

    .popover__overlay {
      top: auto;
      transform: translateY(100%);
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .popover {
      width: 100%;
      max-width: none;
      bottom: 0;
      touch-action: manipulation;
      border-radius: 10px 10px 0 0;
      flex-direction: column;
      max-height: 75vh;
      transition: transform 0.6s cubic-bezier(0.75, 0, 0.175, 1),
        visibility 0.6s cubic-bezier(0.75, 0, 0.175, 1);
      display: flex;
      left: 0;
      transform: translateY(100%);
      position: fixed;

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 0;
      }
    }

    .drawer__content {
      position: relative;

      .popover__overlay {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }
    }

    .popover--top {
      top: 0;
      bottom: auto;
      transform: translateY(-100%);

      &[open] {
        transform: translateY(-40%);
      }

      .popover__overlay {
        bottom: 0;
        transform: translateY(100%);
      }
    }
  }

  @media screen and (min-width: 1025px) {
    .popover-container {
      position: relative;
    }

    .popover {
      border: 1px solid rgb(var(--root-border-color));
      z-index: 2;
      opacity: 0;
      border-radius: min(var(--block-border-radius), 4px);
      transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
      position: absolute;
      top: calc(100% + 18px);

      &[open] {
        opacity: 1;
      }

      &:after,
      &:before {
        content: "";
        border-style: solid;
        border-color: transparent transparent rgb(var(--root-background)) transparent;
        border-width: 8px;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
      }

      &:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        &:after,
        &:before {
          right: 24px;
        }
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        &:after,
        &:before {
          left: 24px;
        }
      }

      &:before {
        border-color: transparent transparent rgb(var(--root-border-color)) transparent;
        border-width: 9px;

        &:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
          right: 23px;
        }

        &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
          left: 23px;
        }
      }
    }

    .popover__overlay,
    .popover__header {
      display: none;
    }

    .popover__content {
      padding-inline-start: 32px;
      padding-inline-end: 32px;

      &--restrict {
        max-height: 400px;
      }
    }

    .popover--small {
      font-size: calc(var(--base-font-size) - 3px);
      line-height: 1.5;
    }

    .popover--top {
      top: auto;
      bottom: calc(100% + 18px);

      &:before,
      &:after {
        border-color: rgb(var(--root-background)) transparent transparent transparent;
        top: 100%;
        bottom: auto;
      }

      &:before {
        border-color: rgb(var(--root-border-color)) transparent transparent transparent;
      }
    }

    .popover--left {
      &:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 0;
        right: auto;
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: auto;
        right: 0;
      }

      &:before,
      &:after {
        display: none;
      }
    }

    .popover-button + .popover {
      &:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: -28px;
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: -28px;
      }
    }

    .select + .popover {
      &:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: -15px;
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: -15px;
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  .drawer:not(.drawer--from-left) .popover:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: unset;
  }
}

.mobile-menu__link {
  font-size: 1rem;
}

#mobile-menu-drawer .drawer__header {
  justify-content: flex-end;
}