:root{--rpgn-duration: .12s;--rpgn-ease: cubic-bezier(.4, 0, .2, 1);--rpgn-spring: cubic-bezier(.34, 1.56, .64, 1);--rpgn-gap: 2px;--rpgn-size-sm: 28px;--rpgn-fs-sm: .8125rem;--rpgn-radius-sm: 5px;--rpgn-size-md: 36px;--rpgn-fs-md: .875rem;--rpgn-radius-md: 8px;--rpgn-size-lg: 44px;--rpgn-fs-lg: 1rem;--rpgn-radius-lg: 10px;--rpgn-bg: transparent;--rpgn-fg: #3f3f46;--rpgn-border: #d4d4d8;--rpgn-hover-bg: #f4f4f5;--rpgn-active-bg: #18181b;--rpgn-active-fg: #ffffff;--rpgn-primary-active-bg: #6366f1;--rpgn-primary-active-fg: #ffffff;--rpgn-focus-ring: #6366f1;--rpgn-select-bg: #ffffff;--rpgn-select-border: #d4d4d8;--rpgn-disabled-opacity: .35}[data-theme=dark]{--rpgn-fg: #d4d4d8;--rpgn-border: #3f3f46;--rpgn-hover-bg: #27272a;--rpgn-active-bg: #fafafa;--rpgn-active-fg: #18181b;--rpgn-primary-active-bg: #818cf8;--rpgn-primary-active-fg: #1e1b4b;--rpgn-focus-ring: #818cf8;--rpgn-select-bg: #18181b;--rpgn-select-border: #3f3f46}.rpgn-nav{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-family:inherit}.rpgn-list{display:inline-flex;align-items:center;gap:var(--rpgn-gap);list-style:none;margin:0;padding:0}.rpgn-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;line-height:1;cursor:pointer;user-select:none;white-space:nowrap;border:1px solid transparent;background:var(--rpgn-bg);color:var(--rpgn-fg);transition:background var(--rpgn-duration) var(--rpgn-ease),border-color var(--rpgn-duration) var(--rpgn-ease),color var(--rpgn-duration) var(--rpgn-ease),box-shadow var(--rpgn-duration) var(--rpgn-ease),transform .1s var(--rpgn-spring);outline:none}.rpgn-btn:focus-visible{outline:2px solid var(--rpgn-focus-ring);outline-offset:2px}.rpgn-btn:hover:not([data-disabled=true]):not([data-active=true]){background:var(--rpgn-hover-bg)}.rpgn-btn:active:not([data-disabled=true]){transform:scale(.94)}.rpgn-btn[data-nav=true]{opacity:.65}.rpgn-btn[data-nav=true]:hover:not([data-disabled=true]){opacity:1}.rpgn-btn[data-disabled=true]{opacity:var(--rpgn-disabled-opacity);cursor:not-allowed;pointer-events:none}.rpgn-nav[data-size=sm] .rpgn-btn{width:var(--rpgn-size-sm);height:var(--rpgn-size-sm);font-size:var(--rpgn-fs-sm);border-radius:var(--rpgn-radius-sm);min-width:var(--rpgn-size-sm)}.rpgn-nav[data-size=md] .rpgn-btn{width:var(--rpgn-size-md);height:var(--rpgn-size-md);font-size:var(--rpgn-fs-md);border-radius:var(--rpgn-radius-md);min-width:var(--rpgn-size-md)}.rpgn-nav[data-size=lg] .rpgn-btn{width:var(--rpgn-size-lg);height:var(--rpgn-size-lg);font-size:var(--rpgn-fs-lg);border-radius:var(--rpgn-radius-lg);min-width:var(--rpgn-size-lg)}.rpgn-nav[data-variant=default] .rpgn-btn[data-active=true]{background:var(--rpgn-active-bg);color:var(--rpgn-active-fg);border-color:var(--rpgn-active-bg);box-shadow:0 1px 4px #00000026;transform:scale(1.05)}.rpgn-nav[data-variant=outline] .rpgn-btn{border-color:var(--rpgn-border)}.rpgn-nav[data-variant=outline] .rpgn-btn[data-active=true]{background:transparent;border:1.5px solid var(--rpgn-active-bg);color:var(--rpgn-active-bg);transform:scale(1.05)}.rpgn-nav[data-variant=ghost] .rpgn-btn{border-color:transparent;background:transparent}.rpgn-nav[data-variant=ghost] .rpgn-btn[data-active=true]{background:var(--rpgn-hover-bg);color:var(--rpgn-active-bg);font-weight:700}.rpgn-nav[data-tone=primary][data-variant=default] .rpgn-btn[data-active=true]{background:var(--rpgn-primary-active-bg);color:var(--rpgn-primary-active-fg);border-color:var(--rpgn-primary-active-bg);box-shadow:0 2px 8px color-mix(in srgb,var(--rpgn-primary-active-bg) 40%,transparent)}.rpgn-nav[data-tone=primary][data-variant=outline] .rpgn-btn[data-active=true]{background:transparent;border-color:var(--rpgn-primary-active-bg);color:var(--rpgn-primary-active-bg)}.rpgn-nav[data-tone=primary][data-variant=ghost] .rpgn-btn[data-active=true]{color:var(--rpgn-primary-active-bg);background:color-mix(in srgb,var(--rpgn-primary-active-bg) 10%,transparent)}.rpgn-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--rpgn-fg);opacity:.4;user-select:none;pointer-events:none;letter-spacing:.05em}.rpgn-nav[data-size=sm] .rpgn-ellipsis{width:var(--rpgn-size-sm);height:var(--rpgn-size-sm);font-size:var(--rpgn-fs-sm)}.rpgn-nav[data-size=md] .rpgn-ellipsis{width:var(--rpgn-size-md);height:var(--rpgn-size-md);font-size:var(--rpgn-fs-md)}.rpgn-nav[data-size=lg] .rpgn-ellipsis{width:var(--rpgn-size-lg);height:var(--rpgn-size-lg);font-size:var(--rpgn-fs-lg)}.rpgn-size-wrapper{display:inline-flex;align-items:center;gap:.5rem}.rpgn-size-label{font-size:.875rem;color:var(--rpgn-fg);opacity:.7;white-space:nowrap}.rpgn-size-select{appearance:none;font-family:inherit;font-size:.875rem;color:var(--rpgn-fg);background:var(--rpgn-select-bg);border:1px solid var(--rpgn-select-border);border-radius:6px;padding:.25rem 1.75rem .25rem .5rem;cursor:pointer;height:var(--rpgn-size-md);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color var(--rpgn-duration) var(--rpgn-ease);outline:none}.rpgn-size-select:focus-visible{outline:2px solid var(--rpgn-focus-ring);outline-offset:2px}.rpgn-size-select:hover{border-color:color-mix(in srgb,var(--rpgn-border) 70%,var(--rpgn-fg))}.rpgn-ghost{display:inline-flex;visibility:hidden;pointer-events:none}.rpgn-nav[data-size=sm] .rpgn-ghost{width:var(--rpgn-size-sm);height:var(--rpgn-size-sm)}.rpgn-nav[data-size=md] .rpgn-ghost{width:var(--rpgn-size-md);height:var(--rpgn-size-md)}.rpgn-nav[data-size=lg] .rpgn-ghost{width:var(--rpgn-size-lg);height:var(--rpgn-size-lg)}.rpgn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){.rpgn-btn{transition:background var(--rpgn-duration) var(--rpgn-ease),border-color var(--rpgn-duration) var(--rpgn-ease),color var(--rpgn-duration) var(--rpgn-ease),box-shadow var(--rpgn-duration) var(--rpgn-ease)}.rpgn-btn:active:not([data-disabled=true]){transform:none}.rpgn-nav[data-variant=default] .rpgn-btn[data-active=true],.rpgn-nav[data-variant=outline] .rpgn-btn[data-active=true]{transform:none}.rpgn-size-select{transition:none}}