.shopify-section--timeline{overflow:hidden}.timeline-items{--gap: 1.25rem;--size: 4rem;display:flex;gap:var(--gap) 0;position:relative}.timeline-item:before,.timeline-item:after{content:"";position:absolute;top:calc((100% - var(--border-width)) / 2);border-top:var(--border)}.timeline-item:before{right:50%}.timeline-item:after{left:50%}.timeline-items>.timeline-item:first-child:before,.timeline-items>.timeline-item:last-child:after{display:none}.timeline-item__title{text-align:center;align-items:center;justify-content:center;display:flex;font-size:1rem;background:var(--color-background);width:var(--size);aspect-ratio:1;border-radius:50%;border:.25rem solid;position:relative;margin-inline:auto;z-index:2;cursor:pointer;transition:border var(--transition-long),background-color var(--transition-long),color var(--transition-long)}.timeline-item__title:hover{color:var(--color-background);background:var(--color-foreground);border-color:var(--color-foreground)}@media screen and (max-width: 749px){.timeline-wrapper{margin-top:2rem;margin-bottom:3rem;display:flex;gap:2rem;flex-direction:column;position:relative}.timeline-items__wrapper:before,.timeline-items__wrapper:after{content:"";position:absolute;top:0;bottom:0;width:1rem;background:var(--color-background);z-index:1}.timeline-items__wrapper:before{right:100%}.timeline-items__wrapper:after{left:100%}.timeline-content{text-align:center}.timeline-content ._title{margin-top:.25rem;margin-bottom:1.25rem;margin-left:.75rem}.timeline-content p{max-width:16rem;margin-inline:auto}.timeline-items{justify-content:center;flex-flow:wrap}.timeline-items:before,.timeline-items:after{content:"";position:absolute;border-block:var(--border);border-block-style:dashed;height:calc(var(--size) - var(--gap))}.timeline-items:before{right:0;bottom:calc((100% - var(--border-width)) / 2);border-right:var(--border);border-right-style:dashed;width:calc(50% + .125rem)}.timeline-items:after{left:0;top:calc((100% - var(--border-width)) / 2);border-left:var(--border);border-left-style:dashed;width:50%}.timeline-item{position:relative;flex:0 0 calc(100% / 6);margin-left:var(--mobile-spacing)}.timeline-item:before,.timeline-item:after{width:100%}.timeline-item__text{position:absolute;bottom:calc(100% + 1.25rem);left:50%;text-align:center;border:var(--border);padding:1rem;background:var(--color-background);opacity:0;visibility:hidden;transform:translate(-50%);z-index:2;transition:visibility var(--transition-long),opacity var(--transition-long)}.timeline-item:hover .timeline-item__text{opacity:1;visibility:visible;color:var(--color-background);background:var(--color-foreground)}}@media screen and (min-width: 750px){.timeline-wrapper{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:row-reverse;justify-content:start;width:100%;gap:.5rem;align-items:center}.timeline-content{flex:0 0 25%}.timeline-content ._title{margin-top:0;margin-bottom:1.825rem}.timeline-content p{max-width:14rem}.timeline-items__wrapper{flex:0 0 calc(68% - .5rem);position:relative}.timeline-items{justify-content:start}.timeline-items:before{content:"";position:absolute;right:0;left:0;top:calc((100% - var(--border-width)) / 2);border-top:var(--border);border-top-style:dashed}.timeline-item{position:relative;flex:0 0 var(--size);margin-left:var(--spacing)}.timeline-item:before,.timeline-item:after{width:120%}.timeline-item__text{position:absolute;left:calc(50% + 1rem);font-size:.825rem;width:9rem;opacity:0;transition:opacity var(--transition-long)}.timeline-items:hover .timeline-item__text{opacity:1}.timeline-item__text[data-position=top]{bottom:calc(100% + 1.5rem)}.timeline-item__text[data-position=bottom]{top:calc(100% + 1.5rem)}.timeline-item__text:before{content:"";position:absolute;left:-1rem;border-left:.125rem dashed}.timeline-item__text[data-position=top]:before{top:50%;bottom:calc(-100% - .825rem)}.timeline-item__text[data-position=bottom]:before{top:calc(-100% - .825rem);bottom:50%}.timeline-item__text:after{content:"";position:absolute;left:-1.15rem;box-shadow:0 0 0 .125rem var(--color-background);width:.5rem;height:.5rem;border-radius:2rem;background:var(--color-foreground)}.timeline-item__text[data-position=top]:after{top:calc(50% - .25rem)}.timeline-item__text[data-position=bottom]:after{bottom:calc(50% - .25rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-timeline.css.map */