@-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}.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__form{position:relative;z-index:1;padding:50px clamp(.938rem,.313rem + 2.083vw,1.875rem);border-radius:15px;background:var(--color-background);-webkit-box-shadow:var(--shadow-large);box-shadow:var(--shadow-large)}.login__mascotte{position:absolute;z-index:0;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}}