.tabs{background:#f9f9fc;border-radius:10px;padding:10px;position:relative}.tabs .tabs-wrap{display:flex;position:relative}.tabs .tab{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1;font-size:20px;font-weight:700;height:60px;justify-content:center;transition:color .15s ease-in;z-index:1}.tabs .tab.active{color:#fff}.tabs .glider{background:linear-gradient(90deg,#4c7df9,#c014e2 50%,#f8232e);border-radius:8px;display:flex;height:100%;left:0;position:absolute;top:0;transition:.25s ease-out}.tabs-pane-wrap{overflow:hidden}.tabs-pane-wrap>div{display:flex;transition:all .3s}.tabs-pane-wrap>div>section{display:inline-block;flex:0 0 auto;height:auto;width:100%}.mobile-tabs{margin-top:24px}.mobile-tabs .tabs{padding:8px}.mobile-tabs .tabs .tabs-wrap .tab{font-size:14px;height:32px}.mobile-tabs .tabs-pane-wrap{margin-top:24px}.mobile-tabs.warp-width-100px .tabs{background:#fff;border:1px solid #eee;border-radius:0;padding:0}.mobile-tabs.warp-width-100px .tabs .tabs-wrap{align-content:flex-start;flex-wrap:wrap;justify-content:space-between}.mobile-tabs.warp-width-100px .tabs .tabs-wrap .tab{border:1px solid #eee;border-radius:0;flex:1 0 auto;height:40px;width:100px}.mobile-tabs.warp-width-100px .tabs .tabs-wrap .tab.active{background:linear-gradient(90deg,#4c7df9,#c014e2 50%,#f8232e)}.mobile-tabs.warp-width-100px .glider{display:none}.mobile-tabs.warp-width-100px .tabs-pane-wrap{display:none;margin:0}