.tabs{display:block}.tabs__menu{position:relative;width:calc(100% + 30px);left:-15px;margin-bottom:30px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.tabs__menu ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:10px;width:-webkit-max-content;width:max-content;padding:0 15px;margin:0 auto}.tabs__menu::-webkit-scrollbar{display:none}.tabs__content{opacity:0;transition:opacity .3s linear}.tabs__content--active{display:block}.tabs__content--visible{opacity:1}.tabs--text .tabs__menu ul{position:relative;min-width:100%;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;gap:0 20px}.tabs--text .tabs__menu ul:after{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:1px;background:var(--color-black);content:""}.tabs--text .tabs__menu button{position:relative;height:54px}.tabs--text .tabs__menu button:after{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:3px;background:var(--color-primary);opacity:0;transition:opacity .2s linear;content:""}.tabs--text .tabs__menu button[aria-expanded=false]:hover{opacity:.75}.tabs--text .tabs__menu button[aria-expanded=true]:after{opacity:1}@media only screen and (max-width:575px){.tabs--text .tabs__menu button{font-size:16px}}@media only screen and (min-width:576px){.tabs__menu ul{gap:20px}.tabs--text .tabs__menu ul{gap:30px}}@media only screen and (min-width:768px){.tabs__menu{width:calc(100% + 40px);left:-20px}.tabs__menu ul{gap:30px;padding:0 20px}}@media only screen and (min-width:1400px){.tabs__menu{width:100%;left:0;margin-bottom:40px;overflow:visible}.tabs__menu ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:auto;padding:0;gap:40px}}