.aduck-box{width:var(--duck-box);height:var(--duck-box);pointer-events:none}@media not (min-width:40rem){.aduck-box{width:var(--duck-box-m);height:var(--duck-box-m)}}.aduck-stage{width:100%;height:100%;position:relative}.aduck-swim,.aduck-face,.aduck-bob{position:absolute;inset:0}.aduck-swim{will-change:transform}.aduck-face{transform-origin:50% 94%}.aduck-bob{animation:1.4s step-end infinite aduck-bob}@keyframes aduck-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.aduck-duck{cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.aduck-hit{pointer-events:auto;clip-path:polygon(2% 60%,6.5% 47.5%,26.5% 22%,36.5% 12%,46% 8.5%,57% 4.5%,62% 4.5%,66.5% 6.5%,91% 26.5%,94% 30%,97% 47%,97% 52%,94.5% 63%,89% 78%,84% 84.5%,69.5% 96.5%,63.5% 99.5%,58.5% 100%,39% 100%,25% 96%,18% 91%,10% 83.5%,3% 72%);position:absolute;inset:0}@supports selector(:has(*)){.aduck-duck:focus-visible{outline:none}.aduck-swim:has(.aduck-duck:focus-visible):after{content:"";outline:2px solid var(--color-ink);outline-offset:3px;pointer-events:none;position:absolute;inset:calc(5.5% - 2px) 3.1% 0}}.aduck-sprite{position:absolute;inset:0;overflow:hidden}.aduck-sheet{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:300%;max-width:none;height:100%;position:absolute;top:0;left:0}.aduck-sprite[data-frame="1"] .aduck-sheet{transform:translate(-33.3333%)}.aduck-sprite[data-frame="2"] .aduck-sheet{transform:translate(-66.6667%)}.aduck-glint{opacity:0;animation:4.2s step-end infinite aduck-glint;position:absolute}@keyframes aduck-glint{0%,92%{opacity:0}93%,96%{opacity:1}97%,to{opacity:0}}.aduck-lines{visibility:hidden;pointer-events:none;width:14px;height:26px;position:absolute;top:40%;left:97%;overflow:visible}.aduck-lines[data-on]{visibility:visible}.aduck-bubble{z-index:1;white-space:nowrap;visibility:hidden;pointer-events:none;transform-origin:0 100%;position:absolute;bottom:64%}.aduck-bubble[data-side=right]{left:calc(100% + 4px)}.aduck-bubble[data-side=left]{transform-origin:100% 100%;right:calc(100% + 4px)}.aduck-bubble[data-state=in]{visibility:visible;animation:.18s steps(3,end) both aduck-pop-in}.aduck-bubble[data-state=out]{visibility:visible;animation:.14s steps(2,end) both aduck-pop-out}.aduck-bubble[data-count="1"] .aduck-second{display:none}@keyframes aduck-pop-in{0%{opacity:0;transform:scale(.35)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes aduck-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.aduck-tail{width:16px;height:12px;position:absolute;top:100%;overflow:visible}.aduck-bubble[data-side=right] .aduck-tail{left:2px}.aduck-bubble[data-side=left] .aduck-tail{right:2px;transform:scaleX(-1)}.aduck-stage[data-paused] .aduck-bob,.aduck-stage[data-paused] .aduck-glint{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.aduck-bob,.aduck-glint,.aduck-bubble[data-state=in],.aduck-bubble[data-state=out]{animation:none}}