@layer vapor.components{._1kcrr7k0{position:relative;display:flex;align-items:center;border:none;border-radius:9999px;background-color:var(--vapor-color-gray-400);cursor:pointer;flex-shrink:0}._1kcrr7k0[data-checked]{background-color:var(--vapor-color-background-primary-200)}._1kcrr7k0[data-disabled]{opacity:.32;pointer-events:none}._1kcrr7k0[data-readonly]{background-color:var(--vapor-color-gray-200);outline:.0625rem solid;outline-color:var(--vapor-color-border-normal);outline-offset:-.0625rem}._1kcrr7k0[data-readonly]:active:before{opacity:.08}._1kcrr7k0[data-invalid]{outline:.125rem solid;outline-color:var(--vapor-color-border-danger);outline-offset:-.125rem}._1kcrr7k1{padding:var(--vapor-size-space-025);width:var(--vapor-size-dimension-400);height:var(--vapor-size-dimension-225)}._1kcrr7k2{width:var(--vapor-size-dimension-500);height:var(--vapor-size-dimension-300)}._1kcrr7k2,._1kcrr7k3{padding:var(--vapor-size-space-050)}._1kcrr7k3{width:var(--vapor-size-dimension-700);height:var(--vapor-size-dimension-400)}._1kcrr7ka{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}._1kcrr7ka[data-checked]{transform:translateX(100%)}._1kcrr7ka[data-readonly][data-unchecked]{background-color:var(--vapor-color-gray-400);box-shadow:none}._1kcrr7ka[data-readonly][data-checked]{background-color:var(--vapor-color-foreground-hint-100);box-shadow:none}._1kcrr7kb{width:var(--vapor-size-dimension-175);height:var(--vapor-size-dimension-175)}._1kcrr7kc{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200)}._1kcrr7kd{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300)}}