.wrapper[data-v-891231d4]{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 1px rgba(0,0,0,.1);background-color:#191920;display:flex;justify-content:center;z-index:999}.navbar[data-v-891231d4]{justify-content:space-between;padding:10px;max-width:1200px;width:100%}.navbar[data-v-891231d4],.search[data-v-891231d4]{display:flex;flex-wrap:wrap;align-items:center}.search input[data-v-891231d4]{padding:10px;width:300px;color:#000;background:#c6c2c2;border:#c6c2c2;border-radius:4px 0 0 4px;max-width:100%}@media (max-width:812px){.search input[data-v-891231d4]{width:180px}}@media (max-width:450px){.search input[data-v-891231d4]{width:100px}}.search button[data-v-891231d4]{padding:10px 15px;background-color:#ff4040;color:#fff;border:none;cursor:pointer;border-radius:0 4px 4px 0;transition:background-color .3s}.search button[data-v-891231d4]:hover{background-color:#f33}.brightness-container[data-v-891231d4]{position:relative;margin:0 15px}.brightness-button[data-v-891231d4]{background:none;border:none;font-size:24px;cursor:pointer}.dropdown[data-v-891231d4]{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;z-index:1000}.dropdown label[data-v-891231d4]{display:block;margin-bottom:5px;color:#000}.dropdown select[data-v-891231d4]{padding:5px;border-radius:4px;border:1px solid #ccc;color:#000}body{font-family:Arial,sans-serif}html{background:#292935}*{color:#e1dfdf}.content{margin-top:80px}@media (max-width:812px){.content{margin-top:56px}}.video-card[data-v-51d616b9]{flex:1 1 calc(20% - 20px);margin:10px;cursor:pointer}@media (max-width:994px){.video-card[data-v-51d616b9]{flex:1 1 calc(25% - 20px)}}@media (max-width:770px){.video-card[data-v-51d616b9]{flex:1 1 calc(33% - 20px)}}@media (max-width:632px){.video-card[data-v-51d616b9]{flex:1 1 calc(50% - 20px)}}@media (max-width:481px){.video-card[data-v-51d616b9]{flex:1 1 calc(100% - 20px)}}.video-card img[data-v-51d616b9]{width:100%;height:auto}.video-info h3[data-v-51d616b9]{font-size:14px}.video-list[data-v-3c7d6d1a]{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:1200px}.video-container[data-v-34021868]{overflow-y:auto;height:100vh;display:flex;justify-content:center}.loading-indicator[data-v-34021868]{text-align:center;padding:10px;font-size:16px;color:grey}.wrapper[data-v-7cad9336]{display:flex;justify-content:center}.video-page[data-v-7cad9336]{display:flex;width:100%;max-width:1200px}@media (max-width:812px){.video-page[data-v-7cad9336]{flex-direction:column}.video-container[data-v-7cad9336]{align-self:flex-start}.related-videos[data-v-7cad9336]{padding-left:0!important}.video-container[data-v-7cad9336]{top:56px!important;align-self:stretch!important}}.video-container[data-v-7cad9336]{flex:70%;position:sticky;top:80px;align-self:auto;background:#292935;padding-top:20px;align-self:flex-start}iframe[data-v-7cad9336]{height:auto;width:100%;aspect-ratio:16/9}.timer-container[data-v-7cad9336]{margin-top:20px;margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:5px}.timer-container h3[data-v-7cad9336]{margin-top:0}.timer-container input[data-v-7cad9336],.timer-container select[data-v-7cad9336]{width:60px;margin-right:10px}.timer-container button[data-v-7cad9336]{margin-right:10px;margin-top:10px}.related-videos[data-v-7cad9336]{flex:30%;padding-left:20px}input[data-v-7cad9336]{color:#000;background:#c6c2c2;border:#c6c2c2}button[data-v-7cad9336],select[data-v-7cad9336]{color:#000}.toggle-timer-btn[data-v-7cad9336]{margin:10px 0}h1[data-v-189b5bb0]{margin-bottom:20px}.video-container[data-v-189b5bb0]{overflow-y:auto;height:100vh}.loading-indicator[data-v-189b5bb0]{text-align:center;margin-top:20px}