/** Shopify CDN: Minification failed

Line 61:0 Unexpected "{"
Line 61:1 Expected identifier but found "%"

**/
/* START_SECTION:password-footer (INDEX:25) */
.password-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-sm);
    padding-block: var(--padding-xl);
  }

  .password-footer__powered-by {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--padding-xs);
    height: 1em;

    > a {
      display: flex;
    }

    .icon-shopify {
      display: inline;
      height: 1.3em;
      color: var(--color-foreground);
    }
  }

  .password-footer__links {
    display: flex;
    align-items: center;
    gap: var(--gap-2xl);

    @media screen and (max-width: 749px) {
      flex-direction: column;
      gap: var(--gap-sm);
    }
  }

  .password-footer__admin-link {
    margin: 0;
  }

  .password-footer__button {
    height: var(--minimum-touch-target);
    background-color: transparent;
    color: var(--color-foreground);
    cursor: pointer;
    text-decoration: underline;

    &:hover {
      color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
      text-decoration: none;
    }
  }
{% stylesheet %}

.password-footer {
  position: relative;
}

.password-footer__button {
  position: fixed !important;

  top: 150px !important;
  left: 50% !important;

  transform: translateX(-50%) !important;

  z-index: 9999 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 300px !important;
  min-height: 62px !important;

  padding: 18px 30px !important;

  background: #000000 !important;
  color: #ffffff !important;

  border: 1px solid #000000 !important;
  border-radius: 999px !important;

  font-size: 16px !important;
  font-weight: 900 !important;

  letter-spacing: 1px !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  cursor: pointer !important;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
}

.password-footer__button:hover {
  background: #222222 !important;
}

.password-footer__powered-by {
  display: none !important;
}

.password-footer__admin-link {
  display: none !important;
}

@media screen and (max-width: 600px) {

  .password-footer__button {
    top: 125px !important;

    width: calc(100% - 40px) !important;
    max-width: 320px !important;

    min-height: 58px !important;

    font-size: 15px !important;
  }

}

/* FIX PASSWORD MODAL WIDTH ON MOBILE */

@media screen and (max-width: 749px) {

  dialog,
  .password-modal,
  .password-modal__content,
  .password-modal__form,
  .password-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .password-modal__content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .password-modal__form {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }

  .password-modal__form input[type="password"],
  .password-modal__form input,
  .password-modal__form button[type="submit"],
  .password-modal__form button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
  }

  .password-modal__form input[type="password"],
  .password-modal__form input {
    height: 60px !important;

    margin: 0 0 12px 0 !important;
    padding: 0 20px !important;

    border-radius: 18px !important;
  }

  .password-modal__form button[type="submit"],
  .password-modal__form button {
    min-height: 60px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border-radius: 18px !important;
  }
}
/* END_SECTION:password-footer */
/* START_SNIPPET:password-layout-styles (INDEX:200) */
.password-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .password-dialog {
    max-width: 100vw;
    max-height: 100svh;
    width: 100vw;
    height: 100svh;
    border: none;
    transition: opacity var(--animation-values), display var(--animation-speed) allow-discrete,
      overlay var(--animation-speed) allow-discrete;

    &::backdrop {
      display: none;
    }
  }

  .password-dialog[open] {
    opacity: 1;
    top: 0;
    left: 0;
  }

  @starting-style {
    .password-dialog[open] {
      opacity: 0;
    }
  }

  .password-dialog:not([open]) {
    opacity: 0;
  }

  @starting-style {
    .password-dialog:not([open]) {
      opacity: 1;
    }
  }

  .password-dialog__close-button {
    cursor: pointer;
  }

  .password-dialog__header {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--padding-lg);
    z-index: var(--layer-raised);
  }

  .password-dialog__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--padding-lg);
    height: 100%;
    transition: transform var(--animation-values);
  }

  .password-dialog__content .email-signup__message {
    padding-block-start: var(--padding-xl);
  }

  .password-dialog[open] .password-dialog__content {
    transform: translateY(0);
  }

  @starting-style {
    .password-dialog[open] .password-dialog__content {
      transform: translateY(1em);
    }
  }

  .password-dialog:not([open]) .password-dialog__content {
    transform: translateY(1em);
  }

  @starting-style {
    .password-dialog:not([open]) .password-dialog__content {
      transform: translateY(0);
    }
  }

  .storefront-password-form {
    max-width: 400px;
    width: 100%;
  }

  .email-signup__input-group,
  .password-dialog__submit-button {
    width: 100%;

    @media screen and (min-width: 750px) {
      width: auto;
    }
  }
/* END_SNIPPET:password-layout-styles */