.filament-compare__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filament-compare__families{gap:var(--space-075);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.filament-compare__families button{align-items:center;gap:var(--space-05);min-height:var(--button-min-height);padding:var(--space-05) var(--space-125);border:var(--button-border) solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-text);font:inherit;font-size:var(--text-body);line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-brand), color var(--duration-fast) var(--ease-brand), border-color var(--duration-fast) var(--ease-brand);background:0 0;display:inline-flex}.filament-compare__families button:hover{border-color:var(--color-text-soft)}.filament-compare__families button[aria-pressed=true]{background-color:var(--color-fill);border-color:var(--color-fill);color:var(--color-ink)}.filament-compare__families button:focus-visible{outline:var(--rule-thick) solid var(--color-focus);outline-offset:var(--space-025)}@media (max-width:767px){.filament-compare__families{scrollbar-width:none;margin-inline:calc(-1 * var(--section-pad-x));padding-inline:var(--section-pad-x);flex-wrap:nowrap;overflow-x:auto}.filament-compare__families::-webkit-scrollbar{display:none}}.filament-compare__count{color:var(--color-text-soft)}.filament-compare__families button[aria-pressed=true] .filament-compare__count{color:var(--color-ink)}.filament-compare__status,.filament-compare__source{color:var(--color-text-soft);margin:0}.filament-compare__source a{padding-block:calc((var(--button-min-height) - 1lh) / 2);margin-block:calc((1lh - var(--button-min-height)) / 2);color:inherit;display:inline-block}.filament-compare__plate{max-height:var(--compare-plate-max-h);overscroll-behavior-x:contain;border-radius:var(--radius-md);background-color:var(--card-bg1);position:relative;overflow:auto}.filament-compare__plate:focus-visible{outline:var(--rule-thick) solid var(--color-focus);outline-offset:var(--space-025)}.filament-compare__table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:var(--text-body);line-height:var(--leading-relaxed);font-variant-numeric:tabular-nums}.filament-compare__table th,.filament-compare__table td{min-width:var(--compare-col-w);padding:var(--space-075) var(--space-1);border-bottom:var(--button-border) solid var(--color-line);background-color:var(--card-bg1);text-align:left;vertical-align:top}.filament-compare__table thead th{z-index:2;font-weight:var(--font-weight-black);white-space:nowrap;position:sticky;top:0}.filament-compare__table th[scope=row],.filament-compare__corner{z-index:1;width:var(--compare-label-w);min-width:var(--compare-label-w);max-width:var(--compare-label-w);border-right:var(--button-border) solid var(--color-line);position:sticky;left:0}.filament-compare__table thead .filament-compare__corner{z-index:3;color:var(--color-text-soft);font-weight:var(--font-weight-regular)}.filament-compare__table th[scope=row]{font-weight:var(--font-weight-regular);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}@media (max-width:767px){.filament-compare__table th,.filament-compare__table td{padding-inline:var(--space-075)}}.filament-compare__group th{padding-block:var(--space-15) var(--space-075);font-weight:var(--font-weight-black)}.filament-compare__group th span{left:var(--space-1);position:sticky}.filament-compare__label{font-weight:var(--font-weight-bold);display:block}.filament-compare__detail{color:var(--color-text-soft);display:block}.filament-compare__sort{justify-content:space-between;align-items:flex-start;gap:var(--space-05);width:100%;min-height:var(--button-min-height);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.filament-compare__sort>span:first-child{min-width:0}.filament-compare__sort svg{width:var(--space-125);height:var(--space-125);margin-top:var(--space-025);fill:none;stroke:var(--color-text-soft);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--duration-fast) var(--ease-brand);flex:none}.filament-compare__sort:hover svg,.filament-compare__sort[data-sort] svg{stroke:var(--color-text)}.filament-compare__sort[data-sort=asc] svg{transform:scaleY(-1)}.filament-compare__sort:focus-visible{outline:var(--rule-thick) solid var(--color-focus);outline-offset:var(--space-025)}.filament-compare__bar{height:var(--compare-bar-h);margin-block:var(--space-05);border-radius:var(--radius-pill);background-color:var(--color-line);display:block;overflow:hidden}.filament-compare__bar span{width:var(--fill);border-radius:inherit;background-color:var(--color-brand-blue);height:100%;display:block}.filament-compare__text{white-space:pre-line}.filament-compare__none{color:var(--color-text-soft)}.filament-compare__icon{width:var(--space-15);height:var(--space-15);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.filament-compare__icon.is--yes circle{fill:var(--color-text)}.filament-compare__icon.is--yes path{fill:none;stroke:var(--color-ink)}.filament-compare__icon.is--no{fill:none;stroke:var(--color-text-soft)}@media (max-width:767px){.filament-compare__plate{container-type:inline-size}.filament-compare__table{width:calc(var(--cols) * var(--compare-col-w));display:block}.filament-compare__table thead{z-index:2;display:block;position:sticky;top:0}.filament-compare__table tbody{display:block}.filament-compare__table tr{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.filament-compare__table thead th{position:static}.filament-compare__table .filament-compare__corner{clip-path:inset(50%);border:0;width:1px;min-width:0;max-width:none;height:1px;padding:0;position:absolute;overflow:hidden}.filament-compare__table th[scope=row],.filament-compare__group th{grid-column:1/-1}.filament-compare__table th[scope=row]{border-bottom:0;border-right:0;width:auto;min-width:0;max-width:none;padding-bottom:0;position:static}.filament-compare__table th[scope=row]>*,.filament-compare__group th span{left:var(--space-075);width:max-content;max-width:calc(100cqi - 2 * var(--space-075));position:sticky}.filament-compare__table th[scope=row]>.filament-compare__sort{width:calc(100cqi - 2 * var(--space-075))}.filament-compare__group th{font-size:var(--text-h5);line-height:var(--text-h5--line-height)}.filament-compare__group th span{display:block}}@media (prefers-reduced-motion:reduce){.filament-compare__families button,.filament-compare__sort svg{transition:none}}
