.signet{flex-direction:column;align-items:stretch;display:flex;position:relative}.signet-button{isolation:isolate;min-height:44px;padding:var(--space-md) var(--space-lg);font:inherit;font-size:1rem;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-on-ink);background:var(--color-ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;border:none;border-radius:12px;position:relative;overflow:hidden}.signet-button:before{content:"";z-index:0;background:var(--color-paid);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);position:absolute;inset:0}.signet-button:after{content:"";z-index:3;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);background:oklch(100% 0 0);position:absolute;inset:0}.signet-button:active:not(:disabled):not([aria-disabled=true]):not(.signet-processing):not(.signet-paid):after{opacity:var(--overlay-press)}.signet-button:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;border-radius:12px}.signet-button:disabled,.signet-button[aria-disabled=true],.signet-button.processing{cursor:default}.signet-button.paid:before{opacity:1}.signet-button.failed:before{background:var(--color-fail);opacity:1}.signet-fill{z-index:1;opacity:var(--overlay-progress);transform-origin:0;will-change:transform;pointer-events:none;transition:opacity .2s var(--ease-out);background:oklch(100% 0 0);position:absolute;inset:0;transform:scaleX(0)}.signet-paid .signet-fill,.signet-failed .signet-fill{opacity:var(--overlay-progress-end)}.signet-sheen{z-index:2;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);background:linear-gradient(105deg,#0000 0% 36%,oklch(100% 0 0/.18) 50%,#0000 64% 100%);animation:1.45s linear infinite paused signet-sheen;position:absolute;inset:0;transform:translate(-100%)}.signet-processing .signet-sheen{opacity:1;animation-play-state:running}.signet-glint{z-index:3;pointer-events:none;opacity:0;background:oklch(100% 0 0);position:absolute;inset:0}.signet-flash .signet-glint{animation:signet-flash .2s var(--ease-out)}.signet-label{z-index:4;white-space:nowrap;justify-content:center;align-items:center;line-height:1.25rem;display:flex;position:relative;overflow:hidden}.signet-label svg{flex:none}.signet-face{justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}.signet-face[data-swap]{animation:signet-face-in .2s var(--ease-out) both}.signet-face-leave{pointer-events:none;width:100%;animation:signet-face-out .15s var(--ease-out) forwards;display:flex;position:absolute;inset:0}.signet-ring{transform:rotate(-90deg)}.signet-ring-track{fill:none;stroke:oklch(100% 0 0/.25);stroke-width:2.5px}.signet-ring-arc{fill:none;stroke:var(--color-on-ink);stroke-width:2.5px;stroke-linecap:round}.signet-check{fill:none;stroke:var(--color-on-ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-inline-start:1px}.signet-hint{top:calc(100% + var(--space-xs));text-align:center;color:var(--color-muted);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);margin:0;font-size:.85rem;position:absolute;left:0;right:0;transform:translateY(-2px)}.signet-hint[data-visible]{opacity:1;transform:translateY(0)}.signet-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes signet-face-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes signet-face-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes signet-flash{0%{opacity:.42}to{opacity:0}}@keyframes signet-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (hover:hover) and (pointer:fine){.signet-button:hover:not(:disabled):not([aria-disabled=true]):not(.signet-processing):after{opacity:var(--overlay-hover)}}@media (prefers-reduced-motion:reduce){.signet-button:before,.signet-button:after,.signet-fill,.signet-sheen,.signet-hint{transition:none}.signet-face[data-swap],.signet-face-leave,.signet-flash .signet-glint{animation:none}.signet-sheen,.signet-processing .signet-sheen{animation:none;transform:none}.signet-processing .signet-sheen{opacity:.14;background:oklch(100% 0 0/.1)}}.signet-root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-weight-medium:500;--font-weight-semibold:600;--border-hairline:1px;--color-bg:oklch(100% 0 0);--color-ink:oklch(0% 0 0/.9);--color-muted:oklch(0% 0 0/.6);--color-stroke:oklch(0% 0 0/.45);--color-border:oklch(0% 0 0/.1);--color-fill:oklch(0% 0 0/.04);--color-on-ink:oklch(100% 0 0);--overlay-hover:.06;--overlay-press:.12;--overlay-progress:.2;--overlay-progress-end:.12;--color-paid:oklch(32% .03 160);--color-fail:oklch(40% .08 28);--elevation-raised:0 0 0 1px oklch(0% 0 0/.05), 0 1px 3px oklch(0% 0 0/.05), 0 8px 24px -4px oklch(0% 0 0/.06);--ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;justify-content:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-md);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg);color:var(--color-ink);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Geist Variable,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;display:flex;position:relative}@media (resolution>=2x){.signet-root{--border-hairline:.5px}}.signet-root:before{content:"";z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:absolute;inset:0}.signet-root ::selection{color:var(--color-ink);background:oklch(0% 0 0/.12)}.signet-card,.signet-controls{width:100%;max-width:24rem;margin-inline:auto}.signet-card{gap:var(--space-lg);padding:var(--space-lg) var(--space-lg) var(--space-xl);background:var(--color-bg);box-shadow:var(--elevation-raised);border-radius:16px;flex-direction:column;display:flex}.signet-lines{gap:var(--space-sm);flex-direction:column;display:flex}.signet-item{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.signet-item-price{font-variant-numeric:tabular-nums;color:var(--color-muted)}.signet-total{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-hairline) solid var(--color-border);font-weight:var(--font-weight-semibold);display:flex}.signet-total-price{font-variant-numeric:tabular-nums}.signet-payment{align-items:center;gap:var(--space-sm);font-size:.9rem;display:flex}.signet-card-icon{pointer-events:none;-webkit-user-select:none;user-select:none;flex:none}.signet-card-icon rect{fill:none;stroke:var(--color-stroke)}.signet-card-icon circle{fill:var(--color-muted)}.signet-card-icon circle:last-of-type{fill:var(--color-stroke)}.signet-payment-saved{padding:2px var(--space-sm);letter-spacing:.02em;color:var(--color-muted);border:var(--border-hairline) solid var(--color-border);border-radius:999px;margin-left:auto;font-size:.75rem}.signet-controls{justify-items:start;gap:var(--space-md);display:grid}.signet-control-group{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.signet-modes{border:none;margin:0;padding:0}.signet-modes-legend{margin-bottom:var(--space-xs);letter-spacing:.01em;color:var(--color-muted);padding:0;font-size:.8rem}.signet-switcher{--switcher-inset:3px;--switcher-cols:3;isolation:isolate;grid-template-columns:repeat(var(--switcher-cols), minmax(44px, 1fr));padding:var(--switcher-inset);background:var(--color-fill);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:10px;display:grid;position:relative}.signet-thumb{z-index:0;top:var(--switcher-inset);bottom:var(--switcher-inset);left:var(--switcher-inset);width:calc((100% - 2 * var(--switcher-inset)) / var(--switcher-cols));background:var(--color-bg);pointer-events:none;will-change:transform;border-radius:7px;position:absolute;box-shadow:0 1px 2px oklch(0% 0 0/.1),0 0 0 1px oklch(0% 0 0/.04)}.signet-mode-option{z-index:1;cursor:pointer;min-width:0;display:flex;position:relative}.signet-mode-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.signet-mode-label{width:100%;min-height:44px;font-size:.8rem;font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--color-muted);transition:color .15s var(--ease-out);border-radius:7px;justify-content:center;align-items:center;padding:.25rem .75rem;display:flex}.signet-mode-option:has(:checked) .signet-mode-label{color:var(--color-ink)}.signet-mode-input:focus-visible+.signet-mode-label{outline:3px solid var(--color-ink);outline-offset:2px}.signet-reset{isolation:isolate;min-width:44px;min-height:44px;padding:0 var(--space-md);border:1px solid var(--color-stroke);font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;transition:opacity .15s var(--ease-out), scale .15s var(--ease-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex;position:relative}.signet-reset:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);background:oklch(0% 0 0);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.signet-mode-option:hover .signet-mode-label{color:var(--color-ink)}.signet-reset:hover:not(:disabled):before{opacity:.04}}.signet-reset:active:not(:disabled){scale:.96}.signet-reset:active:not(:disabled):before{opacity:.1}.signet-reset:disabled{opacity:.4;cursor:default}.signet-reset:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){.signet-mode-label,.signet-reset,.signet-reset:before{transition:none}.signet-reset:active:not(:disabled){scale:1}}