:root{--ts-ink: #0e0d0c;--ts-paper: #f4efe6;--ts-bone: #e6dec9;--ts-red: #e02b1d;--ts-red-deep: #a8160c;--ts-orange: #f4621f;--ts-muted: #5d574e;--ts-rule: 2.5px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body.ts-pw-body{min-height:100vh;background:repeating-linear-gradient(90deg,rgba(14,13,12,.035) 0 2px,transparent 2px 9px),var(--ts-bone);color:var(--ts-ink);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid var(--ts-orange);outline-offset:3px}.ts-pw{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100vh;padding:clamp(24px,5vw,64px) 16px}.ts-pw__label{width:min(560px,100%);background:#fff;border:var(--ts-rule) solid var(--ts-ink);font-family:JetBrains Mono,ui-monospace,monospace;transform:rotate(-1.2deg);box-shadow:0 18px 0 -8px #0e0d0c1f}@media(prefers-reduced-motion:no-preference){.ts-pw__label{animation:ts-pw-settle .6s cubic-bezier(.2,.8,.3,1) both}@keyframes ts-pw-settle{0%{transform:translateY(6px) rotate(0)}to{transform:rotate(-1.2deg)}}}.ts-pw__row{border-bottom:2px solid var(--ts-ink);padding:16px 20px}.ts-pw__row:last-child{border-bottom:0}.ts-pw__row--foot{padding:12px 20px}.ts-pw__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid var(--ts-ink)}.ts-pw__split>div{padding:16px 20px;min-width:0}.ts-pw__split>div+div{border-left:2px solid var(--ts-ink)}.ts-pw__k{font-size:11px;letter-spacing:.08em;color:var(--ts-muted);margin-bottom:6px}.ts-pw__v{font-size:15px;font-weight:700}.ts-pw__logo{width:200px}.ts-pw__big{font:400 clamp(40px,8vw,64px)/.9 "Archivo Black",sans-serif;letter-spacing:-.02em;margin:4px 0 0}.ts-pw__red{color:var(--ts-red)}.ts-pw__note{display:inline-block;margin-top:8px;font-family:Caveat,cursive;font-weight:700;font-size:26px;color:var(--ts-red);transform:rotate(-3deg)}.ts-pw__field{display:flex;border:var(--ts-rule) solid var(--ts-ink);background:#fff;font-family:Archivo,sans-serif}.ts-pw__field:focus-within{box-shadow:4px 4px 0 var(--ts-orange)}.ts-pw__field input{flex:1;min-width:0;width:100%;border:0;padding:16px 18px;font:500 17px/1 Archivo,sans-serif;background:transparent;color:var(--ts-ink)}.ts-pw__field input::placeholder{color:#7a746a}.ts-pw__field input:focus{outline:none}.ts-pw__btn{border:0;border-left:var(--ts-rule) solid var(--ts-ink);background:var(--ts-red);color:#fff;font:400 15px/1 Archivo Black,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:0 22px;cursor:pointer}.ts-pw__btn:hover{background:var(--ts-red-deep)}.ts-pw__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ts-pw__fine{font-family:Archivo,sans-serif;font-size:13px;line-height:1.4;color:var(--ts-muted);margin:10px 0 0}.ts-pw__error{font-family:Archivo,sans-serif;font-size:13px;font-weight:600;line-height:1.4;color:var(--ts-red);margin:10px 0 0}.ts-pw__barcode{height:64px;background:repeating-linear-gradient(90deg,var(--ts-ink) 0 3px,#fff 3px 5px,var(--ts-ink) 5px 6px,#fff 6px 10px,var(--ts-ink) 10px 14px,#fff 14px 16px)}.ts-pw__owner{border:0;background:none;padding:0;cursor:pointer;font:400 14px/1.4 Archivo,sans-serif;color:var(--ts-ink);text-decoration:underline;text-underline-offset:3px}.ts-pw__dialog{width:min(420px,calc(100vw - 32px));padding:16px 20px 20px;background:var(--ts-paper);color:var(--ts-ink);border:var(--ts-rule) solid var(--ts-ink);box-shadow:0 18px 0 -8px #0e0d0c2e;font-family:JetBrains Mono,ui-monospace,monospace}.ts-pw__dialog::backdrop{background:#0e0d0c73}.ts-pw__dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ts-pw__dialog-head .ts-pw__k{margin:0}.ts-pw__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;border:0;background:none;color:inherit;cursor:pointer}.ts-pw__pw-label{display:block;color:var(--ts-ink);font-weight:700}@media(max-width:820px){.ts-pw__split{grid-template-columns:minmax(0,1fr)}.ts-pw__split>div+div{border-left:0;border-top:2px solid var(--ts-ink)}.ts-pw__btn{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ts-password.css.map */
