.template-password,.template-password body{height:100%}.pw{--fg: var(--ink);--bg: var(--paper);position:relative;min-height:100vh;min-height:100svh;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--bg);color:var(--fg);display:grid;grid-template-rows:auto 1fr auto;padding:22px var(--gutter)}.pw{--fg-muted: var(--ink-60);--fg-line: var(--ink-40)}.pw--ink{--fg: var(--paper);--bg: var(--ink);--fg-muted: var(--paper-60);--fg-line: var(--paper-20)}.pw .caption{color:var(--fg-muted)}.pw__plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg)}.pw__plate img,.pw__plate video{transform:scale(1.04);animation:pw-breathe 28s ease-in-out infinite alternate}@keyframes pw-breathe{to{transform:scale(1.1) translate3d(-1%,-1%,0)}}.pw__veil{--x: 50%;--y: 50%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--bg);opacity:calc(1 - var(--base))}.pw__veil:not(.has-aperture){opacity:.35}.pw__veil.has-aperture{opacity:calc(1 - var(--base))}.pw__veil.is-canvas{opacity:1;background:transparent}.pw__veil canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pw__top,.pw__bottom,.pw__center{position:relative;z-index:2}.pw__top,.pw__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.pw__clock{font-variant-numeric:tabular-nums}.pw__center{align-self:center;justify-self:center;width:min(420px,100%);display:grid;justify-items:center;text-align:center;padding:var(--s5) 0}.pw__logo{margin:0;line-height:0;font-size:0}.pw__logo .logo__fallback{font-size:17px}.pw__message{margin:56px 0 0;opacity:.9}.pw__count{margin-top:14px;font-variant-numeric:tabular-nums;letter-spacing:.14em}.pw__signup{width:100%;margin-top:72px}.pw__signup .field{border-bottom-color:var(--fg-line);transition:border-color .4s}.pw__signup .field:focus-within{border-bottom-color:var(--fg)}.pw__signup .field__input{text-align:left}.pw__signup .form-message{color:var(--fg)}.pw__note{margin-top:14px}.pw__enter{transition:color .3s}.pw__enter:hover{color:var(--fg)}.pw__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);color:var(--fg);display:grid;place-items:center;padding:var(--gutter);animation:pw-fade .6s var(--ease)}.pw__dialog[hidden]{display:none}@keyframes pw-fade{0%{opacity:0}}.pw__dialog-inner{width:min(360px,100%);display:grid;gap:28px}.pw__form{display:grid;gap:24px}.pw__form .field{border-bottom-color:var(--fg)}.pw__close{justify-self:start}.pw__admin{opacity:.6}.pw__admin a{border-bottom:1px solid currentColor}.js .pw__top,.js .pw__logo,.js .pw__message,.js .pw__count,.js .pw__signup,.js .pw__bottom,.js .pw__plate{opacity:0;animation:pw-in 1.8s var(--ease) forwards}.js .pw__plate{animation-duration:4s;animation-delay:.6s}.js .pw__logo{animation-delay:.3s}.js .pw__message{animation-delay:1.1s}.js .pw__count{animation-delay:1.5s}.js .pw__signup{animation-delay:1.9s}.js .pw__top,.js .pw__bottom{animation-delay:2.4s}@keyframes pw-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.pw__plate img,.pw__plate video{animation:none}.js .pw__top,.js .pw__logo,.js .pw__message,.js .pw__count,.js .pw__signup,.js .pw__bottom,.js .pw__plate{animation:none;opacity:1}}.pw input,.pw button,.pw a,.pw__dialog{touch-action:manipulation;-webkit-user-select:text;user-select:text}
/*# sourceMappingURL=/cdn/shop/t/7/assets/password.css.map */