.timeline{position:relative;width:100%;padding-top:60px;padding-bottom:60px;overflow-x:clip;background-color:#fff}@media screen and (max-width:1019px){.timeline{padding-top:30px;padding-bottom:30px}}.timeline__wave{position:absolute;left:0;top:-2px;width:100%;line-height:0;z-index:0}.timeline__wave svg path{fill:#fff}.timeline__container{max-width:1170px;margin:0 auto;padding:0 15px;position:relative;z-index:1}.timeline__title{text-align:center;font-family:var(--font-body);font-size:52px;line-height:1.12;color:rgb(var(--color-foreground));font-weight:800;margin:0}@media screen and (max-width:1019px){.timeline__title{font-size:34px;line-height:1.24}}@media screen and (max-width:767px){.timeline__title{font-size:27px;font-weight:700;line-height:1.26}}.timeline__mid{margin-top:30px;margin-bottom:20px;max-width:1030px;margin-inline:auto;position:relative}.timeline__mid:before{content:"";position:absolute;top:45px;bottom:35px;left:50%;margin-left:-1.5px;width:3px;background:rgb(var(--color-foreground));z-index:0}.timeline__mid:after{content:"";position:absolute;top:45px;left:50%;margin-left:-1.5px;width:3px;height:var(--timeline-height-dynamic, 0px);max-height:var(--timeline-height, 0px);background:#ff87eb;z-index:1;transition:height .1s linear}@media screen and (max-width:767px){.timeline__mid:before,.timeline__mid:after{left:15px;margin-left:-1.5px}}.timeline__row{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:35px 0;z-index:2}@media screen and (max-width:1019px){.timeline__row{padding:25px 0}}.timeline__row.timeline__row--reverse{flex-direction:row-reverse}@media screen and (max-width:767px){.timeline__row,.timeline__row.timeline__row--reverse{flex-direction:column;align-items:stretch;padding:0;margin-top:40px}}.timeline__row:nth-child(odd) .timeline__row-content{background-color:#ffe0eb}.timeline__row:nth-child(2n) .timeline__row-content{background-color:#fff0f5}.timeline__row-step,.timeline__row-step:empty{display:block;position:absolute;left:50%;top:40px;margin-left:-30px;width:60px;height:60px;border-radius:50%;background:rgb(var(--color-foreground));transform:scale(.95);transition:all .3s ease-out;z-index:2}.timeline__row-step.viewing{background:#ff699f;transform:scale(1)}.timeline__row-step.viewing:before{content:"";position:absolute;left:16px;top:40%;width:12px;height:21px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translateY(-50%)}@media screen and (max-width:1019px){.timeline__row-step.viewing:before{left:10px;width:10px;height:15px}}@media screen and (max-width:767px){.timeline__row-step.viewing:before{left:5px;top:35%}}@media screen and (max-width:1019px){.timeline__row-step,.timeline__row-step:empty{width:40px;height:40px;margin-left:-20px;top:25px}}@media screen and (max-width:767px){.timeline__row-step,.timeline__row-step:empty{left:15px;top:0;margin-left:-15px;width:30px;height:30px}}.timeline__row-week{width:39%;text-align:right;margin-top:10px;font-weight:500;font-size:45px;line-height:1.1;color:rgb(var(--color-foreground))}.timeline__row--reverse .timeline__row-week{text-align:left}@media screen and (max-width:1019px){.timeline__row-week{width:44%;font-size:35px;margin-top:12px}}@media screen and (max-width:767px){.timeline__row-week,.timeline__row--reverse .timeline__row-week{width:100%;text-align:left;padding-left:45px;font-size:24px;line-height:1.33;margin-top:0}}.timeline__row-week-icon{display:inline-block;width:36px;height:auto;margin:-6px 12px 0 0;vertical-align:middle}.timeline__row-content{position:relative;width:38.5%;border-radius:10px;border:3px solid rgb(var(--color-foreground));padding:20px;text-align:left;opacity:0;transform:translate(50px);transition:opacity .5s ease-out,transform .5s ease-out}.timeline__row--reverse .timeline__row-content{transform:translate(-50px)}.timeline__row-content:after{content:"";position:absolute;left:-15px;top:22px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:13px solid rgb(var(--color-foreground))}.timeline__row--reverse .timeline__row-content:after{left:auto;right:-15px;border-right:none;border-left:13px solid rgb(var(--color-foreground))}@media screen and (max-width:1019px){.timeline__row-content:after{top:20px}}@media screen and (max-width:767px){.timeline__row-content:after{display:none}}.timeline__row-content.viewing{opacity:1;transform:translate(0)}.timeline__row-content-icon{width:39px;height:39px;margin-bottom:10px}.timeline__row-content-icon img{width:100%;height:100%;object-fit:contain;transform:rotate(0);transition:transform .5s ease-out}.timeline__row-content.viewing .timeline__row-content-icon img{transform:rotate(360deg)}.timeline__row-content p{margin:0;color:#000;font-size:22px;line-height:30px}@media screen and (max-width:1019px){.timeline__row-content{width:43%}.timeline__row-content p{font-size:18px;line-height:26px}}@media screen and (max-width:767px){.timeline__row-content{width:calc(100% - 45px);margin-top:15px;margin-left:45px;padding:15px;border-width:2px}.timeline__row-content p{font-size:17px;line-height:25px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-timeline.css.map */