@layer components{.RButton{--shadow-soft:0 1px 2px 0 #0000000d;box-sizing:border-box;gap:var(--Button-icon-gap);height:var(--Button-height);padding-inline:var(--Button-padding-inline);border-radius:var(--Button-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);background-color:var(--bg-color);font-family:inherit;font-size:var(--Button-font-size);font-variant-numeric:tabular-nums;color:var(--text-color);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;font-weight:500;line-height:1.5rem;transition:transform .12s,background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}@media (hover:hover){.RButton:hover:not([data-disabled]){background-color:var(--bg-color-hover)}}.RButton:active:where(:not([data-disabled],[aria-haspopup])){transform:translateY(1px)}.RButton:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 22%, transparent);outline:none}.RButton[data-disabled]{cursor:not-allowed;color:color-mix(in oklab, var(--muted-foreground) 60%, transparent);background-color:var(--muted)}.RButton .RButton_icon svg{width:var(--Button-icon-size);height:var(--Button-icon-size)}.RButton .RButton_label{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex-grow:1;line-height:1.2;overflow:hidden}.RButton .RButton_loader{justify-content:center;align-items:center;display:flex;position:absolute}.RButton .RButton_trailing{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.RButton .RButton_trailing svg{width:12px;height:12px}.RButton--Label[data-loading] .RButton_label{visibility:hidden}.RButton--Label .RButton_loader svg{width:16px;height:16px}.RButton--IconStart{padding-inline-start:calc(var(--Button-padding-inline) - var(--Button-icon-gap))}.RButton--IconEnd{padding-inline-end:calc(var(--Button-padding-inline) - var(--Button-icon-gap))}.RButton--IconRounded{padding-inline:calc(var(--Button-padding-inline) - var(--Button-icon-gap))}.RButton--Input .RButton_label{text-align:start}.RButton--Icon{width:var(--Button-height);padding-inline:0;position:relative}.RButton_badge{z-index:10;background-color:var(--r-gray-1100);min-width:16px;height:16px;color:var(--r-gray-50);border-radius:999px;justify-content:center;align-items:center;padding-inline:4px;font-size:10px;font-weight:600;line-height:16px;display:inline-flex;position:absolute;inset-block-start:-5px;inset-inline-end:-5px}.RButton--Size-medium{--Button-font-size:14px;--Button-height:34px;--Button-radius:var(--radius);--Button-icon-gap:6px;--Button-icon-size:16px;--Button-padding-inline:12px}.RButton--Size-small{--Button-font-size:13px;--Button-height:28px;--Button-radius:calc(var(--radius) - 2px);--Button-icon-gap:4px;--Button-icon-size:14px;--Button-padding-inline:10px}.RButton--Size-xsmall{--Button-font-size:11px;--Button-height:24px;--Button-radius:calc(var(--radius) - 2px);--Button-icon-gap:4px;--Button-icon-size:14px;--Button-padding-inline:8px}.RButton--Size-xxsmall{--Button-font-size:9px;--Button-height:20px;--Button-radius:calc(var(--radius) - 4px);--Button-icon-gap:4px;--Button-icon-size:12px;--Button-padding-inline:6px}.RButton--Variant-default{--border-color:var(--border);--text-color:var(--foreground);--bg-color:var(--background);--bg-color-hover:var(--muted)}.RButton--Variant-ghost{--border-color:transparent;--text-color:var(--foreground);--bg-color:transparent;--bg-color-hover:var(--muted);box-shadow:none}.RButton--Variant-filled{--border-color:transparent;--text-color:var(--background);--bg-color:var(--foreground);--bg-color-hover:color-mix(in oklab, var(--foreground) 86%, white)}.RButton--Variant-blue{--border-color:color-mix(in oklab, var(--primary) 25%, transparent);--text-color:var(--accent-foreground);--bg-color:var(--accent);--bg-color-hover:color-mix(in oklab, var(--accent) 88%, var(--primary))}.RButton--Variant-blue-ghost{--border-color:transparent;--text-color:var(--accent-foreground);--bg-color:transparent;--bg-color-hover:var(--accent);box-shadow:none}.RButton--Variant-blue-filled{--border-color:transparent;--text-color:var(--primary-foreground);--bg-color:var(--primary);--bg-color-hover:color-mix(in oklab, var(--primary) 88%, black)}.RButton--Variant-green{--border-color:var(--success-border);--text-color:var(--success-foreground);--bg-color:var(--success);--bg-color-hover:color-mix(in oklab, var(--success) 92%, var(--success-foreground))}.RButton--Variant-green-ghost{--border-color:transparent;--text-color:var(--success-foreground);--bg-color:transparent;--bg-color-hover:var(--success);box-shadow:none}.RButton--Variant-green-filled{--border-color:transparent;--text-color:#fff;--bg-color:var(--success-foreground);--bg-color-hover:color-mix(in oklab, var(--success-foreground) 88%, black)}.RButton--Variant-yellow{--border-color:var(--warning-border);--text-color:var(--warning-foreground);--bg-color:var(--warning);--bg-color-hover:color-mix(in oklab, var(--warning) 92%, var(--warning-foreground))}.RButton--Variant-yellow-ghost{--border-color:transparent;--text-color:var(--warning-foreground);--bg-color:transparent;--bg-color-hover:var(--warning);box-shadow:none}.RButton--Variant-yellow-filled{--border-color:transparent;--text-color:#fff;--bg-color:var(--warning-foreground);--bg-color-hover:color-mix(in oklab, var(--warning-foreground) 88%, black)}.RButton--Variant-red{--border-color:var(--danger-border);--text-color:var(--danger-foreground);--bg-color:var(--danger);--bg-color-hover:color-mix(in oklab, var(--danger) 92%, var(--danger-foreground))}.RButton--Variant-red-ghost{--border-color:transparent;--text-color:var(--danger-foreground);--bg-color:transparent;--bg-color-hover:var(--danger);box-shadow:none}.RButton--Variant-red-filled{--border-color:transparent;--text-color:#fff;--bg-color:var(--danger-foreground);--bg-color-hover:color-mix(in oklab, var(--danger-foreground) 88%, black)}}