@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1.4rem;color:#000}.checkbox-container input{display:none}.checkmark{position:relative;display:inline-block;width:19px;height:19px;border-radius:9px;margin-right:8px}.checkmark svg{display:block}.checkbox-container input:checked+.checkmark{display:block;background-color:var(--color-secondary)}.Linked{text-align:right;color:#00d4a1;font-size:1.4rem}.Button{color:#fff;padding:1.4rem 3rem;border:none;font-size:1.6rem;font-weight:500;display:flex;justify-content:center;align-items:center}.Button.out-line{background:none!important;color:var(--color-primary);border:1px solid var(--color-primary)}.Button.out-line:hover{transition:all,.6s;background:var(--color-primary)!important;color:#fff}@media only screen and (max-width: 500px){.Button{font-size:1.1rem;padding:1.4rem 1rem}.Button p{min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}}.Input{position:relative;display:flex;flex-direction:column}.Input label{color:#000;font-size:1.5rem;font-weight:500;margin-bottom:4px}.Input input{background-color:#fff;color:#000;padding:.8rem;border-radius:.4rem;margin-bottom:20px}.Input svg{position:absolute;width:20px;right:18px;top:34px}.Input svg.visible path{fill:var(--color-primary)}.Input .error-message{position:absolute;width:200px;color:red;font-size:1rem;bottom:2px}.Search{position:relative;width:400px;border:1px solid gray;border-radius:12px}.Search input[type=text]{width:100%;padding:1rem 2.4rem;color:#000;font-size:1.6rem;appearance:none;background-color:transparent;border:none;outline:none}.Search svg{position:absolute;width:20px;right:16px;top:3px}.Search svg.visible path{fill:var(--color-primary)}@media only screen and (max-width: 800px){.Search{width:100%}}.TextForm{width:auto;position:relative;display:flex;flex-direction:column}.TextForm label{color:#000;font-size:1.5rem;font-weight:400;margin-bottom:4px}.TextForm input{background-color:#fff;color:#000;padding:.8rem;border:1px solid rgba(0,0,0,.5);border-radius:.4rem;margin-bottom:20px}.TextForm .error-message{position:absolute;font-size:1rem;color:red;bottom:3px;left:3px}.SelectForm{position:relative;display:flex;flex-direction:column}.SelectForm label{color:#000;font-size:1.5rem;font-weight:400;margin-bottom:4px}.SelectForm select{background-color:#fff;color:#000;padding:.8rem;border:1px solid rgba(0,0,0,.5);border-radius:.4rem;margin-bottom:20px;color:#00000080;font-family:Inter;font-size:1.5rem}.SelectForm .error-message{position:absolute;font-size:1rem;color:red;bottom:3px;left:3px}.ImgForm{position:relative}.ImgForm label{color:#000;font-size:1.5rem;font-weight:400}.ImgForm .load-img{padding:2px 16px;margin-left:8px;border-radius:5px;border:1px solid #00D4A1;background:rgba(0,212,161,.53);font-size:1.4rem}.ImgForm .FileInputLabel{display:flex;align-items:center}.ImgForm img{width:28px;height:28px}.ImgForm svg{width:28px}.ImgForm .error-message{position:absolute;font-size:1rem;color:red;bottom:-12px;left:3px}.AreaForm{position:relative;display:flex;flex-direction:column}.AreaForm label{color:#000;font-size:1.5rem;font-weight:400;margin-bottom:4px}.AreaForm textarea{background-color:#fff;color:#000;padding:.8rem;border:1px solid rgba(0,0,0,.5);border-radius:.4rem;margin-bottom:20px;height:100px}.AreaForm .error-message{position:absolute;font-size:1rem;color:red;bottom:3px;left:3px}.NewProductModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;z-index:1000;width:570px;max-height:540px;overflow:scroll}.NewProductModal::-webkit-scrollbar{width:0}.newproduct_header{display:flex;justify-content:space-between;margin-bottom:1rem}.newproduct_header p{border-bottom:.1px solid #000;padding-right:20px;margin-bottom:10px}.newproduct_form{display:flex;flex-wrap:wrap}.newproduct_form section{width:50%}.newproduct_form section:nth-child(3){width:100%}@media only screen and (max-width: 600px){.NewProductModal{width:300px;max-height:428px}.NewProductModal .scroll{overflow-y:scroll}.NewProductModal::-webkit-scrollbar{width:0}.newproduct_form section{width:100%}.newproduct_form section div{padding:0!important}}@media only screen and (max-height: 400px) and (orientation: landscape){.NewProductModal{max-height:250px;overflow:hidden}.NewProductModal .scroll{height:170px;overflow-y:scroll}}.Counter{position:relative;width:max-content;display:flex;align-items:center;border:1px solid #00D4A1;border-radius:10px;padding:4px}.Counter input{width:32px;padding:4px 0;margin-right:4px;border:1px solid #00D4A1;border-radius:5px;text-align:center}.Counter svg{width:12px}.Counter .btn-hidden{position:absolute;display:flex;flex-direction:column;right:6px}.Counter .btn-hidden button{width:20px;background:none;border:none;text-indent:100%;white-space:nowrap;overflow:hidden}.Loader{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--color-primary);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--color-primary) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#global-icon-whatsapp{width:64px;height:64px;position:absolute;bottom:0;right:0;margin:2rem;padding:1px}#global-icon-whatsapp svg{width:100%;height:100%}.mesagger-container{opacity:1;transition:opacity .5s ease}.Message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;z-index:1000;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Message svg{width:100px;height:100px;margin-bottom:10px}.Message .text-msg{margin-bottom:10px}.Backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(217,217,217,.4);z-index:999}.PDF .BackBtn{position:absolute;top:50px;left:10px;background:none;border:none;width:28px;height:28px;border-radius:50%}.MainLayout{display:flex;color:#000;height:100vh}.MainLayout .navbar{width:270px;text-align:center;overflow:hidden;overflow-y:auto;transition:background-color .5s ease}.MainLayout .navbar::-webkit-scrollbar{display:none}.MainLayout .navbar figure{padding-top:2rem;padding-bottom:2rem}.MainLayout .navbar img{width:160px}.MainLayout .navbar .footer-nav{margin-top:1rem;font-size:1rem}.MainLayout .content{width:calc(100% - 270px);transition:background-color .5s ease}.MainLayout .cartbar{height:100%;width:400px;padding:12px 20px;position:absolute;left:-400px;background-color:#fff;z-index:999;transition:left .3s ease}.MainLayout .cartbar.actived{left:0px;transition:left .3s ease}.MainLayout .cartbar section:nth-child(1){display:flex;justify-content:space-between;align-items:center;font-size:2rem;color:#00d4a1}.MainLayout .cartbar section:nth-child(1) svg{width:24px;height:24px}.MainLayout .cartbar .cart-container{height:calc(100vh - 153px);overflow:hidden;overflow-y:auto}.Payment .payment-container .cart-container::-webkit-scrollbar{display:none}.MainLayout .cartbar .total-pay{display:flex;justify-content:space-between;font-size:1.6rem;border-top:1px solid #000;padding-top:6px}.MainLayout .cartbar section:nth-child(3){display:flex;flex-direction:column}.MainLayout .cartbar section:nth-child(3) button{margin:3px 0;height:40px}@media only screen and (max-width: 740px){.MainLayout .navbar{position:absolute;left:-270px;transition:left .3s ease;background-color:#fff;z-index:1;height:100%}.MainLayout .navbar.actived{position:absolute;left:0px;transition:left .3s ease}.MainLayout .content{width:100%}}.UserHead{display:flex;align-items:center}.UserHead .img-content{width:45px;height:45px;background-color:var(--color-primary);border-radius:50%;display:flex;justify-content:center;align-items:center}.UserHead .img-content svg{width:40px;height:40px}.UserHead .img-content img{width:40px;height:40px;border-radius:50%}.UserHead .user-content{padding-right:8px;text-align:right;font-size:1.6rem}.UserHead .user-content p:last-child{text-align:right;font-size:1.2rem;color:var(--color-primary)}@media only screen and (max-width: 600px){.UserHead .user-content{width:98px;font-size:1.4rem}.UserHead .user-content p:last-child{font-size:1rem}}.ContentLayout .header{display:flex;justify-content:space-between;align-items:center;padding:2rem}.ContentLayout .hamburguer-icon{display:none}.ContentLayout .title{font-size:2.2rem;font-weight:500}.ContentLayout .container{width:calc(100% - 4rem);height:calc(100vh - 125px);margin:2rem;padding:2rem;border-radius:12px;font-size:2rem;transition:background-color .5s ease}.ContentLayout .shopping-cart{position:relative;width:45px;height:45px}.ContentLayout .shopping-cart svg,.ContentLayout .shopping-cart path{width:45px;height:45px}.ContentLayout .shopping-cart span{position:absolute;width:15px;border-radius:50%;bottom:16px;right:-6px;font-size:1rem;font-weight:700;text-align:center;background-color:#d40078;color:#fff}.ContentLayout .option-user{border:1px solid #686363;border-radius:8px;padding:6px 4px;position:absolute;top:70px;right:20px;color:#fff}.ContentLayout .option-user p{font-size:1rem;text-align:center;padding:8px 23px 9px;margin:4px;border-radius:5px;background:rgba(0,212,161,.6);cursor:pointer}.ContentLayout .option-user p:hover{background:rgba(0,212,161,1)}@media only screen and (max-width:740px){.ContentLayout .hamburguer-icon{display:block}.ContentLayout .hamburguer-icon svg{width:30px}.ContentLayout .title{position:absolute;margin:4px;font-size:1.4rem;z-index:0}}@media only screen and (max-width:740px){.ContentLayout .container{padding:1rem 0}}.NavItem{height:52px;margin:0 2rem .5rem;display:flex;justify-content:space-between;align-items:center;background:var(--color-secondary);font-size:1.6rem;color:#fff;border-radius:10px;transition:background-color .5s ease,margin-bottom .5s ease}.active{background:var(--color-primary)}.isMargin{transition:margin-bottom .5s ease;margin-bottom:0rem!important}.NavItem:hover{background:var(--color-primary)}.NavItem svg{width:40px;margin-left:1.6rem}.NavItem p{width:100%;margin-left:1.6rem;text-align:left}.NavItem span{width:24px;height:21px;display:flex;align-items:center;margin-right:2rem}.NavItem span .arrow{width:8px}.subitems-container{max-height:0;overflow:hidden;transition:max-height .5s ease}.subitems-container.show{max-height:520px;transition:max-height .5s ease}.subitems-container .subitem{text-decoration:underline;height:52px;margin:0 2rem;display:flex;justify-content:center;align-items:center;font-size:1.6rem;border-radius:10px;transition:background-color .5s ease,color .5s ease}.subitems-container .subitem:hover{background-color:gray;color:#fff}.arrow{transition:transform .5s ease}.arrow.rotate{transform:rotate(90deg)}.CartItem{display:flex;width:100%;justify-content:flex-start;height:150px;position:relative;margin-top:12px;margin-bottom:12px}.CartItem section:nth-child(1){border:1px solid var(--color-primary );border-radius:8px}.CartItem section:nth-child(1) img{width:120px;height:148px;border-radius:8px;object-fit:contain}.CartItem .detail-container{margin-left:20px}.CartItem .title{font-size:2rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.CartItem .price{font-weight:600}.CartItem .quantity{display:flex;align-items:flex-end;margin-top:8px;font-size:1.4rem}.CartItem .quantity .Counter{border-radius:4px;margin-left:8px}.CartItem .quantity p{padding:0 8px;font-size:1rem;margin:2px}.CartItem .quantity svg{width:10px;height:15px}.CartItem p{font-size:1.4rem;margin-bottom:3px}.CartItem p span{font-weight:600}.CartItem .trash-cart{position:absolute;right:0;bottom:0}.CartItem .trash-cart span,.CartItem .trash-cart svg{width:22px;height:22px}:root{font-family:Inter;line-height:1.5;font-weight:400;height:100vh;overflow:hidden;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #00D4A1;--color-secondary: rgba(0, 212, 161, .4);--color-bg: rgba(217, 217, 217, .63)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;font-size:62.5%}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.filter-container{background:#686363!important}