.ht-sticker{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1.5px dashed rgb(var(--ink)/.55);background:rgb(var(--surface));font-size:15px;line-height:1;opacity:.55;box-shadow:2px 2px 0 rgb(var(--ink)/.35);transition:opacity .3s ease,scale .4s var(--spring),box-shadow .3s var(--spring);cursor:pointer}.ht-sticker:focus-visible,.ht-sticker:hover{opacity:1;scale:1.18;border-style:solid;box-shadow:3px 4px 0 rgb(var(--ink))}@keyframes ht-pop{30%{scale:1.55;opacity:1}to{scale:.2;opacity:0;translate:0 -26px}}.ht-sticker[data-popping]{animation:ht-pop .6s var(--ease-pop) forwards;pointer-events:none}.ht-ghost{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1.5px dashed rgb(var(--ink)/.18);font-size:14px;opacity:.28;filter:grayscale(1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes ht-toast{0%{opacity:0;transform:translate(-50%,6px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.ht-toast{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:30;white-space:nowrap;padding:.3rem .65rem;border-radius:999px;border:1.5px solid rgb(var(--ink));background:rgb(var(--pop));color:#141416;font:600 10.5px var(--font-mono),monospace;box-shadow:2px 2px 0 rgb(var(--ink));pointer-events:none;animation:ht-toast 1.4s var(--ease-pop) forwards}.ht-slot{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;border:1.5px dashed rgb(var(--ink)/.25);font-size:18px}.ht-slot[data-found=true]{border-style:solid;border-color:rgb(var(--ink));background:rgb(var(--pop)/.35);box-shadow:2px 2px 0 rgb(var(--ink))}.ht-badge{background:conic-gradient(from 0deg,rgb(var(--lime)),rgb(var(--cyan)),rgb(var(--violet)),rgb(var(--coral)),rgb(var(--amber)),rgb(var(--lime)))}@media (prefers-reduced-motion:reduce){.ht-sticker,.ht-sticker[data-popping]{animation-duration:.01ms;transition:none}.ht-toast{animation:none}}:root[data-calm=true] .ht-sticker,:root[data-calm=true] .ht-sticker[data-popping]{animation-duration:.01ms;transition:none}:root[data-calm=true] .ht-toast{animation:none}@media print{.ht-ghost,.ht-sticker,.ht-toast{display:none!important}}