.tabsBox{position:relative;--ease-time:0.3s;--activeColor:var(--color-theme)}.tabsBox .indicatorBox{position:absolute;bottom:-.1rem;left:0;width:0;height:.3rem;background-color:var(--activeColor);transition:all var(--ease-time) ease-in-out}.tabsBox .tabsWrap{display:inline-block;position:relative}.tabsBox .tabs{display:inline-flex;align-items:center;justify-content:flex-start;gap:4rem;border-bottom:1px solid #ccc}.tabsBox .tabs .tab{padding:1rem 4rem;cursor:pointer;font-weight:600;position:relative;transition:all var(--ease-time) ease-in-out}.tabsBox .tabs .tab.active{color:var(--activeColor)}.tabsBox .tabs .tab.active :after{content:"";display:block;display:none;width:100%;height:.3rem;background-color:var(--activeColor);position:absolute;bottom:-.2rem;left:0}