.video-page.svelte-1mlqv8{z-index:0;background-color:#fff;border-radius:10px;box-shadow:10px 6px #7778;width:95%;height:90%;margin:2.5% 2.5% 7.5%;position:relative}@media(max-width:576px){.video-page.svelte-1mlqv8{margin:2.5% 2.5% 0%;height:95%}}.video-page.svelte-1mlqv8 .inner:where(.svelte-1mlqv8){position:relative;width:100%;height:97.5%;display:grid;grid-template-rows:100px calc(100% - 170px) 70px}@media(max-width:1000px){.video-page.svelte-1mlqv8 .inner:where(.svelte-1mlqv8){grid-template-rows:150px calc(100% - 230px) 80px}}@media(max-width:1000px)and (max-width:576px){.video-page.svelte-1mlqv8 .inner:where(.svelte-1mlqv8){grid-template-rows:110px calc(100% - 190px) 80px}}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8){display:grid;grid-template-rows:100px;grid-template-columns:1fr 1fr 1fr}@media(max-width:1000px){.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8){grid-template-rows:80px 30px;grid-template-columns:1fr 1fr;max-width:640px;margin:auto}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8){grid-column:1/span 2;margin:auto!important}}@media(max-width:1000px)and (max-width:576px){.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8){grid-template-rows:70px 30px}}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){width:auto;object-fit:contain}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8)>:where(.svelte-1mlqv8):first-child{height:70%;margin:auto auto auto 0}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8)>:where(.svelte-1mlqv8):nth-child(2){height:60%;margin:auto}@media(max-width:1000px){.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8)>:where(.svelte-1mlqv8):nth-child(2){margin-right:9%;max-width:90%}}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8){align-self:center;justify-self:end;width:fit-content;display:flex;align-items:center;gap:6px;height:28px;margin-right:9%}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8) input:where(.svelte-1mlqv8){height:26px;border:1px solid #5f2c6c;border-radius:5px;padding:0 16px;width:220px}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8) input:where(.svelte-1mlqv8)::placeholder{font-style:italic;font-size:13px}@media(max-width:650px){.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8) input:where(.svelte-1mlqv8){width:auto}}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8) .search-btn:where(.svelte-1mlqv8){background-color:#5f2c6c;outline:none;border:none;border-radius:5px;padding:0 20px;height:28px}.video-page.svelte-1mlqv8 .top:where(.svelte-1mlqv8) .search-bar:where(.svelte-1mlqv8) .search-btn:where(.svelte-1mlqv8) i:where(.svelte-1mlqv8){color:#fff;font-size:16px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8){--tab-height: 55px;--color: #5f2c6c;display:grid;grid-template-rows:var(--tab-height) auto;height:100%;position:relative}@media(max-width:1000px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8){--tab-height: 75px}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-row:where(.svelte-1mlqv8){height:100%;display:grid;position:relative;grid-template-columns:.75fr 1fr 1fr .7fr;width:94%;margin:auto;gap:1px}@media(max-width:1000px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-row:where(.svelte-1mlqv8){grid-template-columns:1fr 1fr 1fr .9fr}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8){height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:15px 15px 0 0;border-radius:.75svw .75svw 0 0;background-image:linear-gradient(to bottom,#bc9ec8 17%,#5852a3 62%,#5f2c6c 91%);border:none;border-bottom:none;color:#fff;position:relative}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){position:absolute;height:70%;width:auto;max-width:100%;max-height:90%;object-fit:contain;transition:opacity .2s ease}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img.active-text:where(.svelte-1mlqv8){opacity:0}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img.desktop:where(.svelte-1mlqv8){display:block}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img.mobile:where(.svelte-1mlqv8){display:none}@media(max-width:1000px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){height:auto;width:90%;max-width:unset}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img.desktop:where(.svelte-1mlqv8){display:none}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button:where(.svelte-1mlqv8) img.mobile:where(.svelte-1mlqv8){display:block}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button.active:where(.svelte-1mlqv8){background-color:#fff;background-image:none;border:1px solid var(--color);border-bottom:none;color:var(--color)}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button.active:where(.svelte-1mlqv8) img.active-text:where(.svelte-1mlqv8){opacity:1}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-button.active:where(.svelte-1mlqv8) img.inactive-text:where(.svelte-1mlqv8){opacity:0}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8){width:94%;border-radius:0 0 15px 15px;border-radius:0 0 .75svw .75svw;border:1px solid var(--color);border-top:none;display:none;margin:auto;position:relative}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content.active:where(.svelte-1mlqv8){display:grid;grid-template-rows:100%;position:absolute;top:var(--tab-height);height:calc(100% - var(--tab-height));transform:translate(-50%);left:50%}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8){max-height:100%;margin:20px;height:calc(100% - 40px);width:calc(100% - 40px);overflow-y:scroll}@media(max-width:1000px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8){margin:10px 0;height:calc(100% - 20px);width:100%}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8){justify-content:center;display:grid;grid-template-columns:repeat(auto-fit,380px);gap:20px 30px}@media(max-width:600px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8){grid-template-columns:96%}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8){line-height:1.2;color:#5d5d5d}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-thumbnail:where(.svelte-1mlqv8){background:none;border-radius:0;border:none;background-color:#000;aspect-ratio:16/9;width:100%}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-thumbnail:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){aspect-ratio:16/9;object-fit:cover;width:100%}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-thumbnail:where(.svelte-1mlqv8) img.shorts:where(.svelte-1mlqv8){object-fit:contain}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8){padding:5px 10px;display:grid;-webkit-user-select:none;user-select:none}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8)>div:where(.svelte-1mlqv8){display:flex;flex-direction:row;align-items:start}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8)>div:where(.svelte-1mlqv8) .hd:where(.svelte-1mlqv8){flex-grow:1}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8)>div:where(.svelte-1mlqv8) .hd:where(.svelte-1mlqv8) br:where(.svelte-1mlqv8){display:none}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8)>div:where(.svelte-1mlqv8) .hd:where(.svelte-1mlqv8) .en:where(.svelte-1mlqv8){margin-left:5px}@media(max-width:576px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8)>div:where(.svelte-1mlqv8){flex-direction:column}}@media(max-width:576px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8){padding:10px 10px 15px;display:flex;flex-direction:column;gap:10px}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8) .ref-no:where(.svelte-1mlqv8){font-size:14px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8) .hd:where(.svelte-1mlqv8){line-height:1.1;color:var(--color);font-weight:700;font-size:14px;margin-bottom:4px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8) .video-info:where(.svelte-1mlqv8) .hd:where(.svelte-1mlqv8) span.en:where(.svelte-1mlqv8){font-size:12px;letter-spacing:-.5px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8).highlighted{background-color:#feddfe;color:#865cb2}@media(min-width:650px){.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8) .scroll-content:where(.svelte-1mlqv8) .video-container:where(.svelte-1mlqv8):hover{background-color:#feddfe;color:#865cb2}}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8){scrollbar-width:thin;scrollbar-color:#5f2c6c #e7e7e7}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8)::-webkit-scrollbar{width:10px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8)::-webkit-scrollbar-thumb{width:10px;background-color:#5f2c6c;border-radius:3px}.video-page.svelte-1mlqv8 .middle:where(.svelte-1mlqv8) .tab-content:where(.svelte-1mlqv8) .scroll-wrapper:where(.svelte-1mlqv8)::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #a894a8;border-radius:3px}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8){margin-top:10px;display:grid;grid-template-columns:70px auto 70px;grid-template-rows:65px}@media(max-width:1000px){.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8){grid-template-rows:75px}}@media(max-width:1000px)and (max-width:576px){.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8){grid-template-columns:60px auto 60px}}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote:where(.svelte-1mlqv8){grid-column-start:2;height:100%;width:auto;margin:auto}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){height:100%;width:auto}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote:where(.svelte-1mlqv8):not(.b4) img:where(.svelte-1mlqv8){filter:drop-shadow(4px 4px 2px rgba(0,0,0,.5333333333))}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote.b4:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){object-fit:contain}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote.b4:where(.svelte-1mlqv8) .desktop:where(.svelte-1mlqv8){display:block}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote.b4:where(.svelte-1mlqv8) .mobile:where(.svelte-1mlqv8){display:none}@media(max-width:1000px){.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote.b4:where(.svelte-1mlqv8) .desktop:where(.svelte-1mlqv8){display:none}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-vote.b4:where(.svelte-1mlqv8) .mobile:where(.svelte-1mlqv8){display:block}}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-home:where(.svelte-1mlqv8){grid-column-start:3}.video-page.svelte-1mlqv8 .bottom:where(.svelte-1mlqv8) .go-home:where(.svelte-1mlqv8) img:where(.svelte-1mlqv8){height:150%;width:auto;object-fit:contain;object-position:top center}.popup-wrapper.svelte-1mlqv8{align-items:center;justify-content:center;height:100%;width:100%;position:fixed;top:0;left:0;z-index:12}.popup-wrapper.close.svelte-1mlqv8{display:none}.popup-wrapper.open.svelte-1mlqv8{display:flex}.popup-wrapper.svelte-1mlqv8 overlay:where(.svelte-1mlqv8){background:#0004;position:fixed;width:100%;height:100%;z-index:10;top:0;left:0;transition-property:opacity;transition-duration:.6s}.popup-wrapper.svelte-1mlqv8 .popup-modal:where(.svelte-1mlqv8){z-index:11;width:90%;height:fit-content;max-width:1000px;max-height:90svh}.popup-wrapper.svelte-1mlqv8 .popup-modal.shorts:where(.svelte-1mlqv8){max-width:100%;max-height:1000px;height:70%;width:fit-content}@media(max-width:768px){.popup-wrapper.svelte-1mlqv8 .popup-modal.shorts:where(.svelte-1mlqv8){height:75%}}.popup-wrapper.svelte-1mlqv8 .popup-modal.shorts:where(.svelte-1mlqv8) iframe:where(.svelte-1mlqv8){width:auto;max-width:94%;height:100%;margin:auto;aspect-ratio:9/16}.popup-wrapper.svelte-1mlqv8 .popup-modal:where(.svelte-1mlqv8) iframe:where(.svelte-1mlqv8){width:100%;aspect-ratio:16/9}
