.FilterBar-module__64Qr5a__shell{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);border-radius:999px;min-width:0;max-width:100%;display:flex;position:relative;box-shadow:0 14px 34px -20px #0006}@property --bar-cut-left{syntax:"<length>";inherits:false;initial-value:0}@property --bar-cut-right{syntax:"<length>";inherits:false;initial-value:0}.FilterBar-module__64Qr5a__bar{scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent var(--bar-cut-left), #000 calc(var(--bar-cut-left) * 2), #000 calc(100% - var(--bar-cut-right) * 2), transparent calc(100% - var(--bar-cut-right)));-webkit-mask-image:linear-gradient(to right, transparent var(--bar-cut-left), #000 calc(var(--bar-cut-left) * 2), #000 calc(100% - var(--bar-cut-right) * 2), transparent calc(100% - var(--bar-cut-right)));mask-image:linear-gradient(to right, transparent var(--bar-cut-left), #000 calc(var(--bar-cut-left) * 2), #000 calc(100% - var(--bar-cut-right) * 2), transparent calc(100% - var(--bar-cut-right)));border-radius:999px;padding:.3125rem;transition:--bar-cut-left .25s,--bar-cut-right .25s;display:flex;overflow-x:auto}.FilterBar-module__64Qr5a__shell[data-more-left] .FilterBar-module__64Qr5a__bar{--bar-cut-left:2.625rem}.FilterBar-module__64Qr5a__shell[data-more-right] .FilterBar-module__64Qr5a__bar{--bar-cut-right:2.625rem}.FilterBar-module__64Qr5a__arrow{background:color-mix(in srgb, var(--fg) 14%, transparent);width:2.3125rem;height:2.3125rem;color:inherit;opacity:0;visibility:hidden;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .25s,visibility .25s,background-color .15s;display:grid;position:absolute;top:50%;right:.3125rem;translate:0 -50%}.FilterBar-module__64Qr5a__arrowPrev{left:.3125rem;right:auto}.FilterBar-module__64Qr5a__arrowPrev svg{rotate:180deg}.FilterBar-module__64Qr5a__arrow svg{width:.8125rem;height:.75rem}.FilterBar-module__64Qr5a__arrow:after{content:"";border-radius:50%;position:absolute;inset:-.25rem}.FilterBar-module__64Qr5a__shell[data-more-left] .FilterBar-module__64Qr5a__arrowPrev,.FilterBar-module__64Qr5a__shell[data-more-right] .FilterBar-module__64Qr5a__arrowNext{opacity:1;visibility:visible}@media (hover:hover){.FilterBar-module__64Qr5a__arrow:hover{background:color-mix(in srgb, var(--fg) 26%, transparent)}}.FilterBar-module__64Qr5a__filter{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:baseline;gap:.4375rem;padding:.6875rem 1.0625rem;font-size:.9375rem;font-weight:500;line-height:1;transition:color .25s;display:inline-flex;position:relative}.FilterBar-module__64Qr5a__filterActive{background:var(--fg);border-radius:999px;position:absolute;inset:0}.FilterBar-module__64Qr5a__filterLabel,.FilterBar-module__64Qr5a__count{position:relative}.FilterBar-module__64Qr5a__count{font-variant-numeric:tabular-nums;opacity:.72;font-size:.75rem}.FilterBar-module__64Qr5a__filter:hover:not([aria-pressed=true]){background:color-mix(in srgb, currentColor 12%, transparent)}.FilterBar-module__64Qr5a__filter[aria-pressed=true]{color:var(--bg)}
