.tabs{border-bottom:1px solid #e3dede;margin-bottom:24px;padding-top:16px}.tabs__container{position:relative}.tabs__arrow,.tabs__container{align-items:center;display:flex}.tabs__arrow{background-color:#fff;border:1px solid #e3dede;border-radius:50%;box-shadow:0 2px 1px #2736561a,0 1px 6px #27365633;cursor:pointer;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-78%);width:32px;z-index:10}.tabs__arrow:focus-visible{outline:2px solid #4674a4}.tabs__arrow:active{transform:translateY(-70%) scale(.95)}.tabs__arrow:hover:not(:disabled){background-color:#f8f8f7;border:1px solid #978e8c}.tabs__arrow--left{left:-1px}.tabs__arrow--right{right:-3px}.tabs ul{display:flex;gap:32px;list-style:none;margin:0;overflow-x:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1}.tabs ul::-webkit-scrollbar{display:none}.tabs ul .item{flex-shrink:0;padding-bottom:16px}.tabs ul .item--active{position:relative}.tabs ul .item--active button{color:#4674a4!important;font-weight:600}.tabs ul .item--active:after{background-color:#4674a4;bottom:0;content:"";display:block;height:2px;position:absolute;width:100%}.tabs ul .item button{background:none;border:none;color:#273656;cursor:pointer;font-size:1rem;line-height:1.571rem;padding:0;text-decoration:none;transition:color .3s ease;white-space:nowrap}.tabs ul .item button:focus,.tabs ul .item button:hover{color:#4674a4}