:root{--view-toggle-red:#ea2432;--view-toggle-bg-inactive:#d9d9d9;--view-toggle-fg-inactive:var(--view-toggle-red);--view-toggle-bg-active:var(--view-toggle-red);--view-toggle-fg-active:#ffffff;--view-toggle-radius:10px;--view-toggle-size:56px;--view-toggle-transition:220ms cubic-bezier(0.22, 1, 0.36, 1)}.view-toggle__group{display:inline-flex;align-items:center;gap:8px}[data-view-toggle="grid"],[data-view-toggle="list"],.view-toggle__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--view-toggle-size);height:var(--view-toggle-size);padding:12px;border:none;border-radius:var(--view-toggle-radius);background-color:var(--view-toggle-bg-inactive);color:var(--view-toggle-fg-inactive);cursor:pointer;transition:background-color var(--view-toggle-transition),color var(--view-toggle-transition),transform 120ms ease}[data-view-toggle="grid"] svg,[data-view-toggle="list"] svg,.view-toggle__btn svg{width:100%;height:100%;fill:currentColor;transition:transform var(--view-toggle-transition)}[data-view-toggle="grid"] svg,[data-view-toggle="grid"] svg path,[data-view-toggle="grid"] svg [class*="cls-"],[data-view-toggle="list"] svg,[data-view-toggle="list"] svg path,[data-view-toggle="list"] svg [class*="cls-"],.view-toggle__btn svg,.view-toggle__btn svg path,.view-toggle__btn svg [class*="cls-"]{fill:currentColor!important}[data-view-toggle="grid"]:hover,[data-view-toggle="list"]:hover,.view-toggle__btn:hover{transform:translateY(-1px)}[data-view-toggle="grid"]:active,[data-view-toggle="list"]:active,.view-toggle__btn:active{transform:translateY(0) scale(.96)}[data-view-toggle="grid"]:focus-visible,[data-view-toggle="list"]:focus-visible,.view-toggle__btn:focus-visible{outline:2px solid var(--view-toggle-red);outline-offset:2px}[data-view-toggle].is-view-active,.view-toggle__btn.is-view-active{background-color:var(--view-toggle-bg-active);color:var(--view-toggle-fg-active)}@keyframes view-toggle-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}[data-view-toggle].is-view-active svg,.view-toggle__btn.is-view-active svg{animation:view-toggle-pulse 260ms ease}@media (prefers-reduced-motion:reduce){[data-view-toggle="grid"],[data-view-toggle="list"],[data-view-toggle="grid"] svg,[data-view-toggle="list"] svg,.view-toggle__btn,.view-toggle__btn svg{transition:none}[data-view-toggle].is-view-active svg,.view-toggle__btn.is-view-active svg{animation:none}}.listing-grilla,.listing-lista{transition:opacity 180ms ease}