.dodos-at{position:relative;--at-fill:0px;--at-total:100%;--at-duration:300ms;--at-ease:cubic-bezier(.22,1,.36,1);--at-left-offset:0px;--at-right-offset:0px;}
.dodos-at__line{position:absolute;left:50%;top:var(--at-top);bottom:auto;height:var(--at-total);width:2px;background:#e6e6e6;transform:translateX(-50%);} 
.dodos-at__line-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--at-fill) - 0.5px);background:#1f1f1f;display:block;transition:height var(--at-duration) var(--at-ease);} 
.dodos-at__items{position:relative;}
.dodos-at-item{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;align-items:start;gap:24px;margin:72px 0;}
.dodos-at-item__label{grid-column:2;justify-self:center;align-self:start;background:#1f1f1f;color:#fff;border-radius:8px;padding:10px 14px;font-weight:600;min-width:48px;text-align:center;}
.dodos-at-item__content{max-width:520px;align-self:start;}
.dodos-at-item__title{margin:0 0 8px;}
.dodos-at-item--left .dodos-at-item__content{grid-column:1;justify-self:end;text-align:left;margin-top:var(--at-left-offset);}
.dodos-at-item--right .dodos-at-item__content{grid-column:3;justify-self:start;text-align:left;margin-top:var(--at-right-offset);}

/* Responsive */
@media (max-width:900px){
	.dodos-at-item{grid-template-columns:1fr 64px 1fr;gap:18px;margin:56px 0;}
}
@media (max-width:680px){
	.dodos-at__line{left:32px;transform:none;}
	.dodos-at-item{grid-template-columns:64px 1fr;}
	.dodos-at-item__label{grid-column:1;}
	.dodos-at-item--left .dodos-at-item__content,
	.dodos-at-item--right .dodos-at-item__content{grid-column:2;justify-self:start}
}