@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)}.RInputGroup{--input-color:var(--foreground);--text-color:var(--muted-foreground);--border-color:var(--border);--Input-padding-inline-start:var(--Input-padding-inline);--Input-padding-inline-end:var(--Input-padding-inline);height:var(--Input-height);border-radius:var(--Input-radius);border:1px solid var(--border-color);background-color:var(--background);color:var(--text-color);font-family:inherit;font-size:var(--Input-font-size);align-items:center;font-weight:400;line-height:1.5rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0000000a}@media (hover:hover){.RInputGroup:hover:not([data-disabled],:has(.RInputGroupInput:focus-visible)){border-color:color-mix(in oklab, var(--border) 60%, var(--muted-foreground))}}.RInputGroup[data-disabled]{--border-color:var(--border);--text-color:var(--muted-foreground);--input-color:var(--muted-foreground);cursor:not-allowed;background-color:var(--muted);box-shadow:none}.RInputGroup:has(.RInputGroupInput[data-disabled]){--border-color:var(--border);--text-color:var(--muted-foreground);--input-color:var(--muted-foreground);cursor:not-allowed;background-color:var(--muted);box-shadow:none}.RInputGroup .RInputGroupInput{outline:none;flex:1;height:100%}.RInputGroup .RInputGroupInput::placeholder{color:var(--muted-foreground)}.RInputGroup:has(.RInputGroupInput:focus-visible){border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 20%, transparent)}.RInputGroup:has(.RInputGroupAddon[data-align=start]){--Input-padding-inline-start:calc(var(--Input-padding-inline) - var(--Input-gap))}.RInputGroup:has(.RInputGroupAddon[data-align=end]){--Input-padding-inline-end:calc(var(--Input-padding-inline) - var(--Input-gap))}.RInputGroup svg{width:var(--Input-icon-size);height:var(--Input-icon-size)}.RInputGroup--Size-medium{--Input-font-size:14px;--Input-height:36px;--Input-radius:var(--radius);--Input-padding-inline:12px;--Input-gap:4px;--Input-icon-size:16px}.RInputGroup--Size-small{--Input-font-size:13px;--Input-height:30px;--Input-radius:calc(var(--radius) - 2px);--Input-padding-inline:10px;--Input-gap:4px;--Input-icon-size:14px}.RInputGroupInput{min-width:40px;height:100%;color:var(--input-color);text-align:start;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;outline:none;flex-grow:1;flex-shrink:1;padding-inline-start:var(--Input-padding-inline-start);padding-inline-end:var(--Input-padding-inline-end);overflow:hidden}.RInputGroupAddon{align-items:center;height:100%;display:flex}.RInputGroupAddon[data-align=start]{order:-1;padding-inline-start:var(--Input-gap)}.RInputGroupAddon[data-align=end]{order:1;padding-inline-end:var(--Input-gap)}.RInputGroupTrailing{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.RInputGroupTrailing svg{width:14px;height:14px}.RTooltipPopup{--r-border-color:var(--r-gray-300);--r-border:0 0 0 1px var(--r-border-color);background-color:var(--r-white);transform-origin:var(--transform-origin);border-radius:6px;flex-direction:column;padding-block:6px;padding-inline:10px;font-size:14px;line-height:1.2;transition:transform .15s,opacity .15s;display:flex}.RTooltipPopup[data-starting-style],.RTooltipPopup[data-ending-style]{opacity:0;transform:scale(.9)}.RTooltipPopup[data-instant]{transition:none}.RTooltipPopup{box-shadow:var(--r-border), 0 10px 15px -3px var(--r-gray-200), 0 4px 6px -4px var(--r-gray-200)}.RTooltipArrow{display:flex}.RTooltipArrow[data-side=top]{bottom:-7px;rotate:180deg}.RTooltipArrow[data-side=bottom]{top:-7px;rotate:0deg}.RTooltipArrow[data-side=left]{right:-13px;rotate:90deg}.RTooltipArrow[data-side=right]{left:-13px;rotate:-90deg}.RTooltipArrowFill{fill:var(--r-white)}@media (prefers-color-scheme:light){.RTooltipArrowOuterStroke{fill:var(--r-gray-300)}}@media (prefers-color-scheme:dark){.RTooltipArrowInnerStroke{fill:var(--r-gray-300)}}.RPopoverPositioner{min-width:var(--anchor-width);max-width:var(--available-width);outline:none}.RPopoverPopup{max-height:min(var(--available-height), 24rem);background-color:var(--popover);border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);transform-origin:var(--transform-origin);background-clip:padding-box;transition:transform .15s,opacity .15s;overflow:hidden auto;box-shadow:0 10px 24px -6px #0000001f,0 2px 6px -2px #00000014}.RPopoverPopup[data-starting-style],.RPopoverPopup[data-ending-style]{opacity:0;transform:scale(.9)}.RPopoverPopup[data-side=none]{opacity:1;min-width:calc(var(--anchor-width) + 1rem);transition:none;transform:none}}.RPopoverBackdrop{opacity:1;background:#0000004d;transition:opacity .15s;position:fixed;inset:0}.RPopoverBackdrop[data-starting-style],.RPopoverBackdrop[data-ending-style]{opacity:0}
