@layer vapor.components{.switch-1kcrr7k0{background-color:var(--vapor-color-gray-400);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;align-items:center;display:flex;position:relative}.switch-1kcrr7k0[data-checked]{background-color:var(--vapor-color-background-primary-200)}.switch-1kcrr7k0[data-disabled]{opacity:.32;pointer-events:none}.switch-1kcrr7k0[data-readonly]{background-color:var(--vapor-color-gray-200);outline:.0625rem solid;outline-color:var(--vapor-color-border-normal);outline-offset:-.0625rem}.switch-1kcrr7k0[data-readonly]:active:before{opacity:.08}.switch-1kcrr7k0[data-invalid]{outline:.125rem solid;outline-color:var(--vapor-color-border-danger);outline-offset:-.125rem}.switch-1kcrr7k3{padding:var(--vapor-size-space-025);width:var(--vapor-size-dimension-400);height:var(--vapor-size-dimension-225)}.switch-1kcrr7k4{padding:var(--vapor-size-space-050);width:var(--vapor-size-dimension-500);height:var(--vapor-size-dimension-300)}.switch-1kcrr7k5{padding:var(--vapor-size-space-050);width:var(--vapor-size-dimension-700);height:var(--vapor-size-dimension-400)}.switch-1kcrr7kc{will-change:transform;background-color:#fff;border-radius:100%;transition:transform .1s;display:block;box-shadow:0 4px 10px #0003}.switch-1kcrr7kc[data-checked]{transform:translate(100%)}.switch-1kcrr7kc[data-readonly][data-unchecked]{background-color:var(--vapor-color-gray-400);box-shadow:none}.switch-1kcrr7kc[data-readonly][data-checked]{background-color:var(--vapor-color-foreground-hint-100);box-shadow:none}.switch-1kcrr7kd{width:var(--vapor-size-dimension-175);height:var(--vapor-size-dimension-175)}.switch-1kcrr7ke{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200)}.switch-1kcrr7kf{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300)}}