:root,[data-fs-density=comfortable]{--fs-tab-h: var(--fs-ctl-h);--fs-tab-px: var(--fs-ctl-px);--fs-seg-h: var(--fs-ctl-h);--fs-seg-font: var(--fs-size-14);--fs-chip-h: var(--fs-ctl-h);--fs-chip-ps: 10px;--fs-chip-pe: var(--fs-space-3);--fs-chip-check: 14px;--fs-chip-gap: var(--fs-space-2);--fs-chip-font: var(--fs-size-14)}[data-fs-density=compact]{--fs-tab-h: 36px;--fs-tab-px: var(--fs-space-3);--fs-seg-h: 36px;--fs-seg-font: var(--fs-size-12);--fs-chip-h: 36px;--fs-chip-ps: var(--fs-space-2);--fs-chip-pe: 10px;--fs-chip-gap: 6px;--fs-chip-font: var(--fs-size-12)}@media(pointer:coarse){[data-fs-density=compact]{--fs-tab-h: var(--fs-ctl-h);--fs-seg-h: var(--fs-ctl-h);--fs-chip-h: var(--fs-ctl-h)}}:is(.fs-demo,.fs-ui) .fs-tabs{display:flex;gap:var(--fs-space-1);overflow-x:auto;border-bottom:var(--fs-border) solid var(--fs-border-color);scrollbar-width:none}:is(.fs-demo,.fs-ui) .fs-tabs::-webkit-scrollbar{display:none}:is(.fs-demo,.fs-ui) .fs-tab{position:relative;display:inline-flex;flex:none;align-items:center;gap:var(--fs-space-2);min-height:var(--fs-tab-h);padding:0 var(--fs-tab-px);border:0;border-radius:0;background:transparent;color:var(--fs-muted-foreground);font-family:var(--fs-font-ui);font-size:var(--fs-size-14);font-weight:var(--fs-weight-strong);letter-spacing:0;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer}:is(.fs-demo,.fs-ui) .fs-tab:is([aria-selected=true],[aria-current]:not([aria-current=false])){color:var(--fs-foreground)}:is(.fs-demo,.fs-ui) .fs-tab:is([aria-selected=true],[aria-current]:not([aria-current=false])):after{content:"";position:absolute;left:var(--fs-space-3);right:var(--fs-space-3);bottom:calc(-1 * var(--fs-border));height:var(--fs-border-active);background:var(--fs-accent)}:is(.fs-demo,.fs-ui) .fs-tab[aria-disabled=true]{opacity:.45;cursor:not-allowed}:is(.fs-demo,.fs-ui) .fs-tab:focus-visible{outline-offset:var(--fs-focus-offset-inset);box-shadow:none}:is(.fs-demo,.fs-ui) .fs-seg.fs-seg--fit{display:inline-flex;width:auto;max-width:100%}:is(.fs-demo,.fs-ui) .fs-seg.fs-seg--scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}:is(.fs-demo,.fs-ui) .fs-seg--scroll::-webkit-scrollbar{display:none}:is(.fs-demo,.fs-ui) .fs-seg--lg{--fs-seg-h: var(--fs-ctl-h-lg)}:is(.fs-demo,.fs-ui) .fs-seg-btn{position:relative;display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:var(--fs-btn-gap);box-sizing:border-box;min-width:0;min-height:var(--fs-seg-h);margin:0;padding:0 var(--fs-btn-px);border:var(--fs-border) solid var(--fs-border-strong);border-radius:0;background:transparent;color:var(--fs-foreground);font-family:var(--fs-font-ui);font-size:var(--fs-seg-font);font-weight:var(--fs-weight-strong);line-height:1.25;white-space:nowrap;cursor:pointer}:is(.fs-demo,.fs-ui) :is(.fs-seg--fit,.fs-seg--scroll)>.fs-seg-btn{flex:none}:is(.fs-demo,.fs-ui) .fs-seg-btn+.fs-seg-btn{margin-left:calc(-1 * var(--fs-border))}:is(.fs-demo,.fs-ui) .fs-seg-btn:first-child{border-start-start-radius:var(--fs-radius);border-end-start-radius:var(--fs-radius)}:is(.fs-demo,.fs-ui) .fs-seg-btn:last-child{border-start-end-radius:var(--fs-radius);border-end-end-radius:var(--fs-radius)}:is(.fs-demo,.fs-ui) .fs-seg-btn[aria-pressed=true]{z-index:2;border-color:var(--fs-accent);background:var(--fs-accent-surface);box-shadow:inset 0 calc(-1 * var(--fs-border-active)) 0 var(--fs-accent)}:is(.fs-demo,.fs-ui) .fs-seg-btn[aria-pressed=true]:before{content:"\2713";content:"\2713" / "";color:var(--fs-accent)}:is(.fs-demo,.fs-ui) .fs-seg-btn:focus-visible{z-index:3}:is(.fs-demo,.fs-ui) .fs-seg--scroll .fs-seg-btn:focus-visible{outline-offset:var(--fs-focus-offset-inset);box-shadow:none}:is(.fs-demo,.fs-ui) .fs-chips{display:flex;flex-wrap:wrap;gap:var(--fs-space-2);margin:0;padding:0;list-style:none}:is(.fs-demo,.fs-ui) .fs-chips>li{display:contents}:is(.fs-demo,.fs-ui) .fs-chip{position:relative;display:inline-flex;align-items:center;gap:var(--fs-chip-gap);box-sizing:border-box;min-height:var(--fs-chip-h);padding:0 var(--fs-chip-pe) 0 var(--fs-chip-ps);border:var(--fs-border) solid var(--fs-border-strong);border-radius:var(--fs-radius);background:var(--fs-input);color:var(--fs-foreground);font-family:var(--fs-font-ui);font-size:var(--fs-chip-font);font-weight:var(--fs-weight-medium);line-height:1.25;letter-spacing:0;text-align:left;text-decoration:none;text-transform:none;white-space:nowrap;transition:border-color var(--fs-dur-fast),background-color var(--fs-dur-fast)}:is(.fs-demo,.fs-ui) :is(button,a,label).fs-chip{cursor:pointer}:is(.fs-demo,.fs-ui) .fs-chip>:is(img,svg){flex:0 0 auto;width:var(--fs-icon);height:var(--fs-icon);object-fit:contain}:is(.fs-demo,.fs-ui) .fs-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis}:is(.fs-demo,.fs-ui) .fs-chip:is([aria-pressed=true],[aria-selected=true],[aria-current]:not([aria-current=false])){border-color:var(--fs-accent);background:var(--fs-accent-surface);box-shadow:inset 0 calc(-1 * var(--fs-border-active)) 0 var(--fs-accent)}:is(.fs-demo,.fs-ui) .fs-chip:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}:is(.fs-demo,.fs-ui) .fs-chip[hidden]{display:none}:is(.fs-demo,.fs-ui) .fs-chip-count{flex:none}:is(.fs-demo,.fs-ui) :is(.fs-chip,.fs-seg-btn)[aria-pressed=true] .fs-chip-count{background:var(--fs-accent);color:var(--fs-primary-foreground)}:is(.fs-demo,.fs-ui) .fs-chip--quiet{border-color:transparent;background:transparent;color:var(--fs-muted-foreground)}:is(.fs-demo,.fs-ui) .fs-chip--quiet:is(:hover,[aria-pressed=true],[aria-current]:not([aria-current=false])){color:var(--fs-foreground)}:is(.fs-demo,.fs-ui) .fs-chip--quiet:is([aria-pressed=true],[aria-current]:not([aria-current=false])){box-shadow:inset var(--fs-border-active) 0 0 var(--fs-accent)}:is(.fs-demo,.fs-ui) .fs-chip--toggle>.fs-box{width:var(--fs-chip-check);height:var(--fs-chip-check)}:is(.fs-demo,.fs-ui) .fs-chip--add{border-style:dashed;border-color:var(--fs-accent-border)}:is(.fs-demo,.fs-ui) .fs-chip--add:before{content:"+";content:"+" / "";color:var(--fs-accent);font-weight:var(--fs-weight-bold)}:is(.fs-demo,.fs-ui) .fs-chip--remove>[aria-hidden=true]:last-child{color:var(--fs-muted-foreground);font-size:var(--fs-size-16);line-height:1}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-tab:hover{color:var(--fs-foreground)}:is(.fs-demo,.fs-ui) .fs-seg-btn:hover:not([aria-pressed=true]){z-index:1;border-color:var(--fs-border-hover);background:var(--fs-secondary)}:is(.fs-demo,.fs-ui) :is(button,a,label).fs-chip:hover:not([aria-disabled=true],[aria-pressed=true],[aria-current]:not([aria-current=false])){border-color:var(--fs-border-hover)}:is(.fs-demo,.fs-ui) .fs-chip--quiet:hover:not([aria-pressed=true],[aria-current]:not([aria-current=false])){border-color:var(--fs-border-strong);background:var(--fs-secondary)}:is(.fs-demo,.fs-ui) .fs-chip--remove:hover>[aria-hidden=true]:last-child{color:var(--fs-foreground)}}@media(forced-colors:active){:is(.fs-demo,.fs-ui) .fs-tab:is([aria-selected=true],[aria-current]:not([aria-current=false])):after{background:Highlight}:is(.fs-demo,.fs-ui) :is(.fs-seg-btn,.fs-chip):is([aria-pressed=true],[aria-current]:not([aria-current=false])){border-color:Highlight}}@media(prefers-reduced-motion:reduce){:is(.fs-demo,.fs-ui) .fs-chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-ui-tabs.css.map */