#button{width:100px;cursor:pointer;position:fixed;bottom:20vh;right:0;transform:scale(calc(10vh / 100px));transform-origin:bottom right}#button #toilet{top:16px;width:100px;height:175px;background-image:url("toilet.png");background-repeat:no-repeat;background-size:300px 175px;background-position:0 0;position:absolute}@keyframes toilet-play{from{background-position:0 0}to{background-position:-200px 0}}#button.animate #toilet{animation:toilet-play 0.1s steps(2) forwards}@keyframes toilet-play-back{from{background-position:-200px 0}to{background-position:0 0}}#button:not(.animate) #toilet{background-position:-200px 0;animation:toilet-play-back 0.1s steps(2) forwards;animation-delay:0.5s}#button:not(.animate).initial #toilet{background-position:0 0 !important}#button #skibidi{top:0;left:-4px;width:100px;height:95px;background-image:url("skibidi.png");background-repeat:no-repeat;background-size:76px 95px;background-position:center 100px;transition:background-position-y 0.5s;position:absolute}#button.animate #skibidi{background-position-y:0}#bubble{display:inline-block;padding:10px 14px;border-radius:20px;background:#e0b291;position:absolute;bottom:30px;right:10px;width:max-content;max-width:400px;font:20px system-ui, sans-serif;font-weight:100;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.5s}#button.animate #bubble{opacity:1;transition-delay:0.5s}#bubble::after{content:"";position:absolute;right:30px;bottom:-18px;border:20px solid transparent;border-top-color:#e0b291;border-bottom:0}#loader{display:flex;gap:12px}.ball{width:16px;height:16px;background:#653c28;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.ball:nth-child(1){animation-delay:0s}.ball:nth-child(2){animation-delay:0.2s}.ball:nth-child(3){animation-delay:0.4s}@keyframes pulse{0%,100%,80%{transform:scale(0.6);opacity:0.4}40%{transform:scale(1.2);opacity:1}}