@layer props{.segmented[data-v-910aa251]:where(kira-component){--icon-size:18px;--ease:ease-out;width:-moz-fit-content;width:fit-content}}.segmented[data-v-910aa251]:where(kira-component){font-weight:500;position:relative}.track[data-v-910aa251]{background-color:var(--inset-bg);border-radius:4px;box-shadow:inset 0 4px 4px color-mix(in oklab,#000,transparent 96%);position:relative}.track>.item[data-v-910aa251]{color:var(--icon-color);cursor:pointer}.item[data-v-910aa251]{align-items:center;border-radius:4px;display:flex;gap:6px;justify-content:center;padding:0 11px}@media (any-hover:hover){.item[data-v-910aa251]:hover{background:var(--hover-overlay)}}.item .icon[data-v-910aa251]{font-size:var(--icon-size);margin-left:-2px}.items-wrapper[data-v-910aa251]{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:36px;width:inherit}.content[data-v-910aa251]{clip-path:inset(0 calc((1 - (var(--0285176b) + 1) / var(--2d6d6d83)) * 100%) 0 calc(var(--0285176b) / var(--2d6d6d83) * 100%) round 4px);color:#fff;pointer-events:none;position:absolute;top:0;transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,clip-path .5s cubic-bezier(.75,0,0,1);z-index:4}.thumb:is(.pressed,:active)+.content[data-v-910aa251]{transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,clip-path .5s cubic-bezier(.1,.9,.2,1),opacity .5s cubic-bezier(.75,0,0,1)}@container style(--ease: ease-out){.content[data-v-910aa251]{transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,clip-path .5s cubic-bezier(.1,.9,.2,1),opacity .5s cubic-bezier(.75,0,0,1)}}.segmented:where(kira-component).invalid .content[data-v-910aa251]{opacity:0}.thumb[data-v-910aa251]{border-radius:4px;box-shadow:0 2px 4px color-mix(in oklab,var(--accent),transparent 40%);--width:calc(100% / var(--2d6d6d83));background-color:var(--accent);cursor:grab;font-weight:700;height:100%;left:calc(var(--width) * var(--0285176b));overflow:clip;position:absolute;top:0;touch-action:pan-y pinch-zoom;transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,all .5s cubic-bezier(.175,.885,.32,1.275),left .5s cubic-bezier(.75,0,0,1),opacity .5s cubic-bezier(.75,0,0,1);width:var(--width);z-index:3}@media (any-hover:hover){.thumb[data-v-910aa251]:hover{background:var(--accent-hover);box-shadow:0 9px 9px color-mix(in oklab,var(--accent),transparent 70%)}}@media (any-hover:hover){.thumb[data-v-910aa251]:hover:has(:focus){box-shadow:0 9px 9px color-mix(in oklab,var(--accent),transparent 70%),0 0 0 3px color-mix(in oklab,var(--accent-focus),transparent 50%)}}.thumb[data-v-910aa251]:active{background:var(--accent);box-shadow:none!important;cursor:grabbing;scale:.9722222222}.thumb[data-v-910aa251]:is(.pressed,:active){transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,all .5s cubic-bezier(.175,.885,.32,1.275),left .5s cubic-bezier(.1,.9,.2,1)}@container style(--ease: ease-out){.thumb[data-v-910aa251]{transition:all .25s cubic-bezier(.19,1,.22,1),color .1s cubic-bezier(.19,1,.22,1),fill .1s cubic-bezier(.19,1,.22,1),accent-color 0s,all .5s cubic-bezier(.175,.885,.32,1.275),left .5s cubic-bezier(.1,.9,.2,1)}}.segmented:where(kira-component).invalid .thumb[data-v-910aa251]{opacity:0;pointer-events:none}