@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{.segment{background-color:var(--default);padding:var(--spacing,.25rem);border-radius:calc(var(--field-radius) + .4rem);align-items:center;display:inline-flex;position:relative}.segment__item{z-index:1;cursor:pointer;height:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:calc(var(--radius) * 3);width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--muted);--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;transition:color .15s,background-color .15s,box-shadow .15s,opacity .15s;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.segment__item{transition:none}}.segment__item[data-selected=true]{color:var(--segment-foreground)}.segment__item[data-selected=true] .segment__separator,.segment__item[data-selected=true]+.segment__item .segment__separator{opacity:0}.segment__item:disabled,.segment__item[data-disabled=true],.segment__item[aria-disabled=true]{pointer-events:none;opacity:.5}@media (hover:hover){.segment__item:not([data-selected=true]):not([data-disabled=true]):hover,.segment__item[data-hovered=true]:not([data-selected=true]):not([data-disabled=true]){opacity:.7}}.segment__item:focus-visible,.segment__item[data-focus-visible=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--focus);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background)}.segment__item svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.segment__separator{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.segment__separator{background-color:color-mix(in oklab, var(--muted) 25%, transparent)}}.segment__separator{pointer-events:none;border-radius:4px;width:1px;height:50%;transition:opacity .15s;position:absolute;top:25%;left:0}@media (prefers-reduced-motion:reduce){.segment__separator{transition:none}}.segment__item:first-child>.segment__separator{display:none}.segment__indicator{z-index:-1;background-color:var(--segment);--tw-shadow:var(--field-shadow);width:100%;height:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:1.5rem;transition-property:translate,width,height;transition-duration:.25s;transition-timing-function:cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.segment__indicator{transition:none}}.segment--sm{padding:calc(var(--spacing,.25rem) * .5)}.segment__item--sm{height:calc(var(--spacing,.25rem) * 7);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.segment__item--md{height:calc(var(--spacing,.25rem) * 7);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.segment__item--lg{height:calc(var(--spacing,.25rem) * 10);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.segment--ghost{background-color:#0000;padding:0}.segment__item--ghost[data-selected=true]{color:var(--accent-foreground)}.segment__indicator--ghost{background-color:var(--accent);box-shadow:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
