@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);:root{--colorLogo:#dc2626;--bg-nav:#e5e5e5;--bg-footer:#d4d4d4;--txt-dark:#171717;--txt-225:2.25rem;--borderRight:#e4e4e7;--borderTop:#d4d4d8;--navBg:#fff;--btnLabel:#18181b}body{padding:0;margin:0}.App{font-family:"Oswald",sans-serif;padding:0}.align-center{text-align:center}.toast-class{width:90%;margin-top:1rem;background-color:#404040}.toast-body{background-color:#404040;color:#fafafa}.page-head{font-size:2.25rem;font-size:var(--txt-225);padding:1rem}.page-layout{width:70%;margin:0 auto}.page-container{display:flex;flex-wrap:wrap}.component-head{font-size:2.25rem;font-size:var(--txt-225);color:var(--txt-light-secondary);text-align:center;margin-top:2rem}.empty-container{font-size:2rem;opacity:.6;margin:0 auto;text-align:center;display:flex;flex-direction:column}.btn-empty{color:var(--truegray800)}@media screen and (max-width:600px){.page-head{font-size:var(--txt-175)}.page-layout{width:auto}.page-container{padding:0;margin:0}.empty-img{height:300px}}.nav-mob{padding:0;margin:0}.nav-mob-top{display:flex;justify-content:space-between;padding:0 2rem;background-color:#fff;box-shadow:0 2px 4px var(--bg-nav)}.nav-mob-logo{font-family:inherit;font-size:var(--txt-225);color:var(--colorLogo);padding-left:.5rem;flex:1 1 auto}.btn-icon:hover,.btn-sign-in{background:transparent;cursor:pointer}.btn-sign-in{font-size:var(--txt-125);border:1px solid grey;color:var(--txt-dark);outline:none;padding:.2rem .5rem;position:relative;border-radius:.25rem;top:.5em}.nav-icon-img{height:2rem;width:2rem}@media screen and (max-width:600px){.nav-mob-top{padding:.5rem;margin:0}.nav-mob-logo{font-size:var(--txt-2)}.nav-mob-bottom{width:100%;position:fixed;bottom:0;display:flex;justify-content:space-between;padding:.25rem;z-index:10;background-color:#fff}.btn-sign-in{font-size:var(--txt-115);top:.4em}}.footer{margin:0;padding:1rem .5rem;background-color:var(--bg-footer)}.footer,.footer-content{display:flex;flex-direction:column}.footer-content{margin:.25rem auto;width:30%}.footer-content-head{font-size:1.25rem;margin:0 auto}.footer-content-txt{font-size:1.1rem;margin:0 auto}.footer-social-link-bar{width:75%;margin:.5rem auto}.footer-app-name{font-size:1.5rem;color:var(--colorLogo);margin:0 auto}.footer-company-name{font-size:2rem;color:var(--colorLogo);font-weight:700;margin:0 auto}@media screen and (max-width:600px){.footer-content{width:85%}}.h-carousel{height:85vh}.home-banner{display:flex;flex-direction:column;position:relative;width:70%;margin:.5rem auto}.home-banner-img{width:100%;height:75vh}.home-banner-txt{position:absolute;bottom:1em;font-size:7rem;color:#fff;line-height:1.05;opacity:.8;flex-shrink:1}.txt-left{right:1em}.block-sub-head{font-size:2rem}.block-categories{width:50%;margin:1rem auto;position:relative}.txt-view{color:var(--colorLogo);position:absolute;top:.5em;right:.5em}.block-cat{display:flex;flex-wrap:wrap;margin:1rem auto;justify-content:space-between}.block-cat-item{display:flex;flex-direction:column;border:none;outline:none;margin:.5rem}.block-cat-item:hover{cursor:pointer}.cat-img{width:6.5rem;height:6.5rem;border-radius:50%;margin:0 auto}.block-cat-detail{margin:.25rem auto;font-size:1.2rem}@media screen and (max-width:600px){.h-carousel{height:200px}.home-banner{width:95%}.home-banner-img{width:100%;height:30vh}.home-banner-txt{position:absolute;top:.75em;font-size:2.5rem;color:#fff;line-height:1.05;opacity:.8}.txt-left{right:.45em;width:28%}.block-sub-head{font-size:1.5rem;margin-left:.5rem}.block-categories{width:100%;margin:1rem auto}.block-cat-item{margin:.5rem 0;width:50%;flex:0 1 50%}.cat-img{width:6rem;height:6rem}}.gooey{position:absolute;top:50%;left:50%;width:142px;height:40px;margin:-20px 0 0 -71px;background:#fff;-webkit-filter:contrast(20);filter:contrast(20)}.gooey .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;-webkit-filter:blur(4px);filter:blur(4px);background:#dc2626;border-radius:50%;-webkit-animation:dot 2.8s infinite;animation:dot 2.8s infinite}.gooey .dot,.gooey .dots{-webkit-transform:translateX(0);transform:translateX(0)}.gooey .dots{margin-top:12px;margin-left:31px;-webkit-animation:dots 2.8s infinite;animation:dots 2.8s infinite}.gooey .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;-webkit-filter:blur(4px);filter:blur(4px);background:#dc2626;border-radius:50%}@-webkit-keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}}@keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}}@-webkit-keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}}@keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}}.category-card{margin:.5rem;display:flex;flex:0 1 270px;height:200px;background-image:linear-gradient(#2c3e50,#bdc3c7);overflow:hidden;border-radius:.25rem}.category-card:hover{cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 5px 15px var(--truegray600)}.category-card-txt{display:flex;flex-direction:column;width:60%;padding:1rem .5rem;color:var(--truegray200)}.category-card-txt-info{font-size:1.15rem}.category-card-txt-det{font-size:2rem;display:block}.category-card-img{width:40%;height:80%;margin:1rem 0;border-radius:.5rem;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);box-shadow:-5px 0 15px var(--truegray800)}@media screen and (max-width:600px){.category-card{margin:.2rem .1rem;flex:0 1 48%;height:120px}.category-card-txt{width:60%}.category-card-txt-info{font-size:.75rem}.category-card-txt-det{font-size:1.25rem}}.card-show-block{display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:1rem;box-shadow:2px 2px 4px var(--truegray400)}.card-block-detail-title{font-size:var(--txt-15);margin:0}.card-block-detail-txt{font-size:var(--txt-115);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-block-detail-info{font-size:var(--txt-125);margin:0}.card-bottom{display:flex;margin-top:.5rem}.card-btn{border:none;outline:none;width:49%;background:transparent;padding:.25rem;font-size:var(--txt-1);border:1px solid var(--bg-footer);cursor:pointer;color:var(--truegray100)}.card-block-btn-margin{margin:.5rem .5rem .5rem 0;align-self:flex-start}.card-block-btn-style{border:none;outline:none}.mob-flex-align{flex:0 1 220px;margin:.5rem .25rem}@media screen and (max-width:600px){.mob-flex-align{flex:0 1 48%;margin:.25rem .1rem}.card-block-badge-tilt{font-size:1.25rem;width:80%}.card-block-btn-style{font-size:.85rem}.tilt-position{right:-1.5em}}.modal-div{width:100%;position:fixed;padding:0;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);margin:0 auto;display:flex;flex-direction:column;z-index:20}.modal-sub-div{position:relative;text-align:center;margin:0 auto;padding:1.15rem;background-color:#e5e7eb;box-shadow:0 0 20px var(--truegray600);border-radius:.35rem}.overlay{position:fixed;background-color:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;z-index:50}.body-container{display:flex;padding:1rem 2rem;box-sizing:border-box;margin:1rem 0}.sidenav{display:flex;flex-direction:column;flex:0 1 auto;padding:.25rem 2rem .25rem 1rem;border-right:3px solid var(--borderRight)}ul{list-style:none;padding-bottom:1rem;border-bottom:2px solid var(--borderRight)}li{font-size:1.15rem}.sidenav-head{font-size:1.75rem}.body-content{padding:.25rem 1rem;max-width:75%;margin:0 2rem}.btn-checkbox,.btn-radio{margin-right:.25rem}.sidenav-item{font-size:1.25rem;padding:.25rem 0 .25rem 1rem}.sidenav-item:hover{cursor:pointer}.btn-clear{border:none;outline:none;background-color:#3b82f6;color:#f5f5f5;padding:.25rem;font-size:1.15rem}@media screen and (max-width:600px){.btn-filter,.btn-sort{font-size:1.25rem;padding:.65rem .5rem;background-color:var(--navBg);border:none;outline:none;border-top:2px solid var(--borderTop);border-bottom:2px solid var(--borderTop);display:flex;flex:0 1 50%}.btn-sort{border-right:2px solid var(--borderTop)}.img-filter,.img-sort{height:1.75rem;width:1.75rem;position:relative;margin-right:.2rem}.dropdown-div{position:relative;top:.2em;display:flex;flex-direction:column;background-color:var(--navBg);padding:1rem .5rem}.input-checkbox,.input-radio{margin:.25rem 0}.btn-checkbox,.btn-radio{position:relative;top:.2em}.checkbox-label,.radio-label{color:var(--btnLabel);font-size:1.35rem;position:relative;bottom:1em}.icon-del{position:absolute;top:1em;right:1em}}.login-block{padding:1rem;width:30%;margin:1rem auto;border:1px solid grey;border-radius:.5rem}.floating-form{width:auto;margin:0 auto}.floating-label{width:60%;margin:1.25rem auto}.floating-input{color:var(--txt-dark)}.floating-input,label{font-size:var(--txt-125)}.btn{margin:1rem auto;border-radius:.25rem}.btn,.btn-login{font-size:var(--txt-125);padding:.25rem 1.5rem;cursor:pointer;outline:none}.btn-login{margin:.5rem auto;border-radius:.25rem;border:none;background-color:#3b82f6;color:#f5f5f5;width:60%}.btn-login:hover{box-shadow:0 5px 10px #e4e4e7}.page-nav-txt{font-size:1.25rem;color:#3b82f6;margin-bottom:1rem}.page-nav-link{color:#3b82f6;margin-left:.5rem}.page-nav-link:hover{text-decoration:underline}@media screen and (max-width:600px){.login-block{padding:1rem;width:80%;margin:1rem auto;border:1px solid grey;border-radius:.5rem}.floating-label{width:auto;margin:1rem auto}.btn-login{width:100%}}.profile-block{display:flex;flex-direction:column;padding:1rem 0}.profile-img{margin:1rem auto}.user-img{height:200px;width:200px}.profile-name{font-size:var(--txt-175);margin:0 auto;color:var(--txt-light)}hr{margin:1rem auto;background-color:grey;width:12%}.profile-contact,.profile-location,.profile-mail{font-size:var(--txt-125);color:var(--txt-light-secondary);margin:0 auto .5rem;border-bottom:1px solid grey;padding-bottom:.5rem;width:250px;overflow:hidden;white-space:no-wrap;text-overflow:ellipsis}.profile-location:hover{color:#0284c7;cursor:pointer;text-decoration:underline}.profile-info-img{height:1.5rem;width:1.5rem;position:relative;top:.1em;margin:0 1rem}.btn-logout{font-size:var(--txt-15);margin:2rem auto;border:none;outline:none;cursor:pointer;padding:.25rem .75rem;color:#f5f5f5;background-color:var(--colorLogo);width:200px}.link-edit{font-size:1.15rem;color:#0284c7;margin:.5rem auto}.link-edit span:hover{cursor:pointer;text-decoration:underline}.txt-empty{color:#0284c7}@media screen and (max-width:600px){.profile-name{font-size:var(--txt-175)}hr{width:50%}}.label-focus{top:-10px;margin-left:.25rem;font-size:.8rem}.profile-edit-form{display:flex;flex-direction:column;margin:1rem auto}.w250{min-width:250px;max-width:350px}.btn-save{width:250px}.address-block{display:flex;flex-direction:column;max-width:600px;margin:0 auto}.address-head{font-size:var(--txt-25);color:#0284c7}.address-action{margin:1.5rem auto;display:flex;cursor:pointer;padding:.25rem 1rem;background-color:var(--truegray100)}.address-add-img{height:2.25rem;width:2.25rem;margin-right:1rem;align-self:center;padding:.25rem;background-color:var(--truegray300)}.address-add-txt{font-size:var(--txt-15);padding:.5rem 0;align-self:center}.address-content{display:flex;flex-direction:column;margin-top:2rem;width:100%;border-top:1px solid #0284c7}.address-content-head{font-size:var(--txt-125);margin-bottom:1rem;position:relative;top:-.85em;padding:0 .5rem}.address-content-head button{border:none;outline:none;pointer-events:none;background-color:#fff}.address-item{display:flex;flex-direction:column;padding:1rem}.address-item-detail{display:flex;flex-direction:column;cursor:pointer;position:relative;padding:.5rem;border:1px solid #7dd3fc;border-bottom:none;border-top-left-radius:.35rem;border-top-right-radius:.35rem}.address-item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.address-item:hover .address-item-detail{background-color:#f0f9ff}.address-txt{font-size:var(--txt-125)}.txt-sep{margin-right:.5rem}.icon-select{height:2.5rem;width:2.5rem}.address-default{position:absolute;top:1em;right:.5em}.address-item-btn{width:100%}.address-item-btn button{font-size:var(--txt-115);color:var(--truegray50);background-color:var(--truegray700);padding:.25rem 0;border:none;outline:none;width:100%;text-align:center}.address-container{display:flex;flex-direction:column;width:100%;margin-top:2rem}.from-width{min-width:70%;max-width:80%}.width-full{width:100%}.margin-1{margin:2rem 0}.floating-label textarea{height:100px}@media screen and (max-width:600px){.from-width{min-width:80%;max-width:90%}}.card-horizontal-container{display:flex;flex-direction:column;width:300px;margin:1rem;padding:.5rem;border:1px solid #a3a3a3;border-radius:.25rem}.card-horizontal-block{display:flex}.card-horizontal-block-detail{display:flex;flex-direction:column;padding:0 .25rem;justify-content:space-between}.card-horizontal-img{width:40%}.btn-counter{margin:0 .5rem;border:none;outline:none}.card-counter-num{font-size:1rem}.cart-card-counter{display:flex;position:relative;left:-.5em}@media screen and (max-width:600px){.card-horizontal-container{width:95%;margin:.5rem auto}}.page-block{display:flex;flex-wrap:wrap}.page-block-content{display:flex;flex-direction:column;width:70%}.page-block-sub-content{display:flex;flex-direction:column;margin:2rem auto;width:30%}.page-sub-head{font-size:1.5rem;padding:.5rem;color:var(--truegray100);background-color:var(--truegray700)}.page-sub-data{display:flex;justify-content:space-between;padding:.25rem .5rem;border-bottom:.1px solid #a3a3a3}.btn-checkout,.page-sub-info,.page-sub-txt{font-size:1.25rem}.btn-checkout{border:none;outline:none;color:var(--truegray100);background-color:var(--truegray700);padding:.5rem 1rem;margin-bottom:1rem;position:absolute;right:1em;cursor:pointer}.page-sub-layout{width:50%;margin:0 auto}.page-address-block{width:70%;display:flex;flex-direction:column;position:relative;padding:.5rem;margin:1rem auto;background-color:#f8fafc}.page-address-block-head{display:flex;margin-bottom:.25rem}.page-address-block-img{height:2rem;width:2rem;margin:0 .5rem}.page-address-block-txt{font-size:var(--txt-115)}.page-user{font-size:var(--txt-15)}.page-address{margin-top:.25rem;font-size:var(--txt-125);width:60%;text-overflow:ellipsis}.btn-page-nav{position:absolute;top:.5em;right:.5em;color:#f5f5f5;background-color:var(--truegray900);font-size:var(--txt-115);padding:.25rem 1rem;border:none;outline:none}@media screen and (max-width:600px){.page-sub-layout{width:auto}.page-block{display:flex;flex-direction:column;flex-wrap:nowrap}.page-block-content{width:auto}.page-block-sub-content{margin:2rem 0 1rem;width:auto}.page-address-block{width:95%}}.page-section{width:50%;display:flex;flex-direction:column;margin:1rem auto}.page-section-container,.page-section-container-disabled{display:flex;flex-direction:column;border:1px solid var(--truegray300);margin:.5rem auto;position:relative;width:70%}.page-section-container-disabled{opacity:.6;pointer-events:none}.page-section-container-head{font-size:var(--txt-125);padding:.5rem 0 .5rem .5rem;border-bottom:1px solid var(--truegray300);background-color:#bae6fd}.page-section-container-content{padding:.25rem}.order-product-card{display:flex;margin:.5rem 0;width:300px;border:1px solid #38bdf8;border-radius:.25rem}.order-product-img{width:35%;margin-right:.5rem}.order-img{width:100%;height:100%;margin:auto;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.order-product-detail{width:65%;display:flex;flex-direction:column;padding:.25rem 0 .25rem .25rem}.order-product-brand{opacity:.8}.order-product-brand,.order-product-name{font-size:var(--txt-125);margin:.15rem 0}.order-product-price{font-size:var(--txt-115);margin:.25rem 0}.order-product-quantity{font-size:var(--txt-125)}.order-total{display:flex;justify-content:space-between;padding:.25rem .5rem;color:#fff;margin-bottom:.25rem}.btn-confirm,.btn-manage,.order-total{font-size:var(--txt-125);background-color:var(--truegray700)}.btn-confirm,.btn-manage{color:#f5f5f5;padding:.25rem;text-align:center;width:49%;cursor:pointer;border:none;outline:none;margin:0 auto}.btn-confirm{background-color:#3b82f6}.user-info{font-size:var(--txt-125);font-weight:700;margin:.25rem}.address-info,.user-address{font-size:var(--txt-115);text-overflow:ellipsis;padding-left:.15rem}.btn-address-align{width:100%;margin:.25rem auto}.btn-position{position:absolute;bottom:"0em"}.order-payment,.order-payment-active{display:flex;padding:.5rem 1rem;border:1px solid #bfdbfe;border-radius:1rem;cursor:pointer;opacity:.8;margin:.35rem 0;width:50%}.order-payment-active{opacity:1;border:1px solid #3b82f6;background-color:#e0f2fe}.order-payment-img{height:2rem;width:2rem;border-radius:50%;margin-right:.5rem}.order-payment-txt{font-size:var(--txt-125)}.pay-confirm-div{position:relative;text-align:right;padding:0 .35rem}.btn-pay-confirm{margin:.25rem 0;right:.25em;width:40%}.btn-place-order{background-color:#3b82f6;color:#fff;font-size:var(--txt-15);text-align:center;padding:.5rem 1rem;border:none;outline:none;cursor:pointer;border-radius:.75rem;width:100%}.place-order{display:inline-block;margin:2rem auto;width:300px}.btn-disabled{opacity:.6;pointer-events:none}@media screen and (max-width:600px){.page-section{width:auto}.page-section-container,.page-section-container-disabled{width:90%}.order-product-card{width:96%}.order-payment,.order-payment-active{width:70%}}.confirm-container{display:flex;flex-direction:column;margin:3rem auto;max-width:500px}.confirm-img{height:5rem;width:5rem;margin:1rem auto}.confirm-txt-main{font-size:var(--txt-175);margin:.15rem auto;color:#22c55e;text-align:center}.confirm-txt-sub{font-size:var(--txt-15);margin:.15 auto;text-align:center}.btn-nav{padding:.35rem 2rem;font-size:var(--txt-125);background-color:#22c55e;color:#f5f5f5;border-radius:.25rem;border:none;outline:none}.error-container{font-size:2rem;opacity:.6;margin:2rem auto;text-align:center;display:flex;flex-direction:column}.error-txt-md{font-size:6rem;margin:1rem auto;color:var(--truegray900)}.error-txt-sm{font-size:2rem;margin:1rem auto;color:var(--truegray600)}.btn-empty{font-size:1.5rem;border:none;outline:none;color:#1e3a8a;cursor:pointer}.product-block{display:flex;flex-direction:column;width:70%;padding:1rem;margin:1rem auto}.product-main{display:flex;background-color:#fafafa}.product-main-img{padding:1rem;width:43%}.product-img{max-width:100%;margin:0 auto}.product-main-detail{display:flex;flex-direction:column;padding:1rem;width:57%}.product-new{font-size:var(--txt-125);color:var(--colorLogo)}.product-cat{display:flex}.product-cat-main{font-size:var(--txt-15);margin-right:.5rem}.product-cat-sep{font-size:var(--txt-125)}.product-cat-sub{font-size:var(--txt-15);margin-left:.5rem}.product-brand{font-size:2.35rem;opacity:.8}.product-name{font-size:2.85rem;position:relative;top:-.2em;margin-bottom:1.5rem}.product-discount{border:none;outline:none;pointer-events:none;color:#f5f5f5;background-color:var(--truegray900);font-size:var(--txt-1);padding:.25rem 1.5rem}.product-price{margin-top:.35rem;font-size:var(--txt-175);margin-bottom:1.5rem}.product-price .tax-msg{font-size:.85rem}.product-del{margin-top:.5rem;display:flex;flex-direction:column;margin-bottom:2rem}.del-msg{font-size:.85rem}.product-pin{background:transparent;padding:.5rem;border:1px solid var(--truegray700)}.btn-pin,.product-pin{font-size:var(--txt-1);outline:none}.btn-pin{padding:.5rem 1rem;border:none;color:#f5f5f5;background-color:var(--truegray900)}.product-btn{display:flex;flex-direction:column;width:60%}.product-btn button{font-size:var(--txt-125);color:var(--truegray50);background-color:var(--truegray900);padding:.25rem 0;margin:.25rem 0;border-radius:1.5rem;border:none;outline:none}.product-sub{margin:2rem auto;display:flex;flex-direction:column;width:100%}.product-sub-head{margin-top:1rem;margin-left:1rem;font-size:var(--txt-15)}.product-sub-content{display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden}.product-sub-content::-webkit-scrollbar{height:5px}.product-sub-content::-webkit-scrollbar-track{background:#f1f1f1}.product-sub-content::-webkit-scrollbar-thumb{background:var(--truegray600)}.width270{width:270px;flex-shrink:0;margin:1rem .5rem}@media screen and (max-width:600px){.product-block{width:auto;padding:.5rem}.product-main{flex-direction:column}.product-main-img{padding:.5rem;width:auto}.product-btn,.product-main-detail{width:auto}.width270{width:220px}}
/*# sourceMappingURL=main.64265009.chunk.css.map */