@layer base{.toggle-group{background-color:var(--color-base-200);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);border-radius:var(--radius-field,.25rem);align-items:stretch;gap:.125rem;padding:.1875rem;display:inline-flex}.toggle-group[data-orientation=vertical]{flex-direction:column}.toggle-group-item{height:calc(var(--size-field,.25rem) * 8);color:var(--color-base-content);border-radius:calc(var(--radius-field,.25rem) * .7);cursor:pointer;transition-property:background-color,color,box-shadow;transition-duration:var(--duration,.15s);transition-timing-function:var(--ease,cubic-bezier(.4,0,.2,1));background-color:#0000;border:0;justify-content:center;align-items:center;gap:.375rem;padding-inline:.75rem;font-size:1rem;font-weight:500;display:inline-flex}.toggle-group-item svg{flex-shrink:0;width:1.05rem;height:1.05rem}.toggle-group-item:hover:not([data-pressed]){background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.toggle-group-item:hover:not([data-pressed]){background-color:color-mix(in oklab,var(--color-base-content) 7%,transparent)}}.toggle-group-item[data-pressed]{background-color:var(--toggle-group-pill-bg,var(--color-base-100));color:var(--toggle-group-pill-fg,var(--color-base-content));box-shadow:0 1px 2px oklab(0 none none/.12)}.toggle-group-item:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-1px}.toggle-group-item[data-disabled]{opacity:var(--disabled-opacity,.5);cursor:not-allowed}.toggle-group-xs{padding:.125rem}.toggle-group-xs .toggle-group-item{height:calc(var(--size-field,.25rem) * 6);padding-inline:.5rem;font-size:.75rem}.toggle-group-xs .toggle-group-item svg{width:.85rem;height:.85rem}.toggle-group-sm{padding:.125rem}.toggle-group-sm .toggle-group-item{height:calc(var(--size-field,.25rem) * 7);padding-inline:.625rem;font-size:.875rem}.toggle-group-sm .toggle-group-item svg{width:.9rem;height:.9rem}.toggle-group-md .toggle-group-item{height:calc(var(--size-field,.25rem) * 8.5);padding-inline:.8125rem;font-size:1rem}.toggle-group-md .toggle-group-item svg{width:1.05rem;height:1.05rem}.toggle-group-lg .toggle-group-item{height:calc(var(--size-field,.25rem) * 10);padding-inline:1rem;font-size:1.125rem}.toggle-group-lg .toggle-group-item svg{width:1.2rem;height:1.2rem}.toggle-group-xl .toggle-group-item{height:calc(var(--size-field,.25rem) * 12);padding-inline:1.25rem;font-size:1.25rem}.toggle-group-xl .toggle-group-item svg{width:1.4rem;height:1.4rem}.toggle-group-primary{--toggle-group-pill-bg:var(--color-primary);--toggle-group-pill-fg:var(--color-primary-content,oklch(from var(--color-primary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-secondary{--toggle-group-pill-bg:var(--color-secondary);--toggle-group-pill-fg:var(--color-secondary-content,oklch(from var(--color-secondary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-accent{--toggle-group-pill-bg:var(--color-accent);--toggle-group-pill-fg:var(--color-accent-content,oklch(from var(--color-accent) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-neutral{--toggle-group-pill-bg:var(--color-neutral);--toggle-group-pill-fg:var(--color-neutral-content,oklch(from var(--color-neutral) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-info{--toggle-group-pill-bg:var(--color-info);--toggle-group-pill-fg:var(--color-info-content,oklch(from var(--color-info) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-success{--toggle-group-pill-bg:var(--color-success);--toggle-group-pill-fg:var(--color-success-content,oklch(from var(--color-success) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-warning{--toggle-group-pill-bg:var(--color-warning);--toggle-group-pill-fg:var(--color-warning-content,oklch(from var(--color-warning) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-error{--toggle-group-pill-bg:var(--color-error);--toggle-group-pill-fg:var(--color-error-content,oklch(from var(--color-error) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}.toggle-group-brand{--toggle-group-pill-bg:var(--color-brand);--toggle-group-pill-fg:var(--color-brand-content,oklch(from var(--color-brand) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0))}}