.full-height{height:100%}body.password{min-height:100vh;display:flex;flex-direction:column}.password-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.password-header{max-width:600px;margin:0 auto;text-align:center;padding:3rem 1.5rem 2rem}.password-logo{display:block;margin:0 auto 2rem;width:auto;height:auto}.password-header h1{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:rgb(var(--color-foreground))}.password-content{margin:2rem auto;font-size:1.125rem;line-height:1.6;color:rgba(var(--color-foreground),.85);max-width:500px}.password-modal{margin-top:2rem}.password-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.password-link:hover{opacity:.8}.password-link .svg-wrapper{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.password-link svg{width:100%;height:100%}.password-modal__content{background:#fff;border-radius:var(--buttons-radius, 8px);padding:3rem 2.5rem;max-width:500px;margin:0 auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.password-modal__content-heading{margin-bottom:2rem;font-size:1.75rem;font-weight:700;color:#1a1a1a;line-height:1.2}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-field{position:relative}.password-field .field__input{width:100%;padding:1rem 1.125rem;font-size:1rem;border:2px solid #d1d5db;border-radius:var(--inputs-radius, 6px);background:#fff;color:#1a1a1a;transition:all .2s ease;font-weight:500}.password-field .field__input::placeholder{color:#fff}.password-field .field__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-field--error .field__input{border-color:#dc2626}.password-field .field__label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#6b7280;pointer-events:none;transition:all .2s ease;background:#fff;padding:0 .625rem;font-weight:600}.password-field .field__input:focus+.field__label,.password-field .field__input:not(:placeholder-shown)+.field__label{top:0;font-size:.75rem;color:#3b82f6}.password-field .form__message{display:flex;align-items:center;gap:.5rem;margin-top:.625rem;font-size:.875rem;color:#dc2626;font-weight:500}.password-field .form__message .svg-wrapper{width:1rem;height:1rem;flex-shrink:0}.password-field .form__message svg{fill:#dc2626}.password-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#1a1a1a;color:#fff;border:none;border-radius:var(--buttons-radius, 6px)}.password-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0003;background:#2d2d2d}.password__footer-text{display:block;margin-top:1.5rem;font-size:.875rem;color:#6b7280;text-align:center;line-height:1.5}.password__footer-text a{color:#1a1a1a;font-weight:600;text-decoration:none;border-bottom:1px solid #1a1a1a;transition:all .2s ease}.password__footer-text a:hover{color:#3b82f6;border-bottom-color:#3b82f6}.password__footer{padding:2rem 1.5rem;text-align:center;border-top:1px solid rgba(var(--color-foreground),.1)}.list-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:0;list-style:none}.list-social__item{margin:0}.list-social__link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));transition:all .2s ease}.list-social__link:hover{background:rgba(var(--color-foreground),.1);transform:translateY(-2px)}.list-social__link .svg-wrapper{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.list-social__link svg{width:100%;height:100%;fill:currentColor}.password__footer-caption,.password__footer-login{display:block;margin-top:.75rem;font-size:.875rem;color:rgba(var(--color-foreground),.6)}.password__footer-caption a,.password__footer-login a{color:rgb(var(--color-foreground));transition:opacity .2s ease}.password__footer-caption a:hover,.password__footer-login a:hover{opacity:.7}.shopify-link{display:inline-flex;align-items:center;vertical-align:middle}.shopify-link svg{width:4rem;height:auto;fill:currentColor}.modal__toggle{display:block;cursor:pointer;list-style:none}.modal__toggle::-webkit-details-marker{display:none}.modal__toggle-close{display:none;position:fixed;top:1.5rem;right:1.5rem;z-index:100;cursor:pointer}.modal__toggle-close .svg-wrapper{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border-radius:50%;box-shadow:0 2px 4px #0000001a}.password-modal[open] .modal__toggle-open{display:none}.password-modal[open] .modal__toggle-close{display:block}.modal__content{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;overflow-y:auto}.password-modal[open] .modal__content{display:flex;align-items:center;justify-content:center}.modal__close-button{position:absolute;top:1rem;right:1rem;cursor:pointer;background:#f3f4f6;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;border-radius:4px}.modal__close-button:hover{color:#1a1a1a;background:#e5e7eb}.modal__close-button .svg-wrapper{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.password-header{padding:2rem 1rem}.password-modal__content{padding:2rem 1.5rem;max-width:calc(100% - 2rem)}.password-modal__content-heading{font-size:1.5rem}.modal__content{padding:1rem}.list-social{gap:1rem}.list-social__link{width:2.25rem;height:2.25rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content-link{position:absolute;left:-9999px;top:0;z-index:9999}.skip-to-content-link:focus{left:0;padding:1rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));text-decoration:none}hr{margin:0;border:none;border-top:1px solid rgba(var(--color-foreground),.08)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/password.css.map */
