:root{--header-height: 10px;--movieList-height: 128px;--footer-height: 20px;--rightContent-width: 250px;--bg-color-dark: rgb(20,20,20);--bg-color-medium: rgb(60,60,60);--bg-color-light: rgb(100,100,100)}.bgr{background-color:red}.bgg{background-color:green}.bgb{background-color:#00f}.bgy{background-color:#ff0}.bgp{background-color:pink}*{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;color:#fff;font-size:1em;margin:0;padding:0}html{background-color:var(--bg-color-dark)}.page{display:grid;grid-template-areas:"header header" "navbar navbar" "leftContent rightContent" "settings settings" "movieList movieList" "footer footer";grid-template-rows:auto;grid-template-columns:auto}.header{grid-area:header;background-color:var(--bg-color-dark);display:flex;height:var(--header-height)}.navbar{grid-area:navbar;background-color:var(--bg-color-dark);display:flex;flex-wrap:wrap;align-self:flex-start;align-items:flex-start;width:100vw}.navbar>.spacer{flex-grow:1}.leftContent{grid-area:leftContent;background-color:var(--bg-color-dark);width:calc(100vw - var(--rightContent-width));min-width:500px}.rightContent{grid-area:rightContent;max-width:var(--rightContent-width);background-color:#00f;background-color:var(--bg-color-dark);padding:0 20px}.settings{grid-area:settings;background-color:var(--bg-color-medium);height:var(--settings-height);position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--footer-height) + var(--movieList-height))}.movieList{grid-area:movieList;background-color:var(--bg-color-dark);width:100vw;height:var(--movieList-height);position:fixed;bottom:var(--footer-height)}.footer{grid-area:footer;background-color:var(--bg-color-dark);position:fixed;bottom:0;justify-content:space-around;color:#fff;width:100vw;height:var(--footer-height)}@media only screen and (max-width: 1000px){.page{grid-template-areas:"header" "navbar" "leftContent" "rightContent" "movieList" "settings" "footer";grid-template-rows:auto auto 1fr auto auto auto auto;grid-template-columns:1fr}.leftContent{width:100vw;min-width:inherit}.rightContent{width:100vw;max-width:inherit}}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.movieSlider[data-v-923b39d9]{display:flex;white-space:nowrap;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.movieSlider[data-v-923b39d9]::-webkit-scrollbar{display:none}.mName[data-v-923b39d9]{overflow:hidden;font-size:.8em;display:block;font-weight:lighter;padding:4px;min-height:32px;text-wrap:wrap}.mItem img[data-v-923b39d9]{border:1px solid rgba(255,255,255,.5);margin:0 6px;height:75px}.mItemSelected img[data-v-923b39d9]{border:1px solid rgba(255,255,255,.5)}.mItem[data-v-923b39d9]{border:1px solid transparent;cursor:pointer;transition:background-color .75s ease-out}.mItemSelected[data-v-923b39d9]{border:1px solid rgba(255,255,255,.5);background-color:#ffffff1a}.mItem[data-v-923b39d9]:hover{background-color:#ffffff1a;transition:background-color .1s linear}button[data-v-923b39d9]{background-color:#9acd32;color:#000}video[data-v-eec3503d]{width:100%}@media only screen and (max-width: 555px){video[data-v-eec3503d]{min-width:100px;min-height:80px}}.movieDescDesc[data-v-2219d136]{font-weight:lighter;line-height:1.5em}.movieDescTags[data-v-2219d136]{margin-top:12px}.movieDescTags table[data-v-2219d136]{border-collapse:collapse;margin:12px 0}@media only screen and (max-width: 555px){.keyShortcut[data-v-2219d136]{display:none}}.searchInput[data-v-e6c34c02]{display:flex;margin-right:10px;justify-content:flex-end}.openRemote[data-v-8f25cc58]{margin-top:5px;margin-bottom:15px}.camArea>button[data-v-8f25cc58]{z-index:89;height:150px;width:100%;background-color:#00f;top:0;left:0}.messageArea .message[data-v-8f25cc58]{padding:10px;margin:20px;flex-grow:1}.messageArea button[data-v-8f25cc58]{padding:10px;margin:20px}.messageArea[data-v-8f25cc58]{display:flex;flex-wrap:wrap;justify-content:center;background-color:#0a0a0acc}.camArea[data-v-8f25cc58]{position:absolute;top:0;right:0;z-index:88;background-color:#646464cc;width:100%;height:100%}.scannIconButton[data-v-8f25cc58]{cursor:pointer;margin-right:5px}.scannIcon[data-v-8f25cc58]{width:30px;height:30px}.options[data-v-8f25cc58]{width:100%;padding:5px}.iframe[data-v-7262bd0f]{overflow:hidden;border:none;width:500px;height:500px}.notifyer button[data-v-7262bd0f]{margin:5px;cursor:pointer}.QRCodeArea button[data-v-7262bd0f]{margin:15px;padding:15px;cursor:pointer}.QRCodeArea[data-v-7262bd0f]{position:absolute;padding-top:50px;top:0;right:0;z-index:88;background-color:#646464e6;width:100%;height:100%;text-align:center}