@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap";@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-DtIQjUtb.otf) format("opentype");font-weight:400;font-style:normal}*{font-family:Lexend Deca,sans-serif;color:#fff;margin:0}.card-component{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .5s ease-in-out}.card-component .top{display:flex;justify-content:space-between}.card-component .top .film-title{max-width:75%;font-family:Inconsolata;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-component .top .ban{font-family:Inconsolata}.card-component .main{display:flex;justify-content:space-between}.card-component .main .room{flex:1;font-size:2rem;text-align:center}.card-component .main .line{width:2px;height:3rem;margin:0 1rem;background:#ffffff80;border-radius:999px}.card-component .main .houre{flex:1;display:flex;justify-content:space-evenly;align-items:center}.loading-screen{width:100%;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-screen .spinner-container{width:100px;height:100px}.validation-screen{width:100%;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.validation-screen .validation-container{width:50%;display:flex;flex-direction:column;row-gap:1rem}.validation-screen .validation-container .validate{padding:.6rem 1.5rem;background:#ffffff59;border-radius:7.5px;border:0;color:#fff;font-size:1.05rem;transition:all .5s ease-in-out}.validation-screen .validation-container .validate:hover{cursor:pointer;background:#feb91e;color:#323439}.validation-screen .validation-container .cancel{padding:.6rem 1.5rem;background:#feb91e;border-radius:7.5px;border:0;color:#323439;font-size:1.05rem;transition:all .5s ease-in-out}.validation-screen .validation-container .cancel:hover{cursor:pointer;background:#ffffff59;color:#fff}header{width:100%;position:fixed;z-index:999}header nav{width:calc(100% - 1rem);height:50px;padding:.5rem;position:relative;display:flex;justify-content:space-around;align-items:center;gap:.5rem;background:linear-gradient(92deg,#323439bf -2%,#32343980);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}header nav .nav-link{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#0000;text-decoration:none;color:#fff;transition:all .3s ease-in-out}header nav .nav-link.unable{pointer-events:none;color:#ffffff40}header nav .router-link-active{color:#323439}header nav #active-bg{width:calc(33.3333333333% - 1rem);height:calc(100% - 1rem);position:absolute;top:.5rem;z-index:-1;background-color:#feb91e;border-radius:10px;transform:translate(calc(-100% - 1rem));transition:all .3s ease-in-out}body{height:100vh;margin:0;padding:0;background:#000}body #app{height:100%}body #app main{height:100%}body #app header~main{padding-top:calc(40px + 2.5rem);height:calc(100% - (40px + 2.5rem))}.container{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.75rem}.card-group{padding-right:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.card-group:after{content:"";width:5px;height:calc(100% - 2rem);position:absolute;top:1rem;right:0;z-index:10;background-color:#feb91e;border-radius:999px}.capture-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:.75rem}.capture-container .file-container{width:50%;display:flex;flex-direction:column;align-items:center;row-gap:1rem}.capture-container .file-container #fileInput{display:none}.capture-container .file-container .file-btn{padding:.6rem 1.5rem;background:#ffffff59;border-radius:7.5px;border:0;color:#fff;font-size:1.05rem;transition:all .5s ease-in-out;width:100%;padding-right:0;padding-left:0;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:400}.capture-container .file-container .file-btn:hover{cursor:pointer;background:#feb91e;color:#323439}.capture-container .file-container #file-name{max-height:3rem;padding:.5rem 0;font-size:.75rem;font-weight:300;font-style:italic;text-align:center}.capture-container .file-container .send-btn{width:100%;display:flex;justify-content:center;align-items:center;font-size:1rem;padding:.6rem 1.5rem;background:#feb91e;border-radius:7.5px;border:0;color:#323439;font-size:1.05rem;transition:all .5s ease-in-out}.capture-container .file-container .send-btn:hover{cursor:pointer;background:#ffffff59;color:#fff}.capture-container .undo-container{padding-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:.75rem}.capture-container .undo-container>button{padding:.6rem 1.5rem;background:#fff0;border-radius:7.5px;border:0;color:#fff;transition:all .5s ease-in-out;font-size:1.05rem}.capture-container .undo-container>button:hover{cursor:pointer;color:#feb91e}.capture-container .undo-container .logout-btn{font-size:1.05rem;color:#ff6e6e}.login-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#000}.login-container input[type=text],.login-container input[type=password]{width:50%;padding:.5rem;background:#323439;border:solid 1px rgba(255,255,255,.5);border-radius:5px;font-size:1.05rem}.login-container input[type=text]:focus,.login-container input[type=password]:focus{outline:none}.login-container button{padding:.6rem 1.5rem;background:#feb91e;border-radius:7.5px;border:0;color:#323439;font-size:1.05rem;transition:all .5s ease-in-out}.login-container button:hover{cursor:pointer;background:#ffffff59;color:#fff}
