:root{color-scheme:dark;--black:#030303;--ink:#eceeee;--dim:#80878a;--faint:#2c3032;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;--wide:"Ditto Wide","Helvetica Neue",Helvetica,Arial,sans-serif;--chrome:linear-gradient(180deg,#ffffff 0%,#dfe3e6 30%,#8d9295 47%,#2d3133 50%,#c9cdd0 53%,#f4f6f7 70%,#9ea3a6 88%,#ffffff 100%);--button-chrome:linear-gradient(180deg,#ffffff 0%,#eef1f3 22%,#dde2e5 58%,#c3c9cd 80%,#5b6064 86%,#aeb4b8 90%,#e8ebed 100%);--silver-edge:linear-gradient(115deg,#fafafa 0%,#6d7275 18%,#e6e9eb 34%,#43484b 52%,#f2f4f5 70%,#80868a 86%,#ffffff 100%)}*{box-sizing:border-box}html,body{margin:0;background:var(--black);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:1px solid #f2f4f5;outline-offset:4px}.gate{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 55% 38% at 50% 26%,#121415 0%,#070808 50%,var(--black) 78%)}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px)}.sysbar{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.sysbar b{color:var(--ink);font-weight:500}.core{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 24px 18px;text-align:center}.logo-stage{position:relative;width:min(96vw,1180px);height:clamp(150px,27svh,330px);margin-top:-10px}#logo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}.logo-live #logo-canvas{opacity:1}.logo-fallback{position:absolute;left:50%;top:50%;width:auto;height:74%;max-width:80%;object-fit:contain;transform:translate(-50%,-50%);display:none}.no-webgl #logo-canvas{display:none}.no-webgl .logo-fallback{display:block}.chrome{position:relative;display:inline-block;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 22px rgba(210,220,225,.12))}.chrome:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) 160% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sheen 5.5s cubic-bezier(.5,0,.3,1) infinite 1.2s}@keyframes sheen{0%{background-position:160% 0}38%,to{background-position:-60% 0}}.headline{margin:-4px 0 0;font-family:var(--wide);font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:.95;font-size:clamp(46px,7.4vw,118px)}.kicker{margin:14px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b9bec0}.kicker .dash{color:var(--dim)}.panel{width:min(100%,600px);margin-top:clamp(18px,3.2svh,36px);text-align:left}.prompt{margin:0 0 10px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.prompt>span:first-child{color:var(--dim);margin-right:6px}.field-row{display:flex;gap:10px}.metal-field{flex:1;display:flex;align-items:center;min-width:0;border:1px solid transparent;border-radius:3px;background:linear-gradient(#0a0b0c,#0a0b0c) padding-box,var(--silver-edge) border-box;background-size:100% 100%,220% 100%;transition:background-position .9s ease,box-shadow .3s ease}.metal-field:focus-within{background-position:0 0,100% 0;box-shadow:0 0 0 3px #e6ecee14,0 0 26px #dce4e81a}.metal-field input{flex:1;min-width:0;height:48px;padding:0 16px;border:0;background:transparent;font-family:var(--mono);font-size:14px;letter-spacing:.04em;outline:none;caret-color:#fff}.metal-field input::placeholder{color:#5d6366}.field-prefix{padding-left:14px;font-family:var(--mono);font-size:13px;color:var(--dim)}.field-prefix+input{padding-left:10px}.metal-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;border-radius:3px;background:var(--button-chrome);color:#0b0c0d;font-family:var(--wide);font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0006,0 6px 22px #0009}.metal-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translate(-120%);transition:transform .7s cubic-bezier(.3,.7,.2,1)}.metal-button:hover:before,.metal-button:focus-visible:before{transform:translate(120%)}.metal-button:active{transform:translateY(1px)}.metal-button>span{position:relative}.consent{position:relative;display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:12px;line-height:1.5;color:#b9bec0;cursor:pointer}.consent input{position:absolute;opacity:0;width:18px;height:18px;margin:0}.check{flex:none;width:18px;height:18px;margin-top:1px;border:1px solid transparent;border-radius:2px;background:linear-gradient(#0a0b0c,#0a0b0c) padding-box,var(--silver-edge) border-box;display:grid;place-items:center}.check:after{content:"";width:9px;height:5px;border-left:2px solid #f2f4f5;border-bottom:2px solid #f2f4f5;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .15s ease}.consent input:checked+.check:after{transform:translateY(-1px) rotate(-45deg) scale(1)}.consent input:focus-visible+.check{outline:1px solid #f2f4f5;outline-offset:3px}.consent a{text-underline-offset:3px;color:var(--ink)}.fineprint{margin:8px 0 0 30px;font-size:11px;line-height:1.5;color:var(--dim)}.status{min-height:18px;margin:10px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f2f4f5}.status.is-error{color:#ff9d8f}.shake{animation:shake .38s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.privacy-sheet{width:min(600px,calc(100vw - 32px));max-height:min(80svh,760px);margin:auto;padding:0;border:1px solid transparent;border-radius:4px;background:linear-gradient(#0a0b0c,#0a0b0c) padding-box,var(--silver-edge) border-box;color:#c3c8ca;text-align:left;overflow:hidden}.privacy-sheet[open]{display:flex;flex-direction:column}.privacy-sheet::backdrop{background:#000000bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.privacy-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--faint)}.privacy-head h2{margin:0;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.privacy-close{width:34px;height:34px;font-size:22px;line-height:1;color:var(--ink)}.privacy-text{overflow-y:auto;overscroll-behavior:contain;padding:8px 22px 26px;font-size:13px;line-height:1.65}.privacy-text :is(h2,h3,h4){margin:20px 0 6px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.privacy-text p,.privacy-text ul{margin:0 0 10px}.privacy-text p:first-child{margin-top:10px}.privacy-text strong{font-weight:500;color:var(--ink)}.privacy-text a{color:var(--ink);text-underline-offset:3px}.reserved{padding:6px 0 4px;outline:none}.reserved-title{margin:0;font-family:var(--wide);font-weight:800;font-size:34px;text-transform:uppercase}.reserved p:last-child{margin:8px 0 0;font-size:13px;line-height:1.55;color:#b9bec0}.prompt-button{display:inline-flex;align-items:center;margin:12px 0 6px;padding:6px 0}.prompt-button:hover{color:#fff}.caret{margin-left:3px;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.gate-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 28px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.syslog{list-style:none;margin:0;padding:0;min-height:44px;display:flex;flex-direction:column;justify-content:flex-end}.syslog li{white-space:nowrap}.syslog li b{color:var(--ink);font-weight:500}.syslog li:last-child:after{content:"_";margin-left:2px;animation:blink 1.05s steps(1) infinite}.foot-right{white-space:nowrap}.foot-right a{margin-left:14px;text-underline-offset:3px}.ticker{overflow:hidden;border-top:1px solid var(--faint);padding:9px 0;font-family:var(--wide);font-weight:800;font-size:12px;letter-spacing:.04em;color:#c9cdd0;white-space:nowrap}.ticker-track{display:inline-flex;animation:ticker 38s linear infinite}.ticker-track span{padding-right:.55em}@keyframes ticker{to{transform:translate(-50%)}}.review{padding:30px 6%;background:#0c0d0e;border-top:1px solid var(--faint);font-size:11px;line-height:1.6;color:#9aa0a3}.review-top{display:flex;justify-content:space-between;gap:20px;letter-spacing:.08em}.review details{margin-top:28px;max-width:740px}.review summary{cursor:pointer;width:fit-content;list-style:none}.review summary::-webkit-details-marker{display:none}.review summary span{margin-left:30px}.review details[open] summary span{display:inline-block;transform:rotate(45deg)}.review-copy{font-size:13px;line-height:1.7;max-width:640px;margin-top:20px}.review-copy p{margin:0 0 12px}.review code{font-family:var(--mono);color:#e4e7e8}.home-review{display:inline-block;margin-top:18px}@media(max-width:640px){.sysbar{padding:14px 16px;font-size:9.5px}.sysbar>span:first-child{max-width:52%}.core{padding:0 16px 14px}.logo-stage{height:clamp(120px,22svh,190px);margin-top:0}.kicker{font-size:10.5px;letter-spacing:.1em}.field-row{flex-direction:column}.metal-button{justify-content:center;height:48px}.fineprint{margin-left:0}.gate-foot{flex-direction:column;align-items:flex-start;gap:8px;padding:0 16px 12px;font-size:9.5px}.syslog li{white-space:normal}.review{padding:26px 8%}.review-top{flex-direction:column;gap:6px;font-size:10px}}@media(prefers-reduced-motion:reduce){.chrome:after,.ticker-track,.caret,.syslog li:last-child:after{animation:none}.metal-button:before,.metal-field{transition:none}}.gate{justify-content:center;background:radial-gradient(ellipse 46% 30% at 50% 42%,#0d0e0f,#000 70%)}.gate:before,.gate:after{display:none}.core{flex:0 1 auto;justify-content:center;padding:6svh 24px 8svh}.logo-stage{width:min(58vw,650px);height:clamp(94px,19svh,217px);margin-top:0}.whisper{margin:6px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#8a9093}.panel{width:min(100%,380px);margin-top:30px;text-align:center}.metal-field input{height:42px;padding:0 14px;font-size:12.5px;letter-spacing:.06em}.metal-button{height:44px;padding:0 18px;font-size:11px;letter-spacing:.04em;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0006}.consent{justify-content:center;gap:9px;margin-top:12px;font-size:10.5px;line-height:1.5;color:#7d8386;text-align:left}.consent a{color:#b9bec0}.check{width:14px;height:14px;margin-top:1px}.check:after{width:7px;height:4px;border-width:0 0 1.5px 1.5px}.consent input{width:14px;height:14px}.status{min-height:14px;margin-top:8px;font-size:10px;text-align:center}.reserved p{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e9ecec}.quiet-link{margin-top:22px;padding:6px 0;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5c6265;transition:color .2s ease}.quiet-link:hover,.quiet-link[aria-expanded=true]{color:#cfd3d5}.password{margin-top:10px}@media(max-width:640px){.core{padding:4svh 18px 6svh}.logo-stage{width:56vw;height:clamp(76px,13svh,125px)}.whisper{font-size:9.5px;letter-spacing:.2em}.field-row{flex-direction:row}.metal-button{height:44px}}.logo-fallback{height:58%;max-width:64%}.core>.shopify-section{width:100%;display:flex;flex-direction:column;align-items:center}h1.whisper{font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ditto-password.css.map */