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