.fi-segment{border:0;min-width:0;margin:0;padding:0;container-type:inline-size}.fi-segment legend{color:var(--fi-ink,#0f172a);margin:0 0 10px;padding:0;font-size:15px;font-weight:600;line-height:1.4}.fi-segment-track{--cols:2;--rows:1;--i:0;--c2:0;--r2:0;--x:var(--i);--y:0;grid-template-columns:repeat(var(--cols),minmax(0,1fr));min-height:var(--fi-height,48px);box-sizing:border-box;border-radius:calc(var(--fi-radius,8px) + 4px);background:var(--fi-option-hover-bg,#f1f5f9);box-shadow:inset 0 0 0 1px var(--fi-segment-ring,#e2e8f0);grid-auto-rows:1fr;padding:4px;display:grid;position:relative}.fi-segment[data-count="3"] .fi-segment-track{--cols:3}.fi-segment[data-count="4"] .fi-segment-track{--cols:4}.fi-segment-track:has(>label:nth-of-type(2)>:checked){--i:1;--c2:1}.fi-segment-track:has(>label:nth-of-type(3)>:checked){--i:2;--r2:1}.fi-segment-track:has(>label:nth-of-type(4)>:checked){--i:3;--c2:1;--r2:1}@container (width<360px){.fi-segment[data-count="4"] .fi-segment-track{--cols:2;--rows:2;--x:var(--c2);--y:var(--r2)}.fi-segment[data-count="3"][data-long] .fi-segment-track{--cols:1;--rows:3;--x:0;--y:var(--i)}}@container (width<260px){.fi-segment[data-count="3"] .fi-segment-track{--cols:1;--rows:3;--x:0;--y:var(--i)}}.fi-segment-thumb{width:calc((100% - 8px)/var(--cols));height:calc((100% - 8px)/var(--rows));translate:calc(var(--x)*100%) calc(var(--y)*100%);border-radius:calc(var(--fi-radius,8px) + 1px);background:var(--fi-bg,#fff);box-shadow:0 0 0 1px var(--fi-segment-thumb-ring,#a7f3d0),0 3px 8px -3px #0f172a38;transition:translate .45s cubic-bezier(.34,1.45,.64,1),width .45s cubic-bezier(.34,1.45,.64,1),height .45s cubic-bezier(.34,1.45,.64,1);position:absolute;top:4px;left:4px}.fi-segment .fi-segment-opt{z-index:1;min-width:0;min-height:calc(var(--fi-height,48px) - 8px);box-sizing:border-box;border-radius:calc(var(--fi-radius,8px) + 1px);color:var(--fi-label,#64748b);text-align:center;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:6px;font-size:15px;font-weight:500;line-height:1.3;transition:color .2s;display:flex;position:relative}.fi-segment-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fi-segment .fi-segment-opt:is(:hover,:has(:checked)){color:var(--fi-ink,#0f172a)}.fi-segment .fi-segment-opt:has(:checked){font-weight:600}.fi-segment-opt:has(:focus-visible){outline:2px solid var(--fi-focus,#059669);outline-offset:2px}select.fi-control{cursor:pointer;background-repeat:no-repeat;background-image:linear-gradient(45deg,transparent 50%,var(--fi-label,#64748b) 50% 62%,transparent 62%),linear-gradient(-45deg,transparent 50%,var(--fi-label,#64748b) 50% 62%,transparent 62%);text-overflow:ellipsis;background-position:calc(100% - 22px),calc(100% - 16px);background-size:6px 7px,6px 7px;padding-right:40px}select.fi-control:has(option[value=""]:checked):not(:focus)+.fi-label{color:var(--fi-label,#64748b);transform:none}@supports (appearance:base-select){select.fi-control,select.fi-control::picker(select){appearance:base-select}select.fi-control{background-image:none;align-items:center;padding-right:14px;display:flex}select.fi-control::picker-icon{color:var(--fi-label,#64748b);transition:rotate .34s cubic-bezier(.34,1.45,.64,1)}select.fi-control:open::picker-icon{rotate:180deg}select.fi-control::picker(select){box-sizing:border-box;border-radius:calc(var(--fi-radius,8px) + 6px);background:var(--fi-bg,#fff);max-height:min(360px,50vh);box-shadow:0 0 0 1px var(--fi-border,#cbd5e1),0 18px 40px -16px #0f172a59;opacity:0;transition:opacity .18s,translate .34s cubic-bezier(.34,1.45,.64,1),display .34s allow-discrete,overlay .34s allow-discrete;border:0;margin-top:6px;padding:6px;translate:0 -6px}select.fi-control:open::picker(select){opacity:1;translate:0}@starting-style{select.fi-control:open::picker(select){opacity:0;translate:0 -6px}}select.fi-control option{border-radius:var(--fi-radius,8px);min-height:40px;color:var(--fi-chip-ink,#334155);cursor:pointer;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;transition:min-height .34s cubic-bezier(.34,1.45,.64,1),padding .34s cubic-bezier(.34,1.45,.64,1),background-color .2s,color .2s;display:flex}select.fi-control option[value=""]{display:none}select.fi-control option:is(:hover,:focus-visible){background:var(--fi-option-hover-bg,#f1f5f9);outline:0;min-height:48px;padding-inline:16px}select.fi-control option:checked{background:var(--fi-chip-on-bg,#ecfdf5);min-height:48px;color:var(--fi-chip-on-ink,#065f46);padding-inline:16px;font-weight:600}select.fi-control option::checkmark{color:var(--fi-focus,#059669);order:1;margin-left:auto}}