@import url(https://fonts.googleapis.com/css2?family=Skranji:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#fff url(/static/media/Background.b577cf7d0a703d8dbda6.jpg);margin:0}#root{display:flex;flex-direction:column;min-height:100%}.cartButton{background-color:initial;border:#0000;cursor:pointer}.cartButton,.cartIconContainer{position:relative}.cartButton img{height:100%;width:2.4rem}.cartButton img:hover{width:2.5rem}.blink{animation-duration:.3s;animation-name:AddItemToCart}.badge{border:2px solid red;border-radius:50%;color:#fff;color:#242424;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.8rem;height:25px;padding:2px;position:absolute;right:-1rem;text-align:center;top:-.5rem;width:25px}@media screen and (max-width:640px){.cartButton{position:absolute;top:1.5rem}.badge{position:relative;top:-4rem}}@media screen and (max-width:340px){.cartButton{position:absolute;right:0;top:2rem}}@keyframes AddItemToCart{0%{opacity:100%;width:2.4rem}30%{opacity:30%;width:2.6rem}60%{opacity:30%;width:2.6rem}to{opacity:80%;width:2.4rem}}header{align-items:center;background-color:#ddd;border-radius:0 0 10px 10px;color:#f0f8ff;display:flex;flex-direction:row;height:5rem;justify-content:space-between;padding:0 1rem;position:fixed;top:0;width:100%;z-index:19}.logo{flex:1 1;margin:0 0 0 2.5rem}.logo a{font-family:Handlee,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.03rem;text-decoration:none}.logo a:hover{color:#fff}.links{align-items:center;display:flex;flex-direction:row;font-family:Handlee,cursive;font-size:1.1rem;font-weight:600;list-style-type:none;margin-right:1.5em}.links li,a{color:#292929;cursor:pointer;font-weight:600;padding:.5rem;text-decoration:none}.links :hover{color:#fff}.link.logout:hover{color:#f88b8b}.activeLink,li.active-list{color:#000;font-weight:800}.cartIcon{margin-right:1.6rem}.menuSelect{display:none}@media screen and (max-width:650px){.header{display:flex;flex-direction:column;height:5rem;position:relative;top:0}.logo{margin:0}.links,.logo{display:none}.header.nav{animation:leftDisplay .1s ease-in;background-color:#a1a1a0;height:100%;opacity:1}.header.nav,.links.nav{display:flex;flex-direction:column;position:absolute;width:100%}.links.nav{justify-content:space-around;margin:2rem 0 0;text-align:center;top:4rem}.links.nav li{animation:border .8s ease-in;padding:1rem 0;width:100%}.links.nav li:hover{animation:borderAnimation .2s ease-in;border-bottom:2px solid #000;color:#fff;font-weight:600}@keyframes borderAnimation{0%{border-bottom:1px solid #0000}to{border-bottom:1px solid #000}}.menuSelect{color:#000;cursor:pointer;display:initial;font-family:Handlee,cursive;font-weight:600;position:absolute;top:2rem;z-index:100}.menuSelect:hover{color:#868686}.cartIcon{height:80%;margin-right:0;margin-top:0;position:fixed;right:3rem;top:0}}@keyframes leftDisplay{0%{transform:translateX(-30%)}to{transform:translateX(0)}}.footer-container{align-items:center;background-color:#232321;bottom:0;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:space-around;padding:2rem 0;position:relative;width:100%;z-index:19}.footer_links{cursor:pointer;display:flex;flex-direction:column;list-style:none;text-decoration:none}.footer_link{font-size:1em;padding:.1rem 0}.footer_links.not-admin{visibility:hidden}.footer_link>*{color:#fff}.copyright{font-size:1.1em}.social_icons{display:flex;flex-direction:row}.social_icons a{margin-left:.6rem}.social_icons img{height:2rem;width:2rem}@media screen and (max-width:650px){.social_icons img{height:1.7rem;width:1.7rem}.footer_link{font-size:.8em}.copyright{font-size:.9rem}}@media screen and (max-width:470px){.footer-container{display:flex;flex-direction:column;padding:1rem 0}.footer_links{align-items:center;order:0}.social_icons img{height:1.4rem;justify-self:start;order:1;width:1.4rem}.copyright{font-size:.9rem;order:2}}.cart-item{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:11rem;justify-content:space-between;list-style:none;margin:1rem;max-width:350px;padding:.5rem;position:relative;width:19rem}.cart-item img{border-radius:1rem;box-shadow:5px 5px 5px 5px #000;height:100%;margin:-.4rem 0;object-fit:cover;opacity:.5;position:absolute;width:100%}.cart-item:hover{border:1px solid #000;cursor:pointer}.cart-item:hover img{opacity:.6}.cart-info div:first-child{margin-top:.4em}.cart-info>*{color:#fff;font-family:Averia Sans Libre,cursive;font-size:1.1rem;font-weight:500;margin:.2rem 0}.cart-info span{color:#fff;font-family:Handlee,sans-serif;font-size:1.2rem;font-weight:500}.cart-info-container{align-items:center;display:flex;flex-direction:column;font-weight:500;justify-content:center;position:relative;width:100%}.cart-buttons{display:flex;flex-direction:row;justify-content:space-around;min-width:5rem;width:100%;z-index:10}.cart-buttons button{border:2px solid #000;border-radius:.5rem;cursor:pointer;font-family:Handlee,cursive;font-size:1rem;font-weight:600;height:2rem;width:5.5rem}.cart-buttons button:active{transform:translateY(1px)}#increase:hover{box-shadow:0 0 5px #64fa64}#decrease:hover{box-shadow:0 0 5px #ff7878}@media screen and (max-width:750px){.cart-item{height:11rem;width:17rem}}@media screen and (max-width:700px){.cart-item{height:10rem;margin:.5rem;width:16rem}}@media screen and (max-width:610px){.cart-item{height:10rem;width:17rem}}@media screen and (max-width:320px){.cart-info>*{font-size:1.1em}.cart-item{height:10rem;width:15rem}}.backView{background-color:#e6f4fa;filter:opacity(.7);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:20}.modal{animation:slideIn .1s ease-in;background-color:#131313;border-radius:1rem;float:left;left:50%;margin-bottom:1rem;max-height:90%;max-width:800px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:70vw;z-index:30}.modal-conatiner{height:100%;position:relative;width:100%}.modal-header{background-color:#0a0a0a;display:flex;justify-content:space-between;padding:.5rem 0}.modal-header>*{color:#fff;font-family:Handlee,cursive}.modal-header:first-child{font-size:1.1rem;padding-left:1rem}.modal-header button{background-color:initial;border:#0000;cursor:pointer;font-size:.9rem;font-weight:700;margin-right:.7rem}.modal-header button:hover{color:#a87272}.modal-body{display:flex;justify-content:center}.loading-modal-body{position:relative}.loading-modal-body:after{background-color:#08080880;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.cartModal::-webkit-scrollbar{height:10px;width:10px}.modal::-webkit-scrollbar-thumb{background-color:#dadada;border:1px solid #8d8d8d73;border-radius:10px;cursor:pointer}.modal::-webkit-scrollbar-thumb:hover{background:#ebebeb}.modal::-webkit-scrollbar-thumb:active{background-color:#979c9e}@media screen and (max-width:740px){.modal{width:75vw}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1}}.cartModal{width:80%}.item-list{grid-gap:.5em .2em;display:grid;gap:.5em .2em;grid-template-columns:repeat(2,auto)}.bottom-context{align-items:center;display:flex;font-family:Handlee,cursive;padding:1em 0;position:relative}.bottom-context .total-amount{color:#fff;font-size:1.1rem;font-weight:500;margin-left:1rem}.bottom-context .total-amount span{border-bottom:2px solid #fff;color:#fff;font-weight:500}.bottom-context .order{position:absolute;right:1rem}.bottom-context .order button{background-color:#f5f5f8;border:none;border-radius:.4rem;color:#000;cursor:pointer;font-family:Handlee,cursive;font-size:1em;font-weight:600;height:1.7rem;width:7rem}.bottom-context .order button:hover{background-color:#313131;color:#fff;cursor:pointer;font-weight:500}.no-items{color:#fff;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;margin:1.5rem 0;text-align:center}@media screen and (max-width:900px){.cartModal{width:90%}.item-list{gap:.2em 0}}@media screen and (max-width:610px){.cart-context{width:100%}.cartModal{width:80%}.item-list{display:grid;grid-template-columns:repeat(1,auto);justify-content:center;width:100%}.bottom-context .total-amount{font-size:.9rem}.bottom-context .total-amount span{font-size:1.2rem}.bottom-context .order button button{height:1.6rem;width:10rem}.no-items{font-size:1.1rem;letter-spacing:.05rem;margin:.9rem 0}}@media screen and (max-width:380px){.cartModal{width:90%}.no-items{font-size:1rem}.bottom-context .order button{height:1.5em;width:6em}}@media screen and (max-width:320px){.cartModal{width:95%}.bottom-context .total-amount{font-size:.8rem}.bottom-context .total-amount span{font-size:1rem}.bottom-context .order button{height:1.5em;width:5.5em}}.card{animation:fadeIn .4s ease-in;background-color:#e5e5e5cc;border-radius:30px;box-shadow:0 6px 10px #0009;margin:auto;width:90%}h1{font-family:Pacifico,cursive;font-weight:700;letter-spacing:3px}.welcome{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:8rem 0 5rem;padding:1rem;text-align:center}.welcome p{font-family:Gloria Hallelujah,cursive;font-size:1.4rem;font-weight:500;margin:5px 0}.aboutUs-container{margin:5rem 0;padding:2rem 0;text-align:center}.aboutUs-container p{font-family:Gloria Hallelujah,cursive;font-size:1.4rem;font-weight:500;margin:5px}.contactList{margin-top:4rem}.contactItem{margin:3rem 0;position:relative}.contactItem:not(:last-child):after{border-bottom:1px solid #000;content:"";display:block;left:50%;margin:.5rem 0;max-width:600px;position:absolute;transform:translateX(-50%);width:80%}.contactImg{height:3.5rem;width:3.5rem}.contactName{align-items:center;display:flex;flex-direction:column}.notFound{display:flex;justify-content:center;margin:10rem 0 35rem}@media screen and (max-width:650px){.welcome{margin-top:6rem}}@media screen and (max-width:400px){h1{font-size:1.5rem}.welcome{margin-bottom:2rem;margin-top:5rem}.welcome p{font-size:1.2rem}.aboutUs-container{margin:2rem 0}.aboutUs-container p{font-size:1rem}.contactList{margin-top:1rem}.contactItem{margin:1.2rem 0}.contactImg{height:2.5rem;width:2.5rem}}.item{background-color:#dbdbdb;border-radius:10px;box-shadow:0 10px 36px 0 #000;display:flex;flex-direction:column;height:13rem;justify-content:space-between;margin:1rem .2rem;position:relative}.item:hover img{opacity:.9}.item:hover button{width:35%}.item:hover .title{letter-spacing:.4rem;transition:letter-spacing .1s}.title{font-family:Pacifico,cursive;font-size:1.5rem;font-weight:700;letter-spacing:.3rem;text-align:center;transition:letter-spacing .2s}.item img{border-radius:10px;height:13rem;object-fit:cover;position:relative;width:18rem}.selectedCategory img{opacity:.5}.selectedCategory:hover img{opacity:.4}.selectedCategory .content p{color:#000;font-size:1.8rem}.content{height:100%;width:100%}.content,.content button{color:#fff;position:absolute}.content button{background-color:initial;border-style:none;border-bottom:3px solid #fff;border-color:#fff currentcolor;border-top:3px solid #fff;bottom:.5rem;cursor:pointer;font-family:Prata,serif;font-size:1rem;font-weight:600;height:1.9rem;left:50%;letter-spacing:3px;transform:translate(-50%);width:30%}.content button:hover{animation-duration:50ms;animation-name:SelectHover;border-color:#fff;border-bottom:0;border-left:3px solid;border-right:3px solid;border-top:0}.selected-content button{border-color:#000;color:#000;font-weight:800}.LinkCategory{background-color:initial;border-style:none;border-bottom:3px solid #fff;border-color:#fff currentcolor;border-top:3px solid #fff;bottom:.5rem;color:#fff;cursor:pointer;font-family:Prata,serif;font-size:1rem;font-weight:600;height:1.9rem;left:50%;letter-spacing:3px;position:absolute;transform:translate(-50%);width:30%}.LinkCategory:hover{animation-duration:.2s;animation-name:SelectHover;border-color:#fff;border-bottom:0;border-left:3px solid;border-right:3px solid;border-top:0}.content p{text-align:center}.categoryMain{align-items:center;animation:fadeIn .4s ease-in;display:flex;flex-direction:column;justify-content:center;margin:1rem 0}.categoryMain h2{font-family:Pacifico,cursive;font-size:2.5rem;letter-spacing:.1rem;text-align:center}.categoryItems{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin:1rem;width:100%}@media screen and (max-width:400px){.item,.item img{height:12rem}.item img{width:17rem}.categoryMain h2{font-size:1.8rem}}@media screen and (max-width:330px){.item{height:10rem}.item img{height:11rem;width:14rem}}@keyframes SelectHover{0%{border-bottom:2px solid;border-top:2px solid}25%{border:1px solid;border-right:2px solid}50%{border-bottom:0;border-left:2px solid;border-right:2px solid;border-top:0}75%{border-bottom:0;border-left:3px solid;border-right:3px solid;border-top:0}to{border-bottom:0;border-left:3px solid;border-right:3px solid;border-top:0}}.mealCard{animation:fadeIn .5s ease-in;background-color:#f0f8ff;border-radius:.6rem;box-shadow:6px 5px 15px 10px #000000e6,inset 4px 4px 15px 0 #000000e6;display:flex;flex-direction:column;height:17rem;justify-content:space-between;margin:.8rem .2rem;padding:10px;position:relative;width:22rem}.mealCard:hover img{opacity:.3;transform:scale()}.mealCard:hover h3{color:#000;font-size:1.7rem}.mealCard:hover .price{font-size:1.7rem}.mealCard:hover .description{font-weight:800;visibility:visible}.mealCard:hover form button,.mealCard:hover form input,.mealCard:hover form label{visibility:visible}.mealCard img{border-radius:.6rem;height:100%;left:0;object-fit:cover;opacity:.9;outline:3px solid #0006;outline-offset:0;position:absolute;top:0;width:100%}.mealInfo{align-items:center;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100%;justify-content:space-between;padding:1.2rem 0 10px;width:100%;z-index:10}.mealInfo h3{color:#fff;font-size:1.6rem;margin:.3rem;z-index:10}.price{font-size:1.5rem;font-weight:700;left:.2rem;position:absolute;top:0;z-index:10}.description{color:#000;font-family:Gloria Hallelujah,cursive;font-size:1.2rem;font-weight:800;position:absolute;text-align:center;top:50%;transform:translateY(-50%);visibility:hidden;z-index:30}.mealButtonForm{display:flex;font-family:Handlee,cursive;justify-content:center;padding-bottom:10px;z-index:10}.mealButtonForm form{align-items:center;color:#000;display:flex;font-weight:600;justify-content:center}.mealButtonForm form input{background-color:initial;border:none;border-bottom:2px solid #000;font-size:1.2rem;font-weight:700;height:1.6rem;margin:0 .5rem;text-align:end;visibility:hidden;width:2.3rem}.mealButtonForm form label{font-size:1.1rem;visibility:hidden}.mealButtonForm form button{background-color:#000000e6;border:none;color:#fff;cursor:pointer;font-family:Handlee,cursive;height:2rem;letter-spacing:.1rem;padding:0;visibility:hidden;width:7rem}.mealButtonForm form button:hover{background-color:#000;border:1px solid #fff}.mealButtonForm form button:active{background-color:#0006;border:none;box-shadow:0 0 10px #95ffa9}@media screen and (max-width:1410px){.mealCard{margin:1rem .3rem}}@media screen and (max-width:1435px){.mealCard{height:17rem;width:21rem}}@media screen and (max-width:1355px){.mealCard{height:17rem;width:22rem}}@media screen and (max-width:420px){.mealCard{height:13rem;width:19rem}.mealInfo h3{margin-top:-.1em}.mealInfo .price,.mealInfo h3{font-size:1.3rem}.description{font-size:1rem}.mealCard:hover h3{color:#000;font-size:1.3rem}.mealCard:hover .price{font-size:1.4rem}}@media screen and (max-width:330px){.mealCard{height:12rem;width:16rem}.mealInfo .price,.mealInfo h3{font-size:1.3rem}.mealButtonForm form{font-size:.5em;margin:-1.4em 0}.mealButtonForm form input{font-size:.9rem;height:1.5rem;width:2rem}.mealButtonForm form label{font-size:.9rem;visibility:hidden}.mealButtonForm form button{height:1.7rem;width:5rem}}@media screen and (max-width:300px){.mealCard{height:12rem;width:16rem}}.loader_overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:19}.loader{animation:spin 1s infinite;border:10px solid #000;border-radius:50%;border-top-color:#dee1e4;height:70px;width:70px}.available-meal-container{border-radius:.7rem;box-shadow:1rem #000000b3;margin:0 auto;position:relative;width:95%}.available-meal-container h1{font-family:Pacifico,cursive;font-size:2.5rem;letter-spacing:.1rem;margin:1rem 0;text-align:center}.meal-list{display:grid;grid-template-columns:repeat(3,2fr);justify-items:center}.mealSpinner{margin-top:3em;padding:.5em 0;position:relative;z-index:10}@media screen and (max-width:1359px){.meal-list{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}}@media screen and (max-width:965px){.meal-list{grid-template-columns:repeat(1,2fr)}}@media screen and (max-width:400px){.mealSpinner{margin-bottom:4em;z-index:10}.available-meal-container h1{font-size:1.8em}}.home-container{height:100%;margin:2rem auto 0;max-width:1200px;width:80%}@media screen and (max-width:900px){.home-container{width:100%}}@media screen and (max-width:650px){.home-container{margin:-2rem 0 0}}.spinner_container{left:50%;position:absolute;top:40vh;transform:translate(-50%,-50%);z-index:10}.spinner_ellipsis{display:inline-block;height:80px;position:relative;width:80px}.spinner_ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:18px;position:absolute;top:33px;width:18px}.spinner_ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.spinner_ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.spinner_ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.spinner_ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.profile-input-control{font-family:Handlee,cursive}.user-info{align-items:center;background-color:#fff;border-radius:5px;display:flex;font-size:1.2em;height:2rem;justify-content:center;position:relative;width:100%}.selected{background-color:#b9ddfff1}.user-info:hover span{color:#000}.user-info span{color:#585858;font-size:1em;font-weight:600}.user-info .input-label{color:#fff;font-size:1em;font-weight:500;letter-spacing:.05rem;position:absolute;top:-1.3rem}.profile-input-control input{background-color:initial;border:none;border-bottom:2px solid hsla(0,0%,100%,.781);color:#fff;font-family:Handlee,cursive;font-size:14px;outline:none;padding:.6em .3em .1em;width:100%}.profile-input-control input::placeholder{color:#fff}.profile-input-control input:hover::placeholder{color:#ececec}.errorInput{border-bottom:2px solid #be3030;color:red}.errorInputLabel{color:#be3030;font-size:14px;font-weight:500;margin-left:.2em}.profile-container{align-items:center;display:flex;flex-direction:column;font-family:Handlee,cursive;margin-bottom:6rem;margin-top:7rem;min-height:70vh;width:100%}.profile-title{font-size:1.2em;font-weight:600}.input-profile-container{background-color:hsla(0,0%,7%,.918);border-radius:10px;display:flex;flex-direction:column;font-size:.9rem;height:50%;justify-content:center;margin:1.3rem 0;max-width:550px;padding:3rem 3rem 2.5rem;width:70%}.input-field{color:#fff;cursor:pointer;margin:1.5rem 0}.password-form{width:100%}.password-input-container{display:flex;flex-direction:column}.password-input-container input{background-color:initial;border:none;border-bottom:2px solid hsla(0,0%,100%,.781);color:#fff;font-family:Handlee,cursive;font-size:14px;outline:none;padding:.6em .3em .1em;width:100%}.password-input-container input::placeholder{color:#fff}.commit-container{display:flex;justify-content:center}.commitButton{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Handlee,cursive;font-size:1em;font-weight:500;height:2rem;height:2.3em;width:8rem;width:45%}.commitButton:hover{background-color:#a7a7a7;background-color:#b9ddfff1;color:#000;font-weight:600}.commitButton:disabled{background-color:rgba(0,0,0,.288);color:hsla(0,0%,100%,.315);cursor:inherit}@media screen and (max-width:650px){.profile-container{margin-top:2rem}.input-profile-container{width:90%}}@media screen and (max-width:450px){.input-profile-container{font-size:.8rem;padding:3rem 1.5rem 2rem}}@media screen and (max-width:350px){.input-profile-container{font-size:.8rem}.input-field{margin:1.2rem 0}}.container-table{font-family:Poppins,sans-serif;height:100%;margin:5rem auto auto;max-width:1100px;min-width:1000px;padding:0 10px;position:relative;width:90%}.container-table h2{font-family:Handlee,cursive;font-size:1.9em;margin-top:3rem;text-align:center}.table{display:flex;flex-direction:column;margin:1rem 0 11rem}.table li{border-radius:4px;display:flex;font-size:1.1em;justify-content:space-between;margin:.5rem}.table-header{background-color:#1b1b1b;box-shadow:0 0 9px 9px #fff3;color:#fff;letter-spacing:.8px;padding:1.2em 1.5em;text-transform:uppercase}.table-row{background-color:#f3f3f3;box-shadow:0 0 9px 9px #0003;color:#000;padding:.5em 1.5em;position:relative}.row-complited{background-color:#dfd8d8;opacity:.6}.cancel_order{color:#e22323;cursor:pointer;font-size:.9rem;font-weight:700;padding:.3em;position:absolute;right:-2.5rem;top:-.6rem}.cancel_order:hover{color:#000}.column{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.col-1{align-items:start;flex-basis:20%}.col-2,.col-3{flex-basis:30%}.col-4{flex-basis:25%}.col-5,.col-6,.col-7{flex-basis:20%}.col-1-item{flex-basis:30%}.dateLabel,.no_orders{text-align:center}.no_orders{background-color:#dad5d5;box-shadow:0 0 9px 9px #0003;color:#000;font-size:18px;font-weight:600;margin:10rem 0 50rem;padding:10px}.no_orders span{font-size:20px;font-weight:700}.prod_item{margin:.2rem}@media only screen and (max-width:1100px){.container-table{font-size:13px;min-width:700px;width:90%}.container-table h2{font-size:1.8em}}@media only screen and (max-width:825px){.container-table{margin-top:5rem}.container-table h2{font-size:1.5rem;margin-top:3rem}.cancel_order{font-size:.7rem;font-weight:700;right:-1.5rem;top:-.3rem}}@media only screen and (max-width:725px){.container-table{margin-top:5rem;min-width:500px;width:95%}}@media screen and (max-width:650px){.container-table{margin-top:1rem;min-width:250px;padding:0 20px;width:95%}.container-table h2{margin-top:2rem}}@media screen and (max-width:590px){.container-table{padding:0;width:100%}.container-table h2{font-size:1.2rem;margin-top:1.5rem}.table-header{margin:.3rem;padding:.8em .4em}.table-header .column,.table-row{font-size:.8em}.table-row{margin:.3rem;padding:.1em .2em}.cancel_order{font-size:.6rem;font-weight:700;right:-.5rem;top:-.5rem}}@media screen and (max-width:420px){.table li{font-size:.7rem}.table-row{padding:.5em .3em}}.form-input-controll{font-family:Handlee,cursive}.form-input-controll:first-child{color:#fff}.form-input-field input{border:none;border-radius:8px;font-family:Handlee,cursive;font-size:1em;height:2.2em;padding:.5em;width:100%}.form-input-field input::placeholder{color:#000;font-size:.9em}.form-input-field:nth-child(2){color:red}.form-input-field .error-input{border:1px solid red}.registerModal{max-width:650px;min-height:560px;min-width:500px;overflow:hidden;width:50%}.regForm{height:50%;margin:1.3rem 0;width:70%}.title-text{color:#fff;font-family:Handlee,cursive;font-size:1.2em;font-weight:500;margin-bottom:.5em;text-align:center}.input-register-container{width:100%}.input-register{padding:.1em 0 .5em}.register-button-container{display:flex;justify-content:center;margin:.8em 0}.register-button-container button{border:none;border-radius:11px;color:#000;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:2.3em;width:50%}.registerControl-input{display:flex;height:3.2rem;padding:.7rem 3rem}@media only screen and (max-width:520px){.registerModal{min-width:400px;width:90%}}@media only screen and (max-width:412px){.registerModal{min-width:300px;width:90%}.regForm{width:80%}}@media only screen and (max-width:312px){.registerModal{min-width:250px;width:95%}.regForm{font-size:.9rem;width:90%}.input-register-container .form-input-controll{font-size:.9em}.input-register-container .form-input-field input{font-size:.7rem}}.loginModal{max-width:600px;min-height:380px;min-width:450px;overflow:hidden;width:30%}.loginForm{font-family:Handlee,cursive;height:50%;padding:1rem 0;width:75%}.loadingBackground{background-color:#14141499;z-index:50}.welcome-text{color:#fff;padding:.5em 0}.welcome-text div:first-child{padding-bottom:1em;text-align:center}.input-login-container{width:100%}.input-login{padding:.2em 0 .1em}.login-button-container{display:flex;justify-content:center;margin:.8em 0}.login-button-container button{border:none;border-radius:11px;color:#000;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:2.3em;width:50%}.login-button-container button:hover{background-color:#d6d6d6}#create-acc-div{color:#fff;margin:2em 0 1.5em}#text-acc a{color:#c7c7c7}#text-acc span{cursor:pointer;text-decoration:underline}#text-acc span:hover{color:silver}@media only screen and (max-width:461px){.loginModal{min-width:320px;width:90%}.loginForm{min-height:150px;position:relative;top:-.5rem}.register_input_field label{font-size:.8rem;font-weight:600}}@media only screen and (max-width:320px){.loginModal{min-width:200px;width:95%}.loginForm{font-size:.9rem;width:85%}}.notification-container{animation:movein .5s ease forwards,moveout .5s ease 2s forwards;border-radius:1rem;box-shadow:5px 5px 15px 10px #140505;display:flex;flex-direction:column;justify-content:center;min-height:3rem;min-width:15rem;padding:0 2rem;position:fixed;right:-400px;text-align:center;top:6rem;z-index:100}.notification-icon{font-size:2rem;left:-.9rem;position:absolute;top:.4rem}.notification-icon.errorIcon{color:#ac2020}.notification-icon.successIcon{color:#167a16;left:-.6rem}.notification-context{font-family:Handlee,cursive;font-size:1rem;font-weight:600;letter-spacing:.02rem;padding:.1rem}.error{background-color:#c9b5b5}.success{background-color:#ecfce3}@media screen and (max-width:610px){.notification-container{min-height:2.5rem;padding:0 2rem;top:5.5rem}.notification-icon{font-size:2rem;left:-.9rem;position:absolute;top:.1rem}.notification-context{font-size:.9rem;font-weight:900;padding:.1rem}}@keyframes movein{0%{right:-200px}to{right:2%}}@keyframes moveout{0%{right:2%}to{right:-500px}}.pagination_container{display:flex;flex-direction:row}.pagination_numbers{display:flex}.page_number{border:none;border-radius:3px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;height:1.6rem;margin:.5rem .2rem 4rem;width:1.6rem}.current{background-color:#1d1d1c;color:#fff}@media screen and (max-width:540px){.page_number{font-size:.8rem;height:1.8rem;width:1.8rem}}.orders_table{border-spacing:0 1.5em;margin-bottom:1rem;width:100%}.orders_table th{background-color:#1b1b1b;color:#fff;font-weight:400;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.orders_table tbody tr{animation:fadeIn .2s ease-in;position:relative;text-align:center}.orders_table td{background-color:#3f3f3fcc;height:4.5rem}.orders_table tbody th{margin:1rem}.orders_table td:first-child,.orders_table th:first-child{border-radius:6px 0 0 6px}.orders_table td:last-child,.orders_table th:last-child{border-radius:0 6px 6px 0}.orders_table td:nth-child(2){padding-right:.5em}.orders_table td:nth-child(4){padding:0 .3em;white-space:nowrap}.pending-tr td{background-color:#f3f3f3}.confirm_button{background-color:#292827;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;height:2rem;position:absolute;right:-1rem;top:-1.1rem;width:4rem}.confirm_button:hover{background-color:#141414;color:#fff}#products-td .product-item{display:block;margin:0;padding:0}#products-td{padding:.2rem 1.3rem}@media screen and (max-width:1150px){.orders_table{min-width:auto;width:100%}.confirm_button{height:1.8rem;right:-1em;top:-1em;width:3.8rem}}@media screen and (max-width:840px){.orders_table{margin:1rem 0}.orders_table th{margin:1rem 0;padding:1rem}.orders_table tbody th{margin:1rem}.confirm_button{font-size:.7rem;height:1.7rem;width:3.8rem}}@media screen and (max-width:720px){.users_input_field div{display:flex;flex-direction:column}.orders_table{margin:1rem 0}.orders_table td:nth-child(2){padding-right:.1em}.orders_table td:nth-child(4){padding:0 .1em;white-space:inherit}}@media screen and (max-width:650px){.orders_table th{padding:.6rem 1rem;text-transform:inherit}.orders_table td{height:2.8rem}.confirm_button{font-size:.6rem;height:1.3rem;right:-1rem;top:-.7rem;width:3rem}}@media screen and (max-width:540px){.orders_table{border-spacing:0;font-size:.9rem;margin:1rem 0;width:95%}.orders_table th{display:none}.orders_table td{background-color:#3f3f3fcc;display:grid;grid-template-columns:21ch auto;height:100%;padding:.2rem 1.3rem;text-align:start;width:100%}#products-td .product-item{display:block;grid-column:2;padding:.1em 0}.pending-tr td{background-color:#e6e6e6}.orders_table td:first-child,.orders_table th:first-child{border-radius:6px 0 0 6px;border-radius:initial}.orders_table td:last-child,.orders_table th:last-child{border-radius:0 6px 6px 0;border-radius:initial}.orders_table tr td:first-child{border-radius:6px 6px 0 0;padding-top:1em}.orders_table tr td:last-child{border-radius:0 0 6px 6px;margin-bottom:1em;padding-bottom:1em}.confirm_button{font-size:.7em;height:1.7rem;position:relative;right:0;top:0;width:5rem}.orders_table td:before{content:attr(data-cell);font-weight:600}.orders_table .button-td:before{content:none}}@media screen and (max-width:420px){.orders_table{font-size:.7rem;width:95%}.orders_table td{grid-template-columns:23ch auto;padding:.2rem 1.2rem}.confirm_button{font-size:.7em;height:1.3rem;position:relative;right:0;top:0;width:4rem}#products-td{padding:.2rem 1.7em}}.table_container{align-items:center;display:flex;flex-direction:column;font-size:1em;height:100%;justify-content:center;margin:1rem auto 8rem;padding:0 10px;position:relative;width:100%}.table_container h2{font-family:Handlee,cursive;font-size:2em;font-weight:600;text-align:center}.table_filter{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:1em 0}.table_filter_option{align-items:center;display:flex;flex-direction:column;justify-content:center}.table_perPage_buttons .selected{background-color:#2c2c2b;border:none;border-radius:4px;color:#fff}.table_perPage_buttons button{cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;height:1.5rem;margin-left:.2rem;width:2rem}.table_sort_buttons button{border:none;border-radius:4px;cursor:pointer;height:1.8rem;margin:0 0 0 .5rem;width:6rem}.table_sort_buttons .selected{background-color:#2c2c2b;color:#fff;font-weight:500}.table_order{align-self:center;font-size:1em;justify-self:center;margin:0 0 1rem;width:100%}.table_context,.table_order{display:flex;flex-direction:column}.table_context{align-items:center;position:relative}.completed{background-color:#3f3d3d;box-shadow:0 0 9px 9px #0003;color:#000;opacity:.8}@media screen and (max-width:1150px){.table_container{font-size:.9em;min-width:auto;width:95%}}@media screen and (max-width:1100px){.container-table{font-size:13px}}@media screen and (max-width:825px){.table_order{font-size:.8em}.table_order li{padding:10px 20px}.table_container h2{font-size:1.8em}}@media screen and (max-width:650px){.table_container{margin-top:4em}.table_context{font-size:.7em}.table_sort_buttons button{font-size:.6rem;height:1.4rem;margin:0 0 0 .5rem;width:4.5rem}.table_perPage_buttons button{font-size:.7rem;height:1.3rem;width:1.6rem}.table_container h2{font-size:1.4em}}@media screen and (max-width:540px){.table_perPage_buttons button{font-size:.8rem;height:1.6rem;width:1.9rem}.table_sort_buttons button{font-size:.7rem;height:1.6rem;margin:0 0 0 .5rem;width:4.8rem}}@media screen and (max-width:450px){.table_order{width:100%}}.mainAdmin{font-family:Poppins,sans-serif;height:100%;margin:7rem auto auto;max-width:1200px;min-height:100vh;position:relative;width:80%}@media screen and (max-width:1150px){.mainAdmin{width:100%}}@media screen and (max-width:650px){.mainAdmin{margin:-2rem 0}}.users_container{align-items:center;display:flex;flex-direction:column;margin:0 0 8rem}.users_container h1{font-family:Handlee,cursive;font-size:1.4rem;margin:1rem 0}.users_table{border-spacing:0 1em;margin:1rem 0;width:100%}.users_table th{background-color:#1b1b1b;color:#fff;font-weight:400;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.users_table tbody tr{animation:fadeIn .2s ease-in;text-align:center}.users_table td{background-color:#f3f3f3;height:4.5rem}.users_table tbody th{margin:1rem}.users_edit_button{background-color:#1b1b1b;border:none;border-radius:4px;color:#f0f8ff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;font-weight:500;padding:.4em 1.4em}.users_table td:first-child,.users_table th:first-child{border-radius:6px 0 0 6px}.users_table td:last-child,.users_table th:last-child{border-radius:0 6px 6px 0}.users_edit_button:hover{background-color:#363636;color:#fff}@media screen and (max-width:1150px){.users_table{width:80%}}@media screen and (max-width:840px){.users_table{font-size:.9rem;margin:1rem 0;width:90%}.users_table th{margin:1rem 0;padding:1rem}.users_table td{height:4rem;padding:0 .2rem}.users_table tbody th{margin:1rem}}@media screen and (max-width:720px){.users_input_field div{display:flex;flex-direction:column}.users_table{font-size:.8rem;margin:1rem 0}.users_table td{height:3rem}}@media screen and (max-width:650px){.users_container{margin:4rem 0 10rem}.users_container h1{font-size:1.3rem;margin:1rem 0 .5rem}.users_table{font-size:.6rem}.users_table th{padding:.6rem 1rem;text-transform:inherit}.users_table td{height:2.5rem}}@media screen and (max-width:540px){.users_table{border-spacing:0;display:flex;font-size:.9rem;justify-content:center;margin:1rem 0;width:95%}.users_table th{display:none;padding:1rem}.users_table td{background-color:#e6e6e6;border-radius:6px 6px 0 0;border-radius:initial;display:grid;grid-template-columns:20ch auto;height:1rem;height:100%;padding:.5em 1.3rem;text-align:start;width:100%}.users_table td:first-child{border-radius:6px 6px 0 0;padding-top:1.5em}.users_table td:last-child{border-radius:0 6px 6px 0;border-radius:initial;margin-bottom:1em;padding-bottom:1em}.users_table td:before{content:attr(data-cell);font-weight:600;margin-right:1em}.users_table td:last-child:before{content:none}.users_table .edit_btn_td:last-child{border-radius:0 0 6px 6px}}@media screen and (max-width:420px){.users_table{font-size:.75rem}.users_table th{padding:.5rem .3rem;width:100%}.users_table td{gap:.5rem;grid-template-columns:15ch auto}}@media screen and (max-width:300px){.users_input_field,.users_input_field input{font-size:.8rem}.users_table{font-size:.7rem}}.AdminUpdateModal{max-width:550px;min-width:500px;top:50%;width:50%}.users-input-container{align-items:center;justify-content:center;padding:1rem 0}.users-input-container,.users-inputs{display:flex;flex-direction:column;width:90%}.users-inputs{font-size:.9rem;justify-content:flex-start}.users-commit-container{display:flex;justify-content:center;width:100%}.users-commit-container button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Handlee,cursive;font-size:1rem;font-weight:500;height:2.2em;width:50%}.users-commit-container button:hover{background-color:#b9ddfff1;color:#000;font-weight:600}.users-commit-container button:disabled{background-color:rgba(0,0,0,.288);color:hsla(0,0%,100%,.315);cursor:inherit}.users-commit-container button:disabled:hover{font-weight:500}.users-delete-container{align-items:flex-end;display:flex;flex-direction:column;font-family:Handlee,cursive}.user-delete-commit-part{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.6em;width:100%}#delete-text{color:#fff;margin-bottom:.5em}.user-delete-commit-part .user-delete-buttons{display:flex;justify-content:center;width:100%}.user-delete-buttons button{background-color:#963535;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-family:Handlee,cursive;height:2.2em;margin:0 1em;width:27%}.user-delete-buttons button:hover{background-color:#b35050;color:#000;font-weight:600}.deleteButton{background-color:#963535;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-family:Handlee,cursive;font-size:.9rem;font-weight:500;height:2.2rem;margin:1rem -2em 0 0;width:8rem}.deleteButton:hover{background-color:#b35050;color:#000;font-weight:600}@media screen and (max-width:550px){.AdminUpdateModal{min-width:300px;width:90%}}@media screen and (max-width:450px){.users-input-container{width:90%}.deleteButton{margin-right:-1em}}@media screen and (max-width:300px){.users-inputs{font-size:.8rem;width:100%}.users_input_container{min-width:250px;padding:2rem 1rem;width:95%}.users_commit_container button{width:6rem}.deleteButton{margin-right:.1em}}.DeliveryModal{max-width:500px;min-width:400px;top:40%;width:30%}.delivery_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;width:100%}.delivery_container h3{color:#fff;font-family:Handlee,cursive;font-size:1.2em;font-weight:500;margin:1rem 0 0}.delivery_input_fields{align-items:center;display:flex;flex-direction:column;margin:0 0 1.1rem;width:90%}.delivery_input_fields input{border-radius:5px;font-family:Handlee,cursive;height:1.9rem;margin:1rem 0;padding:0 1rem;text-align:center;width:60%}.delivery_input_fields input:focus{align-self:center}.delivery_input_fields button{border:1px solid #000;border-radius:5px;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:1.8rem;width:30%}.delivery_input_fields button:hover{background-color:#e9f1e5de}.add-product-container{background-color:rgba(8,8,8,.918);border-radius:.8rem;display:flex;flex-direction:column;font-family:Handlee,cursive;justify-content:space-between;margin:1rem 0;max-width:700px;min-width:600px;padding:1rem 2rem 3rem;width:45rem;width:70%}.add-product-container form{display:flex;flex-direction:row;justify-content:space-evenly;position:relative}.add-product-input-fields{padding:.5rem .5rem 2rem;width:100%}.add-product-input{display:flex;flex-direction:column;margin:.5em .2em 1em 0}.add-product-input label{color:#fff;font-size:1.3rem;font-weight:500;letter-spacing:.06rem}.add-product-input input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#dbdbdb;font-family:Handlee,cursive;outline:none;padding-left:.1em;width:100%}.add-product-input input::placeholder{color:#c2bfbf;font-size:.7rem;font-weight:600}.add-product-input select{font-family:Handlee,cursive;font-size:.8rem;font-weight:600;height:2em}.product-description-box{font-family:Handlee,cursive;font-weight:600;padding:0 .2em;resize:none}.product-description-box::placeholder{padding:.2em 0}.error-product{color:#ff5656;font-size:.8em;font-weight:800;letter-spacing:.07rem;margin-left:.2em}.image-choose-input{padding-bottom:.2em}.image-choose-input[type=file]::-webkit-file-upload-button{background-color:#edeff1;border:none;border-radius:3px;cursor:pointer;font-family:Handlee,cursive;font-weight:600}.image-choose-input[type=file]::file-selector-button{background-color:#edeff1;border:none;border-radius:3px;cursor:pointer;font-family:Handlee,cursive;font-weight:600}.image-choose-input[type=file]::-webkit-file-upload-button:hover{background-color:#a0a0a0;color:#fff;font-weight:500}.image-choose-input[type=file]::file-selector-button:hover{background-color:#a0a0a0;color:#fff;font-weight:500}.image-place{margin:.2rem 0}.image-container,.image-place{display:flex;flex-direction:column}.image-container{align-items:center;justify-content:center}.image-container img{max-height:300px;max-width:250px;width:50%}.remove-image-button{background-color:#edeff1;border:none;border-radius:.2rem;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:1.5rem;margin-top:.3rem;width:60%}.remove-image-button:hover{background-color:#a0a0a0;color:#fff;font-weight:500}.button-container{bottom:-2rem;position:absolute}.button-container button{border:none;border-radius:.3rem;cursor:pointer;font-family:Handlee,cursive;font-size:.9rem;font-weight:600;height:2.2rem;width:10rem}.button-container button:hover{background-color:#a0a0a0;color:#fff;font-weight:500}@media screen and (max-width:650px){.add-product-container{min-width:300px;width:95%}.add-product-container form{display:flex;flex-direction:column}.add-product-input-fields{padding-bottom:0}.image-container button{margin-top:.5rem}.image-container img{width:60%}.button-container{left:50%;transform:translateX(-50%)}}@media screen and (max-width:540px){.add-product-container{min-width:300px;width:90%}.add-product-input{margin:.5em .2em 1em 0}.add-product-container form{width:100%}.add-product-input label{font-size:1.2rem;font-weight:500}.add-product-input input::placeholder,.add-product-input select{font-size:.7rem}}@media screen and (max-width:400px){.add-product-container{min-width:250px;width:85%}.image-container button{margin:.5rem 0;width:8rem}.button-container button{height:2rem;width:8rem}}@media screen and (max-width:350px){.add-product-container{padding:.5em .3em 3em;width:100%}}.products-container{align-items:center;display:flex;flex-direction:column;font-family:Handlee,cursive;height:100%;justify-content:center;margin:8rem auto auto;max-width:1200px;position:relative;width:80%}.product-title{font-family:Handlee,cursive;font-size:1.6em;margin-bottom:.3em;text-align:center}.add-product-part{width:100vw}.add-product-part,.products-category-part{align-items:center;display:flex;flex-direction:column;justify-content:center}.products-category-part{margin:3em 0;width:100%}.products-category{align-self:center;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;margin:.5rem 0 1rem}.category{margin:1rem 0}.active-category button{background-color:#f0f8ff;color:#000;font-weight:600}.category-select{align-items:center;display:flex;flex-direction:column}.category-select div:first-child{font-family:Handlee,cursive;font-size:2em;font-weight:600;margin:0 1rem}.category-button{background-color:#1f1d1d;border:none;border-radius:.5rem;color:#fff;font-family:Handlee,cursive;font-weight:500;height:2rem;width:6rem}.category-button:hover{background-color:#494949;color:#000;color:#fff;cursor:pointer}.add-product-button{background-color:#1f1d1d;border:none;border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:600;height:2.5rem;margin:.5rem 0 0;width:11rem}.add-product-button:hover{background-color:#363636;color:#000;cursor:pointer}@media screen and (max-width:1000px){.products-container{width:100%}}@media screen and (max-width:650px){.products-container{margin-top:3em}}@media screen and (max-width:540px){.products-category-part{margin:4rem 0;width:100%}.category-select{align-items:center;display:flex;flex-direction:column}.category-select div:first-child{margin:0 2rem}.products-category{grid-template-columns:repeat(2,1fr);margin:1em 0 2rem;width:30%}.category-select div:first-child,.product-title{font-size:1.4em}}.product-table-container{margin:0 1em 2em}.category-table{border-spacing:0 .6em;font-weight:500;width:100%}.category-table th{background-color:#252525;color:#fff;margin:2rem 0;padding:.8rem 1rem}.category-table tr{background-color:#f3f3f3;text-align:center}.category-table .isDeleted{background-color:#3f3f3fcc;text-align:center}.category-table .isDeleted .td-product{color:#cecece}.category-table .isDeleted .td-product::placeholder{color:#aaa}.isDeleted td .action-button{background-color:#e2e2e2;color:#000}.isDeleted td .action-button:hover{background-color:#bbb;color:#000}.isDeleted td .active-action-edit-button{background-color:#3d3d3d;color:#ddd}.isDeleted td .active-action-edit-button:hover{background-color:#2e2e2e;color:#ddd}.isDeleted .table-td-actions .active-delete-button{background-color:#cfcfcf}.category-table td{padding:.5rem}.td-product{background-color:initial;border:none;border-bottom:2px solid #201e1e;color:#000;font-family:Handlee,cursive;font-weight:600;outline:none;padding:0 .5em}.td-product::placeholder{font-weight:600;text-align:center}.td-product-input-name,.td-product-input-price{margin:.1rem 0;text-align:center}.td-product-input-price{width:7rem}.td-product-desription{width:90%}.table-td-actions{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.action-button{background-color:#d1d1d1;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:1.4rem;margin:0 0 .3em;width:90%}.action-button:hover{background-color:#6b6b6b;color:#fff}.active-action-edit-button{background-color:#353535;color:#fff}.active-action-edit-button:hover{background-color:#1d1d1d}.show-edit-product-buttons{border-radius:.5rem}.product-error{color:#e33;font-size:.8em;font-weight:500}@media screen and (max-width:650px){.category-table th{font-size:.8rem;padding:.4rem .3rem}.category-table td{font-size:.7rem;margin:0;padding:0 .1rem}.td-product-input-price{width:5rem}.action-button{font-size:.7rem;margin:.1em 0}.table-td-actions{flex-direction:column;flex-wrap:nowrap;justify-items:center}.td-product::placeholder{font-size:.7rem}.edit-product-button{font-size:.6rem;height:1.2rem;margin:auto .1rem;width:2rem}}@media screen and (max-width:500px){.category-table tr .table_td_product:nth-child(3){font-size:.5rem}}@media screen and (max-width:400px){.table-td-actions{flex-direction:row;flex-wrap:wrap;justify-items:center}.category-table th{font-size:.8rem;padding:.3rem .1rem}.category-table td{font-size:.5rem;margin:0}.td-product::placeholder{font-size:.6rem}}.productDelete{max-width:550px;min-width:500px;top:50%;width:50%}.product-del-container{align-items:center;border-radius:.8rem;color:#fff;display:flex;flex-direction:column;font-family:Handlee,cursive;justify-content:space-between;padding:1rem 0 1.5em;width:100%}.product-del-title{font-size:1.2em;padding:.5em 0 1em;text-align:center}.product-del-option{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1em 0 .5em;width:100%}.product-del-option label{margin-bottom:.2rem;text-align:center}.product-del-option-btn{border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Handlee,cursive;font-weight:600;height:2em;width:10em}.active-del-btn,.product-del-option-btn:hover{background-color:#6b6b6b;color:#fff;font-weight:500}.active-del-btn:hover{background-color:#444}.product-confirm-del-buttons{display:flex;justify-content:space-evenly;margin-top:.3em}.product-confirm-del-buttons button{background-color:#733e3e;border:none;color:#fff;cursor:pointer;font-family:Handlee,cursive;height:1.8em;width:30%}.product-confirm-del-buttons button:hover{background-color:#b14444}@media screen and (max-width:500px){.productDelete{min-width:300px;width:95%}.product-del-container{font-size:.9em}.product-del-option-btn{width:9em}}@media screen and (max-width:300px){.productDelete{min-width:220px}.product-del-container{font-size:.75em}}.loading-screen{align-items:flex-start;background:linear-gradient(135deg,#4b4a4a,#ddd);display:flex;font-family:Gloria Hallelujah,cursive;height:100vh;justify-content:center;left:0;opacity:1;padding-top:35vh;position:fixed;top:0;transform:scale(1);transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);visibility:visible;width:100vw;z-index:99}.loading-screen.fade-out{opacity:0;transform:scale(1.05);visibility:hidden}.loading-content{text-align:center}.loading-content h1{font-size:2.2rem;font-weight:300;padding-bottom:.2em}.loading-title{animation:pulse 2s ease-in-out infinite;font-size:1.6rem;font-weight:500;margin-bottom:.5rem}.loading-text{font-size:1.1rem;font-weight:400;margin-bottom:1rem;min-height:1.5rem;opacity:.9;transition:all .3s ease}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#000000b3;border-radius:50%;height:11px;width:11px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.loading-first-load-text{left:0;opacity:0;padding-left:.7rem;position:absolute;top:0;visibility:hidden;width:60%}.fade-in-render-deploy{animation:appFadeInLeft .6s ease-out forwards;opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateY(0)}}@keyframes appFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateY(0)}}@keyframes appFadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:800px){.loading-first-load-text{width:80%}}@media screen and (max-width:650px){.loading-content h1{font-size:2.1rem;padding-bottom:.2em}.loading-title{font-size:1.5rem;margin-bottom:.5rem}.loading-text{font-size:1.1rem;margin:0 0 1rem}.loading-dots span{height:8px;width:8px}.loading-first-load-text{font-size:.95rem;width:80%}}@media screen and (max-width:450px){.loading-screen{padding-top:30vh}.loading-content h1{font-size:2rem;padding-bottom:.2em}.loading-title{font-size:1.4rem;margin-bottom:.5rem}.loading-text{font-size:1rem;margin-bottom:.8rem}.loading-first-load-text{font-size:.9rem;padding:0 .7rem;text-align:center;width:100%}.loading-first-load-text p{text-align:center}}
/*# sourceMappingURL=main.02752591.css.map*/