@import"https://fonts.googleapis.com/css2?family=Dosis&family=Noto+Sans+TC:wght@100;400;500&family=Nunito+Sans:wght@200;400;700&family=Oleo+Script&family=Pacifico&family=Sedgwick+Ave&family=Tapestry&display=swap";.card-container{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.headphone-card{width:320px;min-height:13vh;background-color:#f02d34;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.game-card{width:320px;min-height:13vh;background-color:#2ac86b;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.laptop-card{width:320px;min-height:13vh;background-color:#1479f4;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.speaker-card{width:320px;min-height:13vh;background-color:#dcdcdc;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.tablet-card{width:320px;min-height:13vh;background-color:#0009;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.phone-card{width:320px;min-height:13vh;background-color:#315039;border-radius:10px;padding:.7rem;cursor:pointer;transition:.6s ease-in-out}.phone-card:hover,.laptop-card:hover,.tablet-card:hover,.game-card:hover,.speaker-card:hover,.headphone-card:hover{transform:scale(1.1)}.phone-card p,.laptop-card p,.game-card p,.headphone-card p,.tablet-card p{font-size:.8rem;color:#fff}.laptop-card h1,.game-card h1,.speaker-card h1,.headphone-card h1,.tablet-card h1,.phone-card h1{color:#fff;font-size:1.5rem;margin-left:0;text-transform:uppercase;opacity:.3}.speaker-card h3{font-size:1.2rem;margin-top:4px}.laptop-card h3,.game-card h3,.headphone-card h3,.tablet-card h3,.phone-card h3{font-size:1.2rem;margin-top:4px;color:#fff}.dot{transform:translate(5px,3px)}.btn-link{text-decoration:none;color:inherit}.phone-card button{border-radius:5px;padding:.5rem 1rem;background-color:#fff;letter-spacing:1px;color:#315039;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.tablet-card button{border-radius:5px;padding:.5rem 1rem;background-color:#fff;letter-spacing:1px;color:#0009;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.headphone-card button{border-radius:5px;padding:.5rem 1rem;background-color:#fff;letter-spacing:1px;color:#f02d34;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.speaker-card button{border-radius:5px;padding:.5rem 1rem;background-color:#000;letter-spacing:1px;color:#dcdcdc;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.laptop-card button{border-radius:5px;padding:.5rem 1rem;background-color:#fff;color:#1479f4;letter-spacing:1px;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.game-card button{border-radius:5px;padding:.5rem 1rem;background-color:#fff;color:#2ac86b;letter-spacing:1px;border:none;margin-top:1rem;font-size:1rem;font-weight:500;cursor:pointer;z-index:10000!important}.card-image{position:absolute;transform:translate(180px,-80px);width:130px;height:130px}.headphone-card img{width:170px;height:150px;transform:translate(150px,-85px)}.phone-card img{width:130px;height:180px;transform:translate(175px,-100px)}.tablet-card img{transform:translate(100px,-65px);width:220px}.game-card img{width:250px;transform:translate(80px,-80px)}.laptop-card img{transform:translate(110px,-70px);width:200px}.speaker-card img{width:130px;transform:translate(150px,-80px)}.motion-container{display:flex;justify-content:space-between;margin-top:2rem;width:80%}.motion-content{display:flex}.motion-icon{color:#f02d34;font-size:2.2rem}.motion-content p{color:#000;font-size:.8rem;font-weight:bolder}.motion-content span{font-size:.7rem;opacity:.35}.motion-wrap{margin-left:1.2rem}@media (min-width:320px) and (max-width: 480px){.card-container{grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem;padding:0 .2rem}.headphone-card,.game-card,.laptop-card,.speaker-card,.tablet-card,.phone-card{width:100%;height:25vh;padding:1.8rem}.phone-card:hover,.laptop-card:hover,.tablet-card:hover,.game-card:hover,.speaker-card:hover,.headphone-card:hover{transform:scale(1)}.laptop-card img{transform:translate(130px,-60px);width:200px}.phone-card img{width:130px;height:180px;transform:translate(200px,-95px)}.game-card img{width:300px;transform:translate(30px,-70px)}.tablet-card img{transform:translate(80px,-65px);width:250px}.headphone-card img{width:200px;height:170px;transform:translate(130px,-85px)}.speaker-card img{width:150px;height:150px;transform:translate(170px,-90px)}.motion-wrap{margin-left:0rem;padding-left:1.5rem}.motion-icon{margin-left:3rem}}@media (min-width:481px) and (max-width: 768px){.headphone-card,.laptop-card,.game-card,.tablet-card,.speaker-card,.phone-card{width:330px;min-height:20vh;padding:1rem}.laptop-card img{transform:translate(115px,-50px);width:200px}.phone-card img{width:130px;height:180px;transform:translate(185px,-75px)}.game-card img{width:300px;transform:translate(40px,-50px)}.tablet-card img{transform:translate(90px,-55px);width:250px}.headphone-card img{width:200px;height:170px;transform:translate(130px,-85px)}.speaker-card img{width:150px;height:160px;transform:translate(140px,-75px)}marquee{width:138vw}}.summer-layout{background-color:#f02d34;border-radius:10px;display:flex;justify-content:space-between;min-height:30vh;padding:1rem;margin-top:4rem}.sale-wrapper{width:40%;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.summer-content,.happy-hour-smile{padding:1rem}.summer-content img{width:350px;height:270px;position:absolute;transform:translate(220px,-200px)}.summer-content p,.happy-hour-smile p{color:#fff;font-size:.8rem}.summer-content h3,.happy-hour-smile h3{color:#fff;font-size:2.3rem;letter-spacing:.4rem}.sale-wrapper p{color:#fff;font-size:.8rem}.sale-wrapper h3{color:#fff;font-size:1.3rem;letter-spacing:.3rem}.sale-wrapper button{padding:.3rem 1.5rem;display:flex;align-self:flex-start;border:none;border-radius:8px;color:#f02d34;font-weight:700}.seller-products-heading{width:50%;margin:0 auto}.seller-products-heading h2{text-align:center;letter-spacing:.2rem}.seller-products-heading p{text-align:center;letter-spacing:.2rem;opacity:.4}.seller-products{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.seller-products-card-wrapper{display:grid;grid-template-columns:repeat(4,1fr);width:85%;margin:0 auto;gap:3rem}.seller-products-card{display:flex;flex-direction:column;gap:.6rem;min-height:220px;min-width:200px;transition:.3s ease-in}.seller-products-card:hover{transform:scale(1.1);color:#f02d34}.seller-products-card img{min-width:150px;height:150px;border-radius:5px;background:#dcdcdc}.content-container{padding:.2rem;display:flex;flex-direction:row;justify-content:space-between}.seller-products-card button{border:none;color:#fff;background:#f02d34;padding:.3rem .75rem;border-radius:3px;font-size:.75rem;font-weight:700;cursor:pointer}.seller-products-card span:hover{border:none;background-color:#f02d34;color:#fff}.seller-products-card p,.seller-products-card h3,.happy-hour-sale p{font-size:.8rem}.happy-hour-layer{display:flex;justify-content:space-between;background-color:#2bc46c;min-height:40vh;padding:1.5rem;border-radius:8px;width:80%;margin:6rem auto 0}.happy-hour-sale{width:50%;display:flex;flex-direction:column;gap:.7rem;color:#fff;padding:1rem}.happy-hour-sale button{padding:.3rem 1.5rem;display:flex;align-self:flex-start;border:none;border-radius:8px;color:#2bc46c;font-weight:700}.happy-hour-smile img{width:250px;height:300px;position:absolute;bottom:-170%;right:54%;transform:rotate(180deg)}@media (min-width: 320px) and (max-width: 480px){.summer-layout{flex-direction:column;padding:.5rem;margin-top:2rem}.summer-content p,.happy-hour-smile p{font-size:1.3rem}.summer-content h3,.happy-hour-smile h3{font-size:2.7rem}.summer-content img{width:230px;height:230px;position:absolute;transform:translate(140px,-160px)}.sale-wrapper p,.happy-hour-sale p{font-size:1.1rem}.sale-wrapper h3,.happy-hour-sale h3{color:#fff;font-size:1.7rem;letter-spacing:.3rem}.sale-wrapper button{padding:.6rem 1.8rem}.sale-wrapper,.seller-products-heading{width:100%}.seller-products-card-wrapper{grid-template-columns:repeat(2,1fr);width:100%;margin:0;gap:.1rem}.seller-products-card{height:200px;min-width:100px}.content-container{width:100%}.title-price-container{min-width:50%}.buy-now-container{width:40%}.seller-products-card img{width:250px;height:180px}.seller-products-card button{padding:.5rem .6rem;font-size:.6rem}.seller-products-card img{width:170px;height:150px}.seller-products-card span{font-size:.7rem}.happy-hour-layer{display:flex;flex-direction:column;padding:.5rem;border-radius:8px;width:100%;margin:2rem auto 0}.happy-hour-sale{width:100%}.happy-hour-sale button{padding:.6rem 1.7rem;font-size:1rem}.happy-hour-smile img{display:none}}@media (min-width:481px) and (max-width: 768px){.summer-layout{width:138vw;padding:2rem}.summer-content p,.happy-hour-smile p,.happy-hour-sale p{font-size:1.5rem}.summer-content h3,.happy-hour-smile h3,.happy-hour-sale h3{font-size:3rem}.summer-content img{width:350px;height:300px;position:absolute;transform:translate(200px,-190px)}.sale-wrapper p,.happy-hour-sale p{font-size:1.5rem}.sale-wrapper h3,.happy-hour-sale h3{color:#fff;font-size:2.5rem;letter-spacing:.3rem}.sale-wrapper button,.happy-hour-sale button{padding:1.2rem 3rem;font-size:1.5rem}.seller-products-heading{width:100%}.seller-products-card-wrapper{grid-template-columns:repeat(3,1fr);width:100%;gap:1rem}.seller-products-card{min-height:250px;width:280px;margin:0 auto}.content-container{width:100%}.title-price-container{min-width:50%}.buy-now-container{width:40%}.seller-products-card img{width:260px;height:180px}.seller-products-card button{padding:.7rem 1rem;font-size:.9rem}.seller-products-card p,.seller-products-card h3{font-size:1.2rem}.happy-hour-layer{padding:2.5rem;border-radius:8px;width:100%;margin:2rem auto 0}.happy-hour-sale{width:50%}.happy-hour-smile img{display:none}}.recent-news-layer{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.recent-news-heading{width:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.recent-news-heading span{font-size:.9rem;opacity:.6}.recent-card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.recent-news-card{width:80%;display:flex;flex-direction:column;gap:.7rem;padding:1rem}.recent-news-card p,.recent-news-card span{font-size:.8rem}.recent-news-card h3{font-size:1rem}.recent-news-card img{width:260px;height:200px;background:#dcdcdc;border-radius:5px}footer{display:grid;grid-template-columns:repeat(4,1fr);background-color:#dcdcdc;padding:1rem;border-radius:5px}.contact-wrapper,.subscribe-wrapper,.links-wrapper,.gadget-wrapper{display:flex;flex-direction:column;gap:1rem}.contact-wrapper p,.gadget-wrapper p{font-size:.9rem}.icon-wrapper{display:flex;gap:2rem;font-size:1.3rem}.gadget-wrapper h4{font-family:Oleo Script,cursive}.span-gadget{color:#f02d34;font-family:Pacifico,cursive}.social:hover,.link:hover{color:#f02d34;cursor:pointer}.link{text-decoration:none;color:inherit;font-size:.9rem}.subscribe-wrapper h1{font-size:1.3rem;font-family:sans-serif}.subscribe-wrapper input[type=text]{height:6vh;border-radius:30px;border:none;font-size:.9rem;padding-left:1.3rem}.subscribe-wrapper button{padding:.6rem;letter-spacing:.15rem;text-transform:uppercase;font-weight:700;background:#f02d34;color:#fff;border:none;border-radius:30px;cursor:pointer}.subscribe-wrapper input[type=text]:focus{outline:none}.subscribe-wrapper input[type=text]::placeholder{padding-left:1.3rem}@media (min-width:320px) and (max-width: 480px){.recent-card-wrapper{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem}.recent-news-card{width:100%;gap:.7rem;padding:.7rem}.recent-news-card p,.recent-news-card span{font-size:.9rem}.recent-news-card h3{font-size:1.2rem}.recent-news-card img{width:350px;height:250px}footer{grid-template-columns:repeat(1,1fr);gap:1.5rem}.links-wrapper{gap:.5rem}.subscribe-wrapper button{padding:1rem .6rem;font-size:1rem}}@media (min-width:481px) and (max-width: 768px){.recent-news-card img{width:250px;height:200px}.subscribe-wrapper input[type=text]{height:5vh}.subscribe-wrapper button{padding:1rem}}.modal-container{position:absolute;display:flex;top:0;left:0;width:100%;height:100vh;background-color:#0009}.modal-wrapper{width:60%;height:70vh;display:flex;flex-direction:row-reverse;justify-content:space-between;background-color:#fff;padding:1rem;margin:auto}.modal-close{position:absolute;top:0px;right:5px;cursor:pointer;font-size:2rem}.modal-nav{display:flex;margin-top:-1rem}.modal-nav :nth-child(2){background-color:#0003;padding:.5rem 2rem;font-weight:600;font-size:.9rem;font-family:sans-serif;border:none;border-radius:3px;margin-left:1rem;cursor:pointer}.modal-nav :nth-child(1){background-color:#0003;padding:.5rem 1.8rem;font-weight:600;font-size:.9rem;font-family:sans-serif;border:none;border-radius:3px;cursor:pointer}.img-wrapper{width:55%}.img-wrapper img{width:430px;height:423px;border-radius:5px}.modal-content-details{width:40%;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.name-price-wrapper{display:flex;flex-direction:column;gap:1rem}.name-price-wrapper h3{font-family:sans-serif;font-size:1.1rem}.name-price-wrapper h4{font-size:.9rem}.description-wrapper{display:flex;flex-direction:column;gap:.5rem;overflow-y:scroll}.description-wrapper p{font-family:sans-serif}.description-wrapper h5{font-family:sans-serif;font-weight:800;font-size:.9rem}.btn-cart-wrapper{margin-top:6.5rem}.btn-cart-wrapper button{padding:.7rem;width:100%;letter-spacing:.1rem;border:none;background-color:#f02d34;color:#fff;border-radius:3px;cursor:pointer}.orderModal-container{position:absolute;display:flex;top:0;left:0;width:100%;height:100vh;background-color:#0009}.orderModal-wrapper{min-width:35%;min-height:70vh;display:flex;flex-direction:column;gap:1rem;background-color:#fff;padding:1rem;margin:auto}.orderModal-wrapper span{font-size:.85rem;font-family:sans-serif}@media (min-width:320px) and (max-width: 480px){.modal-wrapper{display:flex;flex-direction:column;width:100%;height:105vh;padding:.5rem}.orderModal-wrapper{width:100%}.img-wrapper{width:70%;margin:2.5rem auto}.img-wrapper img{width:258px;height:230px;display:flex;align-self:center}.modal-close{font-size:1.7rem}.modal-nav{display:flex;justify-content:space-between;margin-top:-1.5rem}.modal-content-details{width:100%}.name-price-wrapper h4{font-size:1rem}.name-price-wrapper h3,.description-wrapper h5,.description-wrapper p{font-size:1.1rem}.btn-cart-wrapper button{font-size:1rem}.btn-cart-wrapper{margin-top:1rem}}@media (min-width:481px) and (max-width: 768px){.modal-wrapper{width:100%;display:flex;flex-direction:row}.modal-content-details{width:100%;padding:1.2rem}.modal-nav{display:flex;justify-content:space-between}.modal-nav :nth-child(2),.modal-nav :nth-child(1){font-size:1.2rem}.img-wrapper img{width:400px;height:620px}.name-price-wrapper h3{font-size:1.2rem}.name-price-wrapper h4{font-size:1.1rem}.description-wrapper h5{font-size:1.2rem}.description-wrapper p{font-size:1.3rem}.btn-cart-wrapper{margin-top:14rem}.btn-cart-wrapper button{font-size:1.2rem}}*{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-sizing:border-box}.logo-container{display:flex}.hamburger{transform:translateY(10px);font-size:1.3rem;cursor:pointer;transition:.8s ease-in}h1{font-family:Montserrat,sans-serif}.logo-link{text-decoration:none;color:inherit;font-family:inherit}.App{padding:0 2rem;display:flex;flex-direction:column;gap:1.5rem}::-webkit-scrollbar{width:0px}.nav-container{display:flex;justify-content:space-between;padding:.5rem;height:60px}.heading{font-size:1.3rem;font-family:Oleo Script,cursive;padding-left:1rem}.icon-container{width:15%;display:flex;justify-content:space-around;padding:.3rem}.logo-span{color:#f02d34;font-family:Pacifico,cursive}.nav-cart{width:25px;height:25px;background-color:#f02d34;color:#fff;font-weight:500;display:flex;justify-content:center;align-items:center;font-size:1rem;border-radius:50%;position:absolute;top:30px;right:73px}.cart-link{color:inherit}.icon-container span{padding-top:.3rem}.login{text-decoration:none;font-size:1.1rem;color:inherit;font-weight:600;font-family:sans-serif}.logout{margin-left:-1rem;font-family:sans-serif;font-size:1.2rem;cursor:pointer}.nav-icon{font-size:2rem}.banner-container{padding:100px 40px;background-color:#dcdcdc;border-radius:15px;position:relative;min-height:500px;line-height:.9;width:100%}.banner-container-content p{font-size:20px}.banner-container-content h1{color:#fff;font-size:10em;margin-left:0;text-transform:uppercase}.banner-container-content h3{font-size:4rem;margin-top:4px}.banner-container-content button{border-radius:8px;padding:10px 26px;background-color:#f02d34;margin-left:1rem;color:#fff;border:none;margin-top:40px;font-size:18px;font-weight:500;cursor:pointer;z-index:10000!important}.description{position:absolute;right:10%;bottom:5%;width:300px;line-height:1.3;display:flex;flex-direction:column;color:#324d67}.description h4{margin-bottom:12px;font-weight:700;font-size:16px;align-self:center}.description p{color:#5f5f5f;font-weight:100;text-align:end;font-size:.85rem}.banner-image{position:absolute;top:0%;right:35%;width:450px;height:450px}@media (min-width:320px) and (max-width: 480px){.App{padding:.1rem}.nav-container{padding:.2rem}.login{margin-right:7rem;border:1px solid black;padding:.2rem;border-radius:4px;margin-left:-8rem}.logout{padding-left:.7rem;padding-right:.7rem;margin-left:-8rem;font-size:1.1rem}.nav-cart{width:21px;height:21px;font-size:.7rem;top:30px;right:20px}.nav-icon{position:absolute;font-size:1.6rem;transform:translate(-30px)}.banner-container{padding:100px 10px}.banner-container-content p{margin-bottom:1rem}.banner-container-content h3{font-size:2rem;margin-bottom:1rem}.banner-container-content h1{font-size:3rem}.banner-image{width:250px;height:250px;right:8%;top:7%}.description{right:7%;width:90%}.description h4{align-self:flex-start}.description p{text-align:start}}@media (min-width:481px) and (max-width: 768px){.App{padding:0 .8rem;width:140vw}.nav-container{width:140vw}.nav-cart{right:-37.5%}.banner-container{width:140vw}.banner-container-content h1{font-size:8.5em}}.menu-container{position:fixed;top:9%;left:2.3%;min-width:15%;min-height:20%;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px;z-index:1000;border-radius:8px}.link-container{display:flex;flex-direction:column;padding:1rem;gap:1.5rem}.sidemenu-link{text-decoration:none;color:#000;font-size:.8rem;cursor:pointer}.sidemenu-icon{font-size:1.5rem;font-weight:700;transform:translateY(7px);color:#315039}@media (min-width:320px) and (max-width: 480px){.menu-container{top:10%;left:0%;min-height:10%}}@media (min-width:481px) and (max-width: 768px){.menu-container{top:3%;left:1%;min-height:10%}}*{font-family:sans-serif}.cart-wrapper{display:flex;justify-content:space-between;padding:1rem;width:80%;margin:0 auto}.cart-section h2{text-align:center;font-size:1rem;padding-bottom:1rem}.cart-section{min-height:300px}.cart-empty{margin-top:2rem}.cart-empty p{text-align:center;font-size:1.03rem;font-family:sans-serif}.cart-empty-icon{opacity:.15;font-size:5rem}.icon-cart{text-align:center;margin-bottom:1rem}.cart-shopping{display:flex;justify-content:center;align-items:center}.cart-shopping span{background-color:#1479f4;padding:.5rem .8rem;border-radius:3px;color:#fff;font-family:sans-serif;font-size:.95rem}.cart-shopping .icon{font-size:1.5rem;font-weight:700;transform:translate(-5px,8px)}.cart-shopping .start{color:inherit;cursor:pointer;text-decoration:none;margin-top:.5rem}.cart-wrapper img{width:20%;height:20vh;border-radius:5px}.cart-content{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid black;border-top:1px solid black;width:70%;padding:1rem}.cart-content-details h4{font-size:.8rem}.cart-content-details p{font-size:.9rem}.cart-content-quantity,.cart-content-total,.cart-icon-wrapper{display:flex;align-items:center;justify-content:center}.cart-content-total h3{font-size:1rem}.cart-icon-wrapper .icon{font-size:1.5rem;font-weight:800;cursor:pointer;color:#f02d34}.cart-content-quantity span{padding:.5rem 1rem;border:1px solid black;font-size:1rem;font-weight:700;margin:0 .5rem;cursor:pointer}.cart-content-quantity .arithmetic{border:none}.cart-summary{display:flex;justify-content:space-between;width:80%;margin:1rem auto}.clear-cart-wrapper{border:1px solid black;padding:6px 1.3rem;height:5vh;margin-left:1.2rem;border-radius:3px;cursor:pointer}.clear-cart-wrapper:hover{background-color:#f02d34;color:#fff;border:none;transition:.5s ease-in-out}.clear-cart-wrapper .icon:hover{color:#fff;transition:.3s ease-in-out}.clear-cart-wrapper .icon{position:absolute;color:#f02d34;transform:translate(-30px,-2px);font-size:1.3rem}.clear-cart-wrapper span{padding-left:1.2rem;font-size:1rem;font-family:sans-serif;font-weight:600}.cart-subtotal{display:flex;flex-direction:column;gap:.5rem}.subtotal-wrapper{display:flex;justify-content:space-between}.cart-subtotal button{padding:.4rem 0rem;background-color:#1479f4;border:none;color:#fff;letter-spacing:.1rem;border-radius:3px;font-size:1rem;font-family:sans-seriff;cursor:pointer}.cart-subtotal .login-checkout{background-color:#f59520;color:#000;font-weight:700;font-family:sans-serif}.cart-subtotal p{font-size:.9rem}.cart-subtotal span{font-size:.9rem;font-weight:700}.cart-subtotal .start{text-decoration:none;color:inherit}.cart-subtotal .icon{font-size:1.5rem;position:absolute;transform:translate(5px,-2px)}@media (min-width:320px) and (max-width: 480px){.cart-wrapper{margin:0rem;display:flex;flex-direction:column;width:100%}.cart-wrapper img{width:90%;height:22vh;display:flex;align-self:center}.cart-content{display:flex;flex-direction:row;justify-content:space-between;border-bottom:none;border-top:none;width:100%;padding:1rem}.cart-icon-wrapper .icon{font-size:2rem;margin-left:1rem}.cart-content-total h3{font-weight:800}.cart-empty-icon{font-size:4rem}.cart-summary{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.clear-cart-wrapper{padding:10px 2.5rem;width:50%;height:5vh;margin:0 auto}.cart-subtotal span{font-weight:800;font-size:1rem}.cart-subtotal p{font-size:1rem}.cart-content-details h4,.cart-content-details p{font-size:1rem;font-weight:800}.cart-subtotal .icon{font-size:1.7rem;transform:translate(5px,-1px)}}.login-container{position:fixed;height:100%;width:100%;top:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10000;background-color:#000c}.login-modal{min-height:30vh;width:30%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;position:relative;border-radius:8px}.cancel{position:absolute;top:0;right:0;font-size:1.3rem;color:red;cursor:pointer}.login-heading{display:flex;flex-direction:column;align-items:center}.login-heading h2{font-size:1.3rem;font-family:sans-serif}.form-wrapper{display:flex;flex-direction:column;gap:1.2rem;width:100%}.error{color:red;padding-left:0rem;font-size:.9rem;display:none}input[type=text]:invalid[focused=true],input[type=email]:invalid[focused=true],input[type=password]:invalid[focused=true]{border:1px solid red}input[type=text]:invalid[focused=true]~.error,input[type=email]:invalid[focused=true]~.error,input[type=password]:invalid[focused=true]~.error{display:block}.form-wrapper input[type=text],.form-wrapper input[type=password],.form-wrapper input[type=email]{width:100%;height:6.5vh;border-radius:5px;border:1px solid black;font-size:1rem;padding-left:1rem}.form-wrapper button{display:flex;justify-content:center;align-self:center;background-color:#000000b3;padding:.7rem;border-radius:5px;font-size:1rem;color:#fff;border:none;width:100%;cursor:pointer;letter-spacing:.2rem;text-transform:uppercase;font-weight:600}.form-wrapper input[type=text]:focus,.form-wrapper input[type=password]:focus{outline:none}.account p{font-size:1rem}.signUp{text-decoration:none;color:#f02d34;font-weight:700}.verify-wrapper{display:flex;flex-direction:column;gap:1rem;min-height:300px}.verify-wrapper h2{font-size:1.1rem;text-align:center}.verify-wrapper p{font-size:.9rem;text-align:center}.verify-wrapper .email-icon{font-size:5.2rem;margin:0 auto}.verify-wrapper button{display:flex;align-self:center;padding:.5rem 1.5rem;font-size:.9rem;letter-spacing:.1rem;font-weight:700;border-radius:5px;background-color:#f02d34;color:#fff;border:none;cursor:pointer}@media (min-width: 320px) and (max-width: 480px){.login-modal{width:95%}}@media (min-width:481px) and (max-width: 768px){.login-modal{width:95%;min-height:50vh}.login-heading h2{font-size:2rem}.form-wrapper input[type=text],.form-wrapper input[type=password]{height:10vh;font-size:2rem}.form-wrapper button{padding:1.5rem;font-size:2rem}.cancel{font-size:2.5rem}.account p{font-size:2rem}}.card-section{display:flex;flex-direction:column;gap:1.5rem}.card-heading{margin:0 auto}.card-heading h1{font-family:sans-serif}.card-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.card-content-container{display:flex;flex-direction:column;gap:.6rem;min-width:30%;box-shadow:#0000001a 0 4px 12px;padding:1rem;border-radius:8px}.card-content-container img{display:flex;align-self:center;width:100%;height:40vh;border-radius:8px}.card-content-container h3{font-size:1rem;font-weight:600;font-family:sans-serif;text-transform:uppercase}.readmore-link{text-decoration:none;color:inherit}.readmore-span{color:#2bc46c;font-weight:600;font-size:.8rem}.card-content-container span{font-size:1rem;font-weight:700;font-family:sans-serif}.card-content-container p{font-size:.9rem;font-family:sans-serif}.card-content-container button{display:flex;align-self:flex-start;padding:.5rem 2rem;font-family:sans-serif;font-size:.8rem;border-radius:5px;border:none;background:#f02d34;color:#fff;cursor:pointer}@media (min-width:320px) and (max-width: 480px){.card-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.card-content-container{gap:.5rem;min-width:100%;padding:.2rem}.card-content-container img{width:100%;height:25vh}.card-content-container h3{font-size:1rem}.card-content-container span{font-size:1rem;font-weight:700;font-family:sans-serif}.card-content-container p{font-size:.8rem;font-family:sans-serif}.card-content-container button{display:flex;align-self:center;padding:.7rem 2rem;font-size:.8rem}}@media (min-width:481px) and (max-width: 768px){.card-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card-heading h1{font-size:2rem}.card-content-container{gap:1rem;min-width:100%;padding:.5rem}.card-content-container img{height:25vh}.card-content-container h3{font-size:1.8rem}.card-content-container span{font-size:1.6rem;font-weight:800}.card-content-container p{font-size:1.7rem}.card-content-container button{padding:1.2rem 2rem;font-size:1.5rem}}.network-wrapper{min-height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-family:sans-serif}.network-wrapper img{height:220px;width:270px}.network-wrapper span{font-size:.9rem;opacity:.7;font-family:sans-serif}.network-wrapper button{padding:.5rem 1.5rem;font-family:sans-serif;font-size:.8rem;border:none;background-color:#1479f4;color:#fff;border-radius:3px;cursor:pointer}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-wrapper{display:flex;justify-content:space-between}.admin-nav-bar{display:flex;flex-direction:column;gap:6rem;padding:1rem;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;border-radius:5px;width:25%;min-height:95vh}.admin-nav-icon{font-size:1.5rem;position:absolute;top:0px;left:3px;transition:.2s ease-in-out}.admin-icon{font-size:1.5rem;position:absolute;transform:translate(-5px,-5px)}.admin-nav-wrapper h2{padding-left:2rem;font-size:1.1rem;cursor:pointer}.admin-nav-wrapper button{border:none;font-size:1rem;font-weight:600;font-family:sans-serif;cursor:pointer;padding-left:2rem}.admin-main-section{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:70%;height:95vh;overflow-y:scroll;border-radius:5px}.admin-main-heading h3,.admin-order-container h3,.admin-product-container h3{font-size:1.1rem;font-family:sans-serif}.admin-total-container{display:flex;justify-content:space-between}.total-container{width:30%;min-height:10vh;border-radius:3px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;padding:.6rem 1.2rem;display:flex;justify-content:space-between;cursor:pointer}.total-container:hover{transform:scale(1.1);transition:.3s ease-in-out}.admin-circle{width:40px;height:40px;border-radius:50%}.dollar{background-color:#f59520}.cart{background-color:#2bc46c}.products{background-color:#1479f4}.admin-circle-icon{font-size:1.3rem;margin:9px;color:#fff}.chart-container{display:flex;justify-content:space-between;margin-top:1rem}.chart-wrapper-bar{width:60%;height:50vh}.chart-wrapper-pie{width:37%;height:35vh;padding-left:3rem}.chart-wrapper-pie h5{text-align:center;padding-top:3rem}.chart-wrapper-bar h5{text-align:center;padding-top:.8rem}.total-container-content{display:flex;flex-direction:column;gap:.3rem;width:75%;margin-top:.2rem}.total-container-content span{font-size:.9rem;font-weight:600;font-family:sans-serif;opacity:.4}.total-container-content h4{font-size:.9rem;font-family:sans-serif}.admin-order-table{display:flex;justify-content:space-between;margin-top:1rem}.admin-order-table span{font-size:.9rem;font-family:sans-serif}.admin-statistic-container{width:100%;min-height:55vh}.table-container{width:100%;border-collapse:collapse;margin:1rem 0rem}.table-container tbody tr{border-bottom:1px solid #dddddd}.table-container tbody tr:nth-of-type(even){background-color:#f3f3f3}.table-container td{padding-top:1rem;font-size:.9rem;font-family:sans-serif}@media (min-width:320px) and (max-width: 480px){.admin-main-section{width:100%;padding:.3rem;margin-top:1rem}.total-container{padding:.8rem;display:block}.admin-order-wrapper{overflow-x:scroll}.mobile-span{display:none}.admin-statistic-container{min-height:97vh}.chart-container{display:block}.chart-wrapper-bar,.chart-wrapper-pie{width:100%;height:40vh}.table-container td{padding:1rem}}@media (min-width:481px) and (max-width: 834px){.admin-main-section{width:100%;padding:2rem;margin-top:1rem}}@media (max-width: 768px){.admin-main-section{width:71%}}.mobile-nav{width:55%;min-height:60vh;border-radius:5px;padding:1rem;position:absolute;z-index:1000;background:#C9CCD3;background-image:linear-gradient(-180deg,rgba(255,255,255,.5) 0%,rgba(0,0,0,.5) 100%);background-blend-mode:lighten;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;display:flex;flex-direction:column;gap:2rem}.mobile-link{font-size:1.2rem;padding-left:2rem;text-decoration:none;font-weight:600;color:inherit}.login-wrapper{margin-top:100px}.mobile-icon{font-size:1.5rem;position:absolute;transform:translateY(-4px)}.btn-wrapper button{font-size:1.2rem;padding:.5rem 2rem;font-family:sans-serif;letter-spacing:.1rem;border-radius:5px;border:none;background-color:#f02d34;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.add-wrapper{display:flex;flex-direction:column;gap:2rem}.update-img{height:150px;width:150px}.input-field-container{display:flex;flex-direction:column;gap:1.5rem}input[type=text]{width:100%;height:6.5vh;border-radius:5px;border:1px solid black;font-size:.9rem;padding-left:1rem}textarea{padding-left:1rem;width:100%;height:35vh;font-size:.9rem;padding-top:1rem;border-radius:5px;border:1px solid black}textarea:focus,input[type=text]:focus{outline:none}.input-field-container button{display:flex;align-self:center;padding:.7rem 2rem;font-size:.9rem;background-color:#2bc46c;color:#fff;border:none;border-radius:5px;font-family:sans-serif;font-weight:600;cursor:pointer}@media (min-width:320px) and (max-width: 480px){.admin-main-section{width:100%;padding:1rem}}.product-container{display:flex;flex-direction:column;gap:3rem}.lds-roller{display:inline-block;position:relative;width:80px;height:80px;margin:9rem auto}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 45px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px;background-color:#00000080}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px;background-color:#00000080}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px;background-color:#00000080}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px;background-color:#00000080}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px;background-color:#00000080}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px;background-color:#00000080}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px;background-color:#00000080}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px;background-color:#00000080}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-form-container,.customer-form-container{display:flex;flex-direction:column;gap:1.5rem}.table-data{display:flex;justify-content:space-between}.table-container img{width:50px;border-radius:50%;height:50px}.table-data span{font-size:1rem;font-family:Times New Roman,Times,serif}.payment{font-size:.9rem;color:#2bc46c}.table-icon{color:red;font-size:1.5rem;cursor:pointer}.view-icon{color:#1479f4;font-size:1.3rem;cursor:pointer}.table-edit{color:#1479f4;font-size:1.5rem;cursor:pointer}@media (min-width:320px) and (max-width: 480px){.table-data img{border-radius:50%}.table-form-container{overflow-x:scroll}.category-span,.price-span{padding-left:1.3rem}}