.con-tabs{align-items:center;border:1px solid var(--border);border-radius:30px;display:flex;justify-content:center;padding:5px;position:relative;z-index:10}.con-tabs .selected-tab{background:var(--border);border-radius:30px;height:calc(100% - 8px);position:absolute;transition:all .25s ease;width:70px}.con-tabs .selected-tab:after{background:linear-gradient(0deg,rgba(var(--color),0) 40%,rgba(var(--color),.1) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.con-tabs .selected-tab:before{background:var(--border);border-radius:inherit;content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px);z-index:2}.con-tabs .tab{align-items:center;color:rgba(var(--color),1);display:flex;flex:1;font-size:12px;justify-content:center;opacity:.4;padding:8px 12px;position:relative;text-align:center;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:10}.con-tabs .tab.active{color:rgba(var(--color),1);opacity:1}.con-tabs .tab:hover{opacity:1}.con-tabs.transparent{border:0;border-radius:0;gap:18px;justify-content:center;padding:0}.con-tabs.transparent .selected-tab{background:rgba(var(--color),1);border-radius:999px;bottom:-2px;height:2px;top:auto}.con-tabs.transparent .selected-tab:after,.con-tabs.transparent .selected-tab:before{display:none}.con-tabs.transparent .tab{flex:0;font-size:13px;opacity:.55;padding:6px 2px}.con-tabs.transparent .tab:hover{opacity:1}