.loading{position:relative;opacity:.7}.loading:before{cursor:wait;content:" ";margin:auto;position:absolute;width:80%;height:80%;z-index:9;border-radius:10px}#profiles{background-image:url(https://flxassets.flixlatinogo.com/newversion/img/bgprofiles.jpg);background-repeat:no-repeat;background-size:cover;min-height:100vh}#profiles .header div.logo{width:70px;margin:auto}#profiles .profiles .block input{width:100%;border:none;padding:.8em;margin:.5em 0;border-radius:5px;box-shadow:-2.6px 1.5px 32px 0 rgba(0,0,0,.05);background-color:hsla(0,0%,100%,.25);font-size:2em;color:#fff}#profiles .profiles .block input::-moz-placeholder{color:hsla(0,0%,100%,.5);opacity:1}#profiles .profiles .block input:-ms-input-placeholder{opacity:1}#profiles .profiles .block input::placeholder{color:hsla(0,0%,100%,.5);opacity:1}#profiles .profiles .block input:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}#profiles .profiles .block input::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}#profiles .profiles .block input.gender{width:6vw;margin-right:1vw}#profiles .profiles .block label{font-size:2em;display:block;margin:.5em 0 0 0}#profiles .profiles .block label,#profiles .profiles .rightpanel button.guardar{font-family:Questrial,sans-serif;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff}#profiles .profiles .rightpanel button.guardar{font-size:1.5em;border-radius:7px;box-shadow:0 0 8px 0 rgba(0,0,0,.35);background-image:linear-gradient(180deg,#d30000,#ac0d0d);padding:1vw 2vw;border:2px solid transparent}#profiles .profiles .rightpanel button.guardar:focus,#profiles .profiles .rightpanel button.guardar:hover{border:2px solid #aac3ff}#profiles .profiles .leftpanel>img{width:55%}#profiles .profiles .keyboard_panel{min-height:34vw}#profiles .profiles .keyboard_panel .keyb.firstpart{min-height:26vw;display:block}#profiles .profiles .keyboard_panel .keyb button.genders:first-child{margin-top:10vw}#profiles .profiles .keyboard_panel .keyb button.genders{width:49%;display:block;margin:.5vw 6vw}#profiles .profiles button.buttondisabled{opacity:0}#profiles .profiles .ask{text-align:center;font-size:.5em;padding:20px;width:70vw;margin:0 15vw}#profiles .profiles .ask h1{font-family:Questrial,sans-serif;font-size:5em;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;display:block}#profiles .profiles.less .ask{width:100%;max-width:700px;display:block;margin:auto}#profiles .profiles.less .ask h1{text-align:left;margin-bottom:1vw;font-size:3em}#profiles .profiles .keyboard_panel{width:24vw;float:left;background:#3c0f71;padding:0 1vw;border-radius:.5vw}#profiles .profiles .keyboard_panel .keyb button{float:left;padding:.499em;font-size:1.5em;border:1px solid hsla(0,0%,100%,.3);margin-right:.3em;min-width:2.45em;text-align:center;margin-bottom:.3em;color:#fff;background:rgba(115,38,189,.2)}#profiles .profiles .keyboard_panel .keyb button.pn{width:48%}#profiles .profiles .keyboard_panel .keyb br{clear:both}#profiles .profiles .keyboard_panel .keyb hr{clear:both;border:none;width:95%;border-top:1px solid hsla(0,0%,100%,0);margin:.5vw auto 1vw;display:block}#profiles .profiles button.keyboard .focusable:focus,#profiles .profiles button.keyboard .focusable:hover{background:red}#profiles .profile_list{width:80%;text-align:center;overflow:hidden;margin:auto;padding-top:30px}#profiles .profile_list .child:hover{transform:scale(1)}#profiles .profile_list .child{transform:scale(.9);cursor:pointer;width:180px;height:320px;font-size:1em;transition:transform .3s;max-width:15vw;max-height:30vw;min-width:90px;min-height:110px;display:inline-block;vertical-align:middle;background:none;border:none;font-family:Questrial,sans-serif;text-align:center;color:#fff}#profiles .profile_list .child img{width:100%;height:auto}#profiles .profile_list .child:focus img,#profiles .profile_list .child:hover img{border:2px solid #fff;border-radius:10px;transition:transform .3s}#profiles .profile_list .child:focus .edit,#profiles .profile_list .child:hover .edit{opacity:1;border:1px solid #fff;margin-top:.3vw;padding:10px;font-size:.75em;border-radius:5px}#profiles .profile_list .child:focus .edit:focus,#profiles .profile_list .child:focus .edit:hover,#profiles .profile_list .child:hover .edit:focus,#profiles .profile_list .child:hover .edit:hover{background-image:linear-gradient(180deg,#d30000,#ac0d0d)}#profiles .profile_list .child button.edit{opacity:0;border:1px solid #fff;margin-top:.3vw;padding:10px;font-size:.75em;border-radius:5px}#profiles button.genderselector{background:none;border:none;padding:.7em 1em;font-size:2em;color:#fff;border-radius:5px;background:hsla(0,0%,100%,.23921568627450981);margin:5px;float:left}#profiles button.genderselector.active,#profiles button.genderselector:hover{background:#ff0a6c}#profiles div.menubottom{width:540px;max-width:100%;height:50px;display:block;margin:auto}#profiles div.menubottom a,#profiles div.menubottom button{width:auto;height:35px;font-size:1em;transition:filter .3s}#profiles div.menubottom a:hover,#profiles div.menubottom button:hover{filter:drop-shadow(0 0 .75rem white);transition:filter .3s}#profiles div.menubottom a:focus,#profiles div.menubottom button:focus{border:1px solid #aac3ff}#profiles div.menubottom a.focusable.nobg{color:#fff;padding:3px 15px;display:block;float:left;text-align:center;border:1px solid #fff;border-radius:7px}#profiles div.menubottom a.focusable.nobg:hover{text-decoration:none!important}#profiles div.menubottom a.focusable.nobg.preferences{cursor:pointer;margin:auto 1vw}#profiles div.menubottom a.focusable.nobg.preferences:hover{background-image:linear-gradient(180deg,#d30000,#ac0d0d)}#profiles .focusable.nobga,#profiles .focusable.nobgbutton{background:none;border:2px solid #fff}#profiles button.keyboard.focusable.savebutton.pn{background:none;border:none;padding:.7em 1.5em;font-size:2em;color:#fff;border-radius:5px;background:hsla(0,0%,100%,.23921568627450981);margin:5px auto;display:block;width:10em}#profiles button.keyboard.focusable.savebutton.pn:hover{background:#d30000}#profiles button.keyboard.focusable.savebutton.pn.fullwidth{width:100%}#profiles .imgleft{float:left}#profiles .add button.edit{opacity:0!important}#profiles .add.focusable.child:hover img{border:none!important}.profilepic{width:50px;float:right}.mobile #profiles .profiles.less .ask h1,.mobile .profiles .ask h1{font-size:3em;white-space:nowrap;text-align:center}.mobile #profiles .leftpanel img{width:80px}.mobile #profiles div.menubottom a{font-size:1rem;white-space:nowrap}.mobile #profiles .ask h1{font-size:3em;white-space:nowrap;text-align:center}.mobile #profiles .profile_list .child{display:block;max-width:100%;width:320px;max-height:40px;height:40px;text-align:right;font-size:2em}.mobile #profiles .profile_list .child img{width:100px;float:left}.mobile #profiles .profile_list .child button.edit{opacity:1!important;margin-right:0;font-size:.75rem;border:none;padding:10px 5px 5px}.mobile button.child.focusable:focus,.mobile button.child.focusable:hover{transform:scale(1)}