@layer components{:root{--ink-enso:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M33.6 7.4 L35.4 8.6 L37.1 9.9 L38.6 11.5 L39.9 13.2 L41.1 15.0 L42.0 17.0 L42.6 19.1 L43.0 21.2 L43.2 23.4 L43.1 25.5 L42.7 27.7 L42.1 29.7 L41.3 31.7 L40.2 33.5 L39.0 35.2 L37.5 36.8 L35.9 38.1 L34.2 39.3 L32.4 40.3 L30.5 41.0 L28.5 41.5 L26.5 41.8 L24.5 41.9 L22.5 41.7 L20.5 41.3 L18.6 40.7 L16.8 39.9 L15.1 39.0 L13.5 37.8 L12.1 36.5 L10.8 35.0 L9.7 33.4 L8.8 31.7 L8.0 29.9 L7.5 28.1 L7.2 26.2 L7.1 24.3 L7.3 22.4 L7.6 20.6 L8.1 18.7 L8.9 17.0 L9.8 15.4 L10.9 13.9 L12.1 12.5 L13.5 11.2 L15.0 10.2 L16.7 9.3 L18.4 8.6 L18.6 9.0 L16.9 9.8 L15.5 10.8 L14.1 11.9 L12.8 13.2 L11.8 14.5 L10.8 16.0 L10.1 17.6 L9.5 19.2 L9.1 20.9 L8.9 22.6 L8.8 24.3 L9.0 26.0 L9.3 27.7 L9.8 29.3 L10.5 30.8 L11.4 32.3 L12.4 33.7 L13.5 35.0 L14.8 36.1 L16.2 37.1 L17.7 37.9 L19.3 38.5 L21.0 39.0 L22.7 39.2 L24.4 39.3 L26.1 39.1 L27.8 38.8 L29.4 38.3 L31.0 37.6 L32.5 36.7 L33.8 35.6 L35.0 34.4 L36.1 33.1 L37.0 31.6 L37.7 30.1 L38.3 28.5 L38.6 26.9 L38.8 25.2 L38.8 23.5 L38.6 21.9 L38.2 20.2 L37.7 18.7 L36.9 17.2 L36.1 15.8 L35.0 14.5 L33.9 13.4 L32.6 12.4 L31.2 11.5Z'/%3E%3C/svg%3E")}.ink-frame{position:relative}.ink-frame:before,.ink-frame:after{content:"";pointer-events:none;opacity:0;visibility:hidden;transition:opacity .42s var(--ease-soft,cubic-bezier(.33, 1, .68, 1)), visibility 0s linear .42s;position:absolute}.ink-frame:before{background:radial-gradient(ellipse 70% 60% at 50% 55%, color-mix(in srgb, var(--fg) 9%, transparent), transparent);inset:0}.ink-frame:after{background-color:var(--fg-muted);width:2.5rem;height:2.5rem;-webkit-mask:var(--ink-enso) center / contain no-repeat;-webkit-mask:var(--ink-enso) center / contain no-repeat;mask:var(--ink-enso) center / contain no-repeat;margin:-1.25rem 0 0 -1.25rem;top:50%;left:50%}.ink-frame:has(>.ink-img:not([data-loaded=true])):before{opacity:1;visibility:visible;transition:opacity .5s var(--ease-soft,cubic-bezier(.33, 1, .68, 1)) .15s, visibility 0s}.ink-frame:has(>.ink-img:not([data-loaded=true])):after{opacity:1;visibility:visible;transition:opacity .5s var(--ease-soft,cubic-bezier(.33, 1, .68, 1)) .15s, visibility 0s}.ink-frame:has(>.ink-img:not([data-loaded=true])):after{opacity:.72;animation:3.2s linear infinite ink-enso}.ink-frame>.ink-img{transition:opacity .7s var(--ease-soft,cubic-bezier(.33, 1, .68, 1))}.ink-frame>.ink-img:not([data-loaded=true]){opacity:0}@keyframes ink-enso{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ink-frame:has(>.ink-img:not([data-loaded=true])):after{animation:none}}}
