.kb-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;opacity:var(--kb-pattern-opacity, .18)}.kb-pattern--accent-auto{--kb-pattern-color: var(--kb-electric-mid)}.kb-pattern--accent-magenta{--kb-pattern-color: var(--kb-accent-primary)}.kb-pattern--accent-cyan{--kb-pattern-color: var(--kb-accent-tech)}.kb-pattern--accent-electric{--kb-pattern-color: var(--kb-electric-mid)}[data-time-phase=dawn] .kb-pattern--accent-auto{--kb-pattern-color: var(--kb-orange-amber)}[data-time-phase=morning] .kb-pattern--accent-auto{--kb-pattern-color: var(--kb-electric-mid)}[data-time-phase=afternoon] .kb-pattern--accent-auto{--kb-pattern-color: var(--kb-accent-tech)}[data-time-phase=dusk] .kb-pattern--accent-auto{--kb-pattern-color: var(--kb-orange-amber)}[data-time-phase=night] .kb-pattern--accent-auto{--kb-pattern-color: var(--kb-accent-primary)}.kb-pattern__svg{width:100%;height:100%;display:block}.kb-pattern--constellation .kb-pattern__star{fill:var(--kb-pattern-color);animation:kb-star-twinkle 6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.kb-pattern--constellation .kb-pattern__lines line{stroke:var(--kb-pattern-color);stroke-width:1;opacity:.6}@keyframes kb-star-twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.kb-pattern__rain{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--kb-font-mono);font-size:18px;font-weight:600;line-height:1.4;color:var(--kb-pattern-color);overflow:hidden}.kb-pattern__rain-col{position:absolute;top:-40%;width:6.25%;text-align:center;white-space:pre;animation:kb-rain-fall var(--kb-rain-duration, 14s) linear infinite;animation-delay:var(--kb-rain-delay, 0s);opacity:.7}@keyframes kb-rain-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(200vh);opacity:0}}.kb-pattern__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--kb-pattern-color) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--kb-pattern-color) 1.5px,transparent 1.5px);background-size:48px 48px;background-position:center center}.kb-pattern__grid-glitch{position:absolute;background:var(--kb-bg);border:1px solid var(--kb-pattern-color);opacity:0}.kb-pattern__grid-glitch--1{width:100px;height:48px;top:20%;left:15%;animation:kb-grid-glitch 7s steps(1) infinite;animation-delay:0s}.kb-pattern__grid-glitch--2{width:144px;height:96px;top:60%;left:70%;animation:kb-grid-glitch 9s steps(1) infinite;animation-delay:2s}.kb-pattern__grid-glitch--3{width:60px;height:48px;top:75%;left:25%;animation:kb-grid-glitch 11s steps(1) infinite;animation-delay:4s}@keyframes kb-grid-glitch{0%,88%{opacity:0;transform:translate(0)}90%{opacity:1;transform:translate(-3px)}91%{opacity:.7;transform:translate(3px)}92%{opacity:1;transform:translate(0)}93%,to{opacity:0}}.kb-pattern--topography .kb-pattern__svg--topo path{fill:none;stroke:var(--kb-pattern-color);stroke-width:1.8;stroke-linecap:round}.kb-pattern--topography .kb-pattern__topo-group path{animation:kb-topo-wave 18s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(1){animation-delay:0s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(2){animation-delay:-2.5s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(3){animation-delay:-5s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(4){animation-delay:-7.5s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(5){animation-delay:-10s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(6){animation-delay:-12.5s}.kb-pattern--topography .kb-pattern__topo-group path:nth-child(7){animation-delay:-15s}.kb-pattern--topography .kb-pattern__topo-vertical path{stroke-width:.8;opacity:.5;animation:kb-topo-wave-v 22s ease-in-out infinite}@keyframes kb-topo-wave{0%,to{transform:translateY(0) translate(0) scaleY(1);opacity:.35}25%{transform:translateY(-12px) translate(8px) scaleY(1.05);opacity:.8}50%{transform:translateY(-24px) translate(0) scaleY(1.08);opacity:1}75%{transform:translateY(-12px) translate(-8px) scaleY(1.05);opacity:.8}}@keyframes kb-topo-wave-v{0%,to{transform:translateY(0) scaleX(1);opacity:.3}50%{transform:translateY(-16px) scaleX(1.04);opacity:.9}}@media(max-width:768px){.kb-pattern__rain{font-size:11px}.kb-pattern__grid{background-size:32px 32px}.kb-pattern--constellation .kb-pattern__star{animation-duration:8s}}@media(prefers-reduced-motion:reduce){.kb-pattern__star,.kb-pattern__rain-col,.kb-pattern__grid-glitch,.kb-pattern--topography .kb-pattern__topo-group path,.kb-pattern--topography .kb-pattern__topo-vertical path{animation:none}.kb-pattern__rain-col,.kb-pattern__grid-glitch{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kb-pattern.css.map */