.multi-switch-container.size-xs.svelte-1euotkj{--scale: calc(calc(var(--sw-height-xs, var(--base-input-size-xs-height, 3.1)) * var(--sw-rem, 10px)) / 32px)}.multi-switch-container.size-sm.svelte-1euotkj{--scale: calc(calc(var(--sw-height-sm, var(--base-input-size-sm-height, 3.3)) * var(--sw-rem, 10px)) / 32px)}.multi-switch-container.size-md.svelte-1euotkj{--scale: calc(calc(var(--sw-height-md, var(--base-input-size-md-height, 3.5)) * var(--sw-rem, 10px)) / 32px)}.multi-switch-container.size-lg.svelte-1euotkj{--scale: calc(calc(var(--sw-height-lg, var(--base-input-size-lg-height, 3.8)) * var(--sw-rem, 10px)) / 32px)}.multi-switch-container.size-xl.svelte-1euotkj{--scale: calc(calc(var(--sw-height-xl, var(--base-input-size-xl-height, 4.1)) * var(--sw-rem, 10px)) / 32px)}.multi-switch-container.svelte-1euotkj{display:inline-block;position:relative;--step-offset: 30px;--margin: 2px;--thumb-height: 28px;--sw-height: 32px;--step-spacing: 2px;--scale: 1;--steps: 3}.multi-switch-container.svelte-1euotkj:not(.block-labels) .label-single.label-position-top:where(.svelte-1euotkj){bottom:calc(100% + 10px * var(--scale));left:50%;transform:translate(-50%)}.multi-switch-container.svelte-1euotkj:not(.block-labels) .label-single.label-position-bottom:where(.svelte-1euotkj){top:calc(100% + 10px * var(--scale));left:50%;transform:translate(-50%)}.multi-switch-container.svelte-1euotkj:not(.block-labels) .label-single.label-position-left:where(.svelte-1euotkj){right:calc(100% + 10px * var(--scale));top:50%;transform:translateY(-50%)}.multi-switch-container.svelte-1euotkj:not(.block-labels) .label-single.label-position-right:where(.svelte-1euotkj){left:calc(100% + 10px * var(--scale));top:50%;transform:translateY(-50%)}.multi-switch-container.svelte-1euotkj:not(.block-labels) .labels-container.label-position-left:where(.svelte-1euotkj){right:calc(100% + 10px * var(--scale));left:auto}.multi-switch-container.svelte-1euotkj:not(.block-labels) .labels-container.label-position-right:where(.svelte-1euotkj){left:calc(100% + 10px * var(--scale))}.multi-switch-container.block-labels.svelte-1euotkj{display:inline-flex;align-items:center;gap:calc(10px * var(--scale, 1))}.multi-switch-container.block-labels.svelte-1euotkj:has(.label-single.label-position-top:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.label-single.label-position-bottom:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.labels-container.label-position-top:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.labels-container.label-position-bottom:where(.svelte-1euotkj)){flex-direction:column}.multi-switch-container.block-labels.svelte-1euotkj:has(.label-single.label-position-left:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.label-single.label-position-right:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.labels-container.label-position-left:where(.svelte-1euotkj)),.multi-switch-container.block-labels.svelte-1euotkj:has(.labels-container.label-position-right:where(.svelte-1euotkj)){flex-direction:row}.labels-container.svelte-1euotkj{position:absolute;top:0;display:flex;flex-direction:column;padding:calc(var(--margin) * var(--scale)) 0;gap:calc(var(--step-spacing) * var(--scale));white-space:nowrap}.labels-container.block-mode.svelte-1euotkj{position:static;padding:0;height:auto;display:flex;flex-direction:column;gap:calc(var(--step-spacing) * var(--scale));white-space:normal}.labels-container.block-mode.svelte-1euotkj .label:where(.svelte-1euotkj){height:calc(var(--thumb-height) * var(--scale));display:flex;align-items:center}.labels-container.svelte-1euotkj .label:where(.svelte-1euotkj){height:calc(var(--thumb-height) * var(--scale));display:flex;align-items:center;transition:opacity .3s ease;opacity:.6;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:inherit}.labels-container.svelte-1euotkj .label.active:where(.svelte-1euotkj){opacity:1;font-weight:700}.labels-container.svelte-1euotkj .label.clickable:where(.svelte-1euotkj){cursor:pointer;transition:opacity .3s ease,background-color .3s ease}.labels-container.svelte-1euotkj .label.clickable:where(.svelte-1euotkj):hover:not(:disabled){opacity:.8;background-color:var(--sw-label-hover-bg, rgba(0, 0, 0, .06));border-radius:4px}.labels-container.svelte-1euotkj .label.clickable.active:where(.svelte-1euotkj):hover:not(:disabled){opacity:1;background-color:var(--sw-label-hover-bg-active, rgba(0, 0, 0, .12))}.labels-container.svelte-1euotkj .label.clickable:where(.svelte-1euotkj):disabled{cursor:not-allowed}.label-single.svelte-1euotkj{position:absolute;transition:transform .3s ease,opacity .3s ease,color .3s ease;white-space:nowrap}.label-single.block-mode.svelte-1euotkj{position:static;transform:none}.multi-switch.svelte-1euotkj{position:relative;background-color:var(--sw-bg-off, var(--base-primary-bg, #ccc));border-radius:calc(var(--sw-border-radius, var(--base-border-radius-sm, .4)) * var(--sw-rem, 10px));cursor:pointer;transition:background-color .3s ease;outline:none;-webkit-user-select:none;user-select:none;display:inline-block}.multi-switch.svelte-1euotkj:has(.step-segment.active:where(.svelte-1euotkj)){background-color:var(--current-bg-color, var(--sw-bg-off, var(--base-primary-bg, #ccc)))}.multi-switch.svelte-1euotkj{width:calc((var(--thumb-height) * var(--steps) + var(--margin) * 2 + var(--step-spacing) * (var(--steps) - 1)) * var(--scale));height:calc(var(--sw-height) * var(--scale));--step-offset: calc((var(--thumb-height) + var(--step-spacing)) * var(--scale))}.multi-switch.svelte-1euotkj:focus-visible{outline:none;box-shadow:0 0 0 3px var(--sw-focus-color, var(--base-accent-color, rgba(66, 153, 225, .5)))}.multi-switch.disabled.svelte-1euotkj{opacity:.5;cursor:not-allowed}.multi-switch.vertical.svelte-1euotkj{width:calc(var(--sw-height) * var(--scale));height:calc((var(--thumb-height) * var(--steps) + var(--margin) * 2 + var(--step-spacing) * (var(--steps) - 1)) * var(--scale))}.multi-switch.svelte-1euotkj .thumb:where(.svelte-1euotkj){position:absolute;background-color:var(--current-thumb-color, var(--sw-thumb-bg, var(--base-text-color-on-accent, #fff)));border-radius:calc(var(--sw-border-radius, var(--base-border-radius-sm, .4)) * var(--sw-rem, 10px));top:calc(var(--margin) * var(--scale));left:calc(var(--margin) * var(--scale));transition:transform .3s ease,background-color .3s ease,border-color .3s ease;box-shadow:var(--sw-shadow, var(--base-shadow-sm, 0 2px 4px rgba(0, 0, 0, .2)));z-index:10;border:1px solid var(--current-thumb-border-color, var(--sw-thumb-border-color, transparent));width:calc(var(--thumb-height) * var(--scale));height:calc(var(--thumb-height) * var(--scale));display:flex;align-items:center;justify-content:center}.multi-switch.vertical.svelte-1euotkj .thumb:where(.svelte-1euotkj){left:50%;transform:translate(-50%);top:calc(var(--margin) * var(--scale))}.multi-switch.svelte-1euotkj .step-segment:where(.svelte-1euotkj){position:absolute;background-color:var(--step-bg-color, var(--sw-step-bg, var(--base-accent-color-light, rgba(0, 0, 0, .06))));border-radius:calc(var(--sw-border-radius, var(--base-border-radius-sm, .4)) * var(--sw-rem, 10px));transition:background-color .3s ease;z-index:1;border:1px solid var(--step-border-color, transparent);width:calc(var(--thumb-height) * var(--scale));height:calc((var(--sw-height) - var(--margin) * 2) * var(--scale));top:calc(var(--margin) * var(--scale));left:calc((var(--margin) + (var(--thumb-height) + var(--step-spacing)) * var(--step-index)) * var(--scale))}.multi-switch.svelte-1euotkj .step-segment.active:where(.svelte-1euotkj){background-color:var(--step-bg-color, var(--sw-step-bg-active, var(--base-accent-color-light-hover, rgba(0, 0, 0, .12))))}.multi-switch.vertical.svelte-1euotkj .step-segment:where(.svelte-1euotkj){width:calc((var(--sw-height) - var(--margin) * 2) * var(--scale));height:calc(var(--thumb-height) * var(--scale));left:calc(var(--margin) * var(--scale));top:calc((var(--margin) + (var(--thumb-height) + var(--step-spacing)) * var(--step-index)) * var(--scale))}.default-label.svelte-1euotkj{color:var(--sw-label-color, var(--base-text-color-3, #666));font-family:var(--sw-label-font-family, var(--base-font-family, inherit));font-size:calc(calc(var(--sw-label-font-size, var(--base-font-size-sm, 1.4)) * var(--sw-rem, 10px)) * var(--scale, 1));font-weight:400;transition:color .3s ease}.default-label.active.svelte-1euotkj{color:var(--sw-label-active-color, var(--base-text-color-1, #333));font-weight:700}