.button{align-items:center;background-color:#0091f9;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;height:40px;justify-content:center;margin-bottom:.5rem;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.buttonAnimation .buttonSpan{position:absolute;transition:all .4s ease-in-out}.buttonAnimation .buttonAnimationIcon{align-items:center;display:flex;left:-40px;opacity:0;position:absolute;transition:all .3s ease-in-out;z-index:2}.buttonAnimation .buttonSvg{color:#fff;height:20px;width:20px}.buttonAnimation:hover{background:#1ddd95;border:none;color:#fff}.buttonAnimation:hover .buttonAnimationIcon{left:calc(100% - 3rem);opacity:1}.buttonAnimation:hover .buttonSpan{left:1.5rem}.Select{border:none;border-radius:5px;height:40px!important;padding:0 .5rem;width:100%}.informationImageProfile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem}.informationImageProfile div{position:relative}.informationImageProfile div .image{border-radius:50%;height:200px;object-fit:cover;width:200px}.informationImageProfile div .edit{background-color:#0091f9;border-radius:50%;bottom:0;color:#fff;height:20px;left:0;padding:.7rem;position:absolute;width:20px}.informationImageProfile div .edit:hover{background-color:#1ddd95;cursor:pointer}@keyframes LedsProfileCheck{0%{background-color:#9e5df5}25%{background-color:#65a6f1}50%{background-color:#64d5d5}75%{background-color:#65a6f1}to{background-color:#9e5df5}}.informationImageProfile div .profileCheck{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:LedsProfileCheck;background-color:#0091f9;right:0}.informationImageProfile div .editCancel,.informationImageProfile div .profileCheck{border-radius:50%;bottom:0;color:#fff;height:20px;padding:.7rem;position:absolute;width:20px}.informationImageProfile div .editCancel{background-color:red;left:0}.informationImageProfile div .editCancel:hover{background-color:#ff6a6a;cursor:pointer}.informationImageProfile div .editUpdate{background-color:#0091f9;border-radius:50%;bottom:0;color:#fff;height:20px;padding:.7rem;position:absolute;right:0;width:20px}.informationImageProfile div .editUpdate:hover{background-color:#27a2fa;cursor:pointer}.informationImageProfile div .editUpdateLoad{background-color:#0091f9;border-radius:50%;bottom:0;color:#fff;height:40px;padding:.4rem;position:absolute;right:0;width:40px}.informationImageProfile .icon{height:200px;width:200px}.informationItem{display:flex;flex-direction:row;justify-content:space-between}.informationItem .ellipsis{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:20rem}.informationItemEdit{display:flex;flex-direction:column;gap:.5rem}.informationItem label{color:#fff}.informationItem label.onHold{color:orange}.informationItem label.valid{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:LedsStateValid}@keyframes LedsStateValid{0%{color:#9e5df5}25%{color:#65a6f1}50%{color:#64d5d5}75%{color:#65a6f1}to{color:#9e5df5}}.informationItem label.locked{color:red}.informationItemEdit label{color:#fff}.informationItemEdit .phoneCode{display:flex;flex-direction:row;gap:1rem}.informationItemEdit .phoneCode .phoneCodePc{width:120px}.message{height:100%!important;margin:1rem 0;padding:1.5rem;white-space:pre-line!important}.informationButtons{display:flex;flex-direction:row;gap:1rem}.informationButtons button{flex:1}@media screen and (max-width:1024px){.informationItem .ellipsis{width:14.5rem}.informationItemEdit .phoneCode .phoneCodePc{width:65px}}@media screen and (max-width:400px){.informationItem .ellipsis{width:10rem}}@media screen and (max-width:350px){.item{flex-direction:column}}@keyframes bar_progress{0%{background-color:#9e5df5}25%{background-color:#65a6f1}50%{background-color:#64d5d5}75%{background-color:#65a6f1}to{background-color:#9e5df5}}.progressBar{background-color:#fff;border-radius:1rem;margin-top:1rem;width:100%}.progressBar .bar{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:bar_progress;border-radius:1rem;height:30px}.dynamicKey{display:flex;flex-direction:column;gap:1rem}.dynamicKey div{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dynamicKey div label{color:#fff}.dynamicKey div button{background-color:#463be4;border-color:transparent;border-radius:.3rem;cursor:pointer;display:flex;flex-direction:row;gap:1rem;padding:1rem}.dynamicKey div button:hover{background-color:#3ad1ff}.dynamicKey div button *{cursor:pointer}.dynamicKey div .key{font-weight:700}:root{--width-desktop:70%;--width-phone:90%;--led-border-width:1px;--led-size-blur-radius:20px}.body{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;width:100%}.body .menu{margin:0;padding:0;width:var(--width-desktop);z-index:1}.body .menu ul{border:none}.body .menu ul li a{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:LedsMenuItem;border:none;color:#fff}.body .menu ul li a:hover{background:#0b1363}.body .menu ul li.is-active a{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:LedsMenuItemActive}@keyframes LedsMenuItemActive{0%{background-color:#9e5df5}25%{background-color:#65a6f1}50%{background-color:#64d5d5}75%{background-color:#65a6f1}to{background-color:#9e5df5}}.body .menu ul li.is-active a:hover{background:#00063e}.body .tabs{margin-top:6rem}.body .content{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:LedsBorder;background-color:#16213e;border-radius:.5rem;border-top-left-radius:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:var(--width-desktop)}@keyframes LedsBorder{0%{border:var(--led-border-width) solid #9e5df5;box-shadow:0 .3rem var(--led-size-blur-radius) 1px #9e5df5}25%{border:var(--led-border-width) solid #65a6f1;box-shadow:0 .3rem var(--led-size-blur-radius) 1px #65a6f1}50%{border:var(--led-border-width) solid #64d5d5;box-shadow:0 .3rem var(--led-size-blur-radius) 1px #64d5d5}75%{border:var(--led-border-width) solid #65a6f1;box-shadow:0 .3rem var(--led-size-blur-radius) 1px #65a6f1}to{border:var(--led-border-width) solid #9e5df5;box-shadow:0 .3rem var(--led-size-blur-radius) 1px #9e5df5}}@media screen and (max-width:1024px){.body .content,.body .menu{width:var(--width-phone)}}