.electric-container{--mix:calc(var(--effect-scale, 0) * 100%);--border-color:color-mix(in oklch,#94aeb6aa calc(100% - var(--mix)),orange var(--mix));color:var(--border-color)}.electric{width:100%;height:100%;filter:url(#noise);display:grid;place-items:center;z-index:1}.electric--border{position:absolute;border:1px solid var(--border-color);border-radius:0;--shadow-size:calc(8px * var(--effect-scale, 1));transform:translateX(calc(-2px * var(--effect-scale, 1))) translateY(calc(-2px * var(--effect-scale, 1)));width:calc(100% + 2px);height:calc(100% + 2px);box-shadow:0 0 var(--shadow-size) 0 oklch(from var(--border-color) calc(l * .5) c h/100%),inset 0 0 var(--shadow-size) 0 oklch(from var(--border-color) calc(l * .5) c h/100%)}@media screen and (max-width:480px){.electric--border{width:calc(100% - 2px);height:calc(100% - 2px)}}