.segmented-control[data-v-f1a5af77]{--segmented-background:var(--color-surface-light);--segmented-indicator-background:var(--color-surface-inverse);--segmented-indicator-radius:var(--segmented-item-radius);--segmented-indicator-transition:.9s var(--motion-ease-soft-bounce);--segmented-indicator-visibility-transition:.6s var(--motion-ease-base);--segmented-hover-indicator-background:var(--c-grey-235);--segmented-hover-indicator-radius:var(--segmented-item-radius);--segmented-hover-indicator-transition:.6s var(--motion-ease-base);--segmented-hover-indicator-visibility-transition:.6s var(--motion-ease-base);--segmented-text:var(--color-text-primary);--segmented-text-active:var(--color-text-inverse);--segmented-text-hover:var(--segmented-text);--segmented-radius:calc(var(--p)*4);--segmented-padding:calc(var(--g-gap)/2);--segmented-item-padding:calc(var(--g-gap)/1);--segmented-item-radius:calc(var(--p)*4);--segmented-radio-size:var(--m);--segmented-radio-color:var(--c-grey-mix80);--segmented-radio-color-active:var(--c-yellow);--segmented-item-gap:var(--segmented-padding);--segmented-disabled-opacity:.4;--segmented-text-transition:.6s var(--motion-ease-base);--segmented-active-text-transition:.6s var(--motion-ease-in)}@media(min-width:1024px){.segmented-control[data-v-f1a5af77]{--segmented-padding:calc(var(--g-gap)/4);--segmented-item-padding:calc(var(--g-gap)/2)}}.segmented-control[data-v-f1a5af77]{position:relative;display:flex;width:-moz-fit-content;width:fit-content;padding:var(--segmented-padding) var(--segmented-padding) var(--segmented-padding) var(--segmented-padding);border-radius:var(--segmented-radius);background-color:var(--segmented-background)}.segmented-control .segmented-control-indicator[data-v-f1a5af77]{position:absolute;top:var(--segmented-padding);bottom:var(--segmented-padding);pointer-events:none}.segmented-control .segmented-control-indicator.-hover[data-v-f1a5af77]{left:var(--segmented-hover-left,0);right:var(--segmented-hover-right,100%);border-radius:var(--segmented-hover-indicator-radius);background-color:var(--segmented-hover-indicator-background);opacity:var(--segmented-hover-opacity,0);scale:.5;transition:left var(--segmented-hover-move-transition,var(--segmented-hover-indicator-transition)),right var(--segmented-hover-move-transition,var(--segmented-hover-indicator-transition)),opacity var(--segmented-hover-indicator-visibility-transition),scale var(--segmented-hover-indicator-visibility-transition)}.segmented-control .segmented-control-indicator.-active[data-v-f1a5af77]{left:var(--segmented-active-left,0);right:var(--segmented-active-right,100%);border-radius:var(--segmented-indicator-radius);background-color:var(--segmented-indicator-background);opacity:var(--segmented-active-opacity,0);transition:left var(--segmented-active-move-transition,var(--segmented-indicator-transition)),right var(--segmented-active-move-transition,var(--segmented-indicator-transition)),opacity var(--segmented-indicator-visibility-transition)}.segmented-control .segmented-control-item[data-v-f1a5af77]{position:relative;display:flex;align-items:center;gap:var(--segmented-item-gap);overflow:hidden;padding:var(--segmented-item-padding) var(--segmented-item-padding) var(--segmented-item-padding) var(--segmented-item-padding);border:0;border-radius:var(--segmented-item-radius);color:var(--segmented-text);cursor:pointer;white-space:nowrap;transition:color var(--segmented-text-transition)}.segmented-control .segmented-control-item .segmented-control-radio[data-v-f1a5af77]{position:relative;width:var(--segmented-radio-size);height:var(--segmented-radio-size);display:grid;place-items:1/1}.segmented-control .segmented-control-item .segmented-control-radio[data-v-f1a5af77]:after,.segmented-control .segmented-control-item .segmented-control-radio[data-v-f1a5af77]:before{grid-area:1/1;content:"";border-radius:50%}.segmented-control .segmented-control-item .segmented-control-radio[data-v-f1a5af77]:before{background-color:var(--segmented-radio-color)}.segmented-control .segmented-control-item .segmented-control-radio[data-v-f1a5af77]:after{scale:0;background-color:var(--segmented-radio-color-active)}.segmented-control .segmented-control-item .segmented-control-radio.-active[data-v-f1a5af77]:after{scale:.6}.segmented-control .segmented-control-item .segmented-control-label[data-v-f1a5af77]{position:relative;display:flex;align-items:center;justify-content:center}.segmented-control .segmented-control-item .segmented-control-label[data-v-f1a5af77]:after{content:attr(data-attr);position:absolute;color:var(--segmented-text-active);opacity:0;translate:0 100%}.segmented-control .segmented-control-item[data-v-f1a5af77]:has(.segmented-control-radio){padding:calc(var(--segmented-item-padding)) var(--segmented-item-padding) calc(var(--segmented-item-padding)) calc(var(--segmented-item-padding)/2)}.segmented-control .segmented-control-item.-hovered[data-v-f1a5af77]:not(.-indicator),.segmented-control .segmented-control-item.-hovered:not(.-indicator) .segmented-control-radio[data-v-f1a5af77]{color:var(--segmented-text-hover)}.segmented-control .segmented-control-item.-indicator[data-v-f1a5af77]{color:transparent}.segmented-control .segmented-control-item.-indicator .segmented-control-radio[data-v-f1a5af77]{color:var(--segmented-text-active)}.segmented-control .segmented-control-item.-indicator .segmented-control-label[data-v-f1a5af77]:after{opacity:1;translate:0 0;transition:translate var(--segmented-active-text-transition),opacity var(--segmented-active-text-transition)}.segmented-control .segmented-control-item.-disabled[data-v-f1a5af77]{cursor:var(--segmented-disabled-cursor,default);opacity:var(--segmented-disabled-opacity)}.segmented-control:hover .segmented-control-indicator.-hover[data-v-f1a5af77]{scale:1}@media(min-width:1024px){.segmented-control .segmented-control-item[data-v-f1a5af77]{padding:calc(var(--segmented-item-padding)/2) var(--segmented-item-padding) calc(var(--segmented-item-padding)/2) var(--segmented-item-padding)}.segmented-control .segmented-control-item[data-v-f1a5af77]:has(.segmented-control-radio){padding:calc(var(--segmented-item-padding)/2) var(--segmented-item-padding) calc(var(--segmented-item-padding)/2) calc(var(--segmented-item-padding)/2)}}