.freeze-timeline{padding:88px 24px;& .freeze-timeline__container{margin:0 auto;max-width:1000px}& .freeze-timeline__tag{font-size:13px;letter-spacing:.3em;margin-bottom:16px;text-transform:uppercase}& .freeze-timeline__headline{font-size:clamp(32px,4vw,58px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-bottom:24px}& .freeze-timeline__body{max-width:600px}& .freeze-timeline__list{margin-top:48px}& .freeze-timeline__item{border-top:1px solid #e0e8f8;display:grid;grid-template-columns:160px 1fr;padding:28px 0;&:last-child{border-bottom:1px solid #e0e8f8}&--now{& .freeze-timeline__left{border-right-color:var(--fluent-red)}& .freeze-timeline__period{color:var(--fluent-red);font-weight:500}}&--warn{& .freeze-timeline__left{border-right-color:var(--fluent-yellow)}& .freeze-timeline__period{color:var(--fluent-yellow-dark);font-weight:500}}}& .freeze-timeline__left{border-right:2px solid #e0e8f8;display:flex;flex-direction:column;padding-right:32px;position:relative}& .freeze-timeline__period{font-size:13px;letter-spacing:.08em}& .freeze-timeline__right{padding-left:32px}& .freeze-timeline__now-chip{background:#ccc;border-radius:100px;display:inline-block;font-size:12px;letter-spacing:.15em;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}& .freeze-timeline__title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}& .freeze-timeline__copy{max-width:480px}@media (max-width:600px){padding-bottom:64px;padding-left:20px;padding-right:20px;padding-top:64px;& .freeze-timeline__item{grid-template-columns:1fr}& .freeze-timeline__left{border-bottom:2px solid #e0e8f8;border-right:none;margin-bottom:12px;padding-bottom:12px;padding-right:0}& .freeze-timeline__right{padding-left:0}}}