.naraya-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.naraya-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.naraya-switch__track{display:inline-flex;align-items:center;flex-shrink:0;width:2.25rem;height:1.25rem;padding:.125rem;border-radius:9999px;background-color:rgb(var(--color-secondary));transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-switch__track:after{content:"";display:block;width:1rem;height:1rem;border-radius:50%;background-color:rgb(var(--bg-surface));box-shadow:var(--shadow-xs);transform:translateX(0);transition:transform var(--duration-fast) var(--easing-smooth)}.naraya-switch:hover .naraya-switch__track{background-color:rgb(var(--color-secondary-hover))}.naraya-switch__input:focus-visible+.naraya-switch__track{box-shadow:0 0 0 3px rgb(var(--ring-focus)/.25)}.naraya-switch__input:checked+.naraya-switch__track{background-color:rgb(var(--color-primary))}.naraya-switch__input:checked+.naraya-switch__track:after{transform:translateX(1rem)}.naraya-switch__input:disabled+.naraya-switch__track,.naraya-switch__input:disabled~.naraya-switch__label{opacity:.5;cursor:not-allowed}.naraya-switch__label{font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main))}.naraya-switch--sm .naraya-switch__track{width:1.75rem;height:1rem}.naraya-switch--sm .naraya-switch__track:after{width:.75rem;height:.75rem}.naraya-switch--sm .naraya-switch__input:checked+.naraya-switch__track:after{transform:translateX(.75rem)}