reusify-ui 2.1.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +25 -6
  2. package/dist/reusify-ui.cjs +760 -8
  3. package/dist/reusify-ui.js +760 -8
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- :root,.light,[data-theme=light]{color-scheme:light;--ru-primary: #5b4cf5;--ru-secondary: #6b6b76;--ru-success: #12a150;--ru-danger: #e5484d;--ru-warning: #d97706;--ru-info: #2f7cf6;--ru-on-color: #ffffff;--ru-bg: #fcfcfd;--ru-surface: #ffffff;--ru-muted: #f4f4f6;--ru-border: rgb(19 19 22 / .1);--ru-text: #131316;--ru-text-muted: #6b6b76;--ru-overlay: rgb(9 9 11 / .4);--ru-tooltip-bg: #131316;--ru-tooltip-text: #fafafa;--ru-shimmer: rgb(255 255 255 / .5);--ru-highlight: rgb(255 255 255 / .18);--ru-sheen: rgb(255 255 255 / .9);--ru-brand-solid: #0f6a54;--ru-brand-gradient: linear-gradient(105deg, #1b7c63 0%, #0f6a54 50%, #0b5745 100%);--ru-brand-fg: #ffffff;--ru-brand-edge: inset 0 0 0 1px rgb(29 27 22 / .08), inset 0 1px 0 rgb(29 27 22 / .18);--ru-radius-sm: .375rem;--ru-radius: .625rem;--ru-radius-lg: .875rem;--ru-font-family: inherit;--ru-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ru-shadow-xs: 0 1px 2px -1px rgb(0 0 0 / .1), 0 0 0 1px rgb(19 19 22 / .1);--ru-shadow-sm: 0 1px 1px -.5px rgb(0 0 0 / .06), 0 3px 3px -1.5px rgb(0 0 0 / .04);--ru-shadow: 0 1px 1px rgb(0 0 0 / .04), 0 4px 8px -2px rgb(19 19 22 / .08), 0 12px 24px -8px rgb(19 19 22 / .1);--ru-shadow-lg: 0 1px 1px rgb(0 0 0 / .05), 0 4px 6px rgb(19 19 22 / .06), 0 10px 32px rgb(19 19 22 / .12), 0 24px 68px rgb(19 19 22 / .08);--ru-transition: .15s ease;--ru-z-dropdown: 1000;--ru-z-overlay: 1300;--ru-z-popover: 1350;--ru-z-toast: 1400;--ru-z-tooltip: 1500}.dark,[data-theme=dark]{--ru-primary: #7c6fff;--ru-secondary: #a1a1aa;--ru-success: #3dd68c;--ru-danger: #ff6369;--ru-warning: #f5a524;--ru-info: #52a8ff;--ru-bg: #09090b;--ru-surface: #111113;--ru-muted: #1c1c1f;--ru-border: rgb(255 255 255 / .09);--ru-text: #f4f4f5;--ru-text-muted: #a1a1aa;--ru-overlay: rgb(0 0 0 / .6);--ru-tooltip-bg: #f4f4f5;--ru-tooltip-text: #111113;--ru-shimmer: rgb(255 255 255 / .05);--ru-highlight: rgb(255 255 255 / .22);--ru-sheen: rgb(255 255 255 / .07);--ru-brand-solid: #ffd21a;--ru-brand-gradient: linear-gradient(105deg, #ffe67a 0%, #ffd21a 50%, #f0b400 100%);--ru-brand-fg: #1c1604;--ru-brand-edge: inset 0 0 0 1px rgb(255 240 170 / .55), inset 0 1px 0 rgb(255 255 255 / .35);--ru-shadow-xs: 0 1px 2px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .09);--ru-shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .04);--ru-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 4px 12px rgb(0 0 0 / .45);--ru-shadow-lg: inset 0 1px 0 rgb(255 255 255 / .05), 0 0 0 1px rgb(255 255 255 / .06), 0 24px 48px rgb(0 0 0 / .6);color-scheme:dark}[class^=ru-],[class*=" ru-"],[class^=ru-]:before,[class*=" ru-"]:before,[class^=ru-]:after,[class*=" ru-"]:after{box-sizing:border-box}.ru-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ru-btn{--_c: var(--ru-primary);--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: transparent;--_img: linear-gradient(180deg, rgb(255 255 255 / .14), rgb(255 255 255 / 0));--_sh: inset 0 0 0 1px var(--ru-highlight), 0 0 0 1px color-mix(in srgb, var(--_c) 78%, black), 0 1px 2px -1px rgb(0 0 0 / .3);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--ru-radius);font-family:var(--ru-font-family);font-weight:500;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ru-transition),border-color var(--ru-transition),color var(--ru-transition),box-shadow var(--ru-transition),opacity var(--ru-transition),transform .12s ease}.ru-btn--sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.ru-btn--md{height:2.5rem;padding:0 1rem;font-size:.875rem}.ru-btn--lg{height:3rem;padding:0 1.5rem;font-size:1rem}.ru-btn--sm:not(.ru-btn--pill){border-radius:calc(var(--ru-radius) - 2px)}.ru-btn--lg:not(.ru-btn--pill){border-radius:calc(var(--ru-radius) + 4px)}.ru-btn--full{width:100%}.ru-btn svg{width:1em;height:1em;flex-shrink:0}.ru-btn:is(button,a){background-color:var(--_bg);background-image:var(--_img);background-origin:border-box;background-repeat:no-repeat;color:var(--_fg);border-color:var(--_bd);box-shadow:var(--_sh)}.ru-btn:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 90%, black)}.ru-btn:active:not(:disabled){transform:scale(.97)}.ru-btn:focus-visible{outline:none;box-shadow:var(--_sh),0 0 0 4px color-mix(in srgb,var(--_c) 28%,transparent)}.ru-btn:disabled,.ru-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ru-btn[aria-disabled=true]{pointer-events:none}.ru-btn--danger{--_c: var(--ru-danger)}.ru-btn--success{--_c: var(--ru-success)}.ru-btn--gradient{--_img: linear-gradient( 105deg, color-mix(in srgb, var(--_c) 78%, white) 0%, var(--_c) 50%, color-mix(in srgb, var(--_c) 80%, black) 100% );--_sh: inset 0 0 0 1px rgb(255 255 255 / .14), inset 0 1px 0 rgb(255 255 255 / .3), 0 1px 2px rgb(0 0 0 / .16), 0 8px 20px -8px color-mix(in srgb, var(--_c) 70%, transparent);font-weight:600;border-width:0;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--gradient:hover:not(:disabled){filter:brightness(1.06)}.ru-btn.ru-btn--brand{--_c: var(--ru-brand-solid);--_bg: var(--ru-brand-solid);--_img: var(--ru-brand-gradient);--_fg: var(--ru-brand-fg);--_sh: var(--ru-brand-edge);font-weight:600;border-width:0;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn.ru-btn--brand:hover:not(:disabled){--_bg: var(--ru-brand-solid);filter:brightness(1.05)}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--sm{border-radius:.5rem}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--md{border-radius:.75rem}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--lg{border-radius:.875rem}.ru-btn--secondary{--_c: var(--ru-secondary);--_bg: var(--ru-surface);--_fg: var(--ru-text);--_img: none;--_sh: var(--ru-shadow-xs)}.ru-btn--secondary:hover:not(:disabled){--_bg: var(--ru-muted)}.ru-btn--soft{--_bg: color-mix(in srgb, var(--_c) 12%, transparent);--_fg: color-mix(in srgb, var(--_c) 85%, var(--ru-text));--_img: none;--_sh: 0 0 #0000}.ru-btn--soft:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 20%, transparent)}.ru-btn--outline{--_bg: transparent;--_bd: var(--_c);--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000}.ru-btn--subtle{--_bg: color-mix(in srgb, var(--ru-text) 3%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 10%, transparent);--_fg: color-mix(in srgb, var(--ru-text) 75%, transparent);--_img: none;--_sh: 0 0 #0000}.ru-btn--subtle:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-text) 6%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 18%, transparent);--_fg: var(--ru-text)}.ru-btn--ghost{--_bg: transparent;--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000}.ru-btn--outline:hover:not(:disabled),.ru-btn--ghost:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 10%, transparent)}.ru-btn--text{--_bg: transparent;--_fg: color-mix(in srgb, var(--ru-text) 60%, transparent);--_img: none;--_sh: 0 0 #0000;font-weight:400}.ru-btn--text:hover:not(:disabled){--_bg: transparent;--_fg: var(--ru-text)}.ru-btn--link{--_bg: transparent;--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000;height:auto;padding:0}.ru-btn--link:hover:not(:disabled){--_bg: transparent;text-decoration:underline}.ru-btn--pill{border-radius:9999px}.ru-btn--icon{padding:0;aspect-ratio:1}.ru-btn--icon svg{width:1.125em;height:1.125em}.ru-btn--raised{--_bg: var(--ru-surface);--_img: linear-gradient(180deg, var(--ru-surface) 0%, color-mix(in srgb, var(--ru-surface), var(--ru-text) 5%) 100%);--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 22%, transparent);--_sh: 0 1.5px 0 color-mix(in srgb, var(--ru-text) 12%, transparent)}.ru-btn--raised:hover:not(:disabled){--_bg: var(--ru-surface);--_img: linear-gradient( 180deg, color-mix(in srgb, var(--ru-surface), var(--ru-text) 5%) 0%, color-mix(in srgb, var(--ru-surface), var(--ru-text) 8%) 100% )}.ru-btn.ru-btn--raised{border-radius:9999px}.ru-btn--framed{--_bg: var(--ru-surface);--_img: none;--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 16%, transparent);--_frame: color-mix(in srgb, var(--ru-text) 5%, transparent);--_sh: 0 0 0 4px var(--_frame), 0 1px 2px rgb(0 0 0 / .04)}.ru-btn--framed:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-surface), var(--ru-text) 2%);--_frame: color-mix(in srgb, var(--ru-text) 8%, transparent)}.ru-btn--framed:focus-visible{--_frame: color-mix(in srgb, var(--_c) 30%, transparent);box-shadow:var(--_sh)}.ru-btn.ru-btn--framed{border-radius:calc(var(--ru-radius) + 8px)}.ru-btn--pixel{--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: color-mix(in srgb, var(--_c) 72%, black);--_img: linear-gradient(180deg, rgb(255 255 255 / .2) 0%, rgb(255 255 255 / 0) 48%, rgb(0 0 0 / .1) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.099'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='21' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.036'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3C/svg%3E");--_sh: inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -2px 0 rgb(0 0 0 / .12), 0 8px 20px -8px color-mix(in srgb, var(--_c) 75%, transparent);font-weight:500;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--pixel:hover:not(:disabled){--_bg: var(--_c);filter:brightness(1.07)}.ru-btn--pixel:is(button,a){background-repeat:no-repeat,repeat;background-size:100% 100%,42px 21px}.ru-btn.ru-btn--pixel{border-radius:9999px}.ru-btn--pixel{position:relative;isolation:isolate}.ru-btn--pixel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='21' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.192'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3C/svg%3E") 0 0 / 42px 21px repeat;-webkit-mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ru-btn--pixel:hover:not(:disabled):before,.ru-btn--pixel:focus-visible:before{opacity:1}.ru-btn--pixel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.192'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3C/svg%3E") 0 0 / 42px 21px repeat;-webkit-mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ru-btn--pixel:hover:not(:disabled):before{animation:ru-pixel-shift-a 1.6s steps(1,end) infinite}.ru-btn--pixel:hover:not(:disabled):after{animation:ru-pixel-shift-b 2.2s steps(1,end) infinite,ru-pixel-flicker .9s steps(1,end) infinite}@keyframes ru-pixel-shift-a{0%{background-position:0 0}25%{background-position:14px 7px}50%{background-position:28px 14px}75%{background-position:7px 0}}@keyframes ru-pixel-shift-b{0%{background-position:21px 7px}20%{background-position:0 14px}45%{background-position:35px 0}70%{background-position:7px 7px}85%{background-position:28px 14px}}@keyframes ru-pixel-flicker{0%{opacity:1}30%{opacity:.35}55%{opacity:.9}80%{opacity:.15}}@media(prefers-reduced-motion:reduce){.ru-btn--pixel:hover:not(:disabled):before,.ru-btn--pixel:hover:not(:disabled):after{animation:none}.ru-btn--pixel:hover:not(:disabled):after{opacity:1}}.ru-btn--glossy{--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: color-mix(in srgb, var(--_c) 70%, black);--_img: linear-gradient( 180deg, color-mix(in srgb, var(--_c) 78%, white) 0%, var(--_c) 55%, color-mix(in srgb, var(--_c) 88%, black) 100% );--_sh: inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -1px 0 rgb(0 0 0 / .15), 0 6px 16px -6px color-mix(in srgb, var(--_c) 70%, transparent);font-weight:500;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--glossy:hover:not(:disabled){--_bg: var(--_c);filter:brightness(1.06)}.ru-btn--dashed{--_bg: transparent;--_fg: color-mix(in srgb, var(--ru-text) 45%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 24%, transparent);--_img: none;--_sh: 0 0 #0000;border-style:dashed;border-width:1.5px}.ru-btn--dashed:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-text) 3%, transparent);--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 45%, transparent)}.ru-btn__end{display:inline-flex}.ru-btn--justify-start,.ru-btn--justify-between{justify-content:flex-start;text-align:left}.ru-btn--justify-between .ru-btn__end{margin-left:auto;padding-left:.75rem}.ru-btn-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ru-btn-group--attached{flex-wrap:nowrap;gap:0}.ru-btn-group--attached>.ru-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.ru-btn-group--attached>.ru-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ru-btn-group--attached>.ru-btn:hover,.ru-btn-group--attached>.ru-btn:focus-visible{position:relative;z-index:1}.ru-btn .ru-spinner{width:1em;height:1em;border-width:2px;color:inherit}.ru-spinner-wrap{display:inline-flex}.ru-spinner{display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--_c, var(--ru-primary));animation:ru-spin .7s linear infinite}.ru-spinner--sm{width:1rem;height:1rem;border-width:2px}.ru-spinner--lg{width:2.25rem;height:2.25rem;border-width:3px}.ru-badge{display:inline-flex;align-items:center;gap:.375rem;border:1px solid transparent;border-radius:9999px;font-family:var(--ru-font-family);font-weight:500;line-height:1;white-space:nowrap}.ru-badge--sm{height:1.25rem;padding:0 .5rem;font-size:.6875rem}.ru-badge--md{height:1.5rem;padding:0 .625rem;font-size:.75rem}.ru-badge--solid{background:var(--_c);color:var(--ru-on-color)}.ru-badge--soft{background:color-mix(in srgb,var(--_c) 14%,transparent);color:var(--_c)}.ru-badge--outline{background:transparent;border-color:var(--_c);color:var(--_c)}.ru-badge__dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.ru-avatar{--_av-bg: var(--ru-muted);--_av-fg: var(--ru-text-muted);--_sh: 0 0 #0000;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;border-radius:9999px;background:var(--_av-bg);color:var(--_av-fg);box-shadow:var(--_sh);font-family:var(--ru-font-family);font-weight:600;-webkit-user-select:none;user-select:none}.ru-avatar--square{border-radius:var(--ru-radius)}.ru-avatar--squircle{border-radius:32%}.ru-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ru-avatar__icon{width:60%;height:60%}.ru-avatar--xs{width:1.5rem;height:1.5rem;font-size:.625rem}.ru-avatar--sm{width:2rem;height:2rem;font-size:.75rem}.ru-avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.ru-avatar--lg{width:3rem;height:3rem;font-size:1rem}.ru-avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.ru-avatar--2xl{width:5rem;height:5rem;font-size:1.5rem}.ru-avatar--tinted{--_av-bg: color-mix(in srgb, var(--_avc) 18%, var(--ru-surface));--_av-fg: color-mix(in srgb, var(--_avc) 78%, var(--ru-text))}.ru-avatar__status{--_st: color-mix(in srgb, var(--ru-text-muted) 70%, transparent);position:absolute;right:0;bottom:0;width:max(8px,26%);height:max(8px,26%);border-radius:50%;background:var(--_st);box-shadow:0 0 0 2px var(--ru-surface)}.ru-avatar--square .ru-avatar__status,.ru-avatar--squircle .ru-avatar__status{right:-2px;bottom:-2px}.ru-avatar__status--online{--_st: var(--ru-success)}.ru-avatar__status--away{--_st: var(--ru-warning)}.ru-avatar__status--busy{--_st: var(--ru-danger)}.ru-avatar__status--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;animation:ru-avatar-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ru-avatar-ping{75%,to{transform:scale(2.2);opacity:0}}.ru-avatar-group{--_overlap: -.5rem;display:inline-flex;align-items:center}.ru-avatar-group>*+*{margin-left:var(--_overlap)}.ru-avatar-group .ru-avatar{--_sh: 0 0 0 2px var(--ru-surface)}.ru-avatar.ru-avatar--ring{--_sh: 0 0 0 2px var(--ru-surface), 0 0 0 4px var(--_ring, var(--ru-primary))}.ru-avatar-tip{position:relative;display:inline-flex;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.ru-avatar-tip:hover,.ru-avatar-tip:focus-within{z-index:3;transform:translateY(-4px) scale(1.08)}.ru-avatar-tip__bubble{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:var(--ru-z-tooltip);transform:translate(calc(-50% + var(--_shift, 0px))) rotate(var(--_tilt, 0deg));transform-origin:bottom center;transition:transform .14s ease-out;pointer-events:none}.ru-avatar-tip__inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:.4375rem .875rem;border-radius:var(--ru-radius);background:var(--ru-tooltip-bg);color:var(--ru-tooltip-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.8125rem;line-height:1.35;white-space:nowrap;transform-origin:bottom center;animation:ru-avatar-tip-in .42s cubic-bezier(.34,1.56,.64,1) both}.ru-avatar-tip__inner:before{content:"";position:absolute;bottom:-4px;left:calc(50% - 5px);width:10px;height:10px;border-radius:2px;background:inherit;transform:rotate(45deg)}.ru-avatar-tip__inner:after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:1.5px;border-radius:1px;background:linear-gradient(90deg,transparent,var(--_accent, var(--ru-primary)),transparent)}.ru-avatar-tip__name{font-weight:600}.ru-avatar-tip__desc{font-size:.6875rem;font-weight:500;opacity:.65}@keyframes ru-avatar-tip-in{0%{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ru-avatar-tip,.ru-avatar-tip__bubble{transition:none}.ru-avatar-tip:hover,.ru-avatar-tip:focus-within{transform:none}.ru-avatar-tip__inner,.ru-avatar__status--pulse:after{animation:none}}.ru-alert{display:flex;gap:.75rem;padding:.875rem 1rem;border:1px solid color-mix(in srgb,var(--_c) 30%,transparent);border-radius:var(--ru-radius);background:color-mix(in srgb,var(--_c) 10%,var(--ru-surface));color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;line-height:1.5}.ru-alert__icon{display:flex;flex-shrink:0;padding-top:.125rem;color:var(--_c)}.ru-alert__icon svg{width:1.125rem;height:1.125rem}.ru-alert__content{flex:1;min-width:0}.ru-alert__title{margin:0 0 .125rem;font-weight:600}.ru-alert__desc{color:var(--ru-text);opacity:.85}.ru-alert .ru-close{margin:-.25rem -.375rem 0 0}.ru-alert .ru-close:hover{background:color-mix(in srgb,var(--_c) 15%,transparent)}.ru-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);cursor:pointer;transition:background-color var(--ru-transition),color var(--ru-transition)}.ru-close:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-close:focus-visible{outline:2px solid var(--ru-primary);outline-offset:1px}.ru-close svg{width:1rem;height:1rem}.ru-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius-lg);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-sm);font-family:var(--ru-font-family)}.ru-card--elevated{box-shadow:var(--ru-shadow)}.ru-card--hoverable{transition:box-shadow .2s ease,transform .2s ease}.ru-card--hoverable:hover{box-shadow:var(--ru-shadow-lg);transform:translateY(-2px)}.ru-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.ru-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.ru-card__subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--ru-text-muted)}.ru-card__body{flex:1;padding:1.25rem;font-size:.875rem;line-height:1.6}.ru-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--ru-border);background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-divider{--_line: var(--ru-border);--_t: 1px;--_style: solid;--_len: 100%;--_gap: 1rem;flex-shrink:0;width:var(--_len);height:0;margin:var(--_gap) auto;border:0;border-top:var(--_t) var(--_style) var(--_line);background:none}.ru-divider--align-start{margin-left:0;margin-right:auto}.ru-divider--align-end{margin-left:auto;margin-right:0}.ru-divider--dashed{--_style: dashed}.ru-divider--dotted{--_style: dotted}.ru-divider--double{--_style: double;border-top-width:max(3px,var(--_t))}.ru-divider--gradient{height:var(--_t);border-top:0;background:linear-gradient(90deg,transparent,var(--_line) 20%,var(--_line) 80%,transparent)}.ru-divider--vertical{--_len: auto;--_gap: .75rem;display:inline-block;align-self:stretch;width:0;height:var(--_len);min-height:1em;margin:0 var(--_gap);border-top:0;border-left:var(--_t) var(--_style) var(--_line)}.ru-divider--vertical.ru-divider--double{border-left-width:max(3px,var(--_t))}.ru-divider--vertical.ru-divider--gradient{width:var(--_t);border-left:0;background:linear-gradient(180deg,transparent,var(--_line) 20%,var(--_line) 80%,transparent)}.ru-divider--label{display:flex;align-items:center;gap:.75rem;height:auto;border-top:0;background:none;color:var(--ru-text-muted);font-family:var(--ru-font-family);font-size:.75rem;font-weight:500}.ru-divider--label:before,.ru-divider--label:after{content:"";flex:1;border-top:var(--_t) var(--_style) var(--_line)}.ru-divider--label.ru-divider--double:before,.ru-divider--label.ru-divider--double:after{border-top-width:max(3px,var(--_t))}.ru-divider--label.ru-divider--gradient:before,.ru-divider--label.ru-divider--gradient:after{height:var(--_t);border-top:0}.ru-divider--label.ru-divider--gradient:before{background:linear-gradient(90deg,transparent,var(--_line))}.ru-divider--label.ru-divider--gradient:after{background:linear-gradient(90deg,var(--_line),transparent)}.ru-divider--label-start:before{flex:0 0 1.5rem}.ru-divider--label-end:after{flex:0 0 1.5rem}.ru-divider__label{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.ru-table-wrap{width:100%;overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface)}.ru-table-scroll{width:100%;overflow-x:auto}.ru-table--loading tbody{opacity:.5;transition:opacity var(--ru-transition)}.ru-table__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.625rem .75rem .625rem 1rem;border-top:1px solid var(--ru-border);color:var(--ru-text-muted);font-family:var(--ru-font-family);font-size:.8125rem}.ru-table__info{margin:0 auto 0 0}.ru-table__info strong{color:var(--ru-text);font-weight:500}.ru-table__size{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.ru-table__size-select{width:4.75rem}.ru-table{width:100%;border-collapse:collapse;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;text-align:left}.ru-table caption{caption-side:bottom;padding:.75rem;color:var(--ru-text-muted);font-size:.8125rem}.ru-table th{padding:.75rem 1rem;border-bottom:1px solid var(--ru-border);background:var(--ru-muted);color:var(--ru-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.ru-table td{padding:.75rem 1rem;border-bottom:1px solid var(--ru-border);vertical-align:middle}.ru-table tbody tr:last-child td{border-bottom:none}.ru-table--sm th,.ru-table--sm td{padding:.5rem .75rem}.ru-table--striped tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-table--hover tbody tr:hover{background:var(--ru-muted)}.ru-table td.ru-table__empty{padding:2rem 1rem;text-align:center;color:var(--ru-text-muted)}.ru-field{display:inline-flex;flex-direction:column;gap:.375rem;min-width:0;font-family:var(--ru-font-family)}.ru-field--full{display:flex;width:100%}.ru-label{padding:0;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;font-weight:500}.ru-label__req{margin-left:.125rem;color:var(--ru-danger)}.ru-input-wrap{position:relative;display:flex;align-items:center;gap:.5rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:0 1px 2px -1px #00000014;transition:border-color var(--ru-transition),box-shadow var(--ru-transition)}.ru-input-wrap:focus-within{border-color:var(--ru-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ru-primary) 16%,transparent)}.ru-input-wrap--error{border-color:var(--ru-danger)}.ru-input-wrap--error:focus-within{border-color:var(--ru-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--ru-danger) 16%,transparent)}.ru-input-wrap--disabled{opacity:.6;cursor:not-allowed;background:var(--ru-muted)}.ru-input-wrap--sm{min-height:2rem;padding:0 .625rem;font-size:.8125rem}.ru-input-wrap--md{min-height:2.5rem;padding:0 .75rem;font-size:.875rem}.ru-input-wrap--lg{min-height:3rem;padding:0 1rem;font-size:1rem}.ru-input-wrap--textarea{align-items:stretch;padding:.5rem .75rem;font-size:.875rem}.ru-input{flex:1;align-self:stretch;width:100%;min-width:0;margin:0;padding:0;border:none;outline:none;background:transparent;color:inherit;font:inherit}.ru-input::placeholder{color:var(--ru-text-muted);opacity:.8}.ru-input:disabled{cursor:not-allowed}textarea.ru-input{min-height:5rem;line-height:1.5;resize:vertical}.ru-native-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:1.5rem;cursor:pointer}.ru-native-select option{background:var(--ru-surface);color:var(--ru-text)}.ru-native-select__chevron{position:absolute;right:.75rem;width:1rem;height:1rem;color:var(--ru-text-muted);pointer-events:none}.ru-input-wrap.ru-select-wrap{padding:0}.ru-select-trigger{display:flex;flex:1;align-self:stretch;align-items:center;gap:.5rem;width:100%;min-width:0;margin:0;padding:0 .75rem;border:none;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;outline:none}.ru-input-wrap--sm .ru-select-trigger{padding:0 .625rem}.ru-input-wrap--lg .ru-select-trigger{padding:0 1rem}.ru-select-trigger:disabled{cursor:not-allowed}.ru-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ru-select__placeholder{color:var(--ru-text-muted)}.ru-select__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-text-muted);transition:transform var(--ru-transition)}.ru-select-wrap--open .ru-select__chevron{transform:rotate(180deg)}.ru-select__native{position:absolute;bottom:0;left:0;width:100%;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.ru-select__list{position:fixed;z-index:var(--ru-z-popover);margin:0;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;list-style:none;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.875rem;transform-origin:top;animation:ru-scale-in .12s ease}.ru-select__list--top{transform-origin:bottom}.ru-select__list::-webkit-scrollbar{display:none}.ru-select__option{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--ru-radius-sm);line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none}.ru-select__option--active{background:var(--ru-muted)}.ru-select__option--selected .ru-select__label{font-weight:500}.ru-select__option--disabled{opacity:.45;cursor:not-allowed}.ru-select__text{display:flex;flex:1;flex-direction:column;min-width:0}.ru-select__desc{margin-top:.0625rem;color:var(--ru-text-muted);font-size:.75rem}.ru-select__icon{display:flex;flex-shrink:0;color:var(--ru-text-muted)}.ru-select__icon svg{width:1rem;height:1rem}.ru-select__check{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-primary)}.ru-select__group{padding:.5rem .625rem .25rem;color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ru-select__group:not(:first-child){margin-top:.25rem;padding-top:.625rem;border-top:1px solid var(--ru-border)}.ru-select__empty{padding:.75rem;color:var(--ru-text-muted);text-align:center}.ru-input-icon{display:flex;flex-shrink:0;color:var(--ru-text-muted)}.ru-input-icon svg{width:1rem;height:1rem}.ru-help{margin:0;color:var(--ru-text-muted);font-size:.75rem}.ru-help--error{color:var(--ru-danger)}.ru-check{--_c: var(--ru-primary);position:relative;display:inline-flex;align-items:flex-start;gap:.5rem;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;line-height:1.25rem;cursor:pointer}.ru-check--disabled{opacity:.55;cursor:not-allowed}.ru-check__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex-shrink:0;width:1rem;height:1rem;margin:.125rem 0 0;border:1.5px solid color-mix(in srgb,var(--ru-text-muted) 60%,transparent);border-radius:.25rem;background:var(--ru-surface);cursor:inherit;transition:background-color var(--ru-transition),border-color var(--ru-transition),box-shadow var(--ru-transition)}.ru-check__input:before{content:"";width:.55rem;height:.55rem;background:var(--ru-on-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform .12s ease}.ru-check__input:checked,.ru-check__input:indeterminate{border-color:var(--_c);background:var(--_c)}.ru-check__input:checked:before{transform:scale(1)}.ru-check__input:indeterminate:before{width:.5rem;height:2px;clip-path:none;transform:scale(1)}.ru-check__input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c) 35%,transparent)}.ru-check__input--radio{border-radius:50%}.ru-check__input--radio:before{width:.4rem;height:.4rem;border-radius:50%;clip-path:none}.ru-check__text{display:flex;flex-direction:column}.ru-check__desc{color:var(--ru-text-muted);font-size:.8125rem}.ru-radio-group{min-width:0;margin:0;padding:0;border:none}.ru-radio-group>legend{margin-bottom:.5rem}.ru-radio-group__items{display:flex;flex-direction:column;gap:.625rem}.ru-radio-group__items--horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}.ru-switch{--_c: var(--ru-primary);--_w: 2.25rem;--_h: 1.25rem;--_t: 1rem;display:inline-flex;align-items:center;gap:.625rem;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;cursor:pointer}.ru-switch--sm{--_w: 1.75rem;--_h: 1rem;--_t: .75rem}.ru-switch--lg{--_w: 2.75rem;--_h: 1.5rem;--_t: 1.25rem}.ru-switch--disabled{opacity:.55;cursor:not-allowed}.ru-switch__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:var(--_w);height:var(--_h);padding:0;border:none;border-radius:9999px;cursor:inherit;transition:background-color var(--ru-transition)}button.ru-switch__track{background:color-mix(in srgb,var(--ru-text-muted) 40%,transparent)}.ru-switch__track[aria-checked=true]{background:var(--_c)}.ru-switch__track:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c) 35%,transparent)}.ru-switch__thumb{position:absolute;left:2px;width:var(--_t);height:var(--_t);border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--ru-transition)}.ru-switch__track[aria-checked=true] .ru-switch__thumb{transform:translate(calc(var(--_w) - var(--_t) - 4px))}.ru-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ru-z-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;background:var(--ru-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ru-fade-in .15s ease}.ru-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 2rem);border:1px solid var(--ru-border);border-radius:var(--ru-radius-lg);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);outline:none;animation:ru-scale-in .18s cubic-bezier(.16,1,.3,1)}.ru-modal--sm{max-width:24rem}.ru-modal--md{max-width:32rem}.ru-modal--lg{max-width:48rem}.ru-modal--xl{max-width:64rem}.ru-modal--full{max-width:none;height:calc(100vh - 2rem)}.ru-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem .5rem}.ru-modal__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.ru-modal__desc{margin:.25rem 0 0;color:var(--ru-text-muted);font-size:.875rem}.ru-modal__body{flex:1;overflow-y:auto;padding:.5rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.6;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ru-text) 20%,transparent) transparent}.ru-modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--ru-border)}.ru-overlay--drawer{display:block;padding:0}.ru-drawer{position:fixed;display:flex;flex-direction:column;background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);outline:none}.ru-drawer--left,.ru-drawer--right{top:0;height:100%;width:min(var(--ru-drawer-size, 24rem),100vw)}.ru-drawer--top,.ru-drawer--bottom{left:0;width:100%;height:min(var(--ru-drawer-size, 24rem),100vh)}.ru-drawer{--_dr: var(--ru-radius-lg);overflow:hidden}.ru-drawer--right{right:0;border-left:1px solid var(--ru-border);border-radius:var(--_dr) 0 0 var(--_dr);animation:ru-slide-from-right .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--left{left:0;border-right:1px solid var(--ru-border);border-radius:0 var(--_dr) var(--_dr) 0;animation:ru-slide-from-left .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--top{top:0;border-bottom:1px solid var(--ru-border);border-radius:0 0 var(--_dr) var(--_dr);animation:ru-slide-from-top .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--bottom{bottom:0;border-top:1px solid var(--ru-border);border-radius:var(--_dr) var(--_dr) 0 0;animation:ru-slide-from-bottom .26s cubic-bezier(.16,1,.3,1)}.ru-drawer .ru-modal__header{padding:1.125rem 1.25rem 1rem;border-bottom:1px solid var(--ru-border)}.ru-drawer .ru-modal__body{padding:1.125rem 1.25rem 1.25rem}.ru-drawer .ru-modal__footer{background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-drawer--bottom:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--ru-text) 20%,transparent);transform:translate(-50%)}.ru-drawer--bottom .ru-modal__header{padding-top:1.5rem}.ru-drawer--floating{--_inset: .75rem;border:1px solid var(--ru-border);border-radius:var(--_dr)}.ru-drawer--floating.ru-drawer--right,.ru-drawer--floating.ru-drawer--left{top:var(--_inset);height:calc(100% - 2 * var(--_inset));width:min(var(--ru-drawer-size, 24rem),calc(100vw - 2 * var(--_inset)))}.ru-drawer--floating.ru-drawer--right{right:var(--_inset)}.ru-drawer--floating.ru-drawer--left{left:var(--_inset)}.ru-drawer--floating.ru-drawer--top,.ru-drawer--floating.ru-drawer--bottom{left:var(--_inset);width:calc(100% - 2 * var(--_inset));height:min(var(--ru-drawer-size, 24rem),calc(100vh - 2 * var(--_inset)))}.ru-drawer--floating.ru-drawer--top{top:var(--_inset)}.ru-drawer--floating.ru-drawer--bottom{bottom:var(--_inset)}.ru-overlay--closing{animation:ru-fade-out .2s ease forwards}.ru-modal--closing{animation:ru-scale-out .18s ease forwards}.ru-drawer--closing.ru-drawer--right{animation:ru-slide-to-right .2s ease-in forwards}.ru-drawer--closing.ru-drawer--left{animation:ru-slide-to-left .2s ease-in forwards}.ru-drawer--closing.ru-drawer--top{animation:ru-slide-to-top .2s ease-in forwards}.ru-drawer--closing.ru-drawer--bottom{animation:ru-slide-to-bottom .2s ease-in forwards}@keyframes ru-fade-out{to{opacity:0}}@keyframes ru-scale-out{to{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes ru-slide-to-right{to{transform:translate(calc(100% + 1rem))}}@keyframes ru-slide-to-left{to{transform:translate(calc(-100% - 1rem))}}@keyframes ru-slide-to-top{to{transform:translateY(calc(-100% - 1rem))}}@keyframes ru-slide-to-bottom{to{transform:translateY(calc(100% + 1rem))}}.ru-tooltip{position:relative;display:inline-flex}.ru-tooltip__bubble{--_gap: 10px;position:absolute;z-index:var(--ru-z-tooltip);width:max-content;max-width:16rem;padding:.4375rem .75rem;border-radius:var(--ru-radius);background:var(--ru-tooltip-bg);color:var(--ru-tooltip-text);box-shadow:var(--ru-shadow);font-family:var(--ru-font-family);font-size:.8125rem;font-weight:500;line-height:1.4;pointer-events:none;animation:ru-fade-in .12s ease}.ru-tooltip__bubble--sm{--_gap: 8px;padding:.3125rem .5625rem;border-radius:var(--ru-radius-sm);font-size:.75rem}.ru-tooltip__bubble--lg{--_gap: 12px;padding:.625rem 1rem;border-radius:calc(var(--ru-radius) + 4px);font-size:.9375rem}.ru-tooltip__bubble--no-arrow{--_gap: 6px}.ru-tooltip__bubble--top{bottom:calc(100% + var(--_gap));left:50%;transform:translate(-50%)}.ru-tooltip__bubble--bottom{top:calc(100% + var(--_gap));left:50%;transform:translate(-50%)}.ru-tooltip__bubble--left{right:calc(100% + var(--_gap));top:50%;transform:translateY(-50%)}.ru-tooltip__bubble--right{left:calc(100% + var(--_gap));top:50%;transform:translateY(-50%)}.ru-tooltip__bubble:before{content:"";position:absolute;width:10px;height:10px;border-radius:2px;background:inherit;transform:rotate(45deg)}.ru-tooltip__bubble--no-arrow:before{display:none}.ru-tooltip__bubble--top:before{bottom:-4px;left:calc(50% - 5px)}.ru-tooltip__bubble--bottom:before{top:-4px;left:calc(50% - 5px)}.ru-tooltip__bubble--left:before{right:-4px;top:calc(50% - 5px)}.ru-tooltip__bubble--right:before{left:-4px;top:calc(50% - 5px)}.ru-dropdown{position:relative;display:inline-flex}.ru-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--ru-z-dropdown);min-width:10rem;padding:.25rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);box-shadow:var(--ru-shadow);font-family:var(--ru-font-family);transform-origin:top;animation:ru-scale-in .12s ease}.ru-dropdown__menu--end{left:auto;right:0}.ru-dropdown__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text);font:inherit;font-size:.875rem;text-align:left;white-space:nowrap;cursor:pointer}.ru-dropdown__item:hover:not(:disabled),.ru-dropdown__item:focus-visible{outline:none;background:var(--ru-muted)}.ru-dropdown__item--danger{color:var(--ru-danger)}.ru-dropdown__item--danger:hover:not(:disabled),.ru-dropdown__item--danger:focus-visible{background:color-mix(in srgb,var(--ru-danger) 10%,transparent)}.ru-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.ru-dropdown__icon{display:flex}.ru-dropdown__icon svg{width:1rem;height:1rem}.ru-dropdown__divider{height:1px;margin:.25rem 0;background:var(--ru-border)}.ru-tabs{color:var(--ru-text);font-family:var(--ru-font-family)}.ru-tabs__list{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}.ru-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.625rem .25rem;border:none;background:transparent;color:var(--ru-text-muted);font:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--ru-transition),background-color var(--ru-transition)}.ru-tabs__tab:hover:not(:disabled){color:var(--ru-text)}.ru-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ru-tabs__tab:focus-visible{outline:2px solid var(--ru-primary);outline-offset:-2px;border-radius:var(--ru-radius-sm)}.ru-tabs__tab svg{width:1rem;height:1rem}.ru-tabs--line .ru-tabs__list{gap:1.25rem;box-shadow:inset 0 -1px 0 var(--ru-border)}.ru-tabs--line .ru-tabs__tab[aria-selected=true]{color:var(--ru-primary)}.ru-tabs--line .ru-tabs__tab[aria-selected=true]:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--ru-primary)}.ru-tabs--pills .ru-tabs__list{display:inline-flex;max-width:100%;padding:.25rem;border-radius:var(--ru-radius);background:var(--ru-muted)}.ru-tabs--pills .ru-tabs__tab{padding:.375rem .875rem;border-radius:var(--ru-radius-sm)}.ru-tabs--pills .ru-tabs__tab[aria-selected=true]{background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-sm)}.ru-tabs--full .ru-tabs__list{display:flex}.ru-tabs--full .ru-tabs__tab{flex:1;justify-content:center}.ru-tabs__panel{padding-top:1rem;font-size:.875rem;line-height:1.6;outline:none}.ru-accordion{overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);font-family:var(--ru-font-family)}.ru-accordion__item+.ru-accordion__item{border-top:1px solid var(--ru-border)}.ru-accordion__heading{margin:0;font:inherit}.ru-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:0;padding:1rem 1.125rem;border:none;background:transparent;color:inherit;font:inherit;font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--ru-transition)}.ru-accordion__trigger:hover:not(:disabled){background:color-mix(in srgb,var(--ru-muted) 60%,transparent)}.ru-accordion__trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ru-primary)}.ru-accordion__trigger:disabled{opacity:.5;cursor:not-allowed}.ru-accordion__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-text-muted);transition:transform .2s ease}.ru-accordion__trigger[aria-expanded=true] .ru-accordion__chevron{transform:rotate(180deg)}.ru-accordion__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease,visibility .2s}.ru-accordion__panel--open{grid-template-rows:1fr;visibility:visible}.ru-accordion__inner{overflow:hidden}.ru-accordion__content{padding:0 1.125rem 1rem;color:var(--ru-text-muted);font-size:.875rem;line-height:1.6}.ru-pagination{font-family:var(--ru-font-family)}.ru-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.ru-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);color:var(--ru-text);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--ru-transition),border-color var(--ru-transition),color var(--ru-transition)}button.ru-pagination__btn{background:var(--ru-surface)}.ru-pagination--sm .ru-pagination__btn{min-width:2rem;height:2rem;font-size:.8125rem}.ru-pagination__btn:hover:not(:disabled):not([aria-current]){background:var(--ru-muted)}.ru-pagination__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ru-primary) 35%,transparent)}.ru-pagination__btn[aria-current=page]{border-color:var(--ru-primary);background:var(--ru-primary);color:var(--ru-on-color)}.ru-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.ru-pagination__btn svg{width:1rem;height:1rem}.ru-pagination__ellipsis{min-width:2rem;color:var(--ru-text-muted);text-align:center}.ru-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none;font-family:var(--ru-font-family);font-size:.875rem}.ru-breadcrumbs__item{display:inline-flex;align-items:center;color:var(--ru-text-muted)}.ru-breadcrumbs__item a{color:inherit}.ru-breadcrumbs__link{padding:0;border:none;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;transition:color var(--ru-transition)}.ru-breadcrumbs__link:hover{color:var(--ru-text);text-decoration:underline}.ru-breadcrumbs__current{color:var(--ru-text);font-weight:500}.ru-breadcrumbs__sep{display:inline-flex;color:var(--ru-text-muted);opacity:.6}.ru-breadcrumbs__sep svg{width:.875rem;height:.875rem}.ru-progress{width:100%;font-family:var(--ru-font-family)}.ru-progress__label{display:flex;justify-content:space-between;margin-bottom:.375rem;color:var(--ru-text);font-size:.8125rem;font-weight:500}.ru-progress__value{color:var(--ru-text-muted)}.ru-progress__track{position:relative;width:100%;overflow:hidden;border-radius:9999px;background:var(--ru-muted)}.ru-progress__track--sm{height:.25rem}.ru-progress__track--md{height:.5rem}.ru-progress__track--lg{height:.75rem}.ru-progress__bar{height:100%;border-radius:inherit;background:var(--_c);transition:width .3s ease}.ru-progress--indeterminate .ru-progress__bar{position:absolute;width:40%;animation:ru-indeterminate 1.2s ease-in-out infinite}.ru-skeleton{position:relative;display:block;overflow:hidden;border-radius:var(--ru-radius-sm);background:var(--ru-muted)}.ru-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--ru-shimmer),transparent);transform:translate(-100%);animation:ru-shimmer 1.4s infinite}.ru-skeleton--text{height:.875rem}.ru-skeleton--rect{height:6rem}.ru-skeleton--circle{width:2.5rem;height:2.5rem;border-radius:50%}.ru-skeleton-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.ru-toaster{position:fixed;z-index:var(--ru-z-toast);display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2rem));margin:0;padding:0;list-style:none;pointer-events:none}.ru-toaster--top-left{top:1rem;left:1rem}.ru-toaster--top-right{top:1rem;right:1rem}.ru-toaster--top-center{top:1rem;left:50%;transform:translate(-50%)}.ru-toaster--bottom-left{bottom:1rem;left:1rem}.ru-toaster--bottom-right{bottom:1rem;right:1rem}.ru-toaster--bottom-center{bottom:1rem;left:50%;transform:translate(-50%)}.ru-toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem .75rem .875rem 1rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.875rem;pointer-events:auto;animation:ru-toast-in .22s cubic-bezier(.16,1,.3,1)}.ru-toast__icon{display:flex;padding-top:.0625rem;color:var(--_c)}.ru-toast__icon svg{width:1.125rem;height:1.125rem}.ru-toast__content{flex:1;min-width:0}.ru-toast__title{font-weight:600;line-height:1.4}.ru-toast__desc{margin-top:.125rem;color:var(--ru-text-muted);line-height:1.5}.ru-toast__action{margin-top:.5rem}.ru-toast .ru-close{margin-top:-.125rem}.ru-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;border-radius:.3125rem;background:var(--ru-surface);color:var(--ru-text-muted);box-shadow:var(--ru-shadow-xs),inset 0 -1px 0 var(--ru-border);font-family:var(--ru-font-mono);font-size:.6875rem;font-weight:500;line-height:1}.ru-pattern{--_ps: 24px;--_pt: 1px;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ru-pattern__layer,.ru-pattern__spot{position:absolute;top:0;right:0;bottom:0;left:0}.ru-pattern__layer{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 8%, transparent))}.ru-pattern__layer--grid{background-image:linear-gradient(to right,var(--_c) var(--_pt),transparent var(--_pt)),linear-gradient(to bottom,var(--_c) var(--_pt),transparent var(--_pt));background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--dots{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 20%, transparent));background-image:radial-gradient(circle,var(--_c) var(--_pt),transparent calc(var(--_pt) + .6px));background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--lines{background-image:linear-gradient(to bottom,var(--_c) var(--_pt),transparent var(--_pt));background-size:100% var(--_ps)}.ru-pattern__layer--diagonal{background-image:linear-gradient(135deg,transparent calc(50% - var(--_pt) / 2),var(--_c) 0,var(--_c) calc(50% + var(--_pt) / 2),transparent 0);background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--checker{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 4%, transparent));background-image:conic-gradient(var(--_c) 25%,transparent 0 50%,var(--_c) 0 75%,transparent 0);background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--cross,.ru-pattern__layer--waves{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 18%, transparent));background:var(--_c);-webkit-mask-repeat:repeat;mask-repeat:repeat}.ru-pattern__layer--cross{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5v7M8.5 12h7' stroke='%23000' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5v7M8.5 12h7' stroke='%23000' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:var(--_ps) var(--_ps);mask-size:var(--_ps) var(--_ps)}.ru-pattern__layer--waves{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c3 0 3-4 6-4s3 4 6 4 3 4 6 4 3-4 6-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c3 0 3-4 6-4s3 4 6 4 3 4 6 4 3-4 6-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_ps) calc(var(--_ps) / 2);mask-size:var(--_ps) calc(var(--_ps) / 2)}.ru-pattern--fade-radial{-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}.ru-pattern--fade-top{-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}.ru-pattern--fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}.ru-pattern--fade-left{-webkit-mask-image:linear-gradient(to left,#000 30%,transparent);mask-image:linear-gradient(to left,#000 30%,transparent)}.ru-pattern--fade-right{-webkit-mask-image:linear-gradient(to right,#000 30%,transparent);mask-image:linear-gradient(to right,#000 30%,transparent)}.ru-pattern--fade-edges{-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}.ru-pattern--pan .ru-pattern__layer{animation:ru-pattern-pan var(--_speed, 6s) linear infinite}.ru-pattern--pulse .ru-pattern__layer{animation:ru-pattern-pulse var(--_speed, 3s) ease-in-out infinite}@keyframes ru-pattern-pan{to{background-position:var(--_ps) var(--_ps);-webkit-mask-position:var(--_ps) var(--_ps);mask-position:var(--_ps) var(--_ps)}}@keyframes ru-pattern-pulse{50%{opacity:.3}}.ru-pattern__spot{-webkit-mask-image:radial-gradient(circle var(--_sr, 160px) at var(--ru-mx, 50%) var(--ru-my, 50%),#000,transparent);mask-image:radial-gradient(circle var(--_sr, 160px) at var(--ru-mx, 50%) var(--ru-my, 50%),#000,transparent);opacity:0;transition:opacity .25s ease}.ru-pattern--spot-on .ru-pattern__spot{opacity:1}.ru-pattern__spot .ru-pattern__layer{--_c: var(--_spc, color-mix(in srgb, var(--ru-primary) 55%, transparent))}@media(prefers-reduced-motion:reduce){.ru-pattern__layer{animation:none!important}}.ru-spotlight{position:relative;isolation:isolate}.ru-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--ru-spot-x, 50%) var(--ru-spot-y, 50%),color-mix(in srgb,var(--ru-spot-color, var(--ru-primary)) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ru-spotlight:hover:before{opacity:1}.ru-frame-card{--_fc: var(--ru-warning);--_fc-on: var(--ru-on-color);--_fc-ink: color-mix(in srgb, var(--_fc) 38%, black);display:flex;flex-direction:column;padding:6px;border-radius:calc(var(--ru-radius-lg) + 10px);background:linear-gradient(180deg,color-mix(in srgb,var(--_fc) 80%,white),var(--_fc));box-shadow:inset 0 1px #fff6,inset 0 0 0 1px color-mix(in srgb,var(--_fc) 85%,black),0 24px 48px -24px color-mix(in srgb,var(--_fc) 70%,transparent);color:var(--ru-text);font-family:var(--ru-font-family)}.ru-frame-card__panel{overflow:hidden;border-radius:calc(var(--ru-radius-lg) + 4px);background:var(--ru-surface);box-shadow:0 1px 2px #00000014,0 0 0 1px #00000008}.ru-frame-card__head{display:flex;align-items:center;gap:.5rem;padding:1rem .875rem .25rem 1.25rem}.ru-frame-card__title{flex:1;min-width:0;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}.ru-frame-card__toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);cursor:pointer}.ru-frame-card__toggle:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-frame-card__toggle svg{width:16px;height:16px;transition:transform .2s ease}.ru-frame-card__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ru-frame-card__collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s ease}.ru-frame-card__collapse--closed{grid-template-rows:0fr}.ru-frame-card__inner{min-height:0;overflow:hidden}.ru-frame-card__body{padding:.5rem 1.25rem 1.125rem}.ru-frame-card--title-frame .ru-frame-card__body{padding-top:1.125rem}.ru-frame-card__frame-head{display:flex;align-items:center;gap:.5rem;padding:.625rem .375rem .875rem 1rem;color:var(--_fc-on)}.ru-frame-card__frame-head .ru-frame-card__title{font-size:.875rem}.ru-frame-card__foot{display:flex;align-items:center;gap:.5rem;padding:.75rem .375rem .375rem 1rem;color:var(--_fc-ink);font-size:.875rem;font-weight:600}.ru-frame-card__foot-content{flex:1;min-width:0}.ru-frame-card__link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.ru-frame-card__link:hover{text-decoration:underline}.ru-frame-card__pager{display:flex;gap:2px}.ru-frame-card__pager button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:inherit;cursor:pointer}.ru-frame-card__pager button:hover:not(:disabled){background:#00000014}.ru-frame-card__pager button:disabled{opacity:.4;cursor:not-allowed}.ru-frame-card__pager svg{width:16px;height:16px}.ru-frame-card :is(.ru-frame-card__toggle,.ru-frame-card__pager button,.ru-frame-card__link):focus-visible{outline:2px solid currentColor;outline-offset:1px}.ru-calendar{--_cc: var(--ru-primary);width:100%;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-calendar__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.875rem}.ru-calendar__pickers{display:flex;gap:.5rem}.ru-calendar__picker{width:4.75rem}.ru-calendar__picker--year{width:5.5rem}.ru-calendar__picker .ru-input-wrap{border-radius:9999px}.ru-calendar__nav{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9999px;background:transparent;color:var(--ru-text-muted);cursor:pointer}.ru-calendar__nav:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-calendar__nav svg{width:18px;height:18px}.ru-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-align:center;text-transform:uppercase}.ru-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius)}.ru-calendar__cell{position:relative;display:grid;place-items:center;aspect-ratio:1.15;padding:0;border:0;border-right:1px solid var(--ru-border);border-bottom:1px solid var(--ru-border);background:transparent;color:var(--ru-text);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.ru-calendar__cell:nth-child(7n){border-right:0}.ru-calendar__cell:nth-last-child(-n+7){border-bottom:0}.ru-calendar__cell:hover .ru-calendar__day{background:var(--ru-muted)}.ru-calendar__cell:focus-visible{outline:none}.ru-calendar__cell:focus-visible .ru-calendar__day{box-shadow:0 0 0 2px color-mix(in srgb,var(--_cc) 60%,transparent)}.ru-calendar__cell--outside{color:color-mix(in srgb,var(--ru-text-muted) 55%,transparent);background:color-mix(in srgb,var(--ru-muted) 40%,transparent)}.ru-calendar__day{display:grid;place-items:center;width:82%;height:74%;border-radius:calc(var(--ru-radius-sm) + 2px);transition:background-color var(--ru-transition),color var(--ru-transition)}.ru-calendar__cell--selected .ru-calendar__day,.ru-calendar__cell--selected:hover .ru-calendar__day{background:var(--_cc);color:var(--ru-on-color);box-shadow:inset 0 1px #ffffff40,0 1px 2px color-mix(in srgb,var(--_cc) 40%,transparent)}.ru-calendar__cell--today:before{content:"";position:absolute;top:6%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--_cc);transform:translate(-50%)}.ru-avatar__badge{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--ru-danger);color:#fff;box-shadow:0 0 0 2px var(--ru-surface);font-size:10px;font-weight:700;line-height:1}.ru-c-primary{--_c: var(--ru-primary)}.ru-c-secondary{--_c: var(--ru-secondary)}.ru-c-success{--_c: var(--ru-success)}.ru-c-danger{--_c: var(--ru-danger)}.ru-c-warning{--_c: var(--ru-warning)}.ru-c-info{--_c: var(--ru-info)}@keyframes ru-spin{to{transform:rotate(360deg)}}@keyframes ru-fade-in{0%{opacity:0}}@keyframes ru-scale-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes ru-toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes ru-slide-from-right{0%{transform:translate(100%)}}@keyframes ru-slide-from-left{0%{transform:translate(-100%)}}@keyframes ru-slide-from-top{0%{transform:translateY(-100%)}}@keyframes ru-slide-from-bottom{0%{transform:translateY(100%)}}@keyframes ru-indeterminate{0%{left:-40%}to{left:100%}}@keyframes ru-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ru-overlay,.ru-modal,.ru-drawer,.ru-toast,.ru-dropdown__menu,.ru-tooltip__bubble,.ru-skeleton:after{animation:none}.ru-overlay--closing,.ru-modal--closing,.ru-drawer.ru-drawer--closing{animation:none}.ru-spinner{animation-duration:1.5s}.ru-accordion__panel,.ru-card--hoverable{transition:none}}
1
+ :root,.light,[data-theme=light]{color-scheme:light;--ru-primary: #5b4cf5;--ru-secondary: #6b6b76;--ru-success: #12a150;--ru-danger: #e5484d;--ru-warning: #d97706;--ru-info: #2f7cf6;--ru-on-color: #ffffff;--ru-bg: #fcfcfd;--ru-surface: #ffffff;--ru-muted: #f4f4f6;--ru-border: rgb(19 19 22 / .1);--ru-text: #131316;--ru-text-muted: #6b6b76;--ru-overlay: rgb(9 9 11 / .4);--ru-tooltip-bg: #131316;--ru-tooltip-text: #fafafa;--ru-shimmer: rgb(255 255 255 / .5);--ru-highlight: rgb(255 255 255 / .18);--ru-sheen: rgb(255 255 255 / .9);--ru-brand-solid: #0f6a54;--ru-brand-gradient: linear-gradient(105deg, #1b7c63 0%, #0f6a54 50%, #0b5745 100%);--ru-brand-fg: #ffffff;--ru-brand-edge: inset 0 0 0 1px rgb(29 27 22 / .08), inset 0 1px 0 rgb(29 27 22 / .18);--ru-radius-sm: .375rem;--ru-radius: .625rem;--ru-radius-lg: .875rem;--ru-font-family: inherit;--ru-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ru-shadow-xs: 0 1px 2px -1px rgb(0 0 0 / .1), 0 0 0 1px rgb(19 19 22 / .1);--ru-shadow-sm: 0 1px 1px -.5px rgb(0 0 0 / .06), 0 3px 3px -1.5px rgb(0 0 0 / .04);--ru-shadow: 0 1px 1px rgb(0 0 0 / .04), 0 4px 8px -2px rgb(19 19 22 / .08), 0 12px 24px -8px rgb(19 19 22 / .1);--ru-shadow-lg: 0 1px 1px rgb(0 0 0 / .05), 0 4px 6px rgb(19 19 22 / .06), 0 10px 32px rgb(19 19 22 / .12), 0 24px 68px rgb(19 19 22 / .08);--ru-transition: .15s ease;--ru-z-dropdown: 1000;--ru-z-overlay: 1300;--ru-z-popover: 1350;--ru-z-toast: 1400;--ru-z-tooltip: 1500}.dark,[data-theme=dark]{--ru-primary: #7c6fff;--ru-secondary: #a1a1aa;--ru-success: #3dd68c;--ru-danger: #ff6369;--ru-warning: #f5a524;--ru-info: #52a8ff;--ru-bg: #09090b;--ru-surface: #111113;--ru-muted: #1c1c1f;--ru-border: rgb(255 255 255 / .09);--ru-text: #f4f4f5;--ru-text-muted: #a1a1aa;--ru-overlay: rgb(0 0 0 / .6);--ru-tooltip-bg: #f4f4f5;--ru-tooltip-text: #111113;--ru-shimmer: rgb(255 255 255 / .05);--ru-highlight: rgb(255 255 255 / .22);--ru-sheen: rgb(255 255 255 / .07);--ru-brand-solid: #ffd21a;--ru-brand-gradient: linear-gradient(105deg, #ffe67a 0%, #ffd21a 50%, #f0b400 100%);--ru-brand-fg: #1c1604;--ru-brand-edge: inset 0 0 0 1px rgb(255 240 170 / .55), inset 0 1px 0 rgb(255 255 255 / .35);--ru-shadow-xs: 0 1px 2px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .09);--ru-shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .04);--ru-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 4px 12px rgb(0 0 0 / .45);--ru-shadow-lg: inset 0 1px 0 rgb(255 255 255 / .05), 0 0 0 1px rgb(255 255 255 / .06), 0 24px 48px rgb(0 0 0 / .6);color-scheme:dark}[class^=ru-],[class*=" ru-"],[class^=ru-]:before,[class*=" ru-"]:before,[class^=ru-]:after,[class*=" ru-"]:after{box-sizing:border-box}.ru-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ru-btn{--_c: var(--ru-primary);--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: transparent;--_img: linear-gradient(180deg, rgb(255 255 255 / .14), rgb(255 255 255 / 0));--_sh: inset 0 0 0 1px var(--ru-highlight), 0 0 0 1px color-mix(in srgb, var(--_c) 78%, black), 0 1px 2px -1px rgb(0 0 0 / .3);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--ru-radius);font-family:var(--ru-font-family);font-weight:500;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ru-transition),border-color var(--ru-transition),color var(--ru-transition),box-shadow var(--ru-transition),opacity var(--ru-transition),transform .12s ease}.ru-btn--sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.ru-btn--md{height:2.5rem;padding:0 1rem;font-size:.875rem}.ru-btn--lg{height:3rem;padding:0 1.5rem;font-size:1rem}.ru-btn--sm:not(.ru-btn--pill){border-radius:calc(var(--ru-radius) - 2px)}.ru-btn--lg:not(.ru-btn--pill){border-radius:calc(var(--ru-radius) + 4px)}.ru-btn--full{width:100%}.ru-btn svg{width:1em;height:1em;flex-shrink:0}.ru-btn:is(button,a){background-color:var(--_bg);background-image:var(--_img);background-origin:border-box;background-repeat:no-repeat;color:var(--_fg);border-color:var(--_bd);box-shadow:var(--_sh)}.ru-btn:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 90%, black)}.ru-btn:active:not(:disabled){transform:scale(.97)}.ru-btn:focus-visible{outline:none;box-shadow:var(--_sh),0 0 0 4px color-mix(in srgb,var(--_c) 28%,transparent)}.ru-btn:disabled,.ru-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ru-btn[aria-disabled=true]{pointer-events:none}.ru-btn--danger{--_c: var(--ru-danger)}.ru-btn--success{--_c: var(--ru-success)}.ru-btn--gradient{--_img: linear-gradient( 105deg, color-mix(in srgb, var(--_c) 78%, white) 0%, var(--_c) 50%, color-mix(in srgb, var(--_c) 80%, black) 100% );--_sh: inset 0 0 0 1px rgb(255 255 255 / .14), inset 0 1px 0 rgb(255 255 255 / .3), 0 1px 2px rgb(0 0 0 / .16), 0 8px 20px -8px color-mix(in srgb, var(--_c) 70%, transparent);font-weight:600;border-width:0;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--gradient:hover:not(:disabled){filter:brightness(1.06)}.ru-btn.ru-btn--brand{--_c: var(--ru-brand-solid);--_bg: var(--ru-brand-solid);--_img: var(--ru-brand-gradient);--_fg: var(--ru-brand-fg);--_sh: var(--ru-brand-edge);font-weight:600;border-width:0;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn.ru-btn--brand:hover:not(:disabled){--_bg: var(--ru-brand-solid);filter:brightness(1.05)}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--sm{border-radius:.5rem}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--md{border-radius:.75rem}.ru-btn:where(.ru-btn--brand,.ru-btn--gradient):not(.ru-btn--pill).ru-btn--lg{border-radius:.875rem}.ru-btn--secondary{--_c: var(--ru-secondary);--_bg: var(--ru-surface);--_fg: var(--ru-text);--_img: none;--_sh: var(--ru-shadow-xs)}.ru-btn--secondary:hover:not(:disabled){--_bg: var(--ru-muted)}.ru-btn--soft{--_bg: color-mix(in srgb, var(--_c) 12%, transparent);--_fg: color-mix(in srgb, var(--_c) 85%, var(--ru-text));--_img: none;--_sh: 0 0 #0000}.ru-btn--soft:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 20%, transparent)}.ru-btn--outline{--_bg: transparent;--_bd: var(--_c);--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000}.ru-btn--subtle{--_bg: color-mix(in srgb, var(--ru-text) 3%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 10%, transparent);--_fg: color-mix(in srgb, var(--ru-text) 75%, transparent);--_img: none;--_sh: 0 0 #0000}.ru-btn--subtle:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-text) 6%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 18%, transparent);--_fg: var(--ru-text)}.ru-btn--ghost{--_bg: transparent;--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000}.ru-btn--outline:hover:not(:disabled),.ru-btn--ghost:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 10%, transparent)}.ru-btn--text{--_bg: transparent;--_fg: color-mix(in srgb, var(--ru-text) 60%, transparent);--_img: none;--_sh: 0 0 #0000;font-weight:400}.ru-btn--text:hover:not(:disabled){--_bg: transparent;--_fg: var(--ru-text)}.ru-btn--link{--_bg: transparent;--_fg: var(--_c);--_img: none;--_sh: 0 0 #0000;height:auto;padding:0}.ru-btn--link:hover:not(:disabled){--_bg: transparent;text-decoration:underline}.ru-btn--pill{border-radius:9999px}.ru-btn--icon{padding:0;aspect-ratio:1}.ru-btn--icon svg{width:1.125em;height:1.125em}.ru-btn--raised{--_bg: var(--ru-surface);--_img: linear-gradient(180deg, var(--ru-surface) 0%, color-mix(in srgb, var(--ru-surface), var(--ru-text) 5%) 100%);--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 22%, transparent);--_sh: 0 1.5px 0 color-mix(in srgb, var(--ru-text) 12%, transparent)}.ru-btn--raised:hover:not(:disabled){--_bg: var(--ru-surface);--_img: linear-gradient( 180deg, color-mix(in srgb, var(--ru-surface), var(--ru-text) 5%) 0%, color-mix(in srgb, var(--ru-surface), var(--ru-text) 8%) 100% )}.ru-btn.ru-btn--raised{border-radius:9999px}.ru-btn--framed{--_bg: var(--ru-surface);--_img: none;--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 16%, transparent);--_frame: color-mix(in srgb, var(--ru-text) 5%, transparent);--_sh: 0 0 0 4px var(--_frame), 0 1px 2px rgb(0 0 0 / .04)}.ru-btn--framed:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-surface), var(--ru-text) 2%);--_frame: color-mix(in srgb, var(--ru-text) 8%, transparent)}.ru-btn--framed:focus-visible{--_frame: color-mix(in srgb, var(--_c) 30%, transparent);box-shadow:var(--_sh)}.ru-btn.ru-btn--framed{border-radius:calc(var(--ru-radius) + 8px)}.ru-btn--pixel{--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: color-mix(in srgb, var(--_c) 72%, black);--_img: linear-gradient(180deg, rgb(255 255 255 / .2) 0%, rgb(255 255 255 / 0) 48%, rgb(0 0 0 / .1) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.099'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='21' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.054'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.023'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.036'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.072'/%3E%3C/svg%3E");--_sh: inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -2px 0 rgb(0 0 0 / .12), 0 8px 20px -8px color-mix(in srgb, var(--_c) 75%, transparent);font-weight:500;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--pixel:hover:not(:disabled){--_bg: var(--_c);filter:brightness(1.07)}.ru-btn--pixel:is(button,a){background-repeat:no-repeat,repeat;background-size:100% 100%,42px 21px}.ru-btn.ru-btn--pixel{border-radius:9999px}.ru-btn--pixel{position:relative;isolation:isolate}.ru-btn--pixel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='21' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.12'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.192'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3C/svg%3E") 0 0 / 42px 21px repeat;-webkit-mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ru-btn--pixel:hover:not(:disabled):before,.ru-btn--pixel:focus-visible:before{opacity:1}.ru-btn--pixel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='21'%3E%3Crect x='7' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='14' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='21' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='28' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='35' y='0' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='0' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='7' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='14' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='28' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='35' y='7' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='0' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3Crect x='7' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.192'/%3E%3Crect x='14' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.288'/%3E%3Crect x='21' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.528'/%3E%3Crect x='28' y='14' width='6' height='6' fill='%23fff' fill-opacity='0.384'/%3E%3C/svg%3E") 0 0 / 42px 21px repeat;-webkit-mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);mask-image:radial-gradient(circle 70px at var(--ru-px, 50%) var(--ru-py, 50%),#000 0%,rgb(0 0 0 / .6) 40%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ru-btn--pixel:hover:not(:disabled):before{animation:ru-pixel-shift-a 1.6s steps(1,end) infinite}.ru-btn--pixel:hover:not(:disabled):after{animation:ru-pixel-shift-b 2.2s steps(1,end) infinite,ru-pixel-flicker .9s steps(1,end) infinite}@keyframes ru-pixel-shift-a{0%{background-position:0 0}25%{background-position:14px 7px}50%{background-position:28px 14px}75%{background-position:7px 0}}@keyframes ru-pixel-shift-b{0%{background-position:21px 7px}20%{background-position:0 14px}45%{background-position:35px 0}70%{background-position:7px 7px}85%{background-position:28px 14px}}@keyframes ru-pixel-flicker{0%{opacity:1}30%{opacity:.35}55%{opacity:.9}80%{opacity:.15}}@media(prefers-reduced-motion:reduce){.ru-btn--pixel:hover:not(:disabled):before,.ru-btn--pixel:hover:not(:disabled):after{animation:none}.ru-btn--pixel:hover:not(:disabled):after{opacity:1}}.ru-btn--glossy{--_bg: var(--_c);--_fg: var(--ru-on-color);--_bd: color-mix(in srgb, var(--_c) 70%, black);--_img: linear-gradient( 180deg, color-mix(in srgb, var(--_c) 78%, white) 0%, var(--_c) 55%, color-mix(in srgb, var(--_c) 88%, black) 100% );--_sh: inset 0 1px 0 rgb(255 255 255 / .35), inset 0 -1px 0 rgb(0 0 0 / .15), 0 6px 16px -6px color-mix(in srgb, var(--_c) 70%, transparent);font-weight:500;transition:filter var(--ru-transition),box-shadow var(--ru-transition),transform var(--ru-transition)}.ru-btn--glossy:hover:not(:disabled){--_bg: var(--_c);filter:brightness(1.06)}.ru-btn--dashed{--_bg: transparent;--_fg: color-mix(in srgb, var(--ru-text) 45%, transparent);--_bd: color-mix(in srgb, var(--ru-text) 24%, transparent);--_img: none;--_sh: 0 0 #0000;border-style:dashed;border-width:1.5px}.ru-btn--dashed:hover:not(:disabled){--_bg: color-mix(in srgb, var(--ru-text) 3%, transparent);--_fg: var(--ru-text);--_bd: color-mix(in srgb, var(--ru-text) 45%, transparent)}.ru-btn__end{display:inline-flex}.ru-btn--justify-start,.ru-btn--justify-between{justify-content:flex-start;text-align:left}.ru-btn--justify-between .ru-btn__end{margin-left:auto;padding-left:.75rem}.ru-btn-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ru-btn-group--attached{flex-wrap:nowrap;gap:0}.ru-btn-group--attached>.ru-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.ru-btn-group--attached>.ru-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ru-btn-group--attached>.ru-btn:hover,.ru-btn-group--attached>.ru-btn:focus-visible{position:relative;z-index:1}.ru-btn .ru-spinner{width:1em;height:1em;border-width:2px;color:inherit}.ru-spinner-wrap{display:inline-flex}.ru-spinner{display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--_c, var(--ru-primary));animation:ru-spin .7s linear infinite}.ru-spinner--sm{width:1rem;height:1rem;border-width:2px}.ru-spinner--lg{width:2.25rem;height:2.25rem;border-width:3px}.ru-badge{display:inline-flex;align-items:center;gap:.375rem;border:1px solid transparent;border-radius:9999px;font-family:var(--ru-font-family);font-weight:500;line-height:1;white-space:nowrap}.ru-badge--sm{height:1.25rem;padding:0 .5rem;font-size:.6875rem}.ru-badge--md{height:1.5rem;padding:0 .625rem;font-size:.75rem}.ru-badge--solid{background:var(--_c);color:var(--ru-on-color)}.ru-badge--soft{background:color-mix(in srgb,var(--_c) 14%,transparent);color:var(--_c)}.ru-badge--outline{background:transparent;border-color:var(--_c);color:var(--_c)}.ru-badge__dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.ru-avatar{--_av-bg: var(--ru-muted);--_av-fg: var(--ru-text-muted);--_sh: 0 0 #0000;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;border-radius:9999px;background:var(--_av-bg);color:var(--_av-fg);box-shadow:var(--_sh);font-family:var(--ru-font-family);font-weight:600;-webkit-user-select:none;user-select:none}.ru-avatar--square{border-radius:var(--ru-radius)}.ru-avatar--squircle{border-radius:32%}.ru-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ru-avatar__icon{width:60%;height:60%}.ru-avatar--xs{width:1.5rem;height:1.5rem;font-size:.625rem}.ru-avatar--sm{width:2rem;height:2rem;font-size:.75rem}.ru-avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.ru-avatar--lg{width:3rem;height:3rem;font-size:1rem}.ru-avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.ru-avatar--2xl{width:5rem;height:5rem;font-size:1.5rem}.ru-avatar--tinted{--_av-bg: color-mix(in srgb, var(--_avc) 18%, var(--ru-surface));--_av-fg: color-mix(in srgb, var(--_avc) 78%, var(--ru-text))}.ru-avatar__status{--_st: color-mix(in srgb, var(--ru-text-muted) 70%, transparent);position:absolute;right:0;bottom:0;width:max(8px,26%);height:max(8px,26%);border-radius:50%;background:var(--_st);box-shadow:0 0 0 2px var(--ru-surface)}.ru-avatar--square .ru-avatar__status,.ru-avatar--squircle .ru-avatar__status{right:-2px;bottom:-2px}.ru-avatar__status--online{--_st: var(--ru-success)}.ru-avatar__status--away{--_st: var(--ru-warning)}.ru-avatar__status--busy{--_st: var(--ru-danger)}.ru-avatar__status--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;animation:ru-avatar-ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ru-avatar-ping{75%,to{transform:scale(2.2);opacity:0}}.ru-avatar-group{--_overlap: -.5rem;display:inline-flex;align-items:center}.ru-avatar-group>*+*{margin-left:var(--_overlap)}.ru-avatar-group .ru-avatar{--_sh: 0 0 0 2px var(--ru-surface)}.ru-avatar.ru-avatar--ring{--_sh: 0 0 0 2px var(--ru-surface), 0 0 0 4px var(--_ring, var(--ru-primary))}.ru-avatar-tip{position:relative;display:inline-flex;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.ru-avatar-tip:hover,.ru-avatar-tip:focus-within{z-index:3;transform:translateY(-4px) scale(1.08)}.ru-avatar-tip__bubble{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:var(--ru-z-tooltip);transform:translate(calc(-50% + var(--_shift, 0px))) rotate(var(--_tilt, 0deg));transform-origin:bottom center;transition:transform .14s ease-out;pointer-events:none}.ru-avatar-tip__inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:.4375rem .875rem;border-radius:var(--ru-radius);background:var(--ru-tooltip-bg);color:var(--ru-tooltip-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.8125rem;line-height:1.35;white-space:nowrap;transform-origin:bottom center;animation:ru-avatar-tip-in .42s cubic-bezier(.34,1.56,.64,1) both}.ru-avatar-tip__inner:before{content:"";position:absolute;bottom:-4px;left:calc(50% - 5px);width:10px;height:10px;border-radius:2px;background:inherit;transform:rotate(45deg)}.ru-avatar-tip__inner:after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:1.5px;border-radius:1px;background:linear-gradient(90deg,transparent,var(--_accent, var(--ru-primary)),transparent)}.ru-avatar-tip__name{font-weight:600}.ru-avatar-tip__desc{font-size:.6875rem;font-weight:500;opacity:.65}@keyframes ru-avatar-tip-in{0%{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ru-avatar-tip,.ru-avatar-tip__bubble{transition:none}.ru-avatar-tip:hover,.ru-avatar-tip:focus-within{transform:none}.ru-avatar-tip__inner,.ru-avatar__status--pulse:after{animation:none}}.ru-alert{display:flex;gap:.75rem;padding:.875rem 1rem;border:1px solid color-mix(in srgb,var(--_c) 30%,transparent);border-radius:var(--ru-radius);background:color-mix(in srgb,var(--_c) 10%,var(--ru-surface));color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;line-height:1.5}.ru-alert__icon{display:flex;flex-shrink:0;padding-top:.125rem;color:var(--_c)}.ru-alert__icon svg{width:1.125rem;height:1.125rem}.ru-alert__content{flex:1;min-width:0}.ru-alert__title{margin:0 0 .125rem;font-weight:600}.ru-alert__desc{color:var(--ru-text);opacity:.85}.ru-alert .ru-close{margin:-.25rem -.375rem 0 0}.ru-alert .ru-close:hover{background:color-mix(in srgb,var(--_c) 15%,transparent)}.ru-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);cursor:pointer;transition:background-color var(--ru-transition),color var(--ru-transition)}.ru-close:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-close:focus-visible{outline:2px solid var(--ru-primary);outline-offset:1px}.ru-close svg{width:1rem;height:1rem}.ru-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius-lg);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-sm);font-family:var(--ru-font-family)}.ru-card--elevated{box-shadow:var(--ru-shadow)}.ru-card--hoverable{transition:box-shadow .2s ease,transform .2s ease}.ru-card--hoverable:hover{box-shadow:var(--ru-shadow-lg);transform:translateY(-2px)}.ru-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.ru-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.ru-card__subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--ru-text-muted)}.ru-card__body{flex:1;padding:1.25rem;font-size:.875rem;line-height:1.6}.ru-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--ru-border);background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-divider{--_line: var(--ru-border);--_t: 1px;--_style: solid;--_len: 100%;--_gap: 1rem;flex-shrink:0;width:var(--_len);height:0;margin:var(--_gap) auto;border:0;border-top:var(--_t) var(--_style) var(--_line);background:none}.ru-divider--align-start{margin-left:0;margin-right:auto}.ru-divider--align-end{margin-left:auto;margin-right:0}.ru-divider--dashed{--_style: dashed}.ru-divider--dotted{--_style: dotted}.ru-divider--double{--_style: double;border-top-width:max(3px,var(--_t))}.ru-divider--gradient{height:var(--_t);border-top:0;background:linear-gradient(90deg,transparent,var(--_line) 20%,var(--_line) 80%,transparent)}.ru-divider--vertical{--_len: auto;--_gap: .75rem;display:inline-block;align-self:stretch;width:0;height:var(--_len);min-height:1em;margin:0 var(--_gap);border-top:0;border-left:var(--_t) var(--_style) var(--_line)}.ru-divider--vertical.ru-divider--double{border-left-width:max(3px,var(--_t))}.ru-divider--vertical.ru-divider--gradient{width:var(--_t);border-left:0;background:linear-gradient(180deg,transparent,var(--_line) 20%,var(--_line) 80%,transparent)}.ru-divider--label{display:flex;align-items:center;gap:.75rem;height:auto;border-top:0;background:none;color:var(--ru-text-muted);font-family:var(--ru-font-family);font-size:.75rem;font-weight:500}.ru-divider--label:before,.ru-divider--label:after{content:"";flex:1;border-top:var(--_t) var(--_style) var(--_line)}.ru-divider--label.ru-divider--double:before,.ru-divider--label.ru-divider--double:after{border-top-width:max(3px,var(--_t))}.ru-divider--label.ru-divider--gradient:before,.ru-divider--label.ru-divider--gradient:after{height:var(--_t);border-top:0}.ru-divider--label.ru-divider--gradient:before{background:linear-gradient(90deg,transparent,var(--_line))}.ru-divider--label.ru-divider--gradient:after{background:linear-gradient(90deg,var(--_line),transparent)}.ru-divider--label-start:before{flex:0 0 1.5rem}.ru-divider--label-end:after{flex:0 0 1.5rem}.ru-divider__label{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.ru-table-wrap{width:100%;overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface)}.ru-table-scroll{width:100%;overflow-x:auto}.ru-table--loading tbody{opacity:.5;transition:opacity var(--ru-transition)}.ru-table__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.625rem .75rem .625rem 1rem;border-top:1px solid var(--ru-border);color:var(--ru-text-muted);font-family:var(--ru-font-family);font-size:.8125rem}.ru-table__info{margin:0 auto 0 0}.ru-table__info strong{color:var(--ru-text);font-weight:500}.ru-table__size{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.ru-table__size-select{width:4.75rem}.ru-table{width:100%;border-collapse:collapse;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;text-align:left}.ru-table caption{caption-side:bottom;padding:.75rem;color:var(--ru-text-muted);font-size:.8125rem}.ru-table th{padding:.75rem 1rem;border-bottom:1px solid var(--ru-border);background:var(--ru-muted);color:var(--ru-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.ru-table td{padding:.75rem 1rem;border-bottom:1px solid var(--ru-border);vertical-align:middle}.ru-table tbody tr:last-child td{border-bottom:none}.ru-table--sm th,.ru-table--sm td{padding:.5rem .75rem}.ru-table--striped tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-table--hover tbody tr:hover{background:var(--ru-muted)}.ru-table td.ru-table__empty{padding:2rem 1rem;text-align:center;color:var(--ru-text-muted)}.ru-field{display:inline-flex;flex-direction:column;gap:.375rem;min-width:0;font-family:var(--ru-font-family)}.ru-field--full{display:flex;width:100%}.ru-label{padding:0;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;font-weight:500}.ru-label__req{margin-left:.125rem;color:var(--ru-danger)}.ru-input-wrap{position:relative;display:flex;align-items:center;gap:.5rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:0 1px 2px -1px #00000014;transition:border-color var(--ru-transition),box-shadow var(--ru-transition)}.ru-input-wrap:focus-within{border-color:var(--ru-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ru-primary) 16%,transparent)}.ru-input-wrap--error{border-color:var(--ru-danger)}.ru-input-wrap--error:focus-within{border-color:var(--ru-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--ru-danger) 16%,transparent)}.ru-input-wrap--disabled{opacity:.6;cursor:not-allowed;background:var(--ru-muted)}.ru-input-wrap--sm{min-height:2rem;padding:0 .625rem;font-size:.8125rem}.ru-input-wrap--md{min-height:2.5rem;padding:0 .75rem;font-size:.875rem}.ru-input-wrap--lg{min-height:3rem;padding:0 1rem;font-size:1rem}.ru-input-wrap--textarea{align-items:stretch;padding:.5rem .75rem;font-size:.875rem}.ru-input{flex:1;align-self:stretch;width:100%;min-width:0;margin:0;padding:0;border:none;outline:none;background:transparent;color:inherit;font:inherit}.ru-input::placeholder{color:var(--ru-text-muted);opacity:.8}.ru-input:disabled{cursor:not-allowed}textarea.ru-input{min-height:5rem;line-height:1.5;resize:vertical}.ru-native-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:1.5rem;cursor:pointer}.ru-native-select option{background:var(--ru-surface);color:var(--ru-text)}.ru-native-select__chevron{position:absolute;right:.75rem;width:1rem;height:1rem;color:var(--ru-text-muted);pointer-events:none}.ru-input-wrap.ru-select-wrap{padding:0}.ru-select-trigger{display:flex;flex:1;align-self:stretch;align-items:center;gap:.5rem;width:100%;min-width:0;margin:0;padding:0 .75rem;border:none;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;outline:none}.ru-input-wrap--sm .ru-select-trigger{padding:0 .625rem}.ru-input-wrap--lg .ru-select-trigger{padding:0 1rem}.ru-select-trigger:disabled{cursor:not-allowed}.ru-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ru-select__placeholder{color:var(--ru-text-muted)}.ru-select__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-text-muted);transition:transform var(--ru-transition)}.ru-select-wrap--open .ru-select__chevron{transform:rotate(180deg)}.ru-select__native{position:absolute;bottom:0;left:0;width:100%;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.ru-select__list{position:fixed;z-index:var(--ru-z-popover);margin:0;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;list-style:none;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.875rem;transform-origin:top;animation:ru-scale-in .12s ease}.ru-select__list--top{transform-origin:bottom}.ru-select__list::-webkit-scrollbar{display:none}.ru-select__option{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--ru-radius-sm);line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none}.ru-select__option--active{background:var(--ru-muted)}.ru-select__option--selected .ru-select__label{font-weight:500}.ru-select__option--disabled{opacity:.45;cursor:not-allowed}.ru-select__text{display:flex;flex:1;flex-direction:column;min-width:0}.ru-select__desc{margin-top:.0625rem;color:var(--ru-text-muted);font-size:.75rem}.ru-select__icon{display:flex;flex-shrink:0;color:var(--ru-text-muted)}.ru-select__icon svg{width:1rem;height:1rem}.ru-select__check{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-primary)}.ru-select__group{padding:.5rem .625rem .25rem;color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ru-select__group:not(:first-child){margin-top:.25rem;padding-top:.625rem;border-top:1px solid var(--ru-border)}.ru-select__empty{padding:.75rem;color:var(--ru-text-muted);text-align:center}.ru-input-icon{display:flex;flex-shrink:0;color:var(--ru-text-muted)}.ru-input-icon svg{width:1rem;height:1rem}.ru-help{margin:0;color:var(--ru-text-muted);font-size:.75rem}.ru-help--error{color:var(--ru-danger)}.ru-check{--_c: var(--ru-primary);position:relative;display:inline-flex;align-items:flex-start;gap:.5rem;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;line-height:1.25rem;cursor:pointer}.ru-check--disabled{opacity:.55;cursor:not-allowed}.ru-check__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex-shrink:0;width:1rem;height:1rem;margin:.125rem 0 0;border:1.5px solid color-mix(in srgb,var(--ru-text-muted) 60%,transparent);border-radius:.25rem;background:var(--ru-surface);cursor:inherit;transition:background-color var(--ru-transition),border-color var(--ru-transition),box-shadow var(--ru-transition)}.ru-check__input:before{content:"";width:.55rem;height:.55rem;background:var(--ru-on-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform .12s ease}.ru-check__input:checked,.ru-check__input:indeterminate{border-color:var(--_c);background:var(--_c)}.ru-check__input:checked:before{transform:scale(1)}.ru-check__input:indeterminate:before{width:.5rem;height:2px;clip-path:none;transform:scale(1)}.ru-check__input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c) 35%,transparent)}.ru-check__input--radio{border-radius:50%}.ru-check__input--radio:before{width:.4rem;height:.4rem;border-radius:50%;clip-path:none}.ru-check__text{display:flex;flex-direction:column}.ru-check__desc{color:var(--ru-text-muted);font-size:.8125rem}.ru-radio-group{min-width:0;margin:0;padding:0;border:none}.ru-radio-group>legend{margin-bottom:.5rem}.ru-radio-group__items{display:flex;flex-direction:column;gap:.625rem}.ru-radio-group__items--horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}.ru-switch{--_c: var(--ru-primary);--_w: 2.25rem;--_h: 1.25rem;--_t: 1rem;display:inline-flex;align-items:center;gap:.625rem;color:var(--ru-text);font-family:var(--ru-font-family);font-size:.875rem;cursor:pointer}.ru-switch--sm{--_w: 1.75rem;--_h: 1rem;--_t: .75rem}.ru-switch--lg{--_w: 2.75rem;--_h: 1.5rem;--_t: 1.25rem}.ru-switch--disabled{opacity:.55;cursor:not-allowed}.ru-switch__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:var(--_w);height:var(--_h);padding:0;border:none;border-radius:9999px;cursor:inherit;transition:background-color var(--ru-transition)}button.ru-switch__track{background:color-mix(in srgb,var(--ru-text-muted) 40%,transparent)}.ru-switch__track[aria-checked=true]{background:var(--_c)}.ru-switch__track:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--_c) 35%,transparent)}.ru-switch__thumb{position:absolute;left:2px;width:var(--_t);height:var(--_t);border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--ru-transition)}.ru-switch__track[aria-checked=true] .ru-switch__thumb{transform:translate(calc(var(--_w) - var(--_t) - 4px))}.ru-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ru-z-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;background:var(--ru-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ru-fade-in .15s ease}.ru-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 2rem);border:1px solid var(--ru-border);border-radius:var(--ru-radius-lg);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);outline:none;animation:ru-scale-in .18s cubic-bezier(.16,1,.3,1)}.ru-modal--sm{max-width:24rem}.ru-modal--md{max-width:32rem}.ru-modal--lg{max-width:48rem}.ru-modal--xl{max-width:64rem}.ru-modal--full{max-width:none;height:calc(100vh - 2rem)}.ru-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem .5rem}.ru-modal__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.ru-modal__desc{margin:.25rem 0 0;color:var(--ru-text-muted);font-size:.875rem}.ru-modal__body{flex:1;overflow-y:auto;padding:.5rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.6;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ru-text) 20%,transparent) transparent}.ru-modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--ru-border)}.ru-overlay--drawer{display:block;padding:0}.ru-drawer{position:fixed;display:flex;flex-direction:column;background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);outline:none}.ru-drawer--left,.ru-drawer--right{top:0;height:100%;width:min(var(--ru-drawer-size, 24rem),100vw)}.ru-drawer--top,.ru-drawer--bottom{left:0;width:100%;height:min(var(--ru-drawer-size, 24rem),100vh)}.ru-drawer{--_dr: var(--ru-radius-lg);overflow:hidden}.ru-drawer--right{right:0;border-left:1px solid var(--ru-border);border-radius:var(--_dr) 0 0 var(--_dr);animation:ru-slide-from-right .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--left{left:0;border-right:1px solid var(--ru-border);border-radius:0 var(--_dr) var(--_dr) 0;animation:ru-slide-from-left .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--top{top:0;border-bottom:1px solid var(--ru-border);border-radius:0 0 var(--_dr) var(--_dr);animation:ru-slide-from-top .26s cubic-bezier(.16,1,.3,1)}.ru-drawer--bottom{bottom:0;border-top:1px solid var(--ru-border);border-radius:var(--_dr) var(--_dr) 0 0;animation:ru-slide-from-bottom .26s cubic-bezier(.16,1,.3,1)}.ru-drawer .ru-modal__header{padding:1.125rem 1.25rem 1rem;border-bottom:1px solid var(--ru-border)}.ru-drawer .ru-modal__body{padding:1.125rem 1.25rem 1.25rem}.ru-drawer .ru-modal__footer{background:color-mix(in srgb,var(--ru-muted) 50%,transparent)}.ru-drawer--bottom:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--ru-text) 20%,transparent);transform:translate(-50%)}.ru-drawer--bottom .ru-modal__header{padding-top:1.5rem}.ru-drawer--floating{--_inset: .75rem;border:1px solid var(--ru-border);border-radius:var(--_dr)}.ru-drawer--floating.ru-drawer--right,.ru-drawer--floating.ru-drawer--left{top:var(--_inset);height:calc(100% - 2 * var(--_inset));width:min(var(--ru-drawer-size, 24rem),calc(100vw - 2 * var(--_inset)))}.ru-drawer--floating.ru-drawer--right{right:var(--_inset)}.ru-drawer--floating.ru-drawer--left{left:var(--_inset)}.ru-drawer--floating.ru-drawer--top,.ru-drawer--floating.ru-drawer--bottom{left:var(--_inset);width:calc(100% - 2 * var(--_inset));height:min(var(--ru-drawer-size, 24rem),calc(100vh - 2 * var(--_inset)))}.ru-drawer--floating.ru-drawer--top{top:var(--_inset)}.ru-drawer--floating.ru-drawer--bottom{bottom:var(--_inset)}.ru-overlay--closing{animation:ru-fade-out .2s ease forwards}.ru-modal--closing{animation:ru-scale-out .18s ease forwards}.ru-drawer--closing.ru-drawer--right{animation:ru-slide-to-right .2s ease-in forwards}.ru-drawer--closing.ru-drawer--left{animation:ru-slide-to-left .2s ease-in forwards}.ru-drawer--closing.ru-drawer--top{animation:ru-slide-to-top .2s ease-in forwards}.ru-drawer--closing.ru-drawer--bottom{animation:ru-slide-to-bottom .2s ease-in forwards}@keyframes ru-fade-out{to{opacity:0}}@keyframes ru-scale-out{to{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes ru-slide-to-right{to{transform:translate(calc(100% + 1rem))}}@keyframes ru-slide-to-left{to{transform:translate(calc(-100% - 1rem))}}@keyframes ru-slide-to-top{to{transform:translateY(calc(-100% - 1rem))}}@keyframes ru-slide-to-bottom{to{transform:translateY(calc(100% + 1rem))}}.ru-tooltip{position:relative;display:inline-flex}.ru-tooltip__bubble{--_gap: 10px;position:absolute;z-index:var(--ru-z-tooltip);width:max-content;max-width:16rem;padding:.4375rem .75rem;border-radius:var(--ru-radius);background:var(--ru-tooltip-bg);color:var(--ru-tooltip-text);box-shadow:var(--ru-shadow);font-family:var(--ru-font-family);font-size:.8125rem;font-weight:500;line-height:1.4;pointer-events:none;animation:ru-fade-in .12s ease}.ru-tooltip__bubble--sm{--_gap: 8px;padding:.3125rem .5625rem;border-radius:var(--ru-radius-sm);font-size:.75rem}.ru-tooltip__bubble--lg{--_gap: 12px;padding:.625rem 1rem;border-radius:calc(var(--ru-radius) + 4px);font-size:.9375rem}.ru-tooltip__bubble--no-arrow{--_gap: 6px}.ru-tooltip__bubble--top{bottom:calc(100% + var(--_gap));left:50%;transform:translate(-50%)}.ru-tooltip__bubble--bottom{top:calc(100% + var(--_gap));left:50%;transform:translate(-50%)}.ru-tooltip__bubble--left{right:calc(100% + var(--_gap));top:50%;transform:translateY(-50%)}.ru-tooltip__bubble--right{left:calc(100% + var(--_gap));top:50%;transform:translateY(-50%)}.ru-tooltip__bubble:before{content:"";position:absolute;width:10px;height:10px;border-radius:2px;background:inherit;transform:rotate(45deg)}.ru-tooltip__bubble--no-arrow:before{display:none}.ru-tooltip__bubble--top:before{bottom:-4px;left:calc(50% - 5px)}.ru-tooltip__bubble--bottom:before{top:-4px;left:calc(50% - 5px)}.ru-tooltip__bubble--left:before{right:-4px;top:calc(50% - 5px)}.ru-tooltip__bubble--right:before{left:-4px;top:calc(50% - 5px)}.ru-dropdown{position:relative;display:inline-flex}.ru-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--ru-z-dropdown);min-width:10rem;padding:.25rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);box-shadow:var(--ru-shadow);font-family:var(--ru-font-family);transform-origin:top;animation:ru-scale-in .12s ease}.ru-dropdown__menu--end{left:auto;right:0}.ru-dropdown__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text);font:inherit;font-size:.875rem;text-align:left;white-space:nowrap;cursor:pointer}.ru-dropdown__item:hover:not(:disabled),.ru-dropdown__item:focus-visible{outline:none;background:var(--ru-muted)}.ru-dropdown__item--danger{color:var(--ru-danger)}.ru-dropdown__item--danger:hover:not(:disabled),.ru-dropdown__item--danger:focus-visible{background:color-mix(in srgb,var(--ru-danger) 10%,transparent)}.ru-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.ru-dropdown__icon{display:flex}.ru-dropdown__icon svg{width:1rem;height:1rem}.ru-dropdown__divider{height:1px;margin:.25rem 0;background:var(--ru-border)}.ru-tabs{color:var(--ru-text);font-family:var(--ru-font-family)}.ru-tabs__list{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}.ru-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.625rem .25rem;border:none;background:transparent;color:var(--ru-text-muted);font:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--ru-transition),background-color var(--ru-transition)}.ru-tabs__tab:hover:not(:disabled){color:var(--ru-text)}.ru-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ru-tabs__tab:focus-visible{outline:2px solid var(--ru-primary);outline-offset:-2px;border-radius:var(--ru-radius-sm)}.ru-tabs__tab svg{width:1rem;height:1rem}.ru-tabs--line .ru-tabs__list{gap:1.25rem;box-shadow:inset 0 -1px 0 var(--ru-border)}.ru-tabs--line .ru-tabs__tab[aria-selected=true]{color:var(--ru-primary)}.ru-tabs--line .ru-tabs__tab[aria-selected=true]:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--ru-primary)}.ru-tabs--pills .ru-tabs__list{display:inline-flex;max-width:100%;padding:.25rem;border-radius:var(--ru-radius);background:var(--ru-muted)}.ru-tabs--pills .ru-tabs__tab{padding:.375rem .875rem;border-radius:var(--ru-radius-sm)}.ru-tabs--pills .ru-tabs__tab[aria-selected=true]{background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-sm)}.ru-tabs--full .ru-tabs__list{display:flex}.ru-tabs--full .ru-tabs__tab{flex:1;justify-content:center}.ru-tabs__panel{padding-top:1rem;font-size:.875rem;line-height:1.6;outline:none}.ru-accordion{overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);font-family:var(--ru-font-family)}.ru-accordion__item+.ru-accordion__item{border-top:1px solid var(--ru-border)}.ru-accordion__heading{margin:0;font:inherit}.ru-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:0;padding:1rem 1.125rem;border:none;background:transparent;color:inherit;font:inherit;font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--ru-transition)}.ru-accordion__trigger:hover:not(:disabled){background:color-mix(in srgb,var(--ru-muted) 60%,transparent)}.ru-accordion__trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ru-primary)}.ru-accordion__trigger:disabled{opacity:.5;cursor:not-allowed}.ru-accordion__chevron{flex-shrink:0;width:1rem;height:1rem;color:var(--ru-text-muted);transition:transform .2s ease}.ru-accordion__trigger[aria-expanded=true] .ru-accordion__chevron{transform:rotate(180deg)}.ru-accordion__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease,visibility .2s}.ru-accordion__panel--open{grid-template-rows:1fr;visibility:visible}.ru-accordion__inner{overflow:hidden}.ru-accordion__content{padding:0 1.125rem 1rem;color:var(--ru-text-muted);font-size:.875rem;line-height:1.6}.ru-pagination{font-family:var(--ru-font-family)}.ru-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.ru-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);color:var(--ru-text);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--ru-transition),border-color var(--ru-transition),color var(--ru-transition)}button.ru-pagination__btn{background:var(--ru-surface)}.ru-pagination--sm .ru-pagination__btn{min-width:2rem;height:2rem;font-size:.8125rem}.ru-pagination__btn:hover:not(:disabled):not([aria-current]){background:var(--ru-muted)}.ru-pagination__btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ru-primary) 35%,transparent)}.ru-pagination__btn[aria-current=page]{border-color:var(--ru-primary);background:var(--ru-primary);color:var(--ru-on-color)}.ru-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.ru-pagination__btn svg{width:1rem;height:1rem}.ru-pagination__ellipsis{min-width:2rem;color:var(--ru-text-muted);text-align:center}.ru-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none;font-family:var(--ru-font-family);font-size:.875rem}.ru-breadcrumbs__item{display:inline-flex;align-items:center;color:var(--ru-text-muted)}.ru-breadcrumbs__item a{color:inherit}.ru-breadcrumbs__link{padding:0;border:none;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;transition:color var(--ru-transition)}.ru-breadcrumbs__link:hover{color:var(--ru-text);text-decoration:underline}.ru-breadcrumbs__current{color:var(--ru-text);font-weight:500}.ru-breadcrumbs__sep{display:inline-flex;color:var(--ru-text-muted);opacity:.6}.ru-breadcrumbs__sep svg{width:.875rem;height:.875rem}.ru-progress{width:100%;font-family:var(--ru-font-family)}.ru-progress__label{display:flex;justify-content:space-between;margin-bottom:.375rem;color:var(--ru-text);font-size:.8125rem;font-weight:500}.ru-progress__value{color:var(--ru-text-muted)}.ru-progress__track{position:relative;width:100%;overflow:hidden;border-radius:9999px;background:var(--ru-muted)}.ru-progress__track--sm{height:.25rem}.ru-progress__track--md{height:.5rem}.ru-progress__track--lg{height:.75rem}.ru-progress__bar{height:100%;border-radius:inherit;background:var(--_c);transition:width .3s ease}.ru-progress--indeterminate .ru-progress__bar{position:absolute;width:40%;animation:ru-indeterminate 1.2s ease-in-out infinite}.ru-skeleton{position:relative;display:block;overflow:hidden;border-radius:var(--ru-radius-sm);background:var(--ru-muted)}.ru-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--ru-shimmer),transparent);transform:translate(-100%);animation:ru-shimmer 1.4s infinite}.ru-skeleton--text{height:.875rem}.ru-skeleton--rect{height:6rem}.ru-skeleton--circle{width:2.5rem;height:2.5rem;border-radius:50%}.ru-skeleton-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.ru-toaster{position:fixed;z-index:var(--ru-z-toast);display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2rem));margin:0;padding:0;list-style:none;pointer-events:none}.ru-toaster--top-left{top:1rem;left:1rem}.ru-toaster--top-right{top:1rem;right:1rem}.ru-toaster--top-center{top:1rem;left:50%;transform:translate(-50%)}.ru-toaster--bottom-left{bottom:1rem;left:1rem}.ru-toaster--bottom-right{bottom:1rem;right:1rem}.ru-toaster--bottom-center{bottom:1rem;left:50%;transform:translate(-50%)}.ru-toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem .75rem .875rem 1rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text);box-shadow:var(--ru-shadow-lg);font-family:var(--ru-font-family);font-size:.875rem;pointer-events:auto;animation:ru-toast-in .22s cubic-bezier(.16,1,.3,1)}.ru-toast__icon{display:flex;padding-top:.0625rem;color:var(--_c)}.ru-toast__icon svg{width:1.125rem;height:1.125rem}.ru-toast__content{flex:1;min-width:0}.ru-toast__title{font-weight:600;line-height:1.4}.ru-toast__desc{margin-top:.125rem;color:var(--ru-text-muted);line-height:1.5}.ru-toast__action{margin-top:.5rem}.ru-toast .ru-close{margin-top:-.125rem}.ru-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;border-radius:.3125rem;background:var(--ru-surface);color:var(--ru-text-muted);box-shadow:var(--ru-shadow-xs),inset 0 -1px 0 var(--ru-border);font-family:var(--ru-font-mono);font-size:.6875rem;font-weight:500;line-height:1}.ru-pattern{--_ps: 24px;--_pt: 1px;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ru-pattern__layer,.ru-pattern__spot{position:absolute;top:0;right:0;bottom:0;left:0}.ru-pattern__layer{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 8%, transparent))}.ru-pattern__layer--grid{background-image:linear-gradient(to right,var(--_c) var(--_pt),transparent var(--_pt)),linear-gradient(to bottom,var(--_c) var(--_pt),transparent var(--_pt));background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--dots{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 20%, transparent));background-image:radial-gradient(circle,var(--_c) var(--_pt),transparent calc(var(--_pt) + .6px));background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--lines{background-image:linear-gradient(to bottom,var(--_c) var(--_pt),transparent var(--_pt));background-size:100% var(--_ps)}.ru-pattern__layer--diagonal{background-image:linear-gradient(135deg,transparent calc(50% - var(--_pt) / 2),var(--_c) 0,var(--_c) calc(50% + var(--_pt) / 2),transparent 0);background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--checker{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 4%, transparent));background-image:conic-gradient(var(--_c) 25%,transparent 0 50%,var(--_c) 0 75%,transparent 0);background-size:var(--_ps) var(--_ps)}.ru-pattern__layer--cross,.ru-pattern__layer--waves{--_c: var(--_pc, color-mix(in srgb, var(--ru-text) 18%, transparent));background:var(--_c);-webkit-mask-repeat:repeat;mask-repeat:repeat}.ru-pattern__layer--cross{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5v7M8.5 12h7' stroke='%23000' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5v7M8.5 12h7' stroke='%23000' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:var(--_ps) var(--_ps);mask-size:var(--_ps) var(--_ps)}.ru-pattern__layer--waves{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c3 0 3-4 6-4s3 4 6 4 3 4 6 4 3-4 6-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6c3 0 3-4 6-4s3 4 6 4 3 4 6 4 3-4 6-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_ps) calc(var(--_ps) / 2);mask-size:var(--_ps) calc(var(--_ps) / 2)}.ru-pattern--fade-radial{-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}.ru-pattern--fade-top{-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent)}.ru-pattern--fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}.ru-pattern--fade-left{-webkit-mask-image:linear-gradient(to left,#000 30%,transparent);mask-image:linear-gradient(to left,#000 30%,transparent)}.ru-pattern--fade-right{-webkit-mask-image:linear-gradient(to right,#000 30%,transparent);mask-image:linear-gradient(to right,#000 30%,transparent)}.ru-pattern--fade-edges{-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}.ru-pattern--pan .ru-pattern__layer{animation:ru-pattern-pan var(--_speed, 6s) linear infinite}.ru-pattern--pulse .ru-pattern__layer{animation:ru-pattern-pulse var(--_speed, 3s) ease-in-out infinite}@keyframes ru-pattern-pan{to{background-position:var(--_ps) var(--_ps);-webkit-mask-position:var(--_ps) var(--_ps);mask-position:var(--_ps) var(--_ps)}}@keyframes ru-pattern-pulse{50%{opacity:.3}}.ru-pattern__spot{-webkit-mask-image:radial-gradient(circle var(--_sr, 160px) at var(--ru-mx, 50%) var(--ru-my, 50%),#000,transparent);mask-image:radial-gradient(circle var(--_sr, 160px) at var(--ru-mx, 50%) var(--ru-my, 50%),#000,transparent);opacity:0;transition:opacity .25s ease}.ru-pattern--spot-on .ru-pattern__spot{opacity:1}.ru-pattern__spot .ru-pattern__layer{--_c: var(--_spc, color-mix(in srgb, var(--ru-primary) 55%, transparent))}@media(prefers-reduced-motion:reduce){.ru-pattern__layer{animation:none!important}}.ru-spotlight{position:relative;isolation:isolate}.ru-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--ru-spot-x, 50%) var(--ru-spot-y, 50%),color-mix(in srgb,var(--ru-spot-color, var(--ru-primary)) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ru-spotlight:hover:before{opacity:1}.ru-frame-card{--_fc: var(--ru-warning);--_fc-on: var(--ru-on-color);--_fc-ink: color-mix(in srgb, var(--_fc) 38%, black);display:flex;flex-direction:column;padding:6px;border-radius:calc(var(--ru-radius-lg) + 10px);background:linear-gradient(180deg,color-mix(in srgb,var(--_fc) 80%,white),var(--_fc));box-shadow:inset 0 1px #fff6,inset 0 0 0 1px color-mix(in srgb,var(--_fc) 85%,black),0 24px 48px -24px color-mix(in srgb,var(--_fc) 70%,transparent);color:var(--ru-text);font-family:var(--ru-font-family)}.ru-frame-card__panel{overflow:hidden;border-radius:calc(var(--ru-radius-lg) + 4px);background:var(--ru-surface);box-shadow:0 1px 2px #00000014,0 0 0 1px #00000008}.ru-frame-card__head{display:flex;align-items:center;gap:.5rem;padding:1rem .875rem .25rem 1.25rem}.ru-frame-card__title{flex:1;min-width:0;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}.ru-frame-card__toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);cursor:pointer}.ru-frame-card__toggle:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-frame-card__toggle svg{width:16px;height:16px;transition:transform .2s ease}.ru-frame-card__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ru-frame-card__collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s ease}.ru-frame-card__collapse--closed{grid-template-rows:0fr}.ru-frame-card__inner{min-height:0;overflow:hidden}.ru-frame-card__body{padding:.5rem 1.25rem 1.125rem}.ru-frame-card--title-frame .ru-frame-card__body{padding-top:1.125rem}.ru-frame-card__frame-head{display:flex;align-items:center;gap:.5rem;padding:.625rem .375rem .875rem 1rem;color:var(--_fc-on)}.ru-frame-card__frame-head .ru-frame-card__title{font-size:.875rem}.ru-frame-card__foot{display:flex;align-items:center;gap:.5rem;padding:.75rem .375rem .375rem 1rem;color:var(--_fc-ink);font-size:.875rem;font-weight:600}.ru-frame-card__foot-content{flex:1;min-width:0}.ru-frame-card__link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.ru-frame-card__link:hover{text-decoration:underline}.ru-frame-card__pager{display:flex;gap:2px}.ru-frame-card__pager button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:inherit;cursor:pointer}.ru-frame-card__pager button:hover:not(:disabled){background:#00000014}.ru-frame-card__pager button:disabled{opacity:.4;cursor:not-allowed}.ru-frame-card__pager svg{width:16px;height:16px}.ru-frame-card :is(.ru-frame-card__toggle,.ru-frame-card__pager button,.ru-frame-card__link):focus-visible{outline:2px solid currentColor;outline-offset:1px}.ru-calendar{--_cc: var(--ru-primary);width:100%;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-calendar__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.875rem}.ru-calendar__pickers{display:flex;gap:.5rem}.ru-calendar__picker{width:4.75rem}.ru-calendar__picker--year{width:5.5rem}.ru-calendar__picker .ru-input-wrap{border-radius:9999px}.ru-calendar__nav{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9999px;background:transparent;color:var(--ru-text-muted);cursor:pointer}.ru-calendar__nav:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-calendar__nav svg{width:18px;height:18px}.ru-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-align:center;text-transform:uppercase}.ru-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;border:1px solid var(--ru-border);border-radius:var(--ru-radius)}.ru-calendar__cell{position:relative;display:grid;place-items:center;aspect-ratio:1.15;padding:0;border:0;border-right:1px solid var(--ru-border);border-bottom:1px solid var(--ru-border);background:transparent;color:var(--ru-text);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer}.ru-calendar__cell:nth-child(7n){border-right:0}.ru-calendar__cell:nth-last-child(-n+7){border-bottom:0}.ru-calendar__cell:hover .ru-calendar__day{background:var(--ru-muted)}.ru-calendar__cell:focus-visible{outline:none}.ru-calendar__cell:focus-visible .ru-calendar__day{box-shadow:0 0 0 2px color-mix(in srgb,var(--_cc) 60%,transparent)}.ru-calendar__cell--outside{color:color-mix(in srgb,var(--ru-text-muted) 55%,transparent);background:color-mix(in srgb,var(--ru-muted) 40%,transparent)}.ru-calendar__day{display:grid;place-items:center;width:82%;height:74%;border-radius:calc(var(--ru-radius-sm) + 2px);transition:background-color var(--ru-transition),color var(--ru-transition)}.ru-calendar__cell--selected .ru-calendar__day,.ru-calendar__cell--selected:hover .ru-calendar__day{background:var(--_cc);color:var(--ru-on-color);box-shadow:inset 0 1px #ffffff40,0 1px 2px color-mix(in srgb,var(--_cc) 40%,transparent)}.ru-calendar__cell--today:before{content:"";position:absolute;top:6%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--_cc);transform:translate(-50%)}.ru-avatar__badge{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--ru-danger);color:#fff;box-shadow:0 0 0 2px var(--ru-surface);font-size:10px;font-weight:700;line-height:1}.ru-segmented{--_pad: 3px;--_r: var(--ru-radius);position:relative;display:inline-flex;gap:2px;max-width:100%;padding:var(--_pad);border-radius:var(--_r);background:var(--ru-muted);font-family:var(--ru-font-family)}.ru-segmented--pill{--_r: 9999px}.ru-segmented--full{display:flex;width:100%}.ru-segmented--full .ru-segmented__item{flex:1}.ru-segmented__thumb{position:absolute;top:var(--_pad);bottom:var(--_pad);left:0;width:var(--_w);border-radius:calc(var(--_r) - var(--_pad));background:var(--ru-surface);box-shadow:var(--ru-shadow-xs);transform:translate(var(--_x));transition:transform .26s cubic-bezier(.3,.7,.4,1),width .26s cubic-bezier(.3,.7,.4,1)}.ru-segmented__item{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .875rem;border:0;border-radius:calc(var(--_r) - var(--_pad));background:transparent;color:var(--ru-text-muted);font:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--ru-transition)}.ru-segmented__item:hover:not(:disabled){color:var(--ru-text)}.ru-segmented__item[aria-checked=true]{color:var(--ru-text)}.ru-segmented:not(.ru-segmented--ready) .ru-segmented__item[aria-checked=true]{background:var(--ru-surface);box-shadow:var(--ru-shadow-xs)}.ru-segmented__item:disabled{opacity:.45;cursor:not-allowed}.ru-segmented__item:focus-visible{outline:2px solid var(--ru-primary);outline-offset:1px}.ru-segmented__item svg{width:1em;height:1em}.ru-segmented--sm .ru-segmented__item{padding:.25rem .625rem;font-size:.8125rem}.ru-segmented--lg .ru-segmented__item{padding:.5rem 1.125rem;font-size:.9375rem}.ru-ring{position:relative;display:inline-grid;flex-shrink:0;place-items:center;color:var(--ru-text)}.ru-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ru-ring__track{fill:none;stroke:var(--_track, var(--ru-muted))}.ru-ring__bar{fill:none;stroke:var(--_c);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.3,.7,.4,1)}.ru-ring__label{position:relative;display:grid;place-items:center;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.ru-stat{display:grid;gap:.25rem;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-stat--end{text-align:right;justify-items:end}.ru-stat__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ru-stat__label{color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ru-stat__value{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.ru-stat--sm .ru-stat__value{font-size:1.375rem}.ru-stat--lg .ru-stat__value{font-size:2.75rem}.ru-stat__help{color:var(--ru-text-muted);font-size:.8125rem}.ru-stat__trend{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;white-space:nowrap}.ru-stat__trend--good{color:var(--ru-success)}.ru-stat__trend--bad{color:var(--ru-danger)}.ru-stat__trend-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:9999px;background:color-mix(in srgb,currentColor 15%,transparent)}.ru-stat__trend-icon svg{width:.75rem;height:.75rem;stroke-width:2.5}.ru-date-tile{display:inline-grid;flex-shrink:0;width:3.5rem;overflow:hidden;border-radius:var(--ru-radius);background:var(--ru-surface);box-shadow:var(--ru-shadow-xs),0 2px 6px -2px #0000001f;color:var(--ru-text);font-family:var(--ru-font-family);text-align:center}.ru-date-tile__month{padding:.1875rem 0;background:var(--_c);color:var(--ru-on-color);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ru-date-tile__day{padding:.125rem 0 .25rem;font-size:1.5rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.ru-date-tile--sm{width:2.75rem}.ru-date-tile--sm .ru-date-tile__month{font-size:.5625rem}.ru-date-tile--sm .ru-date-tile__day{font-size:1.125rem}.ru-date-tile--lg{width:4.5rem}.ru-date-tile--lg .ru-date-tile__day{font-size:2rem}.ru-dropzone{display:grid;justify-items:center;gap:.25rem;padding:1.75rem 1.25rem;border:1.5px dashed var(--ru-border);border-radius:var(--ru-radius-lg);background:color-mix(in srgb,var(--ru-muted) 55%,transparent);color:var(--ru-text);font-family:var(--ru-font-family);text-align:center;cursor:pointer;transition:border-color var(--ru-transition),background-color var(--ru-transition),transform .2s ease}.ru-dropzone:hover{border-color:color-mix(in srgb,var(--ru-primary) 50%,var(--ru-border))}.ru-dropzone:focus-visible{outline:2px solid var(--ru-primary);outline-offset:2px}.ru-dropzone--active{border-color:var(--ru-primary);background:color-mix(in srgb,var(--ru-primary) 8%,transparent);transform:scale(1.01)}.ru-dropzone--disabled{opacity:.5;cursor:not-allowed}.ru-dropzone__icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.5rem;border-radius:9999px;background:color-mix(in srgb,var(--ru-primary) 12%,var(--ru-surface));color:var(--ru-primary)}.ru-dropzone__icon svg{width:1.5rem;height:1.5rem}.ru-dropzone__title{font-size:.9375rem;font-weight:600}.ru-dropzone__desc{color:var(--ru-text-muted);font-size:.8125rem}.ru-dropzone__browse{color:var(--ru-primary);font-weight:600}.ru-file-item{display:flex;align-items:center;gap:.75rem;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-file-item__icon{display:grid;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--ru-border);border-radius:var(--ru-radius);background:var(--ru-surface);color:var(--ru-text-muted);font-size:1.25rem}.ru-file-item__icon svg{width:1.25rem;height:1.25rem}.ru-file-item__body{flex:1;min-width:0}.ru-file-item__name{overflow:hidden;font-size:.875rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ru-file-item__meta{display:flex;align-items:center;gap:.375rem;color:var(--ru-text-muted);font-size:.75rem}.ru-file-item__dot{width:4px;height:4px;border-radius:9999px;background:currentColor;opacity:.5}.ru-file-item--error .ru-file-item__status{color:var(--ru-danger)}.ru-file-item__bar{height:3px;margin-top:.375rem;overflow:hidden;border-radius:9999px;background:var(--ru-muted)}.ru-file-item__bar span{display:block;height:100%;border-radius:inherit;background:var(--ru-primary);transition:width .3s ease}.ru-file-item__percent{color:var(--ru-primary);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.ru-file-item__remove{display:grid;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);cursor:pointer}.ru-file-item__remove:hover{background:var(--ru-muted);color:var(--ru-text)}.ru-file-item__remove:focus-visible{outline:2px solid var(--ru-primary);outline-offset:1px}.ru-file-item__remove svg{width:1rem;height:1rem}@media(prefers-reduced-motion:reduce){.ru-segmented__thumb,.ru-ring__bar,.ru-dropzone,.ru-file-item__bar span{transition:none}}.ru-progress--ticks{--_h: 1.75rem}.ru-progress--ticks.ru-progress--sm{--_h: 1.25rem}.ru-progress--ticks.ru-progress--lg{--_h: 2.25rem}.ru-progress__meter{display:flex;align-items:center;gap:6px;height:var(--_h)}.ru-progress__fill{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:100%;min-width:.5rem;border-radius:calc(var(--ru-radius-sm) + 2px);background:var(--_c);box-shadow:inset 0 1px #ffffff40;transition:width .5s cubic-bezier(.3,.7,.4,1)}.ru-progress__fill-value{margin-right:4px;padding:1px 6px;border-radius:var(--ru-radius-sm);background:#ffffff47;color:#fff;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.ru-progress__marker{position:relative;flex-shrink:0;width:3px;height:calc(100% + 12px);border-radius:3px;background:var(--_c)}.ru-progress__marker:before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;border-radius:50%;background:inherit;transform:translate(-50%)}.ru-progress__ticks{display:flex;flex:1;justify-content:space-between;min-width:0;height:100%}.ru-progress__ticks span{width:4px;border-radius:2px;background:color-mix(in srgb,var(--ru-text) 13%,transparent)}.ru-signature{overflow:hidden;border-radius:var(--ru-radius-lg);background:color-mix(in srgb,var(--ru-text) 3%,var(--ru-surface));color:var(--ru-text);font-family:var(--ru-font-family)}.ru-signature__canvas-wrap{position:relative}.ru-signature__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.ru-signature--disabled .ru-signature__canvas{cursor:not-allowed}.ru-signature__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ru-text-muted);font-size:.9375rem;opacity:.6;pointer-events:none}.ru-signature__baseline{position:absolute;right:12%;bottom:22%;left:12%;border-bottom:1px dashed color-mix(in srgb,var(--ru-text) 14%,transparent);pointer-events:none}.ru-signature__bar{display:flex;align-items:center;gap:.5rem;padding:0 .75rem .75rem}.ru-signature__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .375rem;border:0;border-radius:var(--ru-radius-sm);background:transparent;color:var(--ru-text-muted);font:inherit;font-size:.875rem;cursor:pointer}.ru-signature__btn:hover:not(:disabled){background:var(--ru-muted);color:var(--ru-text)}.ru-signature__btn:disabled{opacity:.45;cursor:not-allowed}.ru-signature__btn:focus-visible{outline:2px solid var(--ru-primary);outline-offset:1px}.ru-signature__btn svg{width:1rem;height:1rem}.ru-signature__sep{width:1px;height:.875rem;background:var(--ru-border)}.ru-signature__actions{margin-left:auto}@media(prefers-reduced-motion:reduce){.ru-progress__fill{transition:none}}.ru-progress--bars{--_h: 1.25rem}.ru-progress--bars.ru-progress--sm{--_h: .875rem}.ru-progress--bars.ru-progress--lg{--_h: 1.75rem}.ru-progress__value--accent{color:var(--_c, var(--ru-primary))}.ru-progress--bars .ru-progress__label .ru-progress__value--accent{color:var(--ru-primary)}.ru-progress__bars{display:flex;align-items:center;justify-content:space-between;gap:2px;height:var(--_h)}.ru-progress__bars span{flex:0 0 2px;height:55%;border-radius:2px;background:color-mix(in srgb,var(--ru-text) 14%,transparent);transition:background-color .2s ease,height .2s ease}.ru-progress__bars span.is-on{background:var(--_c)}.ru-progress__bars span.is-marker{flex-basis:3px;height:100%}.ru-progress--glow .ru-progress__track{overflow:visible}.ru-progress--glow :is(.ru-progress__bar,.ru-progress__fill){box-shadow:0 0 14px 1px color-mix(in srgb,var(--_glow) 55%,transparent)}.ru-progress--glow .ru-progress__bars span.is-on{box-shadow:0 0 6px color-mix(in srgb,var(--_glow) 60%,transparent)}.ru-status-icon{display:inline-grid;flex-shrink:0;place-items:center;--_run: var(--ru-warning)}.ru-status-icon svg{overflow:visible}.ru-status-icon__ring{fill:none;stroke:color-mix(in srgb,var(--ru-text) 32%,transparent);stroke-width:2.4}.ru-status-icon--running .ru-status-icon__ring{stroke:var(--_run);transform-origin:10px 10px;animation:ru-spin 2.4s linear infinite}.ru-status-icon__arc{fill:none;stroke:var(--ru-success);stroke-width:2.4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:10px 10px}.ru-status-icon__fill{fill:var(--ru-success)}.ru-status-icon--error .ru-status-icon__fill{fill:var(--ru-danger)}.ru-status-icon__glyph{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ru-step-list{display:grid;margin:0;padding:0;list-style:none;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-step-list__item{position:relative;display:flex;align-items:flex-start;gap:.875rem}.ru-step-list__rail{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch}.ru-step-list__icon{display:grid;place-items:center;width:2rem;height:2rem;margin-top:.375rem;border-radius:9999px;background:color-mix(in srgb,var(--ru-text) 5%,var(--ru-surface))}.ru-step-list__line{flex:1;width:.375rem;margin:-2px 0;border-radius:9999px;background:color-mix(in srgb,var(--ru-text) 6%,var(--ru-surface))}.ru-step-list__body{flex:1;min-width:0;padding:.75rem 0}.ru-step-list:not(.ru-step-list--plain) .ru-step-list__item:not(:last-child) .ru-step-list__body{border-bottom:1px solid var(--ru-border)}.ru-step-list__title{font-size:.9375rem;font-weight:500;line-height:1.4}.ru-step-list__item--pending .ru-step-list__title{color:var(--ru-text-muted)}.ru-step-list__desc{margin-top:.125rem;color:var(--ru-text-muted);font-size:.8125rem}.ru-step-list__meta{padding:.75rem 0;color:var(--ru-text-muted);font-size:.8125rem}.ru-stacked{--_h: .5rem;color:var(--ru-text);font-family:var(--ru-font-family)}.ru-stacked--sm{--_h: .375rem}.ru-stacked--lg{--_h: .75rem}.ru-stacked__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.5rem}.ru-stacked__label{color:var(--ru-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ru-stacked__legend{display:flex;flex-wrap:wrap;gap:.25rem .875rem;margin:0;padding:0;list-style:none;color:var(--ru-text-muted);font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.ru-stacked__legend li{display:inline-flex;align-items:center;gap:.375rem}.ru-stacked__dot{width:6px;height:6px;border-radius:9999px}.ru-stacked__bar{display:flex;height:var(--_h)}.ru-stacked__seg,.ru-stacked__rest{min-width:4px;border-radius:9999px;transition:flex-grow .4s cubic-bezier(.3,.7,.4,1)}.ru-stacked__rest{background:var(--ru-muted)}.ru-dot-text{display:inline-block;font-family:var(--ru-font-mono);font-weight:800;letter-spacing:.04em;-webkit-mask:radial-gradient(circle,#000 calc(var(--_d) * .36),transparent calc(var(--_d) * .44)) 0 0 / var(--_d) var(--_d);mask:radial-gradient(circle,#000 calc(var(--_d) * .36),transparent calc(var(--_d) * .44)) 0 0 / var(--_d) var(--_d)}.ru-dot-text--glow{filter:drop-shadow(0 0 6px currentColor)}.ru-btn--key{--_bg: var(--_c);--_img: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / 0) 60%);--_fg: var(--ru-on-color);--_bd: transparent;--_edge: color-mix(in srgb, var(--_c) 60%, black);--_sh: inset 0 1px 0 rgb(255 255 255 / .3), inset 0 -2px 0 rgb(0 0 0 / .1), 0 4px 0 var(--_edge), 0 8px 14px -6px rgb(0 0 0 / .5);margin-bottom:4px}.ru-btn--key:hover:not(:disabled){--_bg: color-mix(in srgb, var(--_c) 92%, white)}.ru-btn.ru-btn--key{border-radius:calc(var(--ru-radius) + 6px)}.ru-btn.ru-btn--key:active:not(:disabled),.ru-btn.ru-btn--key[aria-pressed=true]{--_sh: inset 0 1px 0 rgb(255 255 255 / .22), inset 0 2px 6px rgb(0 0 0 / .18), 0 1px 0 var(--_edge), 0 2px 4px -2px rgb(0 0 0 / .4);transform:translateY(3px)}@media(prefers-reduced-motion:reduce){.ru-status-icon--running .ru-status-icon__ring{animation:none}.ru-stacked__seg,.ru-stacked__rest,.ru-progress__bars span{transition:none}}.ru-progress--capsule{--_h: 3rem}.ru-progress--capsule.ru-progress--sm{--_h: 2rem}.ru-progress--capsule.ru-progress--lg{--_h: 3.75rem}.ru-progress__capsule{position:relative;height:var(--_h);border-radius:9999px;background:color-mix(in srgb,var(--ru-text) 7%,transparent);box-shadow:inset 0 2px 6px #00000029,inset 0 0 0 1px color-mix(in srgb,var(--ru-text) 5%,transparent)}.ru-progress__capsule-fill{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;max-width:100%;height:100%;padding-right:calc(var(--_h) * .32);border-radius:inherit;background:var(--_c);box-shadow:inset 0 2px #fff6,inset 0 -3px 6px #0000001f;color:#fff;font-size:calc(var(--_h) * .42);transition:width .5s cubic-bezier(.3,.7,.4,1)}.ru-progress__capsule-fill svg{width:1em;height:1em;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .2))}.ru-progress__capsule-value{font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.ru-progress--glow .ru-progress__capsule-fill{box-shadow:inset 0 2px #fff6,inset 0 -3px 6px #0000001f,0 0 26px 2px color-mix(in srgb,var(--_glow) 50%,transparent)}.ru-progress__capsule-end{position:absolute;top:50%;right:calc(var(--_h) * .42);color:var(--ru-text-muted);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.ru-progress__capsule-fill{transition:none}}.ru-icon-tile{--_r: calc(var(--_s) * .3);position:relative;display:inline-grid;flex-shrink:0}.ru-icon-tile__face{display:grid;place-items:center;width:var(--_s);height:var(--_s);overflow:hidden;border-radius:var(--_r);background:linear-gradient(145deg,color-mix(in srgb,var(--_c) 65%,white),var(--_c) 55%,color-mix(in srgb,var(--_c) 80%,black));box-shadow:inset 0 0 0 1px #fff3;color:#fff;font-size:calc(var(--_s) * .5)}.ru-icon-tile--glow .ru-icon-tile__face{box-shadow:inset 0 0 0 1px #fff3,0 10px 22px -8px var(--_c)}.ru-icon-tile__face>svg{width:1em;height:1em}.ru-icon-tile__face>svg[viewBox="0 0 32 32"]{width:100%;height:100%}.ru-icon-tile__badge{position:absolute;right:calc(var(--_s) * -.16);bottom:calc(var(--_s) * -.16);display:grid;place-items:center;width:calc(var(--_s) * .48);height:calc(var(--_s) * .48);border-radius:9999px;background:var(--ru-surface);color:var(--_c);font-size:calc(var(--_s) * .26);box-shadow:0 0 0 2px var(--ru-surface),0 2px 6px #0000002e,inset 0 0 0 1px var(--ru-border)}.ru-icon-tile__badge svg{width:1em;height:1em}.ru-c-primary{--_c: var(--ru-primary)}.ru-c-secondary{--_c: var(--ru-secondary)}.ru-c-success{--_c: var(--ru-success)}.ru-c-danger{--_c: var(--ru-danger)}.ru-c-warning{--_c: var(--ru-warning)}.ru-c-info{--_c: var(--ru-info)}@keyframes ru-spin{to{transform:rotate(360deg)}}@keyframes ru-fade-in{0%{opacity:0}}@keyframes ru-scale-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes ru-toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes ru-slide-from-right{0%{transform:translate(100%)}}@keyframes ru-slide-from-left{0%{transform:translate(-100%)}}@keyframes ru-slide-from-top{0%{transform:translateY(-100%)}}@keyframes ru-slide-from-bottom{0%{transform:translateY(100%)}}@keyframes ru-indeterminate{0%{left:-40%}to{left:100%}}@keyframes ru-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ru-overlay,.ru-modal,.ru-drawer,.ru-toast,.ru-dropdown__menu,.ru-tooltip__bubble,.ru-skeleton:after{animation:none}.ru-overlay--closing,.ru-modal--closing,.ru-drawer.ru-drawer--closing{animation:none}.ru-spinner{animation-duration:1.5s}.ru-accordion__panel,.ru-card--hoverable{transition:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reusify-ui",
3
- "version": "2.1.0",
3
+ "version": "2.2.0",
4
4
  "description": "Reusable, accessible React UI components with dark mode and CSS-variable theming. Works with or without Tailwind CSS.",
5
5
  "type": "module",
6
6
  "main": "./dist/reusify-ui.cjs",