.clues{background:#c33764;background:-webkit-linear-gradient(0deg,#1d2671,#c33764);background:linear-gradient(0deg,#1d2671,#c33764);min-height:100vh}.clues .admin{min-height:calc(100vh - 100px)}.clues .admin .principal.no__clues{display:grid;grid-template-areas:"no-clues" "button";grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:5%}.clues .admin .principal.no__clues .no__clues__text{align-self:end;color:#fff;font-size:3rem;grid-area:no-clues;justify-self:center;margin-bottom:1rem}.clues .admin .principal.no__clues .no__clues__button{align-self:start;display:grid;gap:20px;grid-area:button;justify-self:center;margin-top:1rem;padding:20px;place-items:center;width:30%}.clues .admin .principal.no__clues .no__clues__button .create{width:50%}.clues .admin .principal.no__clues .no__clues__button .back{width:25%}.clues .admin .principal.with__clues{display:flex;flex-direction:column;margin:1.5% 5%}.clues .admin .principal.with__clues .with__clues__add__clue{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.clues .admin .principal.with__clues .with__clues__add__clue .with__clue__info{color:#fff;font-size:18px}.clues .admin .principal.with__clues .with__clues__add__clue .with__clue__info .lottery__name{font-size:28px}.clues .admin .principal.with__clues .with__clues__add__clue .with__clue__info .lottery__name a:hover{color:#fff}.clues .admin .principal.with__clues .with__clues__add__clue .with__clue__info .lottery__name a:hover.btn{color:#000}.clues .admin .principal.with__clues .with__clues__clue{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}.clues .admin .principal.with__clues .with__clues__clue.hide{background-color:transparent!important;box-shadow:none}.clues .admin .principal.with__clues .with__clues__clue:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons{display:grid;gap:10px;grid-area:buttons;grid-template-areas:"clue-type" "link-to-clues" "show-hide-delete";grid-template-columns:1fr;grid-template-rows:auto auto auto;place-items:start}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__type{color:#fff;display:grid;grid-area:clue-type;place-items:center;width:100%}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__link__clues{align-self:start;display:grid;grid-area:link-to-clues;grid-template-areas:"clue-text";grid-template-columns:1fr;grid-template-rows:1fr}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__buttons__hide-edit-delete{display:grid;gap:10px;grid-area:show-hide-delete;grid-template-columns:1fr;grid-template-rows:1fr 1fr;width:100%}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__buttons__hide-edit-delete .two__in__one__line{display:grid;gap:20px;grid-template-columns:1fr 1fr}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__buttons__hide-edit-delete .three__in__one__line{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__buttons .with__clues__clue__buttons__hide-edit-delete button{width:100%}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__image{display:grid;grid-area:img;height:auto}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__image img{align-items:center;border-radius:25px;height:150px;padding:5%;width:150px}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__text{color:#fff;display:grid;font-size:30px;grid-area:title;grid-template-areas:"title";grid-template-columns:1fr;grid-template-rows:65px}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__text.hide{color:hsla(0,0%,100%,.25)!important}.clues .admin .principal.with__clues .with__clues__clue .with__clues__clue__description{font-size:16px;grid-area:description;text-align:justify}.clues .admin .principal.new__clue{display:grid;gap:20px;grid-template-areas:"existing form-header" "existing form";grid-template-columns:1fr 2fr;grid-template-rows:100px 8fr;margin:1.5% 5%}.clues .admin .principal.new__clue .new__clue__form__header{color:#fff;display:grid;font-size:38px;grid-area:form-header;place-items:center start}.clues .admin .principal.new__clue .new__clue__existing{grid-area:existing;max-height:600px;overflow-y:auto}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__title{color:#fff;font-size:24px;margin-bottom:20px}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__none{background-color:hsla(0,0%,100%,.15);border-radius:5px;color:#fff;padding:2.5%;transition:background-color .3s ease}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__none:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue{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}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__image{grid-area:img}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__image img{aspect-ratio:1;border-radius:25px;width:60%}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__text{display:grid;grid-area:name;place-items:start}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__text .new__clue__existing__clue__name{font-size:18px}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__text .new__clue__existing__clue__description{font-size:12px}.clues .admin .principal.new__clue .new__clue__existing .new__clue__existing__clue .new__clue__existing__clue__link{display:grid;font-size:12px;grid-area:link;place-items:end}.clues .admin .principal.new__clue .new__clue__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}.clues .admin .principal.new__clue .new__clue__form:hover{background-color:hsla(0,0%,100%,.25);transition:background-color .3s ease}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left{align-items:center;display:flex;flex-direction:column;grid-area:form-row-left;justify-content:start;padding:0 5% 0 0}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue label{color:#fff;font-size:20px}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue a,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue h1,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue h2,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue h3,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue h4,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue h5,.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue p{color:#000}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__left .new__clue__form__row__left__clue textarea{color:#000!important;height:200px;resize:none}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right{align-items:start;display:flex;flex-direction:column;grid-area:form-row-right;justify-content:start;padding:0 0 0 5%}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right .new__clue__form__row__right__clue{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right .new__clue__form__row__right__clue .new__clue__form__row__right__clue_image{display:grid;margin:2.5% 0 3.5%;place-items:start}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right .new__clue__form__row__right__clue .new__clue__form__row__right__clue_image i:before{font-size:175px}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right .new__clue__form__row__right__clue .new__clue__form__row__right__clue_image img{border-radius:15px;width:20%}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__row__right .new__clue__form__row__right__clue label{color:#fff;font-size:20px}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__button{display:flex;gap:20px;grid-area:form-button;justify-content:end;place-items:end}.clues .admin .principal.new__clue .new__clue__form .new__clue__form__button button{width:50%}