:root{box-sizing:border-box;margin:0;padding:0;--header-font: "Cinzel", "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;--description-font: "Marcellus", "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;--primary-v1: #a6362c;--secondary-v1: #6e7f4e;--sub-primary-v1: #6c3b2a;--sub-secondary-v1: #fdf7f2;--third-v1: #333333}body{margin:.2rem;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--sub-secondary-v1);color:var(--third-v1)}button{cursor:pointer}button:hover{opacity:.8}button:active{opacity:.6}button.primary{background-color:var(--secondary-v1);color:var(--sub-secondary-v1);border:1px solid var(--secondary-v1);font-family:Cinzel,Arial,sans-serif}button.secondary{background-color:var(--sub-secondary-v1);color:var(--secondary-v1);border:3px solid var(--secondary-v1);border-radius:0;font-family:Roboto}button.critical{background:var(--primary-v1);color:var(--sub-secondary-v1);border:1px solid var(--third-v1);font-family:Roboto}button.nutral{background-color:var(--sub-secondary-v1);color:var(--third-v1);border:1px solid var(--third-v1);font-family:Roboto}#pizzas_container,#ingredients_container{border:0px solid black;display:grid;width:100%;grid-template-columns:repeat(auto-fill,clamp(300px,400px,20%));grid-gap:5px;overflow:hidden;position:relative}#pizzas_container .banner{position:absolute;background-color:var(--sub-secondary-v1);font-family:var(--description-font);font-size:1.5rem;padding:.5rem;transform:rotate(-45deg);top:.5rem;left:-.9rem}#ingredients_container{grid-template-columns:repeat(auto-fill,clamp(200px,300px,15%))}#ingredients_container .banner{position:absolute;background-color:var(--sub-secondary-v1);font-family:var(--description-font);font-size:1.3rem;padding:.5rem;transform:rotate(-45deg);top:.8rem;left:-1.2rem;z-index:1}#ingredients_container{margin-top:5px}.pizza_card,.ingredient_card{color:inherit;--padding: 0 20px;text-decoration:none;cursor:pointer;border:0px solid black;background-color:var(--sub-secondary-v1);width:fit-content;height:min-content;box-shadow:2px 10px 10px 5px #0003}.pizza_card .img_container,.ingredient_card .img_container{overflow:hidden;position:relative}.pizza_card img,.ingredient_card img{width:100%;height:clamp(11rem,9rem,10rem);object-fit:cover;transition:all .6s ease-in-out}.pizza_card h2,.ingredient_card h2{margin:0;padding:20px;background-color:var(--primary-v1);color:var(--sub-secondary-v1);border:0px solid black;font-family:var(--header-font);font-size:1.3rem}.pizza_card p,.ingredient_card p{padding:var(--padding);font-family:var(--description-font);font-size:clamp(1rem,1.3rem);text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}.pizza_card ul,.ingredient_card ul{padding:var(--padding);list-style:none;display:flex;justify-content:flex-start;gap:10px}.pizza_card .pizza_card_footer,.ingredient_card .pizza_card_footer{background-color:var(--third-v1);height:2.5rem;display:flex;justify-content:space-evenly;align-items:center;color:var(--sub-secondary-v1);font-size:1.1rem}.pizza_card .pizza_card_footer div,.ingredient_card .pizza_card_footer div{display:flex;gap:10px}.pizza_card button,.ingredient_card button{width:100%;height:2.5rem;font-size:1rem}.pizza_card:hover img{transform:scale(1.5)}.ingredient_card{cursor:inherit;width:fit-content}.ingredient_card .img_container{height:clamp(9rem,9rem,9rem)}.ingredient_card img{width:100%;object-fit:cover}.mycart_container{width:80%;margin:0 auto}.mycart_container .mycart_item{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,30%));grid-template-rows:25%}.mycart_container .mycart_item .img_container{width:100%;height:fit-content}.mycart_container .mycart_item .img_container img{width:100%;height:100%;object-fit:cover;object-position:center}.mycart_container .mycart_item h3{margin:0;padding:0;height:100%;background-color:var(--primary-v1);color:var(--sub-secondary-v1);font-size:1.5rem;font-family:var(--header-font);align-content:center}.mycart_container .mycart_item p,.mycart_container .mycart_item div{font-family:var(--description-font)}.mycart_container .mycart_footer button{font-size:1.1rem}.order-live-container{width:80%;margin:0 auto}.spinner.on{animation:rotating 1s linear infinite}.spinner.off{display:none}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#login-page{width:100vw;height:100vh;background-color:inherit;background-image:url(/assets/login-background.jpg);background-size:cover;background-position:left;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:-1}.login-form,.signup-form{border:0px solid #000;height:100vh;width:clamp(30%,1rem,50%);align-content:center;overflow:hidden}.login-form form,.signup-form form{border:1px solid var(--sub-secondary-v1);-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);border-radius:0rem;padding:2rem;width:80%;height:90%;display:flex;flex-direction:column;gap:10px}.login-form form input,.login-form form button,.signup-form form input,.signup-form form button{height:3rem;font-size:large}.login-form form input,.signup-form form input{padding-left:1rem;font-size:1.2rem}.signup-form form{height:90%}.login-form input:is(:user-valid),.signup-form input:is(:user-valid){border:3px solid green}.login-form input:is(:user-invalid),.signup-form input:is(:user-invalid){border:3px solid red;background-color:#f08080}nav{width:100%}nav ul{list-style:none;display:flex;align-items:center}nav ul li{flex-grow:1}nav ul li a:has(svg){color:inherit}.basket{z-index:1;cursor:pointer;font-size:3.5rem;position:relative;background-color:var(--sub-secondary-v1);border-radius:10%}.basket span{position:relative;font-style:italic;color:var(--sub-secondary-v1)}.basket span:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--secondary-v1);transform:rotate(25deg);top:0;left:0;z-index:-1;border-radius:50%}#voice_helper{width:30%;height:calc(100vh - 150px);border:1px solid black;padding:1rem;background-color:var(--secondary-v1);overflow-y:scroll}#voice_helper svg{cursor:pointer;font-size:1.5rem;padding:.5rem;margin:.5rem;border:1px solid black;border-radius:50%;background-color:inherit}#voice_helper div{margin:5px;padding:10px;border-radius:1rem;box-shadow:-3px 3px 3px #0000001a;animation:fadeIn 1s ease-in-out forwards}#voice_helper div.agent{border:1px solid #d4cfcf;background-color:#e8e7e7}#voice_helper div.client{border:1px solid #d0c8c8;background-color:#fff}#voice_helper div.agent:before{content:"Agent: ";font-weight:700;color:var(--primary-v1)}#voice_helper div.client:before{content:"You: ";font-weight:700;color:var(--third-v1)}#voice_helper .client{text-align:right}#voice_helper .agent{text-align:left}.voice_helper_hidden{opacity:0;position:absolute;right:0;top:0}.voice_helper_hide{animation:slideOut .5s ease-in-out forwards;position:absolute;right:0;top:0;opacity:0}.voice_helper_show{position:absolute;right:0;top:0;animation:slideIn .5s ease-in-out forwards;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.fav_card_container{width:100%;height:fit-content;position:relative;margin-bottom:1rem}.fav_card_container .img_container{width:100%;height:60vh;overflow:hidden}.fav_card_container img{width:100%;height:100%;object-fit:cover}.fav_card_container .info_container{position:absolute;z-index:1;bottom:0;left:0;background-color:var(--sub-secondary-v1);font-family:var(--description-font);opacity:.7;width:100%}.fav_card_container .info_container ul{list-style:none;display:flex;gap:1rem}.fav_card_container .info_container h2{font-family:var(--header-font)}.review_card_container{width:100%;height:auto;position:relative;overflow:hidden}.review_card_container .img_container{width:100%;height:60vh;overflow:hidden}.review_card_container img{width:100%;height:100%;object-fit:cover}.review_card_container .info_container:before{content:"";position:absolute;background-color:#ffffffb3;width:100%;height:100%;top:.5rem;left:0;z-index:-1}.review_card_container .info_container{box-sizing:border-box;position:absolute;padding:10px;width:100%;left:0;bottom:0;z-index:0}.review_card_container .review_card_footer{display:flex}.review_card_container .review_card_footer *{cursor:pointer;border-radius:5px;width:1rem;height:1rem;padding:10px;margin:3px;box-shadow:inset 1px 1px 5px 5px rgba(hsl(197,71%,73%),.5)}.review_card_container .review_card_footer *:hover{opacity:.5}.review_card_container .review_card_footer *:nth-child(1){background-color:#87cfeb92}.review_card_container .review_card_footer *:nth-child(2){background-color:#dd692b92}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:3}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:var(--sub-secondary-v1);min-width:max-content;max-width:30%;height:auto}.pizza_details_page{background-color:inherit;width:100%;font-family:var(--description-font);display:flex;flex-direction:column;gap:10px}.pizza_details_page h1{font-family:var(--header-font)}.pizza_details_page>.img_container{position:relative;border:0px solid red;top:0;left:0;width:100%;height:60vh;overflow:hidden}.pizza_details_page>.img_container>img{width:100%;transform:translateY(-25%);object-fit:cover}.pizza_details_page>.img_container .info{position:absolute;width:100%;bottom:0;left:0;z-index:2}.pizza_details_page>.img_container .info:before{position:absolute;content:"";z-index:-1;top:0;left:0;width:100%;height:100%;background-color:#f8f8f880}.pizza_details_page section.ingredients{border:0px solid green;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,20rem));grid-template-rows:minmax(100px,14rem);grid-gap:1rem;overflow:hidden}.pizza_details_page section.ingredients .ingredient h3{margin:0;padding:1rem;background-color:var(--primary-v1);font-family:var(--header-font);color:var(--sub-secondary-v1);height:100%}.pizza_details_page section.ingredients .ingredient img{width:100%;object-fit:cover}.pizza_details_page section.reviews{border:0px solid blue}.order-container{width:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:1rem}.order .order_header{background-color:var(--primary-v1);color:var(--sub-secondary-v1);padding:1rem}.order .order_header,.order .order_footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,45%));grid-template-rows:minmax(1rem,5%);grid-row-gap:.5rem;font-family:var(--header-font)}.order .order_items{margin:1rem 0}.order .order_item{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,45%));grid-template-rows:minmax(1rem,5%);text-align:center;font-family:var(--description-font)}.order .order_item img{width:50%;object-fit:cover}.order .order_item .sub-item{padding:10%;font-size:1rem;font-weight:600}.order .order_footer{background-color:var(--third-v1);color:var(--sub-secondary-v1);padding:.5rem 1rem}.order button{padding:.5rem 1rem;font-size:1.1rem}
