@import url(https://fonts.googleapis.com/css2?family=Gantari:wght@100;200;300;500;600;700&display=swap);:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#ee4266;--header-height:7rem;--main-font:"Gantari",sans-serif}html{font-size:62.5%;scroll-behavior:smooth}body{text-rendering:optimizeSpeed;font-family:Gantari,sans-serif;font-family:var(--main-font);font-size:1.6rem;line-height:1.5;margin:0}.mg-t{margin-top:1.6rem}.mg-t4{margin-top:4rem}.mg-t2{margin-top:2rem}.mg-b4{margin-bottom:4rem}.mg-b3{margin-bottom:3rem}.text-center{text-align:center}ol,ul{list-style:none}a{color:#000;text-decoration:none}a:active,a:hover{cursor:pointer;font-weight:500}button{font-family:Gantari,sans-serif;font-family:var(--main-font)}.container{margin:0 auto;width:90%}@media only screen and (min-width:740px)and (max-width:1023px){.container{width:94%}}@media only screen and (max-width:739px){.container{width:94%}}.grid{margin:0 auto;padding:0;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -12px}@media only screen and (min-width:740px)and (max-width:1023px){.row{margin:0 -6px}}@media only screen and (max-width:739px){.row{margin:0 -4px}}.col{padding:24px 12px;width:25%}@media only screen and (min-width:740px)and (max-width:1023px){.col{padding:12px 6px;width:33.3333333333%}}@media only screen and (max-width:739px){.col{padding:12px 4px;width:50%}}.form__title{color:#ee4266;color:var(--main-color);font-size:2.8rem;text-align:center}.form__label{font-size:1.6rem;font-weight:300;margin-bottom:1.2rem}.form__input,.form__textarea{border:.5px solid #000;border-radius:5px;font-size:1.6rem;height:2.8rem;outline:none;padding:8px;width:100%}input:focus{order:.5px solid #072499;outline:#0994d0}input::-webkit-input-placeholder{font-family:Gantari,sans-serif;font-family:var(--main-font);font-size:1.6rem;font-weight:300}input::placeholder{font-family:Gantari,sans-serif;font-family:var(--main-font);font-size:1.6rem;font-weight:300}.form__errorMsg{color:red;font-size:1.4rem;font-weight:500;line-height:1rem;margin-top:.4rem}.form__submit__btn{background-color:#ee4266;background-color:var(--main-color);border:none;color:#f0f8ff;font-family:Gantari,sans-serif;font-family:var(--main-font);font-size:1.6rem;padding:8px 0;width:100%}.form__submit__btn:hover{cursor:pointer;opacity:.8}.SnackbarItem-contentRoot{font-size:1.4rem!important}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.products{margin-top:var(--header-height)}.products__title{color:var(--main-color);font-size:2.8rem;font-weight:500;letter-spacing:2px;padding-top:1rem}.products__search{align-items:center;background-color:#f0f0f0;display:inline-flex;justify-content:space-between;padding:6px 10px;width:70%}.search__input{background-color:#f0f0f0;border:none;font-size:1.6rem;outline:none;width:95%}.search__icon{color:var(--main-color);width:5%}.search__icon:hover{cursor:pointer}.products__tag{background-color:#fff;border:1px solid #251414;border-radius:10px;color:#000;display:inline-block;font-family:var(--main-font);font-size:1.6rem;margin:0 4px;padding:8px 12px}@media only screen and (min-width:740px)and (max-width:1023px){.products__tag{margin:2px 4px;padding:4px 12px}}@media only screen and (max-width:739px){.products__tag{margin:2px 4px;padding:4px 12px}}.products__tag--active,.products__tag:hover{background-color:#000;color:#fff}.products__tag:hover{border:1px solid #fff;border-radius:10px;cursor:pointer}.products__card{border-radius:10px;box-shadow:0 0 1.5px 1.5px #eee9e9;padding:18px 12px}@media only screen and (min-width:740px)and (max-width:1023px){.products__card{padding:12px 8px}}@media only screen and (max-width:739px){.products__card{padding:12px 8px}}@media screen and (min-width:500px)and (max-width:739px){.products__card{padding:18px 12px}}.products__img img{height:260px;width:80%}@media only screen and (min-width:740px)and (max-width:1023px){.products__img img{height:180px;width:80%}}@media only screen and (max-width:739px){.products__img img{height:160px;width:80%}}@media screen and (min-width:500px)and (max-width:739px){.products__img img{height:200px;width:75%}}@media screen and (max-width:375px){.products__img img{height:100px;width:80%}}.products__name{font-size:1.6rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products__price{font-size:1.8rem;font-weight:700;padding-bottom:12px}.btn__buy{background-color:#fff;border:1px solid #251414;border-radius:10px;color:#000;display:inline-block;font-size:1.6rem;padding:4px 12px}.btn__buy:hover{background-color:#000;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer}.bgr{background:url(/static/media/bg.a070c7a205ea28e104cb.jpg);background-position:50%;background-size:cover;height:80vh;margin-top:var(--header-height)}.bgr__intro{-webkit-animation:textFly 4s forwards;animation:textFly 4s forwards;color:#f5f5f5;font-size:3.4rem;left:10vh;opacity:0;position:absolute;text-shadow:3px 3px #291d1d;top:35vh}.bgr__intro h3{color:#f5f5f5;font-weight:700}.bgr__intro p{color:#f5f5f5;font-weight:300}@media only screen and (min-width:740px)and (max-width:1023px){.bgr{height:40vh}.bgr__intro{left:3%;top:20vh}}@media only screen and (max-width:739px){.bgr{height:40vh}.bgr__intro{font-size:2rem;left:3%;top:20vh}}@-webkit-keyframes textFly{0%{opacity:0}to{opacity:1}}@keyframes textFly{0%{opacity:0}to{opacity:1}}.product{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem;margin-top:var(--header-height);padding-top:2.4rem}@media only screen and (max-width:739px){.product{flex-direction:column}}.product__preview{text-align:center;width:50%}@media only screen and (max-width:739px){.product__preview{margin-bottom:2rem;width:100%}}.product__img{height:400px;width:400px}@media only screen and (min-width:740px)and (max-width:1023px){.product__img{height:300px;width:300px}}@media only screen and (max-width:739px){.product__img{height:200px;width:200px}}@media screen and (min-width:500px)and (max-width:739px){.product__img{height:300px;width:280px}}.product__overview{width:50%}@media only screen and (max-width:739px){.product__overview{width:100%}}.product__category{color:#606f7a;font-size:2.2rem;font-weight:500;margin-bottom:10px;text-transform:capitalize}.product__name{font-size:2.6rem;font-weight:300;line-height:3rem;margin-bottom:10px}.product__rating{font-size:1.6rem;font-weight:700;margin-bottom:10px}.rate__icon{padding-left:4px;vertical-align:initial}.product__price{font-size:2.2rem;font-weight:700}.product__desc{font-size:1.6rem;font-weight:300;margin-bottom:24px}.product__btn{border-radius:10px;font-family:Gantari,sans-serif;font-size:1.6rem;margin-right:4px;padding:6px 14px}.btn--add,.btn--go:hover{background-color:#fff;border:1.5px solid #251414;color:#000;cursor:pointer}.btn--add:hover,.btn--go{background-color:#000;border:1.5px solid #fff;color:#fff;cursor:pointer}.cart__wrap{margin-top:var(--header-height)}.cart{align-items:center;display:flex;justify-content:space-between;padding:2.4rem 0}.cart__preview{text-align:center;width:50%}.cart__img{height:180px;width:180px}@media only screen and (min-width:740px)and (max-width:1023px){.cart__img{height:150px;width:150px}}@media only screen and (max-width:739px){.cart__img{height:100px;width:100px}}.cart__detail{width:50%}.cart__name{font-weight:300;line-height:2.8rem}.cart__name,.cart__price{font-size:1.8rem;margin-bottom:10px}.cart__price{font-weight:700}.cart__btn{border:1px solid #000;border-radius:10px;font-family:Gantari,sans-serif;font-size:1rem;margin-right:4px;padding:8px 10px}.btn--add:hover,.btn--decr:hover{background-color:#000;border:1.5px solid #fff;color:#fff;cursor:pointer}.total__price{font-size:2rem;font-weight:700;margin:3rem;text-align:center}.about{margin-top:var(--header-height)}.about__container{padding:0 100px}@media only screen and (min-width:740px)and (max-width:1023px){.about__container{padding:0 50px}}@media only screen and (max-width:739px){.about__container{padding:0 1rem}}.about__title{color:var(--main-color);font-size:2.8rem;font-weight:500;letter-spacing:2px;padding-top:2rem}.about__slogan{font-size:1.8rem;font-weight:300}.about__preview{display:flex;justify-content:space-between;margin:0 -24px;padding:1.8rem 0}@media only screen and (min-width:740px)and (max-width:1023px){.about__preview{margin:0 -12px}}@media only screen and (max-width:739px){.about__preview{justify-content:center;margin:0 -12px}.about__preview div:first-child,.about__preview div:nth-child(3){display:none}}.about__img{padding:24px}@media only screen and (min-width:740px)and (max-width:1023px){.about__img{padding:12px}}@media only screen and (max-width:739px){.about__img{padding:8px}}.about__img>img{height:300px;width:100%}@media only screen and (min-width:740px)and (max-width:1023px){.about__img>img{height:240px}}@media only screen and (max-width:739px){.about__img>img{height:300px}}.about__letter{font-size:1.6rem;font-weight:300;line-height:2rem;margin-bottom:10px;padding:0 2.8rem;text-align:justify}@media only screen and (min-width:740px)and (max-width:1023px){.about__letter{padding:0}}@media only screen and (max-width:739px){.about__letter{padding:0}}.about__author{font-size:1.8rem;font-weight:700;line-height:2rem;padding:0 3rem;text-align:right}@media only screen and (min-width:740px)and (max-width:1023px){.about__author{padding:0}}@media only screen and (max-width:739px){.about__author{padding:0}}.contact{margin-top:var(--header-height)}.contact__bgr{background:url(/static/media/1.1c2865e47bf3f216560e.jpg);background-position:50%;background-size:cover;height:65vh}@media only screen and (max-width:739px){.contact__bgr{height:40vh}}.contact__content{display:flex;justify-content:space-between;margin:6rem 0}@media only screen and (min-width:740px)and (max-width:1023px){.contact__content{flex-direction:column;margin:4rem 0}}@media only screen and (max-width:739px){.contact__content{flex-direction:column;margin:4rem 0}}.contact__message{border:.3px solid #c4c0c0;padding:50px;width:calc(50% - 30px)}.contact__message h3{color:var(--main-color);font-size:2.4rem;font-weight:500}@media only screen and (min-width:740px)and (max-width:1023px){.contact__message{width:100%}}@media only screen and (max-width:739px){.contact__message{width:100%}}.contact__message .form__submit__btn{border-radius:25px;margin-top:1.4rem}.contact__address{border:.3px solid #c4c0c0;padding:50px;width:calc(50% - 30px)}@media only screen and (min-width:740px)and (max-width:1023px){.contact__address{width:100%}}@media only screen and (max-width:739px){.contact__address{width:100%}}.contact__city{background-color:#f3f3ed;padding:6px 12px}.contact__city h3{color:var(--main-color);font-size:2.4rem;font-weight:500}.contact__city p{font-size:1.6rem;font-weight:300;line-height:2rem;margin-bottom:10px}.register{display:flex;justify-content:center;margin-bottom:3rem;margin-top:var(--header-height)}.register__wrap{background-color:#fff;border-radius:10px;box-shadow:0 0 1px 1px #e2dfdf;margin-top:4rem;padding:3rem 3.4rem;width:500px}@media only screen and (max-width:739px){.register__wrap{width:400px}}@media screen and (max-width:450px){.register__wrap{width:300px}}.register__form__icon{color:var(--main-color);font-size:3.4rem}.register__form .form__submit__btn{border-radius:25px;margin-top:2rem}.register__noti__wrap{height:40vh;margin-top:4rem;text-align:center}.register__noti__tittle{font-size:2.8rem;text-align:center}.register__noti__username{color:var(--main-color);font-size:2.8rem;font-weight:500}.register__noti__btn{background-color:var(--main-color);border:none;border-radius:50px;color:#f0f8ff!important;display:inline-block;font-size:1.6rem;margin-top:1.5rem;padding:6px 14px}.register__noti__btn:hover{cursor:pointer;opacity:.8}.login__modal{background-color:rgba(0,0,0,.3);bottom:0;left:0;margin-top:var(--header-height);position:fixed;right:0;top:0;z-index:20}.login__form__wrap{-webkit-animation:modalOpen .4s linear forwards;animation:modalOpen .4s linear forwards;background-color:#fff;border-radius:10px;box-shadow:0 0 1px 1px #b6afaf;padding:2.5rem 3rem;position:absolute;right:50px}@media only screen and (max-width:739px){.login__form__wrap{border-radius:0;box-shadow:none;height:100%;padding:2.5rem 3.5rem;right:0;width:100%}}@-webkit-keyframes modalOpen{0%{opacity:0;top:-400px}to{opacity:1;top:0}}@keyframes modalOpen{0%{opacity:0;top:-400px}to{opacity:1;top:0}}.login__closeicon{background-color:var(--main-color);border-radius:50px;color:#fff;font-size:1.4rem;opacity:1;padding:8px 11px;position:absolute;right:10px;top:10px}.login__closeicon:hover{cursor:pointer;opacity:.7}.form__question{font-size:1.4rem;font-weight:300;padding-top:8px}.form__question a{color:blue;padding-left:6px}.login__form .form__submit__btn{border-radius:50px;margin-top:1.5rem}.form__submit:hover{cursor:pointer}.account{display:inline-block}.account__info{background-color:#fff;border-radius:2px;box-shadow:0 0 1px 1px #d2cfcf;min-width:150px;padding:1rem 0;position:absolute;top:var(--header-hight)}@media only screen and (max-width:739px){.account__info{background-color:rgba(0,0,0,.2);left:0;min-width:100%;padding:0}}.account__list__link{display:block;font-size:1.6rem;font-weight:300;line-height:2.8rem}.account__list__link a{display:block;padding:4px 24px;width:100%}.account__list__link a:hover{border-left:2px solid var(--main-color);color:var(--main-color)}@media only screen and (max-width:739px){.account__list__link a:hover{background-color:#fff}}.account__logout{display:block;font-size:1.6rem;font-weight:300;line-height:2.8rem;padding:4px 24px;width:100%}.account__logout:hover{border-left:2px solid var(--main-color);color:var(--main-color);cursor:pointer;font-weight:500}@media only screen and (max-width:739px){.account__logout:hover{background-color:#fff}}.footer{padding-bottom:3rem;padding-top:4rem;width:100%}.footer__content{display:flex;justify-content:space-between;margin-bottom:2rem}@media only screen and (max-width:739px){.footer__content{flex-direction:column-reverse}}@media screen and (min-width:500px)and (max-width:739px){.footer__content{flex-direction:row-reverse;flex-wrap:wrap-reverse}}.footer__title{color:var(--main-color);font-size:1.8rem;font-weight:500;letter-spacing:1px;margin-bottom:1rem}@media only screen and (max-width:739px){.footer__title{text-align:center}}.footer__promo{width:calc(33.33333% - 16px)}@media only screen and (max-width:739px){.footer__promo{text-align:center;width:100%}}@media screen and (min-width:500px)and (max-width:739px){.footer__promo{text-align:center;width:100%}}.footer__promo p{font-size:1.6rem;font-weight:300}.footer__promo p:hover{color:var(--main-color);font-weight:500}.footer__promo__img{height:150px;width:250px}@media only screen and (min-width:740px)and (max-width:1023px){.footer__promo__img{height:150px;width:200px}}@media only screen and (max-width:739px){.footer__promo__img{height:150px;width:250px}}.footer__quicklinks{margin-bottom:1rem;padding:0 1rem;width:calc(33.33333% - 16px)}@media only screen and (max-width:739px){.footer__quicklinks{padding:0 2.4rem;width:100%}}@media screen and (min-width:520px)and (max-width:739px){.footer__quicklinks{width:calc(50% - 9px)}}.quicklinks__list{display:flex;justify-content:space-between}.list__link{width:calc(50% - 9px)}.list__link a{display:block;font-size:1.6rem;font-weight:300;line-height:3rem}.list__link a:hover{color:var(--main-color);font-weight:500}.footer__contact{margin-bottom:1rem;padding:0 2rem;width:calc(33.33333% - 16px)}@media only screen and (max-width:739px){.footer__contact{padding:0 2.4rem;width:100%}}@media screen and (min-width:520px)and (max-width:739px){.footer__contact{width:calc(50% - 9px)}}.contact__text{font-size:1.6rem;font-weight:300;line-height:3rem}.footer__icon{color:var(--main-color);padding-right:8px}.footer__copyright{font-size:1.6rem;font-weight:500;padding-top:3rem;text-align:center}.header{background-color:#fff;box-shadow:1px 1px 1px #aeacaa;height:var(--header-height);line-height:var(--header-height);position:fixed;top:0;width:100%;z-index:10}.header,.nav{display:flex;justify-content:space-between}.nav__logo{color:var(--main-color)!important;font-size:2.4rem;font-weight:700;text-shadow:1px 1px 1px #b6d9e7}@media only screen and (max-width:739px){.nav__logo{display:none}}.nav__menu__icon{color:var(--main-color);font-size:2rem;padding-right:8px}@media only screen and (min-width:1024px){.nav__menu__icon{display:none}}.nav__menu__icon:hover{cursor:pointer}@media only screen and (min-width:740px)and (max-width:1023px){#pc_nav_menu{display:none}}@media only screen and (max-width:739px){#pc_nav_menu{display:none}}@media only screen and (min-width:1024px){#small_nav_menu{display:none}}.nav__menu{z-index:20}@media only screen and (min-width:740px)and (max-width:1023px){.nav__menu{background-color:#fff;left:0;width:45%}}@media only screen and (max-width:739px){.nav__menu{background-color:#fff;left:0;width:45%}}.sidebar__menu{display:flex;height:100%;left:0;position:fixed;width:100%}.sidebar__overlay{background-color:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10}.sidebar__nav__logo{color:var(--main-color)!important;display:block;font-size:2rem;font-weight:700;margin-top:2rem;text-align:center;text-shadow:1px 1px 1px #b6d9e7}.nav__item{display:inline-block}@media only screen and (min-width:740px)and (max-width:1023px){.nav__item{display:block;line-height:2rem;padding:12px 0;text-align:center;width:100%}}@media only screen and (max-width:739px){.nav__item{display:block;line-height:2rem;padding:12px 0;text-align:center;width:100%}}@media only screen and (min-width:740px)and (max-width:1023px){.nav__item:hover{background-color:#fff;border-left:2px solid var(--main-color)}}@media only screen and (max-width:739px){.nav__item:hover{background-color:#fff;border-left:2px solid var(--main-color)}}.nav__link{font-size:2rem;font-weight:500}@media only screen and (min-width:1024px){.nav__link{padding:12px}}@media only screen and (min-width:740px)and (max-width:1023px){.nav__link{display:block;width:100%}}@media only screen and (max-width:739px){.nav__link{display:block;width:100%}}.nav__link:hover{color:var(--main-color)!important}.nav a:visited{color:#000}.nav__button{background-color:#fff;border:1.5px solid #000;border-radius:50px;color:#000;font-size:1.4rem;font-style:400;margin-left:10px;padding:6px 8px}.nav .nav__button:hover{background-color:#000;border:1.5px solid #fff;color:#fff;cursor:pointer}.btn__icon{padding-right:6px}.active{color:var(--main-color)!important;font-weight:600}
/*# sourceMappingURL=main.6f22a3b1.css.map*/