.timeline-video-callout{background:rgb(var(--background) / 1);color:rgba(var(--text-color) / 1)}.timeline-video-callout__bg-wrap{padding-top:var(--padding_top);padding-bottom:var(--padding_bottom);background:var(--background-gradient)}.timeline-video-callout__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center}.timeline-video-callout__media{min-width:0;order:1}.timeline-video-callout__media-inner{position:relative;height:650px;overflow:hidden}.timeline-video-callout__image-inner{position:relative;overflow:hidden}.timeline-video-callout__inline-poster,.timeline-video-callout__image,.timeline-video-callout__placeholder,.timeline-video-callout__inline-video,.timeline-video-callout__video-element,.timeline-video-callout__iframe,.timeline-video-callout__image-contain{width:100%;height:100%;display:block}.timeline-video-callout__image{object-fit:cover}.timeline-video-callout__image-contain{object-fit:contain}.timeline-video-callout__video-element,.timeline-video-callout__iframe{border:0;object-fit:cover;border-radius:8px;overflow:hidden}.timeline-video-callout__placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--text-color) / .1);color:rgba(var(--text-color) / 1);fill:rgba(var(--text-color) / 1)}.timeline-video-callout__placeholder-svg{width:28%;height:28%;opacity:.32}.timeline-video-callout__play{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(var(--text-color) / .4);transition:transform .3s ease}.timeline-video-callout__play svg{width:var(--spacing-8);height:var(--spacing-8);margin-left:var(--spacing-1)}.timeline-video-callout__media:hover .timeline-video-callout__play{transform:translate(-50%,-50%) scale(1.06)}.timeline-video-callout__content{order:2;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-6);padding:var(--spacing-5) var(--spacing-10)}.timeline-video-callout__heading{font-size:2.5rem;line-height:1.15;text-transform:uppercase;color:rgba(var(--text-color) / 1)}.timeline-video-callout__steps{display:flex;flex-direction:column;gap:var(--spacing-4)}.timeline-video-callout__step{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:start}.timeline-video-callout__step-left{display:flex;flex-direction:column;align-items:center}.timeline-video-callout__badge{width:100%;min-height:30px;padding:var(--spacing-2);border-radius:60px;background:var(--step-label-bg);font-size:.75rem;line-height:1;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:var(--step-label-color)}.timeline-video-callout__line{width:2px;height:60px;margin-top:var(--spacing-5);background-image:linear-gradient(to bottom,var(--step-line-color) 0,var(--step-line-color) 45%,transparent 45%,transparent 70%);background-size:2px 12px;background-repeat:repeat-y;background-position:center top}.timeline-video-callout__step-right{display:flex;flex-direction:column;gap:var(--spacing-2)}.timeline-video-callout__step-title{font-size:1.5rem;line-height:1;text-transform:uppercase;color:rgba(var(--text-color) / 1)}.timeline-video-callout__step-text{font-size:1rem;line-height:1.5;color:rgba(var(--text-color) / .7)}.timeline-video-callout__subtext{font-size:1rem;line-height:1.875;color:rgba(var(--text-color) / .7)}.timeline-video-callout__modal[hidden]{display:none}.timeline-video-callout__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--spacing-5)}.timeline-video-callout__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--background) / .7)}.timeline-video-callout__modal-dialog{position:relative;width:60%;margin:auto;background:rgb(var(--background) / 1);border-radius:var(--spacing-3);overflow:hidden;z-index:1}.timeline-video-callout__modal-content{aspect-ratio:16 / 9;background:rgb(var(--background) / 1)}.timeline-video-callout__video-element--popup,.timeline-video-callout__iframe--popup{width:100%;height:100%;display:block;border:0}.timeline-video-callout__modal-close{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:2;width:30px;height:30px;border:0;border-radius:50%;color:rgba(var(--text-color) / 1);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.timeline-video-callout__modal-close svg{display:block;width:22px;height:22px}.timeline-video-callout__inline-player,.timeline-video-callout__inline-poster{position:relative;width:100%;height:100%}.timeline-video-callout__inline-video[hidden]{display:none}@media screen and (max-width:992px){.timeline-video-callout__bg-wrap{padding-top:var(--padding_top_mobile);padding-bottom:var(--padding_bottom_mobile)}.timeline-video-callout__inner{grid-template-columns:1fr;margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2)}.timeline-video-callout__content{order:1;padding-right:0;padding-left:0}.timeline-video-callout__media{order:2}.timeline-video-callout__media-inner{height:450px}.timeline-video-callout__image,.timeline-video-callout__placeholder,.timeline-video-callout__inline-video,.timeline-video-callout__video-element,.timeline-video-callout__iframe{aspect-ratio:1 / .82;height:auto}}@media screen and (max-width:700px){.timeline-video-callout__media-inner{padding-bottom:86%;height:auto}.timeline-video-callout__image,.timeline-video-callout__placeholder{aspect-ratio:1;position:absolute;height:100%}timeline-video-callout__inline-video,.timeline-video-callout__video-element,.timeline-video-callout__iframe{height:100%;object-fit:cover}.timeline-video-callout__inline-player,.timeline-video-callout__inline-poster{position:absolute}.timeline-video-callout__play{width:80px;height:80px}.timeline-video-callout__play svg{width:var(--spacing-6);height:var(--spacing-6)}.timeline-video-callout__content{padding:0}.timeline-video-callout__heading{font-size:1.5rem}.timeline-video-callout__inner{gap:var(--spacing-10)}.timeline-video-callout__step{grid-template-columns:80px 1fr;gap:var(--spacing-4)}.timeline-video-callout__badge{padding:var(--spacing-1);font-size:.625rem}.timeline-video-callout__steps{gap:var(--spacing-2)}.timeline-video-callout__step-title{font-size:1.125rem}.timeline-video-callout__step-text{font-size:.875rem}.timeline-video-callout__step-right{gap:var(--spacing-1)}.timeline-video-callout__line{margin-top:var(--spacing-2)}.timeline-video-callout__subtext{font-size:.75rem}.timeline-video-callout__button-wrap,.timeline-video-callout__button-wrap .button{width:100%}.timeline-video-callout__modal{padding:var(--spacing-2-5)}.timeline-video-callout__modal-dialog{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/timeline-video-callout.css.map */