.tabs{display:flex;justify-content:center;align-items:center}.tabs .tab{position:relative;color:#ffffff80;background:transparent;border:none;cursor:pointer;transition:color .3s ease;width:100%;-webkit-tap-highlight-color:transparent}.tabs .tab:hover{color:#fff}.tabs .tab_l{font:var(--p1-regular);height:56px}.tabs .tab_l:after{width:100%}.tabs .tab_m{font:var(--p2-regular);padding:5px}.tabs .tab_m:after{width:100%}.tabs .tab_s{font:var(--s1-regular);line-height:28px}.tabs .tab_s:after{width:100%}.tabs .tab:after{position:absolute;content:"";display:block;height:1px;bottom:0;left:50%;transition:all .3s ease;transform:translate(-50%);background:#ffffff1a}.tabs .tab.active{color:#fff;font:var(--p1-semibold)}.tabs .tab.active:after{height:2px;background:var(--white)}