:root{--timeline-color: greenyellow;--mob-image-height: clamp(280px, 100vw, 380px)}.timeline-content{width:100vw;overflow:hidden;position:relative;margin-bottom:7rem}.timeline{width:100vw;position:relative;height:calc(100vh - 97px);padding:0;box-sizing:border-box;display:flex;width:var(--timeline-width)}@media (max-width: 575px){.timeline{height:calc(100vh - 106px)}.timeline #scene-1.scene .img-wrap.fill-image{width:100%}}.timeline.design-mode{flex-direction:column;width:100vw;height:auto}.timeline.design-mode .scene-columns{position:relative!important}.scene{width:100vw;height:100%;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;background-color:var(--bg-color)}@media (max-width: 575px){.scene{background-color:var(--bg-color-mob);background-image:var(--bg-img-mob);background-size:cover;background-position:center;height:inherit}}.scene .scene-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:8rem;padding:clamp(2rem,5vw,5rem);width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.scene .scene-columns:has(.content.center){grid-template-columns:1fr}.scene .scene-columns:has(.content.center) .inner{max-width:750px}@media (max-width: 575px){.scene .scene-columns{gap:0;grid-template-columns:1fr;grid-template-rows:50% 1fr;position:relative;padding-bottom:100px}}.scene .img-holder{position:relative;width:100%;height:100%;overflow:hidden}.scene .img-wrap{width:120%;height:100%;position:absolute;overflow:hidden}.scene .img-wrap.fill-image{width:120%;height:100%;left:0;top:0;position:absolute}@media (max-width: 575px){.scene .img-wrap.fill-image{height:var(--mob-image-height)}}@media (max-width: 575px){.scene .img-wrap{height:var(--mob-image-height)}}.scene .img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.scene .img-layer-wrap[data-layer="1"]{width:100%}.scene .img-layer-wrap[data-layer="2"]{width:120%}.scene .content{position:relative;z-index:2;display:flex}@media (max-width: 575px){.scene .content{grid-row:2}}.scene .content .inner{background:var(--bg-color);padding:clamp(2rem,5vw,5rem);border-radius:1rem;max-width:550px;margin:0 auto}@media (min-width: 576px){.scene .content.left{grid-row:1;grid-column:1}.scene .content.right{grid-row:1;grid-column:2}.scene .content.top{align-items:flex-start}.scene .content.middle{align-items:center}.scene .content.bottom{align-items:flex-end;padding-bottom:5rem}}.scene .content .date{color:var(--date_color);font-size:clamp(1rem,3vw,2rem)}.scene .content .title{color:var(--title_color);font-size:clamp(2rem,5vw,5rem)}.scene .content .subtitle{color:var(--subtitle_color);font-size:clamp(1rem,3vw,2rem)}.scene .content .paragraph{color:var(--paragraph_color);font-size:clamp(1rem,3vw,1.7rem)}.scene .content .paragraph p{color:inherit;font-size:inherit;line-height:1.6}.scene .img-layer-wrap{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 575px){.scene .img-layer-wrap{height:var(--mob-image-height)}}.scene .img-layer-wrap img{width:100%;height:100%;object-fit:cover}.img-layer-wrap[data-effect=flicker] img{animation-name:flicker;animation-duration:.75s;animation-delay:.2s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate}.img-layer-wrap[data-effect=fix]{min-width:100vw}@keyframes flicker{0%{opacity:1}20%{opacity:.8}40%{opacity:.9}60%{opacity:1}80%{opacity:.9}to{opacity:1}}#progress{position:absolute;bottom:2rem;left:2rem;width:calc(100vw - 4rem);z-index:100000000000000000}#progress:has(#progress-trees){bottom:-.1rem;left:0rem;width:calc(100vw + -0rem)}@media (max-width: 575px){#progress{bottom:30px}}#progress #progress-bar{position:absolute;bottom:0;left:0;height:7px;width:100%}@media (max-width: 575px){#progress #progress-bar{height:4px}}#progress #progress-bar:has(~#progress-trees){bottom:-2px}#progress #progress-bar:has(~#progress-trees):before{background:#99523b}#progress #progress-bar:has(~#progress-trees) #progress-bar-inner{background-color:#4aa068}#progress #progress-bar:before{content:"";position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);height:2px;background:#fff;border-radius:30px}#progress #progress-bar #progress-bar-inner{position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--timeline-color);border-radius:30px}#progress #progress-trees{position:absolute;bottom:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between}#progress #progress-trees .tree{width:1vw;height:5vh;transform:scale(0);transform-origin:center bottom}@media (max-width: 575px){#progress #progress-trees .tree:not(:nth-child(3n)){display:none}}#progress #progress-trees .tree .tree-inner{width:140%;height:100%;background:url(tree-1.svg) no-repeat center bottom;background-size:contain}@media (max-width: 575px){#progress #progress-trees .tree .tree-inner{width:400%;height:100%}}#progress #progress-trees .tree:nth-last-child(odd) .tree-inner{width:120%}@media (max-width: 575px){#progress #progress-trees .tree:nth-last-child(odd) .tree-inner{width:250%}}#progress #progress-trees .tree:nth-last-child(3n) .tree-inner{background:url(tree-2.svg) no-repeat center bottom;background-size:contain}#progress #progress-trees .tree:nth-last-child(7n) .tree-inner{background:url(tree-3.svg) no-repeat center bottom;background-size:contain;width:110%}@media (max-width: 575px){#progress #progress-trees .tree:nth-last-child(7n) .tree-inner{width:230%}}#progress #progress-dates{position:absolute;bottom:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between}#progress #progress-dates .date{color:#fff;font-size:1.7rem;font-weight:700;position:relative;bottom:20px}#progress #progress-dates .date .num{background:#000;transition:all .3s ease;opacity:1;border-radius:60px;width:54px;height:54px;display:flex;justify-content:center;align-items:center;top:calc(100% + 16px);position:absolute;transform:translate(-50%,-50%) scale(.5);transform-origin:center}@media (max-width: 575px){#progress #progress-dates .date .num{transform:translate(-50%,-50%) scale(.2);color:#000;top:calc(100% + 18px)}}#progress #progress-dates .date .num:before{content:"";position:absolute;border-style:solid;border-width:6px 6px 0;border-color:#000 transparent;display:block;width:0;z-index:1;top:100%;left:50%;transform:translate(-50%,-100%)}@media (max-width: 575px){#progress #progress-dates .date[data-index="1"].active .num{transform:translate(-20%,-150%) scale(1)}}@media (max-width: 575px){#progress #progress-dates .date:last-of-type.active .num{transform:translate(-80%,-150%) scale(1)}}#progress #progress-dates .date.active .num{border-radius:5px;height:auto;width:auto;padding:1px 10px;transform:translate(-50%,-100%) scale(1)}@media (max-width: 575px){#progress #progress-dates .date.active .num{transform:translate(-50%,-150%) scale(1);border-radius:35px;color:#fff}}#progress #progress-dates .date.active:before{background-color:var(--timeline-color)}#progress #progress-dates .date:before{content:"";position:absolute;top:calc(100% + 10px);left:50%;width:12px;height:12px;background-color:#fff;border-radius:50%;transform:translate(-50%)}@media (max-width: 575px){#progress #progress-dates .date:before{top:calc(100% + 12px)}}#progress #progress-dates .date:first-of-type:before{left:0}#progress #progress-dates .date:last-of-type:before{left:100%;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/100/assets/timeline.css.map */