.ice-cube{position:absolute;z-index:5;width:1.6rem;height:1.6rem;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 0 6px rgba(143,227,255,.35));animation:ice-cube-float 5.5s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.ice-cube svg{display:block;width:100%;height:100%;overflow:visible}.ice-cube:hover{filter:drop-shadow(0 0 10px rgba(143,227,255,.7))}.ice-cube:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}.ice-cube__body{transform-origin:20px 20px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.ice-cube:hover .ice-cube__body{transform:scale(1.12) rotate(-4deg)}.ice-cube__shards path{opacity:0;transform-box:fill-box;transform-origin:center}@keyframes ice-cube-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(3deg)}}.ice-cube.is-cracking{animation:none;pointer-events:none}.ice-cube.is-cracking .ice-cube__body{animation:ice-cube-break .45s cubic-bezier(.4,0,1,1) forwards}.ice-cube.is-cracking .ice-cube__shards path{animation:ice-cube-shard .6s cubic-bezier(.2,.8,.2,1) forwards}.ice-cube.is-cracking .ice-cube__shards path:nth-child(1){--dx: 0px;--dy: -16px}.ice-cube.is-cracking .ice-cube__shards path:nth-child(2){--dx: -16px;--dy: -2px}.ice-cube.is-cracking .ice-cube__shards path:nth-child(3){--dx: 16px;--dy: 0px}.ice-cube.is-cracking .ice-cube__shards path:nth-child(4){--dx: 2px;--dy: 16px}@keyframes ice-cube-break{30%{transform:scale(1.18)}to{transform:scale(.4);opacity:0}}@keyframes ice-cube-shard{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(40deg)}}@media (prefers-reduced-motion: reduce){.ice-cube{animation:none}.ice-cube.is-cracking .ice-cube__body,.ice-cube.is-cracking .ice-cube__shards path{animation-duration:.01s}}