@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs{position:relative;display:flex;align-items:center;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-inside{border-radius:8px;border:1px solid var(--color-gray-600,#242424);background:var(--color-gray-800,#1b1b1b);padding:4px;gap:2px}.tabs.filled-inside>hr{width:1px;height:14px;background:var(--color-gray-600,#292929);margin:0}.tabs.filled-inside>span{width:90px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;z-index:20;position:relative;font-size:14px;font-style:normal;font-weight:600;line-height:17px;transition:all .15s}.tabs.filled-inside>span[class*=pro]:not(.tabs.filled-inside>span.active){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-inside>span.active{color:var(--Base-Gray-800,var(--color-gray-800,#1b1b1b))!important;text-align:center;font-weight:700}.tabs.filled-inside div[class=bottom-line]{transition:background .1s,box-shadow .1s .2s,border .1s .2s,transform .3s;border-radius:4px;height:calc(100% - 10px);left:0;top:5px;border:1px solid var(--color-gray-100,#d9d9d9);background:#fff;box-shadow:0 -1px 4px 0 var(--color-gray-200,#a3a3a3) inset,0 1px 4px 0 var(--color-gray-200,#a3a3a3) inset}.tabs.filled-inside.pro div[class=bottom-line]{border:none;box-shadow:none;background:linear-gradient(109deg,var(--color-yellow-200,#ff9f1c) 35.62%,var(--color-green-200,#3dd07b) 114.49%)}.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}