.card-view-toggle{--card-view-toggle-padding:.2rem;--card-view-toggle-segment-size:2rem;isolation:isolate;padding:var(--card-view-toggle-padding);border:1px solid var(--edge-strong);background:var(--surface-translucent);border-radius:.72rem;flex:none;display:inline-flex;position:relative}.card-view-toggle:before{z-index:0;inset-block:var(--card-view-toggle-padding);width:var(--card-view-toggle-segment-size);background:var(--brand-fill);box-shadow:none;content:"";pointer-events:none;transform-origin:50%;transition:transform var(--interaction-duration-standard) var(--motion-ease-out);border-radius:.5rem;position:absolute;inset-inline-start:var(--card-view-toggle-padding);transform:translate(0)}:is(html[data-catalog-view=list] .card-view-toggle[data-card-view-scope=catalog],html[data-market-view=list] .card-view-toggle[data-card-view-scope=market],html[data-orders-view=list] .card-view-toggle[data-card-view-scope=orders]):before{transform:translate(100%)}.card-view-toggle button{z-index:1;width:var(--card-view-toggle-segment-size);appearance:none;min-height:1.9rem;color:var(--text-muted);cursor:pointer;transition:background-color var(--interaction-duration-fast) var(--motion-ease-standard), color var(--interaction-duration-fast) var(--motion-ease-standard), transform var(--interaction-duration-standard) var(--motion-ease-out);background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid;position:relative}.card-view-toggle button:focus-visible{z-index:1;outline:var(--focus-ring-size) solid var(--focus-ring);outline-offset:.125rem}.card-view-toggle button:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.card-view-toggle button:hover:not([aria-pressed=true]){background:var(--control-hover);color:var(--text-strong)}}:is(html[data-catalog-view=grid] .card-view-toggle[data-card-view-scope=catalog] button[data-card-view-option=grid],html[data-catalog-view=list] .card-view-toggle[data-card-view-scope=catalog] button[data-card-view-option=list],html[data-market-view=grid] .card-view-toggle[data-card-view-scope=market] button[data-card-view-option=grid],html[data-market-view=list] .card-view-toggle[data-card-view-scope=market] button[data-card-view-option=list],html[data-orders-view=grid] .card-view-toggle[data-card-view-scope=orders] button[data-card-view-option=grid],html[data-orders-view=list] .card-view-toggle[data-card-view-scope=orders] button[data-card-view-option=list]){color:var(--brand-on-fill);background:0 0}.card-view-toggle__icon{width:1rem;height:1rem;transition:transform var(--interaction-duration-standard) var(--motion-ease-out);transform:scale(1)}.card-view-toggle button[aria-pressed=true] .card-view-toggle__icon{transform:scale(1.08)}@media (max-width:56.25rem){.market-catalog-toolbar .card-view-toggle{width:fit-content}}@media (prefers-reduced-motion:reduce){.card-view-toggle:before{transition:none}.card-view-toggle button{transition-property:background-color,color}.card-view-toggle button:active{transform:none}.card-view-toggle__icon{transition:none}}@media (forced-colors:active){.card-view-toggle{border-color:buttonborder}.card-view-toggle:before{display:none}.card-view-toggle button[aria-pressed=true]{color:highlighttext;background:highlight}}