@layer theme,base;@layer components{.ui-button-btn{--h:44px;isolation:isolate;min-height:var(--h);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-micro) var(--ease-smooth-out), background-color var(--duration-fast) var(--ease-smooth-out), box-shadow var(--duration-fast) var(--ease-smooth-out), color var(--duration-fast) var(--ease-smooth-out);border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.ui-button-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-button-btn:active:not([aria-disabled=true]):not(:disabled){transform:scale(var(--scale-small))}.ui-button-sm{--h:40px;padding:0 18px;font-size:14.5px}.ui-button-sm:after{content:"";position:absolute;inset:-2px 0}.ui-button-lg{--h:52px;padding:0 28px;font-size:16px}.ui-button-full{width:100%}.ui-button-label{transition:transform var(--duration-fast) var(--ease-smooth-out);align-items:center;gap:10px;display:inline-flex;position:relative}.ui-button-icon{flex:none;display:inline-flex}.ui-button-icon>svg{width:18px;height:18px}.ui-button-arrow-slot{transition:transform var(--duration-fast) var(--ease-smooth-out);flex:none;display:inline-flex}.ui-button-btn:hover .ui-button-arrow-slot,.ui-button-btn:focus-visible .ui-button-arrow-slot{transform:translate(2px)}.ui-button-primary{background:var(--color-ink);color:var(--color-on-ink);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-paper);overflow:hidden}.ui-button-primary:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-brand);clip-path:inset(0 100% 0 0 round 9999px);transition:clip-path var(--duration-fast) var(--ease-smooth-out);position:absolute;inset:0}.ui-button-primary:hover:before,.ui-button-primary:focus-visible:before{clip-path:inset(0 round 9999px)}.ui-button-primary:active:before{background:var(--color-brand-press)}.ui-button-secondary{color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink);background:0 0}.ui-button-secondary:hover{background:#1b23400f;transform:translateY(-1px)}.ui-button-ghost,.ui-button-link-arrow{min-height:var(--spacing-tap);background:linear-gradient(var(--color-gilt), var(--color-gilt)) 0 calc(100% - 10px) / 100% 1px no-repeat;color:var(--color-ink);transition:color var(--duration-fast) var(--ease-smooth-out), background-size var(--duration-fast) var(--ease-smooth-out);border-radius:2px;gap:8px;padding:0}.ui-button-ghost:hover{color:var(--color-brand);background-image:linear-gradient(var(--color-brand), var(--color-brand));background-size:100% 2px}.ui-button-link-arrow{background-position:0 calc(100% - 9px);background-size:calc(100% - 24px) 1px;justify-content:flex-start}.ui-button-link-arrow:hover{color:var(--color-brand)}.ui-button-ghost.ui-button-sm:after,.ui-button-link-arrow.ui-button-sm:after{content:none}.ui-button-on-dark{background:var(--color-butter);color:var(--color-ink)}.ui-button-on-dark:hover{background:var(--color-blush)}.ui-button-on-dark-outline{color:var(--color-on-ink);box-shadow:inset 0 0 0 1.5px var(--color-on-ink);background:0 0}.ui-button-on-dark-outline:hover{background:#fbf6ee14}.ui-button-on-dark:focus-visible,.ui-button-on-dark-outline:focus-visible{outline-color:var(--color-focus-on-ink)}.ui-button-destructive{background:var(--color-danger);color:var(--color-on-brand)}.ui-button-destructive:hover{background:color-mix(in oklab, var(--color-danger) 85%, var(--color-ink))}.ui-button-btn:disabled,.ui-button-btn[aria-disabled=true]{cursor:not-allowed;background:var(--color-paper-sunken);color:var(--color-ink-faint);box-shadow:inset 0 0 0 1px var(--color-line-strong);transform:none}.ui-button-btn:disabled:before,.ui-button-btn[aria-disabled=true]:before{content:none}.ui-button-ghost:disabled,.ui-button-ghost[aria-disabled=true],.ui-button-link-arrow:disabled,.ui-button-link-arrow[aria-disabled=true]{background:linear-gradient(var(--color-line-strong), var(--color-line-strong)) 0 calc(100% - 10px) / 100% 1px no-repeat;box-shadow:none}.ui-button-btn[aria-disabled=true]:hover .ui-button-arrow-slot,.ui-button-btn:disabled:hover .ui-button-arrow-slot{transform:none}.ui-button-loading{cursor:progress}.ui-button-indicator{flex:none;display:inline-flex}.ui-button-v5{--h:52px;padding:0 26px;font-size:16px;font-weight:650}.ui-button-v5-sm{--h:44px;font-size:var(--text-v5-s);padding:0 18px;font-weight:650}.ui-button-v5,.ui-button-v5-sm{white-space:normal;text-align:center;padding-block:6px;line-height:1.2}.ui-button-v5:focus-visible,.ui-button-v5-sm:focus-visible{outline-offset:3px;outline-width:3px}.ui-button-cta{background-color:var(--color-cta);background-image:var(--gradient-cta);color:var(--color-on-brand);transition:transform var(--duration-v5-base) var(--ease-out-expo), box-shadow var(--duration-v5-base) var(--ease-out-expo);overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 12px 26px -12px #a3361099}.ui-button-cta:after{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:transform .6s var(--ease-out-expo), opacity var(--duration-v5-base);background:linear-gradient(120deg,#0000 30%,#ffffff1a 50%,#0000 70%);position:absolute;inset:0;transform:translate(-30%)}.ui-button-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff40,0 18px 32px -12px #a3361099}.ui-button-cta:hover:after{opacity:1;transform:translate(30%)}.ui-button-glass{color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink), 0 10px 24px -14px #1b234040;-webkit-backdrop-filter:blur(6px);background:#ffffffb8}.ui-button-glass:hover{background:var(--color-ink);color:var(--color-on-dark)}.ui-button-sun{background:var(--color-sunflower);color:var(--color-ink);box-shadow:0 12px 26px -12px #00000073}.ui-button-sun:hover{transform:translateY(-2px)}.ui-button-outline-light{color:var(--color-on-dark);background:0 0;box-shadow:inset 0 0 0 1.5px #fffbf3d9}.ui-button-outline-light:hover{background:var(--color-on-dark);color:var(--color-ink)}.ui-button-sun:focus-visible,.ui-button-outline-light:focus-visible{outline-color:var(--color-focus-on-ink)}}@layer utilities;@media (prefers-reduced-motion:reduce){.ui-button-cta:after{transition:none}.ui-button-cta:hover,.ui-button-sun:hover{transform:none}}