@layer base{.filter{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-item{height:calc(var(--size-field,.25rem) * 8);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);background-color:var(--color-base-100);color:var(--color-base-content);font:inherit;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));border-radius:9999px;align-items:center;gap:.375rem;padding-inline:.875rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex}.filter-item svg{flex-shrink:0;width:.9rem;height:.9rem}.filter-item:hover{background-color:var(--color-base-200)}.filter-item:focus-visible{outline:2px solid var(--filter-accent,var(--color-primary));outline-offset:2px}.filter-item[data-selected]{border-color:var(--filter-accent,var(--color-primary));color:var(--filter-accent-content,var(--color-primary-content))}.filter-item[data-selected],.filter-item[data-selected]:hover{background-color:var(--filter-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.filter-item[data-selected]:hover{background-color:color-mix(in oklab,var(--filter-accent,var(--color-primary)) 90%,black)}}.filter-item:disabled{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.filter-reset{width:calc(var(--size-field,.25rem) * 8);height:calc(var(--size-field,.25rem) * 8);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);background-color:var(--color-base-100);color:var(--color-base-content);cursor:pointer;transition:background-color var(--duration,.15s);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-reset svg{width:.9rem;height:.9rem}.filter-reset:hover{background-color:var(--color-base-200)}.filter-reset:focus-visible{outline:2px solid var(--filter-accent,var(--color-primary));outline-offset:2px}.filter-primary{--filter-accent:var(--color-primary);--filter-accent-content:var(--color-primary-content,oklch(from var(--color-primary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-primary{--filter-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-secondary{--filter-accent:var(--color-secondary);--filter-accent-content:var(--color-secondary-content,oklch(from var(--color-secondary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-secondary{--filter-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-accent{--filter-accent:var(--color-accent);--filter-accent-content:var(--color-accent-content,oklch(from var(--color-accent) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-accent{--filter-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-neutral{--filter-accent:var(--color-neutral);--filter-accent-content:var(--color-neutral-content,oklch(from var(--color-neutral) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:var(--color-base-content)}.filter-info{--filter-accent:var(--color-info);--filter-accent-content:var(--color-info-content,oklch(from var(--color-info) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-info{--filter-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-success{--filter-accent:var(--color-success);--filter-accent-content:var(--color-success-content,oklch(from var(--color-success) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-success{--filter-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-warning{--filter-accent:var(--color-warning);--filter-accent-content:var(--color-warning-content,oklch(from var(--color-warning) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-warning{--filter-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-error{--filter-accent:var(--color-error);--filter-accent-content:var(--color-error-content,oklch(from var(--color-error) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-error{--filter-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.filter-brand{--filter-accent:var(--color-brand);--filter-accent-content:var(--color-brand-content,oklch(from var(--color-brand) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--filter-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.filter-brand{--filter-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}