: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}.zui-toggle__darkMode{--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){:root,.zui-toggle__darkMode{--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] .zui-toggle__darkMode{--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] .zui-toggle__darkMode{--zui-toggle-focus-border-width:var(--toggle-on-focus-border-width)}}.zui-toggle__toggle{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));display:inline-block;position:relative}.zui-toggle__toggle.zui-toggle__disabled{cursor:not-allowed}.zui-toggle__input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.zui-toggle__input:checked+.zui-toggle__slider{background-color:var(--zui-toggle-bg-on)}.zui-toggle__input:focus-visible+.zui-toggle__slider,.zui-toggle__input:checked:focus-visible+.zui-toggle__slider{outline:var(--zui-toggle-focus-border-width) solid var(--zui-toggle-border-focus)}.zui-toggle__input:checked+.zui-toggle__slider:before{transform:translateX(var(--zui-toggle-circle-travel))}.zui-toggle__input:disabled+.zui-toggle__slider{cursor:not-allowed;background-color:var(--zui-toggle-bg-off-disabled)}.zui-toggle__input:disabled:checked+.zui-toggle__slider{background-color:var(--zui-toggle-bg-on-disabled)}.zui-toggle__input:disabled+.zui-toggle__slider:before{background-color:var(--zui-toggle-circle-disabled)}.zui-toggle__slider{background-color:var(--zui-toggle-bg-off);border-radius:var(--zui-toggle-height);transition:background-color .2s,transform .2s;position:absolute;inset:0}.zui-toggle__toggle:not(.zui-toggle__disabled):hover .zui-toggle__slider:not(.zui-toggle__input:checked+.zui-toggle__slider){background-color:var(--zui-toggle-bg-off-hover)}.zui-toggle__toggle:not(.zui-toggle__disabled):active .zui-toggle__slider:not(.zui-toggle__input:checked+.zui-toggle__slider){background-color:var(--zui-toggle-bg-off-press)}.zui-toggle__toggle:not(.zui-toggle__disabled):hover .zui-toggle__input:checked+.zui-toggle__slider{background-color:var(--zui-toggle-bg-hover)}.zui-toggle__toggle:not(.zui-toggle__disabled):active .zui-toggle__input:checked+.zui-toggle__slider{background-color:var(--zui-toggle-bg-press)}.zui-toggle__input:disabled+.zui-toggle__slider:hover,.zui-toggle__input:disabled+.zui-toggle__slider:active{background-color:var(--zui-toggle-bg-off-disabled)}.zui-toggle__input:disabled:checked+.zui-toggle__slider:hover,.zui-toggle__input:disabled:checked+.zui-toggle__slider:active{background-color:var(--zui-toggle-bg-on-disabled)}.zui-toggle__slider:before{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);border-radius:50%;transition:transform .2s,background-color .2s;position:absolute}