.segmented-control{align-items:center;gap:var(--spacing-4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;padding:var(--spacing-7);scrollbar-width:none;background-color:var(--colors-surface-usual-second);border:var(--spacing-2) solid var(--colors-border-usual-prime);border-radius:var(--radius-14);display:flex;overflow-x:auto}.segmented-control.wide{width:100%}@media (min-width:1024px){.segmented-control.wide{grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid}}.segmented-control .segmented-control-item{justify-content:center;align-items:center;gap:var(--spacing-4);height:var(--spacing-20);padding:var(--spacing-7) var(--spacing-9) var(--spacing-7) var(--spacing-7);border-radius:var(--radius-7);color:var(--colors-text-usual-prime);font-family:Inter,sans-serif;font-size:var(--spacing-9);font-style:normal;font-weight:700;line-height:var(--spacing-11);letter-spacing:0;text-transform:uppercase;white-space:nowrap;cursor:pointer;background-color:#0000;flex:1;transition:background-color .12s ease-out,color .12s ease-out;display:flex}@media (min-width:1024px){.segmented-control .segmented-control-item:hover{background-color:var(--colors-surface-usual-third)}}.segmented-control .segmented-control-item.active{background-color:var(--colors-surface-invert-second);color:var(--colors-text-invert-prime)}.segmented-control .segmented-control-item.disabled{pointer-events:none;cursor:default}.segmented-control .segmented-control-item .nav-tab-icon{width:var(--spacing-15);height:var(--spacing-15);display:flex}.segmented-control .segmented-control-item .nav-tab-icon svg{width:100%;height:100%}@media (min-width:1024px){.segmented-control:not(.compact) .segmented-control-item{gap:var(--spacing-7);min-width:var(--spacing-40);height:var(--spacing-27);padding:0 var(--spacing-11);border-radius:var(--radius-9);flex-direction:column}}
