.rs-button{--_bg: var(--surface-primary);--_bg-hover: var(--surface-secondary);--_text: var(--text-primary);--_text-hover: var(--text-primary);--_border: transparent;--_border-hover: transparent;--_shadow: none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:1px solid var(--_border);font-family:var(--font-sans);font-weight:600;line-height:1;text-align:center;text-decoration:none;color:var(--_text);background:var(--_bg);box-shadow:var(--_shadow);cursor:pointer;user-select:none;-webkit-user-select:none;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.rs-button:hover{color:var(--_text-hover);background:var(--_bg-hover);border-color:var(--_border-hover)}.rs-button:active{transform:scale(.98)}.rs-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.rs-button--sm{min-block-size:2.75rem;padding-block:var(--spacing-1);padding-inline:var(--spacing-4);font-size:.875rem;gap:var(--spacing-1)}.rs-button--md{min-height:2.75rem;padding-block:var(--spacing-2);padding-inline:var(--spacing-6);font-size:.9375rem;gap:var(--spacing-2)}.rs-button--lg{min-height:3.5rem;padding-block:var(--spacing-4);padding-inline:var(--spacing-8);font-size:1.0625rem;gap:var(--spacing-3)}.rs-button--pill{border-radius:var(--radius-full)}.rs-button--rounded{border-radius:var(--radius-xl)}.rs-button--default{border-radius:var(--radius-lg)}.rs-button--subtle{border-radius:var(--radius-md)}.rs-button--square{border-radius:0}.rs-button--primary{--_text: var(--text-on-brand);--_text-hover: var(--text-on-brand);--_shadow: 0 1px 3px 0 color-mix(in oklch, var(--color-neutral-950) 10%, transparent), 0 1px 2px -1px color-mix(in oklch, var(--color-neutral-950) 10%, transparent);--_bg: linear-gradient( to bottom right, var(--color-primary-700), var(--color-primary-800) );--_bg-hover: linear-gradient( to bottom right, var(--color-primary-700), var(--color-accent-800) )}.rs-button--primary:hover{--_shadow: 0 4px 6px -1px color-mix(in oklch, var(--color-neutral-950) 10%, transparent), 0 2px 4px -2px color-mix(in oklch, var(--color-neutral-950) 10%, transparent)}.rs-button--secondary{--_bg: var(--surface-primary);--_bg-hover: var(--surface-primary);--_text: var(--text-primary);--_text-hover: var(--text-accent);--_border: var(--border-strong);--_border-hover: var(--border-brand)}.rs-button--secondary:active{background:var(--surface-secondary)}.rs-button--ghost{--_bg: var(--surface-ghost);--_bg-hover: var(--color-primary-50);--_text: var(--color-primary-700);--_text-hover: var(--color-primary-700)}.dark .rs-button--ghost{--_bg: var(--surface-ghost);--_bg-hover: var(--color-primary-950);--_text: var(--color-primary-100);--_text-hover: var(--color-primary-50)}.rs-button--ghost:active{background:var(--color-primary-100)}.dark .rs-button--ghost:active{background:var(--color-primary-900)}.rs-button--inverted{--_bg: var(--text-on-brand);--_bg-hover: var(--color-primary-50);--_text: var(--color-primary-800);--_text-hover: var(--color-primary-900);--_shadow: 0 2px 4px 0 color-mix(in oklch, var(--color-neutral-950) 15%, transparent)}.rs-button--inverted:hover{--_shadow: 0 4px 6px -1px color-mix(in oklch, var(--color-neutral-950) 10%, transparent), 0 2px 4px -2px color-mix(in oklch, var(--color-neutral-950) 10%, transparent);transform:translateY(-2px)}.rs-button--inverted:active{background:var(--color-primary-100);transform:translateY(0);--_shadow: none}.rs-button--inverted-outline{--_bg: color-mix(in oklch, var(--text-on-brand) 5%, transparent);--_bg-hover: color-mix(in oklch, var(--text-on-brand) 15%, transparent);--_text: var(--text-on-brand);--_text-hover: var(--text-on-brand);--_border: color-mix(in oklch, var(--text-on-brand) 50%, transparent);--_border-hover: color-mix(in oklch, var(--text-on-brand) 80%, transparent)}.rs-button--inverted-outline:active{background:color-mix(in oklch,var(--text-on-brand) 15%,transparent)}@property --_beam-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.rs-button--primary{isolation:isolate}.rs-button--primary:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--_beam-angle) at 50% 50%,var(--gradient-beam) 0deg,var(--color-accent-500) 40deg,transparent 80deg,transparent 360deg);-webkit-mask:linear-gradient(var(--text-on-brand) 0 0) content-box,linear-gradient(var(--text-on-brand) 0 0);mask:linear-gradient(var(--text-on-brand) 0 0) content-box,linear-gradient(var(--text-on-brand) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--duration-normal) var(--ease-standard)}.dark .rs-button--primary:before{background:conic-gradient(from var(--_beam-angle) at 50% 50%,var(--gradient-beam) 0deg,var(--color-accent-400) 40deg,transparent 80deg,transparent 360deg)}.rs-button--primary:hover:before,.rs-button--primary:focus-visible:before{opacity:1;animation:rs-beam-orbit 3s linear infinite}.rs-button--primary:active:before{opacity:1;animation:none;background:conic-gradient(from 0deg at 50% 50%,var(--gradient-beam) 0deg,var(--color-accent-500) 360deg)}@keyframes rs-beam-orbit{0%{--_beam-angle: 0deg}to{--_beam-angle: 360deg}}@property --_inner-beam-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.rs-button--beam-inner:after{--_beam-glow: color-mix(in oklch, var(--color-primary-950) 45%, transparent);--_beam-glow-soft: color-mix(in oklch, var(--color-primary-950) 15%, transparent);content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--_inner-beam-angle) at 50% 50%,transparent 0deg,var(--_beam-glow-soft) 20deg,var(--_beam-glow) 40deg,var(--_beam-glow-soft) 60deg,transparent 80deg,transparent 360deg);-webkit-mask:linear-gradient(var(--text-on-brand) 0 0) content-box,linear-gradient(var(--text-on-brand) 0 0);mask:linear-gradient(var(--text-on-brand) 0 0) content-box,linear-gradient(var(--text-on-brand) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rs-inner-beam-orbit 4s linear infinite;pointer-events:none;z-index:1;opacity:1;transition:opacity var(--duration-normal) var(--ease-standard)}.dark .rs-button--beam-inner:after{--_beam-glow: color-mix(in oklch, var(--text-on-brand) 75%, transparent);--_beam-glow-soft: color-mix(in oklch, var(--text-on-brand) 35%, transparent)}.rs-button--beam-inner:hover:after,.rs-button--beam-inner:focus-visible:after{opacity:0}@keyframes rs-inner-beam-orbit{0%{--_inner-beam-angle: 0deg}to{--_inner-beam-angle: 360deg}}@media(prefers-reduced-motion:reduce){.rs-button--primary:before,.rs-button--beam-inner:after{display:none}}.rs-button--disabled,.rs-button[disabled],.rs-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.rs-button__icon{width:1.125em;height:1.125em;flex-shrink:0}.rs-button--sm .rs-button__icon{width:.875rem;height:.875rem}.rs-button--md .rs-button__icon{width:1rem;height:1rem}.rs-button--lg .rs-button__icon{width:1.25rem;height:1.25rem}[dir=rtl] .rs-button__icon--flip{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.rs-button{transition:none}.rs-button:active,.rs-button--inverted:hover{transform:none}}
