.categories{background:#c33764;background:-webkit-linear-gradient(0deg,#1d2671,#c33764);background:linear-gradient(0deg,#1d2671,#c33764);min-height:100vh}.categories .admin{min-height:calc(100vh - 100px)}.categories .admin .principal.no__categories{display:grid;grid-template-areas:"no-categories" "button";grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:5%}.categories .admin .principal.no__categories .no__categories__text{align-self:end;color:#fff;font-size:3rem;grid-area:no-categories;justify-self:center;margin-bottom:1rem}.categories .admin .principal.no__categories .no__categories__button{align-self:start;display:grid;gap:20px;grid-area:button;justify-self:center;margin-top:1rem;padding:20px;place-items:center;width:30%}.categories .admin .principal.no__categories .no__categories__button .create{width:50%}.categories .admin .principal.no__categories .no__categories__button .back{width:25%}.categories .admin .principal.with__categories{display:flex;flex-direction:column;margin:1.5% 5%}.categories .admin .principal.with__categories .with__categories__add__category{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.categories .admin .principal.with__categories .with__categories__add__category .with__category__info{color:#fff;font-size:18px}.categories .admin .principal.with__categories .with__categories__add__category .with__category__info .lottery__name{font-size:28px}.categories .admin .principal.with__categories .with__categories__add__category .with__category__info .lottery__name a:hover{color:#fff}.categories .admin .principal.with__categories .with__categories__add__category .with__category__info .lottery__name a:hover.btn{color:#000}.categories .admin .principal.with__categories .with__categories__add__category .with__category__info .subtitle{background:hsla(0,0%,100%,.15);border-radius:5px;display:inline-block;font-size:16px;margin-bottom:10px;padding:2.5px 10px;text-transform:uppercase}.categories .admin .principal.with__categories .with__categories__category{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.15);border-radius:5px;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);display:grid;gap:40px;grid-template-areas:"img title buttons" "description description description";grid-template-columns:1fr 10fr 3fr;grid-template-rows:auto auto;margin-bottom:2.5%;padding:2.5%;position:relative;transition:background-color .3s ease}.categories .admin .principal.with__categories .with__categories__category.hide{background-color:transparent!important;box-shadow:none}.categories .admin .principal.with__categories .with__categories__category:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons{display:grid;gap:10px;grid-area:buttons;grid-template-areas:"category-type" "link-to-elements" "show-hide-delete";grid-template-columns:1fr;grid-template-rows:auto auto auto;place-items:start}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons .with__categories__category__type{color:#fff;display:grid;grid-area:category-type}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons .with__categories__category__type div{background:hsla(0,0%,100%,.15);border-radius:5px;display:inline-block;font-size:16px;margin-bottom:10px;padding:2.5px 10px;text-transform:uppercase}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons .with__categories__category__link__elements{align-self:start;display:grid;grid-area:link-to-elements;grid-template-areas:"element-text";grid-template-columns:1fr;grid-template-rows:1fr}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons .with__categories__category__buttons__hide-edit-delete{display:grid;gap:10px;grid-area:show-hide-delete;grid-template-columns:1fr 1fr 1fr}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__buttons .with__categories__category__buttons__hide-edit-delete button{width:100%}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__image{display:grid;grid-area:img;height:auto}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__image img{align-items:center;border-radius:25px;height:150px;padding:5%;width:150px}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__text{color:#fff;display:grid;font-size:30px;grid-area:title;grid-template-areas:"title";grid-template-columns:1fr;grid-template-rows:65px}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__text.hide{color:hsla(0,0%,100%,.25)!important}.categories .admin .principal.with__categories .with__categories__category .with__categories__category__description{font-size:16px;grid-area:description;text-align:justify}.categories .admin .principal.new__category{display:grid;gap:20px;grid-template-areas:"existing form-header" "existing form";grid-template-columns:1fr 2fr;grid-template-rows:1fr 8fr;margin:1.5% 5%}.categories .admin .principal.new__category .new__category__form__header{color:#fff;display:grid;font-size:38px;grid-area:form-header;place-items:center start}.categories .admin .principal.new__category .new__category__existing{grid-area:existing;max-height:600px;overflow-y:auto}.categories .admin .principal.new__category .new__category__existing .new__category__existing__title{color:#fff;font-size:24px;margin-bottom:20px}.categories .admin .principal.new__category .new__category__existing .new__category__existing__none{background-color:hsla(0,0%,100%,.15);border-radius:5px;color:#fff;padding:2.5%;transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__existing .new__category__existing__none:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category{background-color:hsla(0,0%,100%,.15);border-radius:5px;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);color:#fff;display:grid;font-size:18px;grid-template-areas:"img name link";grid-template-columns:1fr 3fr;grid-template-rows:1fr;justify-content:space-between;margin-bottom:10px;margin-right:10px;padding:5%;transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__image{grid-area:img}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__image img{aspect-ratio:1;border-radius:25px;width:60%}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__text{display:grid;grid-area:name;place-items:start}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__text .new__category__existing__category__name{font-size:18px}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__text .new__category__existing__category__description{font-size:12px}.categories .admin .principal.new__category .new__category__existing .new__category__existing__category .new__category__existing__category__link{display:grid;font-size:12px;grid-area:link;place-items:end}.categories .admin .principal.new__category .new__category__form{background-color:hsla(0,0%,100%,.15);border-radius:5px;display:grid;grid-area:form;grid-template-areas:"form-row-left form-row-right" ". form-button";grid-template-columns:1fr 1fr;grid-template-rows:6fr 1fr;padding:5%;transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__form:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.categories .admin .principal.new__category .new__category__form .new__category__form__row__left{align-items:center;display:flex;flex-direction:column;grid-area:form-row-left;justify-content:start;padding:0 5% 0 0}.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element a,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element h1,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element h2,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element h3,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element h4,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element h5,.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element p{color:#000}.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element label{color:#fff;font-size:20px}.categories .admin .principal.new__category .new__category__form .new__category__form__row__left .new__category__form__row__left__element textarea{height:100px;resize:none}.categories .admin .principal.new__category .new__category__form .new__category__form__row__right{align-items:start;display:flex;flex-direction:column;grid-area:form-row-right;justify-content:start;padding:0 0 0 5%}.categories .admin .principal.new__category .new__category__form .new__category__form__row__right .new__category__form__row__right__element{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.categories .admin .principal.new__category .new__category__form .new__category__form__row__right .new__category__form__row__right__element .new__category__form__row__right__element_image{display:grid;margin:2.5% 0 3.5%;place-items:start}.categories .admin .principal.new__category .new__category__form .new__category__form__row__right .new__category__form__row__right__element .new__category__form__row__right__element_image img{border-radius:15px;width:25%}.categories .admin .principal.new__category .new__category__form .new__category__form__row__right .new__category__form__row__right__element label{color:#fff;font-size:20px}.categories .admin .principal.new__category .new__category__form .new__category__form__button{display:flex;gap:20px;grid-area:form-button;justify-content:end;place-items:end}.categories .admin .principal.new__category .new__category__form .new__category__form__button button{width:50%}