.pdp-demo-video{--smx-blue: #00a6dd;--smx-blue-dark: #007daa;--smx-font-head: "industry", "Industry", "Arial Black", sans-serif;display:block;margin:2.5rem 0}.pdp-demo-video__heading{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.4rem;font-family:var(--smx-font-head);font-size:clamp(1.6rem,2.2vw,2rem);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.12em}.pdp-demo-video__heading:before{content:"";flex:0 0 auto;width:.5rem;height:1.8rem;border-radius:.1rem;background:var(--smx-blue)}.pdp-demo-video__layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.6rem 2rem}.pdp-demo-video__player{flex:0 0 auto}.pdp-demo-video__featured{flex:1 1 16rem;min-width:15rem}.pdp-demo-video__featured-heading{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem;font-family:var(--smx-font-head);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.pdp-demo-video__featured-heading:before{content:"";flex:0 0 auto;width:.4rem;height:1.3rem;border-radius:.1rem;background:var(--smx-blue)}.pdp-demo-video__featured-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pdp-demo-video__featured-link{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:.6rem;text-decoration:none;color:inherit;transition:background .15s ease}.pdp-demo-video__featured-link:hover,.pdp-demo-video__featured-link:focus-visible{background:#00a6dd17}.pdp-demo-video__featured-thumb{flex:0 0 auto;width:5.2rem;height:5.2rem;border-radius:.5rem;overflow:hidden;background:var(--smx-light, #f5f5f5);border:.1rem solid var(--smx-border, #e4e4e4)}.pdp-demo-video__featured-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pdp-demo-video__featured-name{font-size:1.3rem;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pdp-demo-video__featured-link:hover .pdp-demo-video__featured-name,.pdp-demo-video__featured-link:focus-visible .pdp-demo-video__featured-name{color:var(--smx-blue-dark, #007daa)}.pdp-demo-video__media{position:relative;display:block;width:fit-content;max-width:100%;line-height:0;background:#000;border-radius:var(--pdp-video-radius, .6rem);overflow:hidden;cursor:pointer;box-shadow:0 .4rem 1.8rem #0000002e}.pdp-demo-video__player.is-fullscreen .pdp-demo-video__media{border-radius:0;width:100%;height:100%;max-width:none}.pdp-demo-video__video{display:block;width:auto;height:auto;max-width:min(100%,var(--pdp-video-max-width, 640px));max-height:var(--pdp-video-max-height, 440px);object-fit:contain;background:#000}.pdp-demo-video__player.is-fullscreen .pdp-demo-video__video{width:100%;height:100%;max-width:none;max-height:none}.pdp-demo-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:0;margin:0;padding:0;cursor:pointer;background:radial-gradient(ellipse at center,#00000026,#00000059);color:#fff;transition:opacity .2s ease}.pdp-demo-video__player.is-playing .pdp-demo-video__overlay{display:none}.pdp-demo-video__overlay-icon{width:7.2rem;height:7.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .15s ease,background .15s ease}.pdp-demo-video__overlay:hover .pdp-demo-video__overlay-icon,.pdp-demo-video__overlay:focus-visible .pdp-demo-video__overlay-icon{transform:scale(1.06);background:var(--smx-blue)}.pdp-demo-video__overlay-icon svg{width:3rem;height:3rem;margin-left:.3rem}.pdp-demo-video__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.6rem;padding:2.4rem 1.2rem 1rem;background:linear-gradient(to top,#000000ad,#0000);color:#fff;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.pdp-demo-video__player.is-idle .pdp-demo-video__controls{opacity:0;transform:translateY(.6rem);pointer-events:none}.pdp-demo-video__player.is-idle .pdp-demo-video__media{cursor:none}.pdp-demo-video__button{flex:0 0 auto;width:3.6rem;height:3.6rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.4rem;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.pdp-demo-video__button:hover{background:var(--smx-blue)}.pdp-demo-video__button:active{transform:scale(.94)}.pdp-demo-video__button:focus-visible{outline:.2rem solid #fff;outline-offset:.1rem}.pdp-demo-video__button svg{width:2rem;height:2rem;pointer-events:none}.pdp-demo-video__icon--pause,.pdp-demo-video__player.is-playing .pdp-demo-video__icon--play{display:none}.pdp-demo-video__player.is-playing .pdp-demo-video__icon--pause{display:block}.pdp-demo-video__icon--unmute,.pdp-demo-video__player.is-muted .pdp-demo-video__icon--mute{display:none}.pdp-demo-video__player.is-muted .pdp-demo-video__icon--unmute{display:block}.pdp-demo-video__icon--exit-fullscreen,.pdp-demo-video__player.is-fullscreen .pdp-demo-video__icon--enter-fullscreen{display:none}.pdp-demo-video__player.is-fullscreen .pdp-demo-video__icon--exit-fullscreen{display:block}.pdp-demo-video__scrubber-wrap{position:relative;flex:1 1 auto;height:3.6rem;display:flex;align-items:center;min-width:4rem}.pdp-demo-video__track{position:absolute;left:0;right:0;height:.4rem;border-radius:.4rem;background:#ffffff4d;overflow:hidden;pointer-events:none}.pdp-demo-video__progress{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--smx-blue);transform-origin:left center;transform:scaleX(0);will-change:transform}.pdp-demo-video__scrubber{position:relative;z-index:1;width:100%;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.pdp-demo-video__scrubber:focus-visible{outline:.2rem solid #fff;outline-offset:.4rem;border-radius:.4rem}.pdp-demo-video__scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--smx-blue);border:.2rem solid #fff;box-shadow:0 0 .3rem #00000080;cursor:pointer}.pdp-demo-video__scrubber::-moz-range-thumb{width:1.4rem;height:1.4rem;border:.2rem solid #fff;border-radius:50%;background:var(--smx-blue);cursor:pointer}.pdp-demo-video__scrubber::-moz-range-track{background:transparent}.pdp-demo-video__time{flex:0 0 auto;font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:.02rem;white-space:nowrap;padding:0 .4rem}.pdp-demo-video__time span{opacity:.7}.pdp-demo-video__time [data-current-time]{opacity:1}@media screen and (max-width:749px){.pdp-demo-video__button{width:4rem;height:4rem}.pdp-demo-video__time{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.pdp-demo-video__controls,.pdp-demo-video__overlay,.pdp-demo-video__overlay-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-pdp-demo-video.css.map */