body.template-password{margin:0;min-height:100vh;background-color:#173f2f;background-image:linear-gradient(var(--grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--grid-2) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:150px 150px,150px 150px,30px 30px,30px 30px;background-position:-1px -1px;color:#f4f1e8}body.template-password:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--noise),radial-gradient(70% 50% at 50% 20%,rgba(255,255,255,.05),transparent 70%);background-size:180px 180px,100% 100%;mix-blend-mode:overlay;opacity:.55}.pw-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 20px;background:#fbfaf7f7;border-bottom:1px solid var(--line);color:var(--ink)}.pw-logo{grid-column:2;height:36px;width:auto;max-width:none}.pw-enter{justify-self:end;background:none;border:0;padding:6px 0;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.pw-enter:hover{text-decoration:underline;text-underline-offset:3px}.pw{position:relative;z-index:1}.pw-ruler{height:32px;border-bottom:1px solid var(--grid-2);background-image:linear-gradient(90deg,var(--mat-ink) 1px,transparent 1px),linear-gradient(90deg,rgba(233,239,233,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(233,239,233,.45) 1px,transparent 1px);background-size:150px 14px,30px 9px,6px 5px;background-repeat:repeat-x;background-position:-1px 100%,-1px 100%,-1px 100%;display:flex;font-family:var(--mono);font-size:10px;color:var(--mat-ink);white-space:nowrap;overflow:hidden}.pw-ruler span{flex:0 0 150px;padding:4px 0 0 5px;opacity:.85}.pw-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 20px 10px}.pw-kicker{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.9}.pw-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:v3-blink 1.2s steps(2,start) infinite}.pw-title{margin-top:14px;font-family:var(--serif);font-size:clamp(56px,9vw,120px);line-height:.9;letter-spacing:-.015em}.pw-sub{margin-top:12px;font-size:16px;line-height:1.45;opacity:.85}.pw-hats{position:relative;display:flex;justify-content:center;margin:26px auto 8px;width:min(720px,100%);height:clamp(110px,18vw,170px)}.pw-hats img{width:clamp(96px,17vw,160px);height:auto;margin:0 -2.2%;object-fit:contain;transform:rotate(calc((var(--i) - 2) * 7deg)) translateY(calc((var(--i) - 2) * (var(--i) - 2) * 3px));filter:drop-shadow(0 12px 12px rgba(0,0,0,.4));animation:pw-in .7s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * .08s)}@keyframes pw-in{0%{opacity:0;transform:translateY(18px) scale(.92)}}.pw-count{display:flex;gap:10px;margin-top:22px}.pw-count[hidden]{display:none}.pw-cell{position:relative;min-width:76px;padding:14px 10px 10px;background-image:var(--noise),linear-gradient(180deg,#fbf8ef,#efe8d6);background-size:160px 160px,auto;background-blend-mode:multiply,normal;color:var(--ink);border-radius:3px;box-shadow:0 10px 18px -12px #000000b3;transform:rotate(var(--rr,0deg))}.pw-cell:nth-child(1){--rr:-1.5deg}.pw-cell:nth-child(2){--rr:1deg}.pw-cell:nth-child(3){--rr:-.5deg}.pw-cell:nth-child(4){--rr:1.5deg}.pw-cell b{display:block;font:500 40px/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pw-cell span{display:block;margin-top:6px;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#6d6a63}.pw-live{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:14px}.pw-live[hidden]{display:none}.pw-live p{font-family:var(--serif);font-size:44px;line-height:1}.pw-btn{display:inline-block;padding:15px 24px;border-radius:999px;background:var(--red);color:#fff;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.pw-btn:hover{text-decoration:none;background:#b8200f}.pw-when{margin-top:16px;font:500 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}.pw-join{width:min(560px,calc(100% - 32px));margin:40px auto 0;padding:26px 22px 22px;text-align:center;border-top:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff1f}.pw-join__t{font-family:var(--serif);font-size:36px;line-height:1}.pw-join__s{margin-top:8px;font-size:15px;line-height:1.45;opacity:.82}.pw-app{margin-top:16px;text-align:left}.pw-form{margin-top:18px}.pw-field{display:flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:#fbfaf7;box-shadow:0 10px 24px -14px #0009}.pw-field input{flex:1;min-width:0;width:auto;border:0;padding:12px 8px 12px 16px;background:transparent;color:var(--ink);font:16px/1.2 var(--sans)}.pw-field input::placeholder{color:#8b877e}.pw-field button{flex:none;border:0;border-radius:999px;padding:13px 18px;background:var(--red);color:#fff;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.pw-field button:hover{background:#b8200f}.pw-ok{padding:14px 18px;border-radius:12px;background:#fbfaf71f;font-family:var(--serif);font-size:24px;line-height:1.15}.pw-err{margin-top:10px;font:500 11px/1.3 var(--mono);color:#ffb3a8}.pw-fine{margin-top:10px;font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.6}.pw-pass{width:min(420px,calc(100% - 32px));margin:28px auto 0;text-align:left}.pw-pass[hidden]{display:none}.pw-pass label{display:block;margin-bottom:8px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}.pw-field--dark button{background:var(--ink)}.pw-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:56px 20px 30px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}.pw-foot a{color:inherit}@media(max-width:749px){.pw-head{padding:12px 16px}.pw-logo{height:30px}.pw-hero{padding-top:34px}.pw-sub{font-size:15px}.pw-count{gap:8px}.pw-cell{min-width:68px;padding:12px 6px 9px}.pw-cell b,.pw-join__t{font-size:32px}.pw-field button{padding:13px 14px}}@media(prefers-reduced-motion:reduce){.pw-dot,.pw-hats img{animation:none}}.pw-early{margin:30px auto 0;text-align:center;font:500 11.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.pw-early button{background:none;border:0;padding:0;margin-left:4px;color:#f4f1e8;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pw-pass{margin-top:14px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/suede-v3-password.css.map */