@layer vapor.components{.switch1kcrr7k0{position:relative;display:flex;align-items:center;border:none;border-radius:9999px;background-color:var(--vapor-color-gray-400);cursor:pointer;flex-shrink:0}.switch1kcrr7k0[data-checked]{background-color:var(--vapor-color-background-primary-200)}.switch1kcrr7k0[data-disabled]{opacity:.32;pointer-events:none}.switch1kcrr7k0[data-readonly]{background-color:var(--vapor-color-gray-200);outline:.0625rem solid;outline-color:var(--vapor-color-border-normal);outline-offset:-.0625rem}.switch1kcrr7k0[data-readonly]:active:before{opacity:.08}.switch1kcrr7k0[data-invalid]{outline:.125rem solid;outline-color:var(--vapor-color-border-danger);outline-offset:-.125rem}.switch1kcrr7k1{padding:var(--vapor-size-space-025);width:var(--vapor-size-dimension-400);height:var(--vapor-size-dimension-225)}.switch1kcrr7k2{width:var(--vapor-size-dimension-500);height:var(--vapor-size-dimension-300)}.switch1kcrr7k2,.switch1kcrr7k3{padding:var(--vapor-size-space-050)}.switch1kcrr7k3{width:var(--vapor-size-dimension-700);height:var(--vapor-size-dimension-400)}.switch1kcrr7ka{display:block;transition:transform .1s ease;will-change:transform;border-radius:100%;box-shadow:0 4px 10px 0 rgba(0,0,0,.2);background-color:white}.switch1kcrr7ka[data-checked]{transform:translateX(100%)}.switch1kcrr7ka[data-readonly][data-unchecked]{background-color:var(--vapor-color-gray-400);box-shadow:none}.switch1kcrr7ka[data-readonly][data-checked]{background-color:var(--vapor-color-foreground-hint-100);box-shadow:none}.switch1kcrr7kb{width:var(--vapor-size-dimension-175);height:var(--vapor-size-dimension-175)}.switch1kcrr7kc{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200)}.switch1kcrr7kd{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300)}}