@layer components {input[type=checkbox][pi-switch]{position:relative;cursor:pointer;padding:var(--pi-switch-hotspot-size);border:0;margin:0;box-sizing:content-box;appearance:none;outline:none;user-select:none}input[type=checkbox][pi-switch]::before,input[type=checkbox][pi-switch]::after{content:"";display:block;border-radius:var(--pi-size-border-radius-full);transition:all 100ms ease-out}input[type=checkbox][pi-switch]::before{width:100%;height:100%;background-color:var(--pi-switch-bg-color-override, var(--pi-color-neutral-500))}input[type=checkbox][pi-switch]::after{position:relative;transform:translate(2px, calc(-100% - 2px));height:calc(100% - 2px*2);background-color:var(--pi-color-white);aspect-ratio:1/1}input[type=checkbox][pi-switch]:focus-visible::before{outline:var(--custom-outline, 2px solid var(--pi-color-accent-1-500));outline-offset:1px;transition:outline-color 100ms ease-out}input[type=checkbox][pi-switch],input[type=checkbox][pi-switch][pi-size=small]{--pi-switch-hotspot-size: 10px 2px;width:36px;height:20px}input[type=checkbox][pi-switch][pi-size=medium]{--pi-switch-hotspot-size: 8px 0;width:44px;height:24px}input[type=checkbox][pi-switch][disabled]{cursor:default;opacity:.48}input[type=checkbox][pi-switch]:checked::before{background-color:var(--pi-switch-bg-color-checked-override, var(--pi-color-accent-1-600))}input[type=checkbox][pi-switch]:checked::after{transform:translate(calc(100% + 2px), calc(-100% - 2px))}input[type=checkbox][pi-switch]:checked:not([disabled]):hover::before{background-color:var(--pi-switch-bg-color-checked-hover-override, var(--pi-color-accent-1-700))}input[type=checkbox][pi-switch]:not(:checked):not([disabled]):hover::before{background-color:var(--pi-switch-bg-color-hover-override, var(--pi-color-neutral-700))}}