.music-timeline{--music-timeline-panel-bg: #F6F3F7;--music-timeline-line: #57575733;--music-timeline-neutral: #575757;--music-timeline-neutral-strong: #575757BF;--music-timeline-neutral-soft: #57575780;--music-timeline-current: #96403F;--music-timeline-current-strong: #96403FBF;--music-timeline-current-soft: #96403F80}.music-timeline .music-timeline__viewport{width:100%}.music-timeline .music-timeline__panel{border-radius:calc(24 * var(--px));background:var(--music-timeline-panel-bg);padding:calc(111 * var(--px)) calc(10 * var(--px)) calc(90 * var(--px));overflow:hidden}.music-timeline .common-header{margin-bottom:calc(40 * var(--px))}.music-timeline .music-timeline__list{display:flex;align-items:flex-start;justify-content:space-between;margin:0;padding:0;list-style:none}.music-timeline .music-timeline__item{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;min-width:0;margin-bottom:0}.music-timeline .music-timeline__item:before,.music-timeline .music-timeline__item:after{content:"";position:absolute}.music-timeline .music-timeline__item:before{top:0;left:50%;width:18px;height:18px;border-radius:50%;background:var(--music-timeline-neutral);transform:translate(-50%)}.music-timeline .music-timeline__item:after{top:0;left:50%;width:1px;height:clamp(40px,3.125vw,60px);background:var(--music-timeline-neutral);transform:translate(-50%)}.music-timeline .music-timeline__connector{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.music-timeline .music-timeline__track-line{position:absolute;top:8px;left:calc(50% + 9px);right:calc(-50% + 9px);border-top:1px dashed var(--music-timeline-line)}.music-timeline .music-timeline__arrow{position:absolute;top:4px;left:100%;width:10px;height:10px;background:var(--music-timeline-neutral);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-50%)}.music-timeline .music-timeline__content-group{display:flex;flex-direction:column;align-items:center;margin-top:calc(clamp(40px,3.125vw,60px) + calc(6 * var(--px)));row-gap:calc(4 * var(--px));text-align:center}.music-timeline .music-timeline__title{color:var(--music-timeline-neutral-strong);font-family:var(--misanslatin-demibold);font-size:calc(22 * var(--px))}.music-timeline .music-timeline__subtitle{color:var(--music-timeline-neutral-soft);font-family:var(--misanslatin-medium);font-size:clamp(10px,.8333333334vw,16px)}.music-timeline .music-timeline__item.is-current:before,.music-timeline .music-timeline__item.is-current:after{background:var(--music-timeline-current)}.music-timeline .music-timeline__item.is-current .music-timeline__title{color:var(--music-timeline-current-strong)}.music-timeline .music-timeline__item.is-current .music-timeline__subtitle{color:var(--music-timeline-current-soft)}.music-timeline .music-timeline__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:850px){.music-timeline .common-header{margin-bottom:calc(20 * var(--px))}.music-timeline .music-timeline__panel{border-radius:calc(8 * var(--px));padding:calc(30 * var(--px)) calc(85 * var(--px))}.music-timeline .music-timeline__list{flex-direction:column;align-items:stretch;row-gap:calc(65 * var(--px))}.music-timeline .music-timeline__item{display:flex;flex-direction:row;align-items:center;column-gap:calc(12 * var(--px))}.music-timeline .music-timeline__item:before{left:0;top:50%;width:calc(10 * var(--px));height:calc(10 * var(--px));transform:translateY(-50%)}.music-timeline .music-timeline__item:after{top:50%;left:0;width:calc(34 * var(--px));height:1px;transform:translateY(-50%)}.music-timeline .music-timeline__track-line{top:50%;left:calc(5 * var(--px));right:auto;border-top:0;border-left:1px dashed var(--music-timeline-line);height:calc(100% + 65 * var(--px));height:calc(98 * var(--px))}.music-timeline .music-timeline__arrow{top:calc(100% + 32.5 * var(--px));left:calc(3 * var(--px));width:calc(5 * var(--px));height:calc(5 * var(--px));clip-path:polygon(50% 100%,0 0,100% 0);transform:none}.music-timeline .music-timeline__content-group{align-items:flex-start;margin-top:0;margin-left:calc(46 * var(--px));row-gap:calc(2 * var(--px));text-align:left}.music-timeline .music-timeline__title{font-size:calc(14 * var(--px))}.music-timeline .music-timeline__subtitle{font-size:calc(12 * var(--px))}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-26-music-timeline.css.map */