.hh-viewport{aspect-ratio:1280 / 800;--hh-s: .2172}@media(min-width:360px){.hh-viewport{--hh-s: .2484}}@media(min-width:375px){.hh-viewport{--hh-s: .2602}}@media(min-width:390px){.hh-viewport{--hh-s: .2719}}@media(min-width:414px){.hh-viewport{--hh-s: .2906}}@media(min-width:430px){.hh-viewport{--hh-s: .3031}}@media(min-width:480px){.hh-viewport{--hh-s: .3422}}@media(min-width:560px){.hh-viewport{--hh-s: .4047}}@media(min-width:640px){.hh-viewport{--hh-s: .4609}}@media(min-width:688px){.hh-viewport{--hh-s: .4984}}@media(min-width:1024px){.hh-viewport{--hh-s: .4516}}@media(min-width:1280px){.hh-viewport{--hh-s: .5609}}@media(min-width:1440px){.hh-viewport{--hh-s: .6234}}@media(min-width:1536px){.hh-viewport{--hh-s: .6703}}@media(min-width:1800px){.hh-viewport{--hh-s: .7172}}.hh-canvas{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;transform:scale(var(--hh-s, .5))}.hh-nav-fade{-webkit-mask-image:linear-gradient(to bottom,#000 84%,transparent);mask-image:linear-gradient(to bottom,#000 84%,transparent)}.hh-floater{position:absolute;width:var(--hh-w);scale:var(--hh-fs, 1)}.hh-floater[data-side=l]{right:calc(100% + var(--hh-gap) * var(--hh-fs, 1));transform-origin:100% 0}.hh-floater[data-side=r]{left:calc(100% + var(--hh-gap) * var(--hh-fs, 1));transform-origin:0 0}.yt-cover{top:50%;left:50%;height:120%;width:auto;min-width:120%;aspect-ratio:16 / 9;transform:translate(-50%,-50%)}