.d-switch{border-color:var(--gray-30);border-radius:1.5rem;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;height:22px;margin-right:.25rem;min-width:36px;position:relative;width:36px}.d-switch,.d-switch:hover{background-color:var(--gray-40)}.d-switch__button{box-shadow:0 2px 5px #0000001a;display:flex;height:18px;position:absolute;top:50%;width:18px;--tw-translate-y:-50%;align-items:center;background-color:var(--color-bg-primary);border-radius:100%;justify-content:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.d-switch.active{--tw-border-opacity:1;border-color:rgb(var(--color-primary)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary)/var(--tw-bg-opacity,1))}.d-switch.active .d-switch__button{left:unset;right:1px}.d-switch.active:hover{--tw-border-opacity:1;border-color:rgb(var(--color-primary-hover)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-hover)/var(--tw-bg-opacity,1))}.d-switch__wrapper{align-items:center;display:flex}.d-switch__wrapper .d-label{padding-bottom:0}.d-switch.error{--tw-border-opacity:1;border-color:rgb(var(--color-error)/var(--tw-border-opacity,1))}.d-switch.disabled{background-color:var(--gray-30);border-color:var(--gray-30)}.d-switch.disabled .d-switch__button{background-color:var(--gray-20);border-color:var(--gray-20)}