/* @lemonic/temelj — toggle.css (cilj #1336). iOS stikalo za VSE on/off nastavitve (nikoli navaden checkbox).
   <label class="toggle"><input type="checkbox"><span class="slider"></span></label> */
.toggle{position:relative;width:44px;height:24px;cursor:pointer;display:inline-block;flex:none}
.toggle input{position:absolute;opacity:0;width:0;height:0}
.toggle .slider{position:absolute;inset:0;background:#555;border-radius:24px;transition:.3s}
.toggle .slider:before{content:'';position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}
.toggle input:checked+.slider{background:#22c55e}
.toggle input:checked+.slider:before{transform:translateX(20px)}
.toggle input:focus-visible+.slider{outline:2px solid var(--temelj-poudarek,#fee328);outline-offset:2px}
.toggle input:disabled+.slider{opacity:.5;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){.toggle .slider,.toggle .slider:before{transition:none}}