.pc-content-steps{--pcs-pt: 50px;--pcs-pb: 50px;position:relative;box-sizing:border-box;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw);padding:var(--pcs-pt) 0 var(--pcs-pb);background:#051935;color:#fff;font:500 16px/1.6 Inter,Arial,sans-serif}.pc-content-steps .pc-content-steps__inner{display:flex;flex-direction:column;align-items:center;gap:25px;box-sizing:border-box;width:var(--pc-content-width);margin:0 auto}.pc-content-steps .pc-content-steps__title{margin:0;color:#fff;font-family:var(--pc-font-display, "Clash Display", Inter, Arial, sans-serif);font-size:38px;font-weight:600;line-height:1.3;letter-spacing:0;text-align:center}.pc-content-steps .pc-pending--banner{margin:0}.pc-content-steps{--pcs-media-w: min(1000px, 100%);--pcs-list-w: min(974px, 100%);--pcs-u: 1px}.pc-content-steps .pc-content-steps__media{position:relative;width:var(--pcs-media-w);max-width:100%;aspect-ratio:1000 / 563;margin:0;overflow:hidden;border-radius:20px;background:#ffffff14}.pc-content-steps .pc-content-steps__media--pending{background:none}.pc-content-steps .pc-content-steps__media--pending .pc-pending{height:100%;border-radius:20px}.pc-content-steps .pc-content-steps__video,.pc-content-steps .pc-content-steps__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.pc-content-steps .pc-content-steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:calc(25 * var(--pcs-u));width:var(--pcs-list-w);max-width:100%;margin:0;padding:0;list-style:none}.pc-content-steps .pc-content-steps__step{display:flex;flex-direction:column;gap:calc(15 * var(--pcs-u));min-width:0;margin:0;padding:0}.pc-content-steps .pc-content-steps__number{display:block;color:#bcbcbc;font-size:calc(16 * var(--pcs-u));font-weight:500;line-height:1}.pc-content-steps .pc-content-steps__body{display:flex;flex-direction:column;gap:calc(5 * var(--pcs-u));padding-top:calc(10 * var(--pcs-u));border-top:2px solid rgba(255,255,255,.1);overflow-wrap:anywhere}.pc-content-steps{--pcs-rule-h: linear-gradient(90deg, #fff, #477fff);--pcs-rule-v: linear-gradient(180deg, #fff, #477fff)}.pc-content-steps .pc-content-steps__step:first-child .pc-content-steps__body{border-image:var(--pcs-rule-h) 1}.pc-content-steps .pc-content-steps__step-title{margin:0;color:#fff;font-family:Inter,Arial,sans-serif;font-size:calc(22 * var(--pcs-u));font-weight:600;line-height:1.3;letter-spacing:0}.pc-content-steps .pc-content-steps__text{color:#bcbcbc;font-size:calc(16 * var(--pcs-u));font-weight:500;line-height:1.6}.pc-content-steps .pc-content-steps__text p{margin:0}.pc-content-steps .pc-content-steps__text p+p{margin-top:.5em}.pc-content-steps .pc-content-steps__link{display:inline-flex;gap:10px;align-items:center;color:#fff;font-size:16px;font-weight:600;line-height:1.3;text-underline-offset:5px}.pc-content-steps .pc-content-steps__link:focus-visible{outline:2px solid #fff;outline-offset:4px}.pc-content-steps .pc-content-steps__step-head{display:flex;gap:calc(14 * var(--pcs-u));align-items:flex-start}.pc-content-steps .pc-content-steps__step-play{display:inline-grid;place-items:center;flex:0 0 calc(20 * var(--pcs-u));width:calc(20 * var(--pcs-u));height:calc(20 * var(--pcs-u));margin:calc(4.3 * var(--pcs-u)) 0 0;padding:0;border:0;border-radius:50%;background:none;color:#298aff;cursor:pointer}.pc-content-steps .pc-content-steps__step-play svg{display:block;width:100%;height:100%}.pc-content-steps .pc-content-steps__step-play .pc-content-steps__icon-pause,.pc-content-steps .pc-content-steps__step.is-playing .pc-content-steps__step-play .pc-content-steps__icon-play{display:none}.pc-content-steps .pc-content-steps__step.is-playing .pc-content-steps__step-play .pc-content-steps__icon-pause{display:inline}.pc-content-steps .pc-content-steps__step-play:focus-visible{outline:2px solid #fff;outline-offset:3px}.pc-content-steps :is([data-steps-timed],[data-steps-youtube]) .pc-content-steps__step{position:relative}.pc-content-steps :is([data-steps-timed],[data-steps-youtube]) .pc-content-steps__body{position:relative}.pc-content-steps .pc-content-steps__progress{position:absolute;display:block;pointer-events:none}.pc-content-steps .pc-content-steps__progress--v{display:none}.pc-content-steps .pc-content-steps__progress--h{top:-2px;left:0;width:100%;height:2px;background:var(--pcs-rule-h);clip-path:inset(0 calc((1 - var(--pcs-p, 0)) * 100%) 0 0)}.pc-content-steps .is-tracking .pc-content-steps__step:first-child .pc-content-steps__body{border-image:none;border-top-color:#ffffff1a}.pc-content-steps .is-tracking .pc-content-steps__step.is-done .pc-content-steps__body{border-image:var(--pcs-rule-h) 1}.pc-content-steps[data-pc-pt=none]{--pcs-pt: 0px}.pc-content-steps[data-pc-pt=s]{--pcs-pt: 24px}.pc-content-steps[data-pc-pt=m]{--pcs-pt: 48px}.pc-content-steps[data-pc-pt=l]{--pcs-pt: 80px}.pc-content-steps[data-pc-pb=none]{--pcs-pb: 0px}.pc-content-steps[data-pc-pb=s]{--pcs-pb: 24px}.pc-content-steps[data-pc-pb=m]{--pcs-pb: 48px}.pc-content-steps[data-pc-pb=l]{--pcs-pb: 80px}.pc-content-steps .pc-content-steps__media[data-steps-player]{cursor:pointer}.pc-content-steps .pc-content-steps__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;padding:0;border:0;border-radius:50%;background:#fff;color:#051935;cursor:pointer;box-shadow:0 6px 20px #05193540}.pc-content-steps .pc-content-steps__play svg{width:26px;height:26px}.pc-content-steps .pc-content-steps__play .pc-content-steps__icon-pause{display:none}.pc-content-steps .is-playing .pc-content-steps__play{opacity:0}.pc-content-steps .is-playing .pc-content-steps__play .pc-content-steps__icon-play{display:none}.pc-content-steps .is-playing .pc-content-steps__play .pc-content-steps__icon-pause{display:inline}.pc-content-steps .pc-content-steps__play:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:4px}.pc-content-steps.pc-content-steps--embedded{display:flex;justify-content:center;width:auto;max-width:none;margin:25px 0 0;padding:0 0 50px;background:none}.pc-demo-product .pc-setup-video.is-playing .pc-video-overlay{visibility:visible;opacity:1;background:none;pointer-events:none}.pc-demo-product .pc-setup-video.is-playing .pc-play-btn{opacity:0;pointer-events:auto}.pc-demo-product .pc-setup-video .pc-play-btn:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:4px}@media(min-width:750px){.pc-demo-product .pc-setup-video .pc-play-btn{width:60px;height:60px}.pc-demo-product .pc-setup-video .pc-play-btn svg{width:26px;height:26px}}@media(max-width:749px){.pc-content-steps{--pcs-pt: 30px;--pcs-pb: 30px}.pc-content-steps .pc-content-steps__play{width:35px;height:35px;margin:-17.5px 0 0 -17.5px}.pc-content-steps .pc-content-steps__play svg{width:16px;height:16px}.pc-content-steps.pc-content-steps--embedded{margin-top:25px;padding-bottom:30px}.pc-content-steps.pc-content-steps--embedded .pc-content-steps__list{width:calc(100vw - 30px)}.pc-content-steps[data-pc-pt=s]{--pcs-pt: 16px}.pc-content-steps[data-pc-pt=m]{--pcs-pt: 32px}.pc-content-steps[data-pc-pt=l]{--pcs-pt: 48px}.pc-content-steps[data-pc-pb=s]{--pcs-pb: 16px}.pc-content-steps[data-pc-pb=m]{--pcs-pb: 32px}.pc-content-steps[data-pc-pb=l]{--pcs-pb: 48px}.pc-content-steps .pc-content-steps__inner{width:calc(100% - 30px)}.pc-content-steps .pc-content-steps__title{font-size:20px}.pc-content-steps .pc-content-steps__media{aspect-ratio:16 / 9}.pc-content-steps .pc-content-steps__list{grid-template-columns:minmax(0,1fr);gap:20px}.pc-content-steps .pc-content-steps__step{gap:10px;padding-left:15px;border-left:2px solid rgba(255,255,255,.1)}.pc-content-steps .pc-content-steps__step:first-child{border-image:var(--pcs-rule-v) 1}.pc-content-steps :is([data-steps-timed],[data-steps-youtube]) .pc-content-steps__progress--h{display:none}.pc-content-steps :is([data-steps-timed],[data-steps-youtube]) .pc-content-steps__progress--v{display:block;top:0;left:-2px;width:2px;height:100%;background:var(--pcs-rule-v);clip-path:inset(0 0 calc((1 - var(--pcs-p, 0)) * 100%) 0)}.pc-content-steps .is-tracking .pc-content-steps__step:first-child{border-image:none}.pc-content-steps .is-tracking .pc-content-steps__step.is-done{border-image:var(--pcs-rule-v) 1}.pc-content-steps .pc-content-steps__body{gap:10px;padding-top:0;border-top:0}.pc-content-steps .pc-content-steps__step-title{font-size:18px}.pc-content-steps .pc-content-steps__step-play{margin-top:calc((23.4px - 20 * var(--pcs-u)) / 2)}.pc-content-steps .pc-content-steps__text,.pc-content-steps .pc-content-steps__link{font-size:14px}}.pc-content-steps .pc-content-steps__media--embed{background-position:center;background-size:cover;background-repeat:no-repeat}@media(max-width:749px){.pc-demo-product--tub .pc-content-steps .pc-content-steps__list{gap:30px}}.pc-demo-product .pc-fit-video--setup-only{min-height:0;padding-top:50px}.pc-demo-product .pc-fit-video--setup-only .pc-setup-title{margin-top:0}@media(max-width:749px){.pc-demo-product .pc-fit-video--setup-only{padding-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/pc-content-steps.css.map */