.video-player{display:block;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;border-radius:.75rem;isolation:isolate}.video-player img,.video-player video{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);max-width:none;height:calc(100% + 2px);object-fit:cover;transition:transform .5s ease}.video-player:hover img,.video-player:hover video{transform:scale(1.03)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.75rem;background:var(--color-black);color:var(--color-white);transition:transform .3s ease}.video-play svg{width:1.5rem;height:1.5rem;margin-left:2px}.video-player:hover .video-play{transform:translate(-50%,-50%) scale(1.06)}.video-duration{position:absolute;left:.75rem;bottom:.75rem;padding:.125rem .5rem;border-radius:.375rem;background:var(--color-white);color:var(--color-black);font-size:.875rem;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.video-player:focus-visible,.js-video-trigger:focus-visible,.video-gallery-item:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:3px}.video-player--sm{border-radius:.5rem}.video-player--sm .video-play{width:2.5rem;height:2.5rem}.video-player--sm .video-play svg{width:1.25rem;height:1.25rem}.video-player--hero{border-radius:1rem;box-shadow:0 28px 56px -16px #0006}.video-player--hero .video-play{width:4.5rem;height:4.5rem;background:var(--color-white);color:var(--color-black)}.video-player--hero .video-play svg{width:1.75rem;height:1.75rem}@media(max-width:1023px){.video-player--hero{border-radius:.75rem}.video-player--hero .video-play{width:3.5rem;height:3.5rem}.video-player--hero .video-play svg{width:1.5rem;height:1.5rem}}.video-film-head h2{text-wrap:balance}.video-film-head p{max-width:42ch}@media(min-width:1024px){.video-film--stacked .video-player{max-width:min(100%,960px,calc((100svh - 16rem) * 16 / 9));margin-inline:auto}}.video-live{display:block;width:100%;aspect-ratio:16 / 9;background:#000;object-fit:contain}.video-cinema{background-color:#0b0b0b!important;overflow:hidden;transition:background-color .4s ease}.video-cinema [data-video-head]{display:none}.video-cinema [data-video]{position:relative;display:block}.video-cinema .video-live{position:relative;left:50%;transform:translate(-50%);width:min(100vw,calc((100svh - 5rem) * 16 / 9));max-width:none;border-radius:0!important;box-shadow:none!important}.video-cinema-exit{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.75rem;background:#1111118c;color:var(--color-white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600;cursor:pointer}.video-cinema-exit svg{width:1.25rem;height:1.25rem}.video-cinema-exit:hover{background:#111c}.video-gallery{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:60;overscroll-behavior:contain;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0009}.video-gallery[hidden]{display:none}.video-gallery-panel{--video-stage: calc((100svh - 21rem) * 16 / 9);display:flex;flex-direction:column;width:min(1080px,100%,calc(var(--video-stage) + 3rem));min-width:min(100%,40rem);max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--color-white);border-radius:.75rem;box-shadow:0 24px 64px -12px #00000073}.video-gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 1rem}.video-gallery-stage{padding:0 1.5rem}.video-gallery-stage video{display:block;width:min(100%,var(--video-stage));aspect-ratio:16 / 9;margin:0 auto;background:#000;border-radius:.5rem}.video-gallery-list{position:relative;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.25rem 1.25rem;scrollbar-width:thin}.video-gallery-item{flex:1 1 0;min-width:8.5rem;display:flex;flex-direction:column;gap:.375rem;padding:.375rem;border-radius:.625rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.video-gallery-item:hover{background:var(--color-vanilla-100)}.video-gallery-item[aria-current=true]{background:var(--color-vanilla-200)}.video-gallery-thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:.375rem;background:var(--color-vanilla-200)}.video-gallery-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-gallery-thumb .video-duration{left:.375rem;bottom:.375rem;padding:0 .375rem;font-size:.75rem}.video-gallery-item[aria-current=true] .video-gallery-thumb{box-shadow:0 0 0 2px var(--color-black)}.video-gallery-name{font-size:.875rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1023px){.video-gallery{padding:0;align-items:flex-end}.video-gallery-panel{width:100%;min-width:0;border-radius:.75rem .75rem 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.video-gallery-head{padding:1rem 1rem .75rem}.video-gallery-stage{padding:0 1rem}.video-gallery-stage video{width:100%}.video-gallery-list{padding:.75rem .75rem 1rem}.video-gallery-item{flex:0 0 8.5rem}}@media(prefers-reduced-motion:reduce){.video-player img,.video-player video,.video-play,.video-cinema{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/723/assets/video-player.css.map */