.steps-video-cstm{--sv-section-bg: #ffffff;--sv-card-bg: #e3e3e5;--sv-text: #333333;--sv-accent: #1565c0;--sv-line: rgba(51, 51, 51, .16);--sv-radius: clamp(10px, 1.5vw, 16px);background:var(--sv-section-bg);color:var(--sv-text)}.steps-video-cstm__inner{padding-top:calc(var(--padding-top, 64px) * .75);padding-bottom:calc(var(--padding-bottom, 64px) * .75)}@media screen and (min-width:768px){.steps-video-cstm__inner{padding-top:var(--padding-top, 64px);padding-bottom:var(--padding-bottom, 64px)}}.steps-video-cstm__header{max-width:68rem;margin:0 auto clamp(2.5rem,6vw,4.5rem);text-align:center}.steps-video-cstm__eyebrow{color:var(--sv-accent)}.steps-video-cstm__heading{color:var(--sv-text)}.steps-video-cstm__subheading{margin:1rem auto 0;max-width:48rem;color:#333333c7;font-size:var(--content-lead-size);line-height:1.7}.steps-video-cstm__timeline{position:relative}.steps-video-cstm__timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:var(--sv-line)}.steps-video-cstm__step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);grid-template-areas:"media marker content";gap:clamp(1.25rem,4vw,3.5rem);align-items:center}.steps-video-cstm__step:not(:last-child){margin-bottom:clamp(2.5rem,6vw,5rem)}.steps-video-cstm__step--reverse .steps-video-cstm__media-col{grid-area:media}.steps-video-cstm__step--reverse .steps-video-cstm__content-col{grid-area:content}.steps-video-cstm__step--reverse{grid-template-areas:"content marker media"}.steps-video-cstm__media-col,.steps-video-cstm__content-col{min-width:0}.steps-video-cstm__media-col{grid-area:media}.steps-video-cstm__content-col{grid-area:content}.steps-video-cstm__marker{grid-area:marker;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;justify-self:center;align-self:center}.steps-video-cstm__marker-dot{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--sv-accent);color:#fff;font-size:var(--content-lead-size);font-weight:700;box-shadow:0 0 0 8px var(--sv-section-bg)}.steps-video-cstm__media-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.steps-video-cstm__media-static{display:block;width:100%}.steps-video-cstm__media-card{position:relative;overflow:hidden;border-radius:var(--sv-radius);border:2px solid var(--sv-accent);background:var(--sv-card-bg);box-shadow:0 18px 40px #00000014}.steps-video-cstm__media-frame{position:relative;aspect-ratio:16 / 9;background:var(--sv-card-bg)}.steps-video-cstm__media-frame img,.steps-video-cstm__media-frame svg{display:block;width:100%;height:100%;object-fit:cover}.steps-video-cstm__play{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:clamp(3.25rem,7vw,4.4rem);height:clamp(3.25rem,7vw,4.4rem);border-radius:999px;background:#ffffffeb;color:var(--sv-accent);transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000029}.steps-video-cstm__play .svg-wrapper{width:1.25rem;height:1.25rem}.steps-video-cstm__media-trigger:hover .steps-video-cstm__media-card{transform:translateY(-3px);box-shadow:0 22px 46px #0000001f}.steps-video-cstm__media-card,.steps-video-cstm__cta{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}.steps-video-cstm__content-col{color:var(--sv-text)}.steps-video-cstm__step-title{margin:0 0 .9rem;color:var(--sv-text);font-size:var(--heading-size-h2);line-height:1.05;letter-spacing:-.03em}.steps-video-cstm__step-text{margin:0;color:#333c;font-size:var(--content-lead-size);line-height:1.75}.steps-video-cstm__step-text p{margin:0}.steps-video-cstm__step-text p+p{margin-top:.9rem}.steps-video-cstm__cta-wrap{margin-top:1.4rem}.steps-video-cstm__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.75rem 1.4rem;border-radius:calc(var(--sv-radius) - 2px);background:var(--sv-accent);color:#fff;font-size:var(--content-body-size);font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:0;cursor:pointer}.steps-video-cstm__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1565c03d}.step-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:none;background:#111111c2}.step-video-modal[open]{display:flex}.step-video-modal__dialog{position:relative;width:min(92vw,1100px);margin:auto;padding:clamp(1rem,2vw,1.25rem);border-radius:var(--sv-radius);background:#111;box-shadow:0 30px 70px #00000059}.step-video-modal__close{position:absolute;top:.85rem;right:.85rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:0;border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer}.step-video-modal__content{position:relative;overflow:hidden;border-radius:calc(var(--sv-radius) - 2px);background:#111}.step-video-modal__media,.step-video-modal__media>div{aspect-ratio:16 / 9}.step-video-modal__media iframe,.step-video-modal__media video{display:block;width:100%;height:100%;border:0}.steps-video-cstm__empty{display:grid;place-items:center;min-height:100%;padding:2rem;color:#333333b8;text-align:center;font-size:var(--content-body-size)}@media screen and (max-width:991px){.steps-video-cstm__timeline:before{left:1.25rem;transform:none}.steps-video-cstm__step,.steps-video-cstm__step--reverse{grid-template-columns:2.5rem minmax(0,1fr);grid-template-areas:"marker content" ". media";align-items:start}.steps-video-cstm__step:not(:last-child){margin-bottom:clamp(3.2rem,9vw,4.6rem)}.steps-video-cstm__marker{justify-content:center;align-items:center;justify-self:center;align-self:center;padding-top:0}.steps-video-cstm__content-col{margin-top:0}.steps-video-cstm__media-col{margin-top:1.2rem}}@media screen and (max-width:767px){.steps-video-cstm__inner{padding-top:calc(var(--padding-top, 48px) * .72);padding-bottom:calc(var(--padding-bottom, 48px) * .72)}.steps-video-cstm__header{text-align:left;margin-bottom:2.2rem}.steps-video-cstm__subheading{margin-left:0}.step-video-modal__dialog{width:94vw;padding:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-steps-video-cstm.css.map */