@layer properties,theme,base;@layer components{.pewter.svelte-148xen9{--sec-coin:min(2.6rem, 52px);--sec-rim:40%;--sec-edge:var(--sec-mid);--sec-drop:0 10px 20px -14px #000000e6;--sec-spark:color-mix(in srgb, var(--sec-hi) 90%, transparent);--sec-plate:linear-gradient(color-mix(in srgb, var(--sec-mid) 16%, var(--color-stone)), color-mix(in srgb, var(--color-void) 45%, var(--color-stone)));min-width:11rem;min-height:3.6rem;color:var(--color-parchment);font-family:var(--font-ui);font-size:1.0625rem;font-weight:var(--ui-weight,400);letter-spacing:var(--ui-tracking,normal);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(100deg, transparent 43%, color-mix(in srgb, var(--sec-hi) 16%, transparent) 48.5%, transparent 53.5%) 100% 0 / 300% 100% no-repeat, repeating-linear-gradient(115deg, color-mix(in srgb, var(--sec-hi) 4%, transparent) 0 2px, transparent 2px 7px), var(--sec-plate);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sec-edge) var(--sec-rim), transparent), var(--sec-drop);border-radius:999px;align-items:center;gap:.6rem;padding:.3rem 1.15rem .3rem .3rem;line-height:1.05;transition:background-position .75s,box-shadow .2s,translate .15s;display:inline-flex}.pewter.md.svelte-148xen9{--sec-coin:min(2.2rem, 44px);min-height:3rem;font-size:1rem}.pewter.svelte-148xen9:hover{--sec-rim:72%;background-position:0 0;translate:0 -1px}.pewter.svelte-148xen9:active{--sec-rim:50%;translate:0}.pewter.svelte-148xen9:disabled{opacity:.55;cursor:default;pointer-events:none}.pewter.svelte-148xen9:focus-visible{outline:2px solid color-mix(in srgb, var(--color-parchment) 80%, transparent);outline-offset:3px}html[data-theme=heirloom] .pewter.svelte-148xen9{--sec-spark:transparent;--sec-plate:linear-gradient(color-mix(in srgb, var(--sec-deep) 40%, var(--color-void)), var(--color-void))}html:is([data-theme=sakura],[data-theme=grimoire]) .pewter.svelte-148xen9{--sec-edge:var(--sec-deep);--sec-drop:0 8px 18px -14px var(--sec-deep);--sec-plate:linear-gradient(var(--color-crypt), color-mix(in srgb, var(--sec-mid) 14%, var(--color-crypt)))}html[data-art=pixel] .pewter.svelte-148xen9{--sec-rim:100%;--sec-edge:color-mix(in srgb, var(--sec-mid) 70%, black);--sec-drop:0 4px 0 #000;--sec-plate:linear-gradient(color-mix(in srgb, var(--sec-mid) 20%, var(--color-stone)) 50%, color-mix(in srgb, var(--sec-mid) 10%, var(--color-stone)) 50%);box-shadow:inset 0 0 0 2px var(--sec-edge), var(--sec-drop);border-radius:0}html[data-art=pixel] .pewter.svelte-148xen9:hover{--sec-edge:var(--sec-mid);translate:0}html[data-art=pixel] .pewter.svelte-148xen9:active{--sec-drop:0 1px 0 #000;translate:0 3px}}@layer utilities;.pcoin.svelte-148xen9{width:var(--sec-coin);height:var(--sec-coin);color:var(--sec-ink);background:radial-gradient(circle at 33% 27%, var(--sec-spark) 0 6%, transparent 7%), radial-gradient(circle, transparent 60%, color-mix(in srgb, var(--sec-deep) 80%, black) 61% 64%, transparent 65%), conic-gradient(from 25deg, var(--sec-hi), var(--sec-mid) 18%, var(--sec-deep) 32%, var(--sec-mid) 45%, var(--sec-hi) 58%, var(--sec-mid) 72%, var(--sec-deep) 86%, var(--sec-hi));box-shadow:0 0 0 2px color-mix(in srgb, var(--sec-deep) 70%, black), 0 3px 8px -2px #0009;border-radius:50%;flex:none;place-items:center;transition:transform .45s cubic-bezier(.2,1.4,.4,1);display:grid}.pcoin.svelte-148xen9 .art-sprite{width:50%;height:50%;color:inherit;stroke-width:2.4px}.pewter.svelte-148xen9:hover .pcoin:where(.svelte-148xen9){transform:rotate(-20deg)scale(1.06)}.pewter.svelte-148xen9:active .pcoin:where(.svelte-148xen9){transform:scale(.9)}html:is([data-theme=sakura],[data-theme=grimoire]) .pcoin.svelte-148xen9{box-shadow:0 0 0 2px var(--sec-deep), 0 3px 8px -4px var(--sec-deep)}html[data-art=pixel] .pcoin.svelte-148xen9{clip-path:polygon(30% 0,70% 0,70% 10%,90% 10%,90% 30%,100% 30%,100% 70%,90% 70%,90% 90%,70% 90%,70% 100%,30% 100%,30% 90%,10% 90%,10% 70%,0 70%,0 30%,10% 30%,10% 10%,30% 10%);background:var(--sec-mid);box-shadow:inset 4px 4px 0 var(--sec-hi), inset -4px -4px 0 var(--sec-deep);border-radius:0}html[data-art=pixel] .pewter.svelte-148xen9:is(:where(.svelte-148xen9):hover,:where(.svelte-148xen9):active) .pcoin:where(.svelte-148xen9){transform:translateY(-2px)}@media (width<40rem){.pewter.svelte-148xen9{min-width:0}}@media (prefers-reduced-motion:reduce){.pewter.svelte-148xen9,.pcoin.svelte-148xen9{transition:none}}
