.tab-nav{background:#191e2a;border-radius:16px;width:100%;padding:4px}.tab-nav--md .tab-nav__btn-text{letter-spacing:.02px;font-size:12px;font-weight:600;line-height:16px}.tab-nav--md .tab-nav__btn-icon{width:20px;height:20px}.tab-nav--lg .tab-nav__btn-text{letter-spacing:.01px;font-size:14px;font-weight:600;line-height:20px}.tab-nav--lg .tab-nav__btn-icon{width:24px;height:24px}.tab-nav--md .tab-nav__btn{padding:12px 24px}.tab-nav__list{flex-wrap:wrap;gap:4px;display:flex}@media (width<=600px){.tab-nav__list{grid-template-columns:repeat(2,1fr);display:grid}}.tab-nav__item{flex:130px}.tab-nav__item:first-of-type .tab-nav__btn{border-radius:12px 4px 4px 12px}.tab-nav__item:last-of-type .tab-nav__btn{border-radius:4px 12px 12px 4px}@media (width<=600px){.tab-nav__item:first-of-type .tab-nav__btn{border-radius:12px 4px 4px}.tab-nav__item:nth-child(2) .tab-nav__btn{border-radius:4px 12px 4px 4px}.tab-nav__item:nth-child(3) .tab-nav__btn{border-radius:4px 4px 4px 12px}.tab-nav__item:nth-child(4) .tab-nav__btn{border-radius:4px 4px 12px}}.tab-nav__btn{color:#9ba7bf;cursor:pointer;text-transform:uppercase;background:#202736;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:16px 24px;transition:color .25s,background-color .25s,transform .2s;display:flex}.tab-nav__btn:not(.tab-nav__btn--active):hover{color:#fff;--icon-color:#fff}.tab-nav__btn--active{--icon-color:#31bbff;color:#fff;background:#31bbff29}.tab-nav__btn:active{transform:scale(.975)}.tab-nav__btn-text{color:inherit}.tab-nav__btn-icon,.tab-nav__btn-icon *{color:var(--icon-color,#9ba7bf);transition:color .25s}.tab-nav__select-option{color:#9ba7bf;text-transform:uppercase;align-items:center;gap:12px;display:flex}.tab-nav__select-option--active{color:#fff;--icon-color:#31bbff}.tab-nav__select-option-text{color:inherit;letter-spacing:.02px;font-size:12px;font-weight:600;line-height:16px}.tab-nav__select-option-icon{width:20px;height:20px}.tab-nav__select-option-icon,.tab-nav__select-option-icon *{color:var(--icon-color,#9ba7bf)}.tab-nav__select .ds-select__trigger{border-radius:12px}