.kp-motion{background:var(--kp-bg-page);padding:var(--kp-section-y) 0;border-bottom:1px solid var(--kp-border-hairline)}.kp-motion--tint{background:var(--kp-bg-section-tint)}kp-motion-player{display:block}.kp-motion__well{position:relative;aspect-ratio:16 / 9;overflow:clip}.kp-motion__video{display:block;width:100%;height:100%;object-fit:cover}.kp-motion__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--kp-chapter-protect-edges)}.kp-motion__toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--kp-hit-target);height:var(--kp-hit-target);padding:0;border:1px solid var(--kp-border-strong);background:var(--kp-surface-scrim);color:var(--kp-text-default);cursor:pointer;transition:background var(--kp-dur-fast) var(--kp-ease),border-color var(--kp-dur-fast) var(--kp-ease),color var(--kp-dur-fast) var(--kp-ease)}@media(pointer:fine){.kp-motion__toggle{width:64px;height:64px}}.kp-motion__toggle:hover,.kp-motion__toggle:focus-visible{border-color:var(--kp-border-accent-strong);background:var(--kp-accent);color:var(--kp-text-on-accent)}.kp-motion__icon{display:block;width:var(--kp-icon-m);height:var(--kp-icon-m)}.kp-motion__toggle .kp-motion__icon--pause,.kp-motion__toggle[aria-pressed=true] .kp-motion__icon--play{display:none}.kp-motion__toggle[aria-pressed=true] .kp-motion__icon--pause{display:block}.kp-motion__toggle[aria-pressed=true]{opacity:0;pointer-events:none;transition:opacity var(--kp-dur-base) var(--kp-ease)}.kp-motion__toggle[aria-pressed=true]:focus-visible,kp-motion-player.is-revealed .kp-motion__toggle[aria-pressed=true]{opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.kp-motion__toggle[aria-pressed=true]:hover,kp-motion-player:hover .kp-motion__toggle[aria-pressed=true]{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.kp-motion__toggle{transition:none}}@media screen and (max-width:749px){.kp-motion{padding:var(--kp-section-y-mobile) 0}.kp-motion__bleed{margin-left:calc(-1 * var(--kp-container-pad));margin-right:calc(-1 * var(--kp-container-pad))}.kp-motion__bleed .kp-motion__frame,.kp-motion__bleed .kp-motion__well{clip-path:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/kp-pdp-motion.css.map */