.password{-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);height:100dvh;position:relative;overflow:hidden;width:100%}.password:before{background:rgba(var(--color-black),.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.password__container{color:rgb(var(--color-white));left:0;position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:100%;z-index:1}.password__logo{margin:0 auto 2rem}.password__logo>svg{fill:rgb(var(--color-white))}.password__modal .button--tertiary{border:solid 1px rgba(var(--color-white),.6);opacity:1;margin-top:1.25rem;transition:all .2s ease}.password__toggle{position:absolute;top:calc(100% + 2rem)}.password__modal[open] .button--tertiary{background:rgb(var(--color-white));color:rgb(var(--color-black))}.password-modal__content-heading{font-size:var(--item-font-size);line-height:var(--item-line-height);margin-bottom:.75rem;text-transform:uppercase}.password-field input{border-color:rgba(var(--color-white),.6)}.password-field input::placeholder{color:rgba(var(--color-white),.5);opacity:1}.password-field input:focus,.password-field input:active{border-color:rgb(var(--color-white))}.password__modal .button--primary{border-color:rgba(var(--color-white),.6);color:rgb(var(--color-white));margin-top:1rem;width:100%;transition:all .2s ease}.password__modal .button--primary:hover{background:rgb(var(--color-white));color:rgb(var(--color-black))}@media (min-width: 681px){.password__logo{width:20rem}.password__toggle{left:50%;max-width:20rem;transform:translate(-50%);width:100%}}@media (max-width: 680px){.password__logo{width:15rem}.password__toggle{left:2rem;width:calc(100% - 4rem)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/password.css.map */
