.code__modal{display:grid;grid-template-areas:"title" "content";grid-template-columns:1fr;grid-template-rows:1fr 10fr;place-items:start}.code__modal .code__modal__title{color:#333;font-size:50px;grid-area:title;padding:0 3%;text-align:start}.code__modal .code__modal__content{grid-area:content;padding:0 3%;place-items:center;width:100%}.code__modal .code__modal__content.center__image{display:grid;place-items:start center}.code__modal .code__modal__content.center__image img{width:75%}.code__modal .code__modal__content .code__modal__subtitle{color:#333;font-size:20px;padding:5% 0 2.5%;text-align:center}.code__modal .code__modal__content .code__modal__form{color:#333;column-gap:50px;display:grid;font-size:25px;grid-template-areas:"form";grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:30px;place-items:center;text-align:start;width:100%}.code__modal .code__modal__content .code__modal__form form{display:grid;grid-area:form;width:30%}.code__modal .code__modal__content .code__modal__form form .one__row{display:flex;flex-direction:row;justify-content:space-between}.code__modal .code__modal__content .code__modal__form form .code__modal__input{margin-bottom:20px}.code__modal .code__modal__content .code__modal__form form button{margin-top:10px}.code__modal .code__modal__content .code__modal__form form button.small__width{width:50%}@media (max-width:1300px){.code__modal .code__modal__title{font-size:30px;padding:0 1.5%}.code__modal .code__modal__content{padding:0 1.5%}.code__modal .code__modal__content .code__modal__subtitle{color:#333;font-size:14px;padding:5% 0 2.5%;text-align:start}.code__modal .code__modal__content .code__modal__form{color:#333;column-gap:50px;display:grid;font-size:14px;grid-template-areas:"form";grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:30px;place-items:center;text-align:start;width:100%}.code__modal .code__modal__content .code__modal__form form{display:grid;grid-area:form;width:70%}.code__modal .code__modal__content .code__modal__form form .one__row{display:flex;flex-direction:row;gap:20px;justify-content:space-between}.code__modal .code__modal__content .code__modal__form form .code__modal__input{margin-bottom:20px}.code__modal .code__modal__content .code__modal__form form button{font-size:14px;margin-top:10px}.code__modal .code__modal__content .code__modal__form form button.small__width{width:50%}}.btn.btn-primary{background-color:transparent;border-color:#fff;color:#fff}.btn.btn-primary:hover{background:#fff;border-color:#fff;color:#333}.btn.btn-black{background-color:transparent;border-color:#000;color:#000}.btn.btn-black:hover{background:#000;border-color:#000;color:#fff}.btn.btn-red{background-color:#ff000042;border-color:red;color:#fff}.btn.btn-red.no-hover,.btn.btn-red:hover{background:red;border-color:red;color:#fff}.btn.btn-red.no-hover{cursor:default}.btn.btn-orange{background-color:#ff880042;border-color:#f90;color:#fff}.btn.btn-orange:hover{background:#f90;border-color:#f90;color:#fff}.btn.btn-green{background-color:#ff880042;background-color:rgba(0,128,0,.25);border:1px solid green;color:#fff}.btn.btn-green.no-hover,.btn.btn-green:hover{background-color:rgba(0,128,0,.55);border:1px solid green;color:#fff}.btn.btn-green.no-hover{cursor:default}.btn.hide,.btn.hide:hover{background-color:transparent;border:1px solid hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.25)}.btn.hide:hover{cursor:not-allowed}.btn.hide:focus{box-shadow:none}.index__container{background:#c33764;background:-webkit-linear-gradient(0deg,#1d2671,#c33764);background:linear-gradient(0deg,#1d2671,#c33764);min-height:100vh}.index__container .index{display:grid;grid-template-areas:"header" "principal";grid-template-columns:1fr;grid-template-rows:100px auto;min-height:calc(100vh - 100px)}.index__container .index .header{grid-area:header;height:100px}.index__container .index .principal{color:#fff;display:grid;grid-area:principal;grid-template-areas:"title" "content";grid-template-columns:1fr;grid-template-rows:150px 1fr;padding:0 10%}.index__container .index .principal .titles{display:grid;grid-area:title;grid-template-rows:1fr 1fr;margin-bottom:35px;place-items:start}.index__container .index .principal .titles .title{font-size:56px}.index__container .index .principal .titles .subtitle{font-size:24px}.index__container .index .principal .content{display:grid;gap:7%;grid-area:content;grid-template-areas:"left right";grid-template-columns:1fr 1.5fr}.index__container .index .principal .content .left{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.15);border-radius:5px;box-shadow:0 10px 15px 10px rgba(0,0,0,.15);grid-area:left;padding:30px 60px}.index__container .index .principal .content .left .title{font-size:24px;margin-bottom:10px}.index__container .index .principal .content .left .title .hide-form{display:none}.index__container .index .principal .content .left .inputs .form-group{display:grid;gap:20px;grid-template-columns:3fr 1fr;margin-bottom:20px}.index__container .index .principal .content .right{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.15);border-radius:5px;box-shadow:0 10px 15px 10px rgba(0,0,0,.15);display:grid;grid-area:right;grid-template-areas:"elements" "button";grid-template-rows:1fr 75px;padding:30px 60px;place-items:start}.index__container .index .principal .content .right .added__elements{display:grid;grid-area:elements;grid-template-rows:1fr 400px;width:100%}.index__container .index .principal .content .right .added__elements .title{align-items:center;display:flex;flex-direction:row;font-size:24px;justify-content:space-between;margin-bottom:10px}.index__container .index .principal .content .right .added__elements .added__elements__elements{display:grid;gap:20px;grid-auto-rows:50px;grid-template-columns:1fr 1fr;overflow-y:auto;width:100%}.index__container .index .principal .content .right .added__elements .added__elements__elements .no__element{background-color:#ff000042;border:1px solid red;border-radius:5px;display:flex;padding:10px 20px;place-items:center}.index__container .index .principal .content .right .added__elements .added__elements__elements .no__element.hide{display:none}.index__container .index .principal .content .right .added__elements .added__elements__elements .element{align-items:center;border:1px solid #fff;border-radius:5px;display:flex;justify-content:space-between;padding:10px 20px}.index__container .index .principal .content .right .added__elements .added__elements__elements .element .title{font-size:18px;margin-bottom:0}.index__container .index .principal .content .right .added__elements .added__elements__elements .element .remove:hover{cursor:pointer}.index__container .index .principal .content .right .added__elements .added__elements__elements .element.selected{background-color:rgba(0,128,0,.55);border:1px solid green}.index__container .index .principal .content .right .bottom{display:grid;grid-area:button;grid-template-columns:1fr 1fr;height:100%;place-items:center start;width:100%}.index__container .index .principal .content .right .bottom .element__selected__text{font-size:24px}.index__container .index .principal .content .right .bottom .element__selected{width:100%}.index__container .index .principal .content .right .bottom .element__selected .element{align-items:center;border:1px solid #fff;border-radius:5px;display:flex;justify-content:space-between;padding:10px 20px}.index__container .index .principal .content .right .bottom .element__selected .element .title{font-size:18px;margin-bottom:0}.index__container .index .principal .content .right .bottom .element__selected .element .remove:hover{cursor:pointer}.index__container .index .principal .content .right .bottom .element__selected .element.selected{background-color:rgba(0,128,0,.55);border:1px solid green}@media (max-width:1300px){.index__container .index{grid-template-rows:65px auto}.index__container .index .header{height:65px}.index__container .index .principal{grid-template-rows:100px 1fr;padding:0 5%}.index__container .index .principal .titles{margin-bottom:0}.index__container .index .principal .titles .title{font-size:32px}.index__container .index .principal .titles .subtitle{font-size:16px}.index__container .index .principal .content{display:flex;flex-direction:column;gap:20px;grid-area:content}.index__container .index .principal .content .left{padding:20px 40px}.index__container .index .principal .content .left.hide{height:70px}.index__container .index .principal .content .left .title{align-items:center;display:flex;flex-direction:row;font-size:20px;justify-content:space-between;margin-bottom:5px}.index__container .index .principal .content .left .title .hide-form{display:flex}.index__container .index .principal .content .left .title .hide-form:hover{cursor:pointer}.index__container .index .principal .content .left .inputs.hide{display:none}.index__container .index .principal .content .left .inputs .form-group{margin-bottom:15px}.index__container .index .principal .content .left .inputs .form-group .form-control,.index__container .index .principal .content .left .inputs .form-group label{font-size:14px}.index__container .index .principal .content .left .inputs button{font-size:12px}.index__container .index .principal .content .right{grid-template-rows:1fr 55px;padding:20px 40px}.index__container .index .principal .content .right .added__elements{grid-template-rows:1fr 300px}.index__container .index .principal .content .right .added__elements .title{font-size:20px;margin-bottom:10px}.index__container .index .principal .content .right .added__elements button{font-size:12px}.index__container .index .principal .content .right .added__elements .added__elements__elements{display:grid;gap:20px;grid-auto-rows:50px;grid-template-columns:1fr;overflow-y:auto;width:100%}.index__container .index .principal .content .right .added__elements .added__elements__elements .no__element{font-size:14px;margin:0 10px}.index__container .index .principal .content .right .added__elements .added__elements__elements .element{margin:0 10px}.index__container .index .principal .content .right .added__elements .added__elements__elements .element .remove,.index__container .index .principal .content .right .added__elements .added__elements__elements .element .title{font-size:14px}.index__container .index .principal .content .right .bottom .element__selected__text{font-size:18px}}