.lights__control.le-retro-control{display:block;flex:0 0 auto;width:100px;max-width:100%}
.le-retro-switch{position:relative;display:block;width:100%;aspect-ratio:2/3;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;--rocker-angle:-7deg;--rocker-shadow:.7px;--rocker-shade:0deg}
.le-retro-switch__plate{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;clip-path:inset(1.9% 11% 2.3% 11% round 3%)}
.le-retro-switch__socket{position:absolute;left:36%;top:28%;width:27.5%;height:41.2%;border-radius:9% / 4%;background:#332a1a;perspective:180px;pointer-events:none;box-shadow:inset 0 0 1px #0009}
.le-retro-switch__rocker{position:absolute;inset:1.4% 2%;border-radius:9% / 4%;background-color:#ded0ab;background-size:388% 249%;background-position:49.7% 47.6%;transform:rotateX(var(--rocker-angle));transform-origin:center;box-shadow:0 var(--rocker-shadow) 1px #6a583d,inset 0 0 1px #fff9;backface-visibility:hidden}
.le-retro-switch__rocker::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--rocker-shade),#392b1518,transparent 48%,#fff2);pointer-events:none}
:is(.lights.is-off,html[data-theme='dark'] .lights--linked) .le-retro-switch,html[data-theme='dark'] .lights__control--linked .le-retro-switch{--rocker-angle:7deg;--rocker-shadow:-.7px;--rocker-shade:180deg}
.le-retro-switch:focus-visible{outline:2px solid #1d268c;outline-offset:2px}
html[data-theme='dark'] .le-retro-switch:focus-visible{outline-color:#fff}
@media(max-width:749px){.lights__control.le-retro-control{width:90px;margin-inline:auto;align-self:center}}
@media(prefers-reduced-motion:no-preference){.le-retro-switch__rocker{transition:transform .10s cubic-bezier(.3,.8,.4,1),box-shadow .10s ease}}