.product-video{--fade-left:5%;--fade-right:5%;--fade-top:8%;--fade-bottom:3.5%;background-color:var(--product-video-stage,#06090b);padding:clamp(.75rem,2.5vw,2rem) 0;transition:background-color .4s ease}.product-video[data-stage-sync=frame]{transition:none}@media (prefers-reduced-motion:reduce){.product-video{transition:none}}.product-video__frame{position:relative;width:min(100%,1200px,max((100vh - 370px) * 16 / 9,480px));width:min(100%,1200px,max((100svh - 370px) * 16 / 9,480px));aspect-ratio:16/9;margin:0 auto}.product-video__media{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) calc(var(--fade-left) * 0),rgba(0,0,0,0.15625) calc(var(--fade-left) * 0.25),rgba(0,0,0,0.5) calc(var(--fade-left) * 0.5),rgba(0,0,0,0.84375) calc(var(--fade-left) * 0.75),rgb(0,0,0) calc(var(--fade-left) * 1),rgb(0,0,0) calc(100% - var(--fade-right) * 1),rgba(0,0,0,0.84375) calc(100% - var(--fade-right) * 0.75),rgba(0,0,0,0.5) calc(100% - var(--fade-right) * 0.5),rgba(0,0,0,0.15625) calc(100% - var(--fade-right) * 0.25),rgba(0,0,0,0) calc(100% - var(--fade-right) * 0)),linear-gradient(to bottom,rgba(0,0,0,0) calc(var(--fade-top) * 0),rgba(0,0,0,0.15625) calc(var(--fade-top) * 0.25),rgba(0,0,0,0.5) calc(var(--fade-top) * 0.5),rgba(0,0,0,0.84375) calc(var(--fade-top) * 0.75),rgb(0,0,0) calc(var(--fade-top) * 1),rgb(0,0,0) calc(100% - var(--fade-bottom) * 1),rgba(0,0,0,0.84375) calc(100% - var(--fade-bottom) * 0.75),rgba(0,0,0,0.5) calc(100% - var(--fade-bottom) * 0.5),rgba(0,0,0,0.15625) calc(100% - var(--fade-bottom) * 0.25),rgba(0,0,0,0) calc(100% - var(--fade-bottom) * 0));-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,rgba(0,0,0,0) calc(var(--fade-left) * 0),rgba(0,0,0,0.15625) calc(var(--fade-left) * 0.25),rgba(0,0,0,0.5) calc(var(--fade-left) * 0.5),rgba(0,0,0,0.84375) calc(var(--fade-left) * 0.75),rgb(0,0,0) calc(var(--fade-left) * 1),rgb(0,0,0) calc(100% - var(--fade-right) * 1),rgba(0,0,0,0.84375) calc(100% - var(--fade-right) * 0.75),rgba(0,0,0,0.5) calc(100% - var(--fade-right) * 0.5),rgba(0,0,0,0.15625) calc(100% - var(--fade-right) * 0.25),rgba(0,0,0,0) calc(100% - var(--fade-right) * 0)),linear-gradient(to bottom,rgba(0,0,0,0) calc(var(--fade-top) * 0),rgba(0,0,0,0.15625) calc(var(--fade-top) * 0.25),rgba(0,0,0,0.5) calc(var(--fade-top) * 0.5),rgba(0,0,0,0.84375) calc(var(--fade-top) * 0.75),rgb(0,0,0) calc(var(--fade-top) * 1),rgb(0,0,0) calc(100% - var(--fade-bottom) * 1),rgba(0,0,0,0.84375) calc(100% - var(--fade-bottom) * 0.75),rgba(0,0,0,0.5) calc(100% - var(--fade-bottom) * 0.5),rgba(0,0,0,0.15625) calc(100% - var(--fade-bottom) * 0.25),rgba(0,0,0,0) calc(100% - var(--fade-bottom) * 0));mask-composite:intersect}.product-video__toggle{position:absolute;right:calc(var(--fade-right) + .5rem);bottom:.75rem;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(34,34,35,.55);color:#fff;cursor:pointer;opacity:.75;transition:opacity .2s ease,background-color .2s ease}.product-video__toggle:focus-visible,.product-video__toggle:hover{opacity:1;background:rgba(34,34,35,.8)}.product-video__toggle:focus-visible{outline:2px solid #5C88DA;outline-offset:2px}.product-video__toggle[hidden]{display:none}.product-video__icon{width:18px;height:18px;fill:currentColor}.product-video__toggle[data-state=paused] .product-video__icon--pause,.product-video__toggle[data-state=playing] .product-video__icon--play{display:none}.product-video-page__description{max-width:60rem;margin:0 auto 1.5rem auto;text-align:center}