@media (hover:hover) and (min-width:1024px){.m-view-controls.m-segmented-control button:hover.i-view-grid:before{background-image:var(--view-grid-hover)}.m-view-controls.m-segmented-control button:hover.i-view-list:before{background-image:var(--view-list-hover)}.m-view-controls.m-segmented-control button:hover.i-view-big:before{background-image:var(--view-big-hover)}}@media (min-width:1024px){.m-view-controls.m-segmented-control{background:#f5f5f5;max-width:148px;width:100%}.m-view-controls.m-segmented-control button.active:last-of-type,.m-view-controls.m-segmented-control button:hover:last-of-type,.m-view-controls.m-segmented-control button:last-of-type{display:none}}.m-segmented-control{background:var(--color-neutral-100);border-radius:var(--border-radius-xs)}.m-segmented-control>.radioGroup{gap:0;padding:var(--spacer-5xs)}@supports (not (scale:1)) and (not (aspect-ratio:1/1)){.m-segmented-control button{gap:0!important}.m-segmented-control button>:not([aria-hidden])+*{margin-right:var(--spacer-4xs)}}.m-segmented-control button{align-items:center;border:.5px solid transparent;border-radius:var(--border-radius-xs);display:flex;flex-direction:row-reverse;gap:var(--spacer-4xs);height:var(--spacer-xl);justify-content:center;width:100%}.m-segmented-control button.active{background:var(--color-white);border-color:var(--color-neutral-300);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;cursor:default}.m-segmented-control button>i{display:inline-flex}.m-segmented-control button{font-size:.875rem;font-weight:700;line-height:1.25rem}