@font-face{font-family:Brooklyn;src:url(../fonts/Brooklyn/Brooklyn-Normal.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Brooklyn;src:url(../fonts/Brooklyn/Brooklyn-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Semibold.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-ExtraLight.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(../fonts/Poppins/subset-Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(../fonts/Poppins/subset-Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal}:root{--mainColor: #3569b3;--blackColor: #101010;--whiteColor: #e8e8e8}*{margin:0;padding:0}body{background-color:var(--whiteColor)}a{text-decoration:none}input,textarea{border:1px solid var(--blackColor);border-radius:10px;padding:5px 0 5px 10px;font-weight:400;font-family:Poppins;font-size:16px}.date[data-v-45508b8d]{position:relative;width:100px;height:100px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-shadow:0 1px 5px #0003;font-family:Poppins;font-weight:400;font-size:14px;text-transform:uppercase}.date.active[data-v-45508b8d]:after{content:"";position:absolute;bottom:0;width:100px;height:10px;background-color:var(--mainColor);border-bottom-right-radius:30px;border-bottom-left-radius:30px}.sessionCard[data-v-b4f6de61]{width:100px;height:100px;border-radius:10px;background-color:var(--mainColor);display:flex;justify-content:center;flex-direction:column;text-align:center;position:relative;font-family:Poppins;font-weight:500;text-transform:uppercase;color:var(--whiteColor);transition:transform .3s ease .1s;will-change:transform}.sessionCard[data-v-b4f6de61]:hover{transform:scale(1.1)}.filmCard[data-v-7b726e2d]{width:100%;height:400px;display:flex;flex-direction:row;border-radius:10px;gap:10px;box-shadow:-3px 3px 10px #0000004d}.filmCard .filmInfo{img[data-v-7b726e2d] {height: 300px; object-fit: contain; border-radius: 5px;} .genreList[data-v-7b726e2d] {display: flex; gap: 10px;}}.filmCard .filmInfo[data-v-7b726e2d]{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins;font-weight:500;font-size:16px;color:var(--blackColor);border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:3px 0 15px #0000004d}.filmCard .sessionsCard[data-v-7b726e2d]{display:flex;margin:0 0 20px 20px;justify-content:flex-start;align-items:flex-end;gap:20px}.dateContainer[data-v-043ff3f5]{display:flex;gap:10px;width:fit-content;margin:100px auto}.filmContainer[data-v-043ff3f5]{display:flex;flex-direction:column;gap:20px;margin:0 100px 100px}div{form {&[data-v-3fd55563] {display: flex; flex-direction: column; justify-content: center; width: 400px; margin: 100px auto; gap: 15px; font-weight: 400; font-family: "Poppins";} label[data-v-3fd55563] {margin-bottom: -10px;} input[type="submit"] {&[data-v-3fd55563] {width: fit-content; padding: 5px 10px; margin: 0 auto; margin-top: 5px; background-color: var(--mainColor); color: var(--whiteColor); transition: transform .3s ease .1s; will-change: transform; border: none;} &[data-v-3fd55563]:hover {transform: scale(1.1);}}} a[data-v-3fd55563] {width: fit-content; padding: 5px 10px; margin: 0 auto; font-weight: 400; font-family: "Poppins"; background-color: var(--mainColor); color: var(--whiteColor); border-radius: 10px;}}div[data-v-3fd55563]{display:flex;flex-direction:column;justify-content:center;margin-bottom:100px}.error[data-v-3fd55563]{color:red;font-size:14px}div{form {&[data-v-ec6a4825] {display: flex; flex-direction: column; justify-content: center; width: 400px; margin: 100px auto; gap: 15px; font-weight: 400; font-family: "Poppins";} label[data-v-ec6a4825] {margin-bottom: -10px;} input[type="submit"] {&[data-v-ec6a4825] {width: fit-content; padding: 5px 10px; margin: 0 auto; margin-top: 5px; background-color: var(--mainColor); color: var(--whiteColor); transition: transform .3s ease .1s; will-change: transform; border: none;} &[data-v-ec6a4825]:hover {transform: scale(1.1);}}} a[data-v-ec6a4825] {width: fit-content; padding: 5px 10px; margin: 0 auto; font-weight: 400; font-family: "Poppins"; background-color: var(--mainColor); color: var(--whiteColor); border-radius: 10px;}}div[data-v-ec6a4825]{display:flex;flex-direction:column;justify-content:center;margin-bottom:100px}.error[data-v-ec6a4825]{color:red;font-size:14px}.alert{div {&[data-v-f064b452] {width: fit-content; height: fit-content; background-color: var(--whiteColor); border-radius: 10px; padding: 10px 30px; font-family: "Poppins"; display: flex; flex-direction: column; justify-content: center;} h2[data-v-f064b452] {text-align: center; font-weight: 500; font-size: 20px; margin-bottom: 10px;} h3[data-v-f064b452] {font-weight: 500; font-size: 16px;} p[data-v-f064b452] {font-size: 16px;} a[data-v-f064b452] {background-color: var(--mainColor); color: var(--whiteColor); width: fit-content; padding: 5px 10px; border-radius: 10px; margin: 0 auto;}}}.alert[data-v-f064b452]{width:100vw;height:100vh;position:absolute;top:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.mainDiv[data-v-2b072bed]{display:flex;align-items:center;width:100%;height:100%}.mainDiv .bookingContainer{button[data-v-2b072bed] {padding: 5px 10px; background-color: var(--blackColor); color: var(--whiteColor); border: none; border-radius: 10px; font-family: "Poppins"; font-weight: 500; font-size: 20px; cursor: pointer;}}.mainDiv .bookingContainer[data-v-2b072bed]{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:calc(100% - 400px);gap:100px}.mainDiv .bookingContainer .roomContainer[data-v-2b072bed]{display:flex;flex-direction:column;align-items:center;gap:5px}.mainDiv .bookingContainer .roomContainer .column[data-v-2b072bed]{display:flex;flex-direction:row;gap:5px}.mainDiv .bookingContainer .roomContainer .column .seat[data-v-2b072bed]{width:30px;height:30px;background-color:var(--mainColor)}.mainDiv .bookingContainer .roomContainer .column .seat.taken[data-v-2b072bed]{background-color:gray}.mainDiv .bookingContainer .roomContainer .column .seat.active[data-v-2b072bed]{background-color:green}.mainDiv .bookingContainer .roomContainer .screen[data-v-2b072bed]{width:70%;height:10px;border-radius:5px;background-color:var(--blackColor);margin-bottom:50px}.mainDiv .filmContainer{img[data-v-2b072bed] {object-fit: contain; border-radius: 5px; margin: 0 auto;} .genreList[data-v-2b072bed] {display: flex; gap: 10px;} .truncate[data-v-2b072bed] {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}}.mainDiv .filmContainer[data-v-2b072bed]{box-shadow:3px 0 15px #0000004d;font-family:Poppins;font-weight:400;width:400px;height:calc(100vh - 100px);margin:0;padding:0 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.error[data-v-2b072bed]{color:red;font-size:14px}.fade-enter-active[data-v-2b072bed],.fade-leave-active[data-v-2b072bed]{transition:opacity .5s ease}.fade-enter-from[data-v-2b072bed],.fade-leave-to[data-v-2b072bed]{opacity:0}h1[data-v-737501f1]{font-family:Vonca;font-weight:500;font-size:40px;text-align:center;margin:30px 0}section{h2[data-v-737501f1] {font-family: "Poppins"; font-weight: 400; font-size: 30px; margin-bottom: 20px;} div {&[data-v-737501f1] {display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid var(--blackColor); border-left: 1px solid var(--blackColor); border-right: 1px solid var(--blackColor); padding: 5px; gap: 10px;} &[data-v-737501f1]:last-child {border-bottom: 1px solid var(--blackColor);} button[data-v-737501f1] {padding: 5px 10px;}}}section[data-v-737501f1]{width:70%;margin:0 auto 100px;display:flex;flex-direction:column}.error[data-v-737501f1]{color:red;font-size:14px}.success[data-v-737501f1]{color:green;font-size:14px}input[data-v-4768382c]{width:calc(100% - 12px)}ul{li {&[data-v-4768382c] {padding: 10px;} &[data-v-4768382c]:hover {background-color: var(--blackColor); color: var(--whiteColor);}}}ul[data-v-4768382c]{width:100%;max-height:100px;overflow-y:scroll;transition:height .3s ease .1s}form{label[data-v-35dac0b4] {margin-bottom: -5px;} input[type="submit"] {&[data-v-35dac0b4] {width: fit-content; padding: 5px 10px; margin: 0 auto; margin-top: 10px; background-color: var(--mainColor); color: var(--whiteColor); transition: transform .3s ease .1s; will-change: transform; border: none;} &[data-v-35dac0b4]:hover {transform: scale(1.1);}}}form[data-v-35dac0b4]{font-weight:400;font-family:Poppins;display:flex;flex-direction:column;width:400px;gap:10px;margin:50px auto}.addGenre[data-v-35dac0b4]{font-size:12px}.error[data-v-35dac0b4]{color:red;font-size:14px}header{a {&[data-v-253d9356] {text-decoration: none; color: var(--whiteColor); margin: 0 100px;} h1[data-v-253d9356] {font-size: 40px; cursor: pointer; font-weight: 500; font-family: "Vonca";} h2[data-v-253d9356] {font-size: 20px; cursor: pointer; font-weight: 400; font-family: "Brooklyn";}}}header[data-v-253d9356]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;background-color:var(--mainColor)}footer[data-v-4706fa73]{background-color:var(--mainColor);height:300px;display:flex;justify-content:space-between;align-items:center}footer .lineV[data-v-4706fa73]{height:70%;width:2px;background-color:var(--whiteColor)}footer .box[data-v-4706fa73]{width:calc(100% / 3);padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:20px}footer .box1{h2[data-v-4706fa73] {font-family: "Vonca"; font-weight: 500; font-size: 30px; color: var(--whiteColor); text-align: center;} div {&[data-v-4706fa73] {display: flex; gap: 10px;} a {&[data-v-4706fa73] {transition: transform .3s ease .1s; will-change: transform;} &[data-v-4706fa73]:hover {transform: scale(1.1);} img[data-v-4706fa73] {width: 40px;}}}}footer .box2{ul {&[data-v-4706fa73] {display: flex; flex-direction: column; gap: 10px;} li {&[data-v-4706fa73] {list-style: none; text-align: center;} a[data-v-4706fa73] {font-family: "Poppins"; font-weight: 400; font-size: 16px; color: var(--whiteColor);}}} .lineH[data-v-4706fa73] {height: 2px; width: 50%; background-color: var(--whiteColor);}}footer .box3{div {&[data-v-4706fa73] {display: flex; flex-direction: column; gap: 20px; width: fit-content;} div {&[data-v-4706fa73] {display: flex; flex-direction: column; gap: 10px;} & p[data-v-4706fa73]:first-child {margin-bottom: -5px;} a[data-v-4706fa73] {color: var(--whiteColor);}}}}footer .box3[data-v-4706fa73]{color:var(--whiteColor);font-family:Poppins;font-weight:400;font-size:16px;display:flex;flex-direction:column;align-items:center}@font-face{font-family:Brooklyn;src:url(../fonts/Brooklyn/Brooklyn-Normal.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Brooklyn;src:url(../fonts/Brooklyn/Brooklyn-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Semibold.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Vonca;src:url(../fonts/Vonca/Vonca-ExtraLight.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(../fonts/Poppins/subset-Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(../fonts/Poppins/subset-Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal}[data-v-633edb4b]:root{--mainColor: #3569b3;--blackColor: #101010;--whiteColor: #e8e8e8}[data-v-633edb4b]{margin:0;padding:0}body[data-v-633edb4b]{background-color:var(--whiteColor)}a[data-v-633edb4b]{text-decoration:none}input[data-v-633edb4b],textarea[data-v-633edb4b]{border:1px solid var(--blackColor);border-radius:10px;padding:5px 0 5px 10px;font-weight:400;font-family:Poppins;font-size:16px}