.navbarWithDots{gap:20px;overflow-x:auto;white-space:nowrap}.navbarWithDots,.navbarWithDots__list{display:flex;justify-content:space-between;align-items:center}.navbarWithDots__list{list-style:none;margin:0;padding:0}.navbarWithDots__item{display:flex;align-items:center;justify-content:center;margin:0 10px;color:#000;background:none;border:none;cursor:pointer;text-decoration:none;font-size:inherit;font-family:inherit;padding:0;transition:opacity .3s ease}.navbarWithDots__item:last-child{border-right:none}.navbarWithDots__item--active{font-weight:600}.navbarWithDots--tabs .navbar__item{cursor:pointer}.navbarWithDots__content{width:100%}.navbarWithDots__dot{width:24px;height:24px;border-radius:50%;margin-right:10px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-berry-bright);background-color:var(--color-white)}.navbarWithDots__dot:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:rgba(0,0,0,0)}.navbarWithDots__dot--active{border-color:var(--color-berry-bright);background-color:var(--color-white)}.navbarWithDots__dot--active:before{background-color:var(--color-berry-bright)}