.elements{background:#c33764;background:-webkit-linear-gradient(0deg,#1d2671,#c33764);background:linear-gradient(0deg,#1d2671,#c33764);min-height:100vh}.elements .admin{min-height:calc(100vh - 100px)}.elements .admin .principal.no__elements{display:grid;grid-template-areas:"no-elements" "button";grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:5%}.elements .admin .principal.no__elements .no__elements__text{align-self:end;color:#fff;font-size:3rem;grid-area:no-elements;justify-self:center;margin-bottom:1rem}.elements .admin .principal.no__elements .no__elements__button{align-self:start;display:grid;gap:20px;grid-area:button;justify-self:center;margin-top:1rem;padding:20px;place-items:center;width:30%}.elements .admin .principal.no__elements .no__elements__button .create{width:50%}.elements .admin .principal.no__elements .no__elements__button .back{width:25%}.elements .admin .principal.with__elements{display:flex;flex-direction:column;margin:1.5% 5%}.elements .admin .principal.with__elements .with__elements__add__element{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.elements .admin .principal.with__elements .with__elements__add__element .with__elements__info{color:#fff;font-size:18px}.elements .admin .principal.with__elements .with__elements__add__element .with__elements__info .lottery__name{font-size:28px}.elements .admin .principal.with__elements .with__elements__add__element .with__elements__info .lottery__name a:hover{color:#fff}.elements .admin .principal.with__elements .with__elements__add__element .with__elements__info .lottery__name a:hover.btn{color:#000}.elements .admin .principal.with__elements .with__elements__add__element .with__elements__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}.elements .admin .principal.with__elements .with__elements__element{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}.elements .admin .principal.with__elements .with__elements__element.hide{background-color:transparent!important;box-shadow:none}.elements .admin .principal.with__elements .with__elements__element:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons{display:grid;gap:10px;grid-area:buttons;grid-template-areas:"link-to-elements" "show-hide-delete";grid-template-columns:1fr;grid-template-rows:auto;place-items:start}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons .with__elements__element__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}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons .with__elements__element__buttons__hide-edit-delete{display:grid;gap:10px;grid-area:show-hide-delete;grid-template-columns:1fr;grid-template-rows:1fr 1fr;width:100%}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons .with__elements__element__buttons__hide-edit-delete .two__in__one__line{display:grid;gap:20px;grid-template-columns:1fr 1fr}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons .with__elements__element__buttons__hide-edit-delete .three__in__one__line{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__buttons .with__elements__element__buttons__hide-edit-delete button{width:100%}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__image{display:grid;grid-area:img;height:auto}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__image img{align-items:center;border-radius:25px;height:150px;padding:5%;width:150px}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__text{color:#fff;display:grid;font-size:30px;grid-area:title;grid-template-areas:"title";grid-template-columns:1fr;grid-template-rows:65px}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__text.hide{color:hsla(0,0%,100%,.25)!important}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__text .with__elements__element__name{font-size:38px;grid-area:title}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description{display:flex;flex-direction:column;font-size:16px;grid-area:description;text-align:justify}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .description{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .description h4{font-size:1.5em}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .dress{border-top:1px solid #fff;color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px 0}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .dress h4{font-size:1.5em}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .own__history{border-top:1px solid #fff;color:#fff;display:flex;flex-direction:column;gap:10px;padding-top:20px}.elements .admin .principal.with__elements .with__elements__element .with__elements__element__description .own__history h4{font-size:1.5em}.elements .admin .principal.new__element{display:grid;gap:20px;grid-template-areas:"existing form-header" "existing form";grid-template-columns:1fr 2fr;grid-template-rows:1fr auto;margin:1.5% 5%}.elements .admin .principal.new__element .new__element__form__header{color:#fff;display:flex;flex-direction:column;font-size:38px;grid-area:form-header;place-items:start}.elements .admin .principal.new__element .new__element__form__header .new__element__form__header__type{background:hsla(0,0%,100%,.15);border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:2.5px 10px;text-transform:uppercase}.elements .admin .principal.new__element .new__element__existing{grid-area:existing;max-height:600px;overflow-y:auto}.elements .admin .principal.new__element .new__element__existing .new__element__existing__title{color:#fff;font-size:24px;margin-bottom:20px}.elements .admin .principal.new__element .new__element__existing .new__element__existing__none{background-color:hsla(0,0%,100%,.15);border-radius:5px;color:#fff;padding:2.5%;transition:background-color .3s ease}.elements .admin .principal.new__element .new__element__existing .new__element__existing__none:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element{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}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__image{grid-area:img}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__image img{aspect-ratio:1;border-radius:25px;width:60%}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__text{display:grid;grid-area:name;place-items:start;text-align:justify}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__text .new__element__existing__element__name{font-size:18px}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__text .new__element__existing__element__description{font-size:12px}.elements .admin .principal.new__element .new__element__existing .new__element__existing__element .new__element__existing__element__link{display:grid;font-size:12px;grid-area:link;place-items:end}.elements .admin .principal.new__element .new__element__form{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);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}.elements .admin .principal.new__element .new__element__form:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left{align-items:center;display:flex;flex-direction:column;grid-area:form-row-left;justify-content:start;padding:0 5% 0 0}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element a,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element h1,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element h2,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element h3,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element h4,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element h5,.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element p{color:#000}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element.two__in__one__line{display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element label{color:#fff;font-size:20px}.elements .admin .principal.new__element .new__element__form .new__element__form__row__left .new__element__form__row__left__element textarea{height:250px;resize:none}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right{align-items:start;display:flex;flex-direction:column;grid-area:form-row-right;justify-content:start;padding:0 0 0 5%}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element a,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element h1,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element h2,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element h3,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element h4,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element h5,.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element p{color:#000}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element .new__element__form__row__right__element_image{display:grid;margin:2.5% 0 3.5%;place-items:start}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element .new__element__form__row__right__element_image img{border-radius:15px;width:20%}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element label{color:#fff;font-size:20px}.elements .admin .principal.new__element .new__element__form .new__element__form__row__right .new__element__form__row__right__element textarea{height:250px;resize:none}.elements .admin .principal.new__element .new__element__form .new__element__form__button{align-items:end;display:flex;gap:20px;grid-area:form-button;justify-content:end}.elements .admin .principal.new__element .new__element__form .new__element__form__button button{width:50%}