.wl-like{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.wl-like:before{content:"";position:absolute;inset:-6px;border-radius:9999px}.wl-like svg{transition:color .15s ease-out,transform .2s ease-out}.wl-like[aria-pressed=true]{color:#ef4444}.dark .wl-like[aria-pressed=true]{color:#f87171}.wl-like:active svg{transform:scale(.85)}.wl-like[aria-busy=true]{cursor:progress;opacity:.6}.wl-like:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.wl-like--compact{padding:0;border:0;background:none;color:#9ca3af}.wl-like--compact:before{inset:-10px}.wl-notify-btn[aria-busy=true]{cursor:progress;opacity:.7}.wl-notify-btn:focus-visible,.wl-notify-cancel:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.wl-notify-active{display:flex;flex-direction:column;gap:.5rem;border:1px solid rgb(34 197 94/.4);background-color:rgb(34 197 94/.08);border-radius:.5rem;padding:.625rem .75rem}.wl-notify-active__title{display:flex;align-items:center;gap:.25rem;color:#16a34a;font-family:Dana Medium}.dark .wl-notify-active__title{color:#4ade80}.wl-notify-active__hint{font-size:.75rem;line-height:1.25rem;color:#6b7280}.dark .wl-notify-active__hint{color:#9ca3af}.wl-notify-cancel{align-self:flex-start;min-height:2rem;padding-block:.25rem;font-size:.875rem;color:#6b7280;text-decoration:underline;text-underline-offset:4px;transition:color .15s ease-out}.wl-notify-cancel:hover{color:#ef4444}.dark .wl-notify-cancel{color:#9ca3af}.dark .wl-notify-cancel:hover{color:#f87171}.wl-notify-cancel[aria-busy=true]{cursor:progress;opacity:.7}@media (prefers-reduced-motion:reduce){.wl-like svg,.wl-notify-cancel{transition:none}.wl-like:active svg{transform:none}}