{"version":3,"file":"Switch.module.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.track {\n    width: 36px;\n    height: 20px;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    position: relative;\n    flex-shrink: 0;\n    box-shadow: var(--tempest-shadow-inner);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    box-shadow: var(--tempest-shadow-sm);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .track {\n    background-color: var(--tempest-gray-400);\n}\n\n.input:checked + .track {\n    background-color: var(--tempest-primary);\n}\n\n.input:checked + .track .thumb {\n    transform: translateX(16px);\n}\n\n.input:focus-visible + .track {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n"],"mappings":";"}