:root{--BLACK-LOADER-character-animation-duration: 600;--BLACK-LOADER-three-dots-animation-duration: 1400}.video-modal__loader.loader{--bg-color: #101010;font-size:16px;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color);z-index:300;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease}.video-modal__loader.loader.fade-out{opacity:0;pointer-events:none}.video-modal__loader.loader.hidden{display:none}.video-modal__loader .loader__character{width:6.875em;overflow:hidden}@media screen and (max-width: 1300px){.video-modal__loader .loader__character{width:5em}}.video-modal__loader .loader__character-image{width:1000%;-webkit-animation:animate-character calc(var(--BLACK-LOADER-character-animation-duration) * 1ms) steps(10) infinite;animation:animate-character calc(var(--BLACK-LOADER-character-animation-duration) * 1ms) steps(10) infinite}.video-modal__loader .loader__loading-text{font-family:var(--font-family-lemonmilk),sans-serif;font-weight:300;font-size:1em;letter-spacing:1px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 1300px){.video-modal__loader .loader__loading-text{font-size:.8em}}.video-modal__loader .loader__loading-caption{width:unset}.video-modal__loader .loader__three-dots{position:relative;overflow:hidden}.video-modal__loader .loader__three-dots:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color);-webkit-transform:translateX(0);transform:translate(0);-webkit-animation:loading-dots calc(var(--BLACK-LOADER-three-dots-animation-duration) * 1ms) steps(4) infinite;animation:loading-dots calc(var(--BLACK-LOADER-three-dots-animation-duration) * 1ms) steps(4) infinite}@-webkit-keyframes loading-dots{0%{-webkit-transform:translateX(0);transform:translate(0)}33.333%{-webkit-transform:translateX(33.333%);transform:translate(33.333%)}66.667%{-webkit-transform:translateX(70%);transform:translate(70%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes loading-dots{0%{-webkit-transform:translateX(0);transform:translate(0)}33.333%{-webkit-transform:translateX(33.333%);transform:translate(33.333%)}66.667%{-webkit-transform:translateX(70%);transform:translate(70%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@-webkit-keyframes animate-character{0%{-webkit-transform:translateX(0) translateY(var(--translate-y, 0));transform:translate(0) translateY(var(--translate-y, 0))}to{-webkit-transform:translateX(-100%) translateY(var(--translate-y, 0));transform:translate(-100%) translateY(var(--translate-y, 0))}}@keyframes animate-character{0%{-webkit-transform:translateX(0) translateY(var(--translate-y, 0));transform:translate(0) translateY(var(--translate-y, 0))}to{-webkit-transform:translateX(-100%) translateY(var(--translate-y, 0));transform:translate(-100%) translateY(var(--translate-y, 0))}}:root{--THEATRE-PAGE-left-right-distances-navigation-btns: -34px}.video-modal{position:fixed;height:calc(100vh - calc(var(--HEADER-height) * 1px));width:100%;max-width:100%;max-height:100vh;top:calc(var(--HEADER-height) * 1px);left:0;background-color:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;margin:0;z-index:100;overflow-x:hidden;font-size:16px}.video-modal[open]{-webkit-animation:dialog-fade-in calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease forwards;animation:dialog-fade-in calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease forwards}.video-modal[data-state=close]{-webkit-animation:dialog-fade-out calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease forwards;animation:dialog-fade-out calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease forwards}.video-modal[data-up-next-sidebar-state=open] .video-modal__video-frame{width:calc(100% - var(--THEATRE-PAGE-sidebar-width) * 1px)}.video-modal--1-1-vid-ratio .video-modal__video-frame-wrapper{width:86vmin;aspect-ratio:1/1}@media screen and (max-width: 1300px){.video-modal--1-1-vid-ratio .video-modal__video-frame-wrapper{width:80vmin}}.video-modal--1-1-vid-ratio[data-up-next-sidebar-state=open] .video-modal__video-frame-wrapper{width:86vmin}.video-modal--4-3-vid-ratio .video-modal__video-frame-wrapper{width:104vmin;aspect-ratio:4/3}@media screen and (max-width: 1300px){.video-modal--4-3-vid-ratio .video-modal__video-frame-wrapper{width:82vmin}}.video-modal--4-3-vid-ratio[data-up-next-sidebar-state=open] .video-modal__video-frame-wrapper{width:84vmin}.video-modal--16-9-vid-ratio .video-modal__video-frame-wrapper{width:128vmin;aspect-ratio:16/10}@media screen and (max-width: 1300px){.video-modal--16-9-vid-ratio .video-modal__video-frame-wrapper{width:78vmin}}.video-modal--16-9-vid-ratio[data-up-next-sidebar-state=open] .video-modal__video-frame-wrapper{width:102vmin}.video-modal--4-5-vid-ratio .video-modal__video-frame-wrapper{width:62vmin;aspect-ratio:4/5}@media screen and (max-width: 1300px){.video-modal--4-5-vid-ratio .video-modal__video-frame-wrapper{width:82vmin}}.video-modal--4-5-vid-ratio .video-modal__navigation-btn--previous{left:calc(var(--THEATRE-PAGE-left-right-distances-navigation-btns) - .2rem)}.video-modal--9-16-vid-ratio .video-modal__video-frame-wrapper{width:62vmin;aspect-ratio:9/16}@media screen and (max-width: 1300px){.video-modal--9-16-vid-ratio .video-modal__video-frame-wrapper{width:82vmin}}.video-modal--9-16-vid-ratio .video-modal__navigation-btn--previous{left:calc(var(--THEATRE-PAGE-left-right-distances-navigation-btns) - .2rem)}.video-modal__loader.loader{position:absolute;--bg-color: transparent}.video-modal .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);border:0}.video-modal__video-frame{width:100%;height:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;transition:width calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;overflow:hidden}.video-modal__video-frame-wrapper{position:absolute;width:98vmin;aspect-ratio:16/13;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;opacity:0}.video-modal__video-frame-wrapper.fade-in{opacity:1;pointer-events:initial}.video-modal__video-frame-wrapper.hidden{display:none}.video-modal__video{position:absolute;width:65vmin;aspect-ratio:16/12.4;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}.video-modal__frame{position:absolute;width:98vmin;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.video-modal__frame-image{display:block;width:100%;height:100%;-webkit-filter:blur(.6px);filter:blur(.6px)}.video-modal__navigation-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4.8em;height:4.8em;aspect-ratio:1/1;border:0;background-color:transparent;cursor:pointer;padding:0;z-index:2;border-radius:50%;-webkit-transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease;transition:opacity calc(var(--THEATRE-PAGE-sidebar-animation-duration) * 1ms) ease}.video-modal__navigation-btn.fade-out{opacity:0;pointer-events:none}.video-modal__navigation-btn.fade-in{opacity:1;pointer-events:initial}.video-modal__navigation-btn.hidden{display:none}.video-modal__navigation-btn--next{right:var(--THEATRE-PAGE-left-right-distances-navigation-btns)}.video-modal__navigation-btn--next .video-modal__navigation-btn-svg{-webkit-transform:translateX(3%);transform:translate(3%)}.video-modal__navigation-btn--previous{left:var(--THEATRE-PAGE-left-right-distances-navigation-btns)}.video-modal__navigation-btn--previous .video-modal__navigation-btn-svg{-webkit-transform:translateX(-3%);transform:translate(-3%)}.video-modal__navigation-btn-svg{display:block;width:100%;height:100%;stroke:#fff;stroke-width:1px}@-webkit-keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 1300px){:root{--THEATRE-PAGE-left-right-distances-navigation-btns: -24px}.video-modal__navigation-btn{width:3.6em;height:3.6em;background-color:#fff}.video-modal__navigation-btn-svg{stroke:#101010}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/video-modal.css.map */