.oc-shell{min-height:100vh;min-height:100dvh;background:var(--oc-void)}.oc-screen{position:relative;z-index:var(--oc-z-content);padding:calc(var(--oc-cabinet-depth) + var(--oc-tube-inset));min-height:100vh;min-height:100dvh;box-sizing:border-box}.oc-crt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--oc-z-cabinet)}.oc-crt__window{position:absolute;inset:var(--oc-cabinet-depth);border-radius:var(--oc-tube-radius);box-shadow:0 0 0 1px #0000008c,-2px -2px 0 2px var(--oc-cabinet-hi),3px 3px 0 2px var(--oc-cabinet-deep),0 0 0 clamp(5px,.8vw,13px) var(--oc-cabinet-mid),0 0 0 clamp(9px,1.4vw,22px) var(--oc-cabinet),0 0 0 100vmax var(--oc-cabinet)}.oc-crt__tube{position:absolute;inset:var(--oc-cabinet-depth);border-radius:var(--oc-tube-radius);box-shadow:inset 0 0 clamp(20px,5vw,80px) rgba(0,0,0,var(--oc-vignette)),inset 0 0 clamp(6px,1.2vw,18px) #00000080;background:radial-gradient(ellipse at 50% 42%,#ffffff0d,#fff0 55%)}.oc-crt__plate{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:var(--oc-cabinet-depth);display:flex;align-items:center;justify-content:center;font-family:var(--oc-font-display);font-size:var(--oc-text-2xs);letter-spacing:var(--oc-tracking-wide);color:var(--oc-cabinet-lo);text-shadow:1px 1px 0 var(--oc-cabinet-hi),-1px -1px 0 var(--oc-cabinet-deep);-webkit-user-select:none;user-select:none}.oc-crt__plate-logo{height:40%;max-height:2.2rem;width:auto;opacity:.5;filter:brightness(.55) saturate(0)}.oc-scanlines{position:fixed;inset:var(--oc-cabinet-depth);border-radius:var(--oc-tube-radius);pointer-events:none;z-index:var(--oc-z-scanlines);background:repeating-linear-gradient(to bottom,rgba(0,0,0,var(--oc-scanline-alpha)) 0,rgba(0,0,0,var(--oc-scanline-alpha)) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) var(--oc-scanline-size))}.oc-screen--void .oc-scanlines,.oc-shell--void .oc-scanlines{--oc-scanline-alpha: var(--oc-scanline-alpha-dark)}.oc-glitch{position:fixed;inset:var(--oc-cabinet-depth);border-radius:var(--oc-tube-radius);pointer-events:none;z-index:var(--oc-z-glitch);mix-blend-mode:screen;background:linear-gradient(90deg,var(--oc-glitch-r) 0%,transparent 18%),linear-gradient(270deg,var(--oc-glitch-b) 0%,transparent 18%),radial-gradient(ellipse at 50% 50%,transparent 62%,var(--oc-glitch-g) 100%);opacity:.55;animation:oc-drift 7s steps(1,end) infinite}@keyframes oc-drift{0%,92%{transform:translateZ(0)}93%{transform:translate3d(-2px,1px,0)}94%{transform:translate3d(3px,-1px,0)}95%{transform:translate3d(-1px,0,0)}96%,to{transform:translateZ(0)}}.oc-glitch-text{position:relative}.oc-glitch-text:before,.oc-glitch-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.oc-glitch-text:before{color:var(--oc-magenta)}.oc-glitch-text:after{color:var(--oc-green)}.oc-glitch-text:hover:before,.oc-glitch-text:focus-visible:before{opacity:.85;transform:translate(-2px);animation:oc-jitter var(--oc-dur-fast) steps(2,end) infinite}.oc-glitch-text:hover:after,.oc-glitch-text:focus-visible:after{opacity:.85;transform:translate(2px);animation:oc-jitter var(--oc-dur-fast) steps(2,end) infinite reverse}@keyframes oc-jitter{0%{clip-path:inset(0 0 72% 0)}50%{clip-path:inset(48% 0 30% 0)}to{clip-path:inset(78% 0 0 0)}}.oc-boot{animation:oc-boot var(--oc-dur-boot) var(--oc-ease-crt) both}@keyframes oc-boot{0%{opacity:0;transform:scaleY(.004) scaleX(1.05);filter:brightness(6)}22%{opacity:1;transform:scaleY(.02) scaleX(1.02);filter:brightness(4)}46%{transform:scaleY(1) scaleX(1);filter:brightness(1.7)}62%{filter:brightness(.85)}78%{filter:brightness(1.25)}to{transform:scaleY(1) scaleX(1);filter:brightness(1)}}.oc-starfield{position:relative;background-color:var(--oc-void);background-image:radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.95) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 78% 14%,rgba(255,255,255,.75) 50%,transparent 50%),radial-gradient(1px 1px at 34% 61%,rgba(255,255,255,.85) 50%,transparent 50%),radial-gradient(1px 1px at 64% 78%,rgba(255,255,255,.65) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 89% 55%,rgba(255,255,255,.8) 50%,transparent 50%),radial-gradient(1px 1px at 21% 87%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 47% 33%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 6% 47%,rgba(255,255,255,.55) 50%,transparent 50%);background-size:480px 420px;background-repeat:repeat}.oc-starfield:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:inherit;background-size:300px 260px;opacity:.45;animation:oc-twinkle 5.5s steps(3,end) infinite}@keyframes oc-twinkle{0%,to{opacity:.45}33%{opacity:.18}66%{opacity:.62}}.oc-halftone{background-color:var(--oc-tube-white);background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 1px,transparent 1px,transparent 3px),radial-gradient(circle at center,rgba(0,0,0,.1) .5px,transparent .6px);background-size:auto,4px 4px}.oc-static{position:relative;background-color:#6f6f6f;background-image:repeating-linear-gradient(to bottom,#ffffff1a,#00000029,#ffffff0f,#0003,#ffffff21,#0000001a,#ffffff0a,#00000038 7px),repeating-linear-gradient(90deg,#ffffff0d,#00000012 2px,#ffffff08 3px,#0000000d 5px);background-size:100% 8px,7px 100%;animation:oc-static-shift .45s steps(4,end) infinite}@keyframes oc-static-shift{0%{background-position:0 0,0 0}25%{background-position:0 -3px,-2px 0}50%{background-position:0 2px,3px 0}75%{background-position:0 -1px,-1px 0}to{background-position:0 0,0 0}}@media(prefers-reduced-motion:reduce){.oc-scanlines:after,.oc-glitch,.oc-starfield:before,.oc-static,.oc-boot{animation:none!important}.oc-glitch-text:hover:before,.oc-glitch-text:hover:after,.oc-glitch-text:focus-visible:before,.oc-glitch-text:focus-visible:after{animation:none!important;opacity:0}}@media screen and (max-width:480px)and (orientation:portrait),screen and (max-height:480px)and (orientation:landscape){.oc-crt__window{box-shadow:0 0 0 1px #0000008c,-1px -1px 0 1px var(--oc-cabinet-hi),2px 2px 0 1px var(--oc-cabinet-deep),0 0 0 clamp(3px,1.2vw,7px) var(--oc-cabinet-mid),0 0 0 clamp(5px,2vw,11px) var(--oc-cabinet),0 0 0 100vmax var(--oc-cabinet)}.oc-crt__plate{font-size:var(--oc-text-3xs)}}.oc-crt .oc-crt__window,.oc-crt .oc-crt__tube,.oc-crt .oc-crt__plate,div.oc-scanlines,div.oc-glitch{display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oncecero-crt.css.map */