body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:dosis;src:url(/static/media/dosis.1af19a28a29fcb2321da.ttf)}body{background-color:#220b59;background-image:linear-gradient(180deg,#352732,#0f0636 50%,#4f2903);font-family:dosis}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.category{background:#3b383880;color:#fff;margin-right:2%;width:25%}.category-child{margin:20px 0 0 20px}.input-category{border:none;border-radius:5px;font-family:Arial;margin-top:15px;outline:none;padding:5px;width:80%}.category li{font-size:20px;margin-bottom:5px}.category li,li{cursor:pointer}.best-seller{background:#3b383880;width:73%}.slide-bestseller-frame{color:#fff;display:flex;position:relative}.slide-bestseller{align-items:center;color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:10px auto;overflow-x:auto;scroll-behavior:smooth;width:90%}.slide-bestseller::-webkit-scrollbar{background:#fcfcfc;border:1px solid #d03939;height:5px;width:2px}.slide-bestseller::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.slide-bestseller::-webkit-scrollbar-thumb{background-color:#ff0;outline:1px solid #1a892f}.sales{background:#3b383880;margin-top:2%;width:100%}.slide-sales-frame{color:#fff;display:flex;position:relative}.slide-sales{align-items:center;color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:10px auto;overflow-x:auto;scroll-behavior:smooth;width:90%}.slide-sales::-webkit-scrollbar{background:#fcfcfc;border:1px solid #d03939;height:5px;width:2px}.slide-sales::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.slide-sales::-webkit-scrollbar-thumb{background-color:#ff0;outline:1px solid #1a892f}.checked{color:orange}#next-bestseller:hover,#next-sales:hover,#previous-bestseller:hover,#previous-sales:hover{background-color:hsla(34,78%,91%,.666);border-radius:50%}@font-face{font-family:rubik;src:url(/static/media/rubik.904e9380e0b728a433d7.ttf)}@counter-style grapes{system:cyclic;symbols:"\1F3AE";suffix:" "}.header{background-color:#000;display:flex;height:100px;width:100%}.search{margin:35px 0 0 15%;position:relative;width:30%}.search-bar{display:flex;z-index:2}.search-bar,.search-list{position:absolute;width:80%}.search-list{background-color:rgba(190,176,224,.8);border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#000;max-height:250px;top:35px;z-index:1}.search-list ul li{align-items:center;border-bottom:1px solid #656565;display:flex;font-size:15px;list-style:none;padding:5px;position:relative;width:95%}.search-list ul li:hover{background-color:rgba(190,176,224,.9)}.search-list ul{margin-left:-5%;max-height:220px;overflow-y:auto}.search-list ul::-webkit-scrollbar{background:hsla(0,0%,100%,0);height:5px;width:5px;z-index:0}.input-style{background-color:#e0d9fb;background-image:url(https://static.thenounproject.com/png/101791-200.png);background-position:10px 10px;background-repeat:no-repeat;background-size:20px;border:2px solid #000;border-radius:10px;color:#000;font-family:Arial;height:15px;outline:none;padding:12px 20px 12px 40px;width:100%}.input-style:focus{border:2px solid #de812f;box-shadow:0 0 5pt 2pt #de812f;outline-width:0}.info-group{display:flex;margin-left:10%}.info-header{border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:45%;margin:30px 0 0 50px;position:relative;width:90px}.cover-popup{background-color:rgba(0,0,0,.5);display:none;height:100%;margin:0;position:fixed;top:0;width:100%;z-index:5}.window-popup{background-color:#e0d9fb;margin:10% auto;padding:1% 0 1% 3%;width:50%}.info-group-popup{display:flex;flex-direction:column;margin:1% 5% 2% 0;width:40%}.input-log{border:none;border-radius:7px;font-family:dosis;font-size:15px;height:20px;margin-top:4%;outline:none;padding:15px 10px}.sign-up-popup{margin-top:5%}.sign-in-popup,.sign-up-popup{background-color:#0070c0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:dosis;font-size:15px;padding:4% 5%}.log-ad-group{background-color:#000;color:#fff}.log-ad-group-child{display:flex;margin:0 auto;padding:20px;width:70%}.sign-up-ad{background-color:#2579f2;border-radius:5px;height:40px;margin-right:20px;padding-left:13px;padding-right:13px}.sign-in-ad,.sign-up-ad{border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:600}.sign-in-ad{background:#000}.terms{margin:10px auto;width:70%}.terms h1{border-bottom:1px solid #ccc;padding:50px}.terms a{color:red;text-decoration:none}.footer{background:#3b3838;width:100%}.footer-child{display:flex;justify-content:space-between;margin:0 auto;width:80%}.footer-info{color:#fff;display:flex;flex-direction:column;margin-bottom:20px}.footer-info span{cursor:pointer}.footer-info span:hover{color:orange}.sale-label{background-color:rgba(255,255,70,.75);border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#b70000;font-size:13px;padding:0 2px;position:absolute;right:5%;top:5px}.cover-popup .tab-list{font-size:25px}.cover-popup .tab-list-item{color:#7f7f7f;display:inline-block;list-style:none;margin-left:-3%;margin-right:10%}.cover-popup .tab-list-active{color:#000}.preview{background-color:#1b1b1b;height:290px;margin:0 0 5px 8px;transition:all .3s ease-in-out;width:190px}.preview:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.link{color:#fff;text-decoration:none;transition:all .4s ease-in-out}.link p:hover{color:#ff2600}.link li{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}.link li:hover{color:orange;list-style-type:grapes;-webkit-transform:scale(1.1);transform:scale(1.1)}.link li:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:orange;bottom:-.25em;content:"";height:2px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(0);transition:all .5s ease;width:0}.link li:hover:before{width:50%}body{color:#fff}label,span{line-height:35px}option{outline:none}.product{background:#3b3838;margin:0 auto;width:75%}.list-product-frame{border:2px solid hsla(0,35%,59%,.66);color:#fff;display:flex;position:relative}.list-product{align-items:center;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:10px auto;overflow-y:auto;width:90%}.list-product::-webkit-scrollbar{background:#fcfcfc;border:1px solid #d03939;height:5px;width:2px}.list-product::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.list-product::-webkit-scrollbar-thumb{background-color:#ff0;outline:1px solid #1a892f}.price-option{padding:1% 10px;width:20%}.filter-button,.price-option{border:none;border-radius:10px;outline:none}.filter-button{background-color:#097cce;color:#fff;cursor:pointer;font-size:17px;font-weight:700;height:60%;margin-right:5%;padding:1% 5px;width:40%}.order-option{background-color:rgba(40,40,40,.648);border:2px solid #ccc;border-radius:50px;color:#fff;height:170px;margin:2% auto;padding:10px;width:70%;z-index:1}.form-option{border-radius:50px;display:grid;grid-template-columns:auto auto;height:150px;margin:2% auto;width:80%;z-index:1}.order-index-5 input{margin-right:5%}.select{border-radius:10px;outline:none;padding:1%}.product-info{font-size:30px;margin:5% auto;width:75%}.product-view{border-bottom:2px solid #ca1831;display:flex;padding-bottom:40px;position:relative}.product-view-sell{position:absolute;right:15%;width:30%}.product-view span button{border:none;border-radius:8px;color:#fff;cursor:pointer;margin-right:10%;outline:none;padding:5% 2%;width:40%}.product-view-client textarea{border-radius:20px;outline:none;padding:15px 10px 20px;width:80%}.product-view-client button{background-color:#0070c0;border:none;border-radius:8px;color:#fff;cursor:pointer;height:10%;margin:1% 0 0 4%;outline:none;padding:1% 2%;width:10%}.slide-similar{align-items:center;color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:10px auto;overflow-x:auto;scroll-behavior:smooth;width:90%}.similar .preview{background-color:hsla(0,0%,58%,.458);border-radius:20px;font-size:20px;height:220px;padding:2px;transition:all .3s ease-in-out;width:170px}.similar .preview:hover{-webkit-transform:scale(.9);transform:scale(.9)}.slide-similar::-webkit-scrollbar{background:#fcfcfc;border:0 solid #fff;height:10px;width:5px}.slide-similar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #000}.slide-similar::-webkit-scrollbar-thumb{background-color:#ffafaf}.like-button-wrapper{background-color:transparent;border:none;color:#fff;cursor:pointer;display:grid;font-size:14px;font-weight:600;margin:10px 0;padding:4px 6px;place-items:center;position:relative}.like-button-wrapper:before{background-color:#222f3e;border-radius:8px;bottom:0;box-shadow:0 0 10px rgba(34,48,63,.549);content:"";left:0;position:absolute;right:0;top:0;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s;will-change:background-color;z-index:1}.like-button-wrapper:hover:not(.liked) svg{-webkit-transform:translateY(-2px) rotate(8deg);transform:translateY(-2px) rotate(8deg)}.like-button-wrapper:hover:not(.liked) svg #thumb-end{-webkit-transform:rotate(45deg) translate(5px,-45px);transform:rotate(45deg) translate(5px,-45px)}.like-button-wrapper.clicked:before{-webkit-animation:click .3s;animation:click .3s}.like-button-wrapper.liked:before{background-color:#54a0ff}.like-button-wrapper.liked svg{-webkit-animation:hop .5s;animation:hop .5s}.like-button-wrapper .like-button{align-items:center;display:flex;-webkit-transform:translateX(3px);transform:translateX(3px);z-index:1}.like-button-wrapper .particles{bottom:0;left:0;position:absolute;right:0;top:0}.like-button-wrapper .particles .particle-rotate{position:absolute}.like-button-wrapper .particles .particle-rotate:first-child{right:0;top:50%}.like-button-wrapper .particles .particle-rotate:nth-child(2){bottom:0;right:0}.like-button-wrapper .particles .particle-rotate:nth-child(3){bottom:0;right:33%}.like-button-wrapper .particles .particle-rotate:nth-child(4){bottom:0;right:66%}.like-button-wrapper .particles .particle-rotate:nth-child(5){bottom:0;left:0}.like-button-wrapper .particles .particle-rotate:nth-child(6){bottom:50%;left:0}.like-button-wrapper .particles .particle-rotate:nth-child(7){left:0;top:0}.like-button-wrapper .particles .particle-rotate:nth-child(8){left:33%;top:0}.like-button-wrapper .particles .particle-rotate:nth-child(9){left:66%;top:0}.like-button-wrapper .particles .particle-rotate:nth-child(10){right:0;top:0}.like-button-wrapper .particles .particle-tick{-webkit-animation:boom .5s;animation:boom .5s;background-color:#54a0ff;height:1px;position:absolute;-webkit-transform:translateX(-25px);transform:translateX(-25px);width:10px;z-index:-1}.like-button-wrapper svg{height:22px;margin-right:8px;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:22px}.like-button-wrapper svg,.like-button-wrapper svg #thumb-end{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.like-button-wrapper .suffix{opacity:0;-webkit-transform:translateX(15px);transform:translateX(15px);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.like-button-wrapper .suffix.liked{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes hop{0%{-webkit-transform:rotate(8deg) translateY(-2px);transform:rotate(8deg) translateY(-2px)}30%{-webkit-transform:rotate(-14deg) translateY(-5px);transform:rotate(-14deg) translateY(-5px)}65%{-webkit-transform:rotate(7deg) translateY(2px);transform:rotate(7deg) translateY(2px)}to{-webkit-transform:rotate(0deg) translateY(-2px);transform:rotate(0deg) translateY(-2px)}}@keyframes hop{0%{-webkit-transform:rotate(8deg) translateY(-2px);transform:rotate(8deg) translateY(-2px)}30%{-webkit-transform:rotate(-14deg) translateY(-5px);transform:rotate(-14deg) translateY(-5px)}65%{-webkit-transform:rotate(7deg) translateY(2px);transform:rotate(7deg) translateY(2px)}to{-webkit-transform:rotate(0deg) translateY(-2px);transform:rotate(0deg) translateY(-2px)}}@-webkit-keyframes click{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.96);transform:scale(.96)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes click{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.96);transform:scale(.96)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes boom{0%{opacity:1;-webkit-transform:translateX(-25px);transform:translateX(-25px)}to{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes boom{0%{opacity:1;-webkit-transform:translateX(-25px);transform:translateX(-25px)}to{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}}.product-cart{width:60%}.product-cart .tab-list{font-size:20px;margin-right:0;padding:0}.product-cart .tab-list-item{color:#7f7f7f;display:inline-block;list-style:none;margin-left:10%}.product-cart .tab-list-active{border:1px solid;border-color:#ccc #ccc #fff;color:#000;padding:10px}.product-cart ul li{align-items:center;background-color:hsla(34,52%,62%,.275);border-radius:15px;display:flex;list-style:none;margin:3% 10% 3% 5%;padding:2% 3% 1%;position:relative}.product-cart ul{border:1px solid #ccc;height:300px;margin-left:10%;margin-top:-21px;overflow-y:auto;width:85%}.product-cart ul::-webkit-scrollbar{background:#fcfcfc;border:0 solid #fff;height:5px;width:5px}.product-cart ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #000}.product-cart ul::-webkit-scrollbar-thumb{background-color:#000}.pay{position:absolute;right:5%;top:10%;width:30%}#sales-code{border:2px solid #0070c0;border-radius:5px;float:right;outline:none;padding:2%}.pay button{background-color:#0070c0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:dosis;font-size:16px;margin-top:20%;outline:none;padding:3%;width:100%}
/*# sourceMappingURL=main.32d6e587.css.map*/