@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs{position:relative;display:flex;gap:20px;font-size:16px;font-weight:700;line-height:30px;overflow-x:auto;padding-bottom:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs::-webkit-scrollbar{width:0;height:0}body[class*=dark] .tabs{color:#a3a3a3}body[class*=light] .tabs{color:#616161}body[class*=dark] .tabs>span.active{color:#fff}body[class*=light] .tabs>span.active{color:#002337}.tabs>span{white-space:nowrap;transition:all .3s}.tabs>span:hover:not(.tabs>span.disabled){cursor:pointer}body[class*=dark] .tabs>span:hover:not(.tabs>span.disabled){color:#fff}body[class*=light] .tabs>span:hover:not(.tabs>span.disabled){color:#002337}.tabs .bottom-line{position:absolute;bottom:0;height:2px;background-color:#3dd07b;transition:all .3s}.tabs.filled{height:100%;border-radius:12px;padding:12px;display:flex;align-items:flex-end;gap:20px}.tabs.filled>span{padding:0 12px;font-size:14px;font-weight:600;line-height:17.07px;color:#a3a3a3;z-index:20;transition:all .3s}.tabs.filled div[class=bottom-line]{left:0;bottom:0;height:44px;border-radius:8px 8px 0 0;background:var(--color-gray-900,#121212)}.tabs.filled div[class=bottom-line]:before{content:"";position:absolute;top:0;left:12px;width:calc(100% - 24px);height:2px;border-radius:0 0 12px 12px;background:var(--color-green-200,#3dd07b);transition:all .3s}.tabs.filled div[class=bottom-line] svg:first-child{position:absolute;bottom:0;left:-7px}.tabs.filled div[class=bottom-line] svg:last-child{position:absolute;bottom:0;right:-7px}.tabs.filled.pro>span[class*=pro]{background:var(--Gradients-Pro,linear-gradient(109deg,var(--color-yellow-200,#ff9f1c) 35.62%,var(--color-green-200,#3dd07b) 114.49%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tabs.filled.pro div[class=bottom-line]:before{border-radius:0 0 12px 12px;background:var(--Gradients-Pro,linear-gradient(109deg,var(--color-yellow-200,#ff9f1c) 35.62%,var(--color-green-200,#3dd07b) 114.49%))}.tabs.top-line{background:transparent;padding:0 8px;display:flex;align-items:center;gap:22px}.tabs.top-line>span{padding:12px;font-size:13px;font-weight:600;line-height:15.07px;color:#a3a3a3;z-index:20;transition:all .3s}.tabs.top-line>span.active{color:#fff}.tabs.top-line div[class=bottom-line]{left:0;background:#121212;bottom:0;height:100%;border-radius:8px 8px 0 0}.tabs.top-line div[class=bottom-line]:before{content:"";position:absolute;top:0;left:12px;height:2px;background-color:#fff;width:calc(100% - 24px);border-radius:0 0 12px 12px}.tabs.big{gap:0;overflow-x:initial;overflow-y:visible}.tabs.big,.tabs.big span{display:flex;align-items:center}.tabs.big span{height:48px;justify-content:center;padding:6px 6px 12px;line-height:0;width:20vw;flex:0 0 auto;transition:all .5s ease-in-out}.tabs.big span svg path{transition:all .2s ease-in-out}.tabs.big span svg.fill path{fill:#616161}.tabs.big span svg.stroke path{stroke:#616161}.tabs.big span.active{background:linear-gradient(36.05deg,hsla(0,0%,7%,0) 20.93%,#121212 90.42%),linear-gradient(36.05deg,hsla(0,0%,7%,0) 20.93%,#121212 90.42%),linear-gradient(327.25deg,hsla(0,0%,7%,0) 19.43%,hsla(0,0%,7%,.515) 55.68%,#121212 89.82%),linear-gradient(327.25deg,hsla(0,0%,7%,0) 19.43%,hsla(0,0%,7%,.515) 55.68%,#121212 89.82%),linear-gradient(270deg,rgba(61,208,123,0) 4.49%,rgba(61,208,123,.3) 51.13%,rgba(61,208,123,0) 91.67%)}.tabs.big span.active svg.fill path{fill:#3dd07b}.tabs.big span.active svg.stroke path{stroke:#3dd07b}.tabs.big .bottom-line{height:4px;border-radius:4px 4px 0 0}