@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap";.password-page{--password-accent: #c5521a;color-scheme:dark;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body)}.password-landing{--password-gap: clamp(1.25rem, 3vh, 2rem);min-height:100svh;display:grid;grid-template-rows:minmax(min-content,1fr) auto minmax(min-content,1fr);justify-items:center;gap:var(--password-gap);padding:clamp(2rem,6vh,4rem) 1.25rem;padding-bottom:calc(clamp(2rem,6vh,4rem) + clamp(3rem,8vh,6rem));text-align:center}.password-landing__intro{align-self:end;margin-bottom:calc(var(--password-gap) / 2 + clamp(1.5rem,3vh,2.25rem));display:grid;justify-items:center;gap:clamp(1.25rem,3vh,2rem)}.password-landing__emphasis{color:var(--password-accent)}.password-landing h1{font-family:"DM Mono",var(--font-mono);font-size:clamp(.74rem,.95vw,.95rem);line-height:1.15;font-weight:300;letter-spacing:.09em}.password-landing__copy{max-width:42ch;font:500 clamp(1.05rem,2vw,1.6rem)/1.2 "DM Mono",var(--font-mono);letter-spacing:-.065em;text-wrap:balance}.password-landing__copy strong{font-weight:500}.password-landing__media{grid-row:2;display:block;width:min(70%,21rem)}.password-landing__media video{width:100%;height:auto}.password-landing__form{align-self:start;margin-top:calc(var(--password-gap) / 2);display:flex;align-items:center;gap:.5rem;width:max-content;max-width:100%;font-family:var(--font-mono);font-size:.68rem;line-height:1.2;text-transform:uppercase}.password-landing__entry{display:flex;flex:0 1 auto;min-width:0}.password-landing__entry input,.password-landing__entry button{min-height:22px;border:var(--rule);border-radius:0;padding:.12rem .35rem;background:var(--color-background);color:inherit;font:inherit;text-transform:uppercase}.password-landing__entry input{min-width:0;width:12ch;flex:0 1 auto;text-align:center}.password-landing__entry button{border-left:0;cursor:pointer}.password-landing__entry button:hover{border-color:var(--color-bone)}.password-landing__entry input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-background) inset;-webkit-text-fill-color:var(--color-foreground)}.password-landing__form [role=alert]{flex-basis:100%}.password-landing__form:has([role=alert]){flex-wrap:wrap}.password-landing :focus-visible{outline:2px solid var(--color-bone);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/password.css.map */
