@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);.block-screen{position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.admin__options__center{display:-webkit-box;display:-ms-flexbox;display:flex;grid-column:col-start 2/col-end 2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.admin__options__center__fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0064ff;border-radius:5px;cursor:pointer}@media only screen and (max-width:800px){.admin__options__center__fullscreen{opacity:0}}.button__confirm{position:relative;overflow:hidden;margin-top:.5rem;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;font-size:1.8rem;color:#fff;background-color:#0064ff;padding:2.5rem 9.5rem;width:auto;height:auto;text-transform:uppercase;border:1px solid transparent;cursor:pointer;border-radius:5px;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5);-webkit-transition:all .5s ease;transition:all .5s ease}.button__confirm:focus{outline:none;border-color:#f5f6fa}@media only screen and (max-width:37.5em){.button__confirm{font-size:3rem;border-radius:5px;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5);-webkit-transition:all .5s ease;transition:all .5s ease}}.button__confirm--active{opacity:.5;cursor:auto}.button__confirm--wrong{background-color:#ca3030;-webkit-box-shadow:0 3px 10px rgba(202,48,48,.5);box-shadow:0 3px 10px rgba(202,48,48,.5)}.button__confirm__title{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;opacity:1}.button__confirm__title--title{left:-100%;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.button__confirm__check{width:100%}.button__confirm__check .loader{top:50%;right:-100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.button__confirm__check--check .loader{right:0;opacity:1;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.button__confirm__check--correct .loader,.button__confirm__check--wrong .loader{right:100%;opacity:0;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}.loader{position:absolute;width:100%;height:100%;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:transparent}.loader__icon{display:block;border:3px solid;border-color:#f5f6fa transparent #f5f6fa #f5f6fa;border-radius:50%;width:30px;height:30px;-webkit-animation:rotateLoader .5s ease infinite;animation:rotateLoader .5s ease infinite}.alert__status{padding:10px;border-radius:5px;color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5);text-transform:capitalize;margin-bottom:3rem}.alert__status--not-correct{background-color:#ca3030;-webkit-box-shadow:0 3px 10px rgba(202,48,48,.5);box-shadow:0 3px 10px rgba(202,48,48,.5)}.alert__status--correct{background-color:#0064ff;color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5);text-align:center}.alert__status--slide{position:absolute;display:block;padding:2rem;width:60%;top:2%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10000}.alert__status__close{display:block;font-size:3rem;margin-bottom:1rem;cursor:pointer}.alert__status__title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.6rem;line-height:2.4rem}.admin__register__navigation{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;color:#fff;width:60%;text-transform:capitalize;margin-top:4rem;border-radius:10px}.admin__register__item,.admin__register__navigation{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.admin__register__item{padding:20px;border-radius:5px;font-size:2.2rem;text-align:center;-ms-flex-preferred-size:47%;flex-basis:47%;color:#5f5252;border:1px solid #66a2ff;cursor:pointer}.admin__register__item--active{background-color:#0064ff;color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5)}.admin__register__form{position:relative;grid-column:col-start 2/col-end 2;background-color:#f5f6fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin__register__form__box{width:60%}.admin__register__form__title{margin-top:4rem;font-size:5rem;font-weight:300;text-transform:capitalize}.profile-setting{display:grid;grid-template-rows:[start-head] 15vh [end-head start-body] 1fr [end-body];grid-template-columns:[start-form] 50vw [end-form];-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;text-transform:capitalize}.profile-setting__header,.profile-setting__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile-setting__title{font-size:5rem;text-transform:capitalize;grid-area:start-head/start-form/end-head/end-form;margin-left:2rem;font-weight:300;letter-spacing:1px}.profile-setting__icon{-webkit-animation:iconBack 1s ease 5 alternate;animation:iconBack 1s ease 5 alternate}.profile-setting__options{grid-area:start-body/start-form/end-body/end-form;background-color:#f5f6fa;padding:1rem;border-radius:10px}.profile-setting__options>*{padding:2rem 0}.profile-setting__options>:not(:last-child){border-bottom:1px solid #d7dae6}.profile-setting__options label{display:block;font-size:2rem;margin-bottom:1rem}.profile-setting__options__email,.profile-setting__options__name{width:100%}.profile-setting__options__email input,.profile-setting__options__name input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-family:inherit;display:block;background-color:transparent;width:60%;border:1px solid #99c1ff;outline:none;padding:1rem;font-size:1.5rem;color:#000;border-radius:.5rem;text-transform:lowercase;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .5s;transition:all .5s}.profile-setting__options__email input:focus,.profile-setting__options__name input:focus{border-color:#0064ff}.profile-setting__options__email ::-webkit-input-placeholder,.profile-setting__options__name ::-webkit-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize;-webkit-transition:all .5s;transition:all .5s}.profile-setting__options__email ::-moz-placeholder,.profile-setting__options__name ::-moz-placeholder{color:#000;font-family:inherit;text-transform:capitalize;-moz-transition:all .5s;transition:all .5s}.profile-setting__options__email :-ms-input-placeholder,.profile-setting__options__name :-ms-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize;-ms-transition:all .5s;transition:all .5s}.profile-setting__options__email ::-ms-input-placeholder,.profile-setting__options__name ::-ms-input-placeholder{color:#000;font-family:inherit;text-transform:capitalize;-ms-transition:all .5s;transition:all .5s}.profile-setting__options__email ::placeholder,.profile-setting__options__name ::placeholder{color:#000;font-family:inherit;text-transform:capitalize;-webkit-transition:all .5s;transition:all .5s}.profile-setting__options__email ::-webkit-input-placeholder:focus,.profile-setting__options__name ::-webkit-input-placeholder:focus{border-color:#0064ff}.profile-setting__options__email ::-moz-placeholder:focus,.profile-setting__options__name ::-moz-placeholder:focus{border-color:#0064ff}.profile-setting__options__email :-ms-input-placeholder:focus,.profile-setting__options__name :-ms-input-placeholder:focus{border-color:#0064ff}.profile-setting__options__email ::-ms-input-placeholder:focus,.profile-setting__options__name ::-ms-input-placeholder:focus{border-color:#0064ff}.profile-setting__options__email ::placeholder:focus,.profile-setting__options__name ::placeholder:focus{border-color:#0064ff}.profile-head-enter-active{-webkit-animation:slideRight 1s ease-out forwards;animation:slideRight 1s ease-out forwards}.profile-head-leave-to{-webkit-animation:slideleft 1s ease-out forwards;animation:slideleft 1s ease-out forwards}.profile-setting-enter-active{-webkit-animation:moveUp 1s ease-out forwards;animation:moveUp 1s ease-out forwards}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideRight{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideleft{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}to{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:1}}@keyframes slideleft{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}to{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes moveUp{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes iconBack{0%{-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes iconBack{0%{-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.not-yet{position:absolute;top:40%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-transform:capitalize}.not-yet__title{font-size:2rem;font-weight:300;letter-spacing:1px}.normal-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;outline:none;font-size:2rem;color:#fff;background-color:#0064ff;padding:.5rem 1rem;width:auto;height:auto;text-transform:capitalize;border:1px solid transparent;cursor:pointer;border-radius:5px;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5)}.normal-btn:focus{outline:none;border-color:#f5f6fa}@media only screen and (max-width:37.5em){.normal-btn{font-size:3.2rem;border-radius:5px;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5)}}.upload-file{width:57px}.upload-file__select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-file__preview-image{position:relative;width:80px;height:80px;margin-right:1.5rem;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;border:1px solid #66a2ff}.upload-file__preview-image img{max-width:100%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.upload-file__select-image{width:calc(100% - 100px)}.upload-file__custom-input{position:relative;padding:10px;width:500px;height:40px;background-color:transparent}.upload-file__custom-input input[type=file]{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:red;z-index:2;opacity:0;cursor:pointer}.upload-file__custom-input>.edit{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;z-index:1}.upload-file__custom-input>.edit>button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:none;outline:none;font-size:1.5rem;color:#000;background-color:#0064ff;padding:1rem;width:auto;height:auto;text-transform:capitalize;border:1px solid transparent;cursor:pointer;border-radius:5px;color:#fff;margin-right:10px}.upload-file__custom-input>.edit>button:focus{outline:none;border-color:#f5f6fa}@media only screen and (max-width:37.5em){.upload-file__custom-input>.edit>button{font-size:2.7rem;border-radius:5px;color:#fff;margin-right:10px}}.upload-file__custom-input>.edit .change{background-color:#ca3030}.upload-file__custom-input>.edit>p{font-size:1.5rem}.search-table{position:relative;width:50%}@media only screen and (max-width:1300px){.search-table{width:70%}}.search-table__input{position:relative;border-radius:7px;overflow:hidden}.search-table__input__feild{width:100%;padding:10px 0 10px 70px;font-size:2rem;border:0;color:#000;background-color:#f5f6fa;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:300}.search-table__input ::-webkit-input-placeholder{color:#000;text-transform:capitalize}.search-table__input ::-moz-placeholder{color:#000;text-transform:capitalize}.search-table__input :-ms-input-placeholder{color:#000;text-transform:capitalize}.search-table__input ::-ms-input-placeholder{color:#000;text-transform:capitalize}.search-table__input ::placeholder{color:#000;text-transform:capitalize}.search-table__icons{position:absolute;top:0;width:60px;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;height:100%;border-right:1px solid #cce0ff}.search-table__icons--search{background-color:transparent;left:0}.search-table__icons--empty{right:0;cursor:pointer}.search-table__icons svg{-webkit-transform:scale(.5);transform:scale(.5);fill:#0064ff;-webkit-transition:all .3s ease;transition:all .3s ease}.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}}.pagination{position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pagination,.pagination ul{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination ul{list-style:none}.pagination__paginator{list-style:none;font-size:1.6rem}.pagination__paginator__pagi{padding:1.5rem 2rem;background-color:transparent;color:#5f5252;border-radius:7px;border:1px solid #66a2ff;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.pagination__paginator__pagi--active,.pagination__paginator__pagi:hover{background-color:#0064ff;color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,100,255,.5);box-shadow:0 3px 10px rgba(0,100,255,.5)}.pagination__paginator__pagi--active{font-weight:400}.pagination__paginator__pagi--spread{margin:0 1rem;border:0;color:#5f5252;cursor:default}.pagination__paginator__pagi--spread:hover{background-color:transparent;color:currentColor;-webkit-box-shadow:none;box-shadow:none}.pagination__paginator__sub li:not(:first-of-type){margin-left:1rem}.pagination__btn__prev{margin-right:3rem}.pagination__btn__next{margin-left:3rem}.pagination__btn__next,.pagination__btn__prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 2rem;background-color:#f5f6fa;border-radius:7px;border:.5px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .2s;transition:border .2s;cursor:pointer}.pagination__btn__next:hover,.pagination__btn__prev:hover{border-color:#ca3030}