.text-color-1{color:indigo}.bg-color-1{background:indigo}.color-1{background-color:indigo!important;color:#fff!important}.color-1+p>span{color:#2e004f;box-shadow:0 0 0 2px rgba(75,0,130,.3)}.text-color-2{color:#9400d3}.bg-color-2{background:#9400d3}.color-2{background-color:#9400d3!important;color:#fff!important}.color-2+p>span{color:#7000a0;box-shadow:0 0 0 2px rgba(148,0,211,.3)}.text-color-3{color:#008b8b}.bg-color-3{background:#008b8b}.color-3{background-color:#008b8b!important;color:#fff!important}.color-3+p>span{color:#005858;box-shadow:0 0 0 2px rgba(0,139,139,.3)}.text-color-4{color:#00ced1}.bg-color-4{background:#00ced1}.color-4{background-color:#00ced1!important;color:#fff!important}.color-4+p>span{color:#009c9e;box-shadow:0 0 0 2px rgba(0,206,209,.3)}.text-color-5{color:#8fbc8f}.bg-color-5{background:#8fbc8f}.color-5{background-color:#8fbc8f!important;color:#fff!important}.color-5+p>span{color:#6fa96f;box-shadow:0 0 0 2px rgba(143,188,143,.3)}.text-color-6{color:#deb887}.bg-color-6{background:#deb887}.color-6{background-color:#deb887!important;color:#fff!important}.color-6+p>span{color:#d3a05f;box-shadow:0 0 0 2px rgba(222,184,135,.3)}.text-color-7{color:#66cdaa}.bg-color-7{background:#66cdaa}.color-7{background-color:#66cdaa!important;color:#fff!important}.color-7+p>span{color:#40c095;box-shadow:0 0 0 2px rgba(102,205,170,.3)}.text-color-8{color:#7b68ee}.bg-color-8{background:#7b68ee}.color-8{background-color:#7b68ee!important;color:#fff!important}.color-8+p>span{color:#533ae9;box-shadow:0 0 0 2px rgba(123,104,238,.3)}#user-connect{position:absolute;top:5vh;left:5vw}#user-connect>div>div{width:5vw;height:5vw;font-size:2vw}.color-1{background-color:indigo;color:#fff}.color-1+p>span{color:#2e004f;box-shadow:0 0 0 2px rgba(75,0,130,.3)}.color-2{background-color:#9400d3;color:#fff}.color-2+p>span{color:#7000a0;box-shadow:0 0 0 2px rgba(148,0,211,.3)}.color-3{background-color:#008b8b;color:#fff}.color-3+p>span{color:#005858;box-shadow:0 0 0 2px rgba(0,139,139,.3)}.color-4{background-color:#00ced1;color:#fff}.color-4+p>span{color:#009c9e;box-shadow:0 0 0 2px rgba(0,206,209,.3)}.color-5{background-color:#8fbc8f;color:#fff}.color-5+p>span{color:#6fa96f;box-shadow:0 0 0 2px rgba(143,188,143,.3)}.color-6{background-color:#deb887;color:#fff}.color-6+p>span{color:#d3a05f;box-shadow:0 0 0 2px rgba(222,184,135,.3)}.color-7{background-color:#66cdaa;color:#fff}.color-7+p>span{color:#40c095;box-shadow:0 0 0 2px rgba(102,205,170,.3)}.color-8{background-color:#7b68ee;color:#fff}.color-8+p>span{color:#533ae9;box-shadow:0 0 0 2px rgba(123,104,238,.3)}.infos-user{font-size:1vw;padding:.5vw;border-radius:100%;width:1vw;height:1vw;font-weight:400!important}#login>div>div,#user-connect>div>div{border-radius:100%}#container{min-width:50vh}#container.login>article:not(#login),#container:not(.login)>#login{display:none}#container #login{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}#container #login>.user{box-sizing:initial;padding:1vw;padding-bottom:6vw;margin:0 .5vw;width:8vw;border-radius:10px;cursor:pointer;overflow:hidden;transition:background-color .1s,transform .3s,width .2s,padding .2s,margin .2s,opacity .1s}#container #login>.user.selected,#container #login>.user:hover{background-color:#fff;transform:scale(1.2)}#container #login>.user.selected{margin-bottom:5vw}#container #login>.user.user-hidden{width:0;padding-left:0;padding-right:0;margin:0;opacity:0}#container #login>.user>div{width:8vw;height:8vw;font-size:3.5vw}#container #login>.user>p{font-size:1.5vw;margin-top:1vw;position:relative}#container #login>.user>p>span{font-size:2vw;position:absolute;bottom:0;left:50%;transform:translate(-50%,120%);border-radius:100%;background-color:#fff;width:4vw;height:4vw}#container #login>#password{position:absolute;left:50%;bottom:0;transform:translate(-50%,90%);opacity:0}#container #login>#password.show{opacity:1}#container #login>#password>div{width:100%;margin-bottom:.8vw}#container #login>#password>div:last-child{margin-bottom:0}#container #login>#password>div>input,#container #login>#password>div>select{width:100%;padding:.8vw 1.5vw;font-size:1.1vw;border:none;border-bottom:2px solid #3d3d3d;color:#3d3d3d;background:#fff;outline:0}#container #login>#password>div>span{cursor:pointer;margin:0 1.6vw;border-radius:100%;width:6vw;height:6vw;font-size:2vw;background-color:#fff;color:#3d3d3d}