.view-switcher{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border-radius:10px;background:#f1efeb}.view-switcher:before{content:"";position:absolute;top:2px;bottom:2px;inset-inline-start:2px;width:calc(50% - 3px);border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(13,18,28,.1),0 0 0 1px rgba(13,18,28,.06);transition:transform .22s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.view-switcher:before{transition:none}}.view-switcher[data-view=list]:before{transform:translateX(calc(100% + 2px))}[dir=rtl] .view-switcher[data-view=list]:before{transform:translateX(calc(-100% - 2px))}.view-switcher__button{position:relative;height:30px;padding:0 12px;border:0;border-radius:8px;background:rgba(0,0,0,0);font:inherit;font-size:13px;font-weight:600;color:#4b5565;white-space:nowrap;cursor:pointer;transition:color .22s ease}.view-switcher__button:hover{color:#0d121c}.view-switcher__button_active,.view-switcher__button_active:hover{color:#0d121c;cursor:default}.view-switcher__button:focus-visible{outline:2px solid #01a07a;outline-offset:1px}