@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--color-white-100:#fefefe;--color-grey-100:#1a1a1a;--color-grey-80:#484848;--color-grey-60:#767676;--color-grey-40:#a4a4a4;--color-grey-20:#d2d2d2;--color-grey-10:#e3e3e3;--color-grey-5:#ededed;--color-primary-100:#5925dc;--color-primary-80:#7a5af8;--color-primary-60:#9b8afb;--color-primary-40:#bdb4fe;--color-primary-20:#d9d6fe;--color-primary-10:#f4f3ff;--color-success-100:#2bb930;--color-success-50:#95dc98;--color-success-10:#eaf8ea;--color-warning-100:#ff9514;--color-warning-50:#ffca8a;--color-warning-10:#fff4e7;--color-danger-100:#e6131b;--color-danger-50:#f3898d;--color-danger-10:#fde7e8}body{margin:0}a{text-decoration:none}h1{font-size:72px;line-height:82px}h1,h2{color:#1a1a1a;color:var(--color-grey-100);font-family:Urbanist;font-style:normal;font-weight:700;text-align:center}h2{font-size:64px;line-height:74px}h3{font-family:Urbanist;font-size:52px;font-style:normal;font-weight:600;line-height:62px;text-align:center}h4{font-size:42px;line-height:52px}h4,h5{font-family:Urbanist;font-style:normal;font-weight:600;margin:0;text-align:center}h5{font-size:32px;line-height:38px}h6{font-size:24px;font-weight:600;margin:0;text-align:center}.headline-text,h6{font-family:Urbanist;font-style:normal}.headline-text{color:#1a1a1a;color:var(--color-grey-100);font-size:20px;font-weight:500}.button-medium-text{font-size:16px;font-weight:600;line-height:26px}.button-medium-text,.button-small-text{color:#fefefe;color:var(--color-white-100);font-family:Urbanist;font-style:normal;text-align:center}.button-small-text{font-size:14px;font-weight:500}.label-text{color:#1a1a1a;color:var(--color-grey-100);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;letter-spacing:.4px;line-height:14px;text-transform:uppercase}.placeholder-text{color:#767676;color:var(--color-grey-60);font-family:Inter;font-size:14px;letter-spacing:-.289px}.paragraph-normal,.placeholder-text{font-style:normal;font-weight:400;line-height:26px}.paragraph-normal{color:#1a1a1a;color:var(--color-grey-100,#1a1a1a);font-family:Urbanist;font-size:16px}.paragraph-small{font-size:14px;font-weight:400;line-height:22px}.description-text,.paragraph-small{font-family:Urbanist;font-style:normal}.description-text{font-size:12px;font-weight:500;line-height:16px}.color-danger{color:#e6131b;color:var(--color-danger-100)}.logotype{color:#1a1a1a;color:var(--color-grey-100);font-size:18px;text-transform:uppercase}.logotype,.tag-id{font-family:Urbanist;font-style:normal;font-weight:600}.tag-id{background-color:#ededed;background-color:var(--color-grey-5);border:1px solid #a4a4a4;border:1px solid var(--color-grey-40);border-radius:6px;color:#767676;color:var(--color-grey-60);font-size:14px;padding:4px 8px}.tag-warning{background-color:#fff4e7;background-color:var(--color-warning-10);border:1px solid #ff9514;border:1px solid var(--color-warning-100);border-radius:6px;color:#ff9514;color:var(--color-warning-100)}.tag-success,.tag-warning{font-weight:600;padding:4px 8px;text-transform:uppercase}.tag-success{background-color:#eaf8ea;background-color:var(--color-success-10);border:1px solid #2bb930;border:1px solid var(--color-success-100);border-radius:6px;color:#2bb930;color:var(--color-success-100)}.tag-danger{background-color:#fde7e8;background-color:var(--color-danger-10);border:1px solid #e6131b;border:1px solid var(--color-danger-100);border-radius:6px;color:#e6131b;color:var(--color-danger-100);font-weight:600;padding:4px 8px;text-transform:uppercase}@media (max-width:768px){h2{font-size:52px;line-height:62px}h3{font-size:42px;line-height:52px}h4{font-size:32px;line-height:38px}h5{font-size:24px;line-height:34px}h6{font-size:18px}.headline-text{font-size:16px}.paragraph-normal{font-size:14px;line-height:22px}}@media (max-width:480px){h2{font-size:42px;line-height:52px}h3{font-size:32px;line-height:38px}h6{font-size:16px}.headline-text{font-size:14px}.paragraph-small{font-size:12px;line-height:20px}}.navbar{background-color:var(--color-white-100);justify-content:space-between;padding:20px 50px}.navbar,.navbar-item{align-items:center;display:flex}.navbar-item{flex-direction:row;gap:16px}.sign-up-nav{color:var(--color-primary-100)}.log-in-nav{background-color:var(--color-primary-100);border-radius:20px;padding:6px 21px}.logo-container{align-items:center;display:flex;flex-direction:row;gap:8px}.logo-container:hover .logotype{color:var(--color-primary-100)}.logo{fill:var(--color-primary-100)}.nav{color:var(--color-grey-60)}.nav:hover{color:var(--color-primary-100);cursor:pointer}.active{color:var(--color-grey-100)}@media (max-width:560px){.logo-container{display:none}.navbar{justify-content:center;padding:20px 8px}.nav{font-size:14px}}.hero-title{max-width:635px}.movies-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1240px;padding-bottom:54px}.movie-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-evenly;width:auto}@media (max-width:1240px){.movies-page{padding-left:24px;padding-right:24px}}@media (max-width:768px){.hero-title{max-width:480px}}@media (max-width:480px){.movies-page{padding-left:16px;padding-right:16px}}.movie-card-container{border:2px solid var(--color-grey-20);border-radius:10px;display:flex;flex-direction:column;gap:24px;height:460px;max-height:460px;max-width:255px;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.poster{align-items:center;background:#f4f3ff;background:var(--color-primary-10,#f4f3ff);border-radius:15px;display:flex;height:350px;justify-content:center;width:255px}.card-movie-title{text-align:start}.age-rating{color:var(--color-primary-100)}.movie-card-container:hover{background-color:var(--color-primary-10);border:2px solid var(--color-primary-100);cursor:pointer}@media (max-width:768px){.movie-card-container{height:340px;max-height:340px;max-width:175px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.poster{height:240.2px;width:175px}}@media (max-width:480px){.movie-card-container{gap:16px;height:260px;max-height:260px;max-width:125px;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.poster{height:171px;width:125px}}.auth-page{min-height:100vh}.auth-container,.auth-page{align-items:center;display:flex;justify-content:center}.auth-container{background:var(--color-white-100);border-radius:15px;flex-direction:column;gap:40px;max-width:540px;padding:55px 60px;width:100%}.signup-login-button{display:grid;grid-template-columns:1fr 1fr;width:100%}.signup-button-inactive{background-color:var(--color-white-100);color:var(--color-primary-100)}.signup-button-active,.signup-button-inactive{border:2px solid var(--color-primary-100);border-radius:20px 0 0 20px;padding:8px}.signup-button-active{background-color:var(--color-primary-100)}.signup-button-inactive:hover{background-color:var(--color-primary-10);border:2px solid var(--color-primary-100);cursor:pointer}.signup-button-active:hover{cursor:pointer}.login-button-inactive{background-color:var(--color-white-100);color:var(--color-primary-100)}.login-button-active,.login-button-inactive{border:2px solid var(--color-primary-100);border-radius:0 20px 20px 0;padding:8px}.login-button-active{background-color:var(--color-primary-100)}.login-button-active:hover{cursor:pointer}.login-button-inactive:hover{background-color:var(--color-primary-10);border:2px solid var(--color-primary-100);cursor:pointer}.labels{display:flex;flex-direction:column;gap:20px;justify-content:start;width:100%}.labels .paragraph-small{text-align:center}.button-auth{width:100%}.message-auth{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center}@media (max-width:768px){.auth-page{padding:0 60px}}@media (max-width:640px){.auth-page{padding:0 30px}}@media (max-width:480px){.auth-page{padding:0 16px}.auth-container{gap:35px;padding:35px 40px}}.label-container{display:flex;flex-direction:column;gap:10px}.input-container{align-items:center;border:1px solid var(--color-grey-20);border-radius:6px;display:flex;justify-content:space-between;padding:10px 16px}.label-input{border:none;width:100%}.label-input:focus{outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button-medium{background-color:var(--color-primary-100);border:2px solid var(--color-primary-100);border-radius:6px;padding:12px}.button-medium:hover{background-color:var(--color-primary-10);color:var(--color-primary-100);cursor:pointer}.button-medium-danger{background-color:var(--color-danger-100);border:1px solid var(--color-danger-100);border-radius:6px;padding:12px}.button-medium-danger:hover{background-color:var(--color-white-100);color:var(--color-danger-100);cursor:pointer}.movie-details-page{margin:auto;max-width:1240px;padding-bottom:54px;padding-top:54px}.movie-details-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 5fr}.poster-details{border-radius:20px;padding-bottom:150%;width:100%}.title-details{text-align:start}.age-rating-details,.price-details{color:var(--color-primary-100);text-align:start}.age-rating-details{align-items:center;background-color:var(--color-white-100);border:1px solid var(--color-primary-100);border-radius:20px;justify-content:center;margin:auto 0;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.price-age-container-details{display:flex;gap:16px}.description-details{margin:24px 0 8px}.released-details{margin-bottom:24px}@media (max-width:1240px){.movie-details-page{padding-left:24px;padding-right:24px}}@media (max-width:480px){.movie-details-page{padding-left:16px;padding-right:16px}}@media (max-width:768px){.movie-details-page{padding-top:24px}.movie-details-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.poster-details{padding-bottom:75%}}@media (max-width:480px){.movie-details-page{padding-top:12px}.poster-details{padding-bottom:150%}}.ticket-showtime-title{padding-top:32px;text-align:start}.line{border-bottom:1px solid var(--color-grey-20);display:flex;justify-content:end;padding-top:6px}.showtime-container{display:flex;flex-direction:column;gap:18px;padding-top:18px}.showdate-container{display:flex;flex-direction:column;gap:8px}.showtime-item-container{display:flex;flex-wrap:wrap;gap:12px}.showtime-item{background-color:var(--color-white-100);border:1px solid var(--color-grey-20);border-radius:6px;font-weight:500;padding:8px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.showtime-item:hover{background-color:var(--color-primary-10);border:1px solid var(--color-primary-100);cursor:pointer}.page-template{margin:auto;max-width:1240px;padding-bottom:54px;padding-top:54px}.balance-card{aspect-ratio:8.5/5.3;border-radius:20px;color:var(--color-white-100);flex-direction:column;margin:auto;padding:18px 32px;width:450px}.balance-card,.balance-card-content{align-items:center;display:flex;justify-content:space-between}.balance-card-content{flex:1 1;flex-direction:column;padding:16px}.balance-card h3{margin:0}.balance-card .headline-text{color:var(--color-white-100)}.button-balance-container{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;padding-top:16px}@media (max-width:1240px){.page-template{padding-left:24px;padding-right:24px}}@media (max-width:480px){.page-template{padding-left:16px;padding-right:16px}.balance-card{background-color:aqua;border-radius:15px;max-width:250px}}@media (max-width:768px){.page-template{padding-bottom:24px;padding-top:24px}.balance-card{width:350px}}.button-small{background-color:var(--color-primary-100);border:1px solid var(--color-primary-100);border-radius:6px;padding:12px}.button-small:hover{background-color:var(--color-primary-10);color:var(--color-primary-100);cursor:pointer}.button-small-danger{background-color:var(--color-danger-100);border:1px solid var(--color-danger-100);border-radius:6px;padding:12px}.button-small-danger:hover{background-color:var(--color-white-100);color:var(--color-danger-100);cursor:pointer}.balance-modal{background-color:var(--color-white-100);border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:space-between;outline:0;padding:16px;width:450px}.balance-modal-overlay{background-color:rgba(0,0,0,.8);height:100vh;position:fixed;top:0;width:100%}.balance-amount,.balance-modal-overlay{align-items:center;display:flex;justify-content:center}.balance-amount{flex-direction:row;gap:8px;margin-left:auto;margin-right:auto}.balance-input{color:var(--color-primary-100);font-family:Urbanist;font-size:52px;font-style:normal;font-weight:600;max-width:350px;width:1ch}.select-balance-button-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}@media (max-width:480px){.balance-modal{border-radius:15px;max-width:275px;width:275px}.balance-input{font-size:32px}}@media (max-width:768px){.balance-modal{height:200px;width:350px}.balance-input{font-size:42px}}.age-rating-modal{background-color:var(--color-white-100);border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:space-between;outline:0;padding:16px;width:300px}.age-rating-modal-overlay{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100%}.age-rating-icon{color:var(--color-danger-100);font-size:96px;margin-left:auto;margin-right:auto}@media (max-width:480px){.age-rating-modal{border-radius:15px;max-width:275px;width:275px}}@media (max-width:768px){.age-rating-modal{height:200px;width:250px}}.book-page{display:flex;flex-direction:column;gap:32px;margin:auto;max-width:500px;padding-bottom:54px;padding-top:54px}.seat-legend{gap:24px}.seat-legend,.seat-legend-item{align-items:center;display:flex;flex-direction:row;justify-content:center}.seat-legend-item{gap:8px}.seat{align-items:center;aspect-ratio:1/1;border-radius:4px;display:flex;justify-content:center;margin:auto;text-align:center;width:35px}.seat-disabled{background-color:var(--color-grey-60);border:1px solid var(--color-grey-60)}.seat-available{background-color:var(--color-primary-100)}.seat-available,.seat-selected{border:1px solid var(--color-primary-100);cursor:pointer}.seat-selected{background-color:var(--color-primary-10)}.seat-available .paragraph-normal,.seat-disabled .paragraph-normal{color:var(--color-white-100);font-weight:600}.seat-selected .paragraph-normal{color:var(--color-primary-100);font-weight:600}.seat-grid{grid-gap:10px;align-self:center;display:grid;grid-template-columns:repeat(8,1fr);justify-self:center;width:80%}.seat-summary-grid{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:100%}.seat-summary-grid .paragraph-normal{text-align:center}.selected-seats-container,.total-price-container{display:flex;flex-direction:column}.warning-max-seat{color:var(--color-danger-100);text-align:center}@media (max-width:1240px){.book-page{padding-left:24px;padding-right:24px}}@media (max-width:768px){.book-page{padding-bottom:24px;padding-top:24px}}@media (max-width:560px){.seat{width:25px}}@media (max-width:480px){.book-page{padding-left:16px;padding-right:16px}.seat-legend{gap:12px}.seat-legend-item{flex-direction:column;gap:4px}.seat-grid{grid-gap:5px}}.payment-page{margin:auto;max-width:500px;padding-bottom:54px;padding-top:54px}.payment-poster-details{border-radius:6px;padding-bottom:150%;width:100%}.payment-movie-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 3fr}.payment-movie-details h4{text-align:start}.payment-page .line{margin-bottom:16px;padding-top:24px}.transaction-details-payment h6{padding-bottom:14px;text-align:start}.row-payment,.row-total-price{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.row-total-price{padding-top:14px}.row-total-price h6{color:var(--color-primary-100)}.selected-seats{font-weight:600}.my-balance-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.cancel-topup-button{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.message-payment{align-items:center;display:flex;flex-direction:row;justify-content:center;line-height:16px;margin:auto;text-align:center;width:80%}@media (max-width:1240px){.payment-page{padding-left:24px;padding-right:24px}}@media (max-width:768px){.payment-page{padding-bottom:24px;padding-top:24px}}@media (max-width:480px){.payment-page{padding-left:16px;padding-right:16px}}.ticket-page{margin:auto;max-width:600px;padding-bottom:54px;padding-top:0}.ticket-title{margin:24px 0}.tickets-container{display:flex;flex-direction:column;gap:16px}@media (max-width:1240px){.ticket-page{padding-left:24px;padding-right:24px}}@media (max-width:768px){.ticket-page{padding-bottom:24px;padding-top:0}}@media (max-width:480px){.ticket-page{padding-left:16px;padding-right:16px}}.ticket-card-grid{grid-gap:24px;border:2px solid var(--color-grey-20);border-radius:12px;cursor:pointer;display:grid;gap:24px;grid-template-columns:1fr 4fr;padding:16px}.ticket-card-grid:hover{background-color:var(--color-primary-10);border:2px solid var(--color-primary-100)}.ticket-card-details{align-items:start;display:flex;flex-direction:column;justify-content:space-evenly}.ticket-card-details h6{text-align:start}.seat-numbers-ticket{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:start}.icon-ticket{color:var(--color-grey-60);font-size:18px}
/*# sourceMappingURL=main.1c2f5ee5.css.map*/