timeline-component{display:block}.timeline{--height: calc(100vh - var(--header-sticky-height));--top: 0;--dot-margin: 6px;--dot-margin-offset: calc(var(--dot-margin) * -1);--dot-width: 23px;--width-indicator: calc(var(--dot-width) + (var(--dot-margin) * 2));--padding: calc(var(--width-indicator) + var(--inner));--width-line: 1px;--counter: 1}body.has-header-sticky .timeline{--top: var(--header-height)}@media only screen and (min-width: 750px){.timeline{--height: var(--full-screen)}body.has-header-sticky .main-content>.shopify-section:first-of-type .timeline{--height: calc(var(--full-screen) + var(--announcement-height))}body:not(.has-header-sticky) .main-content>.shopify-section:first-of-type .timeline{--height: var(--full-height)}}@media only screen and (min-width: 750px){.wrapper--full .timeline__head{padding-left:var(--outer);padding-right:var(--outer)}}@media only screen and (max-width: 749px){.wrapper--full .timeline__wrapper{padding-left:var(--outer);padding-right:var(--outer)}}.timeline__head{overflow:unset}.timeline__head:not(:last-child){margin-bottom:var(--gap)}.timeline__body{position:relative}@media only screen and (min-width: 750px){.timeline__body{min-height:calc(var(--height) * var(--counter))}}@media only screen and (min-width: 750px){.timeline__inner{flex:0 1 100%;position:sticky;top:var(--top);display:block;min-height:calc(var(--height) * (min(var(--counter),1)))}}@media only screen and (max-width: 749px){.timeline__inner{display:flex;overflow-x:auto;overflow-y:hidden;padding-left:var(--outer);padding-right:var(--outer);margin-left:var(--outer-offset);margin-right:var(--outer-offset);scrollbar-width:none;-ms-overflow-style:none}.timeline__inner::-webkit-scrollbar{display:none}}.timeline__row{--part-width: 50px;--dot-position: ((5% + var(--outer)) / 2) - (var(--width-indicator) / 2);flex:0 0 auto;position:relative;width:100%;padding-top:var(--padding)}.timeline__row:not(:last-child){margin-right:var(--gap)}.timeline__row:not(:only-child){width:calc(100% - var(--part-width))}@media only screen and (min-width: 750px){.timeline__row{position:static;padding-top:var(--inner)}.timeline__row:not(:last-child){margin-right:0}.timeline__row:not(:only-child){width:auto}}.timeline__row__editor{--row-count: 0;--row-height-min: 0px;--row-height: max(var(--row-height-min), var(--height));position:absolute;left:0;top:0;z-index:-1;width:100%;height:0;opacity:0;visibility:hidden;pointer-events:none}@media only screen and (min-width: 750px){.timeline__row__editor{top:calc(var(--row-count) * var(--row-height) + 1px);height:var(--row-height)}}@media only screen and (min-width: 750px){.timeline__image{position:absolute;top:0;left:50%;bottom:0;right:0}}@media only screen and (max-width: 749px){.timeline__image{opacity:.5;transition:opacity .5s}}@media only screen and (min-width: 750px){.timeline__image-inner{position:sticky;top:var(--top);max-height:var(--height);overflow:hidden;height:100%;padding-top:0}}@media only screen and (min-width: 750px){.timeline__row:first-child .timeline__image-figure{transform:translateY(0)}}@media only screen and (min-width: 750px){.timeline__image-figure{overflow:hidden;height:100%;padding-top:0;transform:translateY(100%);transition:transform .5s}.timeline__image-figure img{object-fit:cover}}.timeline__content{padding:0 0 calc(var(--outer) * 2)}@media only screen and (min-width: 750px){.timeline__content{position:relative;z-index:1;padding:0 0 var(--outer)}}@media only screen and (min-width: 750px){.timeline--images .timeline__content{width:50%}}@media only screen and (max-width: 749px){.timeline--images .timeline__content{padding-top:var(--outer)}}.timeline__content__inner{padding-top:calc(var(--dot-margin) + 2px);margin:0 auto}@media only screen and (min-width: 1400px){.timeline__content__inner{max-width:76%}}@media only screen and (min-width: 990px) and (max-width: 1399px){.timeline__content__inner{max-width:84%}}@media only screen and (min-width: 750px) and (max-width: 989px){.timeline__content__inner{max-width:90%}}@media only screen and (min-width: 750px){.timeline__content__inner{padding-right:var(--outer)}}@media only screen and (min-width: 750px){.wrapper--narrow .timeline__content__inner,.wrapper--full .timeline__content__inner{padding-left:var(--outer)}}@media only screen and (max-width: 749px){.timeline--images .timeline__content__inner{padding-top:0}}.timeline__content__inner>*:first-child{margin-top:0}.timeline__content__inner>*:last-child{margin-bottom:0}.timeline__indicator{--bg: var(--COLOR-BG);position:absolute;top:calc((var(--width-indicator) / 2) - (var(--width-line) / 2));left:var(--dot-margin);right:0;bottom:auto;display:block;width:auto;height:var(--width-line);font-size:0}@media only screen and (min-width: 750px){.timeline__indicator{top:29px;left:calc((var(--width-indicator) / 2) - (var(--width-line) / 2));bottom:calc(var(--dot-margin-offset) - var(--inner));right:auto;width:var(--width-line);height:auto}.wrapper--full-padded .timeline__indicator{margin-left:calc(5% - var(--dot-position))}.wrapper--full .timeline__indicator{margin-left:calc(var(--dot-position))}}@media only screen and (min-width: 990px){.wrapper--full-padded .timeline__indicator{margin-left:0}.wrapper--full .timeline__indicator{margin-left:var(--outer)}}@media only screen and (max-width: 749px){.timeline__row:first-child .timeline__indicator{left:0;right:auto;width:calc(((100% + var(--gap)) * var(--counter)) - var(--gap))}}@media only screen and (max-width: 749px){.timeline__row:first-child .timeline__indicator__line{width:calc(100% / var(--counter) + var(--part-width) - (var(--gap) - (var(--gap) / var(--counter))))}}.timeline__row:last-child .timeline__indicator{background:var(--bg);opacity:1;transition:none;animation:none}@media only screen and (min-width: 750px){.timeline__row:last-child .timeline__indicator{display:none}}@media only screen and (max-width: 749px){.timeline__row:only-child .timeline__indicator{display:none}}.timeline__indicator__line:before,.timeline__indicator:before,.timeline__indicator:after{position:absolute;top:0;left:0;min-width:0;max-width:100%;min-height:0;max-height:100%;width:100%;height:100%;background:var(--text);content:""}@media only screen and (min-width: 750px){.timeline__indicator:after{height:var(--percent-desktop, 0%);opacity:0}}@media only screen and (max-width: 749px){.timeline__indicator:after{width:var(--dot-width);background:var(--bg)}}.timeline__indicator:before{opacity:.2}.timeline__dot__holder,.timeline__content__outer{opacity:.5;transition:opacity .5s}.timeline__row.is-selected .timeline__indicator:after,.timeline__row.is-selected .timeline__dot__holder,.timeline__row.is-selected .timeline__content__outer{opacity:1}@media only screen and (min-width: 750px){.timeline__row.is-selected .timeline__image-figure{transform:translateY(0)}}@media only screen and (max-width: 749px){.timeline__row.is-selected .timeline__image{opacity:1}}.timeline__row:not(.is-selected) .timeline__image{pointer-events:none}.timeline__indicator__line{position:sticky;top:0;left:var(--outer-offset);display:block;max-width:100%;width:100%;max-height:100%;height:var(--height)}@media only screen and (min-width: 750px){.timeline__indicator__line{display:none}}.timeline__indicator__line:before{width:var(--percent-mobile, 0%);height:100%}@media only screen and (max-width: 749px){.timeline__row:not(:first-child) .timeline__indicator:before,.timeline__row:not(:first-child) .timeline__indicator__line:before{content:none}}.timeline__dot__wrapper{position:absolute;top:0;left:0;width:100%;height:var(--width-indicator)}@media only screen and (min-width: 750px){.timeline__dot__wrapper{width:var(--width-indicator);height:100%}.wrapper--full-padded .timeline__dot__wrapper{margin-left:calc(5% - var(--dot-position))}.wrapper--full .timeline__dot__wrapper{margin-left:calc(var(--dot-position))}}@media only screen and (min-width: 990px){.wrapper--full-padded .timeline__dot__wrapper{margin-left:0}.wrapper--full .timeline__dot__wrapper{margin-left:var(--outer)}}.timeline__dot__holder{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (min-width: 750px){.timeline__dot__holder{max-height:100%;height:var(--height)}}.timeline__dot__button{--bg: var(--COLOR-BG);position:absolute;top:50%;left:var(--dot-margin);width:var(--dot-width);height:var(--dot-width);padding:0;margin-top:calc((var(--dot-width) / 2) * -1);cursor:pointer}@media only screen and (min-width: 750px){.timeline__dot__button{left:50%;top:var(--dot-margin);margin:0 0 0 calc((var(--dot-width) / 2) * -1)}}@media (hover: hover){.timeline__dot__button.is-selected .timeline__dot:before{animation:pulseDot 2.5s linear infinite}.timeline__dot__button:hover .timeline__dot:after{animation:pulseDotHover 1.5s linear infinite}}.timeline__dot{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:var(--text);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:0}.timeline__dot:after,.timeline__dot:before{content:"";background-color:inherit;border-radius:inherit;opacity:.3;position:absolute;top:var(--dot-margin-offset);left:var(--dot-margin-offset);bottom:var(--dot-margin-offset);right:var(--dot-margin-offset);will-change:transform}.timeline__dot:before{opacity:0}.timeline__dot__button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);border-radius:var(--radius)}@media only screen and (min-width: 750px){.template-page-story{--outer: max(7%, 50px)}}@media only screen and (min-width: 750px){.template-page-story .timeline__content__inner{max-width:71%;padding-right:20px;margin-left:23%}}.template-page-story .timeline__content__inner .hero__subheading{font-size:16px;font-weight:500;line-height:150%}.template-page-story .timeline__content__inner .hero__rte{font-weight:500;line-height:150%}@media only screen and (min-width: 750px){.template-page-story .timeline__indicator,.template-page-story .timeline__dot__wrapper{margin-left:6%}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/section-timeline.css.map */