html body button[role=switch][data-koatch-switch]{--switch-off: #586780;--switch-on: #145ce8;--switch-thumb: #ffffff;--switch-focus: #0044cc;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;min-width:50px!important;height:44px!important;min-height:44px!important;padding:0!important;margin-inline:4px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;opacity:1!important}html:is(.dark,.theme-dark,[data-theme=dark]) body button[role=switch][data-koatch-switch]{--switch-off: #899ab5;--switch-on: #79d9f3;--switch-thumb: #182039;--switch-focus: #9ce7ff}html body button[role=switch][data-koatch-switch]>span{display:flex!important;align-items:center!important;box-sizing:border-box!important;width:50px!important;min-width:50px!important;height:28px!important;min-height:28px!important;padding:2px!important;border:1px solid var(--switch-off)!important;border-radius:999px!important;background:var(--switch-off)!important;box-shadow:none!important}html body button[role=switch][data-koatch-switch][data-state=checked]>span{background:var(--switch-on)!important;border-color:var(--switch-on)!important}html body button[role=switch][data-koatch-switch]>span>span{flex:0 0 22px!important;box-sizing:border-box!important;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--switch-thumb)!important;box-shadow:none!important;transform:translate(0)!important;transition:transform .16s ease-out}html body button[role=switch][data-koatch-switch][data-state=checked]>span>span{transform:translate(22px)!important}html body button[role=switch][data-koatch-switch]:focus-visible{outline:2px solid var(--switch-focus)!important;outline-offset:2px!important}html body button[role=switch][data-koatch-switch]>span>span>svg{display:block;width:12px!important;height:12px!important;min-height:0!important;margin:5px!important;color:var(--switch-off)!important;stroke:currentColor!important}@media(prefers-reduced-motion:reduce){html body button[role=switch][data-koatch-switch]>span>span{transition:none}}@media(forced-colors:active){html body button[role=switch][data-koatch-switch],html:is(.dark,.theme-dark,[data-theme=dark]) body button[role=switch][data-koatch-switch]{--switch-off: CanvasText;--switch-on: Highlight;--switch-thumb: Canvas;--switch-focus: Highlight;forced-color-adjust:none}}