@scope(dl-granary2-pop-video-ll){:scope{display:contents}.overlay{display:none;width:100%;height:100%;position:fixed;inset:0;z-index:1100;align-items:center;justify-content:center;background:#33383d}:scope.is-open .overlay{display:flex}.stage{width:fit-content;height:auto;position:relative;pointer-events:none}.close{width:40px;height:40px;position:absolute;top:16px;left:16px;right:auto;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#57576166;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.close:focus:not(:focus-visible){outline:none}.close svg{width:24px;height:24px;display:block}.dialog{width:1138px;height:640px;aspect-ratio:553 / 311;position:relative;overflow:hidden;border-radius:8px;pointer-events:auto;line-height:0}.video{visibility:hidden;width:100%;height:100%;display:block;object-fit:contain;background:#33383d;cursor:pointer;-webkit-tap-highlight-color:transparent}:scope.is-ready .video{visibility:visible}.video:focus:not(:focus-visible){outline:none}.controls{width:auto;height:40px;position:absolute;right:16px;bottom:24px;z-index:2;display:flex;align-items:center;gap:12px;pointer-events:auto}.toggle{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#57576166;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle:focus:not(:focus-visible){outline:none}.toggle svg{width:40px;height:40px;display:block}.icon-play{display:none}.icon-pause{display:block}:scope.is-paused .icon-play{display:block}:scope.is-paused .icon-pause{display:none}.icon-mute{display:none}.icon-unmute{display:block}:scope.is-muted .icon-mute{display:block}:scope.is-muted .icon-unmute{display:none}@media screen and (min-width:1921px){.dialog{width:calc(1138 / 1920 * 100vw);height:calc(640 / 1920 * 100vw)}.close{top:calc(16 / 1920 * 100vw);left:calc(16 / 1920 * 100vw)}.controls{right:calc(16 / 1920 * 100vw);bottom:1.25vw}}@media screen and (min-width:991px)and (max-width:1599px){.dialog{width:71.125vw;height:40vw}.close{top:1vw;left:1vw}.controls{right:1vw;bottom:1.5vw}}@media screen and (max-width:990px){.overlay{display:none;width:100%;height:100%;position:fixed;inset:0;z-index:1100;align-items:center;justify-content:center;background:#33383d}:scope.is-open .overlay{display:flex}.stage{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.close{width:40px;height:40px;position:absolute;top:calc(16 / 375 * 100vw);right:calc(16 / 375 * 100vw);left:auto;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#57576166;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.close svg{width:24px;height:24px;display:block}.dialog{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;pointer-events:none;line-height:0}.video{visibility:hidden;width:auto;height:auto;max-width:100%;max-height:100%;display:block;object-fit:contain;background:#33383d;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}:scope.is-ready .video{visibility:visible}.controls{width:auto;height:40px;position:absolute;right:calc(16 / 375 * 100vw);bottom:6.4vw;z-index:2;display:flex;align-items:center;gap:3.2vw;pointer-events:auto}.toggle{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#57576166;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle svg{width:40px;height:40px;display:block}}}