@layer theme,base;@layer components{._3mbXLG_filter{gap:10px;min-width:0;display:grid}._3mbXLG_row{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;column-gap:12px;min-width:0;display:grid}@media (max-width:767.98px){._3mbXLG_row{grid-template-columns:minmax(0,1fr);row-gap:6px}}._3mbXLG_rowLabel{margin:0}._3mbXLG_track,._3mbXLG_segment{border-radius:var(--r-pill);background:var(--papir-2);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1.5px var(--vonal);gap:2px;padding:4px;display:flex;position:relative}._3mbXLG_track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}._3mbXLG_track::-webkit-scrollbar{display:none}._3mbXLG_opt,._3mbXLG_seg{border-radius:var(--r-pill);min-height:44px;color:var(--tinta);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-ui);letter-spacing:-.005em;scroll-snap-align:start;transition:color var(--t-ui) var(--ease-out), background-color var(--t-micro) var(--ease-out);background:0 0;border:0;flex:none;align-items:center;padding:0 16px;line-height:1.2;display:inline-flex;position:relative}._3mbXLG_opt:hover:not([aria-pressed=true]),._3mbXLG_seg:hover:not([aria-checked=true]){background-color:var(--papir-3)}._3mbXLG_opt[aria-pressed=true],._3mbXLG_seg[aria-checked=true]{color:var(--papir)}._3mbXLG_opt:active,._3mbXLG_seg:active{translate:0 1px}._3mbXLG_opt:focus-visible,._3mbXLG_seg:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px}._3mbXLG_opt[aria-pressed=true]:focus-visible,._3mbXLG_seg[aria-checked=true]:focus-visible{outline:none}._3mbXLG_opt[aria-pressed=true]:focus-visible ._3mbXLG_pill,._3mbXLG_seg[aria-checked=true]:focus-visible ._3mbXLG_pill{box-shadow:inset 0 0 0 3px var(--kiemelo)}._3mbXLG_pill{z-index:0;border-radius:var(--r-pill);background:var(--tinta);position:absolute;inset:0}._3mbXLG_optText{z-index:1;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:relative}._3mbXLG_count{font-family:var(--font-mono);color:var(--grafit);font-size:13px;font-weight:400}._3mbXLG_opt[aria-pressed=true] ._3mbXLG_count{color:var(--papir-3)}._3mbXLG_view{align-items:center;gap:12px;display:flex}@media (max-width:767.98px){._3mbXLG_viewLabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}._3mbXLG_pause{border:var(--bw) solid var(--tinta);border-radius:var(--r-pill);background:var(--papir);min-width:44px;min-height:44px;color:var(--tinta);font-family:var(--font-sans);transition:background-color var(--t-ui) var(--ease-out), translate var(--t-micro) var(--ease-out);flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}._3mbXLG_pause:hover{background-color:var(--papir-2)}._3mbXLG_pause:active{translate:0 2px}._3mbXLG_pause[data-paused=true]{background-color:var(--kiemelo)}._3mbXLG_pause[data-surface=dark]{border-color:var(--papir);color:var(--papir);background-color:#0000}._3mbXLG_pause[data-surface=dark]:hover{background-color:#f4f0e81a}._3mbXLG_pause[data-surface=dark][data-paused=true]{border-color:var(--kiemelo);background-color:var(--kiemelo);color:var(--tinta)}._3mbXLG_pause[data-surface=dark]:focus-visible{outline-color:var(--kiemelo)}}@layer utilities;
