/** Shopify CDN: Minification failed

Line 174:34 Unexpected "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:section-password (INDEX:35) */
section.password {
    
    --input-height: 2.25rem;
    
    height: 100dvh;
    width: 100%;

    animation: fadeIn 1s ease-in-out forwards;


  }

  .template-password main {
    margin-top: 0;
  }

  .password .password__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.template-password {
    overflow: hidden;
    max-height: 100dvh;
  }

  .password__content.absolute {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    flex-direction: column;
    /* gap: 1rem; */
    align-items: center;

    max-width: calc(100% - 3rem);
    width: 100%;
  }

  figure.password__logo {
    width: clamp(8rem, 100%, 24rem);

    padding: 0.5rem 0; 

    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
    animation-delay: 0.5s;
  }

  svg.logo-main {
    width: 100%;
    height: auto;
  }

  svg.logo-main path {
    fill: currentColor;
  }

  .password__text.rte {
    text-align: left;
    color: var(--color-main);

    max-width: 30em;

    padding: 1rem 0;
    margin: var(--rule);

    border-bottom: var(--rule-grey-light);
    border-top: var(--rule-grey-light);

    color: currentColor;

    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
    animation-delay: 1s;
  }

  .password__text.rte p:last-child {
    margin-bottom: 0;
  }

  details.password__form {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    max-width: calc(100% - 2rem);
    width: 100%;

    border-bottom: var(--rule-trans);
  }

  details.password__form[open] summary {
    margin-bottom: 1rem;
  }

  details.password__form summary {
    color: var(--color-grey-light);
  }

  form#login_form {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    margin: 0 auto 1rem auto;
    gap: 1rem;
  }

  form#login_form div[role='status'] {
    margin-top: 1rem;
    position: absolute;
  }

  label.field__label {
    display: none;
  }

  input#Password,
  .password-field {
    width: 100%;
    background: var(--color-white);
  }

  button.password-button {
    background: var(--color-main);
    padding: 0.33rem 0.75rem;
    border-radius: var(--radius-s);
    color: var(--color-white);
    border-color: var(--color-white);
    height: var(--input-height);
  }

  button.password-button:hover {
    background: var(--color-white);
    color: var(--color-main);
    border-color: var(--color-white);
  }
.password input[type="password"] {
    appearance: none;
    height: var(--input-height);
}
  .password input[type="password"]:active,
  .password input[type="password"]:focus,
  .password input[type="password"]:hover
  .password input[type="password"]:focus-visible {
    background: var(--color-white);
  }

  @media screen and (min-width: 1024px) {
    section.password {
      /* padding: 3rem; */
    }
figure.password__logo {
    width: clamp(8rem, 45dvw, 24rem);
}
    .password__content.absolute {
      left: 1rem;
      transform: translate(0, -50%);
      padding: 1rem 3rem;
      align-items: flex-start;
      gap: 1rem;
    }
    .password__content.absolute > {
      max-width: 30rem;
    }
    details.password__form {
      bottom: 2rem;
      left: 3rem;

      max-width: 30em;
    }
      details.password__form summary {
      cursor: pointer;
      
      }
  }
/* END_SECTION:section-password */