@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}}.table-info{display:table;font-size:2rem;width:100%}.table-info__head{display:table-header-group;background-color:#0064ff;color:#fff;fill:#000;font-weight:400;text-transform:uppercase;cursor:pointer}.table-info__body{display:table-row-group;font-size:.8em;font-weight:300;text-transform:capitalize}.table-info__body .num{width:5%}.table-info__body .name{width:60%}.table-info__body .discount,.table-info__body .price,.table-info__body .quantity{width:8.75%}.table-info__row{display:table-row;vertical-align:middle;text-align:center}.table-info__row:nth-child(2n){background-color:#66a2ff}.table-info__data{display:table-cell;padding:10px;border:.5px solid;border-color:transparent transparent rgba(0,0,0,.3) rgba(0,0,0,.3)}.table-info__data--active{background-color:#644141}.table-info__data:last-of-type{border-right-color:rgba(0,0,0,.3)}