.glitch-logo{position:absolute;left:460px;top:-35px;width:790px;height:790px;pointer-events:none;isolation:isolate;overflow:hidden}.glitch-logo__exposure,.glitch-logo__face{position:absolute;inset:0}.glitch-logo__exposure{transform-origin:50% 50%;opacity:0}.glitch-logo__exposure--far{z-index:0}.glitch-logo__exposure--main{z-index:1;opacity:.78}.glitch-logo__exposure--near{z-index:2}.glitch-logo__face{background:#ededed;-webkit-mask-image:url(/images/codemen-logo.jpg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(/images/codemen-logo.jpg);mask-repeat:no-repeat;mask-size:100% 100%;mask-mode:luminance;overflow:hidden}.glitch-logo__exposure--far .glitch-logo__face{background:#c8c8c8}.glitch-logo__exposure--near .glitch-logo__face{background:#fff}.glitch-logo__grain{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.46;mix-blend-mode:multiply;image-rendering:auto}.glitch-logo__face:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px);opacity:.16;pointer-events:none}.glitch-logo--static .glitch-logo__exposure--far,.glitch-logo--static .glitch-logo__exposure--near{visibility:hidden}.glitch-logo--static .glitch-logo__exposure--main{transform:none!important;-webkit-clip-path:none!important;clip-path:none!important;opacity:.78!important}@media (max-aspect-ratio:.8){.glitch-logo{left:510px;top:-18px;width:740px;height:740px}}@media (prefers-reduced-motion:reduce){.glitch-logo__exposure--far,.glitch-logo__exposure--near{visibility:hidden}.glitch-logo__exposure--main{transform:none!important;-webkit-clip-path:none!important;clip-path:none!important;opacity:.78!important}}.idle-scene{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;display:block;object-fit:fill;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idle-scene[data-ready=true]{opacity:1}