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