@property --em-seg-on{syntax:"<number>";inherits:false;initial-value:0}@property --em-seg-hover{syntax:"<number>";inherits:false;initial-value:0}.em-seg{--em-seg-inset:3px;border-radius:var(--em-radius);vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0b;max-width:100%;height:36px;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #00000080}.em-seg[data-size=sm]{height:32px}.em-seg[data-full]{width:100%;display:flex}.em-seg.is-disabled{opacity:.4;pointer-events:none}.em-seg__scroller{--fl:0px;--fr:0px;border-radius:inherit;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fl), #000 calc(100% - var(--fr)), transparent);flex:auto;overflow:auto hidden}.em-seg__scroller::-webkit-scrollbar{display:none}.em-seg__scroller[data-fade-l=true]{--fl:20px}.em-seg__scroller[data-fade-r=true]{--fr:20px}.em-seg__track{width:max-content;min-width:100%;height:100%;padding:var(--em-seg-inset);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.em-seg[data-widths=content] .em-seg__track{grid-auto-columns:auto}.em-seg__thumb{top:var(--em-seg-inset);bottom:var(--em-seg-inset);border-radius:calc(var(--em-radius) - var(--em-seg-inset));pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #00000080)drop-shadow(0 2px 4px #00000040);will-change:transform;width:100%;position:absolute;left:0;overflow:hidden}.em-seg__thumb[data-ready]{opacity:1}.em-seg__fill{border-radius:inherit;will-change:transform;background:#262626;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff13}.em-seg__opt{border-radius:calc(var(--em-radius) - var(--em-seg-inset));min-width:0;font:500 14px/20px var(--em-sans);font-variant-numeric:tabular-nums;letter-spacing:-.005em;color:color-mix(in oklab, var(--em-text) calc(max(var(--em-seg-on), var(--em-seg-hover)) * 100%), var(--em-text-muted));white-space:nowrap;cursor:pointer;transition:--em-seg-hover .16s var(--em-ease-out);outline:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:flex;position:relative}.em-seg__opt[aria-checked=true]{--em-seg-on:1}.em-seg[data-size=sm] .em-seg__opt{padding:0 12px;font-size:13px}.em-seg__opt[data-icon-only]{padding:0 10px}.em-seg[data-size=sm] .em-seg__opt[data-icon-only]{padding:0 8px}.em-seg__icon{flex:none;display:inline-flex}.em-seg__icon>svg{width:16px;height:16px;display:block}.em-seg[data-size=sm] .em-seg__icon>svg{width:14px;height:14px}@media (hover:hover){.em-seg__opt:hover:not([aria-disabled=true]){--em-seg-hover:1}}.em-seg__opt[aria-disabled=true]{color:var(--em-text-ghost);cursor:default}.em-seg__opt:focus-visible{outline:var(--em-focus-outline);outline-offset:1px}@media (prefers-reduced-motion:reduce){.em-seg__opt{transition:--em-seg-on .14s ease-out,--em-seg-hover .14s ease-out}}