@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);.button__confirm__check--correct [class$=__correct] svg,.button__confirm__check--wrong [class$=__wrong] svg{opacity:1;right:0;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.admin__aside__item__icon{margin-left:.5rem}.admin__aside__item__icon svg{width:2.2rem;height:2.2rem;background-color:transparent}.admin__aside__item__icon svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.admin__aside__item__icon svg{width:1.83333rem;height:1.83333rem}}.admin__header__user__icon svg{width:25px;height:25px;background-color:transparent}.admin__header__user__icon svg>use{width:100%;height:100%;fill:#666}@media only screen and (max-width:37.5em){.admin__header__user__icon svg{width:20.83333px;height:20.83333px}}.admin__header__user__options svg{width:25px;height:25px;background-color:transparent;margin-right:20px}.admin__header__user__options svg>use{width:100%;height:100%;fill:#5f5252}@media only screen and (max-width:37.5em){.admin__header__user__options svg{width:20.83333px;height:20.83333px}}.admin__options__center__fullscreen svg{width:30px;height:30px;background-color:transparent}.admin__options__center__fullscreen svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.admin__options__center__fullscreen svg{width:25px;height:25px}}.admin__register__logo svg{width:20rem;height:20rem;background-color:transparent}.admin__register__logo svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.admin__register__logo svg{width:16.66667rem;height:16.66667rem}}.form__password__icon svg{width:30px;height:30px;background-color:transparent;position:absolute;top:50%;right:4%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:3px;cursor:pointer}.form__password__icon svg>use{width:100%;height:100%;fill:#000}@media only screen and (max-width:37.5em){.form__password__icon svg{width:25px;height:25px}}.button__confirm__check svg{width:100%;height:60%;background-color:transparent;position:absolute;top:50%;right:-100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:3px;opacity:0;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:all .5s ease;transition:all .5s ease}.button__confirm__check svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.button__confirm__check svg{width:83.33333%;height:50%}}.profile-setting__header svg{width:5rem;height:5rem;background-color:transparent;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer}.profile-setting__header svg>use{width:100%;height:100%;fill:#644141}@media only screen and (max-width:37.5em){.profile-setting__header svg{width:4.16667rem;height:4.16667rem}}.profile-setting__header svg:hover{-webkit-transform:translateX(-1rem) rotate(-90deg);transform:translateX(-1rem) rotate(-90deg)}.home-page__card-overview__icon svg{width:6rem;height:6rem;background-color:transparent}.home-page__card-overview__icon svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.home-page__card-overview__icon svg{width:5rem;height:5rem}}.normal-btn svg{width:2rem;height:2rem;background-color:transparent;margin-left:1rem}.normal-btn svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.normal-btn svg{width:1.66667rem;height:1.66667rem}}.model-pop-up__exit svg{width:3rem;height:3rem;background-color:transparent}.model-pop-up__exit svg>use{width:100%;height:100%;fill:#0064ff}@media only screen and (max-width:37.5em){.model-pop-up__exit svg{width:2.5rem;height:2.5rem}}.custom-select__icon svg{width:2rem;height:2rem;background-color:transparent}.custom-select__icon svg>use{width:100%;height:100%;fill:#000}@media only screen and (max-width:37.5em){.custom-select__icon svg{width:1.66667rem;height:1.66667rem}}.card-view svg{width:2rem;height:2rem;background-color:transparent}.card-view svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.card-view svg{width:1.66667rem;height:1.66667rem}}.table-info svg{width:2rem;height:2rem;background-color:transparent;cursor:pointer}.table-info svg>use{width:100%;height:100%;fill:#644141}@media only screen and (max-width:37.5em){.table-info svg{width:1.66667rem;height:1.66667rem}}.products-page .pagination__btn__next svg,.products-page .pagination__btn__prev svg{width:3rem;height:3rem;background-color:transparent}.products-page .pagination__btn__next svg>use,.products-page .pagination__btn__prev svg>use{width:100%;height:100%;fill:#ca3030}@media only screen and (max-width:37.5em){.products-page .pagination__btn__next svg,.products-page .pagination__btn__prev svg{width:2.5rem;height:2.5rem}}.products-page .pagination__btn__prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.products-page .pagination__btn__next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.products-page__actions__sort svg{width:2rem;height:2rem;background-color:transparent;cursor:pointer}.products-page__actions__sort svg>use{width:100%;height:100%;fill:#644141}@media only screen and (max-width:37.5em){.products-page__actions__sort svg{width:1.66667rem;height:1.66667rem}}.products-page__actions__sort__asc--active svg use,.products-page__actions__sort__desc--active svg use{fill:#fff}.products-page__actions__grid__table svg{width:3rem;height:3rem;background-color:transparent;cursor:pointer}.products-page__actions__grid__table svg>use{width:100%;height:100%;fill:#644141}@media only screen and (max-width:37.5em){.products-page__actions__grid__table svg{width:2.5rem;height:2.5rem}}.products-page__actions__grid__card svg{width:3.5rem;height:3.5rem;background-color:transparent;cursor:pointer}.products-page__actions__grid__card svg>use{width:100%;height:100%;fill:#644141}@media only screen and (max-width:37.5em){.products-page__actions__grid__card svg{width:2.91667rem;height:2.91667rem}}.products-page__actions__grid__card--active svg use,.products-page__actions__grid__table--active svg use{fill:#fff}.category-page__all-category__category__icon-folder svg{width:2.5rem;height:2.5rem;background-color:transparent;margin-right:5px}.category-page__all-category__category__icon-folder svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.category-page__all-category__category__icon-folder svg{width:2.08333rem;height:2.08333rem}}.category-page__all-category__category__icon-close svg,.category-page__all-category__category__icon-delete svg,.category-page__all-category__category__icon-edit svg{width:2rem;height:2rem;background-color:transparent}.category-page__all-category__category__icon-close svg>use,.category-page__all-category__category__icon-delete svg>use,.category-page__all-category__category__icon-edit svg>use{width:100%;height:100%;fill:#f5f6fa}@media only screen and (max-width:37.5em){.category-page__all-category__category__icon-close svg,.category-page__all-category__category__icon-delete svg,.category-page__all-category__category__icon-edit svg{width:1.66667rem;height:1.66667rem}}.form{border:1px solid #66a2ff;font-size:1.7rem;margin-top:30px;padding:10px;border-radius:10px;text-transform:capitalize;width:100%}.form input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-family:inherit;display:block;background-color:transparent;width:100%;border:1px solid #66a2ff;outline:none;padding:10px 0 10px 10px;font-size:2rem;color:#000;border-radius:5px;text-transform:lowercase;-webkit-box-shadow:none;box-shadow:none}.form ::-webkit-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize}.form ::-moz-placeholder{color:#000;font-family:inherit;text-transform:capitalize}.form :-ms-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize}.form ::-ms-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize}.form ::placeholder{color:#000;font-family:inherit;text-transform:capitalize}.form label{pointer-events:none;color:#66a2ff;background-color:#f5f6fa;padding:5px;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:top}.form__confirm__password,.form__email,.form__id,.form__name,.form__password{position:relative;margin:2.5rem 0}.form__confirm__password>label,.form__email>label,.form__id>label,.form__name>label,.form__password>label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;margin-left:10px}.form__confirm__password input,.form__password input{text-transform:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form .form--active label{top:-10%;color:#5f5252}.admin{display:grid;grid-template-rows:[start-global-row start-header] 8rem [end-header start-content] calc(100vh - 8rem) [end-content end-global-row];grid-template-columns:[start-global-column start-aside] 25rem [end-aside start-content start-header] minmax(20rem,1fr) [end-content end-header end-global-column]}.admin--active{grid-template-columns:[start-global-column start-aside] 5rem [end-aside start-content start-header] 1fr [end-content end-header end-global-column]}.admin__content{grid-area:start-content/start-content/end-content/end-content}.admin .home-page{display:grid;grid-template-rows:[start-card] 15rem [end-card start-chart] 1fr [end-chart];grid-template-columns:[start-card] 50% [end-card start-all] 1fr [end-all]}@media only screen and (max-width:1000px){.admin .home-page{grid-template-columns:[start-card] 35% [end-card start-all] 1fr [end-all]}}.admin .category-page__all-category{display:grid;grid-template-rows:90px;grid-template-columns:repeat(4,minmax(15vw,1fr));grid-gap:20px;grid-auto-rows:90px}@media only screen and (max-width:75em){.admin .category-page__all-category{grid-template-columns:repeat(3,minmax(15vw,1fr))}}.page-not-found{display:grid;grid-template-columns:repeat(2,1fr);height:100vh}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (max-width:37.5em){html{font-size:31.25%}}body{overflow-x:hidden;height:100vh;font-family:lato,opens sans;font-weight:400}.form-enter-active{-webkit-animation:slideIn .5s ease forwards;animation:slideIn .5s ease forwards}.form-leave-active{-webkit-animation:slideOut .5s ease forwards;animation:slideOut .5s ease forwards}@-webkit-keyframes slideIn{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideIn{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slideOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}}@keyframes slideOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}}.alert-enter-active{-webkit-animation:slideDown .5s ease forwards;animation:slideDown .5s ease forwards}.alert-leave-to{-webkit-animation:slideUp .5s ease forwards;animation:slideUp .5s ease forwards}@-webkit-keyframes slideDown{0%{-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@keyframes slideDown{0%{-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@-webkit-keyframes slideUp{0%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}to{-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);opacity:0}}@keyframes slideUp{0%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}to{-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);opacity:0}}@-webkit-keyframes rotateLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.model-enter-active{-webkit-animation:modelSlideIn .5s ease-in-out forwards;animation:modelSlideIn .5s ease-in-out forwards}.model-leave-to{-webkit-animation:modelSlideOut .5s ease-in-out forwards;animation:modelSlideOut .5s ease-in-out forwards}@-webkit-keyframes modelSlideIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes modelSlideIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes modelSlideOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes modelSlideOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}.model-pop-up{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f6fa;padding:4rem;-webkit-box-shadow:0 3px 10px rgba(200,202,208,.5);box-shadow:0 3px 10px rgba(200,202,208,.5);border-radius:7px;top:-148px;right:0;width:100%;height:100vh;z-index:9999}@media only screen and (max-width:56.25em){.model-pop-up{top:-120px}}.model-pop-up__exit{position:absolute;font-size:5rem;padding:.2em;top:3%;right:3%;cursor:pointer}.model-pop-up__inner{width:60%;padding:2rem;background-color:#fff;border-radius:7px;text-transform:capitalize}@media only screen and (max-width:56.25em){.model-pop-up__inner{width:70%}}@media only screen and (max-width:760px){.model-pop-up__inner{width:85%}}.model-pop-up__title{font-size:3rem;font-weight:300;border-bottom:.5px solid #66a2ff;padding:.5em 0;margin-bottom:.8em}.model-pop-up__box>:not(:last-child){margin-bottom:2rem}.model-pop-up__category{width:80%}.model-pop-up__category label{display:block;font-size:2rem;margin-bottom:.5em}.model-pop-up__category input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-family:inherit;display:block;background-color:#f5f6fa;width:80%;border:1px solid #0064ff;outline:none;padding:1rem;font-size:1.7rem;color:#000;border-radius:7px;text-transform:lowercase;-webkit-box-shadow:none;box-shadow:none;font-weight:300}.model-pop-up__category ::-webkit-input-placeholder{color:#5f5252;font-family:inherit;text-transform:capitalize;font-weight:300}.model-pop-up__category ::-moz-placeholder{color:#5f5252;font-family:inherit;text-transform:capitalize;font-weight:300}.model-pop-up__category :-ms-input-placeholder{color:#5f5252;font-family:inherit;text-transform:capitalize;font-weight:300}.model-pop-up__category ::-ms-input-placeholder{color:#5f5252;font-family:inherit;text-transform:capitalize;font-weight:300}.model-pop-up__category ::placeholder{color:#5f5252;font-family:inherit;text-transform:capitalize;font-weight:300}.model-pop-up__category--discount-item,.model-pop-up__category--price-item,.model-pop-up__category--quantity-item{width:40%;display:inline-block}.model-pop-up__category--discount-item input[type=number],.model-pop-up__category--price-item input[type=number],.model-pop-up__category--quantity-item input[type=number]{width:100%}.model-pop-up__category--discount-item{margin-left:10%}.model-pop-up__category--select-category .custom-select{position:relative;width:40%;height:100%;background-color:#00f}.model-pop-up__category--select-category .custom-select__icon{position:absolute;display:block;top:1.5px;right:10px;z-index:200;pointer-events:none}.model-pop-up__category--select-category .custom-select__icon>*{display:block}.model-pop-up__category--select-category select{position:absolute;display:block;top:0;left:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #0064ff;padding:1rem;outline:none;font-size:1.7rem;border-radius:7px;text-transform:capitalize;background-color:#f5f6fa}.model-pop-up__category--buttons{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.7rem;margin-top:7rem}.model-pop-up__category--buttons .button__confirm{margin:0;padding:2.5rem 7rem;font-size:1.6rem}.model-pop-up__category--buttons .normal-btn{padding:1.2rem 3rem;margin-left:.5rem;background-color:#f5f6fa;border:.5px solid #0064ff;color:#5f5252;-webkit-box-shadow:none;box-shadow:none;text-transform:uppercase;font-size:1.6rem}