@-webkit-keyframes loading-gradient{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes loading-gradient{0%{background-position:100% 50%}to{background-position:0% 50%}}body{background:var(--color-background-light)}.login{--mascotte-top: 0%;--mascotte-right: -50px;--mascotte-rotate: 0deg;--mascotte-arm-top: 15px;--mascotte-arm-left: -25px;position:relative;width:550px;max-width:90%;margin:auto;padding:50px clamp(15px,6vw,60px);border-radius:var(--radius-panel);background:var(--color-background);-webkit-box-shadow:var(--shadow-panel);box-shadow:var(--shadow-panel)}.login:hover,.login:focus-within{--mascotte-top: -135px}.login:has([data-password-toggle]:focus-within){--mascotte-rotate: -15deg;--mascotte-arm-top: -20px;--mascotte-arm-rotate: -5deg}.login:has([data-password-toggle]:focus-within [type=text]){--mascotte-top: -140px;--mascotte-arm-top: -15px;--mascotte-arm-left: -65px}.login__mascotte{position:absolute;z-index:-1;top:0;left:50%;overflow:visible;transform-box:fill-box;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:translate .1s,rotate .1s;transition:translate .1s,rotate .1s;translate:-50% var(--mascotte-top);rotate:var(--mascotte-rotate, 0deg)}.login__mascotte-arm{transform-box:fill-box;-webkit-transform-origin:5% center;transform-origin:5% center;translate:var(--mascotte-arm-left) var(--mascotte-arm-top);rotate:var(--mascotte-arm-rotate);-webkit-transition:translate .1s,rotate .1s;transition:translate .1s,rotate .1s}.login__mascotte-eyes{transform-box:fill-box;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:blinking-eyes 6s -2s infinite;animation:blinking-eyes 6s -2s infinite}@media (max-width: 767px){.login__mascotte{display:none}}@-webkit-keyframes blinking-eyes{0%,46%,48%,50%,to{scale:1 1}47%,49%{scale:1 .01}}@keyframes blinking-eyes{0%,46%,48%,50%,to{scale:1 1}47%,49%{scale:1 .01}}