.LayoutTabs{border-radius:8px;border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr}.LayoutTabs_l{width:100px;height:60px}.LayoutTabs_l svg{width:32px;height:32px}.LayoutTabs_m{width:80px;height:40px}.LayoutTabs_m svg{width:24px;height:24px}.LayoutTabs_s{width:60px;height:30px}.LayoutTabs_s svg{width:16px;height:16px}.LayoutTabs-Tab{background:transparent;border:none;overflow:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.LayoutTabs-Tab:first-child{border-start-start-radius:7px;border-end-start-radius:7px}.LayoutTabs-Tab:last-child{border-end-end-radius:7px;border-start-end-radius:7px}.LayoutTabs-Tab svg{opacity:.5;transition:all .3s ease}.LayoutTabs-Tab_isActive{background:#ffffff1a}.LayoutTabs-Tab_isActive svg{opacity:1}.LayoutTabs-Tab:hover svg{opacity:1}.tabs{display:flex;justify-content:center;align-items:center}.tabs .tab{position:relative;color:var(--gray-300);background:transparent;border:none;cursor:pointer;transition:opacity .3s ease;width:100%;-webkit-tap-highlight-color:transparent}.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:var(--white);font:var(--p1-semibold)}.tabs .tab.active:after{height:2px;background:var(--white)}
