.toggle-ios input[type="checkbox"]{opacity:0;position:absolute;width:1px;height:1px;pointer-events:none}.toggle-ios input[type="checkbox"]~label{position:relative;display:inline-block;width:44px;height:24px;background:var(--base-d-1);border-radius:var(--radius-pill);cursor:pointer;font-size:0;transition:background-color .2s ease}.toggle-ios input[type="checkbox"]~label::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);transition:transform .2s ease}.toggle-ios input[type="checkbox"]:checked~label{background:var(--primary)}.toggle-ios input[type="checkbox"]:checked~label::after{transform:translateX(20px)}.toggle-ios input[type="checkbox"]:focus-visible~label{outline:2px solid var(--accent);outline-offset:2px}