.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}.draw__turn__container{background:#c33764;background:-webkit-linear-gradient(0deg,#1d2671,#c33764);background:linear-gradient(0deg,#1d2671,#c33764);min-height:100vh}.draw__turn__container .index{display:grid;grid-template-areas:"header" "principal";grid-template-columns:1fr;grid-template-rows:100px auto;min-height:calc(100vh - 100px)}.draw__turn__container .index .header{grid-area:header;height:100px}.draw__turn__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%}.draw__turn__container .index .principal .titles{display:grid;grid-area:title;grid-template-rows:1fr 1fr;margin-bottom:35px;place-items:center}.draw__turn__container .index .principal .titles .title{align-items:center;display:flex;flex-direction:column;justify-content:center}.draw__turn__container .index .principal .titles .title h1{font-size:56px}.draw__turn__container .index .principal .titles .title h5{margin:15px 0}.draw__turn__container .index .principal .titles .subtitle{font-size:24px}.draw__turn__container .index .principal .content{display:flex;flex-direction:column;grid-area:content}.draw__turn__container .index .principal .content .form{column-gap:30px;display:grid;grid-template-areas:"formtop" "formbottom";grid-template-columns:auto;grid-template-rows:50px 50px;row-gap:15px}.draw__turn__container .index .principal .content .form .top{align-items:baseline;column-gap:30px;display:grid;grid-area:formtop;grid-template-areas:"input button selector";grid-template-columns:auto auto auto}.draw__turn__container .index .principal .content .form .top .input{grid-area:input;position:relative}.draw__turn__container .index .principal .content .form .top .input input,.draw__turn__container .index .principal .content .form .top .input textarea{background:none;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;display:block;font-size:18px;padding:10px 10px 10px 5px;width:100%}.draw__turn__container .index .principal .content .form .top .input input:focus,.draw__turn__container .index .principal .content .form .top .input textarea:focus{outline:none}.draw__turn__container .index .principal .content .form .top .input input:focus~label,.draw__turn__container .index .principal .content .form .top .input input:valid~label,.draw__turn__container .index .principal .content .form .top .input textarea:focus~label,.draw__turn__container .index .principal .content .form .top .input textarea:valid~label{color:#fff;font-size:12px;top:-14px}.draw__turn__container .index .principal .content .form .top .input input:focus~.bar:before,.draw__turn__container .index .principal .content .form .top .input textarea:focus~.bar:before{width:100%}.draw__turn__container .index .principal .content .form .top .input label{color:#fff;font-size:16px;font-weight:400;left:5px;pointer-events:none;position:absolute;top:10px;transition:all .6s ease}.draw__turn__container .index .principal .content .form .top .input .bar{display:block;position:relative;width:100%}.draw__turn__container .index .principal .content .form .top .input .bar:before{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .6s ease;width:0}.draw__turn__container .index .principal .content .form .top .add-button{grid-area:button}.draw__turn__container .index .principal .content .form .top .select{color:#fff;grid-area:selector;position:relative}.draw__turn__container .index .principal .content .form .top .select .select-text{background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-family:inherit;font-size:18px;padding:10px 10px 10px 0;position:relative;width:350px}.draw__turn__container .index .principal .content .form .top .select .select-text option[selected]{color:#fff}.draw__turn__container .index .principal .content .form .top .select .select-text option{color:#000}.draw__turn__container .index .principal .content .form .top .select .select-text:focus{border-bottom:1px solid #fff;outline:none}.draw__turn__container .index .principal .content .form .top .select .select .select-text{appearance:none;-webkit-appearance:none}.draw__turn__container .index .principal .content .form .top .select .select:after{border-left:6px solid #fff;border-right:6px solid #fff;border-top:6px solid #fff;content:"";height:0;padding:0;pointer-events:none;position:absolute;right:10px;top:18px;width:0}.draw__turn__container .index .principal .content .form .top .select .select-label{color:#fff;font-size:18px;font-weight:400;left:0;pointer-events:none;position:absolute;top:10px;transition:all .2s ease}.draw__turn__container .index .principal .content .form .top .select .select-text:focus~.select-label,.draw__turn__container .index .principal .content .form .top .select .select-text:valid~.select-label{color:#fff;font-size:14px;top:-20px;transition:all .2s ease}.draw__turn__container .index .principal .content .form .top .select .select-bar{display:block;position:relative;width:350px}.draw__turn__container .index .principal .content .form .top .select .select-bar:after,.draw__turn__container .index .principal .content .form .top .select .select-bar:before{background:#fff;bottom:1px;content:"";height:2px;position:absolute;transition:all .2s ease;width:0}.draw__turn__container .index .principal .content .form .top .select .select-bar:before{left:50%}.draw__turn__container .index .principal .content .form .top .select .select-bar:after{right:50%}.draw__turn__container .index .principal .content .form .top .select .select-text:focus~.select-bar:after,.draw__turn__container .index .principal .content .form .top .select .select-text:focus~.select-bar:before{width:50%}.draw__turn__container .index .principal .content .form .top .select .select-highlight{height:60%;left:0;opacity:.5;pointer-events:none;position:absolute;top:25%;width:100px}.draw__turn__container .index .principal .content .form .top #draw-turn{grid-area:drawturn}.draw__turn__container .index .principal .content .form .bottom{display:grid;grid-area:formbottom;grid-template-areas:"button";grid-template-columns:auto;grid-template-rows:auto}.draw__turn__container .index .principal .content .form .bottom .draw-turn-button,.draw__turn__container .index .principal .content .form .bottom .draw-turn-button button{width:100%}.draw__turn__container .index .principal .content #competitors{align-items:start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;grid-area:competitors;justify-content:center;padding:2.5%}.draw__turn__container .index .principal .content #competitors .competitor{border:1px solid #fff;border-radius:5px;display:flex;flex-direction:row;font-size:24px;gap:20px;justify-content:space-between;min-width:300px;padding:25px;transition:background .3s ease}.draw__turn__container .index .principal .content #competitors .competitor.selected{background-color:rgba(0,128,0,.45);border:1px solid green}.draw__turn__container .index .principal .content #competitors .competitor.blink{animation:blink 1s;animation-fill-mode:forwards;animation-iteration-count:2;animation-timing-function:ease-out}.draw__turn__container .index .principal .content #competitors .competitor .indtext{display:flex;flex-direction:row;gap:20px}.draw__turn__container .index .principal .content #competitors .competitor .indtext .indicator{border:1px solid;border-radius:50%;display:flex;justify-content:center;width:35px}.draw__turn__container .index .principal .content #competitors .competitor:hover{background:#fff;color:#000;cursor:pointer;transition:background color .3s ease ease .3s}.draw__turn__container .index .principal .content #competitors .competitor i:hover{color:red;transition:color .3s ease}@keyframes blink{50%{background-color:transparent;border:1px solid #fff}}