.switch{display:inline-flex;column-gap:.4rem;align-items:center}.switch .switch-core{box-shadow:inset 1px 1px 2px 0 var(--switch-shadow-color);margin:0;display:inline-block;position:relative;width:var(--switch-width);height:var(--switch-height);border:1px solid var(--switch-off-color);outline:none;border-radius:var(--switch-core-border-radius);box-sizing:border-box;background:var(--switch-off-color);cursor:pointer;transition:border-color var(--switch-transition-duration),background-color var(--switch-transition-duration)}.switch .switch-action{position:absolute;top:4px;left:4px;border-radius:var(--switch-border-radius-circle);transition:all var(--switch-transition-duration);width:var(--switch-button-size);height:var(--switch-button-size);background-color:var(--switch-action-off-color);box-shadow:2px 2px 6px #000,0 2px 2px #f3f3f34d inset;display:flex;justify-content:center;align-items:center;color:var(--switch-off-color)}.switch.is-checked .switch-action,.switch.is-always-active .switch-action{background-color:var(--switch-action-on-color);color:var(--switch-on-color)}.switch.is-checked .switch-action{left:100%;margin-left:calc(-4px - var(--switch-button-size))}.switch.is-disabled .switch-action{cursor:not-allowed;background-color:var(--switch-action-disabled-color)}