.container{--color: #FBBF24;--size: 45px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);user-select:none;fill:var(--color)}.container .play{position:absolute;animation:keyframes-fill .3s}.container .pause{position:absolute;display:none;animation:keyframes-fill .3s}.container input:checked~.play{display:none}.container input:checked~.pause{display:block}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}}@keyframes mydayBarProgress{0%{width:0%;opacity:1}90%{width:100%;opacity:1}to{width:100%;opacity:0}}.myday-bar-progress{height:100%;position:absolute;left:0;top:0;background:#60a5fa;animation:mydayBarProgress 1.5s linear infinite;border-radius:2px}.login-bg{background-image:url(/login-oficces.webp);background-size:cover;background-position:center;background-repeat:no-repeat}