.ampd-mixer-light-host{position:relative;isolation:isolate}.ampd-mixer-lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.ampd-mixer-screen{position:absolute;left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);border:1px solid rgba(var(--screen-color),.28);border-radius:12%;background:linear-gradient(105deg,rgba(var(--screen-color),.08),rgba(var(--screen-color),.82) 52%,rgba(var(--screen-color),.14));box-shadow:0 0 .3rem rgba(var(--screen-color),.42),0 0 1.1rem rgba(var(--screen-color),.28),inset 0 0 .45rem #ffffff2e;opacity:.12;transform:rotate(var(--screen-r));transform-origin:center;mix-blend-mode:screen;animation:ampd-mixer-screen-pulse 3.2s ease-in-out infinite}.ampd-mixer-screen:after{content:"";position:absolute;top:18%;right:8%;bottom:18%;left:8%;background:repeating-linear-gradient(90deg,rgba(var(--screen-color),.78) 0 5%,transparent 5% 12%);opacity:.42;animation:ampd-mixer-screen-data 1.6s steps(2,end) infinite}.ampd-mixer-lights--upikit{--screen-x: 50.8%;--screen-y: 35.4%;--screen-w: 22.9%;--screen-h: 6.7%;--screen-r: -12deg;--screen-color: 77, 159, 255}.ampd-mixer-lights--disco{--screen-x: 64.2%;--screen-y: 27.4%;--screen-w: 11.4%;--screen-h: 4.6%;--screen-r: -12deg;--screen-color: 172, 255, 66}.ampd-mixer-led{position:absolute;left:var(--x);top:var(--y);width:clamp(2px,.68%,7px);aspect-ratio:1;border-radius:50%;background:rgb(var(--led-color));box-shadow:0 0 rgba(var(--led-color),0);opacity:.14;transform:translate(-50%,-50%);mix-blend-mode:screen;animation:ampd-mixer-led-blink 2.7s steps(1,end) infinite;animation-delay:var(--delay)}@keyframes ampd-mixer-screen-pulse{0%,14%,to{opacity:.12;filter:brightness(.85) saturate(.9)}24%,56%{opacity:.68;filter:brightness(1.25) saturate(1.25)}67%,82%{opacity:.32;filter:brightness(1) saturate(1.05)}}@keyframes ampd-mixer-screen-data{0%,44%,to{transform:translate(0);opacity:.24}45%,74%{transform:translate(5%);opacity:.55}75%,99%{transform:translate(-4%);opacity:.36}}@keyframes ampd-mixer-led-blink{0%,18%,52%,to{opacity:.14;box-shadow:0 0 rgba(var(--led-color),0)}19%,35%{opacity:1;box-shadow:0 0 .25rem rgba(var(--led-color),.92),0 0 .8rem rgba(var(--led-color),.62)}36%,51%{opacity:.34;box-shadow:0 0 .35rem rgba(var(--led-color),.24)}}@media(prefers-reduced-motion:reduce){.ampd-mixer-screen,.ampd-mixer-screen:after,.ampd-mixer-led{animation:none}.ampd-mixer-screen{opacity:.3}.ampd-mixer-led{opacity:.52}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ampd-mixer-lights.css.map */