video::cue{background-color:#000c;color:#ffc800;font-size:2rem}.player-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.volume-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:24px;z-index:10}.gallery-container{width:65vw;height:65vh;margin:0 auto}img{margin-inline:auto}.gallery{display:flex;justify-content:center;gap:.25rem;transform-style:preserve-3d;pointer-events:none}.image{width:100%;height:auto;flex:1;aspect-ratio:1 / 1.5;cursor:pointer;pointer-events:auto;background-color:#fff;-webkit-box-reflect:below 4px linear-gradient(transparent,rgba(0,0,0,.15));perspective:1000px}.image img{display:block;width:100%;height:100%;aspect-ratio:1 / 1.5;object-fit:cover;border-radius:4px;transition:filter .25s ease;transform-style:preserve-3d}.image:hover{filter:brightness(75%)}.arc-info-container{margin:0 auto;display:flex;flex-direction:column;width:60%}.arc-description{display:flex;justify-content:center;margin:90px auto;text-align:center;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6,0 0 25px #0073e6,0 0 30px #0073e6,0 0 35px #0073e6;font-size:2rem;font-weight:lighter}.episode-container{display:flex;flex-direction:column;gap:5px}.episode-container button{padding:10px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .25s;display:flex;font-size:1rem}.episode-container button:hover{background-color:#0056b3}.button-container{display:flex;align-items:center;justify-content:center}.title-container{display:flex;color:#aaa9ad;border:2px solid;align-content:center;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6,0 0 25px #0073e6,0 0 30px #0073e6,0 0 35px #0073e6;font-size:1.25rem;background-color:#000;font-weight:lighter;border-radius:5px;padding:5px 20px;margin:40px 0}.backToGallery:hover{color:#000;background-color:#fff}.footer-container{background-color:transparent;color:#fff;width:calc(100% - 20px);position:absolute;bottom:0;left:20px;padding-right:20px;display:flex;justify-content:flex-start;align-items:flex-end;justify-content:space-between;align-items:center;height:40px;font-size:.9rem}.footer-right{margin-left:auto;text-align:right}@media (max-width: 1440px){.footer-container{left:10px;padding-right:10px;font-size:1.25rem}}@media (max-width: 1440px){.footer-container{left:10px;padding-right:10px;font-size:1.15rem}}@media (max-width: 1024px){.footer-container{left:10px;padding-right:10px;font-size:1rem}}@media (max-width: 768px){.footer-container{font-size:1rem;justify-content:center}.footer-right{display:none}}.loading-spinner{display:flex;justify-content:center;align-items:center;z-index:10;margin:0 auto;width:1280px;height:720px}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frame-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;background-color:transparent;border-radius:15px;box-shadow:0 4px 20px #00000080;width:100%;height:85vh;margin:0 auto;max-width:1280px;max-height:720px;border-image-slice:233 375 233 375;border-image-width:50px 40px 40px 40px;border-image-outset:40px;border-image-repeat:stretch stretch;border-image-source:url(/Assets/Frame/frame-new.png)}.frame-content{width:100%;height:100%;overflow:hidden}@media (max-width: 1024px){.frame-container{width:100%;height:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/Assets/Background/dark1.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%}#root{display:flex;justify-content:center;align-items:center;flex-direction:column}
