.scrolly{max-width:fit-content;position:relative;margin:var(--gap) auto;display:flex;justify-content:center;padding:0 var(--gap);}.scrolly__line{width:3px;background-color:var(--aubergine-lighter);margin:0 50px 0 0;position:absolute;left:-100px;@media (max-width:768px){display:none;}}.scrolly__fill{position:absolute;width:100%;background-color:var(--primary);top:0;left:0;height:0;transition:height .6s ease;z-index:0;}.scrolly__stop{font:var(--common);line-height:30px;font-weight:600;color:var(--primary);position:absolute;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--aubergine-lighter);text-align:center;transition:.3s ease-in-out;z-index:1;}.scrolly__stop--active{color:var(--paper);background:var(--aubergine);}.scrolly__items{display:flex;flex-direction:column;gap:25px;}.scrolly__item{max-width:415px;}