:root{--zui-toggle-circle:var(--zable-theme-light-toggle-circle);--zui-toggle-bg-on:var(--zable-theme-light-toggle-bg-on);--zui-toggle-bg-hover:var(--zable-theme-light-toggle-bg-hover);--zui-toggle-bg-press:var(--zable-theme-light-toggle-bg-press);--zui-toggle-bg-off:var(--zable-theme-light-toggle-bg-off);--zui-toggle-bg-off-hover:var(--zable-theme-light-toggle-bg-off-hover);--zui-toggle-bg-off-press:var(--zable-theme-light-toggle-bg-off-press);--zui-toggle-border-focus:var(--zable-theme-light-toggle-border-focus);--zui-toggle-circle-disabled:var(--zable-theme-light-toggle-circle-disabled);--zui-toggle-bg-on-disabled:var(--zable-theme-light-toggle-bg-on-disabled);--zui-toggle-bg-off-disabled:var(--zable-theme-light-toggle-bg-off-disabled);--zui-toggle-focus-border-width:var(--zable-border-width-focus-desktop);--zui-toggle-gap:var(--zable-space-3);--zui-toggle-width:44px;--zui-toggle-height:24px;--zui-toggle-circle-size:18px}._darkMode_1m843_20{--zui-toggle-circle:var(--zable-theme-dark-toggle-circle);--zui-toggle-bg-on:var(--zable-theme-dark-toggle-bg-on);--zui-toggle-bg-hover:var(--zable-theme-dark-toggle-bg-hover);--zui-toggle-bg-press:var(--zable-theme-dark-toggle-bg-press);--zui-toggle-bg-off:var(--zable-theme-dark-toggle-bg-off);--zui-toggle-bg-off-hover:var(--zable-theme-dark-toggle-bg-off-hover);--zui-toggle-bg-off-press:var(--zable-theme-dark-toggle-bg-off-press);--zui-toggle-border-focus:var(--zable-theme-dark-toggle-border-focus);--zui-toggle-circle-disabled:var(--zable-theme-dark-toggle-circle-disabled);--zui-toggle-bg-on-disabled:var(--zable-theme-dark-toggle-bg-on-disabled);--zui-toggle-bg-off-disabled:var(--zable-theme-dark-toggle-bg-off-disabled)}@media (max-width:768px){._darkMode_1m843_20,:root{--zui-toggle-focus-border-width:var(--zable-border-width-focus-mobile)}}:root[data-brand=dtcg]{--zui-toggle-circle:var(--toggle-circle-color);--zui-toggle-bg-on:var(--toggle-on-default-bg-color);--zui-toggle-bg-hover:var(--toggle-on-hover-bg-color);--zui-toggle-bg-press:var(--toggle-on-press-bg-color);--zui-toggle-bg-off:var(--toggle-off-default-bg-color);--zui-toggle-bg-off-hover:var(--toggle-off-hover-bg-color);--zui-toggle-bg-off-press:var(--toggle-off-press-bg-color);--zui-toggle-border-focus:var(--toggle-on-focus-border-color);--zui-toggle-circle-disabled:var(--toggle-circle-color);--zui-toggle-bg-on-disabled:var(--toggle-on-disabled-bg-color);--zui-toggle-bg-off-disabled:var(--toggle-off-disabled-bg-color);--zui-toggle-focus-border-width:var(--toggle-on-focus-border-width);--zui-toggle-gap:var(--space-3);--zui-toggle-width:var(--toggle-width);--zui-toggle-height:var(--toggle-height);--zui-toggle-circle-size:var(--toggle-circle-size)}:root[data-brand=dtcg] ._darkMode_1m843_20{--zui-toggle-circle:var(--color-gray-white);--zui-toggle-bg-on:var(--color-orange-70);--zui-toggle-bg-hover:var(--color-orange-80);--zui-toggle-bg-press:var(--color-orange-60);--zui-toggle-bg-off:var(--color-gray-50);--zui-toggle-bg-off-hover:var(--color-gray-60);--zui-toggle-bg-off-press:var(--color-gray-40);--zui-toggle-border-focus:var(--color-teal-70);--zui-toggle-circle-disabled:var(--color-gray-60);--zui-toggle-bg-on-disabled:var(--color-gray-50);--zui-toggle-bg-off-disabled:var(--color-gray-40)}@media (max-width:768px){:root[data-brand=dtcg],:root[data-brand=dtcg] ._darkMode_1m843_20{--zui-toggle-focus-border-width:var(--toggle-on-focus-border-width)}}._toggle_1m843_80{position:relative;display:inline-block;width:var(--zui-toggle-width);height:var(--zui-toggle-height);--zui-toggle-circle-inset:calc((var(--zui-toggle-height) - var(--zui-toggle-circle-size)) / 2);--zui-toggle-circle-travel:calc(var(--zui-toggle-width) - var(--zui-toggle-circle-size) - 2 * var(--zui-toggle-circle-inset))}._toggle_1m843_80._disabled_1m843_94{cursor:not-allowed}._input_1m843_98{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}._input_1m843_98:checked+._slider_1m843_107{background-color:var(--zui-toggle-bg-on)}._input_1m843_98:focus-visible+._slider_1m843_107{outline:var(--zui-toggle-focus-border-width) solid var(--zui-toggle-border-focus)}._input_1m843_98:checked:focus-visible+._slider_1m843_107{outline:var(--zui-toggle-focus-border-width) solid var(--zui-toggle-border-focus)}._input_1m843_98:checked+._slider_1m843_107:before{transform:translate(var(--zui-toggle-circle-travel))}._input_1m843_98:disabled+._slider_1m843_107{cursor:not-allowed;background-color:var(--zui-toggle-bg-off-disabled)}._input_1m843_98:disabled:checked+._slider_1m843_107{background-color:var(--zui-toggle-bg-on-disabled)}._input_1m843_98:disabled+._slider_1m843_107:before{background-color:var(--zui-toggle-circle-disabled)}._slider_1m843_107{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--zui-toggle-bg-off);transition:background-color .2s ease,transform .2s ease;border-radius:var(--zui-toggle-height)}._toggle_1m843_80:not(._disabled_1m843_94):hover ._slider_1m843_107:not(._input_1m843_98:checked+._slider_1m843_107){background-color:var(--zui-toggle-bg-off-hover)}._toggle_1m843_80:not(._disabled_1m843_94):active ._slider_1m843_107:not(._input_1m843_98:checked+._slider_1m843_107){background-color:var(--zui-toggle-bg-off-press)}._toggle_1m843_80:not(._disabled_1m843_94):hover ._input_1m843_98:checked+._slider_1m843_107{background-color:var(--zui-toggle-bg-hover)}._toggle_1m843_80:not(._disabled_1m843_94):active ._input_1m843_98:checked+._slider_1m843_107{background-color:var(--zui-toggle-bg-press)}._input_1m843_98:disabled+._slider_1m843_107:active,._input_1m843_98:disabled+._slider_1m843_107:hover{background-color:var(--zui-toggle-bg-off-disabled)}._input_1m843_98:disabled:checked+._slider_1m843_107:active,._input_1m843_98:disabled:checked+._slider_1m843_107:hover{background-color:var(--zui-toggle-bg-on-disabled)}._slider_1m843_107:before{position:absolute;content:"";height:var(--zui-toggle-circle-size);width:var(--zui-toggle-circle-size);left:var(--zui-toggle-circle-inset);bottom:var(--zui-toggle-circle-inset);background-color:var(--zui-toggle-circle);transition:transform .2s ease,background-color .2s ease;border-radius:50%}