gd-film{display:block}gd-film[data-look=youtube]:not(.is-playing){cursor:pointer}.c-film__frame{position:relative;overflow:hidden;aspect-ratio:var(--film-ratio, auto);background:var(--color-bg-subtle)}.c-film__poster,.c-film__video,.c-film__embed{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;border:0}.c-film__poster--empty{background:var(--color-bg-subtle)}.c-film__video{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.c-film.is-playing .c-film__video{opacity:1}.c-film__video--open{opacity:1;background:var(--color-bg-inverse);object-fit:contain}.c-film__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:inline-flex;align-items:center;justify-content:center;width:var(--film-button, var(--space-9));height:var(--film-button, var(--space-9));padding:0;border:0;border-radius:var(--radius-round);background:var(--color-bg-page);color:var(--color-icon-default);box-shadow:var(--shadow-md);transform:translate(-50%,-50%);cursor:pointer;text-decoration:none}.c-film--button-md .c-film__play{--film-button: calc(var(--space-9) - var(--space-2))}.c-film--button-sm .c-film__play{--film-button: var(--space-raw-56)}@media(hover:hover)and (pointer:fine){.c-film__play{transition:transform var(--duration-fast) var(--ease-out)}.c-film__play:hover{transform:translate(-50%,-50%) scale(1.04)}}.c-film__toggle{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;border:0;border-radius:var(--radius-round);background:var(--color-bg-page);color:var(--color-icon-default);cursor:pointer}.c-film__toggle:before{content:"";position:absolute;inset:calc((var(--touch-target) - var(--space-6)) / -2)}.c-film__icon--play{display:none}.c-film--toggle-corner .c-film__toggle{inset-block:auto var(--space-3);inset-inline-end:var(--space-3);width:var(--space-raw-36);height:var(--space-raw-36);background:var(--color-glass);color:var(--color-text-primary)}.c-film--toggle-corner .c-film__toggle:before{inset:calc((var(--touch-target) - var(--space-raw-36)) / -2)}@media(hover:hover)and (pointer:fine){.c-film--toggle-corner .c-film__toggle{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.c-film--toggle-corner:hover .c-film__toggle,.c-film--toggle-corner .c-film__toggle:focus-visible,.c-film--toggle-corner.is-paused .c-film__toggle{opacity:1}}.c-film__mark:before{content:"";position:absolute;top:-100vmax;right:-100vmax;bottom:-100vmax;left:-100vmax}.c-film.is-playing:not(.is-paused) .c-film__mark:not(:hover,:focus-visible){opacity:0}.c-film__mark svg{position:relative}.c-film__sound{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:var(--space-raw-30);height:var(--space-raw-30);padding:0;border:0;border-radius:var(--radius-round);background:var(--color-scrim);color:var(--color-text-on-inverse);cursor:pointer}.c-film__sound:before{content:"";position:absolute;inset:calc((var(--touch-target) - var(--space-raw-30)) / -2)}.c-film__icon--sound-on,.c-film.has-sound .c-film__icon--sound-off{display:none}.c-film.has-sound .c-film__icon--sound-on{display:inline-flex}.c-film__progress{position:absolute;inset-inline:var(--space-raw-10);inset-block-end:var(--space-2);overflow:hidden;height:var(--space-raw-3);border-radius:var(--radius-raw-2);background:color-mix(in srgb,var(--color-bg-page) 35%,transparent)}.c-film__progress-bar{display:block;height:100%;background:var(--color-bg-page);transform:scaleX(0);transform-origin:left center}.c-film--progress .c-film__sound{inset-block-end:var(--space-raw-18)}.c-film.is-paused .c-film__icon--pause{display:none}.c-film.is-paused .c-film__icon--play{display:inline-flex}@media(prefers-reduced-motion:reduce){.c-film__video,.c-film__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-film.css.map */