section.timeline-wrapper{overflow:hidden;margin-top:50px;margin-bottom:100px}input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.timeline-container{padding-left:40px!important;padding-right:40px!important;margin-bottom:-30vw;--base-rotation: 0deg;--full-circle: 360deg;--radius: 30vw;--duration: .2s;--timeline-container-size: calc(var(--radius) * 2);--timeline-container-padding: 2rem;--border-color: transparent;--label-offset: calc(var(--radius) * -1 - 1rem);--label-size: 30px;--label-color: #ce0e2d;--label-color-hover: #000000;--label-line-h: 0;--label-line-h-current: 2rem;--label-dot-size: 10px;--title-top: 1.5rem;--title-offset-y: 30px;--info-top: 5rem;--info-width: min(70%, 500px);--info-offset-y: 30px;box-sizing:content-box;top:0;right:0;bottom:0;left:0;margin:5rem auto;width:var(--timeline-container-size);height:var(--timeline-container-size);padding:var(--timeline-container-padding)}@media (width > 600px){.timeline-container{clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}}@media (min-width: 800px){.timeline-container{--label-size: 105px;--label-dot-size: 15px;--label-line-h-current: 4rem;--title-top: 4rem;--info-top: 8rem;--img-top: 20rem}}@media (min-width: 1200px){.timeline-container{--border-color: #ce0e2d}}.timeline{inset:var(--timeline-container-padding);aspect-ratio:1;border-radius:50%;border:1px solid var(--border-color);transition:transform .3s ease-in-out var(--duration);list-style:none;padding-left:0}.timeline-wrapper .page-width{max-height:100%;height:100%;overflow:hidden;position:relative;margin-bottom:-30vw}.timeline li{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;transform-origin:center;display:flex;place-content:center;transform:rotate(calc(var(--i) * 360deg / var(--items)));pointer-events:none}.timeline li:has(input:checked) img{opacity:1;visibility:visible;transition:3s ease-in-out var(--info-delay, .8ms)}.timeline li>img{visibility:hidden;pointer-events:none;object-fit:contain;position:absolute;top:var(--img-top)}.timeline li>label{top:70px!important;color:#ce0e2d!important;font-size:15px!important;line-height:10px;font-weight:700}.timeline li>h2{font-size:24px;line-height:38px;font-weight:700}.timeline-container .timeline li>p{font-size:15px!important;color:#000;padding-top:2rem;text-align:center}.timeline li>label{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform:translateY(var(--label-offset));width:var(--label-size);height:var(--label-size);cursor:pointer;pointer-events:initial;text-align:center;color:var(--label-color);font-size:clamp(.8rem,2.5vw + .04rem,2rem);transition:var(--duration) ease-in-out}.timeline li>label:before{content:"";position:absolute;top:var(--timeline-container-padding);left:50%;translate:-50% 0;width:var(--label-dot-size);height:var(--label-dot-size);aspect-ratio:50%;border-radius:50%;background-color:var(--label-color);transition:background-color var(--duration) ease-in-out}.timeline li>label:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -8px;width:2px;height:var(--label-line-h);background-color:#ce0e2d;transition:height .3s ease-in-out var(--label-line-delay, 0ms)}.timeline li>label:hover{--label-color: var(--label-color-hover)}.timeline>li>h2,.timeline>li>p{position:absolute;left:50%;text-align:center;transform:translate(-50%);transform-origin:center}.timeline>li>h2{top:var(--title-top);opacity:var(--title-opacity, 0);translate:0 var(--title-offset-y);transition:var(--duration) ease-in-out var(--title-delay, 0ms)}.timeline>li>p{top:var(--info-top);margin:0 auto;width:var(--info-width);z-index:2;font-size:clamp(.8rem,2.5vw + .05rem,.9rem);text-align:left;text-wrap:pretty;opacity:var(--info-opacity, 0);transition:var(--duration) ease-in-out var(--info-delay, 0ms)}li:has(input:checked){--label-opacity: 1;--label-color: var(--label-color-hover);--label-line-h: var(--label-line-h-current);--label-line-delay: calc(var(--duration) * 2);--title-opacity: 1;--title-offset-y: 0;--title-delay: calc(var(--duration) * 3);--info-opacity: 1;--info-offset-y: 0;--info-delay: calc(var(--duration) * 4)}.timeline:has(input:checked){transform:rotate(calc(var(--base-rotation) - (var(--index) * var(--full-circle) / var(--items))))}.timeline:has(li:nth-child(1)>input:checked){--index: 0}.timeline:has(li:nth-child(2)>input:checked){--index: 1}.timeline:has(li:nth-child(3)>input:checked){--index: 2}.timeline:has(li:nth-child(4)>input:checked){--index: 3}.timeline:has(li:nth-child(5)>input:checked){--index: 4}.timeline:has(li:nth-child(6)>input:checked){--index: 5}.timeline:has(li:nth-child(7)>input:checked){--index: 6}.timeline:has(li:nth-child(8)>input:checked){--index: 7}.timeline:has(li:nth-child(9)>input:checked){--index: 8}.timeline:has(li:nth-child(10)>input:checked){--index: 9}.timeline:has(li:nth-child(11)>input:checked){--index: 10}.timeline:has(li:nth-child(12)>input:checked){--index: 11}.timeline:has(li:nth-child(13)>input:checked){--index: 12}.timeline:has(li:nth-child(14)>input:checked){--index: 13}.timeline:has(li:nth-child(15)>input:checked){--index: 14}.timeline:has(li:nth-child(16)>input:checked){--index: 15}.timeline:has(li:nth-child(17)>input:checked){--index: 16}.timeline:has(li:nth-child(18)>input:checked){--index: 17}.timeline:has(li:nth-child(19)>input:checked){--index: 18}.timeline:has(li:nth-child(20)>input:checked){--index: 19}.timeline:has(li:nth-child(21)>input:checked){--index: 20}.timeline:has(li:nth-child(22)>input:checked){--index: 21}.timeline:has(li:nth-child(23)>input:checked){--index: 22}.timeline:has(li:nth-child(24)>input:checked){--index: 23}.timeline:has(li:nth-child(25)>input:checked){--index: 24}.timeline:has(li:nth-child(26)>input:checked){--index: 25}@media (min-width: 1999.98px){.timeline-container{--radius: 28vw}}@media (max-width: 1599.98px){.timeline-container{--radius: 38vw}.timeline li>label{top:81px}section.timeline-wrapper{margin-bottom:0}}@media (max-width: 1299.98px){.timeline-wrapper .page-width{margin-bottom:-40vw}.timeline{--border-color: #ce0e2d !important}section.timeline-wrapper{margin-bottom:50px}}@media (max-width: 1080.98px){.timeline-wrapper .page-width{display:flex;justify-content:center}.timeline-container{--radius: 39vw}.timeline-container .timeline li>p{font-size:14px!important;max-width:370px;padding-top:4rem}}@media (max-width: 988.98px){.timeline-wrapper .page-width .timeline li img.small-hide{display:none}.timeline-wrapper .page-width{margin-bottom:0}.mobile-image{display:block!important;margin-top:-45vw;margin-bottom:80px}.mobile-image img.image-item{max-width:100%;display:flex;margin:0 auto}.timeline li>label{top:68px!important}}@media (max-width: 800.98px){.section.timeline-wrapper{margin-bottom:0}.timeline li>label{width:100px;height:90px}.mobile-image{display:block!important;margin-top:-50vw;margin-bottom:100px;z-index:99999;position:relative;padding:30px;background-color:#fff}.timeline-container .timeline li>p{max-width:270px}}@media (max-width: 749.98px){.timeline li>label{top:60px!important}}@media screen and (min-device-width: 481px) and (max-device-width: 800.98px){.mobile-image{margin-top:-50vw}}@media (max-width: 480.98px){.mobile-image{margin-top:0;padding:30px 30px 0;margin-bottom:50px}.timeline li>h2{font-size:16px;line-height:34px;top:30px}section.timeline-wrapper{margin-top:0;margin-bottom:0}.timeline-container{--radius: 37vw}}@media screen and (min-device-width: 420px) and (max-device-width: 480.97px){.timeline li>label:after{translate:-50% 0px}}@media (max-width: 419.98px){.timeline li>label{top:65px!important}}@media (max-width: 360px){.timeline-container{--radius: 35vw}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/timeline.css.map */