.switch-button{align-items:center;gap:8px;font-family:sans-serif;display:flex}.switch-button .switch-label{color:#fff;order:1;font-size:16px}.switch-button .toggle{cursor:pointer;color:#fff;background:#7c7c7c;border:none;border-radius:99px;order:2;width:56px;min-width:56px;height:28px;padding:0;transition:background .3s;position:relative}.switch-button .toggle:focus-visible{outline:4px solid #00b9ff}.switch-button .toggle:focus:not(:focus-visible){outline:0}.switch-button .toggle.disabled{cursor:not-allowed;opacity:.8}.switch-button .toggle.checked{background:#7800ff}.switch-button .toggle.checked .check-icon{left:10px;right:auto}.switch-button .toggle .check-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.switch-button .toggle .check-icon.close path{stroke:#fff;stroke-width:2px}.switch-button .toggle .circle{background:linear-gradient(#949494 0%,#fdfdfd 55%,#fdfdfd 100%);border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:4px;left:6px;box-shadow:0 0 2px 2px #14013640}.switch-button .toggle.checked .circle{transform:translate(24px)}