.app__switch{align-items:center;display:flex;position:relative}.app__switch-inner{align-self:flex-start;background-color:var(--dd-color-accent-main);border-radius:.875rem;cursor:pointer;height:1.75rem;overflow:hidden;position:relative;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.app__switch-inner:before{background-color:var(--dd-color-content-button);border-radius:50%;bottom:0;content:" ";filter:drop-shadow(0 1px 2px rgba(16,24,40,.06)) drop-shadow(0 1px 3px rgba(16,24,40,.1));height:1.25rem;left:0;margin:auto 0;position:absolute;top:0;transform:translate(1.5rem);transition:transform .3s ease-in-out,background-color .3s ease-in-out;width:1.25rem}.app__switch-inner--off{background-color:var(--dd-color-background-additional)}.app__switch-inner--off:before{transform:translate(.25rem)}.app__switch-inner--sm{border-radius:.625rem;height:1.25rem;width:2.25rem}.app__switch-inner--sm:before{height:1rem;transform:translate(1.125rem);width:1rem}.app__switch-inner--sm.app__switch-inner--off:before{transform:translate(.125rem)}.app__switch-inner--md{border-radius:.875rem;height:1.75rem;width:3rem}.app__switch-inner--md:before{height:1.25rem;transform:translate(1.5rem);width:1.25rem}.app__switch-inner--md.app__switch-inner--off:before{transform:translate(.25rem)}.app__switch-inner--lg{border-radius:1rem;height:2rem;width:3.5rem}.app__switch-inner--lg:before{height:1.5rem;transform:translate(1.75rem);width:1.5rem}.app__switch-inner--lg.app__switch-inner--off:before{transform:translate(.25rem)}.app__switch-inner--disabled{background-color:color-mix(in srgb,var(--dd-color-accent-main),var(--dd-color-background-main) 25%);cursor:not-allowed}.app__switch-inner--disabled:before{background-color:color-mix(in srgb,var(--dd-color-content-button),var(--dd-color-background-main) 50%)}.app__switch-inner--disabled.app__switch-inner--off{background-color:color-mix(in srgb,var(--dd-color-background-additional),var(--dd-color-background-main) 25%)}.app__switch-input{height:0;margin:0;opacity:0;position:absolute;width:0}