rsuite
Version:
A suite of react components
15,799 lines • 505 kB
CSS
@charset "UTF-8";
:root{
--rs-gray-0:#fff;
--rs-gray-50:#f7f7fa;
--rs-gray-100:#f2f2f5;
--rs-gray-200:#e5e5ea;
--rs-gray-300:#d9d9d9;
--rs-gray-400:#b6b7b8;
--rs-gray-500:#939393;
--rs-gray-600:#717273;
--rs-gray-700:#575757;
--rs-gray-800:#343434;
--rs-gray-900:#121212;
--rs-primary-50:#F2FAFF;
--rs-primary-100:#CCE9FF;
--rs-primary-200:#A6D7FF;
--rs-primary-300:#80C3FF;
--rs-primary-400:#59AFFF;
--rs-primary-500:#3498ff;
--rs-primary-600:#2589F5;
--rs-primary-700:#1675E0;
--rs-primary-800:#0A5DC2;
--rs-primary-900:#004299;
--rs-color-red:#f44336;
--rs-color-orange:#fa8900;
--rs-color-yellow:#ffb300;
--rs-color-green:#4caf50;
--rs-color-cyan:#00bcd4;
--rs-color-blue:#2196f3;
--rs-color-violet:#673ab7;
--rs-red-50:#FFF2F2;
--rs-red-100:#FCCFCF;
--rs-red-200:#FAA9A7;
--rs-red-300:#FA8682;
--rs-red-400:#F7635C;
--rs-red-500:#F44336;
--rs-red-600:#EB3626;
--rs-red-700:#D62915;
--rs-red-800:#B81C07;
--rs-red-900:#8F1300;
--rs-orange-50:#FFF8F2;
--rs-orange-100:#FFDFC2;
--rs-orange-200:#FCC690;
--rs-orange-300:#FCB160;
--rs-orange-400:#FA9B2F;
--rs-orange-500:#FA8900;
--rs-orange-600:#F08800;
--rs-orange-700:#DB8000;
--rs-orange-800:#BD7100;
--rs-orange-900:#945B00;
--rs-yellow-50:#FFFAF2;
--rs-yellow-100:#FFE9C2;
--rs-yellow-200:#FFD991;
--rs-yellow-300:#FFCA61;
--rs-yellow-400:#FFBE30;
--rs-yellow-500:#FFB300;
--rs-yellow-600:#F5AF00;
--rs-yellow-700:#E0A500;
--rs-yellow-800:#C29100;
--rs-yellow-900:#997500;
--rs-green-50:#EEFFED;
--rs-green-100:#C8F0C7;
--rs-green-200:#A5E0A4;
--rs-green-300:#82CF82;
--rs-green-400:#65BF67;
--rs-green-500:#4CAF50;
--rs-green-600:#37AB3C;
--rs-green-700:#22A12A;
--rs-green-800:#0F9119;
--rs-green-900:#007D0C;
--rs-cyan-50:#F2FFFF;
--rs-cyan-100:#BCF4F7;
--rs-cyan-200:#87E6ED;
--rs-cyan-300:#57DAE6;
--rs-cyan-400:#2ACADB;
--rs-cyan-500:#00BCD4;
--rs-cyan-600:#00B1CC;
--rs-cyan-700:#00A0BD;
--rs-cyan-800:#008AA6;
--rs-cyan-900:#006E87;
--rs-blue-50:#F0F9FF;
--rs-blue-100:#C5E7FC;
--rs-blue-200:#9BD4FA;
--rs-blue-300:#72C0F7;
--rs-blue-400:#49ABF5;
--rs-blue-500:#2196F3;
--rs-blue-600:#1787E8;
--rs-blue-700:#0D73D4;
--rs-blue-800:#045CB5;
--rs-blue-900:#00448C;
--rs-violet-50:#F6F2FF;
--rs-violet-100:#D5C9F0;
--rs-violet-200:#B6A1E3;
--rs-violet-300:#987BD4;
--rs-violet-400:#805AC7;
--rs-violet-500:#673AB7;
--rs-violet-600:#5F2BB3;
--rs-violet-700:#531BA8;
--rs-violet-800:#470C99;
--rs-violet-900:#390085;
--rs-state-success:var(--rs-color-green);
--rs-state-info:var(--rs-color-blue);
--rs-state-warning:var(--rs-color-yellow);
--rs-state-error:var(--rs-color-red);
--rs-body:var(--rs-gray-0);
--rs-bg-success:#edfae1;
--rs-bg-info:#e9f5fe;
--rs-bg-warning:#fff9e6;
--rs-bg-error:#fde9ef;
--rs-text-link:var(--rs-primary-700);
--rs-text-link-hover:var(--rs-primary-800);
--rs-text-link-active:var(--rs-primary-900);
--rs-text-primary:var(--rs-gray-800);
--rs-text-secondary:var(--rs-gray-600);
--rs-text-tertiary:var(--rs-gray-500);
--rs-text-heading:var(--rs-gray-900);
--rs-text-inverse:var(--rs-gray-50);
--rs-text-heading-inverse:var(--rs-gray-0);
--rs-text-active:var(--rs-primary-700);
--rs-text-disabled:var(--rs-gray-600);
--rs-text-error:var(--rs-color-red);
--rs-text-highlight-bg:#fff6c9;
--rs-border-primary:var(--rs-gray-200);
--rs-border-secondary:var(--rs-gray-100);
--rs-bg-card:var(--rs-gray-0);
--rs-bg-overlay:var(--rs-gray-0);
--rs-bg-well:var(--rs-gray-50);
--rs-bg-active:var(--rs-primary-500);
--rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 30%);
--rs-state-hover-bg:var(--rs-primary-50);
--rs-focus-ring-color:rgb(from var(--rs-primary-500) r g b / 25%);
--rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
--rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
--rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
--rs-kbd-bg:var(--rs-gray-50);
--rs-kbd-text:var(--rs-gray-800);
--rs-kbd-border:var(--rs-gray-200);
--rs-scrollbar-bg:transparent;
--rs-scrollbar-thumb-bg:var(--rs-gray-500);
--rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
--rs-btn-default-bg:var(--rs-gray-50);
--rs-btn-default-text:var(--rs-gray-800);
--rs-btn-default-border-color:var(--rs-gray-200);
--rs-btn-default-hover-bg:var(--rs-gray-200);
--rs-btn-default-active-bg:var(--rs-gray-300);
--rs-btn-default-active-text:var(--rs-gray-900);
--rs-btn-default-disabled-bg:var(--rs-gray-50);
--rs-btn-default-disabled-text:var(--rs-gray-600);
--rs-btn-primary-bg:var(--rs-primary-500);
--rs-btn-primary-text:var(--rs-gray-0);
--rs-btn-primary-border-color:var(--rs-primary-600);
--rs-btn-primary-hover-bg:var(--rs-primary-600);
--rs-btn-primary-active-bg:var(--rs-primary-700);
--rs-btn-subtle-text:var(--rs-gray-800);
--rs-btn-subtle-hover-bg:var(--rs-gray-200);
--rs-btn-subtle-hover-text:var(--rs-gray-800);
--rs-btn-subtle-active-bg:var(--rs-gray-200);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-subtle-disabled-text:var(--rs-gray-400);
--rs-btn-ghost-border:var(--rs-primary-700);
--rs-btn-ghost-text:var(--rs-primary-700);
--rs-btn-ghost-hover-border:var(--rs-primary-800);
--rs-btn-ghost-hover-text:var(--rs-primary-800);
--rs-btn-ghost-active-border:var(--rs-primary-900);
--rs-btn-ghost-active-text:var(--rs-primary-900);
--rs-btn-link-text:var(--rs-primary-700);
--rs-btn-link-hover-text:var(--rs-primary-800);
--rs-btn-link-active-text:var(--rs-primary-900);
--rs-iconbtn-addon:var(--rs-gray-100);
--rs-iconbtn-activated-addon:var(--rs-gray-300);
--rs-iconbtn-pressed-addon:var(--rs-gray-400);
--rs-iconbtn-primary-addon:var(--rs-primary-600);
--rs-iconbtn-primary-activated-addon:var(--rs-primary-700);
--rs-iconbtn-primary-pressed-addon:var(--rs-primary-800);
--rs-divider-border:var(--rs-gray-200);
--rs-loader-ring:rgb(from var(--rs-gray-50) r g b / 80%);
--rs-loader-rotor:var(--rs-gray-500);
--rs-loader-backdrop:rgb(from var(--rs-gray-0) r g b / 90%);
--rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 30%);
--rs-loader-rotor-inverse:var(--rs-gray-0);
--rs-loader-backdrop-inverse:rgb(from var(--rs-gray-900) r g b / 83%);
--rs-message-success-header:var(--rs-text-heading);
--rs-message-success-text:var(--rs-text-primary);
--rs-message-success-icon:var(--rs-color-green);
--rs-message-success-icon-border:var(--rs-green-200);
--rs-message-success-bg:rgb(from var(--rs-green-100) r g b / 60%);
--rs-message-success-border:var(--rs-color-green);
--rs-message-info-header:var(--rs-text-heading);
--rs-message-info-text:var(--rs-text-primary);
--rs-message-info-icon:var(--rs-color-blue);
--rs-message-info-icon-border:var(--rs-blue-200);
--rs-message-info-bg:rgb(from var(--rs-blue-100) r g b / 60%);
--rs-message-info-border:var(--rs-color-blue);
--rs-message-warning-header:var(--rs-text-heading);
--rs-message-warning-text:var(--rs-text-primary);
--rs-message-warning-icon:var(--rs-color-yellow);
--rs-message-warning-icon-border:var(--rs-yellow-200);
--rs-message-warning-bg:rgb(from var(--rs-yellow-100) r g b / 60%);
--rs-message-warning-border:var(--rs-color-yellow);
--rs-message-error-header:var(--rs-text-heading);
--rs-message-error-text:var(--rs-text-primary);
--rs-message-error-icon:var(--rs-color-red);
--rs-message-error-icon-border:var(--rs-red-200);
--rs-message-error-bg:rgb(from var(--rs-red-100) r g b / 60%);
--rs-message-error-border:var(--rs-color-red);
--rs-tooltip-bg:var(--rs-gray-900);
--rs-tooltip-text:var(--rs-gray-0);
--rs-progress-bg:var(--rs-gray-200);
--rs-progress-bar:var(--rs-primary-500);
--rs-progress-bar-success:var(--rs-color-green);
--rs-progress-bar-fail:var(--rs-color-red);
--rs-placeholder:var(--rs-gray-100);
--rs-placeholder-active:var(--rs-gray-200);
--rs-breadcrumb-item-active-text:var(--rs-gray-900);
--rs-menuitem-bg-active:var(--rs-primary-50);
--rs-dropdown-header-text:var(--rs-gray-500);
--rs-menuitem-text-active:var(--rs-primary-700);
--rs-menuitem-active-bg:var(--rs-gray-100);
--rs-menuitem-active-text:var(--rs-text-primary);
--rs-steps-border:var(--rs-gray-600);
--rs-steps-state-finish:var(--rs-primary-500);
--rs-steps-border-state-finish:var(--rs-primary-500);
--rs-steps-state-wait:var(--rs-gray-600);
--rs-steps-state-process:var(--rs-primary-500);
--rs-steps-state-error:var(--rs-color-red);
--rs-steps-border-state-error:var(--rs-color-red);
--rs-steps-icon-state-process:var(--rs-primary-500);
--rs-steps-icon-state-error:var(--rs-color-red);
--rs-navs-text:var(--rs-gray-800);
--rs-navs-text-hover:var(--rs-gray-800);
--rs-navs-bg-hover:var(--rs-gray-200);
--rs-navs-text-active:var(--rs-gray-900);
--rs-navs-bg-active:var(--rs-gray-200);
--rs-navs-tab-border:var(--rs-gray-300);
--rs-navs-subtle-border:var(--rs-gray-50);
--rs-navs-selected:var(--rs-primary-700);
--rs-navs-pills-bg:var(--rs-gray-100);
--rs-navs-pills-item-color:var(--rs-text-secondary);
--rs-navs-pills-item-active-bg:var(--rs-gray-0);
--rs-navs-pills-item-active-color:var(--rs-gray-900);
--rs-navs-pills-item-disabled-color:var(--rs-gray-400);
--rs-navbar-default-bg:var(--rs-gray-50);
--rs-navbar-default-text:var(--rs-gray-800);
--rs-navbar-default-selected-text:var(--rs-primary-700);
--rs-navbar-default-hover-bg:var(--rs-gray-200);
--rs-navbar-default-hover-text:var(--rs-gray-800);
--rs-navbar-inverse-bg:var(--rs-primary-500);
--rs-navbar-inverse-text:#fff;
--rs-navbar-inverse-selected-bg:var(--rs-primary-700);
--rs-navbar-inverse-hover-bg:var(--rs-primary-600);
--rs-navbar-inverse-hover-text:#fff;
--rs-navbar-subtle-bg:#fff;
--rs-navbar-subtle-text:var(--rs-gray-800);
--rs-navbar-subtle-selected-text:var(--rs-primary-700);
--rs-navbar-subtle-hover-bg:var(--rs-gray-50);
--rs-navbar-subtle-hover-text:var(--rs-gray-800);
--rs-sidenav-default-bg:var(--rs-gray-50);
--rs-sidenav-default-text:var(--rs-gray-800);
--rs-sidenav-default-selected-text:var(--rs-primary-700);
--rs-sidenav-default-selected-bg:var(--rs-gray-200);
--rs-sidenav-default-hover-bg:var(--rs-gray-200);
--rs-sidenav-default-hover-text:var(--rs-gray-900);
--rs-sidenav-default-footer-border:var(--rs-gray-200);
--rs-sidenav-default-subnav-border-color:var(--rs-gray-200);
--rs-sidenav-inverse-bg:var(--rs-primary-500);
--rs-sidenav-inverse-text:#fff;
--rs-sidenav-inverse-selected-bg:var(--rs-primary-700);
--rs-sidenav-inverse-hover-bg:var(--rs-primary-600);
--rs-sidenav-inverse-footer-border:var(--rs-primary-600);
--rs-sidenav-inverse-subnav-border-color:var(--rs-primary-600);
--rs-sidenav-subtle-bg:#fff;
--rs-sidenav-subtle-text:var(--rs-gray-800);
--rs-sidenav-subtle-selected-text:var(--rs-primary-700);
--rs-sidenav-subtle-selected-bg:var(--rs-gray-50);
--rs-sidenav-subtle-hover-bg:var(--rs-gray-50);
--rs-sidenav-subtle-hover-text:var(--rs-gray-800);
--rs-sidenav-subtle-footer-border:var(--rs-gray-200);
--rs-sidenav-subtle-subnav-border-color:var(--rs-gray-200);
--rs-input-bg:var(--rs-gray-0);
--rs-input-focus-border:var(--rs-primary-500);
--rs-input-disabled-bg:var(--rs-gray-50);
--rs-inline-edit-hover-bg:var(--rs-gray-200);
--rs-listbox-option-group-bg:var(--rs-gray-0);
--rs-listbox-option-hover-bg:rgb(from var(--rs-primary-100) r g b / 50%);
--rs-listbox-option-hover-text:var(--rs-primary-700);
--rs-listbox-option-selected-text:var(--rs-primary-700);
--rs-listbox-option-selected-bg:var(--rs-primary-50);
--rs-listbox-option-disabled-text:var(--rs-gray-400);
--rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
--rs-checkbox-icon:#fff;
--rs-checkbox-border:var(--rs-gray-300);
--rs-checkbox-checked-bg:var(--rs-primary-500);
--rs-checkbox-disabled-bg:var(--rs-gray-50);
--rs-radio-marker:#fff;
--rs-radio-border:var(--rs-gray-300);
--rs-radio-checked-bg:var(--rs-primary-500);
--rs-radio-disabled-bg:var(--rs-gray-50);
--rs-radio-tile-border:var(--rs-gray-300);
--rs-radio-tile-bg:var(--rs-gray-0);
--rs-radio-tile-checked-color:var(--rs-primary-500);
--rs-radio-tile-checked-mark-color:#fff;
--rs-radio-tile-checked-disabled-color:var(--rs-primary-200);
--rs-radio-tile-icon-size:32px;
--rs-rate-symbol:var(--rs-gray-600);
--rs-rate-color:var(--rs-blue-500);
--rs-segmented-control-bg:var(--rs-gray-50);
--rs-segmented-control-border-color:var(--rs-gray-50);
--rs-segmented-control-item-active-color:var(--rs-text-primary);
--rs-segmented-control-item-color:var(--rs-text-secondary);
--rs-segmented-control-item-disabled-color:var(--rs-gray-400);
--rs-segmented-control-pill-indicator-bg:var(--rs-gray-0);
--rs-segmented-control-underline-color:var(--rs-primary-500);
--rs-slider-bar:var(--rs-gray-100);
--rs-slider-hover-bar:var(--rs-gray-200);
--rs-slider-thumb-border:var(--rs-primary-500);
--rs-slider-thumb-bg:#fff;
--rs-slider-thumb-hover-shadow:0 0 0 8px rgb(from var(--rs-gray-500) r g b / 25%);
--rs-slider-progress:var(--rs-primary-500);
--rs-toggle-bg:var(--rs-gray-500);
--rs-toggle-thumb:#fff;
--rs-toggle-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
--rs-toggle-loader-rotor:var(--rs-gray-0);
--rs-toggle-hover-bg:var(--rs-gray-500);
--rs-toggle-disabled-bg:var(--rs-gray-200);
--rs-toggle-disabled-thumb:#fff;
--rs-toggle-checked-bg:var(--rs-primary-500);
--rs-toggle-checked-thumb:#fff;
--rs-toggle-checked-hover-bg:var(--rs-primary-600);
--rs-toggle-checked-disabled-bg:var(--rs-primary-200);
--rs-toggle-checked-disabled-thumb:#fff;
--rs-uploader-item-bg:var(--rs-gray-300);
--rs-uploader-item-hover-bg:var(--rs-gray-50);
--rs-uploader-overlay-bg:rgb(from #fff r g b / 80%);
--rs-uploader-dnd-bg:var(--rs-gray-0);
--rs-uploader-dnd-border:var(--rs-gray-200);
--rs-uploader-dnd-hover-border:var(--rs-primary-500);
--rs-avatar-bg:var(--rs-gray-300);
--rs-avatar-text:var(--rs-gray-0);
--rs-avatar-offset-color:var(--rs-gray-0);
--rs-avatar-ring-color:var(--rs-avatar-bg);
--rs-badge-bg:var(--rs-color-red);
--rs-badge-text:var(--rs-gray-0);
--rs-badge-border:var(--rs-gray-0);
--rs-tag-bg:var(--rs-gray-50);
--rs-card-bg:var(--rs-gray-0);
--rs-carousel-bg:var(--rs-gray-600);
--rs-carousel-indicator:rgb(from var(--rs-gray-0) r g b / 40%);
--rs-carousel-indicator-hover:var(--rs-gray-0);
--rs-carousel-indicator-active:var(--rs-primary-500);
--rs-list-bg:var(--rs-gray-0);
--rs-list-border:var(--rs-gray-200);
--rs-list-hover-bg:var(--rs-primary-50);
--rs-list-placeholder-bg:rgb(from var(--rs-primary-50) r g b / 50%);
--rs-list-placeholder-border:var(--rs-primary-500);
--rs-timeline-indicator-bg:var(--rs-gray-300);
--rs-timeline-indicator-active-bg:var(--rs-primary-500);
--rs-table-border-color:var(--rs-border-secondary);
--rs-table-shadow:rgba(9, 9, 9, 0.08);
--rs-table-sort:var(--rs-primary-500);
--rs-table-resize:var(--rs-primary-500);
--rs-table-scrollbar-track:var(--rs-gray-200);
--rs-table-scrollbar-thumb:var(--rs-gray-800);
--rs-table-scrollbar-thumb-active:var(--rs-gray-900);
--rs-table-scrollbar-vertical-track:rgb(from var(--rs-gray-200) r g b / 40%);
--rs-form-errormessage-text:var(--rs-color-red);
--rs-form-errormessage-bg:#fff;
--rs-form-errormessage-border:var(--rs-gray-200);
--rs-picker-value:var(--rs-primary-700);
--rs-picker-count-bg:var(--rs-primary-500);
--rs-picker-count-text:#fff;
--rs-picker-state-error:var(--rs-state-error);
--rs-picker-state-error-outline:var(--rs-state-error-outline);
--rs-calendar-today-bg:var(--rs-primary-500);
--rs-calendar-today-text:#fff;
--rs-calendar-range-bg:rgb(from var(--rs-primary-100) r g b / 50%);
--rs-calendar-time-unit-bg:var(--rs-gray-50);
--rs-calendar-date-selected-text:#fff;
--rs-calendar-cell-selected-hover-bg:var(--rs-primary-700);
--rs-popover-shadow:0 1px 8px rgba(0, 0, 0, 0.12);
--rs-tree-indent-line-color:rgba(0, 0, 0, 0.1);
--rs-scroll-view-shadow-color:rgba(9, 9, 9, 0.2);
--rs-stat-body-bg:var(--rs-gray-0);
}
@supports not (color: rgb(from white r g b)){
:root{
--rs-bg-backdrop:rgba(18, 18, 18, 0.3);
--rs-focus-ring-color:rgba(52, 152, 255, 0.25);
--rs-state-focus-shadow:0 0 0 2px rgba(52, 152, 255, 0.25);
--rs-state-focus-outline:2px solid rgba(52, 152, 255, 0.25);
--rs-loader-ring:rgba(247, 247, 250, 0.8);
--rs-loader-backdrop:rgba(255, 255, 255, 0.9);
--rs-loader-ring-inverse:rgba(247, 247, 250, 0.3);
--rs-loader-backdrop-inverse:rgba(18, 18, 18, 0.83);
--rs-message-success-bg:rgba(#C8F0C7, 0.6);
--rs-message-info-bg:rgba(#C5E7FC, 0.6);
--rs-message-warning-bg:rgba(#FFE9C2, 0.6);
--rs-message-error-bg:rgba(#FCCFCF, 0.6);
--rs-listbox-option-hover-bg:rgba(#CCE9FF, 0.5);
--rs-toggle-loader-ring:rgba(247, 247, 250, 0.3);
--rs-slider-thumb-hover-shadow:0 0 0 8px rgba(52, 152, 255, 0.25);
--rs-uploader-overlay-bg:rgba(255, 255, 255, 0.8);
--rs-carousel-indicator:rgba(255, 255, 255, 0.4);
--rs-list-placeholder-bg:rgba(#F2FAFF, 0.5);
--rs-table-scrollbar-vertical-track:rgba(229, 229, 234, 0.4);
--rs-calendar-range-bg:rgba(#CCE9FF, 0.5);
}
}
[data-theme=dark],
.rs-theme-dark{
--rs-gray-0:#fff;
--rs-gray-50:#e9ebf0;
--rs-gray-100:#cbced4;
--rs-gray-200:#a4a9b3;
--rs-gray-300:#858b94;
--rs-gray-400:#6a6f76;
--rs-gray-500:#5c6066;
--rs-gray-600:#3c3f43;
--rs-gray-700:#292d33;
--rs-gray-800:#1a1d24;
--rs-gray-900:#0f131a;
--rs-primary-50:#F2FCFF;
--rs-primary-100:#CCF3FF;
--rs-primary-200:#A6E9FF;
--rs-primary-300:#80DDFF;
--rs-primary-400:#59D0FF;
--rs-primary-500:#34c3ff;
--rs-primary-600:#25B3F5;
--rs-primary-700:#169DE0;
--rs-primary-800:#0A81C2;
--rs-primary-900:#006199;
--rs-color-red:#f04f43;
--rs-color-orange:#ff9800;
--rs-color-yellow:#ffc757;
--rs-color-green:#58b15b;
--rs-color-cyan:#00bcd4;
--rs-color-blue:#1499ef;
--rs-color-violet:#673ab7;
--rs-red-50:#FFEDED;
--rs-red-100:#FCCACA;
--rs-red-200:#FAA9A7;
--rs-red-300:#F58884;
--rs-red-400:#F26A63;
--rs-red-500:#F04F43;
--rs-red-600:#E63F30;
--rs-red-700:#D12F1D;
--rs-red-800:#B3200C;
--rs-red-900:#8A1200;
--rs-orange-50:#FFF9F2;
--rs-orange-100:#FFE2C2;
--rs-orange-200:#FFCE91;
--rs-orange-300:#FFBA61;
--rs-orange-400:#FFA930;
--rs-orange-500:#FF9800;
--rs-orange-600:#F59700;
--rs-orange-700:#E08E00;
--rs-orange-800:#C27E00;
--rs-orange-900:#996600;
--rs-yellow-50:#FFF9F0;
--rs-yellow-100:#FFEDD1;
--rs-yellow-200:#FFE2B3;
--rs-yellow-300:#FFD894;
--rs-yellow-400:#FFCF75;
--rs-yellow-500:#FFC757;
--rs-yellow-600:#F5BB3D;
--rs-yellow-700:#E0A824;
--rs-yellow-800:#C28F0E;
--rs-yellow-900:#997000;
--rs-green-50:#F3FFF2;
--rs-green-100:#CFF0CE;
--rs-green-200:#AEE0AD;
--rs-green-300:#8CCF8C;
--rs-green-400:#71BF72;
--rs-green-500:#58B15B;
--rs-green-600:#3FAB45;
--rs-green-700:#27A12F;
--rs-green-800:#10911B;
--rs-green-900:#007D0C;
--rs-cyan-50:#F2FFFF;
--rs-cyan-100:#BCF4F7;
--rs-cyan-200:#87E6ED;
--rs-cyan-300:#57DAE6;
--rs-cyan-400:#2ACADB;
--rs-cyan-500:#00BCD4;
--rs-cyan-600:#00B1CC;
--rs-cyan-700:#00A0BD;
--rs-cyan-800:#008AA6;
--rs-cyan-900:#006E87;
--rs-blue-50:#EDF9FF;
--rs-blue-100:#C0E8FC;
--rs-blue-200:#93D6FA;
--rs-blue-300:#67C1F5;
--rs-blue-400:#3DADF2;
--rs-blue-500:#1499EF;
--rs-blue-600:#0E8CE6;
--rs-blue-700:#087AD1;
--rs-blue-800:#0464B3;
--rs-blue-900:#00498A;
--rs-violet-50:#F6F2FF;
--rs-violet-100:#D5C9F0;
--rs-violet-200:#B6A1E3;
--rs-violet-300:#987BD4;
--rs-violet-400:#805AC7;
--rs-violet-500:#673AB7;
--rs-violet-600:#5F2BB3;
--rs-violet-700:#531BA8;
--rs-violet-800:#470C99;
--rs-violet-900:#390085;
--rs-state-success:var(--rs-color-green);
--rs-state-info:var(--rs-color-blue);
--rs-state-warning:var(--rs-color-yellow);
--rs-state-error:var(--rs-color-red);
--rs-body:var(--rs-gray-900);
--rs-text-link:var(--rs-primary-500);
--rs-text-link-hover:var(--rs-primary-400);
--rs-text-link-active:var(--rs-primary-300);
--rs-text-primary:var(--rs-gray-50);
--rs-text-secondary:var(--rs-gray-200);
--rs-text-tertiary:var(--rs-gray-300);
--rs-text-heading:var(--rs-gray-0);
--rs-text-inverse:var(--rs-gray-800);
--rs-text-heading-inverse:var(--rs-gray-900);
--rs-text-active:var(--rs-primary-500);
--rs-text-disabled:var(--rs-gray-400);
--rs-border-primary:var(--rs-gray-600);
--rs-border-secondary:var(--rs-gray-700);
--rs-bg-card:var(--rs-gray-800);
--rs-bg-overlay:var(--rs-gray-700);
--rs-bg-well:var(--rs-gray-900);
--rs-bg-active:var(--rs-primary-700);
--rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
--rs-state-hover-bg:var(--rs-gray-600);
--rs-color-focus-ring:rgb(from var(--rs-gray-500) r g b / 80%);
--rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
--rs-state-focus-outline:2px solid rgb(from var(--rs-gray-500) r g b / 25%);
--rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
--rs-kbd-bg:var(--rs-gray-600);
--rs-kbd-text:var(--rs-gray-50);
--rs-kbd-border:var(--rs-gray-700);
--rs-scrollbar-bg:transparent;
--rs-scrollbar-thumb-bg:var(--rs-gray-300);
--rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
--rs-btn-default-bg:var(--rs-gray-600);
--rs-btn-default-text:var(--rs-gray-50);
--rs-btn-default-border-color:var(--rs-gray-700);
--rs-btn-default-hover-bg:var(--rs-gray-500);
--rs-btn-default-active-bg:var(--rs-gray-300);
--rs-btn-default-active-text:var(--rs-gray-0);
--rs-btn-default-disabled-bg:var(--rs-gray-600);
--rs-btn-default-disabled-text:var(--rs-gray-400);
--rs-btn-primary-bg:var(--rs-primary-700);
--rs-btn-primary-text:var(--rs-gray-0);
--rs-btn-primary-border-color:var(--rs-primary-800);
--rs-btn-primary-hover-bg:var(--rs-primary-600);
--rs-btn-primary-active-bg:var(--rs-primary-400);
--rs-btn-subtle-text:var(--rs-gray-200);
--rs-btn-subtle-hover-bg:var(--rs-gray-500);
--rs-btn-subtle-hover-text:var(--rs-gray-50);
--rs-btn-subtle-active-bg:var(--rs-gray-400);
--rs-btn-subtle-active-text:var(--rs-gray-0);
--rs-btn-subtle-disabled-text:var(--rs-gray-500);
--rs-btn-ghost-border:var(--rs-primary-500);
--rs-btn-ghost-text:var(--rs-primary-500);
--rs-btn-ghost-hover-border:var(--rs-primary-400);
--rs-btn-ghost-hover-text:var(--rs-primary-400);
--rs-btn-ghost-active-border:var(--rs-primary-200);
--rs-btn-ghost-active-text:var(--rs-primary-200);
--rs-btn-link-text:var(--rs-primary-500);
--rs-btn-link-hover-text:var(--rs-primary-400);
--rs-btn-link-active-text:var(--rs-primary-200);
--rs-iconbtn-addon:var(--rs-gray-500);
--rs-iconbtn-activated-addon:var(--rs-gray-400);
--rs-iconbtn-pressed-addon:var(--rs-gray-200);
--rs-iconbtn-primary-addon:var(--rs-primary-600);
--rs-iconbtn-primary-activated-addon:var(--rs-primary-500);
--rs-iconbtn-primary-pressed-addon:var(--rs-primary-400);
--rs-divider-border:var(--rs-gray-600);
--rs-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
--rs-loader-rotor:var(--rs-gray-0);
--rs-loader-backdrop:rgb(from var(--rs-gray-900) r g b / 83%);
--rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
--rs-loader-rotor-inverse:var(--rs-gray-500);
--rs-loader-backdrop-inverse:rgb(from var(--rs-gray-0) r g b / 90%);
--rs-message-success-header:#fff;
--rs-message-success-text:#fff;
--rs-message-success-icon:#fff;
--rs-message-success-bg:var(--rs-green-500);
--rs-message-success-border:var(--rs-green-800);
--rs-message-info-header:#fff;
--rs-message-info-text:#fff;
--rs-message-info-icon:#fff;
--rs-message-info-bg:var(--rs-blue-500);
--rs-message-info-border:var(--rs-blue-800);
--rs-message-warning-header:var(--rs-gray-900);
--rs-message-warning-text:var(--rs-gray-900);
--rs-message-warning-icon:var(--rs-gray-900);
--rs-message-warning-bg:var(--rs-yellow-500);
--rs-message-warning-border:var(--rs-yellow-800);
--rs-message-error-header:#fff;
--rs-message-error-text:#fff;
--rs-message-error-icon:#fff;
--rs-message-error-bg:var(--rs-red-500);
--rs-message-error-border:var(--rs-red-800);
--rs-tooltip-bg:var(--rs-gray-500);
--rs-tooltip-text:var(--rs-gray-0);
--rs-progress-bg:var(--rs-gray-700);
--rs-progress-bar:var(--rs-primary-500);
--rs-progress-bar-success:var(--rs-color-green);
--rs-progress-bar-fail:var(--rs-color-red);
--rs-placeholder:var(--rs-gray-600);
--rs-placeholder-active:var(--rs-gray-500);
--rs-breadcrumb-item-active-text:#fff;
--rs-dropdown-header-text:var(--rs-gray-500);
--rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
--rs-menuitem-text-active:var(--rs-primary-500);
--rs-menuitem-active-bg:var(--rs-gray-600);
--rs-menuitem-active-text:currentColor;
--rs-steps-border:var(--rs-gray-200);
--rs-steps-state-finish:var(--rs-primary-500);
--rs-steps-border-state-finish:var(--rs-primary-500);
--rs-steps-state-wait:var(--rs-gray-200);
--rs-steps-state-process:var(--rs-primary-700);
--rs-steps-state-error:var(--rs-color-red);
--rs-steps-border-state-error:var(--rs-color-red);
--rs-steps-icon-state-process:var(--rs-primary-500);
--rs-steps-icon-state-error:var(--rs-color-red);
--rs-navs-text:var(--rs-gray-200);
--rs-navs-text-hover:var(--rs-gray-100);
--rs-navs-bg-hover:var(--rs-gray-400);
--rs-navs-text-active:var(--rs-gray-0);
--rs-navs-bg-active:var(--rs-gray-400);
--rs-navs-tab-border:var(--rs-gray-600);
--rs-navs-subtle-border:var(--rs-gray-600);
--rs-navs-selected:var(--rs-primary-500);
--rs-navs-pills-bg:var(--rs-gray-700);
--rs-navs-pills-item-color:var(--rs-text-secondary);
--rs-navs-pills-item-active-bg:var(--rs-gray-600);
--rs-navs-pills-item-active-color:var(--rs-gray-0);
--rs-navs-pills-item-disabled-color:var(--rs-gray-400);
--rs-navbar-default-bg:var(--rs-gray-800);
--rs-navbar-default-text:var(--rs-gray-200);
--rs-navbar-default-selected-text:var(--rs-primary-500);
--rs-navbar-default-hover-bg:var(--rs-gray-700);
--rs-navbar-default-hover-text:var(--rs-gray-50);
--rs-navbar-inverse-bg:var(--rs-primary-700);
--rs-navbar-inverse-text:#fff;
--rs-navbar-inverse-selected-bg:var(--rs-primary-400);
--rs-navbar-inverse-hover-bg:var(--rs-primary-600);
--rs-navbar-inverse-hover-text:#fff;
--rs-navbar-subtle-bg:transparent;
--rs-navbar-subtle-text:var(--rs-gray-200);
--rs-navbar-subtle-selected-text:var(--rs-primary-500);
--rs-navbar-subtle-hover-bg:var(--rs-gray-700);
--rs-navbar-subtle-hover-text:var(--rs-gray-50);
--rs-sidenav-default-bg:var(--rs-gray-800);
--rs-sidenav-default-text:var(--rs-gray-200);
--rs-sidenav-default-selected-text:var(--rs-primary-500);
--rs-sidenav-default-selected-bg:var(--rs-gray-700);
--rs-sidenav-default-hover-bg:var(--rs-gray-700);
--rs-sidenav-default-hover-text:var(--rs-gray-50);
--rs-sidenav-default-footer-border:var(--rs-gray-600);
--rs-sidenav-default-subnav-border-color:var(--rs-gray-600);
--rs-sidenav-inverse-bg:var(--rs-primary-700);
--rs-sidenav-inverse-text:#fff;
--rs-sidenav-inverse-selected-bg:var(--rs-primary-600);
--rs-sidenav-inverse-hover-bg:var(--rs-primary-600);
--rs-sidenav-inverse-footer-border:var(--rs-primary-600);
--rs-sidenav-inverse-subnav-border-color:var(--rs-primary-500);
--rs-sidenav-subtle-bg:transparent;
--rs-sidenav-subtle-text:var(--rs-gray-200);
--rs-sidenav-subtle-selected-text:var(--rs-primary-500);
--rs-sidenav-subtle-selected-bg:var(--rs-gray-700);
--rs-sidenav-subtle-hover-bg:var(--rs-gray-700);
--rs-sidenav-subtle-hover-text:var(--rs-gray-50);
--rs-sidenav-subtle-footer-border:var(--rs-gray-600);
--rs-sidenav-subtle-subnav-border-color:var(--rs-gray-600);
--rs-input-bg:var(--rs-gray-800);
--rs-input-focus-border:var(--rs-primary-500);
--rs-input-disabled-bg:var(--rs-gray-700);
--rs-inline-edit-hover-bg:var(--rs-gray-500);
--rs-listbox-option-group-bg:var(--rs-gray-700);
--rs-listbox-option-hover-bg:var(--rs-gray-600);
--rs-listbox-option-hover-text:currentColor;
--rs-listbox-option-selected-text:var(--rs-primary-500);
--rs-listbox-option-selected-bg:rgb(from var(--rs-primary-900) r g b / 20%);
--rs-listbox-option-disabled-text:var(--rs-gray-500);
--rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
--rs-checkbox-icon:var(--rs-gray-800);
--rs-checkbox-border:var(--rs-gray-400);
--rs-checkbox-checked-bg:var(--rs-primary-500);
--rs-checkbox-disabled-bg:var(--rs-gray-500);
--rs-radio-marker:var(--rs-gray-800);
--rs-radio-border:var(--rs-gray-400);
--rs-radio-checked-bg:var(--rs-primary-500);
--rs-radio-disabled-bg:var(--rs-gray-500);
--rs-radio-tile-border:var(--rs-gray-300);
--rs-radio-tile-bg:var(--rs-gray-0);
--rs-radio-tile-checked-color:var(--rs-primary-500);
--rs-radio-tile-checked-mark-color:var(--rs-gray-800);
--rs-radio-tile-checked-disabled-color:var(--rs-primary-900);
--rs-rate-symbol:var(--rs-gray-600);
--rs-rate-color:var(--rs-yellow-500);
--rs-segmented-control-bg:var(--rs-gray-900);
--rs-segmented-control-border-color:var(--rs-gray-900);
--rs-segmented-control-item-active-color:var(--rs-text-primary);
--rs-segmented-control-item-color:var(--rs-text-secondary);
--rs-segmented-control-item-disabled-color:var(--rs-gray-500);
--rs-segmented-control-pill-indicator-bg:var(--rs-gray-700);
--rs-segmented-control-underline-color:var(--rs-primary-500);
--rs-slider-bar:var(--rs-gray-600);
--rs-slider-hover-bar:var(--rs-gray-600);
--rs-slider-thumb-border:var(--rs-primary-500);
--rs-slider-thumb-bg:var(--rs-gray-700);
--rs-slider-thumb-hover-shadow:0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
--rs-slider-progress:var(--rs-primary-500);
--rs-toggle-bg:var(--rs-gray-500);
--rs-toggle-thumb:#fff;
--rs-toggle-hover-bg:var(--rs-gray-300);
--rs-toggle-disabled-bg:var(--rs-gray-600);
--rs-toggle-disabled-thumb:var(--rs-gray-500);
--rs-toggle-checked-bg:var(--rs-primary-700);
--rs-toggle-checked-thumb:#fff;
--rs-toggle-checked-hover-bg:var(--rs-primary-600);
--rs-toggle-checked-disabled-bg:var(--rs-primary-900);
--rs-toggle-checked-disabled-thumb:var(--rs-gray-300);
--rs-uploader-item-bg:var(--rs-gray-300);
--rs-uploader-item-hover-bg:var(--rs-gray-600);
--rs-uploader-overlay-bg:rgb(from var(--rs-gray-600) r g b / 80%);
--rs-uploader-dnd-bg:var(--rs-gray-700);
--rs-uploader-dnd-border:var(--rs-gray-200);
--rs-uploader-dnd-hover-border:var(--rs-primary-500);
--rs-avatar-bg:var(--rs-gray-400);
--rs-avatar-text:var(--rs-gray-0);
--rs-avatar-offset-color:var(--rs-gray-900);
--rs-avatar-ring-color:var(--rs-avatar-bg);
--rs-badge-bg:var(--rs-color-red);
--rs-badge-text:var(--rs-gray-0);
--rs-badge-border:var(--rs-gray-900);
--rs-tag-bg:var(--rs-gray-600);
--rs-card-bg:var(--rs-gray-900);
--rs-carousel-bg:var(--rs-gray-600);
--rs-carousel-indicator:rgb(from var(--rs-gray-0) r g b / 40%);
--rs-carousel-indicator-hover:var(--rs-gray-0);
--rs-carousel-indicator-active:var(--rs-primary-500);
--rs-list-bg:var(--rs-gray-900);
--rs-list-border:var(--rs-gray-700);
--rs-list-hover-bg:var(--rs-gray-600);
--rs-list-placeholder-bg:rgb(from var(--rs-primary-900) r g b / 20%);
--rs-list-placeholder-border:var(--rs-primary-500);
--rs-timeline-indicator-bg:var(--rs-gray-500);
--rs-timeline-indicator-active-bg:var(--rs-primary-500);
--rs-table-border-color:var(--rs-border-secondary);
--rs-table-shadow:rgba(9, 9, 9, 0.99);
--rs-table-sort:var(--rs-primary-500);
--rs-table-resize:var(--rs-primary-500);
--rs-table-scrollbar-track:var(--rs-gray-700);
--rs-table-scrollbar-thumb:var(--rs-gray-200);
--rs-table-scrollbar-thumb-active:var(--rs-gray-100);
--rs-table-scrollbar-vertical-track:var(--rs-gray-700);
--rs-form-errormessage-text:#fff;
--rs-form-errormessage-bg:var(--rs-color-red);
--rs-form-errormessage-border:var(--rs-color-red);
--rs-picker-value:var(--rs-primary-500);
--rs-picker-count-bg:var(--rs-primary-700);
--rs-picker-count-text:#fff;
--rs-calendar-today-bg:var(--rs-primary-700);
--rs-calendar-today-text:#fff;
--rs-calendar-range-bg:rgb(from var(--rs-primary-900) r g b / 50%);
--rs-calendar-time-unit-bg:var(--rs-gray-600);
--rs-calendar-date-selected-text:#fff;
--rs-calendar-cell-selected-hover-bg:var(--rs-primary-700);
--rs-popover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);
--rs-tree-indent-line-color:rgba(255, 255, 255, 0.1);
--rs-scroll-view-shadow-color:rgba(0, 0, 0, 0.99);
--rs-stat-body-bg:var(--rs-gray-900);
}
@supports not (color: rgb(from white r g b)){
[data-theme=dark],
.rs-theme-dark{
--rs-bg-backdrop:rgba(15, 19, 26, 0.8);
--rs-color-focus-ring:rgba(92, 96, 102, 0.8);
--rs-state-focus-shadow:0 0 0 2px rgba(52, 195, 255, 0.25);
--rs-state-focus-outline:2px solid rgba(52, 195, 255, 0.25);
--rs-loader-ring:rgba(233, 235, 240, 0.3);
--rs-loader-backdrop:rgba(15, 19, 26, 0.83);
--rs-loader-ring-inverse:rgba(233, 235, 240, 0.8);
--rs-loader-backdrop-inverse:rgba(255, 255, 255, 0.9);
--rs-menuitem-bg-active:rgba(#006199, 0.2);
--rs-listbox-option-selected-bg:rgba(#006199, 0.2);
--rs-slider-thumb-hover-shadow:0 0 0 8px rgba(52, 195, 255, 0.25);
--rs-uploader-overlay-bg:rgba(60, 63, 67, 0.8);
--rs-carousel-indicator:rgba(255, 255, 255, 0.4);
--rs-list-placeholder-bg:rgba(#006199, 0.2);
--rs-calendar-range-bg:rgba(#006199, 0.5);
--rs-placeholder-active:rgb(69.75, 72.6, 76.4);
}
}
[data-theme=high-contrast],
.rs-theme-high-contrast{
--rs-gray-0:#fff;
--rs-gray-50:#e9ebf0;
--rs-gray-100:#cbced4;
--rs-gray-200:#a4a9b3;
--rs-gray-300:#858b94;
--rs-gray-400:#6a6f76;
--rs-gray-500:#5c6066;
--rs-gray-600:#3c3f43;
--rs-gray-700:#292d33;
--rs-gray-800:#1a1d24;
--rs-gray-900:#0f131a;
--rs-primary-50:#fffef2;
--rs-primary-100:#fffbc2;
--rs-primary-200:#fffa91;
--rs-primary-300:#fffa61;
--rs-primary-400:#fffc30;
--rs-primary-500:#ffff00;
--rs-primary-600:#f1f500;
--rs-primary-700:#d9e000;
--rs-primary-800:#b8c200;
--rs-primary-900:#8f9900;
--rs-color-red:#bd1732;
--rs-color-orange:#ff9800;
--rs-color-yellow:#ffc757;
--rs-color-green:#0d822c;
--rs-color-cyan:#00bcd4;
--rs-color-blue:#1499ef;
--rs-color-violet:#673ab7;
--rs-red-50:#FFF2F5;
--rs-red-100:#F2C2CD;
--rs-red-200:#E591A3;
--rs-red-300:#D6637A;
--rs-red-400:#C93A55;
--rs-red-500:#BD1732;
--rs-red-600:#B51029;
--rs-red-700:#A60A1F;
--rs-red-800:#8F0414;
--rs-red-900:#70000B;
--rs-orange-50:#FFF9F2;
--rs-orange-100:#FFE2C2;
--rs-orange-200:#FFCE91;
--rs-orange-300:#FFBA61;
--rs-orange-400:#FFA930;
--rs-orange-500:#FF9800;
--rs-orange-600:#F59700;
--rs-orange-700:#E08E00;
--rs-orange-800:#C27E00;
--rs-orange-900:#996600;
--rs-yellow-50:#FFF9F0;
--rs-yellow-100:#FFEDD1;
--rs-yellow-200:#FFE2B3;
--rs-yellow-300:#FFD894;
--rs-yellow-400:#FFCF75;
--rs-yellow-500:#FFC757;
--rs-yellow-600:#F5BB3D;
--rs-yellow-700:#E0A824;
--rs-yellow-800:#C28F0E;
--rs-yellow-900:#997000;
--rs-green-50:#F2FFF5;
--rs-green-100:#B3E5BD;
--rs-green-200:#7CCC8E;
--rs-green-300:#50B567;
--rs-green-400:#2A9C46;
--rs-green-500:#0D822C;
--rs-green-600:#09802B;
--rs-green-700:#057A28;
--rs-green-800:#017325;
--rs-green-900:#006923;
--rs-cyan-50:#F2FFFF;
--rs-cyan-100:#BCF4F7;
--rs-cyan-200:#87E6ED;
--rs-cyan-300:#57DAE6;
--rs-cyan-400:#2ACADB;
--rs-cyan-500:#00BCD4;
--rs-cyan-600:#00B1CC;
--rs-cyan-700:#00A0BD;
--rs-cyan-800:#008AA6;
--rs-cyan-900:#006E87;
--rs-blue-50:#EDF9FF;
--rs-blue-100:#C0E8FC;
--rs-blue-200:#93D6FA;
--rs-blue-300:#67C1F5;
--rs-blue-400:#3DADF2;
--rs-blue-500:#1499EF;
--rs-blue-600:#0E8CE6;
--rs-blue-700:#087AD1;
--rs-blue-800:#0464B3;
--rs-blue-900:#00498A;
--rs-violet-50:#F6F2FF;
--rs-violet-100:#D5C9F0;
--rs-violet-200:#B6A1E3;
--rs-violet-300:#987BD4;
--rs-violet-400:#805AC7;
--rs-violet-500:#673AB7;
--rs-violet-600:#5F2BB3;
--rs-violet-700:#531BA8;
--rs-violet-800:#470C99;
--rs-violet-900:#390085;
--rs-state-success:var(--rs-color-green);
--rs-state-info:var(--rs-color-blue);
--rs-state-warning:var(--rs-color-yellow);
--rs-state-error:var(--rs-color-red);
--rs-body:var(--rs-gray-900);
--rs-text-link:var(--rs-primary-500);
--rs-text-link-hover:var(--rs-primary-400);
--rs-text-link-active:var(--rs-primary-300);
--rs-text-primary:var(--rs-gray-50);
--rs-text-secondary:var(--rs-gray-200);
--rs-text-tertiary:var(--rs-gray-300);
--rs-text-heading:var(--rs-gray-0);
--rs-text-inverse:var(--rs-gray-800);
--rs-text-heading-inverse:var(--rs-gray-900);
--rs-text-active:var(--rs-primary-500);
--rs-text-disabled:var(--rs-gray-400);
--rs-text-highlight-bg:var(--rs-primary-500);
--rs-border-primary:var(--rs-gray-100);
--rs-border-secondary:var(--rs-gray-700);
--rs-bg-card:var(--rs-gray-800);
--rs-bg-overlay:var(--rs-gray-800);
--rs-bg-well:var(--rs-gray-900);
--rs-bg-active:var(--rs-primary-500);
--rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
--rs-state-hover-bg:var(--rs-gray-600);
--rs-focus-ring-color:var(--rs-gray-0);
--rs-state-focus-shadow:0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
--rs-state-focus-shadow-slim:0 0 0 2px var(--rs-gray-0);
--rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
--rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
--rs-kbd-bg:var(--rs-gray-600);
--rs-kbd-text:var(--rs-gray-50);
--rs-kbd-border:var(--rs-gray-700);
--rs-scrollbar-bg:transparent;
--rs-scrollbar-thumb-bg:var(--rs-gray-300);
--rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
--rs-btn-default-bg:transparent;
--rs-btn-default-text:var(--rs-primary-500);
--rs-btn-default-border-color:var(--rs-primary-500);
--rs-btn-default-hover-bg:transparent;
--rs-btn-default-hover-text:var(--rs-primary-400);
--rs-btn-default-active-bg:transparent;
--rs-btn-default-active-text:var(--rs-primary-200);
--rs-btn-default-disabled-bg:transparent;
--rs-btn-default-disabled-text:var(--rs-primary-900);
--rs-btn-default-disabled-border-color:var(--rs-gray-100);
--rs-btn-primary-bg:var(--rs-primary-500);
--rs-btn-primary-text:var(--rs-gray-900);
--rs-btn-primary-hover-bg:var(--rs-primary-400);
--rs-btn-primary-active-bg:var(--rs-primary-200);
--rs-btn-subtle-text:var(--rs-primary-500);
--rs-btn-subtle-hover-bg:transparent;
--rs-btn-subtle-hover-text:var(--rs-primary-400);
--rs-btn-subtle-active-bg:transparent;
--rs-btn-subtle-active-text:var(--rs-primary-200);
--rs-btn-subtle-disabled-text:var(--rs-gray-500);
--rs-btn-ghost-border:var(--rs-primary-500);
--rs-btn-ghost-text:var(--rs-primary-500);
--rs-btn-ghost-hover-border:var(--rs-primary-400);
--rs-btn-ghost-hover-text:var(--rs-primary-400);
--rs-btn-ghost-active-border:var(--rs-primary-200);
--rs-btn-ghost-active-text:var(--rs-primary-200);
--rs-btn-link-text:var(--rs-primary-500);
--rs-btn-link-hover-text:var(--rs-primary-400);
--rs-btn-link-active-text:var(--rs-primary-200);
--rs-iconbtn-addon:transparent;
--rs-iconbtn-activated-addon:transparent;
--rs-iconbtn-pressed-addon:transparent;
--rs-iconbtn-primary-addon:var(--rs-primary-400);
--rs-iconbtn-primary-activated-addon:var(--rs-primary-300);
--rs-iconbtn-primary-pressed-addon:var(--rs-primary-100);
--rs-divider-border:var(--rs-gray-600);
--rs-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
--rs-loader-rotor:var(--rs-gray-0);
--rs-loader-backdrop:rgb(from var(--rs-gray-900) r g b / 83%);
--rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
--rs-loader-rotor-inverse:var(--rs-gray-500);
--rs-loader-backdrop-inverse:rgb(from var(--rs-gray-0) r g b / 90%);
--rs-message-success-header:#fff;
--rs-message-success-text:#fff;
--rs-message-success-icon:#fff;
--rs-message-success-bg:var(--rs-green-900);
--rs-message-success-border:var(--rs-green-300);
--rs-message-info-header:#fff;
--rs-message-info-text:#fff;
--rs-message-info-icon:#fff;
--rs-message-info-bg:var(--rs-blue-900);
--rs-message-info-border:var(--rs-blue-500);
--rs-message-warning-header:#fff;
--rs-message-warning-text:#fff;
--rs-message-warning-icon:#fff;
--rs-message-warning-bg:var(--rs-yellow-900);
--rs-message-warning-border:var(--rs-yellow-500);
--rs-message-error-header:#fff;
--rs-message-error-text:#fff;
--rs-message-error-icon:#fff;
--rs-message-error-bg:var(--rs-red-900);
--rs-message-error-border:var(--rs-red-300);
--rs-tooltip-bg:var(--rs-gray-800);
--rs-tooltip-text:var(--rs-gray-0);
--rs-progress-bg:var(--rs-gray-700);
--rs-progress-bar:var(--rs-primary-500);
--rs-progress-bar-success:var(--rs-color-green);
--rs-progress-bar-fail:var(--rs-color-red);
--rs-placeholder:var(--rs-gray-600);
--rs-placeholder-active:var(--rs-gray-500);
--rs-breadcrumb-item-active-text:#fff;
--rs-dropdown-header-text:var(--rs-gray-500);
--rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
--rs-menuitem-text-active:var(--rs-primary-500);
--rs-menuitem-active-bg:transparent;
--rs-menuitem-active-text:var(--rs-text-primary);
--rs-steps-border:var(--rs-gray-200);
--rs-steps-state-finish:var(--rs-primary-500);
--rs-steps-border-state-finish:var(--rs-primary-500);
--rs-steps-state-wait:var(--rs-gray-200);
--rs-steps-state-process:var(--rs-primary-700);
--rs-steps-state-error:var(--rs-color-red);
--rs-steps-border-state-error:var(--rs-color-red);
--rs-steps-icon-state-process:var(--rs-primary-500);
--rs-steps-icon-state-error:var(--rs-color-red);
--rs-navs-text:var(--rs-gray-200);
--rs-navs-text-hover:var(--rs-primary-500);
--rs-navs-bg-hover:transparent;
--rs-navs-text-active:var(--rs-primary-500);
--rs-navs-bg-active:var(--rs-gray-400);
--rs-navs-tab-border:var(--rs-gray-600);
--rs-navs-subtle-border:var(--rs-gray-600);
--rs-navs-selected:var(--rs-primary-500);
--rs-navs-pills-bg:var(--rs-gray-700);
--rs-navs-pills-item-color:var(--rs-text-secondary);
--rs-navs-pills-item-active-bg:var(--rs-gray-600);
--rs-navs-pills-item-active-color:var(--rs-primary-500);
--rs-navs-pills-item-disabled-color:var(--rs-gray-400);
--rs-navbar-default-bg:var(--rs-gray-800);
--rs-navbar-default-text:var(--rs-gray-50);
--rs-navbar-default-selected-text:var(--rs-primary-500);
--rs-navbar-default-hover-bg:transparent;
--rs-navbar-default-hover-text:var(--rs-primary-500);
--rs-navbar-inverse-bg:var(--rs-gray-800);
--rs-navbar-inverse-text:var(--rs-gray-50);
--rs-navbar-inverse-selected-bg:transparent;
--rs-navbar-inverse-selected-text:var(--rs-primary-500);
--rs-navbar-inverse-hover-bg:transparent;
--rs-navbar-inverse-hover-text:var(--rs-primary-500);
--rs-navbar-subtle-bg:var(--rs-gray-800);
--rs-navbar-subtle-text:var(--rs-gray-50);
--rs-navbar-subtle-selected-text:var(--rs-primary-500);
--rs-navbar-subtle-hover-bg:transparent;
--rs-navbar-subtle-hover-text:var(--rs-primary-500);
--rs-sidenav-default-bg:var(--rs-gray-800);
--rs-sidenav-default-text:var(--rs-gray-50);
--rs-sidenav-default-selected-text:var(--rs-primary-500);
--rs-sidenav-default-selected-bg:transparent;
--rs-sidenav-default-hover-bg:transparent;
--rs-sidenav-default-hover-text:var(--rs-primary-500);
--rs-sidenav-default-footer-border:var(--rs-gray-500);
--rs-sidenav-default-subnav-border-color:var(--rs-gray-500);
--rs-sidenav-inverse-bg:var(--rs-gray-800);
--rs-sidenav-inverse-text:var(--rs-gray-50);
--rs-sidenav-inverse-selected-bg:transparent;
--rs-sidenav-inverse-selected-text:var(--rs-primary-500);
--rs-sidenav-inverse-hover-bg:transparent;
--rs-sidenav-inverse-footer-border:var(--rs-gray-500);
--rs-sidenav-inverse-subnav-border-color:var(--rs-gray-500);
--rs-sidenav-subtle-bg:var(--rs-gray-800);
--rs-sidenav-subtle-text:var(--rs-gray-50);
--rs-sidenav-subtle-selected-text:var(--rs-primary-500);
--rs-sidenav-subtle-selected-bg:transparent;
--rs-sidenav-subtle-hover-bg:transparent;
--rs-sidenav-subtle-hover-text:var(--rs-primary-500);
--rs-sidenav-subtle-footer-border:var(--rs-gray-500);
--rs-sidenav-subtle-subnav-border-color:var(--rs-gray-500);
--rs-input-bg:var(--rs-gray-800);
--rs-input-focus-border:var(--rs-primary-500);
--rs-input-disabled-bg:var(--rs-gray-700);
--rs-inline-edit-hover-bg:transparent;
--rs-listbox-option-group-bg:var(--rs-gray-800);
--rs-listbox-option-hover-bg:transparent;
--rs-listbox-option-hover-text:var(--rs-primary-500);
--rs-listbox-option-selected-text:var(--rs-primary-500);
--rs-listbox-option-selected-bg:transparent;
--rs-listbox-option-disabled-text:var(--rs-gray-500);
--rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
--rs-checkbox-icon:var(--rs-gray-800);
--rs-checkbox-border:var(--rs-gray-100);
--rs-checkbox-checked-bg:var(--rs-primary-500);
--rs-checkbox-disabled-bg:var(--rs-gray-500);
--rs-radio-marker:var(--rs-gray-800);
--rs-radio-border:var(--rs-gray-100);
--rs-radio-checked-bg:var(--rs-primary-500);
--rs-radio-disabled-bg:var(--rs-gray-500);
--rs-radio-tile-border:var(--rs-gray-300);
--rs-radio-tile-bg:var(--rs-gray-0);
--rs-radio-tile-checked-color:var(--rs-primary-500);
--rs-radio-tile-checked-mark-color:var(--rs-gray-800);
--rs-radio-tile-checked-disabled-color:var(--rs-primary-900);
--rs-rate-symbol:var(--rs-gray-100);
--rs-rate-color:var(--rs-primary-500);
--rs-segmented-control-bg:var(--rs-gray-900);
--rs-segmented-control-border-color:var(--rs-gray-900);
--rs-segmented-control-item-active-color:var(--rs-text-primary);
--rs-segmented-control-item-color:var(--rs-text-secondary);
--rs-segmented-control-item-disabled-color:var(--rs-gray-500);
--rs-segmented-control-pill-indicator-bg:var(--rs-gray-700);
--rs-segmented-control-underline-color:var(--rs-primary-500);
--rs-slider-bar:var(--rs-gray-600);
--rs-slider-hover-bar:var(--rs-gray-600);
--rs-slider-thumb-border:var(--rs-primary-500);
--rs-slider-thumb-bg:var(--rs-gray-700);
--rs-slider-thumb-hover-shadow:0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
--rs-slider-progress:var(--rs-primary-500);
--rs-toggle-bg:var(--rs-gray-800);
--rs-toggle-thumb:var(--rs-gray-100);
--rs-toggle-hover-bg:var(--rs-gray-800);
--rs-toggle-disabled-bg:var(--rs-gray-800);
--rs-toggle-disabled-thumb:var(--rs-gray-300);
--rs-toggle-checked-bg:var(--rs-primary-500);
--rs-toggle-checked-thumb:var(--rs-gray-800);
--rs-toggle-checked-hover-bg:var(--rs-primary-400);
--rs-toggle-checked-disabled-bg:var(--rs-primary-900);
--rs-toggle-checked-disabled-thumb:var(--rs-gray-800);
--rs-uploader-item-bg:var(--rs-gray-300);
--rs-uploader-item-hover-bg:var(--rs-gray-800);
--rs-uploader-item-hover-text:var(--rs-primary-500);
--rs-uploader-overlay-bg:rgb(from var(--rs-gray-600) r g b / 80%);
--rs-uploader-dnd-bg:var(--rs-gray-700);
--rs-uploader-dnd-border:var(--rs-gray-200);
--rs-uploader-dnd-hover-border:var(--rs-primary-500);
--rs-avatar-bg:var(--rs-gray-400);
--rs-avatar-text:var(--rs-gray-0);
--rs-avatar-offset-color:var(--rs-gray-900);
--rs-avatar-ring-color:var(--rs-avatar-bg);
--rs-badge-bg:var(--rs-red-500);
--rs-badge-text:var(--rs-gray-0);
--rs-badge-border:var(--rs-gray-900);
--rs-tag-bg:var(--rs-gray-600);
--rs-card-bg:var(--rs-gray-900);
--rs-carousel-bg:var(--rs-gray-600);
--rs-carousel-indicator:rgb(from var(--rs-gray-0) r g b / 40%);
--rs-carousel-indicator-hover:var(--rs-gray-0);
--rs-carousel-indicator-active:var(--rs-primary-500);
--rs-pagination-item-text:var(--rs-gray-50);
--rs-pagination-item-current-text:var(--rs-primary-500);
--rs-list-bg:transparent;
--rs-list-border:var(--rs-gray-700);
--rs-list-hover-bg:var(--rs-gray-600);
--rs-list-placeholder-bg:rgb(from var(--rs-primary-900) r g b / 20%);
--rs-list-placeholder-border:var(--rs-primary-500);
--rs-timeline-indicator-bg:var(--rs-gray-500);
--rs-timeline-indicator-active-bg:var(--rs-primary-500);
--rs-table-border-color:var(--rs-border-secondary);
--rs-table-shadow:rgba(9, 9, 9, 0.99);
--rs-table-sort:var(--rs-primary-500);
--rs-table-resize:var(--rs-primary-500);
--rs-table-scrollbar-track:var(--rs-gray-700);
--rs-table-scrollbar-thumb:var(--rs-gray-200);
--rs-table-scrollbar-thumb-active:var(--rs-gray-100);
--rs-table-scrollbar-vertical-track:var(--rs-gray-700);
--rs-drawer-bg:var(--rs-gray-700);
--rs-modal-border:1px solid var(--rs-gray-100);
--rs-form-errormessage-text:#fff;
--rs-form-errormessage-bg:var(--rs-red-500);
--rs-form-errormessage-border:var(--rs-red-500);
--rs-picker-value:var(--rs-primary-500);
--rs-picker-count-bg:var(--rs-primary-500);
--rs-picker-count-text:var(--rs-gray-900);
--rs-calendar-today-bg:var(--rs-primary-500);
--rs-calendar-today-text:var(--rs-gray-900);
--rs-calendar-range-bg:rgb(from var(--rs-primary-900) r g b / 50%);
--rs-calendar-time-unit-bg:var(--rs-gray-900);
--rs-calendar-date-selected-text:var(--rs-gray-900);
--rs-calendar-cell-selected-hover-bg:var(--rs-gray-50);
--rs-popover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);
--rs-tree-indent-line-color:rgba(255, 255, 255, 0.1);
--rs-scroll-view-shadow-color:rgba(0, 0, 0, 0.99);
--rs-stat-body-bg:var(--rs-gray-900);
}
@supports not (color: rgb(from white r g b)){
[data-theme=high-contrast],
.rs-theme-high-contrast{
--rs-bg-backdrop:rgba(15, 19, 26, 0.8);
--rs-state-focus-outline:3px solid rgba(255, 255, 0, 0.25);
--rs-loader-ring:rgba(233, 235, 240, 0.3);
--rs-loader-backdrop:rgba(15, 19, 26, 0.83);
--rs-loader-ring-inverse:rgba(233, 235, 240, 0.8);
--rs-loader-backdrop-inverse:rgba(255, 255, 255, 0.9);
--rs-menuitem-bg-active:rgba(143, 153, 0, 0.2);
--rs-slider-thumb-hover-shadow:0 0 0 8px rgba(255, 255, 0, 0.25);
--rs-uploader-overlay-bg:rgba(60, 63, 67, 0.8);
--rs-carousel-indicator:rgba(255, 255, 255, 0.4);
--rs-list-placeholder-bg:rgba(143, 153, 0, 0.2);
--rs-calendar-range-bg:rgba(143, 153, 0, 0.5);
--rs-placeholder-active:rgb(69.75, 72.6, 76.4);
}
}
:root{
--rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
--rs-font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--rs-font-size-4xs:0.375rem;
--rs-font-size-3xs:0.5rem;
--rs-font-size-2xs:0.625rem;
--rs-font-size-xs:0.75rem;
--rs-font-size-sm:0.875rem;
--rs-font-size-md:1rem;
--rs-font-size-lg:1.125rem;
--rs-font-size-xl:1.25rem;
--rs-font-size-2xl:1.5rem;
--rs-font-size-3xl:1.875rem;
--rs-font-size-4xl:2.25rem;
--rs-font-size-5xl:3rem;
--rs-font-size-6xl:3.75rem;
--rs-font-size-base:var(--rs-font-size-sm);
--rs-line-height-base:20px;
--rs-line-height-plus:22px;
--rs-line-height-xs:calc(20 / 12);
--rs-line-height-sm:calc(20 / 12);
--rs-line-height-md:calc(20 / 14);
--rs-line-height-lg:calc(22 / 16);
--rs-text-line-height-xs:calc(1 / 0.75);
--rs-text-line-height-sm:calc(1.25 / 0.875);
--rs-text-line-height-md:calc(1.5 / 1);
--rs-text-line-height-lg:calc(1.75 / 1.125);
--rs-text-line-height-xl:calc(1.75 / 1.25);
--rs-text-line-height-2xl:calc(2 / 1.5);
--rs-text-line-height-3xl:calc(2.25 / 1.875);
--rs-text-line-height-4xl:calc(2.5 / 2.25);
--rs-text-line-height-5xl:1;
--rs-text-line-height-6xl:1;
--rs-spacing:0.25rem;
--rs-spacing-inline-xs:8px;
--rs-spacing-block-xs:2px;
--rs-spacing-inline-sm:10px;
--rs-spacing-block-sm:5px;
--rs-spacing-inline-lg:16px;
--rs-spacing-block-lg:10px;
--rs-padding-inline-md:12px;
--rs-padding-block-md:8px;
--rs-scale:1;
--rs-radius-none:0;
--rs-radius-xs:0.125rem;
--rs-radius-sm:0.25rem;
--rs-radius-md:0.375rem;
--rs-radius-lg:0.5rem;
--rs-radius-xl:0.75rem;
--rs-radius-2xl:1rem;
--rs-radius-3xl:1.5rem;
--rs-radius-4xl:2rem;
--rs-radius-full:62.5rem;
--rs-shadow-color:rgb(0 0 0 / 10%);
--rs-shadow-color-deep:rgb(0 0 0 / 25%);
--rs-shadow-none:0 0 #0000;
--rs-shadow-xs:0 1px 2px 0 var(--rs-shadow-color);
--rs-shadow-sm:0 1px 3px 0 var(--rs-shadow-color), 0 1px 2px 0 var(--rs-shadow-color);
--rs-shadow-md:0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
--rs-shadow-lg:0 10px 15px -3px var(--rs-shadow-color), 0 4px 6px 0 var(--rs-shadow-color);
--rs-shadow-xl:0 20px 25px -5px var(--rs-shadow-color), 0 8px 10px 0 var(--rs-shadow-color);
--rs-shadow-2xl:0 25px 50px -12px var(--rs-shadow-color-deep);
--rs-cursor-disabled:not-allowed;
--rs-link-hover-decoration:underline;
--rs-link-active-decoration:underline;
--rs-ripple-bg:rgb(0 0 0 / 20%);
--rs-loader-default-size:1.125rem;
--rs-zindex-date-range-picker-calendar-dropdown:1;
--rs-zindex-date-range-picker-table-cell-content:1;
--rs-zindex-badge-content:1;
--rs-zindex-message-full:3;
--rs-zindex-dropdown:5;
--rs-zindex-picker-toggle:5;
--rs-zindex-picker-input:6;
--rs-zindex-picker-popup:7;
--rs-zindex-list-helper:99;
--rs-zindex-modal:1050;
--rs-zindex-drawer:1050;
--rs-zindex-popover:1060;
--rs-zindex-tooltip:1070;
--rs-zindex-notification:1080;
--rs-zindex-uploader-picture-preview:1;
--rs-zindex-uploader-picture-loading-wrapper:2;
--rs-zindex-uploader-picture-error-wrapper:3;
--rs-zindex-uploader-picture-remove-button:4;
--rs-zindex-form-error-message:5;
--rs-zindex-table-body-row-wrapper:0;
--rs-zindex-table-header-row-wrapper:2;
--rs-zindex-table-column-resize-spanner:3;
--rs-zindex-table-cell-group-fixed:4;
--rs-zindex-table-row-cell-group-shadow:5;
--rs-zindex-table-mouse-area:6;
--rs-zindex-rate-character-before:1;
}
*[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
box-sizing:border-box;
}
html{
-webkit-tap-highlight-color:transparent;
font-size:16px;
}
body{
font-family:var(--rs-font-family-base);
font-size:var(--rs-font-size-sm);
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
background-color:var(--rs-body);
}
@media (max-width: calc(576px - 1px)){
[data-visible-from=xs]{
display:none !important;
}
}
@media (min-width: 576px){
[data-hidden-from=xs]{
display:none !important;
}
}
@media (max-width: calc(768px - 1px)){
[data-visible-from=sm]{
display:none !important;
}
}
@media (min-width: 768px){
[data-hidden-from=sm]{
display:none !important;
}
}
@media (max-width: calc(992px - 1px)){
[data-visible-from=md]{
display:none !important;
}
}
@media (min-width: 992px){
[data-hidden-from=md]{
display:none !important;
}
}
@media (max-width: calc(1200px - 1px)){
[data-visible-from=lg]{
display:none !important;
}
}
@media (min-width: 1200px){
[data-hidden-from=lg]{
display:none !important;
}
}
@media (max-width: calc(1400px - 1px)){
[data-visible-from=xl]{
display:none !important;
}
}
@media (min-width: 1400px){
[data-hidden-from=xl]{
display:none !important;
}
}
.rs-panel-group{
border-radius:var(--rs-radius-md);
overflow:hidden;
}
.rs-panel-group-bordered{
border:1px solid var(--rs-border-primary);
}
.rs-panel-group > .rs-panel{
border:none;
}
.rs-panel-group > .rs-panel + .rs-panel{
position:relative;
}
.rs-panel-group > .rs-panel + .rs-panel::before{
content:"";
position:absolute;
top:0;
border-top:1px solid var(--rs-border-primary);
inset-inline-start:20px;
inset-inline-end:20px;
}
:root{
--rs-heading-font-family:inherit;
--rs-heading-font-weight:bolder;
--rs-heading-color:inherit;
--rs-heading-h1-font-size:var(--rs-font-size-5xl);
--rs-heading-h2-font-size:var(--rs-font-size-4xl);
--rs-heading-h3-font-size:var(--rs-font-size-3xl);
--rs-heading-h4-font-size:var(--rs-font-size-2xl);
--rs-heading-h5-font-size:var(--rs-font-size-xl);
--rs-heading-h6-font-size:var(--rs-font-size-lg);
--rs-heading-h1-line-height:var(--rs-text-line-height-5xl);
--rs-heading-h2-line-height:var(--rs-text-line-height-4xl);
--rs-heading-h3-line-height:var(--rs-text-line-height-3xl);
--rs-heading-h4-line-height:var(--rs-text-line-height-2xl);
--rs-heading-h5-line-height:var(--rs-text-line-height-xl);
--rs-heading-h6-line-height:var(--rs-text-line-height-lg);
}
.rs-heading{
font-family:var(--rs-heading-font-family);
font-weight:var(--rs-heading-font-weight);
color:var(--rs-heading-color);
margin:0;
}
.rs-heading.h1{
font-size:var(--rs-heading-h1-font-size);
line-height:var(--rs-heading-h1-line-height);
}
.rs-heading.h2{
font-size:var(--rs-heading-h2-font-size);
line-height:var(--rs-heading-h2-line-height);
}
.rs-heading.h3{
font-size:var(--rs-heading-h3-font-size);
line-height:var(--rs-heading-h3-line-height);
}
.rs-heading.h4{
font-size:var(--rs-heading-h4-font-size);
line-height:var(--rs-heading-h4-line-height);
}
.rs-heading.h5{
font-size:var(--rs-heading-h5-font-size);
line-height:var(--rs-heading-h5-line-height);
}
.rs-heading.h6{
font-size:var(--rs-heading-h6-font-size);
line-height:var(--rs-heading-h6-line-height);
}
.rs-scroll-view.rs-scroll-view-shadow{
overflow:auto;
padding:0px;
}
.rs-scroll-view.rs-scroll-view-shadow::before, .rs-scroll-view.rs-scroll-view-shadow::after{
content:"";
position:sticky;
width:100%;
height:2px;
visibility:hidden;
display:block;
z-index:1;
}
.rs-scroll-view.rs-scroll-view-shadow::before{
top:-2px;
box-shadow:3px 0 5px var(--rs-scroll-view-shadow-color);
}
.rs-scroll-view.rs-scroll-view-shadow::after{
bottom:-2px;
box-shadow:-3px 0 5px var(--rs-scroll-view-shadow-color);
}
.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-middle::before, .rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-middle::after,.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-top::after,.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-bottom::before{
visibility:visible;
}
.rs-scroll-view.rs-scroll-view-custom-scrollbar{
scrollbar-width:thin;
scrollbar-color:var(--rs-scrollbar-thumb-bg) var(--rs-scrollbar-bg);
}
.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar{
width:12px;
}
.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-track{
background:var(--rs-scrollbar-bg);
border-radius:var(--rs-radius-lg);
}
.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb{
background-color:var(--rs-scrollbar-thumb-bg);
border-radius:var(--rs-radius-md);
border:3px solid var(--rs-scrollbar-bg);
}
.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb:hover{
background-color:var(--rs-scrollbar-thumb-hover-bg);
}
:root{
--rs-anim-fade-duration:0.15s;
--rs-anim-collapse-duration:0.35s;
}
@keyframes slideInLeft{
from{
opacity:0;
transform:translate3d(-100%, 0, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes slideOutLeft{
from{
opacity:1;
transform:none;
}
to{
opacity:0;
transform:translate3d(-100%, 0, 0);
}
}
@keyframes slideInRight{
from{
opacity:0;
transform:translate3d(100%, 0, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes slideOutRight{
from{
opacity:1;
transform:none;
}
to{
opacity:0;
transform:translate3d(100%, 0, 0);
}
}
@keyframes slideInTop{
from{
opacity:0;
transform:translate3d(0, -100%, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes slideOutTop{
from{
opacity:1;
transform:none;
}
to{
opacity:0;
transform:translate3d(0, -100%, 0);
}
}
@keyframes slideInBottom{
from{
opacity:0;
transform:translate3d(0, 100%, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes slideOutBottom{
from{
opacity:1;
transform:none;
}
to{
opacity:0;
transform:translate3d(0, 100%, 0);
}
}
.rs-anim-slide-out{
animation-duration:0.3s;
animation-timing-function:cubic-bezier(0.4, 0, 1, 1);
animation-fill-mode:forwards;
}
.rs-anim-slide-in{
animation-duration:0.3s;
animation-timing-function:ease-in-out;
animation-fill-mode:forwards;
}
.rs-anim-right.rs-anim-slide-in{
animation-name:slideInRight;
}
.rs-anim-right.rs-anim-slide-out{
animation-name:slideOutRight;
}
[dir=rtl] .rs-anim-right.rs-anim-slide-in{
animation-name:slideInLeft;
}
[dir=rtl] .rs-anim-right.rs-anim-slide-out{
animation-name:slideOutLeft;
}
.rs-anim-left.rs-anim-slide-in{
animation-name:slideInLeft;
}
.rs-anim-left.rs-anim-slide-out{
animation-name:slideOutLeft;
}
[dir=rtl] .rs-anim-left.rs-anim-slide-in{
animation-name:slideInRight;
}
[dir=rtl] .rs-anim-left.rs-anim-slide-out{
animation-name:slideOutRight;
}
.rs-anim-top.rs-anim-slide-in{
animation-name:slideInTop;
}
.rs-anim-top.rs-anim-slide-out{
animation-name:slideOutTop;
}
.rs-anim-bottom.rs-anim-slide-in{
animation-name:slideInBottom;
}
.rs-anim-bottom.rs-anim-slide-out{
animation-name:slideOutBottom;
}
.rs-anim-bounce-in{
animation-name:bounceIn;
animation-duration:0.3s;
animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
animation-fill-mode:forwards;
}
@keyframes bounceIn{
from{
opacity:0;
transform:scale(0.8);
}
to{
opacity:1;
transform:scale(1);
}
}
.rs-anim-bounce-out{
animation-name:bounceOut;
animation-duration:0.3s;
animation-timing-function:cubic-bezier(0.4, 0, 1, 1);
animation-fill-mode:forwards;
}
@keyframes bounceOut{
from{
opacity:1;
transform:scale(1);
}
to{
opacity:0;
transform:scale(0.8);
}
}
.rs-anim-collapse{
display:none;
}
.rs-anim-collapse.rs-anim-in{
display:block;
}
tr.rs-anim-collapse.rs-anim-in{
display:table-row;
}
tbody.rs-anim-collapse.rs-anim-in{
display:table-row-group;
}
.rs-anim-collapsing{
position:relative;
height:0;
overflow:hidden;
transition:height var(--rs-anim-collapse-duration) ease, width var(--rs-anim-collapse-duration) ease, visibility var(--rs-anim-collapse-duration) ease;
}
.rs-anim-fade{
opacity:0;
transition:opacity var(--rs-anim-fade-duration) linear;
pointer-events:none;
}
.rs-anim-fade.rs-anim-in{
opacity:1;
pointer-events:auto;
}
.rs-panel{
--rs-panel-header-font-size:var(--rs-font-size-md);
--rs-panel-header-line-height:var(--rs-text-line-height-md);
--rs-panel-padding:1.25rem;
--rs-panel-border-radius:var(--rs-radius-md);
--rs-panel-btn-font-size:var(--rs-font-size-md);
--rs-panel-btn-padding:0.625rem;
--rs-panel-shadow:var(--rs-shadow-md);
border-radius:var(--rs-panel-border-radius);
overflow:hidden;
}
.rs-panel .rs-anim-collapse{
display:none;
}
.rs-panel .rs-anim-collapse.rs-anim-in{
display:block;
}
.rs-panel-bordered{
border:1px solid var(--rs-border-primary);
}
.rs-panel-shaded{
box-shadow:var(--rs-panel-shadow);
}
.rs-panel-header, .rs-panel-body{
padding:var(--rs-panel-padding);
}
.rs-panel-body-fill{
padding:0 !important;
}
.rs-panel-header{
color:var(--rs-text-heading);
font-size:var(--rs-panel-header-font-size);
line-height:var(--rs-panel-header-line-height);
font-weight:inherit;
}
.rs-panel-btn{
width:100%;
border:none;
background:none;
outline:transparent solid 2px;
display:flex;
align-items:center;
font-size:var(--rs-panel-btn-font-size);
padding:var(--rs-panel-btn-padding);
border-radius:var(--rs-panel-border-radius);
}
.rs-panel-btn:hover, .rs-panel-btn:focus, .rs-panel-btn:active{
background-color:var(--rs-btn-subtle-hover-bg);
color:var(--rs-btn-subtle-hover-text);
outline:transparent solid 2px;
}
.rs-panel-btn-icon{
transition:transform 0.2s ease 0s;
}
.rs-panel-btn[aria-expanded=true] .rs-panel-btn-icon{
transform:rotate(180deg);
}
.rs-panel-btn[disabled]{
cursor:not-allowed;
color:var(--rs-text-disabled);
background-color:var(--rs-btn-subtle-disabled-bg);
}
.rs-panel-title{
margin:0;
flex:1 1 0%;
text-align:start;
}
.rs-panel-title a{
color:inherit;
}
.rs-panel-title a:hover, .rs-panel-title a:focus, .rs-panel-title a:active{
text-decoration:none;
}
.rs-panel-header + .rs-panel-body-collapse .rs-panel-body, .rs-panel-header + .rs-panel-body{
padding-top:0;
}
.rs-panel-collapsible > .rs-panel-header{
cursor:pointer;
transition:background-color 0.3s linear, border-radius 0.3s linear;
position:relative;
padding:calc(var(--rs-spacing) * 2.5);
}
:root{
--rs-stack-spacing:calc(var(--rs-spacing) * 1.5);
--rs-stack-wrap:nowrap;
--rs-stack-direction:row;
--rs-stack-align:center;
--rs-stack-justify:flex-start;
--rs-stack-item-grow:0;
--rs-stack-item-shrink:1;
--rs-stack-item-basis:auto;
}
.rs-stack{
display:flex;
gap:var(--rs-stack-spacing);
flex-wrap:var(--rs-stack-wrap);
flex-direction:var(--rs-stack-direction);
align-items:var(--rs-stack-align);
justify-content:var(--rs-stack-justify);
}
.rs-stack-column{
--rs-stack-align:flex-start;
flex-direction:column;
}
.rs-stack-row{
--rs-stack-align:center;
flex-direction:row;
}
.rs-stack-column-reverse{
--rs-stack-align:flex-start;
flex-direction:column-reverse;
}
.rs-stack-row-reverse{
--rs-stack-align:center;
flex-direction:row-reverse;
}
.rs-stack[data-wrap=true]{
flex-wrap:wrap;
}
.rs-stack-xs-column{
flex-direction:column;
}
.rs-stack-xs-row{
flex-direction:row;
}
.rs-stack-xs-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-xs-row-reverse{
flex-direction:row-reverse;
}
@media (min-width: 576px){
.rs-stack-sm-column{
flex-direction:column;
}
.rs-stack-sm-row{
flex-direction:row;
}
.rs-stack-sm-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-sm-row-reverse{
flex-direction:row-reverse;
}
}
@media (min-width: 768px){
.rs-stack-md-column{
flex-direction:column;
}
.rs-stack-md-row{
flex-direction:row;
}
.rs-stack-md-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-md-row-reverse{
flex-direction:row-reverse;
}
}
@media (min-width: 992px){
.rs-stack-lg-column{
flex-direction:column;
}
.rs-stack-lg-row{
flex-direction:row;
}
.rs-stack-lg-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-lg-row-reverse{
flex-direction:row-reverse;
}
}
@media (min-width: 1200px){
.rs-stack-xl-column{
flex-direction:column;
}
.rs-stack-xl-row{
flex-direction:row;
}
.rs-stack-xl-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-xl-row-reverse{
flex-direction:row-reverse;
}
}
@media (min-width: 1400px){
.rs-stack-xxl-column{
flex-direction:column;
}
.rs-stack-xxl-row{
flex-direction:row;
}
.rs-stack-xxl-column-reverse{
flex-direction:column-reverse;
}
.rs-stack-xxl-row-reverse{
flex-direction:row-reverse;
}
}
:root{
--rs-loader-duration-fast:0.4s;
--rs-loader-duration-normal:0.6s;
--rs-loader-duration-slow:0.8s;
--rs-loader-duration-paused:paused;
--rs-loader-size-xs:1rem;
--rs-loader-size-sm:1.125rem;
--rs-loader-size-md:2.25rem;
--rs-loader-size-lg:4rem;
--rs-loader-font-size-xs:var(--rs-font-size-xs);
--rs-loader-font-size-sm:var(--rs-font-size-sm);
--rs-loader-font-size-md:var(--rs-font-size-sm);
--rs-loader-font-size-lg:var(--rs-font-size-md);
--rs-loader-spin-ring-width:3px;
}
.rs-loader-box{
display:inline-flex;
align-items:center;
justify-content:center;
gap:calc(var(--rs-spacing) * 3);
}
.rs-loader-spin{
position:relative;
display:inline-block;
}
.rs-loader-spin,.rs-loader-spin::before, .rs-loader-spin::after{
width:var(--rs-loader-size);
height:var(--rs-loader-size);
}
.rs-loader-spin::before, .rs-loader-spin::after{
content:"";
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
display:block;
border-radius:var(--rs-radius-full);
}
.rs-loader-spin::before{
border:var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
}
.rs-loader-spin::after{
border-width:var(--rs-loader-spin-ring-width);
border-style:solid;
border-color:var(--rs-loader-rotor) transparent transparent;
animation:loaderSpin var(--rs-loader-duration-normal) infinite linear;
}
.rs-loader-content{
font-size:var(--rs-loader-font-size);
}
.rs-loader-backdrop{
position:absolute;
top:0;
inset-inline-start:0;
width:100%;
height:100%;
background:var(--rs-loader-backdrop);
}
.rs-loader[data-direction=vertical] .rs-loader-box{
flex-direction:column;
}
.rs-loader[data-inverse=true] .rs-loader-content{
color:var(--rs-text-inverse);
}
.rs-loader[data-inverse=true] .rs-loader-backdrop{
background:var(--rs-loader-backdrop-inverse);
}
.rs-loader[data-inverse=true] .rs-loader-spin::before{
border-color:var(--rs-loader-ring-inverse);
}
.rs-loader[data-inverse=true] .rs-loader-spin::after{
border-top-color:var(--rs-loader-rotor-inverse);
}
.rs-loader[data-speed=fast] .rs-loader-spin::after{
animation-duration:var(--rs-loader-duration-fast);
}
.rs-loader[data-speed=normal] .rs-loader-spin::after{
animation-duration:var(--rs-loader-duration-normal);
}
.rs-loader[data-speed=slow] .rs-loader-spin::after{
animation-duration:var(--rs-loader-duration-slow);
}
.rs-loader[data-speed=paused] .rs-loader-spin::after{
animation-play-state:var(--rs-loader-duration-paused);
}
.rs-loader[data-center=true]{
position:absolute;
top:0;
bottom:0;
inset-inline-start:0;
inset-inline-end:0;
margin:auto;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.rs-loader[data-center=true] .rs-loader-content{
z-index:1;
}
.rs-loader[data-size=xs]{
--rs-loader-size:var(--rs-loader-size-xs);
--rs-loader-font-size:var(--rs-loader-font-size-xs);
}
.rs-loader[data-size=sm]{
--rs-loader-size:var(--rs-loader-size-sm);
--rs-loader-font-size:var(--rs-loader-font-size-sm);
}
.rs-loader[data-size=md]{
--rs-loader-size:var(--rs-loader-size-md);
--rs-loader-font-size:var(--rs-loader-font-size-md);
}
.rs-loader[data-size=lg]{
--rs-loader-size:var(--rs-loader-size-lg);
--rs-loader-font-size:var(--rs-loader-font-size-lg);
}
@keyframes loaderSpin{
from{
transform:rotate(0);
}
to{
transform:rotate(360deg);
}
}
:root{
--rs-input-border-width:1px;
--rs-input-font-size-xs:var(--rs-font-size-xs);
--rs-input-font-size-sm:var(--rs-font-size-sm);
--rs-input-font-size-md:var(--rs-font-size-sm);
--rs-input-font-size-lg:var(--rs-font-size-md);
--rs-input-line-height-xs:var(--rs-line-height-xs);
--rs-input-line-height-sm:var(--rs-line-height-md);
--rs-input-line-height-md:var(--rs-line-height-md);
--rs-input-line-height-lg:var(--rs-line-height-lg);
--rs-input-border-radius:var(--rs-radius-md);
--rs-input-padding-block-xs:calc(var(--rs-spacing-block-xs) - var(--rs-input-border-width));
--rs-input-padding-block-sm:calc(var(--rs-spacing-block-sm) - var(--rs-input-border-width));
--rs-input-padding-block-md:calc(var(--rs-padding-block-md) - var(--rs-input-border-width));
--rs-input-padding-block-lg:calc(var(--rs-spacing-block-lg) - var(--rs-input-border-width));
--rs-input-padding-inline-xs:calc(var(--rs-spacing) - var(--rs-input-border-width));
--rs-input-padding-inline-sm:calc(calc(var(--rs-spacing) * 2) - var(--rs-input-border-width));
--rs-input-padding-inline-md:calc(calc(var(--rs-spacing) * 2.5) - var(--rs-input-border-width));
--rs-input-padding-inline-lg:calc(calc(var(--rs-spacing) * 3) - var(--rs-input-border-width));
--rs-input-transition:border-color ease-in-out 0.15s;
}
.rs-input{
display:block;
width:100%;
color:var(--rs-text-primary);
background-color:var(--rs-input-bg);
background-image:none;
border:1px solid var(--rs-border-primary);
transition:var(--rs-input-transition);
border-radius:var(--rs-input-border-radius);
font-size:var(--rs-input-font-size);
line-height:var(--rs-input-line-height);
padding-block:var(--rs-input-padding-block);
padding-inline:var(--rs-input-padding-inline);
}
[data-theme=high-contrast] .rs-input, .rs-theme-high-contrast .rs-input{
transition:none;
}
.rs-input::-moz-placeholder{
color:var(--rs-text-secondary);
}
.rs-input::placeholder{
color:var(--rs-text-secondary);
}
.rs-input:focus{
border-color:var(--rs-input-focus-border);
}
.rs-input:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-input:disabled{
background-color:var(--rs-input-disabled-bg);
color:var(--rs-text-disabled);
}
.rs-input[data-size=xs]{
--rs-input-font-size:var(--rs-input-font-size-xs);
--rs-input-line-height:var(--rs-input-line-height-xs);
--rs-input-padding-block:var(--rs-input-padding-block-xs);
--rs-input-padding-inline:var(--rs-input-padding-inline-xs);
}
.rs-input[data-size=sm]{
--rs-input-font-size:var(--rs-input-font-size-sm);
--rs-input-line-height:var(--rs-input-line-height-sm);
--rs-input-padding-block:var(--rs-input-padding-block-sm);
--rs-input-padding-inline:var(--rs-input-padding-inline-sm);
}
.rs-input[data-size=md]{
--rs-input-font-size:var(--rs-input-font-size-md);
--rs-input-line-height:var(--rs-input-line-height-md);
--rs-input-padding-block:var(--rs-input-padding-block-md);
--rs-input-padding-inline:var(--rs-input-padding-inline-md);
}
.rs-input[data-size=lg]{
--rs-input-font-size:var(--rs-input-font-size-lg);
--rs-input-line-height:var(--rs-input-line-height-lg);
--rs-input-padding-block:var(--rs-input-padding-block-lg);
--rs-input-padding-inline:var(--rs-input-padding-inline-lg);
}
.rs-input-group{
--rs-input-height-xs:calc(var(--rs-line-height-base) + (var(--rs-spacing-block-xs) * 2));
--rs-input-height-sm:calc(var(--rs-line-height-base) + (var(--rs-spacing-block-sm) * 2));
--rs-input-height-md:calc(var(--rs-line-height-base) + (var(--rs-padding-block-md) * 2));
--rs-input-height-lg:calc(var(--rs-line-height-plus) + (var(--rs-spacing-block-lg) * 2));
--rs-input-group-input-height-xs:calc(var(--rs-input-height-xs) - 2px);
--rs-input-group-input-height-sm:calc(var(--rs-input-height-sm) - 2px);
--rs-input-group-input-height-md:calc(var(--rs-input-height-md) - 2px);
--rs-input-group-input-height-lg:calc(var(--rs-input-height-lg) - 2px);
--rs-input-group-inside-btn-m-x-xs:calc(var(--rs-spacing-block-xs) / 2);
--rs-input-group-inside-btn-m-x-sm:calc(var(--rs-spacing-block-sm) / 2);
--rs-input-group-inside-btn-m-x-md:calc(var(--rs-padding-block-md) / 2);
--rs-input-group-inside-btn-m-x-lg:calc(var(--rs-spacing-block-lg) / 2);
--rs-input-group-inside-btn-p-x-xs:calc(var(--rs-spacing-inline-xs) / 2);
--rs-input-group-inside-btn-p-x-sm:calc(var(--rs-spacing-inline-sm) / 2);
--rs-input-group-inside-btn-p-x-md:calc(var(--rs-padding-inline-md) / 2);
--rs-input-group-inside-btn-p-x-lg:calc(var(--rs-spacing-inline-lg) / 2);
--rs-input-group-border-radius:var(--rs-radius-md);
--rs-input-group-font-size-xs:var(--rs-font-size-xs);
--rs-input-group-font-size-sm:var(--rs-font-size-sm);
--rs-input-group-font-size-md:var(--rs-font-size-sm);
--rs-input-group-font-size-lg:var(--rs-font-size-md);
--rs-input-group-width:100%;
position:relative;
display:flex;
border-radius:var(--rs-input-group-border-radius);
transition:var(--rs-input-transition);
width:var(--rs-input-group-width);
cursor:text;
color:var(--rs-text-primary);
border:1px solid var(--rs-border-primary);
overflow:hidden;
}
.rs-input-group[data-size=xs]{
--rs-input-group-input-height:var(--rs-input-group-input-height-xs);
--rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-xs);
--rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-xs);
--rs-input-group-font-size:var(--rs-input-group-font-size-xs);
}
.rs-input-group[data-size=sm]{
--rs-input-group-input-height:var(--rs-input-group-input-height-sm);
--rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-sm);
--rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-sm);
--rs-input-group-font-size:var(--rs-input-group-font-size-sm);
}
.rs-input-group[data-size=md]{
--rs-input-group-input-height:var(--rs-input-group-input-height-md);
--rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-md);
--rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-md);
--rs-input-group-font-size:var(--rs-input-group-font-size-md);
}
.rs-input-group[data-size=lg]{
--rs-input-group-input-height:var(--rs-input-group-input-height-lg);
--rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-lg);
--rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-lg);
--rs-input-group-font-size:var(--rs-input-group-font-size-lg);
}
[data-theme=high-contrast] .rs-input-group, .rs-theme-high-contrast .rs-input-group{
transition:none;
}
.rs-input-group:not([data-disabled=true]).rs-input-group-focus, .rs-input-group:focus-within{
border-color:var(--rs-input-focus-border);
}
.rs-input-group:not([data-disabled=true]).rs-input-group-focus, .rs-input-group:focus-within{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-input-group .rs-input-group{
outline:none !important;
border-color:transparent !important;
}
.rs-input-group .rs-input-group-btn{
height:var(--rs-input-group-input-height);
}
.rs-input-group .rs-number-input,
.rs-input-group .rs-input-group-addon,
.rs-input-group .rs-input-group-btn,
.rs-input-group .rs-picker[data-picker=date] .rs-picker-toggle{
border:none;
border-radius:var(--rs-radius-none);
outline:none;
}
.rs-input-group > .rs-input,
.rs-input-group > .rs-form-control-wrapper{
flex:1 1 auto;
}
.rs-input-group .rs-form-control-wrapper > .rs-input{
width:100%;
}
.rs-input-group > .rs-input{
position:relative;
height:var(--rs-input-group-input-height);
border:none;
border-radius:var(--rs-radius-none);
outline:none;
}
.rs-input-group > .rs-input-group-addon > .rs-icon{
font-size:inherit;
}
.rs-input-group[data-inside=true]{
width:var(--rs-input-group-width);
align-items:center;
background-color:var(--rs-input-bg);
}
.rs-input-group[data-inside=true] .rs-input{
display:block;
width:100%;
border:none;
outline:none;
}
.rs-input-group[data-inside=true] .rs-input-group-btn,
.rs-input-group[data-inside=true] .rs-input-group-addon{
flex:0 0 auto;
width:auto;
}
.rs-input-group[data-inside=true] .rs-input-group-btn{
border-radius:var(--rs-input-group-border-radius);
height:calc(var(--rs-input-group-input-height) - var(--rs-input-group-inside-btn-spacing) * 2);
margin-inline:var(--rs-input-group-inside-btn-spacing);
padding-inline:var(--rs-input-group-inside-btn-padding);
color:var(--rs-btn-subtle-text);
background-color:transparent;
color:inherit;
}
.rs-input-group[data-inside=true] .rs-input-group-btn:hover{
color:var(--rs-btn-subtle-hover-text);
background-color:var(--rs-btn-subtle-hover-bg);
}
.rs-input-group[data-inside=true] .rs-input-group-btn:active, .rs-input-group[data-inside=true] .rs-input-group-btn[data-active=true]{
color:var(--rs-btn-subtle-active-text);
background-color:var(--rs-btn-subtle-active-bg);
}
.rs-input-group[data-inside=true] .rs-input-group-btn:disabled, .rs-input-group[data-inside=true] .rs-input-group-btn[data-disabled=true]{
color:var(--rs-btn-subtle-disabled-text);
background:none;
}
.rs-input-group[data-inside=true] .rs-input-group-btn:focus{
outline:none;
}
.rs-input-group[data-inside=true] .rs-input-group-addon{
background:none;
border:none;
}
.rs-input-group[data-inside=true] .rs-input:not(:first-child),
.rs-input-group[data-inside=true] .rs-auto-complete:not(:first-child) .rs-input{
padding-inline-start:0;
}
.rs-input-group[data-inside=true] .rs-input:not(:last-child),
.rs-input-group[data-inside=true] .rs-auto-complete:not(:last-child) .rs-input{
padding-inline-end:0;
}
.rs-input-group[data-disabled=true]{
background-color:var(--rs-input-disabled-bg);
color:var(--rs-text-disabled);
cursor:not-allowed;
}
.rs-input-group[data-disabled=true] .rs-input,
.rs-input-group[data-disabled=true] .rs-input-group-btn,
.rs-input-group[data-disabled=true] .rs-input-group-addon{
color:inherit;
}
.rs-input-group-addon{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
white-space:nowrap;
vertical-align:middle;
color:var(--rs-text-primary);
font-size:var(--rs-input-group-font-size);
font-weight:normal;
line-height:1;
text-align:center;
background-color:var(--rs-btn-default-bg);
padding-inline:var(--rs-spacing);
min-width:var(--rs-input-group-input-height);
}
.rs-input-group-addon[data-size=sm]{
padding-block:var(--rs-spacing-block-sm);
padding-inline:var(--rs-spacing-inline-sm);
font-size:var(--rs-font-size-sm);
}
.rs-input-group-addon[data-size=xs]{
padding:var(--rs-spacing-inline-xs);
font-size:var(--rs-font-size-xs);
}
.rs-input-group-addon[data-size=lg]{
padding-block:var(--rs-spacing-block-lg);
padding-inline:var(--rs-spacing-inline-lg);
font-size:var(--rs-font-size-md);
}
.rs-input-group-addon input[type=radio],
.rs-input-group-addon input[type=checkbox]{
margin-top:0;
}
.rs-input-group-btn{
display:flex;
align-items:center;
position:relative;
line-height:1;
white-space:nowrap;
border-radius:var(--rs-radius-none);
font-size:var(--rs-input-group-font-size);
}
.rs-highlight-mark{
background-color:var(--rs-text-highlight-bg);
padding:0 0.2em;
font-weight:bolder;
border-radius:var(--rs-radius-sm);
}
.rs-ripple{
position:absolute;
display:block;
border-radius:var(--rs-radius-full);
background-color:var(--rs-ripple-bg);
transform:scale(0);
transition:0s;
}
.rs-ripple-rippling{
transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
transform:scale(1);
opacity:0;
}
.rs-ripple-pond{
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
inset-inline-start:0;
pointer-events:none;
}
.high-contrast-mode .rs-ripple-pond{
display:none !important;
}
:root{
--rs-btn-size-xs:1.5rem;
--rs-btn-size-sm:1.875rem;
--rs-btn-size-md:2.25rem;
--rs-btn-size-lg:2.625rem;
--rs-btn-font-size-xs:var(--rs-font-size-xs);
--rs-btn-font-size-sm:var(--rs-font-size-sm);
--rs-btn-font-size-md:var(--rs-font-size-sm);
--rs-btn-font-size-lg:var(--rs-font-size-md);
--rs-btn-line-height-xs:1.25rem;
--rs-btn-line-height-sm:1.25rem;
--rs-btn-line-height-md:1.25rem;
--rs-btn-line-height-lg:1.375rem;
--rs-btn-padding-inline-xs:calc(var(--rs-spacing) * 2);
--rs-btn-padding-inline-sm:calc(var(--rs-spacing) * 2.5);
--rs-btn-padding-inline-md:calc(var(--rs-spacing) * 3);
--rs-btn-padding-inline-lg:calc(var(--rs-spacing) * 3.5);
--rs-btn-padding-block-xs:calc(var(--rs-spacing) / 2);
--rs-btn-padding-block-sm:calc(var(--rs-spacing) * 1.25);
--rs-btn-padding-block-md:calc(var(--rs-spacing) * 2);
--rs-btn-padding-block-lg:calc(var(--rs-spacing) * 2.5);
--rs-btn-icon-size-xs:0.75rem;
--rs-btn-icon-size-sm:1rem;
--rs-btn-icon-size-md:1rem;
--rs-btn-icon-size-lg:1.25rem;
--rs-btn-ghost-border-width:1px;
--rs-btn-loading-spin-default-diameter:18px;
--rs-btn-loading-spin-xs-diameter:16px;
--rs-btn-loading-spin-ring-wide:3px;
--rs-btn-font-weight:normal;
--rs-btn-transition:color 0.15s ease-out, background-color 0.15s ease-out;
--rs-btn-icon-gap:5px;
}
.rs-btn, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:0;
font-weight:var(--rs-btn-font-weight);
font-size:var(--rs-btn-font-size, var(--rs-font-size-sm));
line-height:var(--rs-btn-line-height, 1.25rem);
height:var(--rs-btn-size, 2.25rem);
text-align:center;
vertical-align:middle;
cursor:pointer;
white-space:nowrap;
transition:var(--rs-btn-transition);
border-width:0;
border-style:solid;
border-color:var(--rs-btn-default-border-color, none);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
text-decoration:none;
color:var(--rs-btn-default-text);
background-color:var(--rs-btn-default-bg);
border-radius:var(--rs-radius-md);
padding-inline:var(--rs-btn-padding-inline);
padding-block:var(--rs-btn-padding-block);
}
[data-theme=high-contrast] .rs-btn, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] .rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast .rs-uploader-trigger-btn{
transition:none;
border-width:1px;
border-color:var(--rs-btn-default-border-color);
}
.rs-btn:focus-visible, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-btn:hover, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:hover{
color:var(--rs-btn-default-hover-text);
background-color:var(--rs-btn-default-hover-bg);
text-decoration:none;
}
.rs-btn:active, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:active, .rs-btn.rs-btn[data-active=true], .rs-uploader[data-list-type=picture] [data-active=true].rs-uploader-trigger-btn{
color:var(--rs-btn-default-active-text);
background-color:var(--rs-btn-default-active-bg);
}
.rs-btn:disabled, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled, .rs-btn.rs-btn[data-disabled=true], .rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn{
cursor:var(--rs-cursor-disabled);
color:var(--rs-btn-default-disabled-text);
background-color:var(--rs-btn-default-disabled-bg);
}
[data-theme=high-contrast] .rs-btn:disabled, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn:disabled, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn.rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn.rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-disabled=true].rs-uploader-trigger-btn{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
position:relative;
overflow:hidden;
}
@media not all and (min-resolution: 0.001dpcm){
.rs-btn, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
-webkit-mask-image:radial-gradient(white, black);
mask-image:radial-gradient(white, black);
}
}
.rs-btn, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
--rs-btn-size:var(--rs-btn-size-md);
--rs-btn-font-size:var(--rs-btn-font-size-md);
--rs-btn-line-height:var(--rs-btn-line-height-md);
--rs-btn-padding-inline:var(--rs-btn-padding-inline-md);
--rs-btn-padding-block:var(--rs-btn-padding-block-md);
--rs-btn-icon-size:var(--rs-btn-icon-size-md);
}
.rs-btn[data-size=lg], .rs-uploader[data-list-type=picture] [data-size=lg].rs-uploader-trigger-btn{
--rs-btn-size:var(--rs-btn-size-lg);
--rs-btn-font-size:var(--rs-btn-font-size-lg);
--rs-btn-line-height:var(--rs-btn-line-height-lg);
--rs-btn-padding-inline:var(--rs-btn-padding-inline-lg);
--rs-btn-padding-block:var(--rs-btn-padding-block-lg);
--rs-btn-icon-size:var(--rs-btn-icon-size-lg);
}
.rs-btn[data-size=md], .rs-uploader[data-list-type=picture] [data-size=md].rs-uploader-trigger-btn{
--rs-btn-size:var(--rs-btn-size-md);
--rs-btn-font-size:var(--rs-btn-font-size-md);
--rs-btn-line-height:var(--rs-btn-line-height-md);
--rs-btn-padding-inline:var(--rs-btn-padding-inline-md);
--rs-btn-padding-block:var(--rs-btn-padding-block-md);
--rs-btn-icon-size:var(--rs-btn-icon-size-md);
}
.rs-btn[data-size=sm], .rs-uploader[data-list-type=picture] [data-size=sm].rs-uploader-trigger-btn{
--rs-btn-size:var(--rs-btn-size-sm);
--rs-btn-font-size:var(--rs-btn-font-size-sm);
--rs-btn-line-height:var(--rs-btn-line-height-sm);
--rs-btn-padding-inline:var(--rs-btn-padding-inline-sm);
--rs-btn-padding-block:var(--rs-btn-padding-block-sm);
--rs-btn-icon-size:var(--rs-btn-icon-size-sm);
}
.rs-btn[data-size=xs], .rs-uploader[data-list-type=picture] [data-size=xs].rs-uploader-trigger-btn{
--rs-btn-size:var(--rs-btn-size-xs);
--rs-btn-font-size:var(--rs-btn-font-size-xs);
--rs-btn-line-height:var(--rs-btn-line-height-xs);
--rs-btn-padding-inline:var(--rs-btn-padding-inline-xs);
--rs-btn-padding-block:var(--rs-btn-padding-block-xs);
--rs-btn-icon-size:var(--rs-btn-icon-size-xs);
}
.rs-btn-start-icon{
line-height:0;
margin-inline-end:var(--rs-btn-icon-gap);
}
.rs-btn-end-icon{
line-height:0;
margin-inline-start:var(--rs-btn-icon-gap);
}
.rs-btn[data-appearance=primary], .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn{
color:var(--rs-btn-primary-text);
background-color:var(--rs-btn-primary-bg);
border-color:var(--rs-btn-primary-border-color);
}
.rs-btn[data-appearance=primary]:hover, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn:hover{
color:var(--rs-btn-primary-text);
background-color:var(--rs-btn-primary-hover-bg);
}
.rs-btn[data-appearance=primary]:active, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=primary].rs-btn[data-active=true], .rs-uploader[data-list-type=picture] [data-appearance=primary][data-active=true].rs-uploader-trigger-btn{
color:var(--rs-btn-primary-text);
background-color:var(--rs-btn-primary-active-bg);
}
.rs-btn[data-appearance=primary]:disabled, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], .rs-uploader[data-list-type=picture] [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn{
color:var(--rs-btn-primary-text);
background-color:var(--rs-btn-primary-bg);
opacity:0.3;
}
[data-theme=high-contrast] .rs-btn[data-appearance=primary]:disabled, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=primary]:disabled, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn[data-appearance=subtle],
.rs-btn-subtle,
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn,
.rs-calendar-header-error{
color:var(--rs-btn-subtle-text);
background-color:transparent;
}
.rs-btn[data-appearance=subtle]:hover,
.rs-btn-subtle:hover,
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:hover,
.rs-calendar-header-error:hover{
color:var(--rs-btn-subtle-hover-text);
background-color:var(--rs-btn-subtle-hover-bg);
}
.rs-btn[data-appearance=subtle]:active, .rs-btn[data-appearance=subtle].rs-btn[data-active=true],
.rs-btn-subtle:active,
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:active,
.rs-calendar-header-error:active,
.rs-btn-subtle.rs-btn[data-active=true],
.rs-btn[data-active=true].rs-calendar-header-error,
.rs-uploader[data-list-type=picture] [data-active=true].rs-uploader-trigger-btn{
color:var(--rs-btn-subtle-active-text);
background-color:var(--rs-btn-subtle-active-bg);
}
.rs-btn[data-appearance=subtle]:disabled, .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true],
.rs-btn-subtle:disabled,
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled,
.rs-calendar-header-error:disabled,
.rs-btn-subtle.rs-btn[data-disabled=true],
.rs-btn[data-disabled=true].rs-calendar-header-error,
.rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn{
color:var(--rs-btn-subtle-disabled-text);
background:none;
}
[data-theme=high-contrast] .rs-btn[data-appearance=subtle]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=subtle]:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true],
[data-theme=high-contrast] .rs-btn-subtle:disabled,
[data-theme=high-contrast] .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled,
.rs-uploader[data-list-type=picture] [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled,
[data-theme=high-contrast] .rs-calendar-header-error:disabled,
.rs-theme-high-contrast .rs-btn-subtle:disabled,
.rs-theme-high-contrast .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:disabled,
.rs-uploader[data-list-type=picture] .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled,
.rs-theme-high-contrast .rs-calendar-header-error:disabled,
[data-theme=high-contrast] .rs-btn-subtle.rs-btn[data-disabled=true],
[data-theme=high-contrast] .rs-btn[data-disabled=true].rs-calendar-header-error,
[data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn,
.rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-disabled=true].rs-uploader-trigger-btn,
.rs-theme-high-contrast .rs-btn-subtle.rs-btn[data-disabled=true],
.rs-theme-high-contrast .rs-btn[data-disabled=true].rs-calendar-header-error,
.rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-disabled=true].rs-uploader-trigger-btn,
.rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-disabled=true].rs-uploader-trigger-btn{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn[data-appearance=link], .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn{
color:var(--rs-btn-link-text);
background-color:transparent;
}
.rs-btn[data-appearance=link]:hover, .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn:hover{
color:var(--rs-btn-link-hover-text);
background-color:transparent;
-webkit-text-decoration:var(--rs-link-hover-decoration);
text-decoration:var(--rs-link-hover-decoration);
}
.rs-btn[data-appearance=link]:active, .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=link].rs-btn[data-active=true], .rs-uploader[data-list-type=picture] [data-appearance=link][data-active=true].rs-uploader-trigger-btn{
color:var(--rs-btn-link-active-text);
background-color:transparent;
}
.rs-btn[data-appearance=link]:disabled, .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=link].rs-btn[data-disabled=true], .rs-uploader[data-list-type=picture] [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn{
color:var(--rs-btn-link-hover-text);
background-color:transparent;
text-decoration:none;
opacity:0.3;
}
[data-theme=high-contrast] .rs-btn[data-appearance=link]:disabled, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=link]:disabled, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=link].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=link].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=link].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn[data-appearance=ghost], .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn{
color:var(--rs-btn-ghost-text);
background-color:transparent;
border:var(--rs-btn-ghost-border-width) solid var(--rs-btn-ghost-border);
padding-inline:calc(var(--rs-btn-padding-inline) - var(--rs-btn-ghost-border-width));
}
.rs-btn[data-appearance=ghost]:hover, .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn:hover{
color:var(--rs-btn-ghost-hover-text);
background-color:transparent;
border-color:var(--rs-btn-ghost-hover-border);
box-shadow:0 0 0 1px var(--rs-btn-ghost-hover-border);
}
.rs-btn[data-appearance=ghost]:active, .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=ghost].rs-btn[data-active=true], .rs-uploader[data-list-type=picture] [data-appearance=ghost][data-active=true].rs-uploader-trigger-btn{
color:var(--rs-btn-ghost-active-text);
background-color:transparent;
border-color:var(--rs-btn-ghost-active-border);
}
.rs-btn[data-appearance=ghost]:disabled, .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], .rs-uploader[data-list-type=picture] [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn{
color:var(--rs-btn-ghost-text);
background-color:transparent;
opacity:0.3;
border-color:var(--rs-btn-ghost-border);
box-shadow:var(--rs-shadow-none);
}
[data-theme=high-contrast] .rs-btn[data-appearance=ghost]:disabled, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=ghost]:disabled, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=ghost].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn[data-color=red], .rs-uploader[data-list-type=picture] [data-color=red].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-red-500);
--rs-btn-primary-hover-bg:var(--rs-red-700);
--rs-btn-primary-active-bg:var(--rs-red-800);
--rs-btn-primary-border-color:var(--rs-red-700);
--rs-btn-subtle-hover-bg:var(--rs-red-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-red-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-red-700);
--rs-btn-ghost-text:var(--rs-red-700);
--rs-btn-ghost-hover-border:var(--rs-red-900);
--rs-btn-ghost-hover-text:var(--rs-red-800);
--rs-btn-ghost-active-border:var(--rs-red-900);
--rs-btn-ghost-active-text:var(--rs-red-900);
--rs-btn-link-text:var(--rs-red-700);
--rs-btn-link-hover-text:var(--rs-red-800);
--rs-btn-link-active-text:var(--rs-red-900);
--rs-iconbtn-primary-addon:var(--rs-red-600);
--rs-iconbtn-primary-activated-addon:var(--rs-red-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-red-900);
}
[data-theme=dark] .rs-btn[data-color=red], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=red].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=red].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=red], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=red].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=red].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-red-700);
--rs-btn-primary-hover-bg:var(--rs-red-500);
--rs-btn-primary-active-bg:var(--rs-red-400);
--rs-btn-primary-border-color:var(--rs-red-800);
--rs-btn-subtle-hover-bg:var(--rs-red-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-red-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-red-500);
--rs-btn-ghost-text:var(--rs-red-500);
--rs-btn-ghost-hover-border:var(--rs-red-400);
--rs-btn-ghost-hover-text:var(--rs-red-400);
--rs-btn-ghost-active-border:var(--rs-red-200);
--rs-btn-ghost-active-text:var(--rs-red-200);
--rs-btn-link-text:var(--rs-red-500);
--rs-btn-link-hover-text:var(--rs-red-400);
--rs-btn-link-active-text:var(--rs-red-200);
--rs-iconbtn-primary-addon:var(--rs-red-600);
--rs-iconbtn-primary-activated-addon:var(--rs-red-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-red-300);
}
[data-theme=high-contrast] .rs-btn[data-color=red], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=red].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=red].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=red], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=red].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=red].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-red-700);
--rs-btn-primary-hover-bg:var(--rs-red-600);
--rs-btn-primary-active-bg:var(--rs-red-400);
--rs-btn-subtle-hover-bg:var(--rs-red-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-red-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-red-500);
--rs-btn-ghost-text:var(--rs-red-500);
--rs-btn-ghost-hover-border:var(--rs-red-400);
--rs-btn-ghost-hover-text:var(--rs-red-400);
--rs-btn-ghost-active-border:var(--rs-red-200);
--rs-btn-ghost-active-text:var(--rs-red-200);
--rs-btn-link-text:var(--rs-red-500);
--rs-btn-link-hover-text:var(--rs-red-400);
--rs-btn-link-active-text:var(--rs-red-200);
}
.rs-btn[data-color=orange], .rs-uploader[data-list-type=picture] [data-color=orange].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-orange-500);
--rs-btn-primary-hover-bg:var(--rs-orange-700);
--rs-btn-primary-active-bg:var(--rs-orange-800);
--rs-btn-primary-border-color:var(--rs-orange-700);
--rs-btn-subtle-hover-bg:var(--rs-orange-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-orange-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-orange-700);
--rs-btn-ghost-text:var(--rs-orange-700);
--rs-btn-ghost-hover-border:var(--rs-orange-900);
--rs-btn-ghost-hover-text:var(--rs-orange-800);
--rs-btn-ghost-active-border:var(--rs-orange-900);
--rs-btn-ghost-active-text:var(--rs-orange-900);
--rs-btn-link-text:var(--rs-orange-700);
--rs-btn-link-hover-text:var(--rs-orange-800);
--rs-btn-link-active-text:var(--rs-orange-900);
--rs-iconbtn-primary-addon:var(--rs-orange-600);
--rs-iconbtn-primary-activated-addon:var(--rs-orange-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-orange-900);
}
[data-theme=dark] .rs-btn[data-color=orange], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=orange].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=orange].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=orange], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=orange].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=orange].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-orange-700);
--rs-btn-primary-hover-bg:var(--rs-orange-500);
--rs-btn-primary-active-bg:var(--rs-orange-400);
--rs-btn-primary-border-color:var(--rs-orange-800);
--rs-btn-subtle-hover-bg:var(--rs-orange-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-orange-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-orange-500);
--rs-btn-ghost-text:var(--rs-orange-500);
--rs-btn-ghost-hover-border:var(--rs-orange-400);
--rs-btn-ghost-hover-text:var(--rs-orange-400);
--rs-btn-ghost-active-border:var(--rs-orange-200);
--rs-btn-ghost-active-text:var(--rs-orange-200);
--rs-btn-link-text:var(--rs-orange-500);
--rs-btn-link-hover-text:var(--rs-orange-400);
--rs-btn-link-active-text:var(--rs-orange-200);
--rs-iconbtn-primary-addon:var(--rs-orange-600);
--rs-iconbtn-primary-activated-addon:var(--rs-orange-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-orange-300);
}
[data-theme=high-contrast] .rs-btn[data-color=orange], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=orange].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=orange].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=orange], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=orange].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=orange].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-orange-700);
--rs-btn-primary-hover-bg:var(--rs-orange-600);
--rs-btn-primary-active-bg:var(--rs-orange-400);
--rs-btn-subtle-hover-bg:var(--rs-orange-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-orange-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-orange-500);
--rs-btn-ghost-text:var(--rs-orange-500);
--rs-btn-ghost-hover-border:var(--rs-orange-400);
--rs-btn-ghost-hover-text:var(--rs-orange-400);
--rs-btn-ghost-active-border:var(--rs-orange-200);
--rs-btn-ghost-active-text:var(--rs-orange-200);
--rs-btn-link-text:var(--rs-orange-500);
--rs-btn-link-hover-text:var(--rs-orange-400);
--rs-btn-link-active-text:var(--rs-orange-200);
}
.rs-btn[data-color=yellow], .rs-uploader[data-list-type=picture] [data-color=yellow].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-yellow-500);
--rs-btn-primary-hover-bg:var(--rs-yellow-700);
--rs-btn-primary-active-bg:var(--rs-yellow-800);
--rs-btn-primary-border-color:var(--rs-yellow-700);
--rs-btn-subtle-hover-bg:var(--rs-yellow-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-yellow-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-yellow-700);
--rs-btn-ghost-text:var(--rs-yellow-700);
--rs-btn-ghost-hover-border:var(--rs-yellow-900);
--rs-btn-ghost-hover-text:var(--rs-yellow-800);
--rs-btn-ghost-active-border:var(--rs-yellow-900);
--rs-btn-ghost-active-text:var(--rs-yellow-900);
--rs-btn-link-text:var(--rs-yellow-700);
--rs-btn-link-hover-text:var(--rs-yellow-800);
--rs-btn-link-active-text:var(--rs-yellow-900);
--rs-iconbtn-primary-addon:var(--rs-yellow-600);
--rs-iconbtn-primary-activated-addon:var(--rs-yellow-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-yellow-900);
}
[data-theme=dark] .rs-btn[data-color=yellow], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=yellow].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=yellow], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=yellow].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-yellow-700);
--rs-btn-primary-hover-bg:var(--rs-yellow-500);
--rs-btn-primary-active-bg:var(--rs-yellow-400);
--rs-btn-primary-border-color:var(--rs-yellow-800);
--rs-btn-subtle-hover-bg:var(--rs-yellow-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-yellow-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-yellow-500);
--rs-btn-ghost-text:var(--rs-yellow-500);
--rs-btn-ghost-hover-border:var(--rs-yellow-400);
--rs-btn-ghost-hover-text:var(--rs-yellow-400);
--rs-btn-ghost-active-border:var(--rs-yellow-200);
--rs-btn-ghost-active-text:var(--rs-yellow-200);
--rs-btn-link-text:var(--rs-yellow-500);
--rs-btn-link-hover-text:var(--rs-yellow-400);
--rs-btn-link-active-text:var(--rs-yellow-200);
--rs-iconbtn-primary-addon:var(--rs-yellow-600);
--rs-iconbtn-primary-activated-addon:var(--rs-yellow-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-yellow-300);
}
[data-theme=high-contrast] .rs-btn[data-color=yellow], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=yellow].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=yellow], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=yellow].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-yellow-700);
--rs-btn-primary-hover-bg:var(--rs-yellow-600);
--rs-btn-primary-active-bg:var(--rs-yellow-400);
--rs-btn-subtle-hover-bg:var(--rs-yellow-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-yellow-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-yellow-500);
--rs-btn-ghost-text:var(--rs-yellow-500);
--rs-btn-ghost-hover-border:var(--rs-yellow-400);
--rs-btn-ghost-hover-text:var(--rs-yellow-400);
--rs-btn-ghost-active-border:var(--rs-yellow-200);
--rs-btn-ghost-active-text:var(--rs-yellow-200);
--rs-btn-link-text:var(--rs-yellow-500);
--rs-btn-link-hover-text:var(--rs-yellow-400);
--rs-btn-link-active-text:var(--rs-yellow-200);
}
.rs-btn[data-color=green], .rs-uploader[data-list-type=picture] [data-color=green].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-green-500);
--rs-btn-primary-hover-bg:var(--rs-green-700);
--rs-btn-primary-active-bg:var(--rs-green-800);
--rs-btn-primary-border-color:var(--rs-green-700);
--rs-btn-subtle-hover-bg:var(--rs-green-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-green-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-green-700);
--rs-btn-ghost-text:var(--rs-green-700);
--rs-btn-ghost-hover-border:var(--rs-green-900);
--rs-btn-ghost-hover-text:var(--rs-green-800);
--rs-btn-ghost-active-border:var(--rs-green-900);
--rs-btn-ghost-active-text:var(--rs-green-900);
--rs-btn-link-text:var(--rs-green-700);
--rs-btn-link-hover-text:var(--rs-green-800);
--rs-btn-link-active-text:var(--rs-green-900);
--rs-iconbtn-primary-addon:var(--rs-green-600);
--rs-iconbtn-primary-activated-addon:var(--rs-green-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-green-900);
}
[data-theme=dark] .rs-btn[data-color=green], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=green].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=green].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=green], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=green].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=green].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-green-700);
--rs-btn-primary-hover-bg:var(--rs-green-500);
--rs-btn-primary-active-bg:var(--rs-green-400);
--rs-btn-primary-border-color:var(--rs-green-800);
--rs-btn-subtle-hover-bg:var(--rs-green-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-green-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-green-500);
--rs-btn-ghost-text:var(--rs-green-500);
--rs-btn-ghost-hover-border:var(--rs-green-400);
--rs-btn-ghost-hover-text:var(--rs-green-400);
--rs-btn-ghost-active-border:var(--rs-green-200);
--rs-btn-ghost-active-text:var(--rs-green-200);
--rs-btn-link-text:var(--rs-green-500);
--rs-btn-link-hover-text:var(--rs-green-400);
--rs-btn-link-active-text:var(--rs-green-200);
--rs-iconbtn-primary-addon:var(--rs-green-600);
--rs-iconbtn-primary-activated-addon:var(--rs-green-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-green-300);
}
[data-theme=high-contrast] .rs-btn[data-color=green], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=green].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=green].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=green], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=green].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=green].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-green-700);
--rs-btn-primary-hover-bg:var(--rs-green-600);
--rs-btn-primary-active-bg:var(--rs-green-400);
--rs-btn-subtle-hover-bg:var(--rs-green-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-green-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-green-500);
--rs-btn-ghost-text:var(--rs-green-500);
--rs-btn-ghost-hover-border:var(--rs-green-400);
--rs-btn-ghost-hover-text:var(--rs-green-400);
--rs-btn-ghost-active-border:var(--rs-green-200);
--rs-btn-ghost-active-text:var(--rs-green-200);
--rs-btn-link-text:var(--rs-green-500);
--rs-btn-link-hover-text:var(--rs-green-400);
--rs-btn-link-active-text:var(--rs-green-200);
}
.rs-btn[data-color=cyan], .rs-uploader[data-list-type=picture] [data-color=cyan].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-cyan-500);
--rs-btn-primary-hover-bg:var(--rs-cyan-700);
--rs-btn-primary-active-bg:var(--rs-cyan-800);
--rs-btn-primary-border-color:var(--rs-cyan-700);
--rs-btn-subtle-hover-bg:var(--rs-cyan-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-cyan-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-cyan-700);
--rs-btn-ghost-text:var(--rs-cyan-700);
--rs-btn-ghost-hover-border:var(--rs-cyan-900);
--rs-btn-ghost-hover-text:var(--rs-cyan-800);
--rs-btn-ghost-active-border:var(--rs-cyan-900);
--rs-btn-ghost-active-text:var(--rs-cyan-900);
--rs-btn-link-text:var(--rs-cyan-700);
--rs-btn-link-hover-text:var(--rs-cyan-800);
--rs-btn-link-active-text:var(--rs-cyan-900);
--rs-iconbtn-primary-addon:var(--rs-cyan-600);
--rs-iconbtn-primary-activated-addon:var(--rs-cyan-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-cyan-900);
}
[data-theme=dark] .rs-btn[data-color=cyan], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=cyan].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=cyan], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=cyan].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-cyan-700);
--rs-btn-primary-hover-bg:var(--rs-cyan-500);
--rs-btn-primary-active-bg:var(--rs-cyan-400);
--rs-btn-primary-border-color:var(--rs-cyan-800);
--rs-btn-subtle-hover-bg:var(--rs-cyan-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-cyan-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-cyan-500);
--rs-btn-ghost-text:var(--rs-cyan-500);
--rs-btn-ghost-hover-border:var(--rs-cyan-400);
--rs-btn-ghost-hover-text:var(--rs-cyan-400);
--rs-btn-ghost-active-border:var(--rs-cyan-200);
--rs-btn-ghost-active-text:var(--rs-cyan-200);
--rs-btn-link-text:var(--rs-cyan-500);
--rs-btn-link-hover-text:var(--rs-cyan-400);
--rs-btn-link-active-text:var(--rs-cyan-200);
--rs-iconbtn-primary-addon:var(--rs-cyan-600);
--rs-iconbtn-primary-activated-addon:var(--rs-cyan-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-cyan-300);
}
[data-theme=high-contrast] .rs-btn[data-color=cyan], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=cyan].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=cyan], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=cyan].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-cyan-700);
--rs-btn-primary-hover-bg:var(--rs-cyan-600);
--rs-btn-primary-active-bg:var(--rs-cyan-400);
--rs-btn-subtle-hover-bg:var(--rs-cyan-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-cyan-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-cyan-500);
--rs-btn-ghost-text:var(--rs-cyan-500);
--rs-btn-ghost-hover-border:var(--rs-cyan-400);
--rs-btn-ghost-hover-text:var(--rs-cyan-400);
--rs-btn-ghost-active-border:var(--rs-cyan-200);
--rs-btn-ghost-active-text:var(--rs-cyan-200);
--rs-btn-link-text:var(--rs-cyan-500);
--rs-btn-link-hover-text:var(--rs-cyan-400);
--rs-btn-link-active-text:var(--rs-cyan-200);
}
.rs-btn[data-color=blue], .rs-uploader[data-list-type=picture] [data-color=blue].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-blue-500);
--rs-btn-primary-hover-bg:var(--rs-blue-700);
--rs-btn-primary-active-bg:var(--rs-blue-800);
--rs-btn-primary-border-color:var(--rs-blue-700);
--rs-btn-subtle-hover-bg:var(--rs-blue-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-blue-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-blue-700);
--rs-btn-ghost-text:var(--rs-blue-700);
--rs-btn-ghost-hover-border:var(--rs-blue-900);
--rs-btn-ghost-hover-text:var(--rs-blue-800);
--rs-btn-ghost-active-border:var(--rs-blue-900);
--rs-btn-ghost-active-text:var(--rs-blue-900);
--rs-btn-link-text:var(--rs-blue-700);
--rs-btn-link-hover-text:var(--rs-blue-800);
--rs-btn-link-active-text:var(--rs-blue-900);
--rs-iconbtn-primary-addon:var(--rs-blue-600);
--rs-iconbtn-primary-activated-addon:var(--rs-blue-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-blue-900);
}
[data-theme=dark] .rs-btn[data-color=blue], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=blue].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=blue].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=blue], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=blue].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=blue].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-blue-700);
--rs-btn-primary-hover-bg:var(--rs-blue-500);
--rs-btn-primary-active-bg:var(--rs-blue-400);
--rs-btn-primary-border-color:var(--rs-blue-800);
--rs-btn-subtle-hover-bg:var(--rs-blue-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-blue-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-blue-500);
--rs-btn-ghost-text:var(--rs-blue-500);
--rs-btn-ghost-hover-border:var(--rs-blue-400);
--rs-btn-ghost-hover-text:var(--rs-blue-400);
--rs-btn-ghost-active-border:var(--rs-blue-200);
--rs-btn-ghost-active-text:var(--rs-blue-200);
--rs-btn-link-text:var(--rs-blue-500);
--rs-btn-link-hover-text:var(--rs-blue-400);
--rs-btn-link-active-text:var(--rs-blue-200);
--rs-iconbtn-primary-addon:var(--rs-blue-600);
--rs-iconbtn-primary-activated-addon:var(--rs-blue-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-blue-300);
}
[data-theme=high-contrast] .rs-btn[data-color=blue], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=blue].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=blue].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=blue], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=blue].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=blue].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-blue-700);
--rs-btn-primary-hover-bg:var(--rs-blue-600);
--rs-btn-primary-active-bg:var(--rs-blue-400);
--rs-btn-subtle-hover-bg:var(--rs-blue-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-blue-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-blue-500);
--rs-btn-ghost-text:var(--rs-blue-500);
--rs-btn-ghost-hover-border:var(--rs-blue-400);
--rs-btn-ghost-hover-text:var(--rs-blue-400);
--rs-btn-ghost-active-border:var(--rs-blue-200);
--rs-btn-ghost-active-text:var(--rs-blue-200);
--rs-btn-link-text:var(--rs-blue-500);
--rs-btn-link-hover-text:var(--rs-blue-400);
--rs-btn-link-active-text:var(--rs-blue-200);
}
.rs-btn[data-color=violet], .rs-uploader[data-list-type=picture] [data-color=violet].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-violet-500);
--rs-btn-primary-hover-bg:var(--rs-violet-700);
--rs-btn-primary-active-bg:var(--rs-violet-800);
--rs-btn-primary-border-color:var(--rs-violet-700);
--rs-btn-subtle-hover-bg:var(--rs-violet-500);
--rs-btn-subtle-hover-text:var(--rs-body-200);
--rs-btn-subtle-active-bg:var(--rs-violet-600);
--rs-btn-subtle-active-text:var(--rs-body-800);
--rs-btn-ghost-border:var(--rs-violet-700);
--rs-btn-ghost-text:var(--rs-violet-700);
--rs-btn-ghost-hover-border:var(--rs-violet-900);
--rs-btn-ghost-hover-text:var(--rs-violet-800);
--rs-btn-ghost-active-border:var(--rs-violet-900);
--rs-btn-ghost-active-text:var(--rs-violet-900);
--rs-btn-link-text:var(--rs-violet-700);
--rs-btn-link-hover-text:var(--rs-violet-800);
--rs-btn-link-active-text:var(--rs-violet-900);
--rs-iconbtn-primary-addon:var(--rs-violet-600);
--rs-iconbtn-primary-activated-addon:var(--rs-violet-800);
--rs-iconbtn-primary-pressed-addon:var(--rs-violet-900);
}
[data-theme=dark] .rs-btn[data-color=violet], [data-theme=dark] .rs-uploader[data-list-type=picture] [data-color=violet].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=dark] [data-color=violet].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=violet], .rs-theme-dark .rs-uploader[data-list-type=picture] [data-color=violet].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-dark [data-color=violet].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-violet-700);
--rs-btn-primary-hover-bg:var(--rs-violet-500);
--rs-btn-primary-active-bg:var(--rs-violet-400);
--rs-btn-primary-border-color:var(--rs-violet-800);
--rs-btn-subtle-hover-bg:var(--rs-violet-600);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-violet-400);
--rs-btn-subtle-active-text:#fff;
--rs-btn-ghost-border:var(--rs-violet-500);
--rs-btn-ghost-text:var(--rs-violet-500);
--rs-btn-ghost-hover-border:var(--rs-violet-400);
--rs-btn-ghost-hover-text:var(--rs-violet-400);
--rs-btn-ghost-active-border:var(--rs-violet-200);
--rs-btn-ghost-active-text:var(--rs-violet-200);
--rs-btn-link-text:var(--rs-violet-500);
--rs-btn-link-hover-text:var(--rs-violet-400);
--rs-btn-link-active-text:var(--rs-violet-200);
--rs-iconbtn-primary-addon:var(--rs-violet-600);
--rs-iconbtn-primary-activated-addon:var(--rs-violet-400);
--rs-iconbtn-primary-pressed-addon:var(--rs-violet-300);
}
[data-theme=high-contrast] .rs-btn[data-color=violet], [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-color=violet].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-color=violet].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=violet], .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-color=violet].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-color=violet].rs-uploader-trigger-btn{
--rs-btn-primary-bg:var(--rs-violet-700);
--rs-btn-primary-hover-bg:var(--rs-violet-600);
--rs-btn-primary-active-bg:var(--rs-violet-400);
--rs-btn-subtle-hover-bg:var(--rs-violet-600);
--rs-btn-subtle-hover-text:var(--rs-gray-900);
--rs-btn-subtle-active-bg:var(--rs-violet-400);
--rs-btn-subtle-active-text:var(--rs-gray-900);
--rs-btn-ghost-border:var(--rs-violet-500);
--rs-btn-ghost-text:var(--rs-violet-500);
--rs-btn-ghost-hover-border:var(--rs-violet-400);
--rs-btn-ghost-hover-text:var(--rs-violet-400);
--rs-btn-ghost-active-border:var(--rs-violet-200);
--rs-btn-ghost-active-text:var(--rs-violet-200);
--rs-btn-link-text:var(--rs-violet-500);
--rs-btn-link-hover-text:var(--rs-violet-400);
--rs-btn-link-active-text:var(--rs-violet-200);
}
.rs-btn[data-block=true], .rs-uploader[data-list-type=picture] [data-block=true].rs-uploader-trigger-btn{
width:100%;
}
.rs-btn[data-block=true] + .rs-btn[data-block=true], .rs-uploader[data-list-type=picture] [data-block=true].rs-uploader-trigger-btn + .rs-btn[data-block=true], .rs-uploader[data-list-type=picture] .rs-btn[data-block=true] + [data-block=true].rs-uploader-trigger-btn, .rs-uploader[data-list-type=picture] [data-block=true].rs-uploader-trigger-btn + [data-block=true].rs-uploader-trigger-btn{
margin-top:5px;
}
.rs-btn[data-loading=true], .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn{
color:transparent !important;
position:relative;
cursor:default;
pointer-events:none;
}
.rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
content:"";
position:absolute;
width:var(--rs-btn-loading-spin-default-diameter);
height:var(--rs-btn-loading-spin-default-diameter);
margin:auto;
top:0;
bottom:0;
inset-inline-end:0;
inset-inline-start:0;
border-radius:var(--rs-radius-full);
z-index:1;
}
.rs-btn[data-size=xs] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-size=xs].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-btn[data-size=xs] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] .rs-btn[data-size=xs] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-size=xs].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-btn[data-size=xs] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-size=xs].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-btn[data-size=xs] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] .rs-btn[data-size=xs] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-size=xs].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
width:var(--rs-btn-loading-spin-xs-diameter);
height:var(--rs-btn-loading-spin-xs-diameter);
}
.rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before{
border:var(--rs-btn-loading-spin-ring-wide) solid var(--rs-loader-ring);
}
.rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before{
border-color:rgba(248, 247, 250, 0.3);
}
[data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, [data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before{
border-color:var(--rs-loader-ring-inverse);
}
.rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
border-width:var(--rs-btn-loading-spin-ring-wide);
border-color:var(--rs-loader-rotor) transparent transparent;
border-style:solid;
animation:buttonSpin 0.6s infinite linear;
}
.rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
border-top-color:#fff;
}
[data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, [data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, [data-theme=high-contrast] .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-uploader[data-list-type=picture] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-theme-high-contrast .rs-uploader[data-list-type=picture] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader[data-list-type=picture] .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
border-top-color:var(--rs-loader-rotor-inverse);
}
@keyframes buttonSpin{
from{
transform:rotate(0);
}
to{
transform:rotate(360deg);
}
}
.rs-btn-icon{
padding:calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
line-height:var(--rs-btn-icon-size);
}
.rs-btn-icon > .rs-icon{
font-size:var(--rs-btn-icon-size);
vertical-align:bottom;
}
.rs-btn-icon:not([data-with-text]){
width:var(--rs-btn-size);
}
.rs-btn-icon[data-shape=circle]{
border-radius:var(--rs-radius-full);
}
.rs-btn-icon[data-with-text] > .rs-icon{
position:absolute;
top:0;
display:block;
background-color:var(--rs-iconbtn-addon);
transition:var(--rs-btn-transition);
width:var(--rs-btn-size);
height:var(--rs-btn-size);
padding:calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
}
.rs-btn-icon[data-with-text]:where([data-placement=start], [data-placement=left]){
padding-inline-start:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
}
.rs-btn-icon[data-with-text]:where([data-placement=start], [data-placement=left]) > .rs-icon{
inset-inline-start:0;
border-right-width:1px;
}
.rs-btn-icon[data-with-text]:where([data-placement=end], [data-placement=right]){
padding-inline-end:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
}
.rs-btn-icon[data-with-text]:where([data-placement=end], [data-placement=right]) > .rs-icon{
inset-inline-end:0;
}
.rs-btn-icon[data-with-text]:hover > .rs-icon{
background-color:var(--rs-iconbtn-activated-addon);
}
.rs-btn-icon[data-with-text]:active > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-active=true] > .rs-icon{
background-color:var(--rs-iconbtn-pressed-addon);
}
.rs-btn-icon[data-with-text]:disabled > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-disabled=true] > .rs-icon{
background-color:var(--rs-iconbtn-addon);
}
[data-theme=high-contrast] .rs-btn-icon[data-with-text]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text]:disabled, [data-theme=high-contrast] .rs-btn-icon[data-with-text].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn-icon[data-with-text].rs-btn[data-disabled=true]{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn-icon[data-with-text][data-appearance=primary] > .rs-icon{
background-color:var(--rs-iconbtn-primary-addon);
}
.rs-btn-icon[data-with-text][data-appearance=primary]:hover > .rs-icon{
background-color:var(--rs-iconbtn-primary-activated-addon);
}
.rs-btn-icon[data-with-text][data-appearance=primary]:active > .rs-icon, .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-active=true] > .rs-icon{
background-color:var(--rs-iconbtn-primary-pressed-addon);
}
.rs-btn-icon[data-with-text][data-appearance=primary]:disabled > .rs-icon, .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true] > .rs-icon{
background-color:var(--rs-iconbtn-primary-addon);
}
[data-theme=high-contrast] .rs-btn-icon[data-with-text][data-appearance=primary]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance=primary]:disabled, [data-theme=high-contrast] .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true]{
border-color:var(--rs-btn-default-disabled-border-color);
}
.rs-btn-close{
border:none;
outline:none !important;
background:transparent;
line-height:1;
cursor:pointer;
}
.rs-btn-close .rs-icon{
vertical-align:bottom;
}
:root{
--rs-picker-transition:var(--rs-input-transition);
--rs-picker-select-menu-item-selected-font-weight:bold;
--rs-picker-group-select-menu-gap:6px;
--rs-picker-menu-padding:12px;
--rs-picker-item-content-padding-vertical:8px;
--rs-picker-item-content-padding-horizontal:var(--rs-picker-menu-padding);
}
.rs-picker{
--rs-picker-value-count-border-radius:var(--rs-radius-full);
--rs-picker-value-count-padding:calc(var(--rs-spacing) * 1.5);
--rs-picker-value-count-margin:var(--rs-spacing);
--rs-picker-size:0.875rem;
--rs-picker-loader-size:20px;
--rs-picker-toggle-border-width:1px;
--rs-picker-toggle-bg:var(--rs-input-bg);
--rs-picker-toggle-border-color:var(--rs-border-primary);
display:inline-block;
vertical-align:middle;
max-width:100%;
}
.rs-picker[data-block=true]{
display:block;
width:100%;
}
.rs-picker[data-disabled=true]{
cursor:not-allowed;
}
.rs-picker[data-disabled=true] .rs-picker-toggle-value,
.rs-picker[data-disabled=true] .rs-picker-toggle-indicator,
.rs-picker[data-disabled=true] .rs-picker-tag-list .rs-tag{
color:var(--rs-text-disabled) !important;
}
.rs-picker[data-disabled=true] .rs-picker-value-count{
opacity:0.5;
}
.rs-picker[data-disabled=true] .rs-picker-toggle{
pointer-events:none;
}
.rs-picker-toggle .rs-picker-toggle-placeholder{
color:var(--rs-text-secondary);
}
.rs-picker-has-value .rs-btn .rs-picker-toggle-value, .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value{
color:var(--rs-picker-value);
}
.rs-picker-value-list{
flex:0 1 auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rs-picker .rs-picker-value-count{
margin-inline:var(--rs-picker-value-count-margin);
background-color:var(--rs-picker-count-bg);
color:var(--rs-picker-count-text);
flex-shrink:0;
}
.rs-picker-value-separator{
margin:0 var(--rs-spacing) 0 0;
}
.rs-picker[data-focus=true]{
border-color:var(--rs-input-focus-border);
}
.rs-picker-toggle[data-active=true], .rs-picker[data-focus=true]{
--rs-picker-toggle-border-color:var(--rs-input-focus-border);
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-picker-label.rs-input-group-addon{
color:var(--rs-text-primary);
padding-inline:calc(var(--rs-input-group-inside-btn-padding) * 2 - var(--rs-picker-toggle-border-width));
}
.rs-picker-loader{
width:var(--rs-picker-loader-size);
height:var(--rs-picker-loader-size);
display:flex;
align-items:center;
}
.rs-picker-error > .rs-picker-input-group,.rs-picker-error > .rs-picker-input-group:hover{
border-color:var(--rs-picker-state-error);
}
.rs-picker-error > .rs-picker-input-group:focus-within{
border-color:var(--rs-picker-state-error);
outline:var(--rs-picker-state-error-outline);
}
.rs-picker-popup{
--rs-picker-popup-none-padding:calc(var(--rs-spacing) * 3);
--rs-picker-popup-border-radius:var(--rs-radius-md);
--rs-picker-search-box-padding:calc(var(--rs-spacing) * 1.5) calc(var(--rs-spacing) * 3);
--rs-picker-popup-z-index:var(--rs-zindex-picker-popup);
--rs-picker-popup-shadow:var(--rs-shadow-md);
--rs-picker-popup-position-x:var(--rs-position-x);
--rs-picker-popup-position-y:var(--rs-position-y);
--rs-picker-min-width:0;
position:absolute;
top:var(--rs-picker-popup-position-y);
left:var(--rs-picker-popup-position-x);
text-align:start;
overflow:hidden;
transition:none;
display:flex;
flex-direction:column;
z-index:var(--rs-picker-popup-z-index);
border-radius:var(--rs-picker-popup-border-radius);
background-color:var(--rs-bg-overlay);
box-shadow:var(--rs-picker-popup-shadow);
padding-block:var(--rs-picker-popup-border-radius);
min-width:var(--rs-picker-min-width);
}
[data-theme=high-contrast] .rs-picker-popup, .rs-theme-high-contrast .rs-picker-popup{
border:1px solid var(--rs-border-primary);
}
.rs-modal-open .rs-picker-popup{
--rs-picker-popup-z-index:calc(var(--rs-zindex-modal) + var(--rs-zindex-picker-toggle));
}
.rs-drawer-open .rs-picker-popup{
--rs-picker-popup-z-index:calc(var(--rs-zindex-drawer) + var(--rs-zindex-picker-toggle));
}
.rs-picker-popup.rs-picker-inline{
position:relative;
box-shadow:none;
}
.rs-picker-popup .rs-search-box{
padding:var(--rs-picker-search-box-padding);
}
.rs-picker-popup .rs-highlight .rs-highlight-mark{
padding:0;
}
.rs-picker-popup .rs-picker-none{
padding:var(--rs-picker-popup-none-padding);
color:var(--rs-text-secondary);
cursor:default;
}
.rs-picker-popup .rs-picker-listbox{
max-height:var(--rs-picker-listbox-max-height);
}
.rs-picker-popup[data-breakpoint=xs]{
min-width:unset;
width:100%;
height:100%;
overflow:auto;
}
.rs-picker-popup[data-breakpoint=xs] .rs-picker-listbox{
height:unset;
max-height:unset;
}
.rs-picker-popup[data-breakpoint=xs] .rs-tree,
.rs-picker-popup[data-breakpoint=xs] .rs-check-tree{
display:flex;
flex-direction:column;
}
.rs-picker-popup[data-breakpoint=xs] .rs-tree-view,
.rs-picker-popup[data-breakpoint=xs] .rs-check-tree-view{
max-height:unset;
flex:1 1 auto;
}
.rs-picker-popup[data-breakpoint=xs] .rs-calendar-table{
width:100%;
}
.rs-picker-popup[data-breakpoint=xs] .rs-picker-box{
width:100%;
height:100%;
flex:1;
display:flex;
flex-direction:column;
}
.rs-picker-popup[data-breakpoint=xs].rs-picker-popup-date .rs-calendar,
.rs-picker-popup[data-breakpoint=xs] .rs-picker-daterange-panel-only-time .rs-calendar{
height:348px;
}
.rs-picker-toggle{
--rs-badge-one-char-size:18px;
}
[data-appearance=default] .rs-picker-toggle{
color:var(--rs-text-primary);
border-width:var(--rs-picker-toggle-border-width);
border-color:var(--rs-picker-toggle-border-color);
border-style:solid;
}
[data-disabled=true] .rs-picker-toggle{
cursor:var(--rs-cursor-disabled);
}
.rs-picker-toggle [data-appearance=default]:not([data-disabled=true]):focus{
border-color:var(--rs-input-focus-border);
}
.rs-picker[data-appearance=subtle] .rs-picker-toggle{
--rs-picker-toggle-border-width:0px;
position:relative;
z-index:var(--rs-zindex-dropdown);
}
.rs-picker[data-appearance=subtle][data-disabled=true] .rs-picker-toggle{
cursor:var(--rs-cursor-disabled);
}
.rs-picker[data-appearance=subtle][data-disabled=true] .rs-picker-toggle:focus, .rs-picker[data-appearance=subtle][data-disabled=true] .rs-picker-toggle:active{
background:none;
}
.rs-picker[data-appearance=subtle][data-disabled=true] .rs-picker-toggle:focus::after, .rs-picker[data-appearance=subtle][data-disabled=true] .rs-picker-toggle:active::after{
display:none;
}
.rs-picker-toggle-label{
color:var(--rs-text-secondary);
}
.rs-picker-toggle .rs-picker-toggle-stack{
flex:1 1 auto;
gap:calc(var(--rs-spacing) * 2);
overflow:hidden;
align-items:center;
}
.rs-picker-toggle-value{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.rs-picker-toggle-textbox{
position:absolute;
width:100%;
height:100%;
inset-inline-start:0;
top:0;
border:1px solid rgba(0, 0, 0, 0);
padding-inline-start:10px;
padding-inline-end:32px;
color:var(--rs-text-primary);
background-color:var(--rs-input-bg);
outline:none;
}
.rs-picker-toggle-textbox:where([readonly]){
opacity:0;
}
.rs-picker-toggle:where([data-size=lg]) .rs-picker-toggle-textbox{
padding-inline-start:14px;
}
.rs-picker-toggle:where([data-size=sm]) .rs-picker-toggle-textbox{
padding-inline-start:8px;
}
.rs-picker-toggle:where([data-size=xs]) .rs-picker-toggle-textbox{
padding-inline-start:6px;
}
.rs-picker-toggle .rs-picker[data-appearance=default], .rs-picker-toggle{
transition:var(--rs-picker-transition);
}
[data-theme=high-contrast] .rs-picker-toggle .rs-picker[data-appearance=default], .rs-theme-high-contrast .rs-picker-toggle .rs-picker[data-appearance=default], [data-theme=high-contrast] .rs-picker-toggle, .rs-theme-high-contrast .rs-picker-toggle{
transition:none;
}
.rs-picker-toggle .rs-picker[data-appearance=default]:focus{
border-color:var(--rs-input-focus-border);
}
.rs-picker[data-appearance=subtle] .rs-picker-toggle{
color:var(--rs-btn-subtle-text);
background-color:transparent;
transition:none;
}
.rs-picker[data-appearance=subtle] .rs-picker-toggle:hover,.rs-picker[data-appearance=subtle] .rs-picker-toggle[data-active=true]{
color:var(--rs-btn-subtle-hover-text);
background-color:var(--rs-btn-subtle-hover-bg);
}
.rs-picker-toggle[data-size=lg]{
--rs-badge-one-char-size:20px;
}
.rs-picker-toggle[data-size=lg] .rs-picker-clean .rs-icon{
width:16px;
height:16px;
}
.rs-picker-toggle[data-size=md]{
--rs-badge-one-char-size:18px;
}
.rs-picker-toggle[data-size=sm]{
--rs-badge-one-char-size:16px;
}
.rs-picker-toggle[data-size=sm] .rs-picker-clean{
height:18px;
}
.rs-picker-toggle[data-size=xs]{
--rs-badge-one-char-size:14px;
}
.rs-picker-toggle[data-size=xs] .rs-picker-clean{
height:18px;
}
.rs-picker-toggle[data-size=xs] .rs-picker-clean .rs-icon{
width:12px;
height:12px;
}
.rs-picker-toggle[data-countable=true] .rs-picker-toggle-value{
display:flex;
align-items:center;
}
.rs-picker-toggle.rs-btn{
text-align:start;
display:inline-flex;
align-items:center;
justify-content:flex-start;
padding-inline:calc(var(--rs-btn-padding-inline) - var(--rs-picker-toggle-border-width));
}
[data-block=true] .rs-picker-toggle.rs-btn{
display:flex;
}
.rs-picker-toggle-indicator{
display:inline-flex;
align-items:center;
}
.rs-picker-toggle-indicator .rs-picker-clean{
color:var(--rs-text-secondary);
transition:0.2s color linear;
cursor:pointer;
}
.rs-picker-toggle-indicator .rs-picker-clean:hover{
color:var(--rs-text-primary);
}
.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close{
padding:0;
}
.rs-picker-toggle-indicator .rs-picker-caret-icon{
display:inline-flex;
align-items:center;
height:var(--rs-line-height-base);
font-size:var(--rs-font-size-sm);
font-size:var(--rs-font-size-md);
color:var(--rs-text-secondary);
}
.rs-picker[data-appearance=default] .rs-btn,
.rs-picker[data-appearance=default] .rs-picker-toggle,
.rs-picker-input .rs-btn,
.rs-picker-input .rs-picker-toggle{
background-color:var(--rs-picker-toggle-bg);
}
.rs-picker[data-appearance=default][data-disabled=true],
.rs-picker-input[data-disabled=true]{
--rs-picker-toggle-bg:var(--rs-input-disabled-bg);
}
.rs-picker[data-appearance=default][data-disabled=true] .rs-input-group,
.rs-picker-input[data-disabled=true] .rs-input-group{
pointer-events:none;
}
.rs-check-item{
--rs-checkbox-display:block;
}
.rs-check-item:not(.rs-checkbox-disabled):hover, .rs-check-item:focus, .rs-check-item.rs-check-item-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-check-item:not(.rs-checkbox-disabled):hover, .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover, [data-theme=high-contrast] .rs-check-item:focus, .rs-theme-high-contrast .rs-check-item:focus, [data-theme=high-contrast] .rs-check-item.rs-check-item-focus, .rs-theme-high-contrast .rs-check-item.rs-check-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
[data-theme=high-contrast] .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper, [data-theme=high-contrast] .rs-check-item:focus .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper, [data-theme=high-contrast] .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper{
text-decoration:underline;
}
.rs-check-item .rs-checkbox-checker{
display:flex;
}
.rs-check-item .rs-checkbox-checker > label{
cursor:pointer;
width:100%;
padding-inline:var(--rs-check-item-padding-inline);
padding-block:var(--rs-check-item-padding-block);
}
[data-theme=high-contrast] .rs-check-item .rs-checkbox-checker > label, .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label{
transition:none;
}
.rs-check-item .rs-checkbox-checker > label::before{
background-color:var(--rs-bg-overlay);
}
[data-theme=high-contrast] .rs-check-item .rs-checkbox-checker > label::before, .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before{
background:none;
}
.rs-check-item .rs-checkbox-checker > label[data-disabled=true]{
cursor:not-allowed;
}
.rs-picker-menu-group{
background-color:var(--rs-listbox-option-group-bg);
position:sticky;
top:-1px;
z-index:1;
}
.rs-virt-list .rs-picker-select-menu-item,
.rs-virt-list .rs-check-item label,.rs-tree-virt-list .rs-tree-node-label{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rs-auto-complete-menu{
overflow-y:auto;
}
.rs-auto-complete-menu ul{
list-style:none;
margin:0;
padding:0;
}
.rs-auto-complete-item{
display:flex;
justify-content:space-between;
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-block:var(--rs-picker-item-content-padding-vertical);
clear:both;
font-weight:normal;
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
cursor:pointer;
text-decoration:none;
width:100%;
}
.rs-auto-complete-item:hover, .rs-auto-complete-item:focus, .rs-auto-complete-item-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-auto-complete-item:hover, .rs-theme-high-contrast .rs-auto-complete-item:hover, [data-theme=high-contrast] .rs-auto-complete-item:focus, .rs-theme-high-contrast .rs-auto-complete-item:focus, [data-theme=high-contrast] .rs-auto-complete-item-focus, .rs-theme-high-contrast .rs-auto-complete-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-auto-complete .rs-input:focus::-webkit-textfield-decoration-container{
visibility:hidden;
pointer-events:none;
}
.rs-input-group > .rs-auto-complete{
position:relative;
flex:1 1 auto;
width:1%;
min-width:0;
}
.rs-input-group > .rs-auto-complete > .rs-input{
border-radius:var(--rs-radius-none);
border:none;
outline:none;
}
.rs-avatar{
--rs-avatar-size-xs:1.25rem;
--rs-avatar-size-sm:1.875rem;
--rs-avatar-size-md:2.5rem;
--rs-avatar-size-lg:3.75rem;
--rs-avatar-size-xl:5.625rem;
--rs-avatar-size-2xl:7.5rem;
--rs-avatar-border-radius:var(--rs-radius-sm);
--rs-avatar-ring-offset-shadow:var(--rs-avatar-offset-color) 0 0 0 2px;
--rs-avatar-ring-shadow:var(--rs-avatar-color) 0 0 0 4px;
--rs-avatar-color:var(--rs-avatar-bg);
--rs-avatar-size:var(--rs-avatar-size-md);
background-color:var(--rs-avatar-color);
color:var(--rs-avatar-text);
display:inline-flex;
justify-content:center;
align-items:center;
border-radius:var(--rs-avatar-border-radius);
overflow:hidden;
position:relative;
}
.rs-avatar,.rs-avatar-image{
width:var(--rs-avatar-size);
height:var(--rs-avatar-size);
}
.rs-avatar-image{
line-height:var(--rs-avatar-size);
}
.rs-avatar-icon{
position:absolute;
}
.rs-avatar-bordered{
box-shadow:var(--rs-avatar-ring-offset-shadow), var(--rs-avatar-ring-shadow), 0 0 rgba(0, 0, 0, 0);
}
.rs-avatar-circle{
--rs-avatar-border-radius:var(--rs-radius-full);
}
.rs-avatar-group{
--rs-avatar-group-spacing:0;
display:flex;
align-items:flex-end;
flex-wrap:wrap;
gap:var(--rs-avatar-group-spacing);
}
.rs-avatar-group-stack .rs-avatar{
box-sizing:content-box;
margin-inline-end:-10px;
transition:margin 0.15s;
}
.rs-avatar-group-stack .rs-avatar:last-child,.rs-avatar-group-stack .rs-avatar:hover{
margin-inline-end:0;
}
.rs-badge{
--rs-badge-font-size-xs:0.625rem;
--rs-badge-font-size-sm:0.6875rem;
--rs-badge-font-size-md:0.75rem;
--rs-badge-font-size-lg:0.875rem;
--rs-badge-font-size-xl:1rem;
--rs-badge-line-height-xs:0.875rem;
--rs-badge-line-height-sm:0.9375rem;
--rs-badge-line-height-md:1rem;
--rs-badge-line-height-lg:1.125rem;
--rs-badge-line-height-xl:1.25rem;
--rs-badge-one-char-size-xs:1rem;
--rs-badge-one-char-size-sm:1.125rem;
--rs-badge-one-char-size-md:1.25rem;
--rs-badge-one-char-size-lg:1.5rem;
--rs-badge-one-char-size-xl:1.75rem;
--rs-badge-dot-size-xs:0.375rem;
--rs-badge-dot-size-sm:0.5rem;
--rs-badge-dot-size-md:0.625rem;
--rs-badge-dot-size-lg:0.75rem;
--rs-badge-dot-size-xl:0.875rem;
--rs-badge-offset-x:5%;
--rs-badge-offset-y:5%;
--rs-badge-move:var(--rs-badge-offset, 40%);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
--rs-badge-dot-size:var(--rs-badge-dot-size-md);
--rs-badge-font-size:var(--rs-badge-font-size-md);
--rs-badge-line-height:var(--rs-badge-line-height-md);
--rs-badge-transform-top-start:translate(calc(-1 * var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
--rs-badge-transform-top-end:translate(var(--rs-badge-move), calc(-1 * var(--rs-badge-move)));
--rs-badge-transform-bottom-start:translate(calc(-1 * var(--rs-badge-move)), var(--rs-badge-move));
--rs-badge-transform-bottom-end:translate(var(--rs-badge-move), var(--rs-badge-move));
}
[dir=rtl] .rs-badge{
--rs-badge-transform-top-start:translate(calc(18px - var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
--rs-badge-transform-top-end:translate(calc(-1 * var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
--rs-badge-transform-bottom-start:translate(calc(18px - var(--rs-badge-move)), var(--rs-badge-move));
--rs-badge-transform-bottom-end:translate(calc(-1 * var(--rs-badge-move)), var(--rs-badge-move));
}
.rs-badge-wrapper{
position:relative;
}
.rs-badge{
display:inline-flex;
}
.rs-badge[data-shape=circle]{
--rs-badge-offset:30%;
}
.rs-badge:where([data-independent=true]), .rs-badge-content{
opacity:1;
display:inline-flex;
justify-content:center;
align-items:center;
background-color:var(--rs-badge-bg);
color:var(--rs-badge-text);
border-radius:var(--rs-radius-full);
font-size:var(--rs-badge-font-size);
line-height:var(--rs-badge-line-height);
padding-inline:0.3125rem;
transition:opacity 0.3s ease-in-out;
}
.rs-badge[data-one-char=true] .rs-badge-content, .rs-badge[data-one-char=true][data-independent=true]{
width:var(--rs-badge-one-char-size);
height:var(--rs-badge-one-char-size);
line-height:var(--rs-badge-one-char-size);
}
.rs-badge-content{
box-sizing:border-box;
}
.rs-badge[data-hidden=true] .rs-badge-content, .rs-badge[data-hidden=true][data-independent=true]{
opacity:0;
}
.rs-badge[data-compact=true] .rs-badge-content, .rs-badge[data-compact=true][data-independent=true]{
padding:0;
}
.rs-badge:empty, .rs-badge-content:empty{
box-sizing:content-box;
width:var(--rs-badge-dot-size);
height:var(--rs-badge-dot-size);
border-radius:var(--rs-radius-full);
padding:0;
}
.rs-badge-wrapper .rs-badge-content{
position:absolute;
z-index:var(--rs-zindex-badge-content);
}
.rs-badge[data-outline=true] .rs-badge-content{
border:2px solid var(--rs-badge-border);
}
.rs-badge[data-placement=topStart] .rs-badge-content{
transform:var(--rs-badge-transform-top-start);
top:var(--rs-badge-offset-y);
inset-inline-start:var(--rs-badge-offset-x);
}
.rs-badge[data-placement=topEnd] .rs-badge-content{
transform:var(--rs-badge-transform-top-end);
top:var(--rs-badge-offset-y);
inset-inline-end:var(--rs-badge-offset-x);
}
.rs-badge[data-placement=bottomStart] .rs-badge-content{
transform:var(--rs-badge-transform-bottom-start);
bottom:var(--rs-badge-offset-y);
inset-inline-start:var(--rs-badge-offset-x);
}
.rs-badge[data-placement=bottomEnd] .rs-badge-content{
transform:var(--rs-badge-transform-bottom-end);
bottom:var(--rs-badge-offset-y);
inset-inline-end:var(--rs-badge-offset-x);
}
.rs-badge[data-color=red]{
--rs-badge-bg:var(--rs-red-500);
}
.rs-badge[data-color=orange]{
--rs-badge-bg:var(--rs-orange-500);
}
.rs-badge[data-color=yellow]{
--rs-badge-bg:var(--rs-yellow-500);
}
.rs-badge[data-color=green]{
--rs-badge-bg:var(--rs-green-500);
}
.rs-badge[data-color=cyan]{
--rs-badge-bg:var(--rs-cyan-500);
}
.rs-badge[data-color=blue]{
--rs-badge-bg:var(--rs-blue-500);
}
.rs-badge[data-color=violet]{
--rs-badge-bg:var(--rs-violet-500);
}
.rs-badge[data-color=pink]{
--rs-badge-bg:var(--rs-pink-500);
}
.rs-badge[data-size=xs]{
--rs-badge-font-size:var(--rs-badge-font-size-xs);
--rs-badge-line-height:var(--rs-badge-line-height-xs);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-xs);
--rs-badge-dot-size:var(--rs-badge-dot-size-xs);
}
.rs-badge[data-size=sm]{
--rs-badge-font-size:var(--rs-badge-font-size-sm);
--rs-badge-line-height:var(--rs-badge-line-height-sm);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-sm);
--rs-badge-dot-size:var(--rs-badge-dot-size-sm);
}
.rs-badge[data-size=md]{
--rs-badge-font-size:var(--rs-badge-font-size-md);
--rs-badge-line-height:var(--rs-badge-line-height-md);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
--rs-badge-dot-size:var(--rs-badge-dot-size-md);
}
.rs-badge[data-size=lg]{
--rs-badge-font-size:var(--rs-badge-font-size-lg);
--rs-badge-line-height:var(--rs-badge-line-height-lg);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-lg);
--rs-badge-dot-size:var(--rs-badge-dot-size-lg);
}
.rs-badge[data-size=xl]{
--rs-badge-font-size:var(--rs-badge-font-size-xl);
--rs-badge-line-height:var(--rs-badge-line-height-xl);
--rs-badge-one-char-size:var(--rs-badge-one-char-size-xl);
--rs-badge-dot-size:var(--rs-badge-dot-size-xl);
}
.rs-breadcrumb{
--rs-breadcrumb-spacing:var(--rs-spacing);
--rs-breadcrumb-size-sm:var(--rs-font-size-xs);
--rs-breadcrumb-size-md:var(--rs-font-size-sm);
--rs-breadcrumb-size-lg:var(--rs-font-size-md);
--rs-breadcrumb-size:var(--rs-breadcrumb-size-md);
font-size:var(--rs-breadcrumb-size);
color:var(--rs-text-secondary);
}
.rs-breadcrumb ol{
flex-wrap:wrap;
list-style:none;
padding:0;
margin:0;
}
.rs-breadcrumb ol,.rs-breadcrumb-item{
display:flex;
gap:var(--rs-breadcrumb-spacing);
}
.rs-breadcrumb-item{
transition:color 0.3s linear;
align-items:center;
}
.rs-breadcrumb-item:focus{
outline:0;
}
.rs-breadcrumb-item[data-active=true]{
color:var(--rs-breadcrumb-item-active-text);
}
.rs-breadcrumb-separator{
margin:0 var(--rs-breadcrumb-spacing);
display:flex;
align-items:center;
justify-content:center;
}
.rs-btn-group{
display:inline-block;
vertical-align:middle;
}
.rs-btn-group,.rs-btn-group > .rs-btn{
position:relative;
}
.rs-btn-group > .rs-btn:focus, .rs-btn-group > .rs-btn:active{
z-index:2;
}
.rs-btn-group:not([data-vertical=true]) > .rs-btn{
float:inline-start;
}
.rs-btn-group:not([data-vertical=true]) > .rs-btn:not(:last-child){
border-end-end-radius:0;
border-start-end-radius:0;
}
.rs-btn-group:not([data-vertical=true]) > .rs-btn:not(:first-child){
border-end-start-radius:0;
border-start-start-radius:0;
}
.rs-btn-group:not([data-vertical=true]) > .rs-btn[data-appearance=ghost] + .rs-btn[data-appearance=ghost]{
margin-inline-start:-1px;
}
.rs-btn-group:not([data-vertical=true])[data-divided=true] > .rs-btn:not(:last-child){
border-right-width:1px;
}
.rs-btn-group[data-vertical=true] > .rs-btn{
display:block;
width:100%;
max-width:100%;
}
.rs-btn-group[data-vertical=true] > .rs-btn:not(:last-child){
border-end-end-radius:0;
border-end-start-radius:0;
}
.rs-btn-group[data-vertical=true] > .rs-btn:not(:first-child){
border-start-end-radius:0;
border-start-start-radius:0;
}
.rs-btn-group[data-vertical=true] > .rs-btn[data-appearance=ghost] + .rs-btn[data-appearance=ghost]{
margin-top:-1px;
}
.rs-btn-group[data-vertical=true][data-divided=true] > .rs-btn:not(:last-child){
border-bottom-width:1px;
}
.rs-btn-group[data-vertical=true][data-block=true]{
width:100%;
}
.rs-btn-group[data-justified=true]{
display:flex;
width:100%;
}
.rs-btn-group[data-justified=true] > .rs-btn{
flex:1 1 1%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rs-btn-toolbar{
line-height:0;
}
:root{
--rs-calendar-cell-font-size:var(--rs-font-size-sm);
--rs-calendar-cell-line-height:var(--rs-line-height-md);
--rs-calendar-cell-padding:5px;
--rs-calendar-border-radius:var(--rs-radius-md);
--rs-calendar-table-width:100%;
--rs-calendar-panel-today-active-side-length:var(--rs-line-height-base);
--rs-calendar-panel-compact-cell-height:38px;
--rs-calendar-panel-cell-height:100px;
--rs-calendar-dropdown-top:44px;
--rs-calendar-table-cell-padding:1px;
--rs-calendar-header-title-margin:4px;
--rs-calendar-body-padding-top:4px;
--rs-calendar-base-spacing:10px;
--rs-calendar-header-width:280px;
}
.rs-calendar{
padding-top:var(--rs-calendar-base-spacing);
position:relative;
min-height:266px;
overflow:hidden;
}
.rs-calendar-bordered .rs-calendar-table{
border:1px solid var(--rs-border-primary);
border-radius:var(--rs-calendar-border-radius);
}
.rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell, .rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell{
border-bottom:1px solid var(--rs-border-secondary);
}
.rs-calendar-bordered .rs-calendar-month-dropdown{
border:1px solid var(--rs-border-primary);
border-radius:var(--rs-calendar-border-radius);
}
.rs-calendar-panel .rs-calendar-header{
width:100%;
padding-bottom:6px;
}
.rs-calendar-panel .rs-calendar-header::before, .rs-calendar-panel .rs-calendar-header::after{
content:" ";
display:table;
}
.rs-calendar-panel .rs-calendar-header::after{
clear:both;
}
.rs-calendar-panel .rs-calendar-header .rs-calendar-btn-today{
float:inline-end;
}
.rs-calendar-panel .rs-calendar-header-forward, .rs-calendar-panel .rs-calendar-header-backward{
float:none !important;
}
.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward, .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward{
display:inline-block;
visibility:hidden;
pointer-events:none;
}
.rs-calendar-panel .rs-calendar-header-month-toolbar{
width:auto !important;
}
.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar,.rs-calendar-panel .rs-calendar-month-view{
padding-inline-start:0;
padding-inline-end:0;
}
.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content{
padding-top:8px;
padding-bottom:8px;
}
.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-day{
color:var(--rs-calendar-today-text);
width:var(--rs-calendar-panel-today-active-side-length);
height:var(--rs-calendar-panel-today-active-side-length);
background-color:var(--rs-calendar-today-bg);
border-radius:var(--rs-radius-full);
margin-inline-start:auto;
margin-inline-end:auto;
}
.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content{
box-shadow:none;
}
.rs-calendar-panel .rs-calendar-table-cell-selected .rs-calendar-table-cell-content{
background-color:inherit;
color:inherit;
box-shadow:inset 0 0 0 1px var(--rs-input-focus-border);
}
.rs-calendar-panel .rs-calendar-table-cell-day{
display:block;
text-align:center;
}
.rs-calendar-panel .rs-calendar-month-dropdown{
margin-inline-start:10px;
margin-inline-end:10px;
border-radius:var(--rs-radius-md);
width:calc(100% - 20px);
}
.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content{
width:100%;
height:var(--rs-calendar-panel-cell-height);
overflow:hidden;
}
.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-cell{
vertical-align:top;
}
.rs-calendar-panel .rs-calendar-table-cell{
padding:0 1px;
line-height:0;
}
.rs-calendar-panel .rs-calendar-table-cell-content{
width:100%;
border-radius:var(--rs-radius-none);
}
.rs-calendar-panel .rs-calendar-table-row:last-child :first-child .rs-calendar-table-cell-content{
border-bottom-left-radius:var(--rs-radius-md);
}
.rs-calendar-panel .rs-calendar-table-row:last-child :last-child .rs-calendar-table-cell-content{
border-bottom-right-radius:var(--rs-radius-md);
}
.rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content{
min-height:var(--rs-calendar-panel-compact-cell-height);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.rs-calendar-btn-close{
position:absolute;
bottom:0;
inset-inline-start:0;
inset-inline-end:0;
height:14px;
padding:0;
border:0;
display:flex;
justify-content:center;
background:var(--rs-bg-overlay);
z-index:1;
}
.rs-calendar-btn-close:hover{
background-color:var(--rs-btn-subtle-hover-bg);
}
.rs-calendar-panel .rs-calendar-btn-close{
bottom:4px;
margin:0 11px;
border-bottom-left-radius:var(--rs-radius-md);
border-bottom-right-radius:var(--rs-radius-md);
}
.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close{
bottom:5px;
}
.rs-calendar-month-view .rs-calendar-header-month-toolbar{
padding-inline-start:24px;
padding-inline-end:24px;
}
.rs-calendar-month-view .rs-calendar-header-backward,
.rs-calendar-month-view .rs-calendar-header-forward{
display:none;
}
.rs-calendar-month-view .rs-calendar-header-title-date{
color:var(--rs-text-active);
background:transparent;
}
.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error{
color:var(--rs-text-error);
}
.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus, .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active{
color:#fff !important;
}
.rs-calendar-time-view .rs-calendar-header-title-time{
color:var(--rs-text-active);
background:transparent;
}
.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error{
color:var(--rs-text-error);
}
.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active{
color:#fff;
}
.rs-calendar-table-cell-selected,
.rs-calendar-table-cell-in-range{
position:relative;
}
.rs-calendar-table-cell-selected::before,
.rs-calendar-table-cell-in-range::before{
content:"";
display:block;
width:100%;
margin-top:4px;
height:24px;
position:absolute;
z-index:calc(var(--rs-zindex-date-range-picker-table-cell-content) - 1);
top:0;
}
.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
.rs-calendar-table-cell-in-range .rs-calendar-table-cell-content{
z-index:var(--rs-zindex-date-range-picker-table-cell-content);
position:relative;
}
.rs-calendar-table-cell-in-range::before{
background-color:var(--rs-calendar-range-bg);
}
.rs-calendar-table-cell-in-range:hover::before{
display:none;
}
.rs-calendar-month-dropdown-scroll div:focus{
outline:none;
}
.rs-calendar-header{
width:var(--rs-calendar-header-width);
padding-inline-start:var(--rs-calendar-base-spacing);
padding-inline-end:var(--rs-calendar-base-spacing);
}
.rs-calendar-header::before, .rs-calendar-header::after{
content:" ";
display:table;
}
.rs-calendar-header::after{
clear:both;
}
.rs-calendar-header-month-toolbar, .rs-calendar-header-time-toolbar{
display:inline-block;
}
.rs-calendar-header-month-toolbar{
float:inline-start;
}
.rs-calendar-header-time-toolbar{
float:inline-end;
}
.rs-calendar-header-title{
margin:0 var(--rs-calendar-header-title-margin);
}
.rs-calendar-header-meridiem{
font-size:var(--rs-font-size-xs);
margin-inline-start:4px;
}
.rs-calendar-header-error{
--rs-btn-subtle-text:var(--rs-red-500);
--rs-btn-subtle-hover-bg:var(--rs-red-500);
--rs-btn-subtle-hover-text:#fff;
--rs-btn-subtle-active-bg:var(--rs-red-600);
--rs-btn-subtle-active-text:#fff;
}
[data-theme=dark] .rs-calendar-header-error, .rs-theme-dark .rs-calendar-header-error{
--rs-btn-subtle-hover-bg:var(--rs-red-600);
--rs-btn-subtle-active-bg:var(--rs-red-400);
}
.rs-calendar-header-btn-disabled, .rs-calendar-header-btn-disabled:hover, .rs-calendar-header-btn-disabled:hover:focus{
cursor:not-allowed;
opacity:0.3;
background:none;
}
.rs-calendar-header-btn-disabled::after{
display:none !important;
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time){
margin:0 auto;
padding-inline:var(--rs-calendar-base-spacing);
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar{
display:block;
text-align:center;
width:100%;
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::before, .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::after{
content:" ";
display:table;
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar::after{
clear:both;
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-backward{
float:inline-start;
}
.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-forward{
float:inline-end;
}
.rs-calendar-header-has-time:not(.rs-calendar-header-has-month){
margin:0 auto;
text-align:center;
}
.rs-calendar-header-has-time:not(.rs-calendar-header-has-month) .rs-calendar-header-time-toolbar{
float:none;
display:inline-block;
}
.rs-calendar-header-has-month.rs-calendar-header-has-time{
margin:0 auto;
}
[dir=rtl] .rs-calendar-header-backward .rs-icon, [dir=rtl] .rs-calendar-header-forward .rs-icon{
transform:rotate(180deg);
}
.rs-calendar-body{
padding:var(--rs-calendar-base-spacing);
padding-top:var(--rs-calendar-body-padding-top);
}
.rs-calendar-table{
display:table;
table-layout:fixed;
width:var(--rs-calendar-table-width);
}
.rs-calendar-table-row{
display:table-row;
}
.rs-calendar-table-row:nth-child(2) .rs-calendar-table-cell-week-number{
border-top-left-radius:var(--rs-radius-md);
border-top-right-radius:var(--rs-radius-md);
}
.rs-calendar-table-row:last-child .rs-calendar-table-cell-week-number{
border-bottom-left-radius:var(--rs-radius-md);
border-bottom-right-radius:var(--rs-radius-md);
}
.rs-calendar-table-cell,
.rs-calendar-table-header-cell{
display:table-cell;
width:1%;
padding:var(--rs-calendar-table-cell-padding) 0;
text-align:center;
vertical-align:middle;
}
.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content, .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
.rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,
.rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,
.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,
.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover{
color:var(--rs-text-disabled);
}
.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover{
background:none;
text-decoration:line-through;
cursor:not-allowed;
}
.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover{
color:var(--rs-calendar-date-selected-text);
background-color:var(--rs-bg-active);
box-shadow:none;
}
[data-theme=high-contrast] .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
[data-theme=high-contrast] .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
[data-theme=high-contrast] .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
[data-theme=high-contrast] .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover{
text-decoration:underline;
}
.rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
.rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content{
opacity:0.3;
}
.rs-calendar-table-cell-content{
display:inline-block;
cursor:pointer;
font-size:var(--rs-calendar-cell-font-size);
line-height:var(--rs-calendar-cell-line-height);
padding:var(--rs-calendar-cell-padding);
border-radius:var(--rs-calendar-border-radius);
}
.rs-calendar-table-cell-content:hover{
background-color:var(--rs-state-hover-bg);
}
.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content{
box-shadow:inset 0 0 0 1px var(--rs-input-focus-border);
}
.rs-calendar-table-cell-selected .rs-calendar-table-cell-content{
color:var(--rs-calendar-date-selected-text);
background-color:var(--rs-bg-active);
box-shadow:none;
}
[data-theme=high-contrast] .rs-calendar-table-cell-selected .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content{
text-decoration:underline;
}
.rs-calendar-table-header-cell-content{
display:inline-block;
color:var(--rs-text-secondary);
font-size:var(--rs-font-size-xs);
line-height:var(--rs-line-height-sm);
padding-top:2px;
padding-bottom:2px;
}
.rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-content:focus, .rs-calendar-table-header-cell-content:hover:focus{
background:none;
cursor:auto;
}
.rs-calendar-table-cell-week-number{
display:table-cell;
min-width:30px;
padding:var(--rs-calendar-table-cell-padding);
text-align:center;
vertical-align:middle;
color:var(--rs-text-secondary);
background-color:var(--rs-bg-well);
font-size:var(--rs-font-size-xs);
}
.rs-calendar-month-dropdown{
display:none;
position:absolute;
top:var(--rs-calendar-dropdown-top);
border-top:1px solid var(--rs-border-primary);
margin-top:0;
width:100%;
background-color:var(--rs-bg-overlay);
overflow:hidden;
z-index:var(--rs-zindex-date-range-picker-table-cell-content);
height:calc(100% - 48px);
}
.rs-calendar-month-view .rs-calendar-month-dropdown{
display:block;
}
.rs-calendar-month-view .rs-calendar-month-dropdown-scroll{
animation:0.3s linear slideDown;
}
.rs-calendar-month-dropdown-scroll{
height:100%;
}
.rs-calendar-month-dropdown-row{
position:relative;
padding-inline-start:calc(var(--rs-calendar-base-spacing) + 38px);
padding-inline-end:var(--rs-calendar-base-spacing);
padding-top:5px;
padding-bottom:5px;
}
.rs-calendar-month-dropdown-row:not(:last-child){
border-bottom:1px dashed var(--rs-border-primary);
}
.rs-calendar-month-dropdown-year{
position:absolute;
top:calc(50% - 0.5em);
inset-inline-start:var(--rs-calendar-base-spacing);
}
.rs-calendar-month-dropdown-year-active{
color:var(--rs-text-active);
}
.rs-calendar-month-dropdown-list{
display:grid;
grid-template-columns:repeat(4, 25%);
}
.rs-calendar-month-dropdown-cell{
margin:1px;
text-align:center;
vertical-align:middle;
}
.rs-calendar-month-dropdown-cell-content{
display:inline-block;
cursor:pointer;
font-size:var(--rs-calendar-cell-font-size);
line-height:var(--rs-calendar-cell-line-height);
padding:var(--rs-calendar-cell-padding);
border-radius:var(--rs-calendar-border-radius);
}
.rs-calendar-month-dropdown-cell-content:hover{
background-color:var(--rs-state-hover-bg);
}
.rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content{
color:var(--rs-text-disabled);
background:none;
text-decoration:line-through;
cursor:not-allowed;
}
.rs-calendar-month-dropdown-cell-active.disabled .rs-calendar-month-dropdown-cell-content{
opacity:0.3;
cursor:not-allowed;
}
.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content{
color:var(--rs-calendar-date-selected-text);
background-color:var(--rs-bg-active);
box-shadow:none;
}
[data-theme=high-contrast] .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content, .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content{
text-decoration:underline;
}
.rs-calendar-time-dropdown{
display:none;
position:absolute;
top:var(--rs-calendar-dropdown-top);
padding-inline:var(--rs-calendar-base-spacing);
width:100%;
background-color:var(--rs-bg-overlay);
color:var(--rs-text-primary);
overflow:hidden;
z-index:var(--rs-zindex-date-range-picker-table-cell-content);
}
.rs-calendar-time-view .rs-calendar-time-dropdown{
display:block;
}
.rs-calendar-time-view .rs-calendar-time-dropdown-content{
animation:0.3s linear slideDown;
}
.rs-calendar-time-dropdown-row{
display:table;
width:100%;
}
.rs-calendar-time-dropdown-column{
display:table-cell;
width:1%;
}
.rs-calendar-time-dropdown-column .rs-scroll-view::after{
content:"";
display:block;
height:calc(100% - 30px);
}
.rs-calendar-time-dropdown-column > ul,
.rs-calendar-time-dropdown-column > ul > li{
list-style:none;
margin:0;
padding:0;
}
.rs-calendar-time-dropdown-column > ul{
height:230px;
overflow-y:auto;
scroll-behavior:smooth;
}
.rs-calendar-time-dropdown-column-title{
width:100%;
background-color:var(--rs-calendar-time-unit-bg);
color:var(--rs-text-secondary);
text-align:center;
font-size:var(--rs-font-size-xs);
line-height:var(--rs-line-height-sm);
padding-top:2px;
padding-bottom:2px;
margin-bottom:2px;
}
.rs-calendar-only-time .rs-calendar-time-dropdown-column-title{
border-top:none;
}
.rs-calendar-time-dropdown-cell{
font-size:var(--rs-font-size-sm);
line-height:var(--rs-line-height-base);
color:inherit;
padding:5px;
display:block;
text-align:center;
cursor:pointer;
margin:1px;
}
.rs-calendar-time-dropdown-cell, .rs-calendar-time-dropdown-cell:hover, .rs-calendar-time-dropdown-cell:focus{
text-decoration:none;
}
.rs-calendar-time-dropdown-cell:hover{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-calendar-time-dropdown-cell:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active{
background-color:var(--rs-bg-active);
color:var(--rs-calendar-date-selected-text);
}
@media (forced-colors: active){
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
}
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled{
color:var(--rs-text-disabled);
background:none;
cursor:not-allowed;
text-decoration:line-through;
}
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active.rs-calendar-time-dropdown-cell-disabled{
opacity:0.3;
cursor:not-allowed;
}
.rs-calendar-only-time{
padding-top:var(--rs-calendar-base-spacing);
display:block;
}
.rs-calendar-only-time .rs-calendar-time-dropdown{
position:relative;
top:2px;
}
.rs-calendar-only-time .rs-calendar-time-dropdown-row{
display:flex;
}
.rs-calendar-only-time .rs-calendar-time-dropdown-column{
min-width:60px;
flex:1;
}
@keyframes slideDown{
from{
transform:translateY(-100%);
}
to{
transform:translateY(0);
}
}
.rs-container{
display:flex;
flex-direction:column;
flex:auto;
}
.rs-container-has-sidebar{
flex-direction:row;
}
.rs-content{
flex:1 1 auto;
}
.rs-card{
--rs-card-width:100%;
--rs-card-padding:calc(var(--rs-spacing) * 4);
--rs-card-shadow:var(--rs-shadow-md);
display:flex;
flex-direction:column;
border-radius:var(--rs-radius-md);
overflow:hidden;
box-sizing:border-box;
position:relative;
width:var(--rs-card-width);
}
.rs-card[data-bordered=true]{
border:1px solid var(--rs-border-primary);
background-color:var(--rs-card-bg);
}
.rs-card[data-shaded=true],.rs-card[data-shaded=hover]:hover{
box-shadow:var(--rs-card-shadow);
}
.rs-card[data-shaded=hover]:hover{
cursor:pointer;
}
.rs-card[data-size=sm]{
--rs-card-padding:calc(var(--rs-spacing) * 2);
}
.rs-card[data-size=md]{
--rs-card-padding:calc(var(--rs-spacing) * 4);
}
.rs-card[data-size=lg]{
--rs-card-padding:calc(var(--rs-spacing) * 6);
}
.rs-card[data-direction=row]{
flex-direction:row;
}
.rs-card-header{
padding:var(--rs-card-padding) var(--rs-card-padding) 0 var(--rs-card-padding);
}
.rs-card-body{
padding:var(--rs-card-padding);
}
.rs-card-footer{
display:flex;
gap:8px;
padding:0 var(--rs-card-padding) var(--rs-card-padding) var(--rs-card-padding);
}
.rs-card-group{
--rs-card-group-columns:4;
--rs-card-group-spacing:20px;
display:grid;
grid-template-columns:repeat(var(--rs-card-group-columns), 1fr);
grid-gap:var(--rs-card-group-spacing);
}
.rs-carousel{
--rs-carousel-bar-active-width:28px;
--rs-carousel-bar-height:4px;
--rs-carousel-bar-width:18px;
--rs-carousel-dot-side-length:10px;
--rs-carousel-dot-wrapper-side-length:1.2vw;
--rs-carousel-handler-margin:3px;
--rs-carousel-dot-margin:calc(-1 * var(--rs-carousel-handler-margin));
--rs-carousel-animation-duration:0.3s;
--rs-carousel-handler-transition:background var(--rs-carousel-animation-duration) linear;
--rs-carousel-toolbar-wrapper-margin:17px;
height:400px;
background-color:var(--rs-carousel-bg);
}
.rs-carousel,.rs-carousel-content{
position:relative;
overflow:hidden;
}
.rs-carousel-content{
width:100%;
height:100%;
}
.rs-carousel-slider{
position:relative;
inset-inline-start:0;
height:100%;
transition:transform var(--rs-carousel-animation-duration) ease;
will-change:transform;
}
.rs-carousel-slider-item{
float:inline-start;
}
.rs-carousel-slider-item,.rs-carousel-slider-after{
background-color:var(--rs-carousel-bg);
height:100%;
width:100%;
}
.rs-carousel-slider-after{
position:absolute;
inset-inline-start:0;
top:0;
animation:moveLeftHalf var(--rs-carousel-animation-duration) ease forwards;
}
.rs-carousel-slider-after-vertical{
animation:moveLeftHalf-vertical var(--rs-carousel-animation-duration) ease forwards;
}
.rs-carousel-toolbar{
display:flex;
align-items:center;
justify-content:center;
position:absolute;
}
.rs-carousel-toolbar > ul{
display:flex;
flex-wrap:wrap;
list-style:none;
margin:0;
padding:0;
}
.rs-carousel-label-wrapper{
margin:var(--rs-carousel-handler-margin);
}
.rs-carousel-label-wrapper input{
width:0;
height:0;
position:absolute;
opacity:0;
}
.rs-carousel-label-wrapper input:checked ~ label{
background-color:var(--rs-carousel-indicator-active);
}
.rs-carousel-label{
cursor:pointer;
display:block;
background-color:var(--rs-carousel-indicator);
transition:var(--rs-carousel-handler-transition);
transition-property:background, width, height;
position:relative;
}
.rs-carousel-label::after{
content:"";
position:absolute;
top:var(--rs-carousel-dot-margin);
bottom:var(--rs-carousel-dot-margin);
inset-inline-end:var(--rs-carousel-dot-margin);
inset-inline-start:var(--rs-carousel-dot-margin);
}
.rs-carousel-label:hover{
background-color:var(--rs-carousel-indicator-hover);
}
.rs-carousel-shape-dot .rs-carousel-label{
width:var(--rs-carousel-dot-side-length);
height:var(--rs-carousel-dot-side-length);
border-radius:var(--rs-radius-full);
}
.rs-carousel-shape-bar .rs-carousel-label{
border-radius:var(--rs-radius-xs);
}
.rs-carousel-placement-top.rs-carousel-shape-bar .rs-carousel-label, .rs-carousel-placement-bottom.rs-carousel-shape-bar .rs-carousel-label{
width:var(--rs-carousel-bar-width);
height:var(--rs-carousel-bar-height);
}
.rs-carousel-placement-top.rs-carousel-shape-bar .rs-carousel-label-wrapper input:checked ~ label, .rs-carousel-placement-bottom.rs-carousel-shape-bar .rs-carousel-label-wrapper input:checked ~ label{
width:var(--rs-carousel-bar-active-width);
}
.rs-carousel-placement-left.rs-carousel-shape-bar .rs-carousel-label, .rs-carousel-placement-right.rs-carousel-shape-bar .rs-carousel-label{
width:var(--rs-carousel-bar-height);
height:var(--rs-carousel-bar-width);
}
.rs-carousel-placement-left.rs-carousel-shape-bar .rs-carousel-label-wrapper input:checked ~ label, .rs-carousel-placement-right.rs-carousel-shape-bar .rs-carousel-label-wrapper input:checked ~ label{
height:var(--rs-carousel-bar-active-width);
}
.rs-carousel-placement-top .rs-carousel-toolbar, .rs-carousel-placement-bottom .rs-carousel-toolbar{
inset-inline-start:0;
width:100%;
}
.rs-carousel-placement-top .rs-carousel-toolbar > ul, .rs-carousel-placement-bottom .rs-carousel-toolbar > ul{
align-items:center;
justify-content:center;
}
.rs-carousel-placement-top .rs-carousel-toolbar{
top:var(--rs-carousel-toolbar-wrapper-margin);
}
.rs-carousel-placement-bottom .rs-carousel-toolbar{
bottom:var(--rs-carousel-toolbar-wrapper-margin);
}
.rs-carousel-placement-left .rs-carousel-toolbar, .rs-carousel-placement-right .rs-carousel-toolbar{
top:0;
width:var(--rs-carousel-dot-wrapper-side-length);
height:100%;
}
.rs-carousel-placement-left .rs-carousel-toolbar > ul, .rs-carousel-placement-right .rs-carousel-toolbar > ul{
align-items:center;
justify-content:center;
flex-direction:column;
}
.rs-carousel-placement-left .rs-carousel-toolbar{
inset-inline-start:var(--rs-carousel-toolbar-wrapper-margin);
}
.rs-carousel-placement-right .rs-carousel-toolbar{
inset-inline-end:var(--rs-carousel-toolbar-wrapper-margin);
}
@keyframes moveLeftHalf{
0%{
transform:none;
}
100%{
transform:translateX(-50%);
}
}
@keyframes moveLeftHalf-vertical{
0%{
transform:none;
}
100%{
transform:translateY(-50%);
}
}
.rs-cascade-search-view-panel{
--rs-cascader-search-panel-max-height:300px;
max-height:var(--rs-cascader-search-panel-max-height);
margin-top:6px;
overflow:auto;
}
.rs-cascade-search-view-row{
display:flex;
justify-content:flex-start;
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-block:var(--rs-picker-item-content-padding-vertical);
clear:both;
font-weight:normal;
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
cursor:pointer;
text-decoration:none;
width:100%;
}
.rs-cascade-search-view-row:hover{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-cascade-search-view-row:hover, .rs-theme-high-contrast .rs-cascade-search-view-row:hover{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-cascade-search-view-row.rs-cascade-search-view-row-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-cascade-search-view-row.rs-cascade-search-view-row-focus, .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-cascade-search-view-row:disabled, .rs-cascade-search-view-row.rs-cascade-search-view-row-disabled{
color:var(--rs-listbox-option-disabled-text);
background:none;
cursor:not-allowed;
}
.rs-cascade-search-view-col{
display:inline-block;
}
.rs-cascade-search-view-col::after{
content:" / ";
}
.rs-cascade-search-view-col:last-child::after{
display:none;
}
.rs-cascade-tree .rs-highlight-mark{
padding:0;
}
.rs-cascade-tree-items{
padding:6px 0;
display:flex;
}
.rs-cascade-tree-items ul,
.rs-cascade-tree-items li{
margin:0;
padding:0;
list-style:none;
font-size:var(--rs-font-size-sm);
}
.rs-cascade-tree-column{
overflow-y:auto;
overflow-x:hidden;
}
.rs-cascade-tree-column-loading{
padding:4px;
display:flex;
align-items:center;
justify-content:center;
}
.rs-cascade-tree-column-loading .rs-icon{
margin:4px;
}
.rs-cascade-tree-item{
display:flex;
justify-content:space-between;
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-block:var(--rs-picker-item-content-padding-vertical);
clear:both;
font-weight:normal;
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
cursor:pointer;
text-decoration:none;
width:100%;
position:relative;
word-break:break-word;
}
.rs-cascade-tree-item:hover, .rs-cascade-tree-item:focus, .rs-cascade-tree-item.rs-cascade-tree-item-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-cascade-tree-item:hover, .rs-theme-high-contrast .rs-cascade-tree-item:hover, [data-theme=high-contrast] .rs-cascade-tree-item:focus, .rs-theme-high-contrast .rs-cascade-tree-item:focus, [data-theme=high-contrast] .rs-cascade-tree-item.rs-cascade-tree-item-focus, .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-cascade-tree-item.rs-cascade-tree-item-active{
background-color:var(--rs-listbox-option-selected-bg);
font-weight:bold;
color:var(--rs-listbox-option-selected-text);
}
[data-theme=high-contrast] .rs-cascade-tree-item.rs-cascade-tree-item-active, .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-active{
text-decoration:underline;
}
.rs-cascade-tree-item.rs-cascade-tree-item-active .rs-cascade-tree-caret{
color:var(--rs-text-primary);
}
.rs-cascade-tree-item:disabled, .rs-cascade-tree-item.rs-cascade-tree-item-disabled{
color:var(--rs-listbox-option-disabled-text);
background:none;
cursor:not-allowed;
}
.rs-cascade-tree-item-label{
display:inline-flex;
align-items:center;
gap:var(--rs-spacing);
}
.rs-cascade-tree-caret{
display:inline-flex;
align-items:center;
height:var(--rs-line-height-base);
font-size:var(--rs-font-size-sm);
font-size:var(--rs-font-size-sm);
}
.rs-center{
display:flex;
justify-content:center;
align-items:center;
}
.rs-center[data-inline]{
display:inline-flex;
}
:root{
--rs-checkbox-size:16px;
--rs-checkbox-display:inline-flex;
}
.rs-checkbox{
display:var(--rs-checkbox-display);
position:relative;
align-items:center;
}
.rs-checkbox[data-disabled=true] label{
cursor:var(--rs-cursor-disabled);
}
.rs-checkbox label{
font-weight:normal;
cursor:pointer;
}
.rs-checkbox-inner::before{
border-color:var(--rs-checkbox-checked-bg);
}
.rs-checkbox[data-disabled=true] label{
cursor:var(--rs-cursor-disabled);
}
.rs-checkbox[data-disabled=true] > .rs-checkbox-checker > label{
color:var(--rs-text-disabled);
}
.rs-checkbox [type=checkbox]:focus-visible ~ .rs-checkbox-inner::before{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-checkbox-checker{
position:relative;
display:inline-flex;
}
.rs-checkbox-checker > label{
display:inline-flex;
align-items:center;
gap:calc(var(--rs-spacing) * 2);
}
.rs-checkbox-control::before,
.rs-checkbox-control .rs-checkbox-inner::before,
.rs-checkbox-control .rs-checkbox-inner::after{
content:"";
position:absolute;
inset-inline-start:0;
top:0;
display:block;
}
.rs-checkbox-control .rs-checkbox-inner::after{
opacity:0;
transform:rotate(45deg) scale(0);
transition:opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
[data-theme=high-contrast] .rs-checkbox-control .rs-checkbox-inner::after, .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after{
transition:none;
}
.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::after, .rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::after{
border:solid var(--rs-checkbox-icon);
width:6px;
height:9px;
margin-top:2px;
margin-inline-start:5px;
opacity:1;
}
.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::after{
border-width:0 2px 2px 0;
transform:rotate(45deg) scale(1);
}
.rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::after{
border-width:0 0 2px;
transform:rotate(0deg) scale(1);
width:10px;
margin-top:0;
margin-inline-start:3px;
}
.rs-checkbox-control{
position:relative;
display:inline-flex;
}
.rs-checkbox-control [type=checkbox]{
opacity:0;
z-index:1;
}
.rs-checkbox-control [type=checkbox],.rs-checkbox-control::before,
.rs-checkbox-control .rs-checkbox-inner::before,
.rs-checkbox-control .rs-checkbox-inner::after{
width:var(--rs-checkbox-size);
height:var(--rs-checkbox-size);
}
.rs-checkbox-control::before{
border:1px solid var(--rs-checkbox-checked-bg);
background-color:transparent;
border-radius:var(--rs-radius-sm);
transform:scale(1);
opacity:0.7;
visibility:hidden;
transition:transform 0.2s linear, opacity 0.2s linear;
}
[data-theme=high-contrast] .rs-checkbox-control::before, .rs-theme-high-contrast .rs-checkbox-control::before{
transition:none;
}
.rs-checkbox[data-checked=true] .rs-checkbox-control::before{
transform:scale(1.5);
opacity:0;
visibility:visible;
}
.rs-checkbox-control .rs-checkbox-inner::before{
border:1px solid var(--rs-checkbox-border);
background-color:transparent;
border-radius:var(--rs-radius-sm);
transition:background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
}
[data-theme=high-contrast] .rs-checkbox-control .rs-checkbox-inner::before, .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before{
transition:none;
}
label:hover .rs-checkbox-control .rs-checkbox-inner::before{
border-color:var(--rs-checkbox-checked-bg);
}
.rs-checkbox[data-disabled=true][data-checked=false] .rs-checkbox-control .rs-checkbox-inner::before{
border-color:var(--rs-checkbox-disabled-bg);
background-color:var(--rs-checkbox-disabled-bg);
}
.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::before{
border-color:var(--rs-checkbox-checked-bg);
background-color:var(--rs-checkbox-checked-bg);
}
.rs-checkbox[data-disabled=true][data-checked=true] .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox[data-disabled=true][data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::before{
opacity:0.5;
}
.rs-checkbox[data-color=red]{
--rs-checkbox-checked-bg:var(--rs-red-500);
--rs-checkbox-border:var(--rs-red-500);
}
.rs-checkbox[data-color=orange]{
--rs-checkbox-checked-bg:var(--rs-orange-500);
--rs-checkbox-border:var(--rs-orange-500);
}
.rs-checkbox[data-color=yellow]{
--rs-checkbox-checked-bg:var(--rs-yellow-500);
--rs-checkbox-border:var(--rs-yellow-500);
}
.rs-checkbox[data-color=green]{
--rs-checkbox-checked-bg:var(--rs-green-500);
--rs-checkbox-border:var(--rs-green-500);
}
.rs-checkbox[data-color=cyan]{
--rs-checkbox-checked-bg:var(--rs-cyan-500);
--rs-checkbox-border:var(--rs-cyan-500);
}
.rs-checkbox[data-color=blue]{
--rs-checkbox-checked-bg:var(--rs-blue-500);
--rs-checkbox-border:var(--rs-blue-500);
}
.rs-checkbox[data-color=violet]{
--rs-checkbox-checked-bg:var(--rs-violet-500);
--rs-checkbox-border:var(--rs-violet-500);
}
.rs-checkbox-group{
--rs-checkbox-group-gap:calc(var(--rs-spacing) * 3);
--rs-checkbox-group-direction:column;
display:flex;
flex-direction:var(--rs-checkbox-group-direction);
gap:var(--rs-checkbox-group-gap);
}
.rs-checkbox-group[data-inline=true]{
--rs-checkbox-group-direction:row;
}
.rs-picker-check-menu-items{
--rs-check-item-padding-inline:calc(var(--rs-spacing) * 3);
--rs-check-item-padding-block:calc(var(--rs-spacing) * 2);
overflow-y:auto;
}
.rs-picker-check-menu-items ul{
list-style:none;
margin:0;
padding:0;
}
.rs-picker-check-menu-items .rs-picker-menu-group:not(:first-child){
margin-top:var(--rs-picker-group-select-menu-gap);
border-top:1px solid var(--rs-divider-border);
padding-top:var(--rs-picker-group-select-menu-gap);
}
.rs-picker-check-menu-items .rs-picker-menu-group-title{
padding-block:var(--rs-picker-item-content-padding-vertical);
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-inline-end:calc(var(--rs-padding-inline-md) + 20px);
position:relative;
cursor:pointer;
color:var(--rs-text-heading);
}
.rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret{
display:inline-block;
margin-inline-start:2px;
position:absolute;
top:var(--rs-padding-block-md);
inset-inline-end:var(--rs-padding-inline-md);
color:var(--rs-text-secondary);
}
.rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret{
transform:rotate(90deg);
}
.rs-picker-check-menu-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label{
font-weight:var(--rs-picker-select-menu-item-selected-font-weight);
}
.rs-tree-node-toggle{
cursor:pointer;
width:24px;
padding:4px;
display:flex;
justify-content:center;
align-items:center;
}
.rs-tree-node-toggle > .rs-tree-node-toggle-icon{
display:inline-block;
height:16px;
width:16px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.rs-tree-node-toggle > .rs-tree-node-custom-icon,
.rs-tree-node-toggle > .rs-tree-node-loading-icon{
display:flex;
align-items:center;
font-size:var(--rs-font-size-sm);
}
.rs-tree-node-toggle-placeholder{
width:24px;
height:24px;
}
[dir=rtl] .rs-tree-node-toggle{
inset-inline-end:0;
padding-inline-end:inherit;
}
.rs-tree-indent-line{
border-left:1px solid var(--rs-tree-indent-line-color);
position:absolute;
width:1px;
top:-4px;
inset-inline-start:12px;
bottom:-4px;
}
:root{
--rs-check-item-padding-inline:0;
--rs-check-item-padding-block:1px;
--rs-check-tree-view-max-height:360px;
}
.rs-check-tree{
height:100%;
flex:1 1 auto;
}
.rs-check-tree .rs-check-tree-node-content .rs-check-item .rs-checkbox-checker .rs-checkbox-label{
padding:var(--rs-spacing);
width:auto;
}
.rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-check-tree .rs-check-tree-empty{
padding-inline:calc(var(--rs-spacing) * 2);
padding-block:var(--rs-spacing);
color:var(--rs-text-secondary);
}
.rs-check-tree-view{
max-height:var(--rs-tree-view-height, var(--rs-check-tree-view-max-height));
overflow-y:auto;
}
.rs-check-tree.rs-tree-virtualized .rs-check-tree-view{
overflow:hidden;
}
.rs-check-tree .rs-highlight-mark{
padding:0;
}
.rs-check-tree-without-children .rs-tree-node-toggle-placeholder{
display:none;
}
.rs-check-tree-group{
padding-inline-start:20px;
}
.rs-check-tree-node{
position:relative;
display:flex;
align-items:center;
}
.rs-check-tree-node .rs-check-item{
display:inline-block;
}
.rs-check-tree-node .rs-check-item:hover, .rs-check-tree-node .rs-check-item:focus, .rs-check-tree-node .rs-check-item.rs-check-item-focus{
background-color:transparent !important;
}
.rs-check-tree-node .rs-check-item:hover .rs-checkbox-label, .rs-check-tree-node .rs-check-item:focus .rs-checkbox-label, .rs-check-tree-node .rs-check-item.rs-check-item-focus .rs-checkbox-label{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
border-radius:var(--rs-radius-md);
}
.rs-check-tree-node .rs-check-item[data-disabled=true] .rs-checkbox-label{
color:var(--rs-text-disabled);
background:none;
}
.rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label{
color:var(--rs-text-primary);
background-color:var(--rs-state-hover-bg);
}
.rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label{
font-weight:var(--rs-picker-select-menu-item-selected-font-weight);
}
.rs-check-tree-node-children > .rs-check-tree-group{
position:relative;
display:none;
}
.rs-check-tree-node-children.rs-check-tree-node-expanded > .rs-check-tree-group{
display:block;
}
.rs-check-tree-node > .rs-check-tree-node-content .rs-checkbox-label{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
display:inline-block;
vertical-align:top;
}
.rs-picker-popup{
display:flex;
flex-direction:column;
}
.rs-picker-popup.rs-check-tree-menu{
padding-top:var(--rs-picker-menu-padding);
}
.rs-picker-popup .rs-check-tree-view{
padding:2px 4px;
}
.rs-picker-toolbar{
padding:var(--rs-calendar-base-spacing);
border-top:1px solid var(--rs-divider-border);
}
.rs-picker[data-picker=date] .rs-input-group-addon{
color:var(--rs-text-secondary);
cursor:pointer;
}
.rs-picker[data-picker=date] .rs-input-group-addon .rs-btn-close{
padding:0;
}
.rs-picker[data-picker=date].rs-picker[data-appearance=subtle] .rs-input-group{
border-color:transparent;
}
.rs-picker[data-picker=date] > .rs-input-group.rs-input-group-inside .rs-input{
padding-inline-end:0;
}
.rs-picker-date-predefined{
height:325px;
border-right:1px solid var(--rs-border-primary);
padding:4px 0;
}
.rs-picker-date-predefined .rs-btn{
display:block;
}
.rs-picker-popup.rs-picker-popup-date{
padding:0;
}
.rs-picker-popup .rs-picker-toolbar{
max-width:100%;
}
.rs-picker-popup .rs-picker-toolbar-ranges{
max-width:400px;
}
.rs-picker-popup .rs-calendar{
--rs-calendar-in-menu-content-side-length:30px;
min-width:264px;
display:block;
margin:0 auto;
}
.rs-picker-popup .rs-calendar-show-week-numbers{
min-width:278px;
}
.rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body{
padding-inline-start:12px;
padding-inline-end:12px;
}
.rs-picker-popup .rs-calendar-header{
width:100%;
}
.rs-picker-popup .rs-calendar-body{
padding-inline-start:15px;
padding-inline-end:15px;
}
.rs-picker-popup .rs-calendar-table{
width:unset;
}
.rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content{
outline:3px solid var(--rs-focus-ring-color);
}
.rs-picker-popup .rs-calendar-table-cell:focus-visible{
outline:none;
}
.rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content{
outline:3px solid var(--rs-focus-ring-color);
}
.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content{
width:var(--rs-calendar-in-menu-content-side-length);
height:var(--rs-calendar-in-menu-content-side-length);
}
.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover{
background-color:var(--rs-calendar-cell-selected-hover-bg);
color:var(--rs-calendar-date-selected-text);
}
[data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover{
color:var(--rs-calendar-date-selected-text);
}
.rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content{
height:24px;
padding-top:0;
}
.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content{
padding-inline-start:0;
padding-inline-end:0;
display:inline-block;
}
.rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content{
background-color:var(--rs-calendar-cell-selected-hover-bg);
color:var(--rs-calendar-date-selected-text);
}
[data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content{
color:var(--rs-calendar-date-selected-text);
}
.rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul{
height:198px;
}
.rs-picker-popup .rs-calendar.rs-calendar-only-time{
min-width:auto;
width:100%;
flex:1;
}
.rs-picker-popup .rs-calendar.rs-calendar-only-time .rs-calendar-time-dropdown-column > ul{
height:100%;
}
.rs-picker[data-picker=date-range] .rs-input-group-addon{
color:var(--rs-text-secondary);
cursor:pointer;
}
.rs-picker[data-picker=date-range] .rs-input-group-addon .rs-btn-close{
padding:0;
}
.rs-picker[data-picker=date-range][data-appearance=subtle] .rs-input-group{
border-color:transparent;
}
.rs-picker[data-picker=date-range] > .rs-input-group.rs-input-group-inside .rs-input{
padding-inline-end:0;
}
.rs-picker-popup.rs-picker-popup-daterange{
padding:0;
}
.rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child{
border-right:1px solid var(--rs-border-primary);
}
.rs-picker-popup .rs-calendar{
height:274px;
padding-bottom:var(--rs-calendar-base-spacing);
}
.rs-picker-popup .rs-calendar-header{
width:100%;
text-align:center;
}
.rs-picker-popup .rs-calendar-header-month-toolbar{
float:none;
}
.rs-picker-popup .rs-calendar-month-dropdown{
z-index:var(--rs-zindex-date-range-picker-calendar-dropdown);
}
.rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges{
width:190px;
}
.rs-picker-popup .rs-picker-daterange-panel-only-time{
height:100%;
}
.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-calendar-group{
min-width:auto;
}
.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-content{
flex:1;
}
.rs-picker-popup .rs-picker-daterange-calendar-single .rs-calendar{
border:0;
display:block;
margin:auto;
}
.rs-picker-daterange-header{
--rs-date-range-picker-header-line-height:var(--rs-line-height-md);
--rs-date-range-picker-header-padding-vertical:8px;
padding-block:var(--rs-date-range-picker-header-padding-vertical);
padding-inline:var(--rs-picker-menu-padding);
font-size:var(--rs-font-size-sm);
line-height:var(--rs-date-range-picker-header-line-height);
border-bottom:1px solid var(--rs-border-primary);
}
.rs-picker-daterange-header .rs-picker-header-date:focus{
background-color:transparent;
}
.rs-picker-daterange-header.rs-picker-tab-active-end, .rs-picker-daterange-header.rs-picker-tab-active-start{
position:relative;
display:flex;
align-items:center;
justify-content:space-around;
}
.rs-picker-daterange-header.rs-picker-tab-active-end::after, .rs-picker-daterange-header.rs-picker-tab-active-start::after{
content:" ";
position:absolute;
width:50%;
bottom:-1px;
border-bottom:2px solid #3498ff;
inset-inline-start:0;
transition:left 0.3s;
}
.rs-picker-daterange-header.rs-picker-tab-active-end::after{
inset-inline-start:50%;
}
.rs-picker-daterange-calendar-group{
display:flex;
flex-wrap:nowrap;
height:274px;
min-width:492px;
}
.rs-picker-daterange-predefined{
height:366px;
border-right:1px solid var(--rs-border-primary);
padding:4px 0;
}
.rs-picker-daterange-predefined .rs-btn{
display:block;
}
.rs-divider{
--rs-divider-size-xs:calc(0.0625rem * var(--rs-scale));
--rs-divider-size-sm:calc(0.125rem * var(--rs-scale));
--rs-divider-size-md:calc(0.1875rem * var(--rs-scale));
--rs-divider-size-lg:calc(0.25rem * var(--rs-scale));
--rs-divider-size-xl:calc(0.3125rem * var(--rs-scale));
--rs-divider-size:var(--rs-divider-size-xs);
--rs-divider-spacing-xs:calc(var(--rs-spacing) * 2);
--rs-divider-spacing-sm:calc(var(--rs-spacing) * 3);
--rs-divider-spacing-md:calc(var(--rs-spacing) * 4);
--rs-divider-spacing-lg:calc(var(--rs-spacing) * 5);
--rs-divider-spacing-xl:calc(var(--rs-spacing) * 6);
--rs-divider-spacing:var(--rs-divider-spacing-xs);
--rs-divider-border-style:solid;
--rs-divider-border-color:var(--rs-divider-color, var(--rs-divider-border));
--rs-divider-label-font-size:var(--rs-font-size-sm);
font-size:var(--rs-divider-label-font-size);
color:var(--rs-divider-color, inherit);
border-style:var(--rs-divider-border-style);
border-color:var(--rs-divider-border-color);
border-width:0;
}
.rs-divider:where([data-appearance=dashed]){
--rs-divider-border-style:dashed;
}
.rs-divider:where([data-appearance=dotted]){
--rs-divider-border-style:dotted;
}
.rs-divider:where([data-orientation=horizontal]){
width:100%;
margin-block:var(--rs-divider-spacing);
border-top-width:var(--rs-divider-size);
}
.rs-divider:where([data-orientation=vertical]){
display:inline-block;
min-height:1em;
height:100%;
width:1px;
vertical-align:middle;
margin-inline:var(--rs-divider-spacing);
border-inline-start-width:var(--rs-divider-size);
}
.rs-divider:where([data-orientation=horizontal][data-with-label=true]){
display:flex;
flex-direction:row;
align-items:center;
background:transparent;
flex:0 0 auto;
border-width:0;
}
.rs-divider:where([data-orientation=horizontal][data-with-label=true])::before, .rs-divider:where([data-orientation=horizontal][data-with-label=true])::after{
content:"";
flex:1 1 auto;
border-top-style:var(--rs-divider-border-style);
border-top-color:var(--rs-divider-border-color);
border-top-width:var(--rs-divider-size);
}
.rs-divider:where([data-orientation=horizontal][data-with-label=true])::before{
margin-inline-end:var(--rs-divider-spacing-xs);
}
.rs-divider:where([data-orientation=horizontal][data-with-label=true])::after{
margin-inline-start:var(--rs-divider-spacing-xs);
}
.rs-divider:where([data-placement=start]):before{
display:none;
}
.rs-divider:where([data-placement=end]):after{
display:none;
}
@keyframes shakeHead{
0%, 100%{
transform:translate3d(0, 0, 0);
}
25%, 75%{
transform:translate3d(-10px, 0, 0);
}
50%{
transform:translate3d(10px, 0, 0);
}
}
:root{
--rs-drawer-shadow:var(--rs-shadow-lg);
--rs-drawer-title-font-size:var(--rs-font-size-lg);
--rs-drawer-title-line-height:2.25rem;
--rs-drawer-body-padding:calc(var(--rs-spacing) * 7.5) calc(var(--rs-spacing) * 15);
--rs-drawer-footer-spacing:calc(var(--rs-spacing) * 5);
--rs-drawer-size-full:100%;
--rs-drawer-inline-size-xs:400px;
--rs-drawer-inline-size-sm:600px;
--rs-drawer-inline-size-md:800px;
--rs-drawer-inline-size-lg:968px;
--rs-drawer-block-size-xs:290px;
--rs-drawer-block-size-sm:400px;
--rs-drawer-block-size-md:480px;
--rs-drawer-block-size-lg:568px;
}
.rs-drawer{
display:none;
position:fixed;
z-index:var(--rs-zindex-drawer);
box-shadow:var(--rs-drawer-shadow);
pointer-events:auto;
outline:0;
}
.rs-drawer,.rs-drawer-open.rs-drawer-has-backdrop{
overflow:hidden;
}
.rs-drawer-left, .rs-drawer-right{
top:0;
height:100%;
width:var(--rs-drawer-inline-size);
max-width:100%;
}
.rs-drawer-left.rs-drawer-lg, .rs-drawer-right.rs-drawer-lg{
--rs-drawer-inline-size:var(--rs-drawer-inline-size-lg);
}
.rs-drawer-left.rs-drawer-md, .rs-drawer-right.rs-drawer-md{
--rs-drawer-inline-size:var(--rs-drawer-inline-size-md);
}
.rs-drawer-left.rs-drawer-sm, .rs-drawer-right.rs-drawer-sm{
--rs-drawer-inline-size:var(--rs-drawer-inline-size-sm);
}
.rs-drawer-left.rs-drawer-xs, .rs-drawer-right.rs-drawer-xs{
--rs-drawer-inline-size:var(--rs-drawer-inline-size-xs);
}
.rs-drawer-top, .rs-drawer-bottom{
width:100%;
height:var(--rs-drawer-block-size);
}
.rs-drawer-top.rs-drawer-lg, .rs-drawer-bottom.rs-drawer-lg{
--rs-drawer-block-size:var(--rs-drawer-block-size-lg);
}
.rs-drawer-top.rs-drawer-md, .rs-drawer-bottom.rs-drawer-md{
--rs-drawer-block-size:var(--rs-drawer-block-size-md);
}
.rs-drawer-top.rs-drawer-sm, .rs-drawer-bottom.rs-drawer-sm{
--rs-drawer-block-size:var(--rs-drawer-block-size-sm);
}
.rs-drawer-top.rs-drawer-xs, .rs-drawer-bottom.rs-drawer-xs{
--rs-drawer-block-size:var(--rs-drawer-block-size-xs);
}
.rs-drawer-full{
height:var(--rs-drawer-size-full);
width:var(--rs-drawer-size-full);
}
.rs-drawer-right{
inset-inline-end:0;
}
.rs-drawer-left{
inset-inline-start:0;
}
.rs-drawer-top{
top:0;
}
.rs-drawer-bottom{
bottom:0;
}
.rs-drawer-wrapper{
position:fixed;
z-index:var(--rs-zindex-drawer);
top:0;
inset-inline-start:0;
width:100%;
height:100%;
}
.rs-drawer-wrapper.rs-drawer-no-backdrop{
pointer-events:none;
}
.rs-drawer-open .rs-drawer{
overflow:visible;
}
.rs-drawer-dialog{
position:relative;
width:100%;
height:100%;
background-color:var(--rs-bg-overlay);
}
.rs-drawer-shake .rs-drawer-dialog{
animation:0.3s linear shakeHead;
}
[data-theme=high-contrast] .rs-drawer-dialog, .rs-theme-high-contrast .rs-drawer-dialog{
background-color:var(--rs-drawer-bg);
}
.rs-drawer-backdrop{
position:fixed;
top:0;
bottom:0;
inset-inline-end:0;
inset-inline-start:0;
z-index:var(--rs-zindex-drawer);
background-color:var(--rs-bg-backdrop);
}
.rs-drawer-backdrop.rs-anim-fade{
opacity:0;
transition:opacity 0.3s ease-in;
}
.rs-drawer-backdrop.rs-anim-in{
opacity:1;
}
.rs-drawer-header{
position:relative;
padding-block:20px;
padding-inline:60px 40px;
border-bottom:1px solid var(--rs-border-primary);
display:flex;
}
.rs-drawer-header::before, .rs-drawer-header::after{
content:" ";
display:table;
}
.rs-drawer-header::after{
clear:both;
}
.rs-drawer-header .rs-drawer-header-close{
position:absolute;
inset-inline-start:15px;
top:23px;
}
.rs-drawer-title{
display:inline-flex;
align-items:center;
flex-grow:1;
flex-shrink:1;
margin:0;
color:var(--rs-text-heading);
font-weight:normal;
font-size:var(--rs-drawer-title-font-size);
line-height:var(--rs-drawer-title-line-height);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rs-drawer-actions{
flex-shrink:0;
text-align:end;
border-top:none;
margin-inline-start:auto;
}
.rs-drawer-actions::before, .rs-drawer-actions::after{
content:" ";
display:table;
}
.rs-drawer-actions::after{
clear:both;
}
.rs-drawer-title ~ .rs-drawer-actions{
margin-inline-start:10px;
}
.rs-drawer-actions .rs-btn + .rs-btn{
margin-inline-start:10px;
margin-bottom:0;
}
.rs-drawer-actions .rs-btn-group .rs-btn + .rs-btn{
margin-inline-start:-1px;
}
.rs-drawer-actions .rs-btn-block + .rs-btn-block{
margin-inline-start:0;
}
.rs-drawer-body{
position:relative;
padding:var(--rs-drawer-body-padding);
height:100%;
overflow:auto;
}
.rs-drawer-header + .rs-drawer-body{
height:calc(100% - 76px);
}
.rs-drawer-body-close{
position:absolute;
inset-inline-start:15px;
top:25px;
}
.rs-drawer-header ~ .rs-drawer-body .rs-drawer-body-close{
display:none;
}
.rs-drawer-scrollbar-measure{
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll;
}
.rs-drawer-footer{
text-align:end;
border-top:none;
margin:0 var(--rs-drawer-footer-spacing) var(--rs-drawer-footer-spacing);
}
.rs-drawer-footer::before, .rs-drawer-footer::after{
content:" ";
display:table;
}
.rs-drawer-footer::after{
clear:both;
}
.rs-drawer-footer .rs-btn + .rs-btn{
margin-inline-start:10px;
margin-bottom:0;
}
.rs-drawer-footer .rs-btn-group .rs-btn + .rs-btn{
margin-inline-start:-1px;
}
.rs-drawer-footer .rs-btn-block + .rs-btn-block{
margin-inline-start:0;
}
:root{
--rs-dropdown-divider-color:var(--rs-divider-border);
--rs-dropdown-shadow:var(--rs-shadow-md);
--rs-dropdown-caret-icon-padding-horizontal:9px;
--rs-dropdown-item-padding-y:8px;
--rs-dropdown-item-padding-x:12px;
--rs-menu-padding:calc(var(--rs-spacing) * 1.5);
--rs-menuitem-padding-inline:calc(var(--rs-spacing) * 3);
--rs-menuitem-padding-block:calc(var(--rs-spacing) * 2);
--rs-menuitem-divider-margin-block:calc(var(--rs-spacing) * 1.5);
--rs-menuitem-spacing:calc(var(--rs-spacing) * 2);
}
.rs-dropdown{
position:relative;
display:inline-block;
vertical-align:middle;
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn{
cursor:var(--rs-cursor-disabled) !important;
box-shadow:none;
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle]:active{
color:var(--rs-btn-subtle-disabled-text);
background:none;
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary]:active{
opacity:0.3;
background-color:var(--rs-btn-primary-bg);
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link]:active{
opacity:0.3;
text-decoration:none;
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost]:active{
opacity:0.3;
}
.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn .rs-ripple-pond{
display:none !important;
}
.rs-dropdown-toggle, .rs-dropdown-toggle.rs-btn{
position:relative;
z-index:var(--rs-zindex-dropdown);
display:inline-flex;
align-items:center;
gap:calc(var(--rs-spacing) * 1.5);
}
.rs-dropdown-toggle.rs-dropdown-toggle-no-caret{
padding-inline-end:var(--rs-padding-inline-md);
}
.rs-dropdown-menu{
margin:0;
list-style:none;
font-size:var(--rs-font-size-sm);
text-align:start;
background-color:var(--rs-bg-overlay);
border-radius:var(--rs-radius-md);
padding:var(--rs-menu-padding);
outline:0;
}
.rs-dropdown-menu:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-dropdown .rs-dropdown-menu{
position:absolute;
z-index:calc(var(--rs-zindex-dropdown) + 1);
float:inline-start;
box-shadow:var(--rs-dropdown-shadow);
outline:none;
}
[data-theme=high-contrast] .rs-dropdown .rs-dropdown-menu, .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu{
border:1px solid var(--rs-border-secondary);
}
.rs-dropdown-menu[hidden]{
display:none;
}
.rs-dropdown-item{
display:flex;
align-items:center;
width:100%;
gap:var(--rs-menuitem-spacing);
padding-inline:var(--rs-menuitem-padding-inline);
padding-block:var(--rs-menuitem-padding-block);
clear:both;
font-weight:normal;
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
border-radius:var(--rs-radius-sm);
white-space:nowrap;
cursor:pointer;
}
.rs-dropdown-item,.rs-dropdown-item:focus, .rs-dropdown-item:hover{
text-decoration:none;
}
.rs-dropdown-item-content{
flex:1;
display:flex;
flex-direction:column;
}
.rs-dropdown-item .rs-dropdown-item-shortcut{
border:none;
line-height:var(--rs-text-line-height-xs);
}
.rs-dropdown-item > .rs-icon{
width:var(--rs-font-size-base);
text-align:center;
}
.rs-dropdown-item[data-active=true]{
outline:0;
font-weight:bold;
}
.rs-dropdown-item[data-active=true], .rs-dropdown-item[data-active=true]:hover, .rs-dropdown-item[data-active=true]:focus{
color:var(--rs-menuitem-text-active);
background-color:var(--rs-menuitem-bg-active);
}
.rs-dropdown-item[data-active=true] .rs-text, .rs-dropdown-item[data-active=true]:hover .rs-text, .rs-dropdown-item[data-active=true]:focus .rs-text{
color:var(--rs-menuitem-text-active);
}
.rs-dropdown-item:focus-visible, .rs-dropdown-item[data-focus=true]{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-dropdown-item:focus-visible, .rs-theme-high-contrast .rs-dropdown-item:focus-visible, [data-theme=high-contrast] .rs-dropdown-item[data-focus=true], .rs-theme-high-contrast .rs-dropdown-item[data-focus=true]{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-dropdown-item:focus{
outline:0;
}
.rs-dropdown-item[data-disabled=true]{
color:var(--rs-text-disabled);
cursor:var(--rs-cursor-disabled);
}
.rs-dropdown-item[data-disabled=true] .rs-text{
color:var(--rs-text-disabled);
}
.rs-dropdown-item[data-disabled=true]:hover, .rs-dropdown-item[data-disabled=true]:focus{
text-decoration:none;
background-color:transparent;
background-image:none;
}
.rs-dropdown-item-divider{
height:1px;
margin-block:var(--rs-menuitem-divider-margin-block);
overflow:hidden;
background-color:var(--rs-dropdown-divider-color);
}
.rs-dropdown-item-submenu{
position:relative;
}
.rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle, .rs-theme-high-contrast .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-dropdown-item-submenu.rs-dropdown-item{
position:relative;
}
.rs-dropdown-item-submenu.rs-dropdown-item > .rs-dropdown-item-toggle .rs-dropdown-menu-toggle-icon{
position:absolute;
top:11px;
margin:0;
}
.rs-dropdown-item-submenu.rs-dropdown-item > .rs-dropdown-menu{
position:absolute;
top:0;
}
.rs-dropdown-item-submenu.rs-dropdown-item{
padding:0;
}
.rs-dropdown-item-submenu.rs-dropdown-item .rs-dropdown-item-toggle{
padding-inline-end:26px;
}
.rs-dropdown-item-submenu.rs-dropdown-item .rs-dropdown-menu-toggle-icon{
inset-inline-end:var(--rs-dropdown-caret-icon-padding-horizontal);
}
.rs-dropdown-item-submenu .rs-dropdown-menu{
inset-inline-start:100%;
}
.rs-dropdown-item-submenu .rs-dropdown-menu[data-direction=start]{
inset-inline-start:unset;
inset-inline-end:100%;
}
.rs-dropdown-item-submenu[data-open=true] > .rs-dropdown-menu{
display:table;
animation-name:slideUpIn;
animation-play-state:running;
}
.rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]{
outline:0;
background-color:var(--rs-menuitem-bg-active);
}
.rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, [data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-dropdown:where([data-open=true]) > .rs-dropdown-menu{
animation-play-state:running;
}
.rs-dropdown:where([data-open=true]) > a{
outline:0;
}
.rs-dropdown:where([data-open=true])[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=top-end] > .rs-dropdown-menu{
bottom:100%;
}
.rs-dropdown:where([data-open=true])[data-placement=bottom-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-end] > .rs-dropdown-menu{
top:100%;
}
.rs-dropdown:where([data-open=true])[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=left-end] > .rs-dropdown-menu{
inset-inline-end:100%;
}
.rs-dropdown:where([data-open=true])[data-placement=right-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-end] > .rs-dropdown-menu{
inset-inline-start:100%;
}
.rs-dropdown:where([data-open=true])[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-start] > .rs-dropdown-menu{
inset-inline-start:0;
}
.rs-dropdown:where([data-open=true])[data-placement=top-end] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-end] > .rs-dropdown-menu{
inset-inline-end:0;
}
.rs-dropdown:where([data-open=true])[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-start] > .rs-dropdown-menu{
top:0;
}
.rs-dropdown:where([data-open=true])[data-placement=left-end] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-end] > .rs-dropdown-menu{
bottom:0;
}
.rs-dropdown-header{
display:block;
padding:var(--rs-dropdown-item-padding-y) var(--rs-dropdown-item-padding-x);
line-height:var(--rs-line-height-md);
color:var(--rs-dropdown-header-text);
border-bottom:1px solid var(--rs-dropdown-divider-color);
white-space:nowrap;
margin-bottom:2px;
}
@keyframes slideUpIn{
0%{
transform-origin:0% 0%;
transform:scaleY(0.8);
}
100%{
transform-origin:0% 0%;
transform:scaleY(1);
}
}
.rs-flex-box-grid{
display:flex;
flex-flow:row wrap;
}
.rs-flex-box-grid-item{
width:100%;
max-width:100%;
}
.rs-flex-box-grid-top{
align-items:flex-start;
}
.rs-flex-box-grid-middle{
align-items:center;
}
.rs-flex-box-grid-bottom{
align-items:flex-end;
}
.rs-flex-box-grid-start{
justify-content:flex-start;
}
.rs-flex-box-grid-center{
justify-content:center;
}
.rs-flex-box-grid-end{
justify-content:flex-end;
}
.rs-flex-box-grid-space-between{
justify-content:space-between;
}
.rs-flex-box-grid-space-around{
justify-content:space-around;
}
.rs-flex-box-grid-item-1{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:4.1666666667%;
}
.rs-flex-box-grid-item-order-1{
order:1;
}
.rs-flex-box-grid-item-2{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:8.3333333333%;
}
.rs-flex-box-grid-item-order-2{
order:2;
}
.rs-flex-box-grid-item-3{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:12.5%;
}
.rs-flex-box-grid-item-order-3{
order:3;
}
.rs-flex-box-grid-item-4{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:16.6666666667%;
}
.rs-flex-box-grid-item-order-4{
order:4;
}
.rs-flex-box-grid-item-5{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:20.8333333333%;
}
.rs-flex-box-grid-item-order-5{
order:5;
}
.rs-flex-box-grid-item-6{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:25%;
}
.rs-flex-box-grid-item-order-6{
order:6;
}
.rs-flex-box-grid-item-7{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:29.1666666667%;
}
.rs-flex-box-grid-item-order-7{
order:7;
}
.rs-flex-box-grid-item-8{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:33.3333333333%;
}
.rs-flex-box-grid-item-order-8{
order:8;
}
.rs-flex-box-grid-item-9{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:37.5%;
}
.rs-flex-box-grid-item-order-9{
order:9;
}
.rs-flex-box-grid-item-10{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:41.6666666667%;
}
.rs-flex-box-grid-item-order-10{
order:10;
}
.rs-flex-box-grid-item-11{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:45.8333333333%;
}
.rs-flex-box-grid-item-order-11{
order:11;
}
.rs-flex-box-grid-item-12{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:50%;
}
.rs-flex-box-grid-item-order-12{
order:12;
}
.rs-flex-box-grid-item-13{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:54.1666666667%;
}
.rs-flex-box-grid-item-order-13{
order:13;
}
.rs-flex-box-grid-item-14{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:58.3333333333%;
}
.rs-flex-box-grid-item-order-14{
order:14;
}
.rs-flex-box-grid-item-15{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:62.5%;
}
.rs-flex-box-grid-item-order-15{
order:15;
}
.rs-flex-box-grid-item-16{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:66.6666666667%;
}
.rs-flex-box-grid-item-order-16{
order:16;
}
.rs-flex-box-grid-item-17{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:70.8333333333%;
}
.rs-flex-box-grid-item-order-17{
order:17;
}
.rs-flex-box-grid-item-18{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:75%;
}
.rs-flex-box-grid-item-order-18{
order:18;
}
.rs-flex-box-grid-item-19{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:79.1666666667%;
}
.rs-flex-box-grid-item-order-19{
order:19;
}
.rs-flex-box-grid-item-20{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:83.3333333333%;
}
.rs-flex-box-grid-item-order-20{
order:20;
}
.rs-flex-box-grid-item-21{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:87.5%;
}
.rs-flex-box-grid-item-order-21{
order:21;
}
.rs-flex-box-grid-item-22{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:91.6666666667%;
}
.rs-flex-box-grid-item-order-22{
order:22;
}
.rs-flex-box-grid-item-23{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:95.8333333333%;
}
.rs-flex-box-grid-item-order-23{
order:23;
}
.rs-flex-box-grid-item-24{
flex:0 0 auto;
position:relative;
display:block;
min-height:1px;
width:100%;
}
.rs-flex-box-grid-item-order-24{
order:24;
}
:root{
--rs-form-control-width:300px;
}
.rs-form-stack-fluid .rs-form-control-wrapper,.rs-form-stack-fluid .rs-form-control-wrapper > .rs-number-input,
.rs-form-stack-fluid .rs-form-control-wrapper > .rs-input,.rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group{
width:100%;
}
.rs-form-control-wrapper{
position:relative;
}
.rs-form-control-wrapper > .rs-number-input,
.rs-form-control-wrapper > .rs-input{
width:var(--rs-form-control-width);
}
.rs-form-control-wrapper.read-only{
pointer-events:none;
touch-action:none;
}
.rs-form-stack-vertical .rs-form-group .rs-input-group{
width:var(--rs-form-control-width);
}
.rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper{
display:inline-block;
}
.rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper{
float:inline-start;
}
.rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text{
clear:both;
}
.rs-form-stack-inline .rs-form-group .rs-form-control-wrapper{
display:inline-block;
}
.rs-form-stack-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper{
margin-inline-start:0;
}
.rs-input-group > .rs-form-control > .rs-input{
border-radius:var(--rs-radius-none);
border:none;
outline:none;
}
[data-rs=form][data-plaintext=true] .rs-form-control-label{
color:var(--rs-text-secondary);
}
@keyframes errorMessageSlideUpIn{
0%{
transform:translate3d(0, 2px, 0);
visibility:visible;
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes errorMessageSlideDownIn{
0%{
transform:translate3d(0, -2px, 0);
visibility:visible;
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes errorMessageSlideLeftIn{
0%{
transform:translate3d(-2px, 0, 0);
visibility:visible;
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes errorMessageSlideRightIn{
0%{
transform:translate3d(2px, 0, 0);
visibility:visible;
}
100%{
transform:translate3d(0, 0, 0);
}
}
:root{
--rs-form-errormessage-font-size:var(--rs-font-size-xs);
--rs-form-errormessage-line-height:1.25rem;
--rs-form-errormessage-triangle-vertical:4px;
--rs-form-errormessage-triangle-gap:10px;
}
.rs-form-error-message{
position:absolute;
padding:3px 7px;
background-color:var(--rs-form-errormessage-bg);
border:1px solid var(--rs-form-errormessage-border);
border-radius:var(--rs-radius-md);
filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
z-index:var(--rs-zindex-form-error-message);
color:var(--rs-form-errormessage-text);
font-size:var(--rs-form-errormessage-font-size);
line-height:var(--rs-form-errormessage-line-height);
display:none;
white-space:nowrap;
}
.rs-form-error-message-show{
display:block;
animation-duration:0.3s;
animation-timing-function:ease-out;
}
.rs-form-error-message-arrow::before, .rs-form-error-message-arrow::after{
content:"";
position:absolute;
border-color:transparent;
border-style:solid;
}
.rs-form-error-message-wrapper{
position:absolute;
}
.rs-form-error-message-wrapper[data-placement=static]{
--rs-form-errormessage-text:var(--rs-color-red);
--rs-form-errormessage-bg:transparent;
position:static;
margin-top:var(--rs-spacing);
display:block;
width:100%;
}
.rs-form-error-message-wrapper[data-placement=static] .rs-form-error-message{
position:static;
display:block;
width:100%;
white-space:normal;
word-wrap:break-word;
padding:0;
filter:none;
border:none;
border-radius:0;
}
.rs-form-error-message-wrapper[data-placement=static] .rs-form-error-message-show{
animation:none;
}
.rs-form-error-message-wrapper[data-placement=static] .rs-form-error-message-arrow{
display:none;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]){
bottom:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]) .rs-form-error-message{
top:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]) .rs-form-error-message-show{
animation-name:errorMessageSlideDownIn;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]) .rs-form-error-message-arrow::before, .rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]) .rs-form-error-message-arrow::after{
border-width:0 6px 6px;
border-bottom-color:var(--rs-form-errormessage-border);
top:-6px;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=bottom-end]) .rs-form-error-message-arrow::after{
top:-5px;
border-bottom-color:var(--rs-form-errormessage-bg);
}
.rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]){
top:0;
}
.rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]) .rs-form-error-message{
bottom:0;
}
.rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]) .rs-form-error-message-show{
animation-name:errorMessageSlideUpIn;
}
.rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]) .rs-form-error-message-arrow::before, .rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]) .rs-form-error-message-arrow::after{
border-width:6px 6px 0;
border-top-color:var(--rs-form-errormessage-border);
bottom:-6px;
}
.rs-form-error-message-wrapper:where([data-placement=top-start], [data-placement=top-end]) .rs-form-error-message-arrow::after{
bottom:-5px;
border-top-color:var(--rs-form-errormessage-bg);
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=top-start]){
inset-inline-start:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=top-start]) .rs-form-error-message{
inset-inline-start:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=top-start]) .rs-form-error-message-arrow::before, .rs-form-error-message-wrapper:where([data-placement=bottom-start], [data-placement=top-start]) .rs-form-error-message-arrow::after{
inset-inline-start:var(--rs-form-errormessage-triangle-gap);
}
.rs-form-error-message-wrapper:where([data-placement=bottom-end], [data-placement=top-end]){
inset-inline-end:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-end], [data-placement=top-end]) .rs-form-error-message{
inset-inline-end:0;
}
.rs-form-error-message-wrapper:where([data-placement=bottom-end], [data-placement=top-end]) .rs-form-error-message-arrow::before, .rs-form-error-message-wrapper:where([data-placement=bottom-end], [data-placement=top-end]) .rs-form-error-message-arrow::after{
inset-inline-end:var(--rs-form-errormessage-triangle-gap);
}
.rs-form-group{
position:relative;
display:flex;
flex-direction:var(--rs-form-group-direction);
gap:var(--rs-form-group-spacing);
}
.rs-form-group .rs-input{
display:inline-block;
}
.rs-form-group textarea.rs-input{
vertical-align:bottom;
}
.rs-form-stack-vertical .rs-form-group .rs-form-control-label{
display:block;
width:-moz-fit-content;
width:fit-content;
}
.rs-form-stack{
--rs-form-group-spacing:var(--rs-spacing);
--rs-form-group-direction:column;
}
.rs-form-stack-horizontal{
--rs-form-control-label-width:170px;
--rs-form-group-spacing:calc(var(--rs-spacing) * 3);
--rs-form-group-direction:row;
}
.rs-form-stack-horizontal .rs-form-group{
align-items:baseline;
}
.rs-form-stack-horizontal .rs-form-group .rs-form-control-label{
display:inline-block;
font-size:var(--rs-font-size-sm);
width:var(--rs-form-control-label-width);
text-align:end;
}
.rs-form-stack-horizontal .rs-form-group .rs-btn-toolbar{
padding-inline-start:calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
}
.rs-form-stack-inline{
--rs-form-group-direction:row;
--rs-form-group-spacing:calc(var(--rs-spacing) * 3);
}
.rs-form-stack-inline .rs-form-group{
align-items:center;
}
.rs-form-stack-fluid .rs-form-group{
width:100%;
}
.rs-form-help-text{
display:block;
color:var(--rs-text-secondary);
min-height:var(--rs-line-height-base);
line-height:var(--rs-line-height-sm);
font-size:var(--rs-font-size-xs);
}
.rs-form-help-text-tooltip{
display:inline-flex;
align-items:center;
font-size:var(--rs-font-size-md);
}
.rs-form-stack{
--rs-form-stack-dir:column;
--rs-form-stack-spacing:calc(var(--rs-spacing) * 4);
display:flex;
flex-direction:var(--rs-form-stack-dir);
gap:var(--rs-form-stack-spacing);
align-items:flex-start;
}
.rs-form-stack-inline{
--rs-form-stack-dir:row;
}
:root{
--rs-grid-gutter:calc(var(--rs-spacing) * 3);
--rs-row-gutter:calc(var(--rs-grid-gutter) / -2);
--rs-col-gutter:calc(var(--rs-grid-gutter) / 2);
}
.rs-row{
display:flex;
flex-flow:row wrap;
margin-inline:var(--rs-row-gutter);
row-gap:var(--rs-row-gap);
}
.rs-row-top{
align-items:flex-start;
}
.rs-row-middle{
align-items:center;
}
.rs-row-bottom{
align-items:flex-end;
}
.rs-row-start{
justify-content:flex-start;
}
.rs-row-end{
justify-content:flex-end;
}
.rs-row-center{
justify-content:center;
}
.rs-row-space-between{
justify-content:space-between;
}
.rs-row-space-around{
justify-content:space-around;
}
.rs-row-xs-top{
align-items:flex-start;
}
.rs-row-xs-middle{
align-items:center;
}
.rs-row-xs-bottom{
align-items:flex-end;
}
.rs-row-xs-start{
justify-content:flex-start;
}
.rs-row-xs-end{
justify-content:flex-end;
}
.rs-row-xs-center{
justify-content:center;
}
.rs-row-xs-space-between{
justify-content:space-between;
}
.rs-row-xs-space-around{
justify-content:space-around;
}
.rs-col{
position:relative;
display:block;
max-width:100%;
min-height:1px;
padding-inline:var(--rs-col-gutter);
}
.rs-col[class*=rs-col-auto-]{
flex-grow:var(--rs-col-auto-flex-grow);
flex-basis:var(--rs-col-auto-flex-basis);
max-width:var(--rs-col-auto-max-width);
}
.rs-col-auto-xs{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-grid-container{
--rs-grid-gutter-width:calc(var(--rs-spacing) * 3);
--rs-grid-container-sm:calc(540px + var(--rs-grid-gutter-width));
--rs-grid-container-md:calc(720px + var(--rs-grid-gutter-width));
--rs-grid-container-lg:calc(960px + var(--rs-grid-gutter-width));
--rs-grid-container-xl:calc(1140px + var(--rs-grid-gutter-width));
--rs-grid-container-xxl:calc(1320px + var(--rs-grid-gutter-width));
margin-inline-end:auto;
margin-inline-start:auto;
padding-inline-start:calc(var(--rs-grid-gutter) / 2);
padding-inline-end:calc(var(--rs-grid-gutter) / 2);
}
.rs-grid-container::before, .rs-grid-container::after{
content:" ";
display:table;
}
.rs-grid-container::after{
clear:both;
}
@media (min-width: 576px){
.rs-grid-container{
width:var(--rs-grid-container-sm);
}
}
@media (min-width: 768px){
.rs-grid-container{
width:var(--rs-grid-container-md);
}
}
@media (min-width: 992px){
.rs-grid-container{
width:var(--rs-grid-container-lg);
}
}
@media (min-width: 1200px){
.rs-grid-container{
width:var(--rs-grid-container-xl);
}
}
@media (min-width: 1400px){
.rs-grid-container{
width:var(--rs-grid-container-xxl);
}
}
.rs-grid-container-fluid{
margin-inline-end:auto;
margin-inline-start:auto;
padding-inline-start:calc(var(--rs-grid-gutter) / 2);
padding-inline-end:calc(var(--rs-grid-gutter) / 2);
}
.rs-grid-container-fluid::before, .rs-grid-container-fluid::after{
content:" ";
display:table;
}
.rs-grid-container-fluid::after{
clear:both;
}
.rs-col-xs-1{
width:4.1666666667%;
}
.rs-col-xs-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-xs-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-xs-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-xs-order-1{
order:1;
}
.rs-col-xs-2{
width:8.3333333333%;
}
.rs-col-xs-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-xs-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-xs-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-xs-order-2{
order:2;
}
.rs-col-xs-3{
width:12.5%;
}
.rs-col-xs-pull-3{
inset-inline-end:12.5%;
}
.rs-col-xs-push-3{
inset-inline-start:12.5%;
}
.rs-col-xs-offset-3{
margin-inline-start:12.5%;
}
.rs-col-xs-order-3{
order:3;
}
.rs-col-xs-4{
width:16.6666666667%;
}
.rs-col-xs-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-xs-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-xs-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-xs-order-4{
order:4;
}
.rs-col-xs-5{
width:20.8333333333%;
}
.rs-col-xs-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-xs-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-xs-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-xs-order-5{
order:5;
}
.rs-col-xs-6{
width:25%;
}
.rs-col-xs-pull-6{
inset-inline-end:25%;
}
.rs-col-xs-push-6{
inset-inline-start:25%;
}
.rs-col-xs-offset-6{
margin-inline-start:25%;
}
.rs-col-xs-order-6{
order:6;
}
.rs-col-xs-7{
width:29.1666666667%;
}
.rs-col-xs-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-xs-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-xs-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-xs-order-7{
order:7;
}
.rs-col-xs-8{
width:33.3333333333%;
}
.rs-col-xs-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-xs-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-xs-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-xs-order-8{
order:8;
}
.rs-col-xs-9{
width:37.5%;
}
.rs-col-xs-pull-9{
inset-inline-end:37.5%;
}
.rs-col-xs-push-9{
inset-inline-start:37.5%;
}
.rs-col-xs-offset-9{
margin-inline-start:37.5%;
}
.rs-col-xs-order-9{
order:9;
}
.rs-col-xs-10{
width:41.6666666667%;
}
.rs-col-xs-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-xs-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-xs-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-xs-order-10{
order:10;
}
.rs-col-xs-11{
width:45.8333333333%;
}
.rs-col-xs-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-xs-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-xs-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-xs-order-11{
order:11;
}
.rs-col-xs-12{
width:50%;
}
.rs-col-xs-pull-12{
inset-inline-end:50%;
}
.rs-col-xs-push-12{
inset-inline-start:50%;
}
.rs-col-xs-offset-12{
margin-inline-start:50%;
}
.rs-col-xs-order-12{
order:12;
}
.rs-col-xs-13{
width:54.1666666667%;
}
.rs-col-xs-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-xs-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-xs-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-xs-order-13{
order:13;
}
.rs-col-xs-14{
width:58.3333333333%;
}
.rs-col-xs-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-xs-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-xs-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-xs-order-14{
order:14;
}
.rs-col-xs-15{
width:62.5%;
}
.rs-col-xs-pull-15{
inset-inline-end:62.5%;
}
.rs-col-xs-push-15{
inset-inline-start:62.5%;
}
.rs-col-xs-offset-15{
margin-inline-start:62.5%;
}
.rs-col-xs-order-15{
order:15;
}
.rs-col-xs-16{
width:66.6666666667%;
}
.rs-col-xs-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-xs-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-xs-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-xs-order-16{
order:16;
}
.rs-col-xs-17{
width:70.8333333333%;
}
.rs-col-xs-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-xs-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-xs-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-xs-order-17{
order:17;
}
.rs-col-xs-18{
width:75%;
}
.rs-col-xs-pull-18{
inset-inline-end:75%;
}
.rs-col-xs-push-18{
inset-inline-start:75%;
}
.rs-col-xs-offset-18{
margin-inline-start:75%;
}
.rs-col-xs-order-18{
order:18;
}
.rs-col-xs-19{
width:79.1666666667%;
}
.rs-col-xs-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-xs-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-xs-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-xs-order-19{
order:19;
}
.rs-col-xs-20{
width:83.3333333333%;
}
.rs-col-xs-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-xs-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-xs-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-xs-order-20{
order:20;
}
.rs-col-xs-21{
width:87.5%;
}
.rs-col-xs-pull-21{
inset-inline-end:87.5%;
}
.rs-col-xs-push-21{
inset-inline-start:87.5%;
}
.rs-col-xs-offset-21{
margin-inline-start:87.5%;
}
.rs-col-xs-order-21{
order:21;
}
.rs-col-xs-22{
width:91.6666666667%;
}
.rs-col-xs-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-xs-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-xs-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-xs-order-22{
order:22;
}
.rs-col-xs-23{
width:95.8333333333%;
}
.rs-col-xs-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-xs-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-xs-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-xs-order-23{
order:23;
}
.rs-col-xs-24{
width:100%;
}
.rs-col-xs-pull-24{
inset-inline-end:100%;
}
.rs-col-xs-push-24{
inset-inline-start:100%;
}
.rs-col-xs-offset-24{
margin-inline-start:100%;
}
.rs-col-xs-order-24{
order:24;
}
.rs-col-xs-pull-0{
inset-inline-end:auto;
}
.rs-col-xs-push-0{
inset-inline-start:auto;
}
.rs-col-auto-xs{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-xs, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-xs, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-xs, var(--rs-grid-row-gutter));
}
.rs-row-xs-top{
align-items:flex-start;
}
.rs-row-xs-middle{
align-items:center;
}
.rs-row-xs-bottom{
align-items:flex-end;
}
.rs-row-xs-start{
justify-content:flex-start;
}
.rs-row-xs-end{
justify-content:flex-end;
}
.rs-row-xs-center{
justify-content:center;
}
.rs-row-xs-space-between{
justify-content:space-between;
}
.rs-row-xs-space-around{
justify-content:space-around;
}
@media (min-width: 576px){
.rs-col-sm-1{
width:4.1666666667%;
}
.rs-col-sm-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-sm-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-sm-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-sm-order-1{
order:1;
}
.rs-col-sm-2{
width:8.3333333333%;
}
.rs-col-sm-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-sm-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-sm-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-sm-order-2{
order:2;
}
.rs-col-sm-3{
width:12.5%;
}
.rs-col-sm-pull-3{
inset-inline-end:12.5%;
}
.rs-col-sm-push-3{
inset-inline-start:12.5%;
}
.rs-col-sm-offset-3{
margin-inline-start:12.5%;
}
.rs-col-sm-order-3{
order:3;
}
.rs-col-sm-4{
width:16.6666666667%;
}
.rs-col-sm-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-sm-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-sm-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-sm-order-4{
order:4;
}
.rs-col-sm-5{
width:20.8333333333%;
}
.rs-col-sm-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-sm-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-sm-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-sm-order-5{
order:5;
}
.rs-col-sm-6{
width:25%;
}
.rs-col-sm-pull-6{
inset-inline-end:25%;
}
.rs-col-sm-push-6{
inset-inline-start:25%;
}
.rs-col-sm-offset-6{
margin-inline-start:25%;
}
.rs-col-sm-order-6{
order:6;
}
.rs-col-sm-7{
width:29.1666666667%;
}
.rs-col-sm-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-sm-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-sm-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-sm-order-7{
order:7;
}
.rs-col-sm-8{
width:33.3333333333%;
}
.rs-col-sm-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-sm-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-sm-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-sm-order-8{
order:8;
}
.rs-col-sm-9{
width:37.5%;
}
.rs-col-sm-pull-9{
inset-inline-end:37.5%;
}
.rs-col-sm-push-9{
inset-inline-start:37.5%;
}
.rs-col-sm-offset-9{
margin-inline-start:37.5%;
}
.rs-col-sm-order-9{
order:9;
}
.rs-col-sm-10{
width:41.6666666667%;
}
.rs-col-sm-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-sm-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-sm-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-sm-order-10{
order:10;
}
.rs-col-sm-11{
width:45.8333333333%;
}
.rs-col-sm-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-sm-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-sm-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-sm-order-11{
order:11;
}
.rs-col-sm-12{
width:50%;
}
.rs-col-sm-pull-12{
inset-inline-end:50%;
}
.rs-col-sm-push-12{
inset-inline-start:50%;
}
.rs-col-sm-offset-12{
margin-inline-start:50%;
}
.rs-col-sm-order-12{
order:12;
}
.rs-col-sm-13{
width:54.1666666667%;
}
.rs-col-sm-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-sm-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-sm-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-sm-order-13{
order:13;
}
.rs-col-sm-14{
width:58.3333333333%;
}
.rs-col-sm-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-sm-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-sm-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-sm-order-14{
order:14;
}
.rs-col-sm-15{
width:62.5%;
}
.rs-col-sm-pull-15{
inset-inline-end:62.5%;
}
.rs-col-sm-push-15{
inset-inline-start:62.5%;
}
.rs-col-sm-offset-15{
margin-inline-start:62.5%;
}
.rs-col-sm-order-15{
order:15;
}
.rs-col-sm-16{
width:66.6666666667%;
}
.rs-col-sm-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-sm-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-sm-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-sm-order-16{
order:16;
}
.rs-col-sm-17{
width:70.8333333333%;
}
.rs-col-sm-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-sm-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-sm-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-sm-order-17{
order:17;
}
.rs-col-sm-18{
width:75%;
}
.rs-col-sm-pull-18{
inset-inline-end:75%;
}
.rs-col-sm-push-18{
inset-inline-start:75%;
}
.rs-col-sm-offset-18{
margin-inline-start:75%;
}
.rs-col-sm-order-18{
order:18;
}
.rs-col-sm-19{
width:79.1666666667%;
}
.rs-col-sm-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-sm-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-sm-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-sm-order-19{
order:19;
}
.rs-col-sm-20{
width:83.3333333333%;
}
.rs-col-sm-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-sm-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-sm-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-sm-order-20{
order:20;
}
.rs-col-sm-21{
width:87.5%;
}
.rs-col-sm-pull-21{
inset-inline-end:87.5%;
}
.rs-col-sm-push-21{
inset-inline-start:87.5%;
}
.rs-col-sm-offset-21{
margin-inline-start:87.5%;
}
.rs-col-sm-order-21{
order:21;
}
.rs-col-sm-22{
width:91.6666666667%;
}
.rs-col-sm-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-sm-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-sm-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-sm-order-22{
order:22;
}
.rs-col-sm-23{
width:95.8333333333%;
}
.rs-col-sm-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-sm-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-sm-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-sm-order-23{
order:23;
}
.rs-col-sm-24{
width:100%;
}
.rs-col-sm-pull-24{
inset-inline-end:100%;
}
.rs-col-sm-push-24{
inset-inline-start:100%;
}
.rs-col-sm-offset-24{
margin-inline-start:100%;
}
.rs-col-sm-order-24{
order:24;
}
.rs-col-sm-pull-0{
inset-inline-end:auto;
}
.rs-col-sm-push-0{
inset-inline-start:auto;
}
.rs-col-auto-sm{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-sm, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-sm, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-sm, var(--rs-grid-row-gutter));
}
.rs-row-sm-top{
align-items:flex-start;
}
.rs-row-sm-middle{
align-items:center;
}
.rs-row-sm-bottom{
align-items:flex-end;
}
.rs-row-sm-start{
justify-content:flex-start;
}
.rs-row-sm-end{
justify-content:flex-end;
}
.rs-row-sm-center{
justify-content:center;
}
.rs-row-sm-space-between{
justify-content:space-between;
}
.rs-row-sm-space-around{
justify-content:space-around;
}
}
@media (min-width: 768px){
.rs-col-md-1{
width:4.1666666667%;
}
.rs-col-md-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-md-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-md-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-md-order-1{
order:1;
}
.rs-col-md-2{
width:8.3333333333%;
}
.rs-col-md-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-md-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-md-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-md-order-2{
order:2;
}
.rs-col-md-3{
width:12.5%;
}
.rs-col-md-pull-3{
inset-inline-end:12.5%;
}
.rs-col-md-push-3{
inset-inline-start:12.5%;
}
.rs-col-md-offset-3{
margin-inline-start:12.5%;
}
.rs-col-md-order-3{
order:3;
}
.rs-col-md-4{
width:16.6666666667%;
}
.rs-col-md-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-md-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-md-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-md-order-4{
order:4;
}
.rs-col-md-5{
width:20.8333333333%;
}
.rs-col-md-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-md-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-md-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-md-order-5{
order:5;
}
.rs-col-md-6{
width:25%;
}
.rs-col-md-pull-6{
inset-inline-end:25%;
}
.rs-col-md-push-6{
inset-inline-start:25%;
}
.rs-col-md-offset-6{
margin-inline-start:25%;
}
.rs-col-md-order-6{
order:6;
}
.rs-col-md-7{
width:29.1666666667%;
}
.rs-col-md-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-md-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-md-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-md-order-7{
order:7;
}
.rs-col-md-8{
width:33.3333333333%;
}
.rs-col-md-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-md-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-md-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-md-order-8{
order:8;
}
.rs-col-md-9{
width:37.5%;
}
.rs-col-md-pull-9{
inset-inline-end:37.5%;
}
.rs-col-md-push-9{
inset-inline-start:37.5%;
}
.rs-col-md-offset-9{
margin-inline-start:37.5%;
}
.rs-col-md-order-9{
order:9;
}
.rs-col-md-10{
width:41.6666666667%;
}
.rs-col-md-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-md-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-md-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-md-order-10{
order:10;
}
.rs-col-md-11{
width:45.8333333333%;
}
.rs-col-md-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-md-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-md-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-md-order-11{
order:11;
}
.rs-col-md-12{
width:50%;
}
.rs-col-md-pull-12{
inset-inline-end:50%;
}
.rs-col-md-push-12{
inset-inline-start:50%;
}
.rs-col-md-offset-12{
margin-inline-start:50%;
}
.rs-col-md-order-12{
order:12;
}
.rs-col-md-13{
width:54.1666666667%;
}
.rs-col-md-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-md-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-md-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-md-order-13{
order:13;
}
.rs-col-md-14{
width:58.3333333333%;
}
.rs-col-md-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-md-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-md-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-md-order-14{
order:14;
}
.rs-col-md-15{
width:62.5%;
}
.rs-col-md-pull-15{
inset-inline-end:62.5%;
}
.rs-col-md-push-15{
inset-inline-start:62.5%;
}
.rs-col-md-offset-15{
margin-inline-start:62.5%;
}
.rs-col-md-order-15{
order:15;
}
.rs-col-md-16{
width:66.6666666667%;
}
.rs-col-md-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-md-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-md-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-md-order-16{
order:16;
}
.rs-col-md-17{
width:70.8333333333%;
}
.rs-col-md-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-md-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-md-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-md-order-17{
order:17;
}
.rs-col-md-18{
width:75%;
}
.rs-col-md-pull-18{
inset-inline-end:75%;
}
.rs-col-md-push-18{
inset-inline-start:75%;
}
.rs-col-md-offset-18{
margin-inline-start:75%;
}
.rs-col-md-order-18{
order:18;
}
.rs-col-md-19{
width:79.1666666667%;
}
.rs-col-md-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-md-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-md-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-md-order-19{
order:19;
}
.rs-col-md-20{
width:83.3333333333%;
}
.rs-col-md-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-md-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-md-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-md-order-20{
order:20;
}
.rs-col-md-21{
width:87.5%;
}
.rs-col-md-pull-21{
inset-inline-end:87.5%;
}
.rs-col-md-push-21{
inset-inline-start:87.5%;
}
.rs-col-md-offset-21{
margin-inline-start:87.5%;
}
.rs-col-md-order-21{
order:21;
}
.rs-col-md-22{
width:91.6666666667%;
}
.rs-col-md-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-md-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-md-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-md-order-22{
order:22;
}
.rs-col-md-23{
width:95.8333333333%;
}
.rs-col-md-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-md-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-md-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-md-order-23{
order:23;
}
.rs-col-md-24{
width:100%;
}
.rs-col-md-pull-24{
inset-inline-end:100%;
}
.rs-col-md-push-24{
inset-inline-start:100%;
}
.rs-col-md-offset-24{
margin-inline-start:100%;
}
.rs-col-md-order-24{
order:24;
}
.rs-col-md-pull-0{
inset-inline-end:auto;
}
.rs-col-md-push-0{
inset-inline-start:auto;
}
.rs-col-auto-md{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-md, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-md, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-md, var(--rs-grid-row-gutter));
}
.rs-row-md-top{
align-items:flex-start;
}
.rs-row-md-middle{
align-items:center;
}
.rs-row-md-bottom{
align-items:flex-end;
}
.rs-row-md-start{
justify-content:flex-start;
}
.rs-row-md-end{
justify-content:flex-end;
}
.rs-row-md-center{
justify-content:center;
}
.rs-row-md-space-between{
justify-content:space-between;
}
.rs-row-md-space-around{
justify-content:space-around;
}
}
@media (min-width: 992px){
.rs-col-lg-1{
width:4.1666666667%;
}
.rs-col-lg-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-lg-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-lg-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-lg-order-1{
order:1;
}
.rs-col-lg-2{
width:8.3333333333%;
}
.rs-col-lg-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-lg-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-lg-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-lg-order-2{
order:2;
}
.rs-col-lg-3{
width:12.5%;
}
.rs-col-lg-pull-3{
inset-inline-end:12.5%;
}
.rs-col-lg-push-3{
inset-inline-start:12.5%;
}
.rs-col-lg-offset-3{
margin-inline-start:12.5%;
}
.rs-col-lg-order-3{
order:3;
}
.rs-col-lg-4{
width:16.6666666667%;
}
.rs-col-lg-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-lg-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-lg-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-lg-order-4{
order:4;
}
.rs-col-lg-5{
width:20.8333333333%;
}
.rs-col-lg-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-lg-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-lg-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-lg-order-5{
order:5;
}
.rs-col-lg-6{
width:25%;
}
.rs-col-lg-pull-6{
inset-inline-end:25%;
}
.rs-col-lg-push-6{
inset-inline-start:25%;
}
.rs-col-lg-offset-6{
margin-inline-start:25%;
}
.rs-col-lg-order-6{
order:6;
}
.rs-col-lg-7{
width:29.1666666667%;
}
.rs-col-lg-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-lg-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-lg-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-lg-order-7{
order:7;
}
.rs-col-lg-8{
width:33.3333333333%;
}
.rs-col-lg-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-lg-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-lg-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-lg-order-8{
order:8;
}
.rs-col-lg-9{
width:37.5%;
}
.rs-col-lg-pull-9{
inset-inline-end:37.5%;
}
.rs-col-lg-push-9{
inset-inline-start:37.5%;
}
.rs-col-lg-offset-9{
margin-inline-start:37.5%;
}
.rs-col-lg-order-9{
order:9;
}
.rs-col-lg-10{
width:41.6666666667%;
}
.rs-col-lg-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-lg-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-lg-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-lg-order-10{
order:10;
}
.rs-col-lg-11{
width:45.8333333333%;
}
.rs-col-lg-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-lg-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-lg-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-lg-order-11{
order:11;
}
.rs-col-lg-12{
width:50%;
}
.rs-col-lg-pull-12{
inset-inline-end:50%;
}
.rs-col-lg-push-12{
inset-inline-start:50%;
}
.rs-col-lg-offset-12{
margin-inline-start:50%;
}
.rs-col-lg-order-12{
order:12;
}
.rs-col-lg-13{
width:54.1666666667%;
}
.rs-col-lg-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-lg-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-lg-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-lg-order-13{
order:13;
}
.rs-col-lg-14{
width:58.3333333333%;
}
.rs-col-lg-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-lg-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-lg-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-lg-order-14{
order:14;
}
.rs-col-lg-15{
width:62.5%;
}
.rs-col-lg-pull-15{
inset-inline-end:62.5%;
}
.rs-col-lg-push-15{
inset-inline-start:62.5%;
}
.rs-col-lg-offset-15{
margin-inline-start:62.5%;
}
.rs-col-lg-order-15{
order:15;
}
.rs-col-lg-16{
width:66.6666666667%;
}
.rs-col-lg-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-lg-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-lg-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-lg-order-16{
order:16;
}
.rs-col-lg-17{
width:70.8333333333%;
}
.rs-col-lg-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-lg-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-lg-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-lg-order-17{
order:17;
}
.rs-col-lg-18{
width:75%;
}
.rs-col-lg-pull-18{
inset-inline-end:75%;
}
.rs-col-lg-push-18{
inset-inline-start:75%;
}
.rs-col-lg-offset-18{
margin-inline-start:75%;
}
.rs-col-lg-order-18{
order:18;
}
.rs-col-lg-19{
width:79.1666666667%;
}
.rs-col-lg-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-lg-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-lg-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-lg-order-19{
order:19;
}
.rs-col-lg-20{
width:83.3333333333%;
}
.rs-col-lg-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-lg-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-lg-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-lg-order-20{
order:20;
}
.rs-col-lg-21{
width:87.5%;
}
.rs-col-lg-pull-21{
inset-inline-end:87.5%;
}
.rs-col-lg-push-21{
inset-inline-start:87.5%;
}
.rs-col-lg-offset-21{
margin-inline-start:87.5%;
}
.rs-col-lg-order-21{
order:21;
}
.rs-col-lg-22{
width:91.6666666667%;
}
.rs-col-lg-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-lg-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-lg-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-lg-order-22{
order:22;
}
.rs-col-lg-23{
width:95.8333333333%;
}
.rs-col-lg-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-lg-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-lg-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-lg-order-23{
order:23;
}
.rs-col-lg-24{
width:100%;
}
.rs-col-lg-pull-24{
inset-inline-end:100%;
}
.rs-col-lg-push-24{
inset-inline-start:100%;
}
.rs-col-lg-offset-24{
margin-inline-start:100%;
}
.rs-col-lg-order-24{
order:24;
}
.rs-col-lg-pull-0{
inset-inline-end:auto;
}
.rs-col-lg-push-0{
inset-inline-start:auto;
}
.rs-col-auto-lg{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-lg, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-lg, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-lg, var(--rs-grid-row-gutter));
}
.rs-row-lg-top{
align-items:flex-start;
}
.rs-row-lg-middle{
align-items:center;
}
.rs-row-lg-bottom{
align-items:flex-end;
}
.rs-row-lg-start{
justify-content:flex-start;
}
.rs-row-lg-end{
justify-content:flex-end;
}
.rs-row-lg-center{
justify-content:center;
}
.rs-row-lg-space-between{
justify-content:space-between;
}
.rs-row-lg-space-around{
justify-content:space-around;
}
}
@media (min-width: 1200px){
.rs-col-xl-1{
width:4.1666666667%;
}
.rs-col-xl-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-xl-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-xl-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-xl-order-1{
order:1;
}
.rs-col-xl-2{
width:8.3333333333%;
}
.rs-col-xl-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-xl-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-xl-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-xl-order-2{
order:2;
}
.rs-col-xl-3{
width:12.5%;
}
.rs-col-xl-pull-3{
inset-inline-end:12.5%;
}
.rs-col-xl-push-3{
inset-inline-start:12.5%;
}
.rs-col-xl-offset-3{
margin-inline-start:12.5%;
}
.rs-col-xl-order-3{
order:3;
}
.rs-col-xl-4{
width:16.6666666667%;
}
.rs-col-xl-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-xl-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-xl-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-xl-order-4{
order:4;
}
.rs-col-xl-5{
width:20.8333333333%;
}
.rs-col-xl-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-xl-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-xl-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-xl-order-5{
order:5;
}
.rs-col-xl-6{
width:25%;
}
.rs-col-xl-pull-6{
inset-inline-end:25%;
}
.rs-col-xl-push-6{
inset-inline-start:25%;
}
.rs-col-xl-offset-6{
margin-inline-start:25%;
}
.rs-col-xl-order-6{
order:6;
}
.rs-col-xl-7{
width:29.1666666667%;
}
.rs-col-xl-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-xl-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-xl-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-xl-order-7{
order:7;
}
.rs-col-xl-8{
width:33.3333333333%;
}
.rs-col-xl-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-xl-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-xl-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-xl-order-8{
order:8;
}
.rs-col-xl-9{
width:37.5%;
}
.rs-col-xl-pull-9{
inset-inline-end:37.5%;
}
.rs-col-xl-push-9{
inset-inline-start:37.5%;
}
.rs-col-xl-offset-9{
margin-inline-start:37.5%;
}
.rs-col-xl-order-9{
order:9;
}
.rs-col-xl-10{
width:41.6666666667%;
}
.rs-col-xl-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-xl-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-xl-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-xl-order-10{
order:10;
}
.rs-col-xl-11{
width:45.8333333333%;
}
.rs-col-xl-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-xl-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-xl-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-xl-order-11{
order:11;
}
.rs-col-xl-12{
width:50%;
}
.rs-col-xl-pull-12{
inset-inline-end:50%;
}
.rs-col-xl-push-12{
inset-inline-start:50%;
}
.rs-col-xl-offset-12{
margin-inline-start:50%;
}
.rs-col-xl-order-12{
order:12;
}
.rs-col-xl-13{
width:54.1666666667%;
}
.rs-col-xl-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-xl-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-xl-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-xl-order-13{
order:13;
}
.rs-col-xl-14{
width:58.3333333333%;
}
.rs-col-xl-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-xl-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-xl-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-xl-order-14{
order:14;
}
.rs-col-xl-15{
width:62.5%;
}
.rs-col-xl-pull-15{
inset-inline-end:62.5%;
}
.rs-col-xl-push-15{
inset-inline-start:62.5%;
}
.rs-col-xl-offset-15{
margin-inline-start:62.5%;
}
.rs-col-xl-order-15{
order:15;
}
.rs-col-xl-16{
width:66.6666666667%;
}
.rs-col-xl-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-xl-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-xl-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-xl-order-16{
order:16;
}
.rs-col-xl-17{
width:70.8333333333%;
}
.rs-col-xl-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-xl-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-xl-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-xl-order-17{
order:17;
}
.rs-col-xl-18{
width:75%;
}
.rs-col-xl-pull-18{
inset-inline-end:75%;
}
.rs-col-xl-push-18{
inset-inline-start:75%;
}
.rs-col-xl-offset-18{
margin-inline-start:75%;
}
.rs-col-xl-order-18{
order:18;
}
.rs-col-xl-19{
width:79.1666666667%;
}
.rs-col-xl-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-xl-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-xl-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-xl-order-19{
order:19;
}
.rs-col-xl-20{
width:83.3333333333%;
}
.rs-col-xl-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-xl-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-xl-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-xl-order-20{
order:20;
}
.rs-col-xl-21{
width:87.5%;
}
.rs-col-xl-pull-21{
inset-inline-end:87.5%;
}
.rs-col-xl-push-21{
inset-inline-start:87.5%;
}
.rs-col-xl-offset-21{
margin-inline-start:87.5%;
}
.rs-col-xl-order-21{
order:21;
}
.rs-col-xl-22{
width:91.6666666667%;
}
.rs-col-xl-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-xl-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-xl-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-xl-order-22{
order:22;
}
.rs-col-xl-23{
width:95.8333333333%;
}
.rs-col-xl-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-xl-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-xl-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-xl-order-23{
order:23;
}
.rs-col-xl-24{
width:100%;
}
.rs-col-xl-pull-24{
inset-inline-end:100%;
}
.rs-col-xl-push-24{
inset-inline-start:100%;
}
.rs-col-xl-offset-24{
margin-inline-start:100%;
}
.rs-col-xl-order-24{
order:24;
}
.rs-col-xl-pull-0{
inset-inline-end:auto;
}
.rs-col-xl-push-0{
inset-inline-start:auto;
}
.rs-col-auto-xl{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-xl, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-xl, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-xl, var(--rs-grid-row-gutter));
}
.rs-row-xl-top{
align-items:flex-start;
}
.rs-row-xl-middle{
align-items:center;
}
.rs-row-xl-bottom{
align-items:flex-end;
}
.rs-row-xl-start{
justify-content:flex-start;
}
.rs-row-xl-end{
justify-content:flex-end;
}
.rs-row-xl-center{
justify-content:center;
}
.rs-row-xl-space-between{
justify-content:space-between;
}
.rs-row-xl-space-around{
justify-content:space-around;
}
}
@media (min-width: 1400px){
.rs-col-xxl-1{
width:4.1666666667%;
}
.rs-col-xxl-pull-1{
inset-inline-end:4.1666666667%;
}
.rs-col-xxl-push-1{
inset-inline-start:4.1666666667%;
}
.rs-col-xxl-offset-1{
margin-inline-start:4.1666666667%;
}
.rs-col-xxl-order-1{
order:1;
}
.rs-col-xxl-2{
width:8.3333333333%;
}
.rs-col-xxl-pull-2{
inset-inline-end:8.3333333333%;
}
.rs-col-xxl-push-2{
inset-inline-start:8.3333333333%;
}
.rs-col-xxl-offset-2{
margin-inline-start:8.3333333333%;
}
.rs-col-xxl-order-2{
order:2;
}
.rs-col-xxl-3{
width:12.5%;
}
.rs-col-xxl-pull-3{
inset-inline-end:12.5%;
}
.rs-col-xxl-push-3{
inset-inline-start:12.5%;
}
.rs-col-xxl-offset-3{
margin-inline-start:12.5%;
}
.rs-col-xxl-order-3{
order:3;
}
.rs-col-xxl-4{
width:16.6666666667%;
}
.rs-col-xxl-pull-4{
inset-inline-end:16.6666666667%;
}
.rs-col-xxl-push-4{
inset-inline-start:16.6666666667%;
}
.rs-col-xxl-offset-4{
margin-inline-start:16.6666666667%;
}
.rs-col-xxl-order-4{
order:4;
}
.rs-col-xxl-5{
width:20.8333333333%;
}
.rs-col-xxl-pull-5{
inset-inline-end:20.8333333333%;
}
.rs-col-xxl-push-5{
inset-inline-start:20.8333333333%;
}
.rs-col-xxl-offset-5{
margin-inline-start:20.8333333333%;
}
.rs-col-xxl-order-5{
order:5;
}
.rs-col-xxl-6{
width:25%;
}
.rs-col-xxl-pull-6{
inset-inline-end:25%;
}
.rs-col-xxl-push-6{
inset-inline-start:25%;
}
.rs-col-xxl-offset-6{
margin-inline-start:25%;
}
.rs-col-xxl-order-6{
order:6;
}
.rs-col-xxl-7{
width:29.1666666667%;
}
.rs-col-xxl-pull-7{
inset-inline-end:29.1666666667%;
}
.rs-col-xxl-push-7{
inset-inline-start:29.1666666667%;
}
.rs-col-xxl-offset-7{
margin-inline-start:29.1666666667%;
}
.rs-col-xxl-order-7{
order:7;
}
.rs-col-xxl-8{
width:33.3333333333%;
}
.rs-col-xxl-pull-8{
inset-inline-end:33.3333333333%;
}
.rs-col-xxl-push-8{
inset-inline-start:33.3333333333%;
}
.rs-col-xxl-offset-8{
margin-inline-start:33.3333333333%;
}
.rs-col-xxl-order-8{
order:8;
}
.rs-col-xxl-9{
width:37.5%;
}
.rs-col-xxl-pull-9{
inset-inline-end:37.5%;
}
.rs-col-xxl-push-9{
inset-inline-start:37.5%;
}
.rs-col-xxl-offset-9{
margin-inline-start:37.5%;
}
.rs-col-xxl-order-9{
order:9;
}
.rs-col-xxl-10{
width:41.6666666667%;
}
.rs-col-xxl-pull-10{
inset-inline-end:41.6666666667%;
}
.rs-col-xxl-push-10{
inset-inline-start:41.6666666667%;
}
.rs-col-xxl-offset-10{
margin-inline-start:41.6666666667%;
}
.rs-col-xxl-order-10{
order:10;
}
.rs-col-xxl-11{
width:45.8333333333%;
}
.rs-col-xxl-pull-11{
inset-inline-end:45.8333333333%;
}
.rs-col-xxl-push-11{
inset-inline-start:45.8333333333%;
}
.rs-col-xxl-offset-11{
margin-inline-start:45.8333333333%;
}
.rs-col-xxl-order-11{
order:11;
}
.rs-col-xxl-12{
width:50%;
}
.rs-col-xxl-pull-12{
inset-inline-end:50%;
}
.rs-col-xxl-push-12{
inset-inline-start:50%;
}
.rs-col-xxl-offset-12{
margin-inline-start:50%;
}
.rs-col-xxl-order-12{
order:12;
}
.rs-col-xxl-13{
width:54.1666666667%;
}
.rs-col-xxl-pull-13{
inset-inline-end:54.1666666667%;
}
.rs-col-xxl-push-13{
inset-inline-start:54.1666666667%;
}
.rs-col-xxl-offset-13{
margin-inline-start:54.1666666667%;
}
.rs-col-xxl-order-13{
order:13;
}
.rs-col-xxl-14{
width:58.3333333333%;
}
.rs-col-xxl-pull-14{
inset-inline-end:58.3333333333%;
}
.rs-col-xxl-push-14{
inset-inline-start:58.3333333333%;
}
.rs-col-xxl-offset-14{
margin-inline-start:58.3333333333%;
}
.rs-col-xxl-order-14{
order:14;
}
.rs-col-xxl-15{
width:62.5%;
}
.rs-col-xxl-pull-15{
inset-inline-end:62.5%;
}
.rs-col-xxl-push-15{
inset-inline-start:62.5%;
}
.rs-col-xxl-offset-15{
margin-inline-start:62.5%;
}
.rs-col-xxl-order-15{
order:15;
}
.rs-col-xxl-16{
width:66.6666666667%;
}
.rs-col-xxl-pull-16{
inset-inline-end:66.6666666667%;
}
.rs-col-xxl-push-16{
inset-inline-start:66.6666666667%;
}
.rs-col-xxl-offset-16{
margin-inline-start:66.6666666667%;
}
.rs-col-xxl-order-16{
order:16;
}
.rs-col-xxl-17{
width:70.8333333333%;
}
.rs-col-xxl-pull-17{
inset-inline-end:70.8333333333%;
}
.rs-col-xxl-push-17{
inset-inline-start:70.8333333333%;
}
.rs-col-xxl-offset-17{
margin-inline-start:70.8333333333%;
}
.rs-col-xxl-order-17{
order:17;
}
.rs-col-xxl-18{
width:75%;
}
.rs-col-xxl-pull-18{
inset-inline-end:75%;
}
.rs-col-xxl-push-18{
inset-inline-start:75%;
}
.rs-col-xxl-offset-18{
margin-inline-start:75%;
}
.rs-col-xxl-order-18{
order:18;
}
.rs-col-xxl-19{
width:79.1666666667%;
}
.rs-col-xxl-pull-19{
inset-inline-end:79.1666666667%;
}
.rs-col-xxl-push-19{
inset-inline-start:79.1666666667%;
}
.rs-col-xxl-offset-19{
margin-inline-start:79.1666666667%;
}
.rs-col-xxl-order-19{
order:19;
}
.rs-col-xxl-20{
width:83.3333333333%;
}
.rs-col-xxl-pull-20{
inset-inline-end:83.3333333333%;
}
.rs-col-xxl-push-20{
inset-inline-start:83.3333333333%;
}
.rs-col-xxl-offset-20{
margin-inline-start:83.3333333333%;
}
.rs-col-xxl-order-20{
order:20;
}
.rs-col-xxl-21{
width:87.5%;
}
.rs-col-xxl-pull-21{
inset-inline-end:87.5%;
}
.rs-col-xxl-push-21{
inset-inline-start:87.5%;
}
.rs-col-xxl-offset-21{
margin-inline-start:87.5%;
}
.rs-col-xxl-order-21{
order:21;
}
.rs-col-xxl-22{
width:91.6666666667%;
}
.rs-col-xxl-pull-22{
inset-inline-end:91.6666666667%;
}
.rs-col-xxl-push-22{
inset-inline-start:91.6666666667%;
}
.rs-col-xxl-offset-22{
margin-inline-start:91.6666666667%;
}
.rs-col-xxl-order-22{
order:22;
}
.rs-col-xxl-23{
width:95.8333333333%;
}
.rs-col-xxl-pull-23{
inset-inline-end:95.8333333333%;
}
.rs-col-xxl-push-23{
inset-inline-start:95.8333333333%;
}
.rs-col-xxl-offset-23{
margin-inline-start:95.8333333333%;
}
.rs-col-xxl-order-23{
order:23;
}
.rs-col-xxl-24{
width:100%;
}
.rs-col-xxl-pull-24{
inset-inline-end:100%;
}
.rs-col-xxl-push-24{
inset-inline-start:100%;
}
.rs-col-xxl-offset-24{
margin-inline-start:100%;
}
.rs-col-xxl-order-24{
order:24;
}
.rs-col-xxl-pull-0{
inset-inline-end:auto;
}
.rs-col-xxl-push-0{
inset-inline-start:auto;
}
.rs-col-auto-xxl{
--rs-col-auto-flex-grow:1;
--rs-col-auto-flex-basis:0;
--rs-col-auto-max-width:100%;
}
.rs-col{
--rs-col-gutter:calc(var(--rs-grid-gutter-xxl, var(--rs-grid-gutter)) / 2);
}
.rs-row{
--rs-row-gutter:calc(var(--rs-grid-gutter-xxl, var(--rs-grid-gutter)) / -2);
--rs-row-gap:var(--rs-grid-row-gutter-xxl, var(--rs-grid-row-gutter));
}
.rs-row-xxl-top{
align-items:flex-start;
}
.rs-row-xxl-middle{
align-items:center;
}
.rs-row-xxl-bottom{
align-items:flex-end;
}
.rs-row-xxl-start{
justify-content:flex-start;
}
.rs-row-xxl-end{
justify-content:flex-end;
}
.rs-row-xxl-center{
justify-content:center;
}
.rs-row-xxl-space-between{
justify-content:space-between;
}
.rs-row-xxl-space-around{
justify-content:space-around;
}
}
@media (max-width: 575px){
.rs-hidden-xs{
display:none;
}
}
@media (min-width: 576px) and (max-width: 767px){
.rs-hidden-sm{
display:none;
}
}
@media (min-width: 768px) and (max-width: 991px){
.rs-hidden-md{
display:none;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.rs-hidden-lg{
display:none;
}
}
@media (min-width: 1200px) and (max-width: 1399px){
.rs-hidden-xl{
display:none;
}
}
@media (min-width: 1400px){
.rs-hidden-xxl{
display:none;
}
}
.rs-header{
flex:0 0 auto;
}
.rs-heading-group{
margin-bottom:1rem;
}
.rs-image{
--rs-object-fit:cover;
--rs-object-position:initial;
-o-object-fit:var(--rs-object-fit);
object-fit:var(--rs-object-fit);
-o-object-position:var(--rs-object-position);
object-position:var(--rs-object-position);
max-width:100%;
}
.rs-image-rounded{
border-radius:var(--rs-radius-md);
}
.rs-image-circle{
border-radius:var(--rs-radius-full);
}
.rs-image-bordered{
border:1px solid var(--rs-border-primary);
}
.rs-image-zoomed{
transition:transform 0.3s ease-in-out;
cursor:pointer;
}
.rs-image-zoomed:hover{
transform:matrix(1.25, 0, 0, 1.25, 0, 0);
}
.rs-image-wrapper{
position:relative;
overflow:hidden;
}
.rs-inline-edit{
position:relative;
display:inline-block;
}
.rs-inline-edit[data-size=xs]{
--rs-inline-edit-font-size:var(--rs-input-font-size-xs);
--rs-inline-edit-line-height:var(--rs-input-line-height-xs);
--rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-xs) + var(--rs-input-border-width));
--rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-xs) + var(--rs-input-border-width));
}
.rs-inline-edit[data-size=sm]{
--rs-inline-edit-font-size:var(--rs-input-font-size-sm);
--rs-inline-edit-line-height:var(--rs-input-line-height-sm);
--rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-sm) + var(--rs-input-border-width));
--rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-sm) + var(--rs-input-border-width));
}
.rs-inline-edit[data-size=md]{
--rs-inline-edit-font-size:var(--rs-input-font-size-md);
--rs-inline-edit-line-height:var(--rs-input-line-height-md);
--rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-md) + var(--rs-input-border-width));
--rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-md) + var(--rs-input-border-width));
}
.rs-inline-edit[data-size=lg]{
--rs-inline-edit-font-size:var(--rs-input-font-size-lg);
--rs-inline-edit-line-height:var(--rs-input-line-height-lg);
--rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-lg) + var(--rs-input-border-width));
--rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-lg) + var(--rs-input-border-width));
}
.rs-inline-edit .rs-plaintext{
font-size:var(--rs-inline-edit-font-size);
line-height:var(--rs-inline-edit-line-height);
padding-block:var(--rs-inline-edit-padding-block);
padding-inline:var(--rs-inline-edit-padding-inline);
border-radius:var(--rs-radius-md);
}
.rs-inline-edit .rs-plaintext:hover{
background-color:var(--rs-inline-edit-hover-bg);
}
.rs-inline-edit[data-disabled=true] .rs-plaintext:hover{
background-color:transparent;
}
.rs-inline-edit-controls{
position:absolute;
inset-block-start:100%;
inset-inline-end:0px;
margin-block-start:6px;
z-index:7;
}
.rs-inline-edit-controls .rs-btn{
box-shadow:var(--rs-shadow-sm);
}
:root{
--rs-kbd-font-size-xs:var(--rs-font-size-2xs);
--rs-kbd-font-size-sm:var(--rs-font-size-xs);
--rs-kbd-font-size-md:var(--rs-font-size-sm);
--rs-kbd-font-size-lg:var(--rs-font-size-md);
--rs-kbd-letter-spacing-xs:0.0025em;
--rs-kbd-letter-spacing-sm:0em;
--rs-kbd-letter-spacing-md:0em;
--rs-kbd-letter-spacing-lg:-0.0025em;
--rs-kbd-font-family:var(--rs-font-family-monospace);
--rs-kbd-font-size:var(--rs-kbd-font-size-md);
--rs-kbd-letter-spacing:var(--rs-kbd-letter-spacing-md);
}
.rs-kbd{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
flex-shrink:0;
white-space:nowrap;
word-spacing:-0.4em;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
border-radius:var(--rs-radius-sm);
line-height:1.7em;
padding-inline-start:0.5em;
padding-inline-end:0.5em;
padding-bottom:0.05em;
height:-moz-fit-content;
height:fit-content;
box-sizing:border-box;
background-color:var(--rs-kbd-bg);
border:solid 1px var(--rs-kbd-border);
box-shadow:inset 0 -1px 0 var(--rs-kbd-border);
color:var(--rs-kbd-text);
font-family:var(--rs-kbd-font-family);
font-size:var(--rs-kbd-font-size);
letter-spacing:var(--rs-kbd-letter-spacing);
}
.rs-kbd-lg{
--rs-kbd-font-size:var(--rs-kbd-font-size-lg);
--rs-kbd-letter-spacing:var(--rs-kbd-letter-spacing-lg);
}
.rs-kbd-md{
--rs-kbd-font-size:var(--rs-kbd-font-size-md);
--rs-kbd-letter-spacing:var(--rs-kbd-letter-spacing-md);
}
.rs-kbd-sm{
--rs-kbd-font-size:var(--rs-kbd-font-size-sm);
--rs-kbd-letter-spacing:var(--rs-kbd-letter-spacing-sm);
}
.rs-kbd-xs{
--rs-kbd-font-size:var(--rs-kbd-font-size-xs);
--rs-kbd-letter-spacing:var(--rs-kbd-letter-spacing-xs);
}
.rs-list{
--rs-list-border-width:1px;
position:relative;
overflow-x:hidden;
overflow-y:auto;
}
.rs-list[data-bordered=true]{
border-radius:var(--rs-radius-md);
border:var(--rs-list-border-width) solid var(--rs-list-border);
}
.rs-list[data-hover=true] .rs-list-item:hover{
background-color:var(--rs-list-hover-bg);
}
.rs-list[data-sortable=true] .rs-list-item{
cursor:move;
cursor:grab;
}
.rs-list[data-sortable=true] .rs-list-item-disabled, .rs-list[data-sortable=true] .rs-list-item-disabled:active{
cursor:not-allowed;
}
.rs-list-item{
position:relative;
}
.rs-list-item[data-bordered=true]{
padding-inline-start:20px;
padding-inline-end:20px;
}
.rs-list-item[data-size=lg]{
padding-top:20px;
padding-bottom:20px;
}
.rs-list-item[data-size=md]{
padding-top:13px;
padding-bottom:13px;
}
.rs-list-item[data-size=sm]{
padding-top:8px;
padding-bottom:8px;
}
.rs-list-item[data-size=xs]{
padding-top:2px;
padding-bottom:2px;
}
.rs-list-item,.rs-list-item-helper{
background-color:var(--rs-list-bg);
}
.rs-list-item-helper{
position:absolute;
box-shadow:var(--rs-shadow-sm);
width:calc(100% - 2px);
border-radius:var(--rs-radius-md);
top:0;
inset-inline-start:0;
z-index:var(--rs-zindex-list-helper);
border:none;
cursor:move;
}
.rs-modal-open .rs-list-item-helper{
z-index:calc(var(--rs-zindex-modal) + var(--rs-zindex-list-helper));
}
.rs-drawer-open .rs-list-item-helper{
z-index:calc(var(--rs-zindex-drawer) + var(--rs-zindex-list-helper));
}
.rs-list-item-holder{
background-color:var(--rs-list-placeholder-bg);
visibility:hidden;
}
.rs-list-item-holder::after{
content:"";
position:absolute;
visibility:visible;
top:var(--rs-list-border-width);
inset-inline-start:var(--rs-list-border-width);
width:calc(100% - 2 * var(--rs-list-border-width));
height:calc(100% - 2 * var(--rs-list-border-width));
border:var(--rs-list-border-width) var(--rs-list-placeholder-border) dashed;
}
.rs-list[data-divider=true] .rs-list-item + .rs-list-item{
border-top:var(--rs-list-border-width) solid var(--rs-list-border);
}
.rs-menu{
--rs-menu-divider-color:var(--rs-divider-border);
--rs-menu-shadow:var(--rs-shadow-md);
--rs-menu-padding:calc(var(--rs-spacing) * 1.5);
--rs-menu-font-size:var(--rs-font-size-sm);
--rs-menuitem-padding-inline:calc(var(--rs-spacing) * 3);
--rs-menuitem-padding-block:calc(var(--rs-spacing) * 2);
--rs-menuitem-divider-margin-block:calc(var(--rs-spacing) * 1.5);
--rs-menuitem-spacing:calc(var(--rs-spacing) * 2);
margin:0;
list-style:none;
font-size:var(--rs-menu-font-size);
text-align:start;
background-color:var(--rs-bg-overlay);
border-radius:var(--rs-radius-md);
padding:var(--rs-menu-padding);
outline:0;
}
.rs-menu-item{
display:flex;
align-items:center;
width:100%;
gap:var(--rs-menuitem-spacing);
padding-inline:var(--rs-menuitem-padding-inline);
padding-block:var(--rs-menuitem-padding-block);
color:var(--rs-text-primary);
border-radius:var(--rs-radius-sm);
cursor:pointer;
}
.rs-menu-item,.rs-menu-item:hover, .rs-menu-item:focus, .rs-menu-item:active{
text-decoration:none;
}
.rs-menu-item-content{
flex:1;
display:flex;
flex-direction:column;
}
.rs-menu-item .rs-menu-item-shortcut{
border:none;
line-height:var(--rs-text-line-height-xs);
}
.rs-menu-item > .rs-icon{
width:var(--rs-font-size-base);
text-align:center;
}
.rs-menu-item[data-active=true]{
outline:0;
font-weight:bold;
}
.rs-menu-item[data-active=true], .rs-menu-item[data-active=true]:hover, .rs-menu-item[data-active=true]:focus{
color:var(--rs-menuitem-text-active);
background-color:var(--rs-menuitem-bg-active);
}
.rs-menu-item[data-active=true] .rs-text, .rs-menu-item[data-active=true]:hover .rs-text, .rs-menu-item[data-active=true]:focus .rs-text{
color:var(--rs-menuitem-text-active);
}
.rs-menu-item:focus-visible, .rs-menu-item[data-focus=true]{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-menu-item:focus-visible, .rs-theme-high-contrast .rs-menu-item:focus-visible, [data-theme=high-contrast] .rs-menu-item[data-focus=true], .rs-theme-high-contrast .rs-menu-item[data-focus=true]{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-menu-item:focus{
outline:0;
}
.rs-menu-item[data-disabled=true]{
color:var(--rs-text-disabled);
cursor:var(--rs-cursor-disabled);
}
.rs-menu-item[data-disabled=true] .rs-text{
color:var(--rs-text-disabled);
}
.rs-menu-item[data-disabled=true]:hover, .rs-menu-item[data-disabled=true]:focus{
text-decoration:none;
background-color:transparent;
background-image:none;
}
.rs-menu-item-divider{
height:1px;
margin-block:var(--rs-menuitem-divider-margin-block);
overflow:hidden;
background-color:var(--rs-menu-divider-color);
}
.rs-message{
--rs-message-font-size:var(--rs-font-size-sm);
--rs-message-line-height:var(--rs-text-line-height-sm);
--rs-message-border-radius:var(--rs-radius-md);
--rs-message-icon-size:var(--rs-font-size-md);
--rs-message-padding:calc(var(--rs-spacing) * 4);
--rs-message-header-color:var(--rs-text-heading);
--rs-message-body-color:var(--rs-text-primary);
--rs-message-icon-color:var(--rs-text-secondary);
--rs-message-spacing:calc(var(--rs-spacing) * 2);
border-radius:var(--rs-message-border-radius);
font-size:var(--rs-message-font-size);
line-height:var(--rs-message-line-height);
position:relative;
animation-fill-mode:forwards;
overflow:hidden;
background:#fff;
}
.rs-message.rs-message-success{
--rs-message-bg-color:var(--rs-message-success-bg);
--rs-message-header-color:var(--rs-message-success-header);
--rs-message-body-color:var(--rs-message-success-text);
--rs-message-icon-color:var(--rs-message-success-icon);
--rs-message-border-color:var(--rs-message-success-border);
--rs-message-icon-border-color:var(--rs-message-success-icon-border);
}
.rs-message.rs-message-info{
--rs-message-bg-color:var(--rs-message-info-bg);
--rs-message-header-color:var(--rs-message-info-header);
--rs-message-body-color:var(--rs-message-info-text);
--rs-message-icon-color:var(--rs-message-info-icon);
--rs-message-border-color:var(--rs-message-info-border);
--rs-message-icon-border-color:var(--rs-message-info-icon-border);
}
.rs-message.rs-message-warning{
--rs-message-bg-color:var(--rs-message-warning-bg);
--rs-message-header-color:var(--rs-message-warning-header);
--rs-message-body-color:var(--rs-message-warning-text);
--rs-message-icon-color:var(--rs-message-warning-icon);
--rs-message-border-color:var(--rs-message-warning-border);
--rs-message-icon-border-color:var(--rs-message-warning-icon-border);
}
.rs-message.rs-message-error{
--rs-message-bg-color:var(--rs-message-error-bg);
--rs-message-header-color:var(--rs-message-error-header);
--rs-message-body-color:var(--rs-message-error-text);
--rs-message-icon-color:var(--rs-message-error-icon);
--rs-message-border-color:var(--rs-message-error-border);
--rs-message-icon-border-color:var(--rs-message-error-icon-border);
}
[data-theme=high-contrast] .rs-message, .rs-theme-high-contrast .rs-message{
border:1px solid var(--rs-message-border-color);
}
.rs-message-container{
background-color:var(--rs-message-bg-color);
padding:var(--rs-message-padding);
display:flex;
align-items:baseline;
gap:var(--rs-message-spacing);
}
.rs-message.rs-message-has-title{
--rs-message-icon-size:var(--rs-font-size-2xl);
}
.rs-message.rs-message-has-title .rs-message-icon{
align-self:flex-start;
}
.rs-message.rs-message-has-title .rs-message-icon .rs-icon{
line-height:1;
}
.rs-message-bordered{
border:1px solid var(--rs-message-border-color);
border-left-width:4px;
}
.rs-message-bordered .rs-message-icon{
box-sizing:content-box;
border:4px solid var(--rs-message-icon-border-color);
border-radius:50%;
}
.rs-message.rs-message-centered{
--rs-message-icon-size:var(--rs-font-size-5xl);
}
.rs-message.rs-message-centered .rs-message-container{
flex-direction:column;
align-items:center;
text-align:center;
gap:calc(var(--rs-spacing) * 4);
}
.rs-message.rs-message-centered .rs-message-icon{
align-self:center;
}
.rs-message.rs-message-centered.rs-message-bordered{
border-style:solid;
border-width:4px 1px 1px 1px;
border-color:var(--rs-message-border-color);
}
.rs-message.rs-message-centered.rs-message-bordered .rs-message-icon{
box-sizing:content-box;
border:4px solid var(--rs-message-icon-border-color);
border-radius:var(--rs-radius-full);
}
.rs-message-icon{
align-self:center;
font-size:0;
}
.rs-message-icon .rs-icon{
font-size:var(--rs-message-icon-size);
align-items:center;
}
.rs-message-content{
flex-grow:1;
}
.rs-message-header{
color:var(--rs-message-header-color);
line-height:var(--rs-text-line-height-md);
font-weight:bold;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.rs-message-header + .rs-message-body{
margin-top:4px;
}
.rs-message-body{
color:var(--rs-message-body-color);
}
.rs-message-body ul,
.rs-message-body ol{
margin:0;
padding:0;
padding-inline-start:16px;
}
.rs-message .rs-message-icon > .rs-icon,
.rs-message .rs-btn-close{
color:var(--rs-message-icon-color);
}
.rs-message:not(.rs-message-hiding) + .rs-message{
margin-top:10px;
}
.rs-message:not(.rs-message-hiding) + .rs-message.rs-message-hiding:last-child{
transition:margin-top 0.1s linear 0.3s;
margin-top:0;
}
.rs-message.rs-message-hiding{
animation:notificationMoveOut 0.3s ease-in forwards;
}
[data-theme=dark] .rs-message .rs-btn[data-appearance=link],
[data-theme=dark] .rs-message a, .rs-theme-dark .rs-message .rs-btn[data-appearance=link],
.rs-theme-dark .rs-message a{
color:inherit;
text-decoration:underline;
}
.rs-message-full{
position:absolute;
top:0;
inset-inline-start:0;
width:100%;
border-radius:var(--rs-radius-none);
z-index:var(--rs-zindex-message-full);
}
.rs-picker-select-menu-items{
overflow-y:auto;
}
.rs-picker-select-menu-items ul{
list-style:none;
margin:0;
padding:0;
}
.rs-picker-select-menu-items .rs-picker-menu-group:not(:first-child){
margin-top:var(--rs-picker-group-select-menu-gap);
border-top:1px solid var(--rs-divider-border);
padding-top:var(--rs-picker-group-select-menu-gap);
}
.rs-picker-select-menu-items .rs-picker-menu-group-title{
padding-block:var(--rs-picker-item-content-padding-vertical);
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-inline-end:calc(var(--rs-padding-inline-md) + 20px);
position:relative;
cursor:pointer;
color:var(--rs-text-heading);
}
.rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret{
display:inline-block;
margin-inline-start:2px;
position:absolute;
top:var(--rs-padding-block-md);
inset-inline-end:var(--rs-padding-inline-md);
color:var(--rs-text-secondary);
}
.rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret{
transform:rotate(90deg);
}
.rs-picker-select-menu-items .rs-picker-menu-group ~ [role=option] > .rs-picker-select-menu-item{
padding-inline-start:26px;
}
.rs-picker-select-menu-item{
display:flex;
justify-content:space-between;
padding-inline:var(--rs-picker-item-content-padding-horizontal);
padding-block:var(--rs-picker-item-content-padding-vertical);
clear:both;
font-weight:normal;
line-height:var(--rs-line-height-md);
color:var(--rs-text-primary);
cursor:pointer;
text-decoration:none;
width:100%;
}
.rs-picker-select-menu-item:hover, .rs-picker-select-menu-item:focus, .rs-picker-select-menu-item.rs-picker-select-menu-item-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-picker-select-menu-item:hover, .rs-theme-high-contrast .rs-picker-select-menu-item:hover, [data-theme=high-contrast] .rs-picker-select-menu-item:focus, .rs-theme-high-contrast .rs-picker-select-menu-item:focus, [data-theme=high-contrast] .rs-picker-select-menu-item.rs-picker-select-menu-item-focus, .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-picker-select-menu-item.rs-picker-select-menu-item-active{
font-weight:var(--rs-picker-select-menu-item-selected-font-weight);
color:var(--rs-listbox-option-selected-text);
background-color:var(--rs-listbox-option-selected-bg);
}
.rs-picker-select-menu-item.rs-picker-select-menu-item-disabled{
color:var(--rs-listbox-option-disabled-text);
background:none;
cursor:var(--rs-cursor-disabled);
}
.rs-picker[data-picker=input]{
--rs-picker-textbox-margin-inline:var(--rs-picker-input-height);
position:relative;
border-width:1px;
border-style:solid;
border-color:var(--rs-picker-toggle-border-color, var(--rs-border-primary));
border-radius:var(--rs-radius-md);
transition:var(--rs-picker-transition);
background-color:var(--rs-input-bg);
overflow:hidden;
}
.rs-picker[data-picker=input] .rs-picker-toggle{
border:none !important;
height:var(--rs-picker-input-height);
width:100%;
cursor:text;
}
.rs-picker[data-picker=input]:not([data-disabled=true]) .rs-picker-toggle{
position:absolute !important;
}
.rs-picker[data-picker=input][data-size=xs]{
--rs-picker-input-height:calc(var(--rs-btn-size-xs) - 2px);
--rs-picker-search-input-font-size:var(--rs-input-font-size-xs);
--rs-picker-search-input-line-height:var(--rs-input-line-height-xs);
--rs-picker-search-input-padding-block:var(--rs-input-padding-block-xs);
--rs-picker-search-input-padding-inline:var(--rs-input-padding-inline-xs);
}
.rs-picker[data-picker=input][data-size=sm]{
--rs-picker-input-height:calc(var(--rs-btn-size-sm) - 2px);
--rs-picker-search-input-font-size:var(--rs-input-font-size-sm);
--rs-picker-search-input-line-height:var(--rs-input-line-height-sm);
--rs-picker-search-input-padding-block:var(--rs-input-padding-block-sm);
--rs-picker-search-input-padding-inline:var(--rs-input-padding-inline-sm);
}
.rs-picker[data-picker=input][data-size=md]{
--rs-picker-input-height:calc(var(--rs-btn-size-md) - 2px);
--rs-picker-search-input-font-size:var(--rs-input-font-size-md);
--rs-picker-search-input-line-height:var(--rs-input-line-height-md);
--rs-picker-search-input-padding-block:var(--rs-input-padding-block-md);
--rs-picker-search-input-padding-inline:var(--rs-input-padding-inline-md);
}
.rs-picker[data-picker=input][data-size=lg]{
--rs-picker-input-height:calc(var(--rs-btn-size-lg) - 2px);
--rs-picker-search-input-font-size:var(--rs-input-font-size-lg);
--rs-picker-search-input-line-height:var(--rs-input-line-height-lg);
--rs-picker-search-input-padding-block:var(--rs-input-padding-block-lg);
--rs-picker-search-input-padding-inline:var(--rs-input-padding-inline-lg);
}
.rs-picker[data-picker=input] .rs-picker-textbox{
margin-inline-end:var(--rs-picker-textbox-margin-inline);
height:var(--rs-picker-input-height);
}
.rs-picker-search,.rs-picker-search-input{
border:none;
width:100%;
}
.rs-picker-search-input{
font-size:var(--rs-picker-search-input-font-size);
line-height:var(--rs-picker-search-input-line-height);
padding-block:var(--rs-picker-search-input-padding-block);
padding-inline:var(--rs-picker-search-input-padding-inline);
background:none;
outline:none;
position:relative;
padding-inline-end:0;
}
.rs-link{
--rs-link-disabled-opacity:0.5;
--rs-link-spacing:var(--rs-spacing);
display:inline-flex;
align-items:center;
text-decoration:none;
}
.rs-link-icon{
margin-inline:var(--rs-link-spacing);
}
.rs-link:where([data-underline=always]){
text-decoration:underline;
}
.rs-link:where([data-underline=hover]){
text-decoration:none;
}
.rs-link:where([data-underline=hover]):hover{
text-decoration:underline;
}
.rs-link:where([data-underline=never]){
text-decoration:none !important;
}
.rs-link:where([data-underline=not-hover]){
text-decoration:underline;
}
.rs-link:where([data-underline=not-hover]):hover{
text-decoration:none;
}
.rs-link:where([data-disabled=true]){
pointer-events:none;
opacity:var(--rs-link-disabled-opacity);
}
:root{
--rs-modal-shadow:var(--rs-shadow-lg);
--rs-modal-margin-top:4rem;
--rs-modal-title-font-size:var(--rs-font-size-lg);
--rs-modal-title-line-height:var(--rs-text-line-height-lg);
--rs-modal-body-padding:calc(var(--rs-spacing) * 5);
--rs-modal-content-padding:calc(var(--rs-spacing) * 5);
--rs-modal-btn-close-spacing:calc(var(--rs-spacing) * 5);
--rs-modal-footer-gap:calc(var(--rs-spacing) * 2.5);
--rs-modal-size-xs:400px;
--rs-modal-size-sm:600px;
--rs-modal-size-md:800px;
--rs-modal-size-lg:968px;
--rs-modal-max-width:100%;
--rs-modal-padding-inline:calc(var(--rs-spacing) * 5);
}
.rs-modal{
display:none;
overflow:visible;
outline:0;
margin:var(--rs-modal-margin-top) auto 0 auto;
position:relative;
width:var(--rs-modal-size, auto);
max-width:var(--rs-modal-max-width);
padding-inline:var(--rs-modal-padding-inline);
z-index:var(--rs-zindex-modal);
}
.rs-modal.rs-modal-lg{
--rs-modal-size:var(--rs-modal-size-lg);
}
.rs-modal.rs-modal-md{
--rs-modal-size:var(--rs-modal-size-md);
}
.rs-modal.rs-modal-sm{
--rs-modal-size:var(--rs-modal-size-sm);
}
.rs-modal.rs-modal-xs{
--rs-modal-size:var(--rs-modal-size-xs);
}
.rs-modal.rs-modal-full{
--rs-modal-padding-inline:0;
margin:0;
height:100%;
}
.rs-modal.rs-modal-full .rs-modal-dialog{
position:absolute;
height:100%;
width:100%;
border-radius:var(--rs-radius-none);
display:flex;
flex-direction:column;
}
.rs-modal.rs-modal-full .rs-modal-dialog .rs-modal-header{
flex:0 0 auto;
}
.rs-modal.rs-modal-full .rs-modal-dialog .rs-modal-body{
flex:1 1 auto;
overflow:auto;
}
.rs-modal.rs-modal-full .rs-modal-dialog .rs-modal-footer{
flex:0 0 auto;
}
.rs-modal.rs-modal-fill .rs-modal-dialog,
.rs-modal.rs-modal-fill .rs-modal-body{
margin:0;
padding:0;
}
.rs-modal .rs-modal-dialog{
position:relative;
background-color:var(--rs-bg-overlay);
border:var(--rs-modal-border, none);
border-radius:var(--rs-radius-md);
outline:0;
box-shadow:var(--rs-modal-shadow);
padding:var(--rs-modal-content-padding);
overflow:auto;
}
.rs-modal .rs-modal-header{
padding-inline-end:var(--rs-line-height-base);
}
.rs-modal .rs-modal-header::before, .rs-modal .rs-modal-header::after{
content:" ";
display:table;
}
.rs-modal .rs-modal-header::after{
clear:both;
}
.rs-modal .rs-modal-header .rs-modal-header-close{
position:absolute;
padding:0;
top:var(--rs-modal-btn-close-spacing);
inset-inline-end:var(--rs-modal-btn-close-spacing);
}
.rs-modal .rs-modal-title{
font-weight:normal;
font-size:var(--rs-modal-title-font-size);
line-height:var(--rs-modal-title-line-height);
width:100%;
display:block;
color:var(--rs-text-heading);
margin:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.rs-modal .rs-modal-body{
position:relative;
margin-top:var(--rs-modal-body-padding);
padding-bottom:var(--rs-modal-body-padding);
}
.rs-modal .rs-modal-footer{
display:flex;
justify-content:flex-end;
gap:var(--rs-modal-footer-gap);
}
.rs-modal-backdrop{
position:fixed;
top:0;
inset-inline-start:0;
width:100vw;
height:100vh;
z-index:calc(var(--rs-zindex-modal) - 1);
background-color:var(--rs-bg-backdrop);
}
.rs-modal-backdrop.rs-anim-fade{
opacity:0;
transition:opacity 0.3s ease-in;
}
.rs-modal-backdrop.rs-anim-in{
opacity:1;
}
.rs-modal-open{
overflow:hidden;
}
.rs-modal-wrapper{
position:fixed;
overflow:auto;
z-index:var(--rs-zindex-modal);
top:0;
inset-inline-start:0;
width:100%;
height:100%;
}
.rs-modal-wrapper.rs-modal-centered{
display:flex;
justify-content:center;
align-items:center;
}
.rs-modal-wrapper.rs-modal-centered .rs-modal{
margin:auto;
}
.rs-modal-shake .rs-modal-dialog{
animation:0.3s linear shakeHead;
}
.rs-modal-scrollbar-measure{
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll;
}
.rs-cascade-tree-items{
--rs-check-item-padding-inline:calc(var(--rs-spacing) * 3);
--rs-check-item-padding-block:calc(var(--rs-spacing) * 2);
}
.rs-cascade-tree-items .rs-checkbox-label{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--rs-spacing);
flex:1 1 auto;
}
.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label, .rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label{
font-weight:bold;
}
.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label{
padding-inline-start:var(--rs-picker-item-content-padding-horizontal);
}
.rs-nav{
--rs-nav-caret-font-size:var(--rs-font-size-md);
--rs-nav-pills-item-shadow:var(--rs-shadow-sm);
--rs-nav-item-transition:color 0.15s ease-out, background-color 0.15s ease-out;
position:relative;
outline:0;
}
.rs-nav .rs-dropdown > .rs-dropdown-toggle{
height:36px;
vertical-align:bottom;
}
.rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item{
position:relative;
overflow:hidden;
}
@media not all and (min-resolution: 0.001dpcm){
.rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item{
-webkit-mask-image:radial-gradient(white, black);
mask-image:radial-gradient(white, black);
}
}
.rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item,.rs-nav-item{
transition:var(--rs-nav-item-transition);
}
.rs-nav-item{
padding:8px 12px;
cursor:pointer;
color:var(--rs-navs-text);
font-size:var(--rs-font-size-sm);
background:transparent;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
@media not all and (min-resolution: 0.001dpcm){
.rs-nav-item{
-webkit-mask-image:radial-gradient(white, black);
mask-image:radial-gradient(white, black);
}
}
.rs-nav-item{
outline:none;
}
.rs-nav-item,.rs-nav-item:hover, .rs-nav-item:focus, .rs-nav-item:active{
text-decoration:none;
}
[data-theme=high-contrast] .rs-nav-item, .rs-theme-high-contrast .rs-nav-item{
transition:none;
}
.rs-nav-item:hover, .rs-nav-item:focus, .rs-nav-item.rs-nav-item-focus{
color:var(--rs-navs-text-hover);
}
[data-theme=high-contrast] .rs-nav-item:hover, .rs-theme-high-contrast .rs-nav-item:hover, [data-theme=high-contrast] .rs-nav-item:focus, .rs-theme-high-contrast .rs-nav-item:focus, [data-theme=high-contrast] .rs-nav-item.rs-nav-item-focus, .rs-theme-high-contrast .rs-nav-item.rs-nav-item-focus{
text-decoration:underline;
}
.rs-nav-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-width:2px;
outline-offset:0;
z-index:2;
}
.rs-nav-item:active{
color:var(--rs-navs-text-active);
}
[data-theme=high-contrast] .rs-nav-item:active, .rs-theme-high-contrast .rs-nav-item:active{
text-decoration:underline;
}
.rs-nav-item[data-disabled=true]{
cursor:not-allowed;
pointer-events:none;
color:var(--rs-text-disabled);
}
.rs-nav-item[data-active=true]{
position:relative;
color:var(--rs-navs-selected);
z-index:1;
}
[data-theme=high-contrast] .rs-nav-item[data-active=true], .rs-theme-high-contrast .rs-nav-item[data-active=true]{
text-decoration:underline;
}
.rs-nav-item-icon{
margin-inline-end:6px;
}
.rs-nav-item-caret{
font-size:var(--rs-nav-caret-font-size);
vertical-align:text-bottom;
margin-inline-start:6px;
}
.rs-nav[data-direction=horizontal]{
white-space:nowrap;
}
.rs-nav[data-direction=horizontal] > .rs-nav-item{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:top;
}
.rs-nav[data-direction=horizontal] .rs-nav-bar{
position:absolute;
bottom:0;
width:100%;
}
.rs-nav[data-direction=horizontal][data-reversed=true] .rs-nav-bar{
bottom:auto;
top:0;
}
.rs-nav[data-direction=vertical] > .rs-nav-item{
display:flex;
align-items:center;
}
.rs-nav[data-direction=vertical] > .rs-dropdown{
width:100%;
}
.rs-nav[data-direction=vertical] > .rs-dropdown > .rs-dropdown-toggle{
width:100%;
text-align:start;
z-index:0;
}
.rs-nav[data-direction=vertical] .rs-nav-bar{
display:block;
position:absolute;
top:0;
bottom:0;
inset-inline-end:0;
}
.rs-nav[data-direction=vertical][data-reversed=true] .rs-nav-bar{
inset-inline-end:auto;
}
.rs-nav[data-appearance=default] .rs-nav-item{
border-radius:var(--rs-radius-md);
}
.rs-nav[data-appearance=default] .rs-nav-item:hover,.rs-nav[data-appearance=tabs] .rs-nav-item:hover, .rs-nav[data-appearance=tabs] .rs-nav-item:focus{
background:var(--rs-navs-bg-hover);
}
.rs-nav[data-appearance=tabs] .rs-nav-item[data-active=true]{
border:1px solid var(--rs-navs-tab-border);
background-color:var(--rs-bg-card);
z-index:1;
}
.rs-nav[data-appearance=tabs][data-direction=horizontal] > .rs-nav-item,
.rs-nav[data-appearance=tabs][data-direction=horizontal] > .rs-dropdown .rs-dropdown-toggle{
border-top-left-radius:var(--rs-radius-md);
border-top-right-radius:var(--rs-radius-md);
}
.rs-nav[data-appearance=tabs][data-direction=horizontal] .rs-nav-bar{
border-top:1px solid var(--rs-navs-tab-border);
}
.rs-nav[data-appearance=tabs][data-direction=horizontal] .rs-nav-item[data-active=true]{
border-bottom-width:0;
}
.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] > .rs-nav-item,
.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] > .rs-dropdown .rs-dropdown-toggle{
border-top-left-radius:var(--rs-radius-none);
border-top-right-radius:var(--rs-radius-none);
border-bottom-left-radius:var(--rs-radius-md);
border-bottom-right-radius:var(--rs-radius-md);
}
.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] .rs-nav-item[data-active=true]{
border-bottom-width:1px;
border-top-width:0;
}
.rs-nav[data-appearance=tabs][data-direction=vertical] > .rs-nav-item,
.rs-nav[data-appearance=tabs][data-direction=vertical] > .rs-dropdown .rs-dropdown-toggle{
border-end-start-radius:var(--rs-radius-md);
border-start-start-radius:var(--rs-radius-md);
}
.rs-nav[data-appearance=tabs][data-direction=vertical] .rs-nav-bar{
width:1px;
background:var(--rs-navs-tab-border);
}
.rs-nav[data-appearance=tabs][data-direction=vertical] .rs-nav-item[data-active=true]{
border-inline-end-width:0;
}
.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] > .rs-nav-item,
.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] > .rs-dropdown .rs-dropdown-toggle{
border-start-start-radius:var(--rs-radius-none);
border-end-start-radius:var(--rs-radius-none);
border-start-end-radius:var(--rs-radius-md);
border-end-end-radius:var(--rs-radius-md);
}
.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] .rs-nav-item[data-active=true]{
border-inline-start-width:0;
border-inline-end-width:1px;
}
.rs-nav[data-appearance=subtle] .rs-nav-item{
position:relative;
}
.rs-nav[data-appearance=subtle] .rs-nav-item:hover, .rs-nav[data-appearance=subtle] .rs-nav-item:focus{
color:var(--rs-navs-selected);
}
.rs-nav[data-appearance=subtle] .rs-nav-item[data-active=true]::before{
content:"";
position:absolute;
background-color:var(--rs-navs-selected);
display:block;
z-index:1;
}
.rs-nav[data-appearance=subtle][data-direction=horizontal] .rs-nav-bar{
border-top:2px solid var(--rs-navs-subtle-border);
}
.rs-nav[data-appearance=subtle][data-direction=horizontal] .rs-nav-item[data-active=true]::before{
bottom:0;
inset-inline-start:0;
inset-inline-end:0;
height:2px;
}
.rs-nav[data-appearance=subtle][data-direction=horizontal][data-reversed=true] .rs-nav-item[data-active=true]::before{
bottom:auto;
top:0;
}
.rs-nav[data-appearance=subtle][data-direction=vertical]{
display:flex;
flex-direction:column;
}
.rs-nav[data-appearance=subtle][data-direction=vertical] .rs-nav-bar{
width:2px;
background:var(--rs-navs-subtle-border);
}
.rs-nav[data-appearance=subtle][data-direction=vertical] .rs-nav-item[data-active=true]::before{
inset-inline-end:0;
top:0;
bottom:0;
width:2px;
}
.rs-nav[data-appearance=subtle][data-direction=vertical][data-reversed=true] .rs-nav-item[data-active=true]::before{
inset-inline-end:auto;
inset-inline-start:0;
}
.rs-nav[data-appearance=pills]{
display:inline-flex;
background-color:var(--rs-navs-pills-bg);
border-radius:var(--rs-radius-md);
padding:4px;
width:-moz-max-content;
width:max-content;
}
.rs-nav[data-appearance=pills] .rs-nav-item{
border-radius:var(--rs-radius-md);
position:relative;
padding:4px 12px;
color:var(--rs-navs-pills-item-color);
}
.rs-nav[data-appearance=pills] .rs-nav-item[data-active=true]{
background-color:var(--rs-navs-pills-item-active-bg);
color:var(--rs-navs-pills-item-active-color);
box-shadow:var(--rs-nav-pills-item-shadow);
}
.rs-nav[data-appearance=pills] .rs-nav-item[data-disabled=true]{
color:var(--rs-navs-pills-item-disabled-color);
}
.rs-nav[data-appearance=pills][data-direction=vertical]{
flex-direction:column;
}
.rs-nav[data-appearance=pills][data-direction=vertical] .rs-nav-item{
padding:6px 12px;
justify-content:center;
}
.rs-nav[data-justified=true]{
display:flex;
width:100%;
}
.rs-nav[data-justified=true] > .rs-nav-item,
.rs-nav[data-justified=true] > .rs-dropdown{
flex:1 1 1%;
}
.rs-nav[data-justified=true] > .rs-dropdown .rs-dropdown-toggle{
width:100%;
text-align:start;
}
.rs-navbar{
--rs-navbar-padding-y:calc(var(--rs-spacing) * 2.5);
--rs-navbar-padding-x:calc(var(--rs-spacing) * 4);
--rs-navbar-gap:calc(var(--rs-spacing) * 4);
--rs-navbar-icon-font-size:var(--rs-font-size-md);
--rs-navbar-caret-font-size:var(--rs-font-size-md);
--rs-navbar-item-padding-y:8px;
--rs-navbar-item-padding-x:12px;
display:flex;
align-items:center;
justify-content:space-between;
padding-inline:var(--rs-navbar-padding-x);
padding-block:var(--rs-navbar-padding-y);
gap:var(--rs-navbar-gap);
}
.rs-navbar .rs-input,
.rs-navbar .rs-input-group{
width:auto;
}
.rs-navbar-content{
display:flex;
align-items:center;
gap:var(--rs-navbar-gap);
}
.rs-navbar-brand{
display:flex;
align-items:center;
gap:calc(var(--rs-spacing) * 1.5);
}
.rs-navbar-nav{
display:flex;
}
.rs-navbar-nav.rs-nav-vertical{
flex-direction:column;
}
.rs-navbar-nav:focus .rs-navbar-item:focus-visible, .rs-navbar-nav > .rs-dropdown .rs-navbar-nav:focus .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
.rs-navbar-nav:focus .rs-navbar-nav > .rs-dropdown .rs-navbar-item-focus.rs-dropdown-toggle,
.rs-navbar-nav > .rs-dropdown .rs-navbar-nav:focus .rs-navbar-item-focus.rs-dropdown-toggle,
.rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle{
z-index:1;
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
[data-theme=high-contrast] .rs-navbar-nav:focus .rs-navbar-item:focus-visible, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar-nav:focus .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown-toggle:focus-visible,
[data-theme=high-contrast] .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
[data-theme=high-contrast] .rs-navbar-nav:focus .rs-navbar-nav > .rs-dropdown .rs-navbar-item-focus.rs-dropdown-toggle,
.rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar-nav:focus .rs-navbar-item-focus.rs-dropdown-toggle,
.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-nav > .rs-dropdown .rs-navbar-item-focus.rs-dropdown-toggle,
.rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item-focus.rs-dropdown-toggle,
[data-theme=high-contrast] .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
[data-theme=high-contrast] .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle,
.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-navbar-item, .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle{
padding-inline:var(--rs-navbar-item-padding-x);
padding-block:var(--rs-navbar-item-padding-y);
border-radius:var(--rs-radius-md);
color:inherit;
background-color:transparent;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
}
.rs-navbar-item-icon{
font-size:var(--rs-navbar-icon-font-size);
margin-inline-end:5px;
}
.rs-navbar-item-caret{
font-size:var(--rs-navbar-caret-font-size);
margin-inline-start:6px;
}
.rs-navbar-item[data-disabled=true], .rs-navbar-nav > .rs-dropdown [data-disabled=true].rs-dropdown-toggle{
opacity:0.5;
pointer-events:none;
}
.rs-navbar-brand, .rs-navbar-brand:hover, .rs-navbar-brand:focus, .rs-navbar-brand:active,
.rs-navbar-item,
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle,
.rs-navbar-item:hover,
.rs-navbar-item:focus,
.rs-navbar-item:active,
.rs-navbar-nav > .rs-dropdown-item,
.rs-navbar-nav > .rs-dropdown-item:hover,
.rs-navbar-nav > .rs-dropdown-item:focus,
.rs-navbar-nav > .rs-dropdown-item:active{
text-decoration:none;
}
.rs-navbar-brand:focus-visible,
.rs-navbar-item:focus-visible,
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav > .rs-dropdown-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
}
[data-theme=high-contrast] .rs-navbar-brand:focus-visible, .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
[data-theme=high-contrast] .rs-navbar-item:focus-visible,
[data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-dropdown-toggle:focus-visible,
.rs-theme-high-contrast .rs-navbar-item:focus-visible,
.rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-dropdown-toggle:focus-visible,
[data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown-item:focus-visible,
.rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-navbar-brand:focus-visible,
.rs-navbar-item:focus-visible,
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible,
.rs-navbar-nav > .rs-dropdown-item:focus-visible{
z-index:2;
}
.rs-navbar-item, .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle,
.rs-navbar-nav > .rs-dropdown{
margin:0 !important;
}
[data-theme=high-contrast] .rs-navbar-item[data-active=true], [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] [data-active=true].rs-dropdown-toggle, .rs-theme-high-contrast .rs-navbar-item[data-active=true], .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast [data-active=true].rs-dropdown-toggle{
text-decoration:underline;
}
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle{
padding-inline-end:calc(var(--rs-navbar-item-padding-x) + 20px);
}
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
}
[data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
z-index:2;
}
[data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle{
border:none;
}
[data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret{
top:var(--rs-navbar-item-padding-y);
inset-inline-end:var(--rs-navbar-item-padding-x);
}
.rs-navbar .rs-dropdown-item:hover{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-navbar .rs-dropdown-item:hover, .rs-theme-high-contrast .rs-navbar .rs-dropdown-item:hover{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-navbar[data-appearance=default]{
background-color:var(--rs-navbar-default-bg);
color:var(--rs-navbar-default-text);
}
.rs-navbar[data-appearance=default] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=default] .rs-dropdown-toggle:hover,
.rs-navbar[data-appearance=default] .rs-dropdown .rs-dropdown-toggle:hover{
background-color:var(--rs-navbar-default-hover-bg);
color:var(--rs-navbar-default-hover-text);
}
.rs-navbar[data-appearance=default] .rs-navbar-item[data-active=true], .rs-navbar[data-appearance=default] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=default] [data-active=true].rs-dropdown-toggle{
color:var(--rs-navbar-default-selected-text);
}
.rs-navbar[data-appearance=inverse]{
background-color:var(--rs-navbar-inverse-bg);
color:var(--rs-navbar-inverse-text);
}
.rs-navbar[data-appearance=inverse] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] .rs-dropdown-toggle:hover, .rs-navbar[data-appearance=inverse] .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] .rs-dropdown-toggle:focus,
.rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-toggle:hover,
.rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-toggle:focus{
background-color:var(--rs-navbar-inverse-hover-bg);
color:var(--rs-navbar-inverse-hover-text);
}
.rs-navbar[data-appearance=inverse] .rs-navbar-item[data-active=true], .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] [data-active=true].rs-dropdown-toggle{
background-color:var(--rs-navbar-inverse-selected-bg);
}
[data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-navbar-item[data-active=true], [data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar[data-appearance=inverse] [data-active=true].rs-dropdown-toggle, .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-navbar-item[data-active=true], .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] [data-active=true].rs-dropdown-toggle{
color:var(--rs-navbar-inverse-selected-text);
}
.rs-navbar[data-appearance=inverse] .rs-navbar-brand,
.rs-navbar[data-appearance=inverse] .rs-text{
color:var(--rs-navbar-inverse-text);
}
.rs-navbar[data-appearance=subtle]{
background-color:transparent;
color:var(--rs-navbar-subtle-text);
}
.rs-navbar[data-appearance=subtle] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] .rs-dropdown-toggle:hover, .rs-navbar[data-appearance=subtle] .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] .rs-dropdown-toggle:focus,
.rs-navbar[data-appearance=subtle] .rs-dropdown .rs-dropdown-toggle:hover,
.rs-navbar[data-appearance=subtle] .rs-dropdown .rs-dropdown-toggle:focus{
background-color:var(--rs-navbar-subtle-hover-bg);
color:var(--rs-navbar-subtle-hover-text);
}
.rs-navbar[data-appearance=subtle] .rs-navbar-item[data-active=true], .rs-navbar[data-appearance=subtle] .rs-navbar-nav > .rs-dropdown [data-active=true].rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] [data-active=true].rs-dropdown-toggle{
color:var(--rs-navbar-subtle-selected-text);
}
.rs-navbar-drawer{
--rs-drawer-body-padding:16px;
}
.rs-navbar-drawer .rs-drawer-body{
padding:var(--rs-drawer-body-padding);
}
.rs-mega-menu{
display:inline-flex;
gap:calc(var(--rs-spacing) * 1.5);
}
.rs-mega-menu-toggle-icon{
font-size:var(--rs-navbar-caret-font-size);
}
@keyframes notificationMoveIn{
0%{
opacity:0;
transform-origin:0% 0%;
transform:scaleY(0.8);
}
100%{
opacity:1;
transform-origin:0% 0%;
transform:scaleY(1);
}
}
@keyframes notificationMoveInLeft{
from{
opacity:0;
transform:translate3d(-100%, 0, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes notificationMoveInRight{
from{
opacity:0;
transform:translate3d(100%, 0, 0);
}
to{
opacity:1;
transform:none;
}
}
@keyframes notificationMoveOut{
0%{
opacity:1;
transform-origin:0% 0%;
transform:scaleY(1);
max-height:100px;
}
100%{
opacity:0;
transform-origin:0% 0%;
transform:scaleY(0.8);
max-height:0;
overflow:hidden;
}
}
.rs-notification{
--rs-notify-padding:1.25rem;
--rs-notify-max-width:400px;
--rs-notify-spacing:calc(var(--rs-spacing) * 2.5);
--rs-notify-border-radius:var(--rs-radius-md);
--rs-notify-box-shadow:var(--rs-shadow-md);
--rs-notify-title-font-size:var(--rs-font-size-md);
--rs-notify-line-height:var(--rs-text-line-height-md);
--rs-notify-icon-size:24px;
--rs-notify-title-description-gap:8px;
pointer-events:auto;
animation-fill-mode:forwards;
position:relative;
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:var(--rs-notify-spacing);
border-radius:var(--rs-notify-border-radius);
background:var(--rs-bg-overlay);
box-shadow:var(--rs-notify-box-shadow);
padding:var(--rs-notify-padding);
overflow:hidden;
}
.rs-notification:has(.rs-notification-header){
align-items:flex-start;
}
.rs-notification:not(.rs-toast-fade-exited) ~ .rs-notification{
margin-top:var(--rs-notify-spacing);
}
.high-contrast-mode .rs-notification{
border:1px solid var(--rs-border-primary);
}
.rs-notification-content{
max-width:var(--rs-notify-max-width);
flex:1;
}
.rs-notification-header{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
color:var(--rs-text-heading);
font-size:var(--rs-notify-title-font-size);
line-height:var(--rs-notify-line-height);
}
.rs-notification-header > p{
margin:0;
}
.rs-notification-icon{
display:flex;
align-items:center;
}
.rs-notification-icon .rs-icon{
font-size:var(--rs-notify-icon-size);
width:var(--rs-notify-icon-size);
line-height:1;
color:var(--rs-notify-icon-color);
}
.rs-notification-icon .rs-icon::before{
vertical-align:middle;
}
.rs-notification-description{
color:var(--rs-text-primary);
}
.rs-notification-header + .rs-notification-description{
margin-top:var(--rs-notify-title-description-gap);
}
.rs-notification.rs-notification-hiding{
animation:notificationMoveOut 0.3s ease-in forwards;
}
.rs-notification.rs-notification-hiding ~ .rs-notification{
margin-top:0;
}
.rs-notification .rs-btn-close{
padding:0;
}
.rs-notification-success{
--rs-notify-icon-color:var(--rs-state-success);
}
.rs-notification-info{
--rs-notify-icon-color:var(--rs-state-info);
}
.rs-notification-warning{
--rs-notify-icon-color:var(--rs-state-warning);
}
.rs-notification-error{
--rs-notify-icon-color:var(--rs-state-error);
}
.rs-number-input{
--rs-number-input-touchspin-font-size:var(--rs-font-size-xs);
--rs-number-input-touchspin-height-xs:calc(calc(var(--rs-input-height-xs) - 2px) / 2);
--rs-number-input-touchspin-height-sm:calc(calc(var(--rs-input-height-sm) - 2px) / 2);
--rs-number-input-touchspin-height-md:calc(calc(var(--rs-input-height-md) - 2px) / 2);
--rs-number-input-touchspin-height-lg:calc(calc(var(--rs-input-height-lg) - 2px) / 2);
}
.rs-number-input.rs-input-group{
width:auto;
}
.rs-number-input[data-size=xs]{
--rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-xs);
--rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 0px);
}
.rs-number-input[data-size=sm]{
--rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-sm);
--rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 2px);
}
.rs-number-input[data-size=md]{
--rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-md);
--rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 4px);
}
.rs-number-input[data-size=lg]{
--rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-lg);
--rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 6px);
}
.rs-number-input-btn-group-vertical{
border-left:1px solid var(--rs-border-secondary);
position:relative;
width:20px;
flex:0 0 20px;
display:block;
}
.rs-number-input-btn-group-vertical > .rs-btn{
display:block;
float:none;
width:100%;
max-width:100%;
position:relative;
border:none;
}
.rs-number-input .rs-number-input-touchspin-up,
.rs-number-input .rs-number-input-touchspin-down{
position:relative;
border-radius:var(--rs-radius-none);
padding:0;
box-shadow:none !important;
height:var(--rs-number-input-touchspin-height);
}
.rs-number-input .rs-number-input-touchspin-up > .rs-icon,
.rs-number-input .rs-number-input-touchspin-down > .rs-icon{
width:100%;
font-size:var(--rs-number-input-touchspin-font-size);
color:var(--rs-text-secondary);
height:var(--rs-number-input-icon-height);
display:flex;
align-items:center;
justify-content:center;
}
.rs-number-input input[type=number]{
-webkit-appearance:textfield;
-moz-appearance:textfield;
appearance:textfield;
}
.rs-number-input input[type=number]::-webkit-inner-spin-button{
-webkit-appearance:none;
}
.rs-pagination-group{
--rs-pagination-font-size-xs:var(--rs-font-size-xs);
--rs-pagination-font-size-sm:var(--rs-font-size-sm);
--rs-pagination-font-size-md:var(--rs-font-size-sm);
--rs-pagination-font-size-lg:var(--rs-font-size-md);
--rs-pagination-group-gap:calc(var(--rs-spacing) * 2.5);
display:flex;
align-items:center;
gap:var(--rs-pagination-group-gap);
}
.rs-pagination-group-total, .rs-pagination-group-skip{
font-size:var(--rs-pagination-font-size-md);
}
.rs-pagination-group[data-size=xs] .rs-pagination-group-total,
.rs-pagination-group[data-size=xs] .rs-pagination-group-skip{
font-size:var(--rs-pagination-font-size-xs);
}
.rs-pagination-group[data-size=sm] .rs-pagination-group-total,
.rs-pagination-group[data-size=sm] .rs-pagination-group-skip{
font-size:var(--rs-pagination-font-size-sm);
}
.rs-pagination-group[data-size=md] .rs-pagination-group-total,
.rs-pagination-group[data-size=md] .rs-pagination-group-skip{
font-size:var(--rs-pagination-font-size-md);
}
.rs-pagination-group[data-size=lg] .rs-pagination-group-total,
.rs-pagination-group[data-size=lg] .rs-pagination-group-skip{
font-size:var(--rs-pagination-font-size-lg);
}
.rs-pagination-group-grow{
flex-grow:1;
}
.rs-pagination-group .rs-pagination{
vertical-align:middle;
}
.rs-pagination-group-limit{
position:relative;
}
.rs-pagination-group-skip{
vertical-align:middle;
display:inline-block;
}
.rs-pagination-group-skip .rs-input{
width:46px;
margin:0 5px;
display:inline-block;
}
.rs-pagination{
display:inline-block;
padding-inline-start:0;
margin-bottom:0;
}
.rs-pagination[data-size=lg] .rs-pagination-btn{
min-width:42px;
}
.rs-pagination[data-size=lg] .rs-pagination-btn .rs-pagination-symbol{
height:var(--rs-line-height-plus);
}
.rs-pagination[data-size=md] .rs-pagination-btn{
min-width:36px;
}
.rs-pagination[data-size=sm] .rs-pagination-btn{
min-width:30px;
}
.rs-pagination[data-size=xs] .rs-pagination-btn{
min-width:24px;
}
.rs-pagination-btn{
margin:0 2px;
position:relative;
float:inline-start;
text-decoration:none;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
display:flex;
justify-content:center;
}
.rs-pagination-btn .rs-pagination-symbol{
display:flex;
align-items:center;
height:var(--rs-line-height-base);
}
[dir=rtl] .rs-pagination-btn .rs-pagination-symbol{
transform:rotate(180deg);
}
.high-contrast-mode .rs-pagination-btn{
transition:none;
color:var(--rs-pagination-item-text);
}
.high-contrast-mode .rs-pagination-btn:hover, .high-contrast-mode .rs-pagination-btn:focus-visible{
color:var(--rs-pagination-item-current-text);
text-decoration:underline;
}
.rs-password-strength-meter{
--rs-password-strength-meter-color-low:var(--rs-color-red);
--rs-password-strength-meter-color-medium:var(--rs-color-orange);
--rs-password-strength-meter-color-high:var(--rs-color-green);
--rs-password-strength-meter-bg:var(--rs-gray-200);
margin-top:calc(var(--rs-spacing) * 2);
width:100%;
display:flex;
flex-direction:column;
align-items:flex-end;
}
.rs-password-strength-meter-bar{
display:flex;
gap:var(--rs-spacing);
margin-bottom:var(--rs-spacing);
width:100%;
}
.rs-password-strength-meter-segment{
flex:1;
height:6px;
border-radius:2px;
background:var(--rs-password-strength-meter-bg);
transition:background 0.3s;
}
.rs-password-strength-meter-segment:where([data-active=true]){
background:var(--rs-password-strength-meter-color-medium);
}
.rs-password-strength-meter-segment:where([data-active=true]):first-child{
background:var(--rs-password-strength-meter-color-low);
}
.rs-password-strength-meter-segment:where([data-active=true]):last-child{
background:var(--rs-password-strength-meter-color-high);
}
.rs-pin-input{
--rs-pin-input-size-lg:42px;
--rs-pin-input-size-md:36px;
--rs-pin-input-size-sm:30px;
--rs-pin-input-size-xs:24px;
--rs-pin-input-size:var(--rs-pin-input-size-md);
display:inline-flex;
flex-direction:row;
align-items:center;
}
.rs-pin-input-segment{
text-align:center;
width:var(--rs-pin-input-size);
caret-color:transparent;
}
.rs-pin-input-segment[data-size=lg]{
--rs-pin-input-size:var(--rs-pin-input-size-lg);
}
.rs-pin-input-segment[data-size=md]{
--rs-pin-input-size:var(--rs-pin-input-size-md);
}
.rs-pin-input-segment[data-size=sm]{
--rs-pin-input-size:var(--rs-pin-input-size-sm);
}
.rs-pin-input-segment[data-size=xs]{
--rs-pin-input-size:var(--rs-pin-input-size-xs);
}
.rs-pin-input-masked{
font-family:monospace;
}
.rs-pin-input-attached .rs-pin-input-segment{
border-radius:0;
}
.rs-pin-input-attached .rs-pin-input-segment:not(:first-of-type){
margin-inline-start:-1px;
}
.rs-pin-input-attached .rs-pin-input-segment:where(:first-of-type){
border-start-start-radius:var(--rs-input-border-radius);
border-end-start-radius:var(--rs-input-border-radius);
}
.rs-pin-input-attached .rs-pin-input-segment:where(:last-of-type){
border-start-end-radius:var(--rs-input-border-radius);
border-end-end-radius:var(--rs-input-border-radius);
}
[dir=rtl] .rs-pin-input-attached .rs-pin-input-segment:not(:last-of-type){
margin-inline-start:-1px;
}
[dir=rtl] .rs-pin-input-attached .rs-pin-input-segment:where(:first-of-type){
border-start-start-radius:0;
border-end-start-radius:0;
border-start-end-radius:var(--rs-input-border-radius);
border-end-end-radius:var(--rs-input-border-radius);
}
[dir=rtl] .rs-pin-input-attached .rs-pin-input-segment:where(:last-of-type){
border-start-end-radius:0;
border-end-end-radius:0;
border-start-start-radius:var(--rs-input-border-radius);
border-end-start-radius:var(--rs-input-border-radius);
}
.rs-pin-input-attached .rs-pin-input-segment:focus{
z-index:1;
position:relative;
}
.rs-placeholder{
--rs-placeholder-row-height:0.625rem;
--rs-placeholder-row-spacing:calc(var(--rs-spacing) * 4);
--rs-placeholder-paragraph-graph-width:3.875rem;
--rs-placeholder-graph-width:100%;
--rs-placeholder-graph-height:12.5rem;
--rs-placeholder-bg-color:var(--rs-placeholder);
--rs-placeholder-bg-size:auto;
--rs-placeholder-img-color:var(--rs-bg-card);
display:flex;
}
.rs-placeholder-paragraph{
justify-content:flex-start;
align-items:flex-start;
gap:var(--rs-placeholder-row-spacing);
}
.rs-placeholder-paragraph-graph{
flex:0 0 auto;
width:var(--rs-placeholder-paragraph-graph-width);
height:var(--rs-placeholder-paragraph-graph-width);
border-radius:var(--rs-radius-xs);
background:var(--rs-placeholder-bg-color);
background-size:var(--rs-placeholder-bg-size);
}
.rs-placeholder-paragraph-graph[data-shape=circle]{
border-radius:var(--rs-radius-full);
}
.rs-placeholder-paragraph-graph[data-shape=image]{
width:80px;
height:var(--rs-placeholder-paragraph-graph-width);
position:relative;
overflow:hidden;
}
.rs-placeholder-paragraph-graph[data-shape=image]::after{
content:"";
width:0;
height:0;
inset-inline-start:10px;
bottom:10px;
position:absolute;
border-bottom:36px solid var(--rs-placeholder-img-color);
border-left:20px solid transparent;
border-right:30px solid transparent;
}
.rs-placeholder-paragraph-graph[data-shape=image]::before{
content:"";
width:0;
height:0;
inset-inline-start:40px;
bottom:10px;
position:absolute;
border-bottom:22px solid var(--rs-placeholder-img-color);
border-left:16px solid transparent;
border-right:16px solid transparent;
}
.rs-placeholder-paragraph-graph-image .rs-placeholder-paragraph-graph-inner{
width:12px;
height:12px;
inset-inline-end:18px;
top:10px;
border-radius:var(--rs-radius-full);
background:var(--rs-placeholder-img-color);
position:absolute;
}
.rs-placeholder-paragraph-group{
width:100%;
display:flex;
flex-direction:column;
gap:var(--rs-placeholder-row-spacing);
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(1){
width:100%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(2){
width:50%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(3){
width:80%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(4){
width:65%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(5){
width:90%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(6){
width:70%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(7){
width:85%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(8){
width:60%;
}
.rs-placeholder-paragraph .rs-placeholder-row:nth-child(9){
width:75%;
}
.rs-placeholder-row{
background:var(--rs-placeholder-bg-color);
background-size:var(--rs-placeholder-bg-size);
width:100%;
height:var(--rs-placeholder-row-height);
}
.rs-placeholder-grid-col{
flex:1;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:var(--rs-placeholder-row-spacing);
}
.rs-placeholder-grid-col:first-child{
align-items:flex-start;
}
.rs-placeholder-grid-col .rs-placeholder-row{
width:30%;
}
.rs-placeholder-grid-col .rs-placeholder-row:nth-child(1){
width:50%;
}
.rs-placeholder-grid-col .rs-placeholder-row:nth-child(2){
width:25%;
}
.rs-placeholder-grid-col .rs-placeholder-row:nth-child(3){
width:35%;
}
.rs-placeholder-graph{
display:inline-block;
width:var(--rs-placeholder-graph-width);
height:var(--rs-placeholder-graph-height);
background:var(--rs-placeholder-bg-color);
background-size:var(--rs-placeholder-bg-size);
}
.rs-placeholder[data-active=true]{
--rs-placeholder-active-bg:linear-gradient(
-45deg,
var(--rs-placeholder) 25%,
var(--rs-placeholder-active) 37%,
var(--rs-placeholder) 63%
);
--rs-placeholder-active-bg-size:400% 100%;
}
.rs-placeholder[data-active=true].rs-placeholder-graph,
.rs-placeholder[data-active=true] .rs-placeholder-paragraph-graph,
.rs-placeholder[data-active=true] .rs-placeholder-row{
background:var(--rs-placeholder-active-bg);
background-size:var(--rs-placeholder-active-bg-size) !important;
animation:placeholder-active 1.5s ease infinite;
}
@keyframes placeholder-active{
0%{
background-position:100% 50%;
}
100%{
background-position:0 50%;
}
}
.rs-popover{
--rs-popover-font-size:var(--rs-font-size-xs);
--rs-popover-line-height:var(--rs-text-line-height-xs);
--rs-popover-title-font-size:var(--rs-font-size-sm);
--rs-popover-title-line-height:var(--rs-text-line-height-sm);
--rs-popover-border-radius:var(--rs-radius-sm);
--rs-popover-position-x:var(--rs-position-x);
--rs-popover-position-y:var(--rs-position-y);
--rs-popover-opacity:var(--rs-opacity, 0);
--rs-popover-arrow-gap:4px;
--rs-popover-arrow-width:6px;
--rs-popover-arrow-outer-width:6px;
--rs-popover-translate-distance:2px;
position:absolute;
top:var(--rs-popover-position-y);
left:var(--rs-popover-position-x);
z-index:var(--rs-zindex-popover);
display:block;
padding:12px;
font-size:var(--rs-popover-font-size);
background-color:var(--rs-bg-overlay);
background-clip:padding-box;
border-radius:var(--rs-popover-border-radius);
opacity:var(--rs-popover-opacity);
filter:drop-shadow(var(--rs-popover-shadow));
}
.rs-popover.rs-anim-fade{
transition:opacity 0.1s linear, transform 0.1s ease-out;
}
.rs-popover.rs-anim-in{
--rs-popover-opacity:1;
transition:opacity 0.15s linear, transform 0.15s ease-in;
}
[data-theme=high-contrast] .rs-popover, .rs-theme-high-contrast .rs-popover{
border:1px solid var(--rs-border-primary);
}
.rs-popover > .rs-popover-arrow{
border-width:var(--rs-popover-arrow-outer-width);
}
.rs-popover > .rs-popover-arrow, .rs-popover > .rs-popover-arrow::before, .rs-popover > .rs-popover-arrow::after{
position:absolute;
display:block;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.rs-popover > .rs-popover-arrow::before, .rs-popover > .rs-popover-arrow::after{
border-width:var(--rs-popover-arrow-width);
content:"";
}
.rs-popover > .rs-popover-arrow::before{
display:none;
}
[data-theme=high-contrast] .rs-popover > .rs-popover-arrow::before, .rs-theme-high-contrast .rs-popover > .rs-popover-arrow::before{
display:block;
}
.rs-popover-title{
margin:0;
font-size:var(--rs-popover-title-font-size);
line-height:var(--rs-popover-title-line-height);
}
.rs-popover-content{
font-size:var(--rs-popover-font-size);
line-height:var(--rs-popover-line-height);
}
.rs-popover-title ~ .rs-popover-content{
margin-top:8px;
}
.rs-popover:where([data-placement*=top]){
margin-top:calc((var(--rs-popover-arrow-width) + 2px) * -1);
transform:translate(0, 0);
}
.rs-popover:where([data-placement*=top]).rs-anim-in{
transform:translate(0, calc(var(--rs-popover-translate-distance) * -1));
}
.rs-popover:where([data-placement*=top]) > .rs-popover-arrow{
margin-inline-start:calc(var(--rs-popover-arrow-outer-width) * -1);
bottom:calc(var(--rs-popover-arrow-outer-width) * -1);
}
.rs-popover:where([data-placement*=top]) > .rs-popover-arrow::after{
bottom:-6px;
margin-inline-start:-6px;
border-width:6px 6px 0;
border-top-color:var(--rs-bg-overlay);
}
[data-theme=high-contrast] .rs-popover:where([data-placement*=top]) > .rs-popover-arrow::before, .rs-theme-high-contrast .rs-popover:where([data-placement*=top]) > .rs-popover-arrow::before{
bottom:-7px;
margin-inline-start:-7px;
border-width:7px 7px 0;
border-top-color:var(--rs-border-primary);
}
.rs-popover:where([data-placement*=bottom]){
margin-top:calc(var(--rs-popover-arrow-width) + 2px);
transform:translate(0, 0);
}
.rs-popover:where([data-placement*=bottom]).rs-anim-in{
transform:translate(0, var(--rs-popover-translate-distance));
}
.rs-popover:where([data-placement*=bottom]) > .rs-popover-arrow{
margin-inline-start:calc(var(--rs-popover-arrow-outer-width) * -1);
top:calc(var(--rs-popover-arrow-outer-width) * -1);
}
.rs-popover:where([data-placement*=bottom]) > .rs-popover-arrow::after{
top:-6px;
margin-inline-start:-6px;
border-width:0 6px 6px;
border-bottom-color:var(--rs-bg-overlay);
}
[data-theme=high-contrast] .rs-popover:where([data-placement*=bottom]) > .rs-popover-arrow::before, .rs-theme-high-contrast .rs-popover:where([data-placement*=bottom]) > .rs-popover-arrow::before{
top:-7px;
margin-inline-start:-7px;
border-width:0 7px 7px;
border-bottom-color:var(--rs-border-primary);
}
.rs-popover:where([data-placement=bottom], [data-placement=top]) > .rs-popover-arrow{
left:50%;
}
.rs-popover:where([data-placement=bottom-end], [data-placement=top-end]) > .rs-popover-arrow{
inset-inline-end:var(--rs-popover-arrow-gap);
}
.rs-popover:where([data-placement=left], [data-placement=right]) > .rs-popover-arrow{
top:50%;
}
.rs-popover:where([data-placement=left-end], [data-placement=right-end]) > .rs-popover-arrow{
bottom:var(--rs-popover-arrow-gap);
}
.rs-popover{
--rs-popover-arrow-offset:calc(var(--rs-popover-arrow-outer-width) * -1);
}
.rs-popover:where([data-placement*=right]){
margin-inline-start:calc(var(--rs-popover-arrow-width) + 2px);
transform:translate(0, 0);
}
.rs-popover:where([data-placement*=right]).rs-anim-in{
transform:translate(var(--rs-popover-translate-distance), 0);
}
.rs-popover:where([data-placement*=right]) > .rs-popover-arrow{
inset-inline-start:var(--rs-popover-arrow-offset);
margin-top:calc(var(--rs-popover-arrow-outer-width) * -1);
}
.rs-popover:where([data-placement*=right]) > .rs-popover-arrow::after{
left:-6px;
margin-top:-6px;
border-width:6px 6px 6px 0;
border-right-color:var(--rs-bg-overlay);
}
[data-theme=high-contrast] .rs-popover:where([data-placement*=right]) > .rs-popover-arrow::before, .rs-theme-high-contrast .rs-popover:where([data-placement*=right]) > .rs-popover-arrow::before{
left:-7px;
margin-top:-7px;
border-width:7px 7px 7px 0;
border-right-color:var(--rs-border-primary);
}
[dir=rtl] .rs-popover:where([data-placement*=right]){
margin-inline-end:calc(var(--rs-popover-arrow-width) + 2px);
}
[dir=rtl] .rs-popover:where([data-placement*=right]) > .rs-popover-arrow{
inset-inline-start:auto;
inset-inline-end:var(--rs-popover-arrow-offset);
}
.rs-popover:where([data-placement*=left]){
margin-inline-start:calc((var(--rs-popover-arrow-width) + 2px) * -1);
transform:translate(0, 0);
}
.rs-popover:where([data-placement*=left]).rs-anim-in{
transform:translate(calc(var(--rs-popover-translate-distance) * -1), 0);
}
.rs-popover:where([data-placement*=left]) > .rs-popover-arrow{
inset-inline-end:var(--rs-popover-arrow-offset);
margin-top:calc(var(--rs-popover-arrow-outer-width) * -1);
}
.rs-popover:where([data-placement*=left]) > .rs-popover-arrow::after{
right:-6px;
margin-top:-6px;
border-width:6px 0 6px 6px;
border-left-color:var(--rs-bg-overlay);
}
[data-theme=high-contrast] .rs-popover:where([data-placement*=left]) > .rs-popover-arrow::before, .rs-theme-high-contrast .rs-popover:where([data-placement*=left]) > .rs-popover-arrow::before{
right:-7px;
margin-top:-7px;
border-width:7px 0 7px 7px;
border-left-color:var(--rs-border-primary);
}
[dir=rtl] .rs-popover:where([data-placement*=left]){
margin-inline-end:calc((var(--rs-popover-arrow-width) + 2px) * -1);
}
[dir=rtl] .rs-popover:where([data-placement*=left]) > .rs-popover-arrow{
inset-inline-start:var(--rs-popover-arrow-offset);
inset-inline-end:auto;
}
.rs-popover-full{
padding:0;
}
.rs-popover-full .rs-popover-content{
margin-top:0;
}
.rs-popover-full:where([data-placement=top-start], [data-placement=bottom-start]) > .rs-popover-arrow{
margin-inline-start:var(--rs-popover-arrow-outer-width);
}
.rs-popover-full:where([data-placement=right-start], [data-placement=left-start]) > .rs-popover-arrow{
margin-top:var(--rs-popover-arrow-outer-width);
}
@keyframes progress-active{
0%{
opacity:0.1;
width:0;
}
20%{
opacity:0.8;
width:0;
}
100%{
opacity:0;
width:100%;
}
}
@keyframes progress-active-vertical{
0%{
opacity:0.1;
height:0;
}
20%{
opacity:0.8;
height:0;
}
100%{
opacity:0;
height:100%;
}
}
@keyframes progress-stripe{
0%{
background-position:0 0;
}
100%{
background-position:var(--rs-progress-line-stripe-size) 0;
}
}
@keyframes progress-stripe-vertical{
0%{
background-position:0 0;
}
100%{
background-position:0 var(--rs-progress-line-stripe-size);
}
}
@keyframes progress-indeterminate{
0%{
transform:translateX(-100%);
}
100%{
transform:translateX(400%);
}
}
@keyframes progress-indeterminate-vertical{
0%{
transform:translateY(-100%);
}
100%{
transform:translateY(400%);
}
}
.rs-progress-line{
--rs-progress-line-color:var(--rs-progress-bar);
--rs-progress-line-trail-color:var(--rs-progress-bg);
--rs-progress-line-size:10px;
--rs-progress-line-trail-size:var(--rs-progress-line-size);
--rs-progress-line-stroke:0;
--rs-progress-line-radius:var(--rs-radius-sm);
--rs-progress-line-stripe-size:16px;
--rs-progress-line-section-gap:0px;
--rs-progress-bg-transition:0.2s ease-in-out;
display:flex;
align-items:center;
width:100%;
gap:calc(var(--rs-spacing) * 3);
}
.rs-progress-line:where([data-status=active]) .rs-progress-line-stroke{
position:relative;
}
.rs-progress-line:where([data-status=active]) .rs-progress-line-stroke::before{
content:"";
opacity:0;
position:absolute;
top:0;
bottom:0;
inset-inline-start:0;
inset-inline-end:0;
background-color:#fff;
border-radius:var(--rs-radius-lg);
animation:progress-active 1.2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.rs-progress-line:where([data-status=success]){
color:var(--rs-progress-bar-success);
}
.rs-progress-line:where([data-status=success]) .rs-progress-line-stroke{
background:var(--rs-progress-bar-success);
}
.rs-progress-line:where([data-status=fail]){
color:var(--rs-progress-bar-fail);
}
.rs-progress-line:where([data-status=fail]) .rs-progress-line-stroke{
background:var(--rs-progress-bar-fail);
}
.rs-progress-line .rs-progress-line-info{
height:20px;
display:flex;
align-items:center;
}
.rs-progress-line .rs-progress-line-info svg{
stroke-width:0.5px;
}
.rs-progress-line:where([data-placement=end]){
flex-direction:row;
}
.rs-progress-line:where([data-placement=start]){
flex-direction:row-reverse;
}
.rs-progress-line:where([data-placement=insideStart]) .rs-progress-line-info, .rs-progress-line:where([data-placement=insideEnd]) .rs-progress-line-info, .rs-progress-line:where([data-placement=insideCenter]) .rs-progress-line-info{
color:#fff;
padding-inline:var(--rs-spacing);
}
.rs-progress-line:where([data-placement=insideStart]) .rs-progress-line-stroke{
justify-content:flex-start;
}
.rs-progress-line:where([data-placement=insideEnd]) .rs-progress-line-stroke{
justify-content:flex-end;
}
.rs-progress-line:where([data-placement=insideCenter]) .rs-progress-line-stroke{
justify-content:center;
}
.rs-progress-line-outer{
flex:1 1 auto;
border-radius:var(--rs-progress-line-radius);
overflow:hidden;
vertical-align:middle;
position:relative;
}
.rs-progress-line-trail{
align-items:center;
background:var(--rs-progress-line-trail-color);
height:var(--rs-progress-line-trail-size);
}
.rs-progress-line-trail,.rs-progress-line-sections{
display:flex;
border-radius:var(--rs-progress-line-radius);
}
.rs-progress-line-sections{
width:100%;
height:100%;
position:relative;
overflow:hidden;
cursor:default;
}
.rs-progress-line-stroke{
display:flex;
align-items:center;
background:var(--rs-progress-line-color);
border-radius:var(--rs-progress-line-radius);
transition:var(--rs-progress-bg-transition);
transition-property:width, height, background-color;
width:var(--rs-progress-line-stroke);
height:var(--rs-progress-line-size);
position:relative;
overflow:hidden;
}
.rs-progress-line-stroke.rs-progress-line-section{
color:#fff;
border-radius:0;
padding-inline:var(--rs-spacing);
}
.rs-progress-line-stroke.rs-progress-line-section:where(:first-of-type){
border-start-start-radius:var(--rs-progress-line-radius);
border-end-start-radius:var(--rs-progress-line-radius);
}
.rs-progress-line-stroke.rs-progress-line-section:where(:last-of-type){
border-start-end-radius:var(--rs-progress-line-radius);
border-end-end-radius:var(--rs-progress-line-radius);
}
.rs-progress-line.rs-progress-line-vertical{
flex-direction:column-reverse;
width:auto;
height:100%;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=start]){
flex-direction:column;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=end]){
flex-direction:column-reverse;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=insideStart]) .rs-progress-line-info, .rs-progress-line.rs-progress-line-vertical:where([data-placement=insideEnd]) .rs-progress-line-info, .rs-progress-line.rs-progress-line-vertical:where([data-placement=insideCenter]) .rs-progress-line-info{
writing-mode:vertical-rl;
text-orientation:mixed;
padding-block:var(--rs-spacing);
height:auto;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=insideStart]) .rs-progress-line-stroke{
align-items:flex-start;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=insideEnd]) .rs-progress-line-stroke{
align-items:flex-end;
}
.rs-progress-line.rs-progress-line-vertical:where([data-placement=insideCenter]) .rs-progress-line-stroke{
align-items:center;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-outer{
width:auto;
flex:1 1 auto;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-trail{
min-height:100px;
width:var(--rs-progress-line-trail-size);
display:flex;
flex-direction:column-reverse;
align-items:center;
position:relative;
height:100%;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-info{
flex-basis:auto;
width:100%;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-sections{
flex-direction:column;
width:100%;
height:100%;
position:relative;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-stroke{
width:100%;
height:var(--rs-progress-line-stroke);
transition-property:height, background-color;
transform:rotate(180deg);
position:absolute;
bottom:0;
left:0;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-stroke.rs-progress-line-section{
writing-mode:vertical-rl;
text-orientation:mixed;
padding-block:var(--rs-spacing);
height:auto;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-stroke.rs-progress-line-section:where(:first-of-type){
border-top-left-radius:var(--rs-progress-line-radius);
border-top-right-radius:var(--rs-progress-line-radius);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-stroke.rs-progress-line-section:where(:last-of-type){
border-bottom-left-radius:var(--rs-progress-line-radius);
border-bottom-right-radius:var(--rs-progress-line-radius);
border-top-left-radius:0;
border-top-right-radius:0;
}
.rs-progress-line.rs-progress-line-vertical:where([data-status=active]) .rs-progress-line-stroke::before{
animation-name:progress-active-vertical;
}
.rs-progress-line-striped .rs-progress-line-stroke::after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size:var(--rs-progress-line-stripe-size) var(--rs-progress-line-stripe-size);
z-index:0;
}
.rs-progress-line-striped:where([data-status=active]) .rs-progress-line-stroke::after{
animation:progress-stripe 1s linear infinite;
}
.rs-progress-line.rs-progress-line-vertical.rs-progress-line-striped .rs-progress-line-stroke::after{
background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.rs-progress-line.rs-progress-line-vertical.rs-progress-line-striped:where([data-status=active]) .rs-progress-line-stroke::after{
animation:progress-stripe-vertical 1s linear infinite;
}
.rs-progress-line-indeterminate .rs-progress-line-stroke{
width:100%;
position:relative;
overflow:hidden;
background-color:var(--rs-progress-line-trail-color);
}
.rs-progress-line-indeterminate .rs-progress-line-stroke::before{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:30%;
background-color:var(--rs-progress-line-color);
will-change:transform;
animation:progress-indeterminate 1.5s ease-in-out infinite;
}
.rs-progress-line.rs-progress-line-vertical.rs-progress-line-indeterminate .rs-progress-line-stroke{
height:100%;
background-color:var(--rs-progress-line-trail-color);
transform:rotate(180deg);
}
.rs-progress-line.rs-progress-line-vertical.rs-progress-line-indeterminate .rs-progress-line-stroke::before{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:30%;
background-color:var(--rs-progress-line-color);
will-change:transform;
animation:progress-indeterminate-vertical 1.5s ease-in-out infinite;
}
.rs-progress-circle{
--rs-progress-font-size:var(--rs-font-size-md);
--rs-progress-line-font-size:0.875rem;
--rs-progress-circle-font-size:2.25rem;
position:relative;
line-height:0;
width:100%;
}
.rs-progress-circle-info{
position:absolute;
width:100%;
height:100%;
font-size:var(--rs-progress-font-size);
color:var(--rs-text-secondary);
display:flex;
align-items:center;
justify-content:center;
}
.rs-progress-circle-trail{
stroke:var(--rs-progress-bg);
}
.rs-progress-circle-stroke{
stroke:var(--rs-progress-bar);
transition:stroke-dashoffset 0.3s ease, stroke-dasharray 0.2s ease-in-out, stroke 0.3s;
}
.rs-progress-circle-success .rs-progress-circle-info{
color:var(--rs-progress-bar-success);
}
.rs-progress-circle-success .rs-progress-circle-stroke{
stroke:var(--rs-progress-bar-success);
}
.rs-progress-circle-fail .rs-progress-circle-info{
color:var(--rs-progress-bar-fail);
}
.rs-progress-circle-fail .rs-progress-circle-stroke{
stroke:var(--rs-progress-bar-fail);
}
:root{
--rs-radio-size:16px;
--rs-radio-inner-size:6px;
--rs-radio-display:inline-flex;
}
.rs-radio{
display:var(--rs-radio-display);
position:relative;
align-items:center;
}
.rs-radio[data-disabled=true] label{
cursor:var(--rs-cursor-disabled);
}
.rs-radio label{
font-weight:normal;
cursor:pointer;
}
.rs-radio-inner::before{
border-color:var(--rs-checkbox-checked-bg);
}
.rs-radio[data-disabled=true] label{
cursor:var(--rs-cursor-disabled);
}
.rs-radio[data-disabled=true] > .rs-radio-checker > label{
color:var(--rs-text-disabled);
}
.rs-radio [type=radio]:focus ~ .rs-radio-inner::before{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-radio[data-disabled=true]{
cursor:var(--rs-cursor-disabled);
}
.rs-radio-checker{
position:relative;
display:inline-flex;
}
.rs-radio-checker > label{
display:inline-flex;
align-items:center;
gap:calc(var(--rs-spacing) * 2);
}
.rs-radio-control{
position:relative;
display:inline-flex;
}
.rs-radio-control [type=radio]{
opacity:0;
width:var(--rs-radio-size);
height:var(--rs-radio-size);
}
.rs-radio-control::before,
.rs-radio-control .rs-radio-inner::before,
.rs-radio-control .rs-radio-inner::after{
content:"";
position:absolute;
inset-inline-start:0;
top:0;
display:block;
}
.rs-radio-control::before,
.rs-radio-control .rs-radio-inner::before{
width:var(--rs-radio-size);
height:var(--rs-radio-size);
}
.rs-radio-control::before{
border:1px solid var(--rs-radio-checked-bg);
background-color:transparent;
border-radius:var(--rs-radius-full);
transform:scale(1);
opacity:0.7;
visibility:hidden;
transition:transform 0.2s linear, opacity 0.2s linear;
}
[data-theme=high-contrast] .rs-radio-control::before, .rs-theme-high-contrast .rs-radio-control::before{
transition:none;
}
.rs-radio[data-checked=true] .rs-radio-control::before{
transform:scale(1.5);
opacity:0;
visibility:visible;
}
.rs-radio-inner::before{
border:1px solid var(--rs-radio-border);
background-color:transparent;
border-radius:var(--rs-radius-full);
transition:background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
}
[data-theme=high-contrast] .rs-radio-inner::before, .rs-theme-high-contrast .rs-radio-inner::before{
transition:none;
}
.rs-radio:hover .rs-radio-inner::before{
border-color:var(--rs-radio-checked-bg);
}
.rs-radio[data-disabled=true] .rs-radio-inner::before{
border-color:var(--rs-radio-disabled-bg);
background-color:var(--rs-radio-disabled-bg);
}
.rs-radio[data-checked=true] .rs-radio-inner::before{
border-color:var(--rs-radio-checked-bg);
background-color:var(--rs-radio-checked-bg);
}
.rs-radio[data-disabled=true][data-checked=true] .rs-radio-inner::before{
opacity:0.5;
}
.rs-radio-inner::after{
width:var(--rs-radio-inner-size);
height:var(--rs-radio-inner-size);
background-color:var(--rs-radio-marker);
margin-top:calc((var(--rs-radio-size) - var(--rs-radio-inner-size)) / 2);
margin-inline-start:calc((var(--rs-radio-size) - var(--rs-radio-inner-size)) / 2);
border-radius:var(--rs-radius-full);
opacity:0;
transform:scale(0);
transition:opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
[data-theme=high-contrast] .rs-radio-inner::after, .rs-theme-high-contrast .rs-radio-inner::after{
transition:none;
}
.rs-radio[data-checked=true] .rs-radio-inner::after{
transform:scale(1);
opacity:1;
}
.rs-radio[data-color=red]{
--rs-radio-checked-bg:var(--rs-red-500);
--rs-radio-border:var(--rs-red-500);
}
.rs-radio[data-color=orange]{
--rs-radio-checked-bg:var(--rs-orange-500);
--rs-radio-border:var(--rs-orange-500);
}
.rs-radio[data-color=yellow]{
--rs-radio-checked-bg:var(--rs-yellow-500);
--rs-radio-border:var(--rs-yellow-500);
}
.rs-radio[data-color=green]{
--rs-radio-checked-bg:var(--rs-green-500);
--rs-radio-border:var(--rs-green-500);
}
.rs-radio[data-color=cyan]{
--rs-radio-checked-bg:var(--rs-cyan-500);
--rs-radio-border:var(--rs-cyan-500);
}
.rs-radio[data-color=blue]{
--rs-radio-checked-bg:var(--rs-blue-500);
--rs-radio-border:var(--rs-blue-500);
}
.rs-radio[data-color=violet]{
--rs-radio-checked-bg:var(--rs-violet-500);
--rs-radio-border:var(--rs-violet-500);
}
:root{
--rs-radio-group-spacing:calc(var(--rs-spacing) * 3);
--rs-radio-group-direction:column;
--rs-radio-checker-label-color:var(--rs-text-secondary);
--rs-radio-checker-border-color:transparent;
--rs-radio-group-picker-border-radius:var(--rs-radius-md);
--rs-radio-group-border-width:1px;
--rs-radio-padding-x:10px;
--rs-radio-active-underline-width:2px;
}
.rs-radio-group{
display:flex;
flex-direction:var(--rs-radio-group-direction);
gap:var(--rs-radio-group-spacing);
}
.rs-radio-group[data-inline=true]{
--rs-radio-group-direction:row;
}
.rs-radio-group[data-appearance=picker]{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
color:var(--rs-text-primary);
border:var(--rs-radio-group-border-width) solid var(--rs-border-primary);
border-radius:var(--rs-radio-group-picker-border-radius);
padding-inline:calc(var(--rs-spacing) * 3);
}
.rs-radio-group[data-appearance=picker] .rs-radio[data-inline=true]{
padding-inline:var(--rs-spacing);
margin:0;
}
.rs-radio-group[data-appearance=picker] .rs-radio-checker{
padding:0;
min-height:auto;
}
.rs-radio-group[data-appearance=picker] .rs-radio-control{
display:none;
}
.rs-radio-group[data-appearance=picker] .rs-radio-checker > label{
display:inline-block;
white-space:nowrap;
font-size:var(--rs-font-size-sm);
line-height:var(--rs-line-height-md);
border-radius:var(--rs-radius-none);
color:var(--rs-radio-checker-label-color);
background:none;
transition:color 0.3s linear;
padding-inline:0;
padding-block-start:calc(var(--rs-padding-block-md) - var(--rs-radio-group-border-width));
padding-block-end:calc(var(--rs-padding-block-md) - var(--rs-radio-group-border-width) - var(--rs-radio-active-underline-width));
border-bottom:var(--rs-radio-active-underline-width) solid var(--rs-radio-checker-border-color);
}
[data-theme=high-contrast] .rs-radio-group[data-appearance=picker] .rs-radio-checker > label, .rs-theme-high-contrast .rs-radio-group[data-appearance=picker] .rs-radio-checker > label{
transition:none;
}
.rs-radio-group[data-appearance=picker] .rs-radio-checker > label:hover, .rs-radio-group[data-appearance=picker] .rs-radio-checker > label:active{
color:var(--rs-text-active);
background:none;
}
.rs-radio-group[data-appearance=picker] .rs-radio-checked .rs-radio-checker > label{
--rs-radio-checker-label-color:var(--rs-text-active);
--rs-radio-checker-border-color:var(--rs-text-active);
}
.rs-radio-group[data-appearance=picker] .rs-radio[data-disabled=true] .rs-radio-checker{
opacity:0.3;
cursor:not-allowed;
}
.rs-radio-group[data-appearance=picker] .rs-radio[data-disabled=true][data-checked=false] .rs-radio-checker > label{
color:var(--rs-text-secondary);
}
.rs-radio-tile{
--rs-radio-tile-border-radius:var(--rs-radius-md);
--rs-radio-tile-padding:calc(var(--rs-spacing) * 2.5);
--rs-radio-tile-mark-size:48px;
--rs-radio-tile-spacing:calc(var(--rs-spacing) * 1.5);
border-radius:var(--rs-radio-tile-border-radius);
overflow:hidden;
border:2px solid var(--rs-radio-tile-border);
padding:var(--rs-radio-tile-padding);
position:relative;
cursor:pointer;
display:flex;
gap:var(--rs-radio-tile-spacing);
align-items:center;
}
.rs-radio-tile-label{
font-weight:bold;
}
.rs-radio-tile-content{
color:var(--rs-text-secondary);
}
.rs-radio-tile-mark{
background:var(--rs-radio-tile-checked-color);
border-end-start-radius:50%;
height:var(--rs-radio-tile-mark-size);
width:var(--rs-radio-tile-mark-size);
position:absolute;
inset-inline-end:calc(var(--rs-radio-tile-mark-size) / -2);
top:calc(var(--rs-radio-tile-mark-size) / -2);
z-index:3;
opacity:0;
}
.rs-radio-tile-mark-icon{
position:absolute;
font-size:var(--rs-font-size-md);
top:25px;
inset-inline-start:7px;
color:var(--rs-radio-tile-checked-mark-color);
}
.rs-radio-tile[data-checked=true] .rs-radio-tile-mark{
opacity:1;
}
.rs-radio-tile[data-checked=true][data-disabled=true]{
border-color:var(--rs-radio-tile-checked-disabled-color);
}
.rs-radio-tile[data-checked=true][data-disabled=true] .rs-radio-tile-mark{
background-color:var(--rs-radio-tile-checked-disabled-color);
}
.rs-radio-tile[data-checked=true], .rs-radio-tile:hover:not([data-disabled=true]){
border:2px solid var(--rs-radio-tile-checked-color);
}
.rs-radio-tile[data-disabled=true], .rs-radio-tile[data-disabled=true] .rs-radio-tile-content{
color:var(--rs-text-disabled);
cursor:var(--rs-cursor-disabled);
}
.rs-radio-tile input{
opacity:0;
width:0;
height:0;
position:absolute;
}
.rs-radio-tile-icon{
font-size:var(--rs-radio-tile-icon-size);
}
.rs-rate{
--rs-rate-size-xs:var(--rs-font-size-lg);
--rs-rate-size-sm:var(--rs-font-size-2xl);
--rs-rate-size-md:var(--rs-font-size-3xl);
--rs-rate-size-lg:var(--rs-font-size-4xl);
--rs-rate-size-xl:var(--rs-font-size-5xl);
--rs-rate-size:var(--rs-rate-size-md);
--rs-rate-before-size:50%;
position:relative;
display:inline-flex;
color:var(--rs-rate-color);
font-size:var(--rs-rate-size);
list-style:none;
vertical-align:middle;
margin:0;
padding:0;
gap:calc(var(--rs-spacing) * 2);
}
.rs-rate-character{
position:relative;
cursor:pointer;
outline:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
width:-moz-max-content;
width:max-content;
height:-moz-max-content;
height:max-content;
}
.rs-rate-character-before{
position:absolute;
width:var(--rs-rate-before-size);
height:100%;
overflow:hidden;
opacity:0;
}
.rs-rate-character-after{
color:var(--rs-rate-symbol);
filter:grayscale(1);
}
.high-contrast-mode .rs-rate-character-after > .rs-icon{
fill:none;
stroke:currentColor;
}
.rs-rate-character-before, .rs-rate-character-after{
display:flex;
z-index:var(--rs-zindex-rate-character-before);
}
.rs-rate-character-before > .rs-icon, .rs-rate-character-after > .rs-icon{
font-size:inherit;
}
.rs-rate-character:where([data-status=half]) .rs-rate-character-before, .rs-rate-character:where([data-status=frac]) .rs-rate-character-before{
opacity:1;
filter:none;
}
.rs-rate-character:where([data-status=full]) .rs-rate-character-after{
color:inherit;
filter:none;
}
.rs-rate-character:where([data-status=full]) .rs-rate-character-after > .rs-icon{
fill:currentColor;
}
.rs-rate-character-vertical{
width:100%;
height:var(--rs-rate-before-size);
flex-direction:column-reverse;
bottom:0;
}
.rs-rate-character .rs-icon,
.rs-rate-character svg{
height:1em;
width:1em;
}
.rs-rate-character-before .rs-icon,
.rs-rate-character-before svg{
position:absolute;
}
.rs-rate-character:hover{
transform:scale(1.1);
}
.rs-rate-character:active{
transform:scale(1);
}
.rs-rate:where([data-disabled=true]){
cursor:var(--rs-cursor-disabled);
opacity:0.5;
outline:none;
}
.rs-rate:where([data-disabled=true]) .rs-rate-character{
pointer-events:none;
}
.rs-rate:where([data-readonly=true]) .rs-rate-character{
cursor:default;
pointer-events:none;
}
.rs-rate.rs-rate-xl{
--rs-rate-size:var(--rs-rate-size-xl);
}
.rs-rate.rs-rate-lg{
--rs-rate-size:var(--rs-rate-size-lg);
}
.rs-rate.rs-rate-md{
--rs-rate-size:var(--rs-rate-size-md);
}
.rs-rate.rs-rate-sm{
--rs-rate-size:var(--rs-rate-size-sm);
}
.rs-rate.rs-rate-xs{
--rs-rate-size:var(--rs-rate-size-xs);
}
.rs-rate.rs-rate-primary{
--rs-rate-color:var(--rs-primary-500);
}
.rs-rate.rs-rate-secondary{
--rs-rate-color:var(--rs-secondary-500);
}
.rs-rate.rs-rate-success{
--rs-rate-color:var(--rs-success-500);
}
.rs-rate.rs-rate-warning{
--rs-rate-color:var(--rs-warning-500);
}
.rs-rate.rs-rate-error{
--rs-rate-color:var(--rs-error-500);
}
.rs-rate.rs-rate-info{
--rs-rate-color:var(--rs-info-500);
}
:root{
--rs-segmented-control-spacing:calc(var(--rs-spacing) * 1);
--rs-segmented-control-border-radius:var(--rs-radius-md);
--rs-segmented-control-border-width:1px;
--rs-segmented-control-padding:calc(var(--rs-spacing) * 0.5);
--rs-segmented-control-height:36px;
--rs-segmented-control-height-xs:24px;
--rs-segmented-control-height-sm:30px;
--rs-segmented-control-height-lg:42px;
--rs-segmented-control-height-xl:48px;
--rs-segmented-control-item-padding-y:calc(var(--rs-spacing) * 1);
--rs-segmented-control-item-padding-y-xs:calc(var(--rs-spacing) * 0.5);
--rs-segmented-control-item-padding-y-sm:calc(var(--rs-spacing) * 0.75);
--rs-segmented-control-item-padding-y-lg:calc(var(--rs-spacing) * 1.25);
--rs-segmented-control-item-padding-y-xl:calc(var(--rs-spacing) * 1.5);
--rs-segmented-control-item-padding-x:calc(var(--rs-spacing) * 2);
--rs-segmented-control-item-padding-x-xs:calc(var(--rs-spacing) * 1.5);
--rs-segmented-control-item-padding-x-sm:calc(var(--rs-spacing) * 1.75);
--rs-segmented-control-item-padding-x-lg:calc(var(--rs-spacing) * 2.25);
--rs-segmented-control-item-padding-x-xl:calc(var(--rs-spacing) * 2.5);
--rs-segmented-control-font-size:var(--rs-font-size-sm);
--rs-segmented-control-font-size-xs:var(--rs-font-size-extra-small);
--rs-segmented-control-font-size-sm:var(--rs-font-size-sm);
--rs-segmented-control-font-size-lg:var(--rs-font-size-base);
--rs-segmented-control-font-size-xl:var(--rs-font-size-large);
--rs-segmented-control-indicator-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--rs-segmented-control-indicator-border-radius:calc(var(--rs-radius-md) - 2px);
--rs-segmented-control-indicator-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--rs-segmented-control-underline-height:2px;
--rs-segmented-control-pill-indicator-height:calc(var(--rs-segmented-control-height) - 8px);
--rs-segmented-control-pill-indicator-border-radius:var(--rs-radius-md);
--rs-segmented-control-pill-indicator-shadow:var(--rs-shadow-sm);
}
.rs-segmented-control{
display:inline-flex;
position:relative;
align-items:center;
height:var(--rs-segmented-control-height);
border-style:solid;
border-width:var(--rs-segmented-control-border-width);
border-color:var(--rs-segmented-control-border-color);
border-radius:var(--rs-segmented-control-border-radius);
padding:var(--rs-segmented-control-padding);
gap:var(--rs-segmented-control-spacing);
background-color:var(--rs-segmented-control-bg);
box-sizing:border-box;
font-size:var(--rs-segmented-control-font-size);
}
.rs-segmented-control:where([data-size=xs]){
--rs-segmented-control-height:var(--rs-segmented-control-height-xs);
--rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-xs);
--rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-xs);
--rs-segmented-control-font-size:var(--rs-segmented-control-font-size-xs);
}
.rs-segmented-control:where([data-size=sm]){
--rs-segmented-control-height:var(--rs-segmented-control-height-sm);
--rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-sm);
--rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-sm);
--rs-segmented-control-font-size:var(--rs-segmented-control-font-size-sm);
}
.rs-segmented-control:where([data-size=lg]){
--rs-segmented-control-height:var(--rs-segmented-control-height-lg);
--rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-lg);
--rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-lg);
--rs-segmented-control-font-size:var(--rs-segmented-control-font-size-lg);
}
.rs-segmented-control:where([data-size=xl]){
--rs-segmented-control-height:var(--rs-segmented-control-height-xl);
--rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-xl);
--rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-xl);
--rs-segmented-control-font-size:var(--rs-segmented-control-font-size-xl);
}
.rs-segmented-control[data-block=true]{
display:flex;
width:100%;
}
.rs-segmented-control[data-block=true] .rs-segmented-control-item{
flex:1 1 0%;
min-width:0;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.rs-segmented-control:empty{
display:none;
}
.rs-segmented-control .rs-segmented-control-item{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
height:100%;
padding-inline:var(--rs-segmented-control-item-padding-x);
padding-block:var(--rs-segmented-control-item-padding-y);
border-radius:var(--rs-segmented-control-indicator-border-radius);
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
transition:color 0.2s ease;
color:var(--rs-segmented-control-item-color);
}
.rs-segmented-control .rs-segmented-control-item[data-active]{
color:var(--rs-segmented-control-item-active-color);
}
.rs-segmented-control .rs-segmented-control-item[data-disabled]{
opacity:0.5;
cursor:not-allowed;
}
.rs-segmented-control .rs-segmented-control-item .rs-segmented-control-radio{
position:absolute;
opacity:0;
width:0;
height:0;
margin:0;
padding:0;
}
.rs-segmented-control .rs-segmented-control-item .rs-segmented-control-label{
font-size:var(--rs-font-size-sm);
line-height:var(--rs-line-height-sm);
display:flex;
align-items:center;
}
.rs-segmented-control .rs-segmented-control-indicator{
position:absolute;
z-index:0;
transition:var(--rs-segmented-control-indicator-transition);
box-shadow:var(--rs-segmented-control-indicator-shadow);
}
[data-theme=high-contrast] .rs-segmented-control .rs-segmented-control-indicator, .rs-theme-high-contrast .rs-segmented-control .rs-segmented-control-indicator{
transition:none;
}
.rs-segmented-control:where([data-indicator=pill]) .rs-segmented-control-indicator{
background-color:var(--rs-segmented-control-pill-indicator-bg);
border-radius:var(--rs-segmented-control-pill-indicator-border-radius);
box-shadow:var(--rs-segmented-control-pill-indicator-shadow);
height:var(--rs-segmented-control-pill-indicator-height);
}
.rs-segmented-control:where([data-indicator=underline]){
padding-block:0;
padding-inline:var(--rs-segmented-control-border-radius);
background-color:transparent;
}
.rs-segmented-control:where([data-indicator=underline]) .rs-segmented-control-item{
padding-bottom:calc(var(--rs-segmented-control-item-padding-y) + var(--rs-segmented-control-underline-height));
border-radius:0;
position:relative;
z-index:1;
}
.rs-segmented-control:where([data-indicator=underline]) .rs-segmented-control-indicator{
bottom:-1px;
height:var(--rs-segmented-control-underline-height);
background-color:var(--rs-segmented-control-underline-color);
border-radius:var(--rs-radius-none);
box-shadow:none;
}
.rs-sidenav{
--rs-sidenav-width:52px;
--rs-sidenav-item-font-size:var(--rs-font-size-sm);
--rs-sidenav-nav-rounded:6px;
--rs-sidenav-nav-item-p-x:8px;
--rs-sidenav-nav-item-p-y:8px;
--rs-sidenav-subnav-p-x:10px;
--rs-sidenav-subnav-m-x:16px;
--rs-sidenav-p:calc(var(--rs-spacing) * 2);
--rs-sidenav-header-p:var(--rs-sidenav-p);
--rs-sidenav-footer-p:var(--rs-sidenav-p);
--rs-sidenav-group-p:var(--rs-sidenav-p);
--rs-sidenav-collapse-transition:0.15s ease-in;
--rs-sidenav-dropdown-toggle-caret-width:20px;
--rs-sidenav-item-height:36px;
--rs-sidenav-collapse-in-width:100%;
--rs-sidenav-item-transition:color 0.15s ease-out, background-color 0.15s ease-out;
transition:width var(--rs-sidenav-collapse-transition);
width:var(--rs-sidenav-width);
display:flex;
flex-direction:column;
}
.rs-sidenav.rs-sidenav-collapse-out .rs-dropdown-menu{
border:none;
inset-inline-start:28px;
top:0;
}
.rs-sidenav-nav{
list-style:none;
padding:var(--rs-sidenav-p);
display:flex;
flex-direction:column;
gap:calc(var(--rs-spacing) / 2);
}
.rs-sidenav-nav .rs-sidenav-item,
.rs-sidenav-nav .rs-sidenav-dropdown-toggle,
.rs-sidenav-nav .rs-dropdown-item,
.rs-sidenav-nav .rs-dropdown-item-toggle{
padding-inline:var(--rs-sidenav-nav-item-p-x);
padding-block:var(--rs-sidenav-nav-item-p-y);
transition:var(--rs-sidenav-item-transition);
border-radius:var(--rs-sidenav-nav-rounded);
color:inherit;
}
[data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-item, .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item,
[data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
[data-theme=high-contrast] .rs-sidenav-nav .rs-dropdown-item,
.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
[data-theme=high-contrast] .rs-sidenav-nav .rs-dropdown-item-toggle,
.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle{
transition:none;
}
.rs-sidenav-nav .rs-dropdown-menu{
margin-inline:var(--rs-sidenav-subnav-m-x);
padding-inline:var(--rs-sidenav-subnav-p-x);
}
.rs-sidenav-nav .rs-dropdown-item{
padding-block:calc(var(--rs-sidenav-nav-item-p-y) * 0.65);
}
.rs-sidenav-nav > .rs-sidenav-item,
.rs-sidenav-nav > .rs-dropdown{
margin:0 !important;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle{
display:block;
width:100%;
text-align:start;
background:none;
padding-inline-end:calc(var(--rs-sidenav-nav-item-p-x) + var(--rs-sidenav-dropdown-toggle-caret-width));
position:relative;
border-width:0;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus{
outline:0;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
z-index:1;
}
[data-theme=high-contrast] .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible, .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon{
font-size:var(--rs-font-size-sm);
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-expand-icon{
transform:rotate(270deg);
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-collapse-icon{
transform:rotate(90deg);
}
.rs-sidenav-nav > .rs-dropdown > .rs-dropdown-menu.rs-dropdown-menu-collapse-out{
display:none;
}
.rs-sidenav-nav > .rs-dropdown > .rs-dropdown-menu.rs-dropdown-menu-collapse-in{
display:flex;
}
.rs-sidenav-nav .rs-dropdown-item{
display:flex;
align-items:center;
gap:calc(var(--rs-spacing) * 3);
}
[data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
[data-theme=high-contrast] .rs-sidenav-nav .rs-dropdown-menu, .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle,
.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu{
border-width:0 0 0 1px;
}
.rs-sidenav-nav .rs-sidenav-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
z-index:1;
}
[data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item[data-active=true]{
font-weight:normal;
background:transparent;
}
.rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu{
transition:height var(--rs-sidenav-collapse-transition);
}
.rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle{
height:auto;
}
.rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle .rs-sidenav-dropdown-toggle-caret{
font-size:var(--rs-font-size-sm);
margin-inline-start:auto;
}
.rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle .rs-sidenav-dropdown-toggle-caret[aria-label=angle-right]{
transform:rotate(90deg);
}
.rs-sidenav-nav > .rs-sidenav-item,
.rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle{
font-size:var(--rs-sidenav-item-font-size);
width:100%;
white-space:normal;
}
.rs-sidenav-nav > .rs-sidenav-item:focus-visible,
.rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
}
.rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
.rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
z-index:2;
}
[data-theme=high-contrast] .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle, .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
[data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible,
.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-item{
display:flex;
align-items:center;
outline:0;
overflow:hidden;
gap:calc(var(--rs-spacing) * 3);
}
.rs-sidenav-item,.rs-sidenav-item:hover, .rs-sidenav-item:focus{
text-decoration:none;
}
.rs-sidenav-item:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
z-index:2;
}
.rs-sidenav-item[data-disabled=true]{
opacity:0.5;
pointer-events:none;
}
.rs-sidenav-header{
padding:var(--rs-sidenav-header-p);
}
.rs-sidenav-body{
flex:1 1 auto;
overflow:auto;
}
.rs-sidenav-collapse-out .rs-sidenav-body{
overflow:inherit;
}
.rs-sidenav-footer{
border-top:1px solid;
margin-top:auto;
padding:var(--rs-sidenav-footer-p);
display:flex;
}
.rs-sidenav-toggle{
border:none;
color:inherit;
}
.rs-sidenav-toggle .rs-icon{
transition:transform 0.3s ease;
}
.rs-sidenav-toggle-collapsed .rs-icon{
transform:rotate(180deg);
}
.rs-sidenav-group-label{
padding:var(--rs-sidenav-group-p);
margin-top:var(--rs-sidenav-group-p);
font-size:var(--rs-font-size-xs);
color:var(--rs-text-secondary);
}
.rs-sidenav-collapse-in{
width:var(--rs-sidenav-collapse-in-width);
}
.rs-sidenav-collapse-in .rs-sidenav-item{
border-radius:var(--rs-sidenav-nav-rounded);
}
.rs-sidenav-collapse-in .rs-dropdown{
display:flex;
flex:1 1 auto;
flex-direction:column;
}
.rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, .rs-sidenav-collapse-in .rs-dropdown-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
background:none;
z-index:2;
}
[data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item-focus, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu, .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu{
box-shadow:none;
}
.rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
z-index:2;
}
[data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu), .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
position:relative;
overflow:hidden;
}
@media not all and (min-resolution: 0.001dpcm){
.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu), .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
-webkit-mask-image:radial-gradient(white, black);
mask-image:radial-gradient(white, black);
}
}
.rs-sidenav-collapse-in .rs-dropdown-item[data-disabled=true]::after,.rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle-caret::before,
.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon::before{
display:none;
}
.rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle-caret,
.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon{
transition-property:transform;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:0.15s;
}
.rs-sidenav-collapse-in .rs-dropdown[data-expanded=true] .rs-sidenav-dropdown-toggle-caret{
transform:rotate(90deg);
}
.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-menu{
display:flex;
flex-direction:column;
gap:2px;
position:static;
float:none;
box-shadow:none;
animation-name:none;
background-color:transparent;
border-radius:var(--rs-radius-none);
}
.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu{
padding:0;
}
.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu:hover{
background-color:transparent;
}
.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
.rs-sidenav-collapse-in .rs-dropdown-menu .rs-dropdown-menu-toggle{
width:100%;
white-space:normal;
}
.rs-sidenav-collapse-in .rs-dropdown-menu{
overflow:hidden;
}
.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-menu-icon{
line-height:var(--rs-line-height-md);
width:var(--rs-font-size-base);
z-index:1;
}
.rs-sidenav-collapse-out .rs-sidenav-item,
.rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle{
justify-content:center;
height:var(--rs-sidenav-item-height);
gap:0;
}
.rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
.rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
[data-theme=high-contrast] .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
[data-theme=high-contrast] .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible,
.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
}
.rs-sidenav-collapse-out .rs-sidenav-item-title{
display:none;
}
.rs-sidenav-collapse-out .rs-dropdown-item{
padding:var(--rs-dropdown-item-padding-y) var(--rs-dropdown-item-padding-x);
}
.rs-sidenav-collapse-out .rs-dropdown-item-submenu{
padding:0;
}
.rs-sidenav-collapse-out .rs-sidenav-dropdown-toggle-caret{
display:none;
}
.rs-sidenav-collapse-out .rs-sidenav-item-text,
.rs-sidenav-collapse-out .rs-sidenav-dropdown-toggle > span{
animation:sideNavFoldedText var(--rs-sidenav-collapse-transition) forwards;
}
.rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
.rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown .rs-sidenav-dropdown-toggle,
.rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item,
.rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle, .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
.rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle,
.rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item,
.rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle{
white-space:nowrap;
text-overflow:clip;
}
.rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-dropdown-toggle-caret{
display:none;
}
.rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item{
animation:sideNavFoldedText var(--rs-sidenav-collapse-transition);
}
.rs-sidenav[data-appearance=default]{
color:var(--rs-sidenav-default-text);
}
.rs-sidenav[data-appearance=default],.rs-sidenav[data-appearance=default] .rs-sidenav-item,
.rs-sidenav[data-appearance=default] .rs-sidenav-dropdown-toggle,
.rs-sidenav[data-appearance=default] .rs-sidenav-toggle{
background-color:var(--rs-sidenav-default-bg);
}
.rs-sidenav[data-appearance=default] .rs-sidenav-item:hover,
.rs-sidenav[data-appearance=default] .rs-sidenav-dropdown-toggle:hover,
.rs-sidenav[data-appearance=default] .rs-sidenav-toggle:hover,
.rs-sidenav[data-appearance=default] .rs-dropdown-item:hover{
background-color:var(--rs-sidenav-default-hover-bg);
color:var(--rs-sidenav-default-hover-text);
}
.rs-sidenav[data-appearance=default] .rs-sidenav-item[data-active=true],
.rs-sidenav[data-appearance=default] .rs-dropdown-item[data-active=true]{
color:var(--rs-sidenav-default-selected-text);
background-color:var(--rs-sidenav-default-selected-bg);
}
.rs-sidenav[data-appearance=default] .rs-sidenav-footer{
border-top-color:var(--rs-sidenav-default-footer-border);
}
.rs-sidenav[data-appearance=default] .rs-dropdown-menu{
border-left:1px solid var(--rs-sidenav-default-subnav-border-color);
}
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item[data-active=true]{
background-color:var(--rs-menuitem-active-bg);
color:var(--rs-menuitem-active-text);
}
[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item[data-active=true], .rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item[data-active=true]{
text-decoration:underline;
box-shadow:inset 0 0 0 2px #fff;
}
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
color:var(--rs-sidenav-default-text);
}
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus, .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus{
background-color:var(--rs-sidenav-default-hover-bg);
color:var(--rs-sidenav-default-hover-text);
}
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item[data-active=true],
.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item[data-active=true],
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item[data-active=true],
.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item[data-active=true]{
color:var(--rs-sidenav-default-selected-text);
}
[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item[data-active=true], .rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item[data-active=true],
[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item[data-active=true],
.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item[data-active=true],
[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item[data-active=true],
.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item[data-active=true],
[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item[data-active=true],
.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item[data-active=true]{
text-decoration:underline;
}
.rs-sidenav[data-appearance=inverse]{
color:var(--rs-sidenav-inverse-text);
}
.rs-sidenav[data-appearance=inverse],.rs-sidenav[data-appearance=inverse] .rs-sidenav-item,
.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle{
background-color:var(--rs-sidenav-inverse-bg);
}
.rs-sidenav[data-appearance=inverse] .rs-sidenav-item:hover, .rs-sidenav[data-appearance=inverse] .rs-sidenav-item:focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle:focus,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus{
background-color:var(--rs-sidenav-inverse-hover-bg);
}
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle{
color:var(--rs-sidenav-inverse-text);
}
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item:hover, .rs-sidenav[data-appearance=inverse] .rs-dropdown-item:focus, .rs-sidenav[data-appearance=inverse] .rs-dropdown-item.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:hover,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:focus,
.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle.rs-dropdown-item-focus{
background-color:var(--rs-sidenav-inverse-hover-bg);
color:var(--rs-sidenav-inverse-text);
}
.rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item{
color:var(--rs-sidenav-default-text);
}
.rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item:hover, .rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item:focus, .rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-focus{
background-color:var(--rs-sidenav-default-hover-bg);
color:var(--rs-sidenav-default-hover-text);
}
.rs-sidenav[data-appearance=inverse] .rs-sidenav-item[data-active=true],
.rs-sidenav[data-appearance=inverse] .rs-dropdown-item[data-active=true]{
color:var(--rs-sidenav-inverse-selected-text);
background-color:var(--rs-sidenav-inverse-selected-bg);
}
.rs-sidenav[data-appearance=inverse] .rs-sidenav-footer{
border-top-color:var(--rs-sidenav-inverse-footer-border);
}
.rs-sidenav[data-appearance=inverse] .rs-dropdown-menu{
border-left:1px solid var(--rs-sidenav-inverse-subnav-border-color);
}
.rs-sidenav[data-appearance=subtle]{
background-color:transparent;
}
.rs-sidenav[data-appearance=subtle] .rs-sidenav-item,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle,
.rs-sidenav[data-appearance=subtle] .rs-dropdown-item,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle{
background-color:transparent;
color:var(--rs-sidenav-subtle-text);
}
.rs-sidenav[data-appearance=subtle] .rs-sidenav-item:hover, .rs-sidenav[data-appearance=subtle] .rs-sidenav-item:focus-visible,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle:hover,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle:focus-visible,
.rs-sidenav[data-appearance=subtle] .rs-dropdown-item:hover,
.rs-sidenav[data-appearance=subtle] .rs-dropdown-item:focus-visible,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle:hover,
.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle:focus-visible{
background-color:var(--rs-sidenav-subtle-hover-bg);
color:var(--rs-sidenav-subtle-hover-text);
}
.rs-sidenav[data-appearance=subtle] .rs-sidenav-item[data-active=true],
.rs-sidenav[data-appearance=subtle] .rs-dropdown-item[data-active=true]{
color:var(--rs-sidenav-subtle-selected-text);
background-color:var(--rs-sidenav-subtle-selected-bg);
}
.rs-sidenav[data-appearance=subtle] .rs-sidenav-footer{
border-top-color:var(--rs-sidenav-subtle-footer-border);
}
.rs-sidenav[data-appearance=subtle] .rs-dropdown-menu{
border-left:1px solid var(--rs-sidenav-subtle-subnav-border-color);
}
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
color:var(--rs-sidenav-subtle-text);
}
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible{
background-color:var(--rs-sidenav-subtle-hover-bg);
color:var(--rs-sidenav-subtle-hover-text);
}
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item[data-active=true],
.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item[data-active=true]{
color:var(--rs-sidenav-subtle-selected-text);
}
@keyframes sideNavFoldedText{
0%{
max-width:200px;
opacity:0.8;
}
100%{
max-width:0;
opacity:0;
}
}
.rs-sidebar{
--rs-sidebar-width:var(--rs-box-w, 260px);
--rs-sidebar-collapse-transition:0.15s ease-in;
flex:0 0 var(--rs-sidebar-width);
}
.rs-sidebar-collapse{
transition:flex var(--rs-sidebar-collapse-transition), width var(--rs-sidebar-collapse-transition);
min-width:0;
}
.rs-tooltip{
--rs-tooltip-border-radius:var(--rs-radius-sm);
--rs-tooltip-padding-block:4px;
--rs-tooltip-padding-inline:10px;
--rs-tooltip-z-index:var(--rs-zindex-tooltip);
--rs-tooltip-max-width:250px;
--rs-tooltip-line-height:var(--rs-text-line-height-xs);
--rs-tooltip-position-x:var(--rs-position-x);
--rs-tooltip-position-y:var(--rs-position-y);
--rs-tooltip-opacity:var(--rs-opacity, 0);
--rs-tooltip-arrow-gap-sm:var(--rs-spacing);
--rs-tooltip-arrow-gap-lg:calc(var(--rs-spacing) * 2.5);
--rs-tooltip-translate-distance:2px;
--rs-tooltip-arrow-width:6px;
position:absolute;
top:var(--rs-tooltip-position-y);
left:var(--rs-tooltip-position-x);
z-index:var(--rs-tooltip-z-index);
display:block;
font-size:var(--rs-font-size-xs);
opacity:var(--rs-tooltip-opacity);
line-height:var(--rs-tooltip-line-height);
max-width:var(--rs-tooltip-max-width);
padding:var(--rs-tooltip-padding-block) var(--rs-tooltip-padding-inline);
color:var(--rs-tooltip-text);
background-color:var(--rs-tooltip-bg);
border-radius:var(--rs-tooltip-border-radius);
overflow-wrap:break-word;
}
.rs-tooltip.rs-anim-fade{
transition:opacity 0.1s linear, transform 0.1s ease-out;
}
.rs-tooltip.rs-anim-in{
opacity:1;
transition:opacity 0.15s linear, transform 0.15s ease-in;
}
.rs-tooltip-arrow::before, .rs-tooltip-arrow::after{
content:" ";
display:block;
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
}
.rs-tooltip-arrow::before{
display:none;
}
[data-theme=high-contrast] .rs-tooltip, .rs-theme-high-contrast .rs-tooltip{
border:1px solid var(--rs-border-primary);
}
[data-theme=high-contrast] .rs-tooltip-arrow::before, .rs-theme-high-contrast .rs-tooltip-arrow::before{
display:block;
}
.rs-tooltip:where([data-placement*=top]){
margin-top:calc((var(--rs-tooltip-arrow-width) + 2px) * -1);
transform:translate(0, calc(var(--rs-tooltip-translate-distance) * -1));
}
.rs-tooltip:where([data-placement*=top])::after{
bottom:-6px;
margin-inline-start:-6px;
border-width:6px 6px 0;
border-top-color:var(--rs-tooltip-bg);
}
[data-theme=high-contrast] .rs-tooltip:where([data-placement*=top])::before, .rs-theme-high-contrast .rs-tooltip:where([data-placement*=top])::before{
bottom:-7px;
margin-inline-start:-7px;
border-width:7px 7px 0;
border-top-color:var(--rs-tooltip-border);
}
.rs-tooltip:where([data-placement*=bottom]){
margin-top:calc(var(--rs-tooltip-arrow-width) + 2px);
transform:translate(0, var(--rs-tooltip-translate-distance));
}
.rs-tooltip:where([data-placement*=bottom])::after{
top:-6px;
margin-inline-start:-6px;
border-width:0 6px 6px;
border-bottom-color:var(--rs-tooltip-bg);
}
[data-theme=high-contrast] .rs-tooltip:where([data-placement*=bottom])::before, .rs-theme-high-contrast .rs-tooltip:where([data-placement*=bottom])::before{
top:-7px;
margin-inline-start:-7px;
border-width:0 7px 7px;
border-bottom-color:var(--rs-tooltip-border);
}
.rs-tooltip:where([data-placement=bottom], [data-placement=top])::before, .rs-tooltip:where([data-placement=bottom], [data-placement=top])::after{
inset-inline-start:50%;
}
.rs-tooltip:where([data-placement=bottom-start], [data-placement=top-start])::before, .rs-tooltip:where([data-placement=bottom-start], [data-placement=top-start])::after{
inset-inline-start:var(--rs-tooltip-arrow-gap-lg);
}
.rs-tooltip:where([data-placement=bottom-end], [data-placement=top-end])::before{
inset-inline-end:calc(var(--rs-tooltip-arrow-gap-sm) - 1px);
}
.rs-tooltip:where([data-placement=bottom-end], [data-placement=top-end])::after{
inset-inline-end:var(--rs-tooltip-arrow-gap-sm);
}
.rs-tooltip:where([data-placement=left], [data-placement=right])::before, .rs-tooltip:where([data-placement=left], [data-placement=right])::after{
top:50%;
}
.rs-tooltip:where([data-placement=left-start], [data-placement=right-start])::before, .rs-tooltip:where([data-placement=left-start], [data-placement=right-start])::after{
top:var(--rs-tooltip-arrow-gap-lg);
}
.rs-tooltip:where([data-placement=left-end], [data-placement=right-end])::before{
bottom:calc(var(--rs-tooltip-arrow-gap-sm) - 1px);
}
.rs-tooltip:where([data-placement=left-end], [data-placement=right-end])::after{
bottom:var(--rs-tooltip-arrow-gap-sm);
}
.rs-tooltip:where([data-placement*=right]){
margin-left:calc(var(--rs-tooltip-arrow-width) + 2px);
transform:translate(var(--rs-tooltip-translate-distance), 0);
}
.rs-tooltip:where([data-placement*=right])::after{
left:-6px;
margin-top:-6px;
border-width:6px 6px 6px 0;
border-right-color:var(--rs-tooltip-bg);
}
[data-theme=high-contrast] .rs-tooltip:where([data-placement*=right])::before, .rs-theme-high-contrast .rs-tooltip:where([data-placement*=right])::before{
left:-7px;
margin-top:-7px;
border-width:7px 7px 7px 0;
border-right-color:var(--rs-tooltip-border);
}
.rs-tooltip:where([data-placement*=left]){
margin-left:calc((var(--rs-tooltip-arrow-width) + 2px) * -1);
transform:translate(calc(var(--rs-tooltip-translate-distance) * -1), 0);
}
.rs-tooltip:where([data-placement*=left])::after{
right:-6px;
margin-top:-6px;
border-width:6px 0 6px 6px;
border-left-color:var(--rs-tooltip-bg);
}
[data-theme=high-contrast] .rs-tooltip:where([data-placement*=left])::before, .rs-theme-high-contrast .rs-tooltip:where([data-placement*=left])::before{
right:-7px;
margin-top:-7px;
border-width:7px 0 7px 7px;
border-left-color:var(--rs-tooltip-border);
}
.rs-slider{
--rs-slider-size:6px;
--rs-slider-mark-mt:9px;
--rs-slider-handle-size:12px;
--rs-slider-handle-bw:2px;
--rs-slider-calibration-size:4px;
--rs-slider-calibration-bw:2px;
--rs-slider-handle-ratio:2;
--rs-slider-transition:0.15s ease-in-out;
--rs-tooltip-offset:0;
position:relative;
}
.rs-slider .rs-tooltip{
left:var(--rs-tooltip-offset);
display:none;
}
.rs-slider[data-disabled=true]{
opacity:0.5;
cursor:var(--rs-cursor-disabled);
}
.rs-slider[data-disabled=true] .rs-slider-bar,
.rs-slider[data-disabled=true] .rs-slider-handle::before{
pointer-events:none;
}
.rs-slider[data-with-mark=true]:not([data-direction=vertical]){
margin-bottom:calc(var(--rs-line-height-base) + var(--rs-slider-mark-mt));
}
.rs-slider:where([data-size=xs]){
--rs-slider-size:4px;
--rs-slider-handle-size:8px;
--rs-slider-calibration-size:0;
}
.rs-slider:where([data-size=md]){
--rs-slider-size:8px;
--rs-slider-handle-size:16px;
--rs-slider-calibration-size:6px;
}
.rs-slider:where([data-size=lg]){
--rs-slider-size:10px;
--rs-slider-handle-size:20px;
--rs-slider-calibration-size:8px;
}
.rs-slider:where([data-size=xl]){
--rs-slider-size:12px;
--rs-slider-handle-size:24px;
--rs-slider-calibration-size:10px;
}
.rs-slider-bar{
height:var(--rs-slider-size);
border-radius:var(--rs-radius-sm);
background-color:var(--rs-slider-bar);
transition:background-color ease-in-out 0.3s;
cursor:pointer;
}
.rs-slider:hover .rs-slider-bar{
background-color:var(--rs-slider-hover-bar);
}
.rs-slider:where([data-direction=vertical]) .rs-slider-bar{
height:100%;
width:var(--rs-slider-size);
}
.rs-slider-handle{
position:absolute;
top:-50%;
outline:none;
inset-inline-start:var(--rs-slider-offset);
}
.rs-slider-handle::before{
content:"";
position:absolute;
width:var(--rs-slider-handle-size);
height:var(--rs-slider-handle-size);
border-radius:var(--rs-radius-full);
border-width:var(--rs-slider-handle-bw);
border-style:solid;
border-color:var(--rs-slider-thumb-border);
background-color:var(--rs-slider-thumb-bg);
margin-inline-start:calc(var(--rs-slider-handle-size) / -2);
cursor:pointer;
transition:box-shadow var(--rs-slider-transition), background-color var(--rs-slider-transition), transform var(--rs-slider-transition);
}
.rs-slider-handle:hover::before, .rs-slider-handle:focus::before{
box-shadow:var(--rs-slider-thumb-hover-shadow);
}
.rs-slider-handle:active::before, .rs-slider-handle.active::before{
transform:scale(1.2);
}
.rs-slider[data-direction=vertical] .rs-slider-handle{
left:unset;
top:unset;
bottom:var(--rs-slider-offset);
}
.rs-slider[data-direction=vertical] .rs-slider-handle::before{
inset-inline-start:calc((var(--rs-slider-handle-size) - var(--rs-slider-size)) / 2);
margin-top:calc(var(--rs-slider-handle-size) / -2);
}
.rs-slider-handle:hover .rs-tooltip,
.rs-slider-handle.active .rs-tooltip{
display:block;
opacity:1;
top:-30px;
}
.rs-slider[data-direction=vertical] .rs-slider-handle:hover .rs-tooltip,
.rs-slider[data-direction=vertical] .rs-slider-handle.active .rs-tooltip{
top:-12px;
margin-inline-start:-36px;
}
.rs-slider-mark{
position:absolute;
top:calc(var(--rs-slider-size) + var(--rs-slider-mark-mt));
white-space:nowrap;
}
.rs-slider-mark-content{
margin-inline-start:calc(-50% + 2px);
}
.rs-slider-mark-last{
inset-inline-start:auto;
inset-inline-end:0;
}
.rs-slider-mark-last .rs-slider-mark-content{
margin-inline-start:calc(50% - 2px);
}
.rs-slider-graduator{
--rs-slider-tick-offset:0;
width:100%;
}
.rs-slider-graduator .rs-slider-tick[data-active=true]::before{
visibility:hidden;
}
.rs-slider-graduator[data-with-marks=true] .rs-slider-tick{
position:absolute;
left:var(--rs-slider-tick-offset);
}
.rs-slider-graduator[data-with-marks=true] .rs-slider-tick:last-child::after{
display:none;
}
.rs-slider-graduator ol,
.rs-slider-graduator li{
list-style:none;
margin:0;
padding:0;
}
.rs-slider-graduator > ol{
display:flex;
padding-inline-start:0;
width:100%;
}
.rs-slider-graduator > ol > li{
flex:1 1 1%;
position:relative;
}
.rs-slider-graduator > ol > li:last-child::after, .rs-slider-graduator > ol > li::before{
content:"";
display:block;
position:absolute;
width:var(--rs-slider-calibration-size);
height:var(--rs-slider-calibration-size);
border-radius:var(--rs-radius-full);
background-color:var(--rs-slider-thumb-bg);
box-sizing:border-box;
margin-inline:2px;
top:1px;
}
.rs-slider[data-direction=vertical] .rs-slider-graduator > ol > li:last-child::after, .rs-slider[data-direction=vertical] .rs-slider-graduator > ol > li::before{
top:unset;
bottom:2px;
margin-inline-start:1px;
}
.rs-slider-graduator > ol > li:last-child::after{
inset-inline-end:0;
}
.rs-slider[data-direction=vertical] .rs-slider-graduator > ol > li:last-child::after{
inset-inline-start:0;
bottom:unset;
top:2px;
}
.rs-slider[data-direction=vertical] .rs-slider-graduator{
display:block;
height:100%;
}
.rs-slider[data-direction=vertical] .rs-slider-graduator[data-with-marks=true] .rs-slider-tick{
left:unset;
bottom:var(--rs-slider-tick-offset);
}
.rs-slider[data-direction=vertical] .rs-slider-graduator > ol{
width:var(--rs-slider-size);
display:flex;
flex-direction:column-reverse;
height:100%;
padding:0;
}
.rs-slider[data-direction=vertical] .rs-slider-graduator > ol > li{
display:block;
padding:0;
}
.rs-slider-progress-bar{
position:absolute;
height:var(--rs-slider-size);
border-top-left-radius:var(--rs-radius-sm);
border-bottom-left-radius:var(--rs-radius-sm);
background-color:var(--rs-slider-progress);
}
.rs-slider[data-direction=vertical] .rs-slider-progress-bar{
width:var(--rs-slider-size);
border-bottom-left-radius:var(--rs-radius-sm);
border-bottom-right-radius:var(--rs-radius-sm);
}
.rs-slider:where([data-direction=vertical]){
height:100%;
}
.rs-slider:where([data-direction=vertical]) .rs-slider-mark{
top:unset;
bottom:-8px;
inset-inline-start:calc(var(--rs-slider-size) + var(--rs-slider-mark-mt));
}
.rs-slider:where([data-direction=vertical]) .rs-slider-mark-content{
margin-inline-start:auto;
}
.rs-slider:where([data-direction=vertical]) .rs-slider-mark-last{
bottom:unset;
top:-8px;
}
.rs-stat{
--rs-stat-icon-size:50px;
--rs-stat-border-radius:var(--rs-radius-md);
--rs-stat-spacing:calc(var(--rs-spacing) * 2.5);
--rs-stat-value-font-size:var(--rs-font-size-2xl);
--rs-stat-value-unit-font-size:var(--rs-font-size-xs);
--rs-stat-trend-font-size:var(--rs-font-size-xs);
gap:var(--rs-stat-spacing);
}
.rs-stat,.rs-stat-icon{
display:flex;
align-items:center;
}
.rs-stat-icon{
width:var(--rs-stat-icon-size);
height:var(--rs-stat-icon-size);
justify-content:center;
border-radius:var(--rs-stat-border-radius);
}
.rs-stat-body{
display:flex;
flex-direction:column;
gap:calc(var(--rs-spacing) * 2);
width:100%;
margin:0;
}
.rs-stat-bordered{
border:1px solid var(--rs-border-primary);
background-color:var(--rs-stat-body-bg);
border-radius:var(--rs-stat-border-radius);
padding:16px;
}
.rs-stat-label{
font-weight:400;
display:inline-flex;
align-items:center;
color:var(--rs-text-secondary);
gap:calc(var(--rs-spacing) * 1.5);
}
.rs-stat-label-uppercase{
text-transform:uppercase;
}
.rs-stat-value{
display:flex;
gap:var(--rs-spacing);
align-items:baseline;
font-size:var(--rs-stat-value-font-size);
font-weight:600;
line-height:1;
margin:0;
}
.rs-stat-value-unit{
font-size:var(--rs-stat-value-unit-font-size);
font-weight:400;
}
.rs-stat-trend{
display:inline-flex;
align-items:center;
gap:calc(var(--rs-spacing) / 2);
border-radius:var(--rs-radius-sm);
font-weight:600;
font-size:var(--rs-stat-trend-font-size);
line-height:1;
}
.rs-stat-trend-up{
color:var(--rs-green-900);
}
.rs-stat-trend-down{
color:var(--rs-red-900);
}
.rs-stat-trend-equal{
color:var(--rs-primary-900);
}
.rs-stat-trend-default{
padding:2px 6px;
}
.rs-stat-trend-default.rs-stat-trend-up{
background-color:var(--rs-green-100);
}
.rs-stat-trend-default.rs-stat-trend-down{
background-color:var(--rs-red-100);
}
.rs-stat-trend-default.rs-stat-trend-equal{
background-color:var(--rs-primary-100);
}
.rs-stat-trend-subtle.rs-stat-trend-up{
color:var(--rs-green-600);
}
.rs-stat-trend-subtle.rs-stat-trend-down{
color:var(--rs-red-600);
}
.rs-stat-trend-subtle.rs-stat-trend-equal{
color:var(--rs-primary-600);
}
.rs-stat-help-text{
color:var(--rs-text-secondary);
}
.rs-stat .rs-progress-line{
padding:0;
}
.rs-stat-group{
--rs-stat-group-columns:4;
--rs-stat-group-spacing:6px;
display:grid;
grid-template-columns:repeat(var(--rs-stat-group-columns), 1fr);
grid-gap:var(--rs-stat-group-spacing);
}
.rs-steps{
--rs-steps-icon-size:1.875rem;
--rs-steps-icon-font-size:var(--rs-font-size-md);
--rs-steps-title-font-size:var(--rs-font-size-md);
--rs-steps-title-line-height:calc(30 / 16);
--rs-steps-title-min-height:1rem;
--rs-steps-item-spacing:calc(var(--rs-spacing) * 10);
--rs-steps-description-margin-top:calc(var(--rs-spacing) * 3);
--rs-steps-description-font-size:var(--rs-font-size-sm);
--rs-steps-description-line-height:var(--rs-line-height-md);
min-height:var(--rs-steps-icon-size);
}
.rs-steps[data-size=small]{
--rs-steps-icon-size:1.5rem;
--rs-steps-icon-font-size:var(--rs-font-size-sm);
--rs-steps-item-spacing:calc(var(--rs-spacing) * 8.5);
--rs-steps-title-font-size:var(--rs-font-size-sm);
--rs-steps-title-line-height:calc(24 / 14);
--rs-steps-description-font-size:var(--rs-font-size-xs);
--rs-steps-description-line-height:var(--rs-line-height-sm);
}
.rs-steps .rs-steps-item-content{
color:var(--rs-text-secondary);
display:inline-block;
position:relative;
width:100%;
}
.rs-steps .rs-steps-item[data-status=process] .rs-steps-item-content{
color:var(--rs-text-primary);
}
.rs-steps .rs-steps-item[data-status=error] .rs-steps-item-content{
color:var(--rs-text-error);
}
.rs-steps .rs-steps-item-title{
position:relative;
font-size:var(--rs-steps-title-font-size);
line-height:var(--rs-steps-title-line-height);
min-height:var(--rs-steps-title-min-height);
padding-inline-end:calc(var(--rs-spacing) * 2.5);
display:inline-block;
}
.rs-steps .rs-steps-item-title:empty{
padding-inline-end:0;
}
.rs-steps .rs-steps-item-description{
margin-top:var(--rs-steps-description-margin-top);
font-size:var(--rs-steps-description-font-size);
line-height:var(--rs-steps-description-line-height);
}
.rs-steps-item{
padding-inline-start:var(--rs-steps-item-spacing);
position:relative;
overflow:hidden;
}
.rs-steps-item-icon-wrapper{
width:var(--rs-steps-icon-size);
height:var(--rs-steps-icon-size);
font-size:var(--rs-steps-icon-font-size);
color:var(--rs-text-secondary);
text-align:center;
position:absolute;
top:0;
inset-inline-start:0;
display:flex;
align-items:center;
border:1px solid var(--rs-steps-border);
border-radius:var(--rs-radius-full);
}
.rs-steps-item:where([data-status=finish]) .rs-steps-item-icon-wrapper{
border-color:var(--rs-steps-state-finish);
color:var(--rs-steps-state-finish);
}
.rs-steps-item:where([data-status=error]) .rs-steps-item-icon-wrapper{
border-color:var(--rs-steps-state-error);
color:var(--rs-steps-state-error);
}
.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper{
border-color:var(--rs-steps-state-process);
background-color:var(--rs-steps-state-process);
color:var(--rs-text-inverse);
}
.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper .rs-icon,
.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper svg{
color:var(--rs-steps-icon-state-process);
}
.rs-steps-item[data-custom-icon=true] .rs-steps-item-icon-wrapper{
border:none;
background:none;
}
.rs-steps-item-icon-wrapper > .rs-steps-item-icon{
width:100%;
display:flex;
justify-content:center;
text-align:center;
position:relative;
}
.rs-steps-item-icon-wrapper > .rs-steps-item-icon .rs-icon{
font-size:var(--rs-font-size-md);
vertical-align:middle;
}
.rs-steps-item-tail,
.rs-steps-item-title::after{
position:absolute;
border-color:var(--rs-steps-border);
}
.rs-steps-item:where([data-status=process]) .rs-steps-item-tail,
.rs-steps-item:where([data-status=process]) .rs-steps-item-title::after{
border-color:var(--rs-steps-border);
}
.rs-steps-item:where([data-status=finish]) .rs-steps-item-tail,
.rs-steps-item:where([data-status=finish]) .rs-steps-item-title::after{
border-color:var(--rs-steps-state-finish);
}
.rs-steps-item[data-next-error=true] .rs-steps-item-tail,
.rs-steps-item[data-next-error=true] .rs-steps-item-title::after{
border-color:var(--rs-steps-border-state-error);
}
.rs-steps[data-direction=horizontal]{
display:flex;
justify-content:space-between;
}
.rs-steps[data-direction=horizontal] .rs-steps-item{
flex-grow:1;
flex-shrink:1;
min-height:var(--rs-steps-icon-size);
}
.rs-steps[data-direction=horizontal] .rs-steps-item:last-child{
flex-grow:0;
flex-shrink:0;
}
.rs-steps[data-direction=horizontal] .rs-steps-item:last-child .rs-steps-item-title::after{
display:none;
}
.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child){
padding-inline-start:calc(var(--rs-steps-icon-size) + var(--rs-spacing) * 5);
}
.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child) .rs-steps-item-icon-wrapper{
inset-inline-start:calc(var(--rs-spacing) * 2.5);
}
.rs-steps[data-direction=horizontal] .rs-steps-item-title::after{
content:"";
top:calc(var(--rs-steps-icon-size) / 2);
inset-inline-start:100%;
width:9999px;
border-top-width:1px;
border-top-style:solid;
}
.rs-steps[data-direction=vertical] .rs-steps-item{
padding-bottom:calc(var(--rs-spacing) * 5);
}
.rs-steps[data-direction=vertical] .rs-steps-item:not(:first-child){
margin-top:calc(var(--rs-spacing) * 2.5);
}
.rs-steps[data-direction=vertical] .rs-steps-item:last-child .rs-steps-item-tail{
display:none;
}
.rs-steps[data-direction=vertical] .rs-steps-item-tail{
top:var(--rs-steps-item-spacing);
bottom:0;
inset-inline-start:calc(var(--rs-steps-icon-size) / 2);
border-left-width:1px;
border-left-style:solid;
}
.rs-table{
--rs-loader-content-spin-spacing-horizontal:12px;
--rs-table-scrollbar-width:10px;
--rs-table-scrollbar-handle-width:8px;
--rs-table-scrollbar-handle-gap:calc(
(var(--rs-table-scrollbar-width) - var(--rs-table-scrollbar-handle-width)) / 2
);
--rs-table-scrollbar-timing-duration:0.1s;
--rs-table-cell-hover-color:var(--rs-primary-500);
--rs-table-cell-padding-y:13px;
--rs-table-cell-padding-x:10px;
--rs-table-header-padding:10px;
--rs-table-header-line-height:var(--rs-line-height-sm);
--rs-table-header-sort-margin-start:5px;
position:relative;
overflow:hidden;
}
.rs-table-column-resizing{
cursor:ew-resize;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.rs-table-row{
overflow:hidden;
position:absolute;
height:36px;
width:100%;
top:0;
}
.rs-table-row.virtualized{
pointer-events:none;
}
.rs-table-row-expanded{
position:absolute;
height:46px;
bottom:0;
width:100%;
z-index:4;
border-top:1px solid var(--rs-table-border-color);
padding:10px;
}
.rs-table-row-expanded,.rs-table-hover .rs-table-row:hover .rs-table-cell-group,.rs-table-hover .rs-table-row:hover .rs-table-cell,.rs-table-row-header,.rs-table-row-header .rs-table-cell{
background-color:var(--rs-bg-card);
}
.rs-table-row-header .rs-table-cell-group-shadow{
z-index:var(--rs-zindex-table-row-cell-group-shadow);
box-shadow:none;
}
.rs-table-hover .rs-table-row:not(.rs-table-row-header):hover, .rs-table-hover .rs-table-row:hover .rs-table-cell-group, .rs-table-hover .rs-table-row:hover .rs-table-cell{
background-color:var(--rs-state-hover-bg);
}
.rs-table-hover .rs-table-row-header:hover .rs-table-cell-group, .rs-table-hover .rs-table-row-header:hover .rs-table-cell{
background-color:var(--rs-bg-card);
}
.rs-table-header-row-wrapper{
z-index:var(--rs-zindex-table-header-row-wrapper);
position:relative;
font-size:var(--rs-font-size-xs);
color:var(--rs-text-secondary);
}
.rs-table-affix-header{
z-index:calc(var(--rs-zindex-table-header-row-wrapper) + 1);
visibility:hidden;
}
.rs-table-affix-header.fixed{
visibility:visible;
}
.rs-table-body-row-wrapper{
position:relative;
overflow:hidden;
z-index:var(--rs-zindex-table-body-row-wrapper);
}
.rs-table-body-info{
width:100%;
text-align:center;
top:50%;
position:absolute;
margin-top:-20px;
line-height:40px;
}
.rs-table-body-info .icon{
margin:0 10px;
}
.rs-table-body-info-wheel-area,.rs-table-body-wheel-area{
width:100%;
}
.rs-table-loader-wrapper{
position:absolute;
height:100%;
width:100%;
background-color:var(--rs-loader-backdrop);
opacity:0;
transition:opacity 0.2s ease-in;
pointer-events:none;
}
.rs-table-loader{
width:100%;
text-align:center;
top:50%;
position:absolute;
margin-top:-20px;
line-height:40px;
}
.rs-table-loader-icon{
display:inline-block;
position:relative;
margin-inline-end:var(--rs-loader-content-spin-spacing-horizontal);
padding-top:3px;
}
.rs-table-loader-icon,.rs-table-loader-icon::before, .rs-table-loader-icon::after{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
}
.rs-table-loader-icon::before, .rs-table-loader-icon::after{
content:"";
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
display:block;
border-radius:var(--rs-radius-full);
}
.rs-table-loader-icon::before{
border:var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
}
.rs-table-loader-icon::after{
border-width:var(--rs-loader-spin-ring-width);
border-style:solid;
border-color:var(--rs-loader-rotor) transparent transparent;
animation:loaderSpin var(--rs-loader-duration-normal) infinite linear;
}
.rs-table-loading .rs-table-loader-wrapper{
visibility:visible;
opacity:1;
pointer-events:auto;
z-index:1;
}
.rs-table-cell{
height:36px;
display:block;
overflow:hidden;
position:absolute;
white-space:normal;
background-color:var(--rs-bg-card);
border-bottom:1px solid var(--rs-table-border-color);
}
.rs-table-cell.first{
border-left-width:0;
}
.rs-table-cell-wrap1{
display:table;
}
.rs-table-cell-wrap2{
display:table-row;
}
.rs-table-cell-wrap3{
display:table-cell;
vertical-align:middle;
}
.rs-table-cell-content{
padding-inline:var(--rs-table-cell-padding-x);
padding-block:var(--rs-table-cell-padding-y);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100%;
display:block;
}
.rs-table-cell-header{
background-color:var(--rs-table-header-bg);
color:var(--rs-text-secondary);
font-size:var(--rs-font-size-xs);
line-height:var(--rs-table-header-line-height);
}
.rs-table-cell-header .rs-table-cell-content{
padding:var(--rs-table-header-padding);
display:flex;
align-items:center;
}
.rs-table-cell-header .rs-table-cell-sort-wrapper{
cursor:pointer;
margin-inline-end:var(--rs-table-header-sort-margin-start);
}
.rs-table-cell-header-icon-sort{
font-size:var(--rs-font-size-base);
line-height:var(--rs-table-header-line-height);
display:flex;
}
.rs-table-cell-header-icon-sort:where([data-sort=asc]){
transform:rotate(180deg);
}
.rs-table-cell:where([aria-sort]) .rs-table-cell-header-icon-sort{
color:var(--rs-table-sort);
}
.rs-table-cell-header-sort-asc, .rs-table-cell-header-sort-desc{
color:var(--rs-text-primary);
}
.rs-table-cell-full-text:hover{
z-index:1 !important;
width:auto !important;
box-shadow:inset var(--rs-table-cell-hover-color) 0px 0px 2px;
}
.rs-table-cell-full-text:hover .rs-table-cell-content{
width:auto !important;
}
.rs-table-cell-header-sortable .rs-table-cell-content{
cursor:pointer;
}
.rs-table-column-resize-spanner{
height:36px;
width:3px;
z-index:var(--rs-zindex-table-column-resize-spanner);
position:absolute;
cursor:ew-resize !important;
outline:none;
box-sizing:content-box;
}
.rs-table-column-resize-spanner::after, .rs-table-column-resize-spanner::before{
content:" ";
position:absolute;
width:0;
height:0;
display:none;
top:50%;
margin-top:-3px;
}
.rs-table-column-resize-spanner::before{
border-style:dashed solid dashed dashed;
border-color:transparent var(--rs-table-resize) transparent transparent;
border-width:3px;
inset-inline-end:4px;
}
.rs-table-column-resize-spanner::after{
border-style:dashed dashed dashed solid;
border-color:transparent transparent transparent var(--rs-table-resize);
border-width:3px;
inset-inline-start:4px;
}
.rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner, .rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover{
background-color:var(--rs-table-resize);
}
.rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner::before, .rs-table:not(.rs-table-column-resizing) .rs-table-cell-header .rs-table-cell:hover ~ .rs-table-column-resize-spanner::after, .rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover::before, .rs-table:not(.rs-table-column-resizing) .rs-table-column-resize-spanner:hover::after{
display:block;
}
.rs-table-cell-group-fixed-right, .rs-table-cell-group-fixed-left{
position:absolute;
z-index:var(--rs-zindex-table-cell-group-fixed);
background-color:var(--rs-bg-card);
}
.rs-table-cell-group-shadow, .rs-table-cell-group-left-shadow{
box-shadow:3px 0 5px var(--rs-table-shadow);
}
.rs-table-cell-group-right-shadow{
box-shadow:-3px 0 5px var(--rs-table-shadow);
}
.rs-table-mouse-area{
display:none;
inset-inline-start:-1px;
top:0;
width:1px;
z-index:var(--rs-zindex-table-mouse-area);
}
.rs-table-mouse-area,.rs-table-mouse-area > span{
background-color:var(--rs-table-resize);
position:absolute;
}
.rs-table-mouse-area > span{
height:36px;
width:3px;
z-index:var(--rs-zindex-table-column-resize-spanner);
cursor:ew-resize !important;
outline:none;
inset-inline-start:-1.5px;
}
.rs-table-word-wrap .rs-table-cell-content{
white-space:normal;
}
.rs-table-bordered{
border:1px solid var(--rs-table-border-color);
}
.rs-table-cell-bordered .rs-table-cell{
border-right:1px solid var(--rs-table-border-color);
}
.rs-table-column-group{
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
top:0;
width:100%;
}
.rs-table-column-group-header{
border-bottom:1px solid var(--rs-table-border-color);
position:absolute;
width:100%;
}
.rs-table-column-group-header-content{
display:table-cell;
padding:10px;
}
.rs-table-column-group-cell{
position:absolute;
border-right:1px solid var(--rs-table-border-color);
}
.rs-table:not(.rs-table-has-rowspan) .rs-table-row{
border-bottom:1px solid var(--rs-table-border-color);
}
.rs-table-cell-expand-wrapper{
margin-inline-end:10px;
display:inline-block;
cursor:pointer;
}
.rs-table-cell-expand-icon{
cursor:pointer;
outline:none;
font-size:var(--rs-font-size-md);
transition:transform 0.3s ease;
}
.rs-table-cell-expand-icon:where([data-expanded=true]){
transform:rotate(90deg);
}
.rs-table-scrollbar{
background-color:var(--rs-table-scrollbar-track);
position:absolute;
transition:background var(--rs-table-scrollbar-timing-duration) linear, transform var(--rs-table-scrollbar-timing-duration) linear;
opacity:0.6;
z-index:1;
}
.rs-table-scrollbar-hide{
display:none;
}
.rs-table-scrollbar-handle{
position:absolute;
background-color:var(--rs-table-scrollbar-thumb);
border-radius:var(--rs-radius-sm);
}
.rs-table-scrollbar-pressed{
z-index:1;
}
.rs-table-scrollbar-pressed .rs-table-scrollbar-handle{
background-color:var(--rs-table-scrollbar-thumb-active);
}
.rs-table-scrollbar-horizontal{
width:100%;
height:var(--rs-table-scrollbar-width);
bottom:0;
}
.rs-table-scrollbar-horizontal.fixed{
position:fixed;
}
.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle{
height:var(--rs-table-scrollbar-handle-width);
left:0;
top:var(--rs-table-scrollbar-handle-gap);
}
.rs-table-scrollbar-pressed.rs-table-scrollbar-horizontal:hover, .rs-table-scrollbar-horizontal:hover{
transform-origin:center bottom;
transform:scaleY(1.3);
}
.rs-table-scrollbar-vertical{
top:0;
inset-inline-end:0;
width:var(--rs-table-scrollbar-width);
bottom:var(--rs-table-scrollbar-width);
background-color:var(--rs-table-scrollbar-vertical-track);
}
.rs-table-scrollbar-vertical .rs-table-scrollbar-handle{
min-height:20px;
width:var(--rs-table-scrollbar-handle-width);
top:0;
inset-inline-start:var(--rs-table-scrollbar-handle-gap);
}
.rs-table-scrollbar-pressed.rs-table-scrollbar-vertical:hover, .rs-table-scrollbar-vertical:hover{
transform-origin:right center;
transform:scaleX(1.3);
}
.rs-tabs{
display:flex;
flex-direction:column;
gap:10px;
}
.rs-tabs-reversed{
flex-direction:column-reverse;
}
.rs-tabs-vertical{
flex-direction:row;
}
.rs-tabs-vertical .rs-tabs-content{
flex:1;
}
.rs-tabs .rs-nav-vertical{
display:flex;
flex-direction:column;
}
:root{
--rs-tag-border-radius:var(--rs-radius-md);
--rs-tag-spacing:0.25rem;
--rs-tag-font-size-sm:var(--rs-font-size-xs);
--rs-tag-font-size-md:var(--rs-font-size-xs);
--rs-tag-font-size-lg:var(--rs-font-size-sm);
--rs-tag-padding-sm:0 8px;
--rs-tag-padding-md:2px 8px;
--rs-tag-padding-lg:5px 10px;
--rs-tag-line-height-sm:var(--rs-line-height-sm);
--rs-tag-line-height-md:var(--rs-line-height-sm);
--rs-tag-line-height-lg:var(--rs-line-height-md);
}
.rs-tag{
display:inline-flex;
align-items:center;
box-sizing:border-box;
gap:var(--rs-tag-spacing);
border-radius:var(--rs-tag-border-radius);
padding:var(--rs-tag-padding, var(--rs-tag-padding-md));
font-size:var(--rs-tag-font-size, var(--rs-tag-font-size-md));
line-height:var(--rs-tag-line-height, var(--rs-tag-line-height-md));
background-color:var(--rs-tag-bg);
color:var(--rs-tag-text, var(--rs-text-primary));
}
.rs-tag-icon-close{
padding:0;
}
.rs-tag[data-size=lg]{
--rs-tag-padding:var(--rs-tag-padding-lg);
--rs-tag-font-size:var(--rs-tag-font-size-lg);
--rs-tag-line-height:var(--rs-tag-line-height-lg);
}
.rs-tag[data-size=md]{
--rs-tag-padding:var(--rs-tag-padding-md);
--rs-tag-font-size:var(--rs-tag-font-size-md);
--rs-tag-line-height:var(--rs-tag-line-height-md);
}
.rs-tag[data-size=sm]{
--rs-tag-padding:var(--rs-tag-padding-sm);
--rs-tag-font-size:var(--rs-tag-font-size-sm);
--rs-tag-line-height:var(--rs-tag-line-height-sm);
}
.rs-tag[data-color=primary]{
--rs-tag-bg:var(--rs-primary-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=secondary]{
--rs-tag-bg:var(--rs-secondary-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=success]{
--rs-tag-bg:var(--rs-success-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=warning]{
--rs-tag-bg:var(--rs-warning-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=error]{
--rs-tag-bg:var(--rs-error-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=info]{
--rs-tag-bg:var(--rs-info-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=dark]{
--rs-tag-bg:var(--rs-dark-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=cyan]{
--rs-tag-bg:var(--rs-cyan-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=violet]{
--rs-tag-bg:var(--rs-violet-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=orange]{
--rs-tag-bg:var(--rs-orange-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=yellow]{
--rs-tag-bg:var(--rs-yellow-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=green]{
--rs-tag-bg:var(--rs-green-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=red]{
--rs-tag-bg:var(--rs-red-500);
--rs-tag-text:#fff;
}
.rs-tag[data-color=blue]{
--rs-tag-bg:var(--rs-blue-500);
--rs-tag-text:#fff;
}
.rs-tag-group{
--rs-tag-group-gap:0.625rem;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:var(--rs-tag-group-gap);
}
.rs-picker[data-picker=tag]{
--rs-tag-picker-input-font-size-xs:var(--rs-font-size-xs);
--rs-tag-picker-input-font-size-sm:var(--rs-font-size-sm);
--rs-tag-picker-input-font-size-md:var(--rs-font-size-sm);
--rs-tag-picker-input-font-size-lg:var(--rs-font-size-md);
--rs-tag-border-radius:var(--rs-radius-sm);
--rs-tag-picker-padding-block:calc(var(--rs-padding-block-md) - 1px);
position:relative;
border-width:1px;
border-style:solid;
border-color:var(--rs-picker-toggle-border-color, var(--rs-border-primary));
border-radius:var(--rs-radius-md);
transition:var(--rs-picker-transition);
background-color:var(--rs-input-bg);
overflow:hidden;
}
.rs-picker[data-picker=tag] .rs-picker-toggle{
position:absolute;
height:100%;
width:100%;
border:none !important;
height:var(--rs-picker-input-height, 100%);
inset-inline-start:0;
cursor:text;
box-shadow:none;
padding-block:var(--rs-tag-picker-padding-block);
}
.rs-picker[data-picker=tag] .rs-picker-textbox{
min-width:11.75rem;
margin-inline-end:var(--rs-picker-textbox-min-height);
}
.rs-picker[data-picker=tag] .rs-tag{
vertical-align:top;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rs-picker[data-picker=tag] .rs-picker-search > input{
background:none;
outline:none;
border:none;
width:100%;
}
.rs-picker[data-picker=tag] .rs-picker-search, .rs-picker[data-picker=tag] .rs-picker-search-input, .rs-picker[data-picker=tag] .rs-picker-search-input > input{
display:inline-block;
width:auto;
min-width:14px;
}
.rs-picker[data-picker=tag] .rs-picker-search-input > input{
padding:0;
border:transparent;
background:transparent;
}
.rs-picker[data-picker=tag] .rs-picker-textbox{
min-height:var(--rs-picker-textbox-min-height, 34px);
position:relative;
z-index:calc(var(--rs-zindex-picker-toggle) + 1);
}
.rs-picker[data-picker=tag] .rs-picker-textbox .rs-picker-search-input{
font-size:var(--rs-tag-picker-input-font-size, 0.875rem);
padding:var(--rs-tag-picker-input-padding, 2px 4px);
}
.rs-picker[data-picker=tag] .rs-picker-tag-list{
display:inline-flex;
flex-wrap:wrap;
align-items:flex-start;
gap:var(--rs-tag-spacing, 4px);
padding:var(--rs-tag-list-padding, 4px);
padding-inline-end:0;
}
.rs-picker[data-picker=tag] .rs-picker-tag-list .rs-tag{
border-radius:var(--rs-tag-border-radius);
}
.rs-plaintext .rs-tag{
margin:0;
}
.rs-picker[data-picker=tag][data-size=lg]{
--rs-tag-spacing:5px;
--rs-tag-list-padding:5px;
--rs-picker-textbox-min-height:40px;
--rs-tag-picker-input-font-size:var(--rs-tag-picker-input-font-size-lg);
--rs-tag-picker-input-padding:3px 5px;
--rs-tag-picker-padding-block:var(--rs-btn-padding-block-lg);
}
.rs-picker[data-picker=tag][data-size=md]{
--rs-tag-spacing:5px;
--rs-tag-list-padding:5px;
--rs-picker-textbox-min-height:34px;
--rs-tag-picker-input-font-size:var(--rs-tag-picker-input-font-size-md);
--rs-tag-picker-input-padding:2px 4px;
--rs-tag-picker-padding-block:var(--rs-btn-padding-block-md);
}
.rs-picker[data-picker=tag][data-size=sm]{
--rs-tag-spacing:4px;
--rs-tag-list-padding:4px;
--rs-picker-textbox-min-height:28px;
--rs-tag-picker-input-font-size:var(--rs-tag-picker-input-font-size-sm);
--rs-tag-picker-input-padding:0 2px;
--rs-tag-picker-padding-block:var(--rs-btn-padding-block-sm);
}
.rs-picker[data-picker=tag][data-size=xs]{
--rs-tag-spacing:2px;
--rs-tag-list-padding:1px;
--rs-picker-textbox-min-height:22px;
--rs-tag-picker-input-font-size:var(--rs-tag-picker-input-font-size-xs);
--rs-tag-picker-input-padding:0 1px;
--rs-tag-picker-padding-block:var(--rs-btn-padding-block-xs);
}
.rs-picker[data-disabled-options=true]{
--rs-picker-textbox-margin-inline:var(--rs-picker-textbox-min-height);
}
:root{
--rs-text-weight-thin:100;
--rs-text-weight-light:300;
--rs-text-weight-regular:400;
--rs-text-weight-medium:500;
--rs-text-weight-semibold:600;
--rs-text-weight-bold:700;
--rs-text-weight-extrabold:800;
}
.rs-text{
font-family:var(--rs-font-family-base);
margin:0;
color:var(--rs-text-color, var(--rs-text-primary));
font-size:var(--rs-font-size);
line-height:var(--rs-text-line-height, var(--rs-line-height-md));
line-clamp:var(--rs-text-max-lines);
}
.rs-text.rs-text-muted{
color:var(--rs-text-secondary);
}
.rs-text-left{
text-align:start;
}
.rs-text-center{
text-align:center;
}
.rs-text-right{
text-align:end;
}
.rs-text-justify{
text-align:justify;
}
.rs-text-uppercase{
text-transform:uppercase;
}
.rs-text-lowercase{
text-transform:lowercase;
}
.rs-text-capitalize{
text-transform:capitalize;
}
.rs-text-thin{
font-weight:var(--rs-text-weight-thin);
}
.rs-text-light{
font-weight:var(--rs-text-weight-light);
}
.rs-text-medium{
font-weight:var(--rs-text-weight-medium);
}
.rs-text-semibold{
font-weight:var(--rs-text-weight-semibold);
}
.rs-text-bold{
font-weight:var(--rs-text-weight-bold);
}
.rs-text-extrabold{
font-weight:var(--rs-text-weight-extrabold);
}
.rs-text-pre-line{
white-space:pre-line;
}
.rs-text-ellipsis{
overflow:hidden;
}
@supports (-webkit-line-clamp: 1){
.rs-text-ellipsis{
display:-webkit-box;
-webkit-box-orient:vertical;
}
}
@supports not (-webkit-line-clamp: 1){
.rs-text-ellipsis{
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:break-word;
}
}
.rs-text-primary{
--rs-text-color:var(--rs-primary-500);
}
.rs-text-secondary{
--rs-text-color:var(--rs-secondary-500);
}
.rs-text-success{
--rs-text-color:var(--rs-success-500);
}
.rs-text-warning{
--rs-text-color:var(--rs-warning-500);
}
.rs-text-error{
--rs-text-color:var(--rs-error-500);
}
.rs-text-info{
--rs-text-color:var(--rs-info-500);
}
.rs-text-dark{
--rs-text-color:var(--rs-dark-500);
}
.rs-text-cyan{
--rs-text-color:var(--rs-cyan-500);
}
.rs-text-violet{
--rs-text-color:var(--rs-violet-500);
}
.rs-text-orange{
--rs-text-color:var(--rs-orange-500);
}
.rs-text-yellow{
--rs-text-color:var(--rs-yellow-500);
}
.rs-text-green{
--rs-text-color:var(--rs-green-500);
}
.rs-text-red{
--rs-text-color:var(--rs-red-500);
}
.rs-text-blue{
--rs-text-color:var(--rs-blue-500);
}
.rs-text:where([style*=size-xs]){
--rs-text-line-height:var(--rs-text-line-height-xs);
}
.rs-text:where([style*=size-sm]){
--rs-text-line-height:var(--rs-text-line-height-sm);
}
.rs-text:where([style*=size-md]){
--rs-text-line-height:var(--rs-text-line-height-md);
}
.rs-text:where([style*=size-lg]){
--rs-text-line-height:var(--rs-text-line-height-lg);
}
.rs-text:where([style*=size-xl]){
--rs-text-line-height:var(--rs-text-line-height-xl);
}
.rs-text:where([style*=size-2xl]){
--rs-text-line-height:var(--rs-text-line-height-2xl);
}
.rs-text:where([style*=size-3xl]){
--rs-text-line-height:var(--rs-text-line-height-3xl);
}
.rs-text:where([style*=size-4xl]){
--rs-text-line-height:var(--rs-text-line-height-4xl);
}
.rs-text:where([style*=size-5xl]){
--rs-text-line-height:var(--rs-text-line-height-5xl);
}
.rs-text:where([style*=size-6xl]){
--rs-text-line-height:var(--rs-text-line-height-6xl);
}
kbd.rs-text{
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
flex-shrink:0;
white-space:nowrap;
word-spacing:-0.4em;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
border-radius:var(--rs-radius-sm);
line-height:1.7em;
padding-inline-start:0.5em;
padding-inline-end:0.5em;
padding-bottom:0.05em;
height:-moz-fit-content;
height:fit-content;
box-sizing:border-box;
background-color:var(--rs-kbd-bg);
border:solid 1px var(--rs-kbd-border);
box-shadow:inset 0 -1px 0 var(--rs-kbd-border);
color:var(--rs-kbd-text);
font-family:var(--rs-kbd-font-family);
font-size:var(--rs-kbd-font-size);
letter-spacing:var(--rs-kbd-letter-spacing);
}
blockquote.rs-text{
font-style:italic;
padding-inline-start:1.5rem;
border-left:2px solid var(--rs-gray-200);
}
.rs-textarea{
--rs-textarea-resize:none;
overflow:auto;
resize:var(--rs-textarea-resize);
height:auto;
}
.rs-timeline{
--rs-time-line-tail-min-height:2.375rem;
--rs-time-line-item-content-margin:12px;
--rs-time-line-dot-side-length:10px;
--rs-time-line-alternate-time-offset:calc(
var(--rs-time-line-dot-side-length) / 2 + var(--rs-time-line-item-content-margin)
);
--rs-time-line-dot-center-gap:calc(var(--rs-time-line-dot-side-length) / 2);
--rs-time-line-item-content-padding-bottom:18px;
--rs-time-line-tail-width:2px;
--rs-time-line-item-padding:calc(
var(--rs-time-line-item-content-margin) + var(--rs-time-line-dot-side-length)
);
list-style:none;
padding:0;
margin-bottom:0;
direction:ltr;
}
.rs-timeline-item{
position:relative;
text-align:start;
}
.rs-timeline-item:not(:last-child) .rs-timeline-item-content{
padding-bottom:var(--rs-time-line-item-content-padding-bottom);
}
.rs-timeline-item-dot{
position:absolute;
top:var(--rs-time-line-dot-center-gap);
}
.rs-timeline-item-dot::before{
content:"";
display:block;
width:var(--rs-time-line-dot-side-length);
height:var(--rs-time-line-dot-side-length);
background-color:var(--rs-timeline-indicator-bg);
border-radius:var(--rs-radius-full);
}
.rs-timeline-item-custom-dot{
text-align:center;
}
.rs-timeline-item-custom-dot::before{
display:none;
}
.rs-timeline-item-active .rs-timeline-item-dot::before{
background-color:var(--rs-timeline-indicator-active-bg);
}
.rs-timeline-item-tail{
position:absolute;
top:0;
bottom:0;
width:var(--rs-time-line-tail-width);
background-color:var(--rs-timeline-indicator-bg);
}
.rs-timeline-item:first-child .rs-timeline-item-tail{
top:var(--rs-time-line-dot-center-gap);
}
.rs-timeline-item:last-child .rs-timeline-item-tail{
bottom:auto;
height:calc(var(--rs-time-line-dot-center-gap) + var(--rs-time-line-dot-side-length));
}
.rs-timeline-endless .rs-timeline-item:last-child .rs-timeline-item-tail{
height:auto;
min-height:var(--rs-time-line-tail-min-height);
}
.rs-timeline-item:only-child .rs-timeline-item-tail{
display:none;
}
.rs-timeline-align-left .rs-timeline-item-dot{
left:0;
}
.rs-timeline-align-left .rs-timeline-item-tail{
left:calc(var(--rs-time-line-dot-side-length) / 2 - var(--rs-time-line-tail-width) / 2);
}
.rs-timeline-align-left .rs-timeline-item{
padding-left:var(--rs-time-line-item-content-margin-left);
padding-inline-start:var(--rs-time-line-item-padding);
}
.rs-timeline-align-right .rs-timeline-item-dot{
right:0;
}
.rs-timeline-align-right .rs-timeline-item-tail{
right:calc(var(--rs-time-line-dot-side-length) / 2 - var(--rs-time-line-tail-width) / 2);
}
.rs-timeline-align-right .rs-timeline-item{
padding-right:var(--rs-time-line-item-content-margin-left);
padding-inline-end:var(--rs-time-line-item-padding);
}
.rs-timeline-align-right .rs-timeline-item-content{
text-align:end;
}
.rs-timeline-align-alternate .rs-timeline-item-dot{
inset-inline-start:calc(50% - var(--rs-time-line-dot-side-length) / 2);
}
.rs-timeline-align-alternate .rs-timeline-item-tail{
inset-inline-start:calc(50% - var(--rs-time-line-tail-width) / 2);
}
.rs-timeline-align-alternate .rs-timeline-item-content{
width:50%;
}
.rs-timeline-align-alternate .rs-timeline-item:nth-child(even) .rs-timeline-item-content,.rs-timeline-align-alternate .rs-timeline-item:nth-child(odd){
text-align:end;
}
.rs-timeline-align-alternate .rs-timeline-item:nth-child(odd) .rs-timeline-item-content{
display:inline-block;
text-align:start;
}
.rs-timeline-with-time .rs-timeline-item{
display:flex;
padding-inline-start:0;
}
.rs-timeline-with-time .rs-timeline-item-dot{
inset-inline-start:calc(50% - var(--rs-time-line-dot-side-length) / 2);
}
.rs-timeline-with-time .rs-timeline-item-tail{
inset-inline-start:calc(50% - var(--rs-time-line-tail-width) / 2);
}
.rs-timeline-with-time .rs-timeline-item-time, .rs-timeline-with-time .rs-timeline-item-content{
flex:1 0 50%;
}
.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n), .rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item{
flex-direction:row-reverse;
}
.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item{
padding-inline-end:0;
}
.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-time{
text-align:end;
}
.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-time{
text-align:start;
}
.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-time, .rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-content, .rs-timeline-align-alternate .rs-timeline-item:nth-child(2n+1) .rs-timeline-item-time, .rs-timeline-align-alternate .rs-timeline-item:nth-child(2n) .rs-timeline-item-content{
padding-inline-end:var(--rs-time-line-alternate-time-offset);
}
.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-content, .rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-time, .rs-timeline-align-alternate .rs-timeline-item:nth-child(2n+1) .rs-timeline-item-content, .rs-timeline-align-alternate .rs-timeline-item:nth-child(2n) .rs-timeline-item-time{
padding-inline-start:var(--rs-time-line-alternate-time-offset);
}
.rs-toggle{
--rs-toggle-transition:0.2s ease-in-out;
--rs-toggle-gap:10px;
--rs-toggle-active-scale:1.2;
--rs-toggle-font-size-xs:var(--rs-font-size-2xs);
--rs-toggle-inner-font-size-xs:var(--rs-font-size-3xs);
--rs-toggle-line-height-xs:1;
--rs-toggle-gap-xs:4px;
--rs-toggle-handle-gap-xs:2px;
--rs-toggle-size-xs:14px;
--rs-toggle-inner-margin-xs:4px;
--rs-toggle-font-size-sm:var(--rs-font-size-xs);
--rs-toggle-inner-font-size-sm:var(--rs-font-size-2xs);
--rs-toggle-line-height-sm:1.4;
--rs-toggle-gap-sm:6px;
--rs-toggle-handle-gap-sm:2px;
--rs-toggle-size-sm:18px;
--rs-toggle-inner-margin-sm:6px;
--rs-toggle-font-size-md:var(--rs-font-size-sm);
--rs-toggle-inner-font-size-md:var(--rs-font-size-xs);
--rs-toggle-line-height-md:2;
--rs-toggle-gap-md:8px;
--rs-toggle-handle-gap-md:3px;
--rs-toggle-size-md:22px;
--rs-toggle-inner-margin-md:8px;
--rs-toggle-font-size-lg:var(--rs-font-size-md);
--rs-toggle-inner-font-size-lg:var(--rs-font-size-sm);
--rs-toggle-line-height-lg:2.14285714;
--rs-toggle-gap-lg:10px;
--rs-toggle-handle-gap-lg:4px;
--rs-toggle-size-lg:28px;
--rs-toggle-inner-margin-lg:10px;
--rs-toggle-font-size-xl:var(--rs-font-size-lg);
--rs-toggle-inner-font-size-xl:var(--rs-font-size-md);
--rs-toggle-line-height-xl:2.14285714;
--rs-toggle-gap-xl:12px;
--rs-toggle-handle-gap-xl:5px;
--rs-toggle-size-xl:34px;
--rs-toggle-inner-margin-xl:12px;
position:relative;
display:inline-flex;
align-items:center;
font-size:var(--rs-toggle-font-size);
gap:var(--rs-toggle-gap);
}
.rs-toggle[data-size=xs]{
--rs-toggle-font-size:var(--rs-toggle-font-size-xs);
--rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xs);
--rs-toggle-line-height:var(--rs-toggle-line-height-xs);
--rs-toggle-inner-margin:var(--rs-toggle-inner-margin-xs);
--rs-toggle-handle-size:calc(
var(--rs-toggle-size-xs) - var(--rs-toggle-handle-gap-xs) * 2
);
--rs-toggle-handle-gap:var(--rs-toggle-handle-gap-xs);
--rs-toggle-gap:var(--rs-toggle-gap-xs);
--rs-toggle-min-width:calc(var(--rs-toggle-size-xs) * 2 - var(--rs-toggle-handle-gap));
--rs-toggle-size:var(--rs-toggle-size-xs);
--rs-toggle-checked-margin-left:calc(
(var(--rs-toggle-size) - var(--rs-toggle-handle-gap)) * -1
);
--rs-toggle-active-checked-margin-left:calc(
(var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
);
}
.rs-toggle[data-size=sm]{
--rs-toggle-font-size:var(--rs-toggle-font-size-sm);
--rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-sm);
--rs-toggle-line-height:var(--rs-toggle-line-height-sm);
--rs-toggle-inner-margin:var(--rs-toggle-inner-margin-sm);
--rs-toggle-handle-size:calc(
var(--rs-toggle-size-sm) - var(--rs-toggle-handle-gap-sm) * 2
);
--rs-toggle-handle-gap:var(--rs-toggle-handle-gap-sm);
--rs-toggle-gap:var(--rs-toggle-gap-sm);
--rs-toggle-min-width:calc(var(--rs-toggle-size-sm) * 2 - var(--rs-toggle-handle-gap));
--rs-toggle-size:var(--rs-toggle-size-sm);
--rs-toggle-checked-margin-left:calc(
(var(--rs-toggle-size) - var(--rs-toggle-handle-gap)) * -1
);
--rs-toggle-active-checked-margin-left:calc(
(var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
);
}
.rs-toggle[data-size=md]{
--rs-toggle-font-size:var(--rs-toggle-font-size-md);
--rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-md);
--rs-toggle-line-height:var(--rs-toggle-line-height-md);
--rs-toggle-inner-margin:var(--rs-toggle-inner-margin-md);
--rs-toggle-handle-size:calc(
var(--rs-toggle-size-md) - var(--rs-toggle-handle-gap-md) * 2
);
--rs-toggle-handle-gap:var(--rs-toggle-handle-gap-md);
--rs-toggle-gap:var(--rs-toggle-gap-md);
--rs-toggle-min-width:calc(var(--rs-toggle-size-md) * 2 - var(--rs-toggle-handle-gap));
--rs-toggle-size:var(--rs-toggle-size-md);
--rs-toggle-checked-margin-left:calc(
(var(--rs-toggle-size) - var(--rs-toggle-handle-gap)) * -1
);
--rs-toggle-active-checked-margin-left:calc(
(var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
);
}
.rs-toggle[data-size=lg]{
--rs-toggle-font-size:var(--rs-toggle-font-size-lg);
--rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-lg);
--rs-toggle-line-height:var(--rs-toggle-line-height-lg);
--rs-toggle-inner-margin:var(--rs-toggle-inner-margin-lg);
--rs-toggle-handle-size:calc(
var(--rs-toggle-size-lg) - var(--rs-toggle-handle-gap-lg) * 2
);
--rs-toggle-handle-gap:var(--rs-toggle-handle-gap-lg);
--rs-toggle-gap:var(--rs-toggle-gap-lg);
--rs-toggle-min-width:calc(var(--rs-toggle-size-lg) * 2 - var(--rs-toggle-handle-gap));
--rs-toggle-size:var(--rs-toggle-size-lg);
--rs-toggle-checked-margin-left:calc(
(var(--rs-toggle-size) - var(--rs-toggle-handle-gap)) * -1
);
--rs-toggle-active-checked-margin-left:calc(
(var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
);
}
.rs-toggle[data-size=xl]{
--rs-toggle-font-size:var(--rs-toggle-font-size-xl);
--rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xl);
--rs-toggle-line-height:var(--rs-toggle-line-height-xl);
--rs-toggle-inner-margin:var(--rs-toggle-inner-margin-xl);
--rs-toggle-handle-size:calc(
var(--rs-toggle-size-xl) - var(--rs-toggle-handle-gap-xl) * 2
);
--rs-toggle-handle-gap:var(--rs-toggle-handle-gap-xl);
--rs-toggle-gap:var(--rs-toggle-gap-xl);
--rs-toggle-min-width:calc(var(--rs-toggle-size-xl) * 2 - var(--rs-toggle-handle-gap));
--rs-toggle-size:var(--rs-toggle-size-xl);
--rs-toggle-checked-margin-left:calc(
(var(--rs-toggle-size) - var(--rs-toggle-handle-gap)) * -1
);
--rs-toggle-active-checked-margin-left:calc(
(var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
);
}
.rs-toggle[data-color=red]{
--rs-toggle-checked-bg:var(--rs-red-500);
--rs-toggle-checked-hover-bg:var(--rs-red-600);
}
.rs-toggle[data-color=orange]{
--rs-toggle-checked-bg:var(--rs-orange-500);
--rs-toggle-checked-hover-bg:var(--rs-orange-600);
}
.rs-toggle[data-color=yellow]{
--rs-toggle-checked-bg:var(--rs-yellow-500);
--rs-toggle-checked-hover-bg:var(--rs-yellow-600);
}
.rs-toggle[data-color=green]{
--rs-toggle-checked-bg:var(--rs-green-500);
--rs-toggle-checked-hover-bg:var(--rs-green-600);
}
.rs-toggle[data-color=cyan]{
--rs-toggle-checked-bg:var(--rs-cyan-500);
--rs-toggle-checked-hover-bg:var(--rs-cyan-600);
}
.rs-toggle[data-color=blue]{
--rs-toggle-checked-bg:var(--rs-blue-500);
--rs-toggle-checked-hover-bg:var(--rs-blue-600);
}
.rs-toggle[data-color=violet]{
--rs-toggle-checked-bg:var(--rs-violet-500);
--rs-toggle-checked-hover-bg:var(--rs-violet-600);
}
.rs-toggle:where([data-placement=start]){
flex-direction:row-reverse;
}
.rs-toggle-label{
cursor:pointer;
font-size:inherit;
}
.rs-toggle-inner{
display:flex;
align-items:center;
justify-content:center;
transition:margin var(--rs-toggle-transition);
font-size:var(--rs-toggle-inner-font-size);
line-height:var(--rs-toggle-line-height);
margin-inline-start:var(--rs-toggle-size);
margin-inline-end:var(--rs-toggle-inner-margin);
height:var(--rs-toggle-size);
}
.rs-toggle-inner .rs-icon{
font-size:inherit;
}
.rs-toggle-input{
cursor:pointer;
position:absolute;
inset:0;
opacity:0;
}
.rs-toggle-track{
position:relative;
display:inline-block;
box-sizing:border-box;
vertical-align:middle;
background-color:var(--rs-toggle-bg);
color:var(--rs-toggle-thumb);
cursor:pointer;
transition:background-color var(--rs-toggle-transition), width var(--rs-toggle-transition);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
height:var(--rs-toggle-size);
line-height:1;
min-width:var(--rs-toggle-min-width);
border-radius:var(--rs-radius-full);
}
.rs-toggle-track::after{
width:var(--rs-toggle-handle-size);
height:var(--rs-toggle-handle-size);
inset-inline-start:var(--rs-toggle-handle-gap);
top:var(--rs-toggle-handle-gap);
border-radius:var(--rs-radius-full);
}
.rs-toggle-track:active::after{
width:calc(var(--rs-toggle-handle-size) * var(--rs-toggle-active-scale));
}
[data-theme=high-contrast] .rs-toggle-track, .rs-theme-high-contrast .rs-toggle-track{
transition:none;
box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb);
}
.rs-toggle-input:focus-visible + .rs-toggle-track{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
}
.rs-toggle-track:hover{
background-color:var(--rs-toggle-hover-bg);
}
.rs-toggle-track::after{
content:"";
cursor:pointer;
position:absolute;
background-color:currentColor;
transition:inset-inline-start var(--rs-toggle-transition), margin-inline-start var(--rs-toggle-transition), width var(--rs-toggle-transition);
}
.rs-toggle[data-disabled=true] .rs-toggle-track{
background-color:var(--rs-toggle-disabled-bg);
color:var(--rs-toggle-disabled-thumb);
pointer-events:none;
}
.rs-toggle[data-checked=true] .rs-toggle-track{
background-color:var(--rs-toggle-checked-bg);
color:var(--rs-toggle-checked-thumb);
box-shadow:none;
}
.rs-toggle[data-checked=true] .rs-toggle-track::after{
inset-inline-start:100%;
margin-inline-start:var(--rs-toggle-checked-margin-left);
}
.rs-toggle[data-checked=true] .rs-toggle-track:active::after{
margin-inline-start:var(--rs-toggle-active-checked-margin-left);
}
.rs-toggle[data-checked=true] .rs-toggle-track .rs-toggle-inner{
margin-inline-end:var(--rs-toggle-size);
margin-inline-start:var(--rs-toggle-inner-margin);
}
.rs-toggle[data-checked=true] .rs-toggle-track:hover{
background-color:var(--rs-toggle-checked-hover-bg);
}
.rs-toggle[data-checked=true][data-disabled=true] .rs-toggle-track{
background-color:var(--rs-toggle-checked-disabled-bg);
color:var(--rs-toggle-checked-disabled-thumb);
}
.rs-toggle[data-loading=true] .rs-toggle-track::after{
display:none;
}
.rs-toggle-loader{
position:absolute;
transition:left var(--rs-toggle-transition), margin-left var(--rs-toggle-transition), width var(--rs-toggle-transition);
inset-inline-start:var(--rs-toggle-handle-gap);
top:var(--rs-toggle-handle-gap);
}
.rs-toggle-loader,.rs-toggle-loader .rs-loader-spin,
.rs-toggle-loader .rs-loader-spin::before,
.rs-toggle-loader .rs-loader-spin::after{
width:var(--rs-toggle-handle-size);
height:var(--rs-toggle-handle-size);
}
.rs-toggle-loader .rs-loader-spin::before,
.rs-toggle-loader .rs-loader-spin::after{
border-width:2px;
}
.rs-toggle[data-checked=true] .rs-toggle-loader{
inset-inline-start:100%;
margin-inline-start:var(--rs-toggle-checked-margin-left);
}
.rs-toggle-loader .rs-loader-spin::before{
border-color:var(--rs-toggle-loader-ring);
}
.rs-toggle-loader .rs-loader-spin::after{
border-top-color:var(--rs-toggle-loader-rotor);
}
[data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before{
border-color:var(--rs-gray-200);
}
[data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after{
border-top-color:var(--rs-gray-500);
}
.rs-toast{
--rs-toast-shadow:var(--rs-shadow-md);
pointer-events:auto;
}
.rs-toast-container{
--rs-toast-spacing:1.5rem;
position:fixed;
z-index:var(--rs-zindex-notification);
pointer-events:none;
display:flex;
flex-direction:column;
}
.rs-toast-container .rs-toast:not(.rs-notification){
box-shadow:var(--rs-toast-shadow);
}
.rs-toast-container-top-center, .rs-toast-container-bottom-center{
align-items:center;
width:100%;
}
.rs-toast-container-top-center .rs-toast-fade-entered, .rs-toast-container-bottom-center .rs-toast-fade-entered{
animation-name:notificationMoveIn;
}
.rs-toast-container-bottom-start, .rs-toast-container-top-start{
align-items:flex-start;
inset-inline-start:var(--rs-toast-spacing);
}
.rs-toast-container-bottom-start .rs-toast-fade-entered, .rs-toast-container-top-start .rs-toast-fade-entered{
animation-name:notificationMoveInLeft;
}
[dir=rtl] .rs-toast-container-bottom-start .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-start .rs-toast-fade-entered{
animation-name:notificationMoveInRight;
}
.rs-toast-container-bottom-end, .rs-toast-container-top-end{
align-items:flex-end;
inset-inline-end:var(--rs-toast-spacing);
}
.rs-toast-container-bottom-end .rs-toast-fade-entered, .rs-toast-container-top-end .rs-toast-fade-entered{
margin-inline-start:auto;
animation-name:notificationMoveInRight;
}
[dir=rtl] .rs-toast-container-bottom-end .rs-toast-fade-entered, [dir=rtl] .rs-toast-container-top-end .rs-toast-fade-entered{
animation-name:notificationMoveInLeft;
}
.rs-toast-container-top-center, .rs-toast-container-top-start, .rs-toast-container-top-end{
top:var(--rs-toast-spacing);
}
.rs-toast-container-bottom-center, .rs-toast-container-bottom-start, .rs-toast-container-bottom-end{
bottom:var(--rs-toast-spacing);
}
.rs-toast-fade-entered,
.rs-toast-fade-exiting{
animation-fill-mode:forwards;
}
.rs-toast-fade-entered{
animation-duration:0.4s;
animation-timing-function:cubic-bezier(0.99, 0.44, 0.44, 1.35);
}
.rs-toast-fade-exited,
.rs-toast-fade-entering{
opacity:0;
}
.rs-toast-fade-exited{
transform-origin:0 0;
transform:scaleY(0.8);
max-height:0;
overflow:hidden;
}
.rs-toast-fade-exiting{
animation-duration:0.3s;
animation-timing-function:cubic-bezier(0.64, 0.65, 0.57, 1.13);
animation-name:notificationMoveOut;
}
:root{
--rs-tree-node-font-size:var(--rs-font-size-sm);
--rs-tree-node-line-height:var(--rs-text-line-height-sm);
--rs-tree-node-padding-block:var(--rs-padding-block-md);
--rs-tree-node-padding-inline:var(--rs-padding-inline-md);
--rs-tree-node-label-padding:var(--rs-spacing);
--rs-tree-node-label-border-radius:var(--rs-radius-md);
}
.rs-tree{
height:100%;
flex:1 1 auto;
}
.rs-tree-drag-preview{
position:absolute;
top:0;
color:var(--rs-text-primary);
background-color:var(--rs-bg-overlay);
display:inline-block;
margin:0;
padding-inline:var(--rs-tree-node-padding-inline);
padding-block:var(--rs-tree-node-padding-block);
border-radius:var(--rs-radius-md);
box-shadow:var(--rs-shadow-sm);
z-index:-1;
}
.rs-tree .rs-search-box{
padding:6px;
}
.rs-tree .rs-tree-empty{
padding:6px 12px;
color:var(--rs-text-secondary);
}
.rs-tree-view{
max-height:var(--rs-tree-view-height, 340px);
overflow-y:auto;
}
.rs-tree.rs-tree-virtualized .rs-tree-view{
overflow:hidden;
}
.rs-tree .rs-highlight-mark{
padding:0;
}
.rs-tree-group{
padding-inline-start:18px;
}
.rs-tree-node{
position:relative;
text-align:start;
margin:0 0 4px 0;
display:flex;
align-items:center;
}
.rs-tree-node:focus-visible .rs-tree-node-label{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
}
.rs-tree-node-label{
position:relative;
margin:1px;
cursor:pointer;
font-size:var(--rs-tree-node-font-size);
line-height:var(--rs-tree-node-line-height);
padding:var(--rs-tree-node-label-padding);
border-radius:var(--rs-tree-node-label-border-radius);
}
.rs-tree-node-label:hover, .rs-tree-node-label:focus, .rs-tree-node-label.rs-tree-node-label-focus{
background-color:var(--rs-listbox-option-hover-bg);
color:var(--rs-listbox-option-hover-text);
}
[data-theme=high-contrast] .rs-tree-node-label:hover, .rs-theme-high-contrast .rs-tree-node-label:hover, [data-theme=high-contrast] .rs-tree-node-label:focus, .rs-theme-high-contrast .rs-tree-node-label:focus, [data-theme=high-contrast] .rs-tree-node-label.rs-tree-node-label-focus, .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus{
outline:2px solid var(--rs-focus-ring-color);
outline-offset:-1px;
outline-offset:-3px;
outline-width:2px;
color:var(--rs-listbox-option-hover-text);
text-decoration:underline;
}
.rs-tree-node-label::after{
content:"";
position:absolute;
width:0;
height:0;
inset-inline-start:-8px;
border-left:6px solid var(--rs-text-link);
border-top:3px solid transparent;
border-bottom:3px solid transparent;
display:none;
}
.rs-tree-node-active .rs-tree-node-label{
font-weight:var(--rs-picker-select-menu-item-selected-font-weight);
color:var(--rs-text-link);
background-color:var(--rs-listbox-option-selected-bg);
}
.rs-tree-node-drag-over{
background-color:var(--rs-listbox-option-hover-bg);
}
.rs-tree-node-dragging{
outline:1px dashed var(--rs-primary-500);
}
.rs-tree-node-drag-over-top.rs-tree-node-label{
border-top:2px solid var(--rs-text-link) !important;
border-radius:var(--rs-radius-none);
}
.rs-tree-node-drag-over-top.rs-tree-node-label::after{
display:block;
top:-4px;
}
.rs-tree-node-drag-over-bottom.rs-tree-node-label{
border-bottom:2px solid var(--rs-text-link) !important;
border-radius:var(--rs-radius-none);
}
.rs-tree-node-drag-over-bottom.rs-tree-node-label::after{
display:block;
bottom:-4px;
}
.rs-tree-node-disabled .rs-tree-node-label{
background:none;
}
.rs-tree-node-disabled .rs-tree-node-label,.rs-tree-node-disabled > .rs-tree-node-label{
color:var(--rs-listbox-option-disabled-text);
cursor:var(--rs-cursor-disabled);
}
.rs-tree-node-disabled > .rs-tree-node-label, .rs-tree-node-disabled > .rs-tree-node-label:hover{
background-color:transparent;
}
.rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label, .rs-tree-node-disabled.rs-tree-node-active > .rs-tree-node-label:hover{
color:var(--rs-listbox-option-disabled-selected-text);
}
.rs-tree-node:not(.rs-tree-node-disabled):focus > .rs-tree-node-label,.rs-tree-node:not(.rs-tree-node-disabled) > .rs-tree-node-label:focus{
background-color:var(--rs-listbox-option-selected-bg);
}
.rs-tree-node-children > .rs-tree-group{
position:relative;
display:none;
}
.rs-tree-node-children.rs-tree-node-expanded > .rs-tree-group{
display:block;
}
.rs-picker-popup .rs-tree.rs-tree-virtualized{
padding:0;
}
.rs-picker-popup .rs-tree-node{
margin:0;
}
.rs-picker-popup .rs-tree-view{
padding:2px 4px;
}
.rs-uploader{
--rs-uploader-spacing:0.625rem;
--rs-uploader-item-spacing:0.625rem;
--rs-uploader-file-item-icon-font-size:1.375rem;
--rs-uploader-file-item-icon-margin:0.75rem;
--rs-uploader-file-item-icon-margin-plus:1.375rem;
--rs-uploader-picture-text-preview-side-length:3.125rem;
--rs-uploader-picture-remove-button-radius:1.5rem;
--rs-uploader-picture-side-length:4.125rem;
--rs-uploader-base-padding:0.5rem;
display:flex;
flex-direction:column;
gap:var(--rs-uploader-spacing);
}
.rs-uploader-trigger input[type=file]{
position:absolute !important;
clip:rect(1px 1px 1px 1px);
}
.rs-uploader-file-item[data-disabled=true]{
opacity:0.3;
cursor:not-allowed;
}
.rs-uploader-file-item[data-disabled=true]:hover{
background-color:transparent !important;
}
.rs-uploader-picture .rs-uploader-file-item[data-disabled=true] .rs-uploader-file-item-status{
cursor:not-allowed;
}
.rs-uploader-file-item[data-disabled=true] .rs-uploader-file-item-btn-remove{
display:none;
}
.rs-uploader-file-item-icon-reupload{
cursor:pointer;
margin-inline-start:10px;
color:var(--rs-text-primary);
font-size:var(--rs-font-size-xs);
}
[data-theme=high-contrast] .rs-uploader-file-item:hover .rs-uploader-file-item-title, .rs-theme-high-contrast .rs-uploader-file-item:hover .rs-uploader-file-item-title{
color:var(--rs-uploader-item-hover-text);
text-decoration:underline;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item{
padding-block:var(--rs-padding-block-md);
padding-inline:36px 30px;
position:relative;
transition:0.3s linear background-color;
border-radius:var(--rs-radius-md);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item:hover{
background-color:var(--rs-uploader-item-hover-bg);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-wrapper{
position:absolute;
display:inline-flex;
align-items:center;
top:var(--rs-padding-block-md);
inset-inline-start:var(--rs-padding-inline-md);
width:var(--rs-line-height-base);
height:var(--rs-line-height-base);
justify-content:center;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon,.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before, .rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before, .rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
content:"";
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
display:block;
border-radius:var(--rs-radius-full);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before{
border:var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
border-width:var(--rs-loader-spin-ring-width);
border-style:solid;
border-color:var(--rs-loader-rotor) transparent transparent;
animation:loaderSpin var(--rs-loader-duration-normal) infinite linear;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon > svg{
display:none;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-content{
display:flex;
justify-content:space-between;
color:var(--rs-text-primary);
transition:color 0.3s;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-title{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
flex:1 1 auto;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-size{
flex:0 0 auto;
color:var(--rs-text-secondary);
padding:0 var(--rs-uploader-base-padding);
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-status{
flex:0 0 auto;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-status > a,.rs-uploader[data-list-type=text] .rs-uploader-file-item-status > a:hover, .rs-uploader[data-list-type=text] .rs-uploader-file-item-status > a:focus, .rs-uploader[data-list-type=text] .rs-uploader-file-item-status > a:active{
text-decoration:none;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-btn-remove{
position:absolute;
font-size:var(--rs-font-size-sm);
top:12px;
inset-inline-end:var(--rs-padding-inline-md);
color:var(--rs-text-secondary);
cursor:pointer;
padding:0;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-btn-remove:hover, .rs-uploader[data-list-type=text] .rs-uploader-file-item-btn-remove:focus{
text-decoration:none;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-panel{
position:relative;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-progress{
position:absolute;
bottom:0;
width:100%;
inset-inline-start:0;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item-progress-bar{
height:2px;
background-color:var(--rs-primary-500);
transition:width 0.3s ease-in-out;
}
.rs-uploader[data-list-type=text] .rs-uploader-file-item[data-has-error=true] .rs-uploader-file-item-content,
.rs-uploader[data-list-type=text] .rs-uploader-file-item[data-has-error=true] .rs-uploader-file-item-title{
color:var(--rs-state-error);
}
.rs-uploader[data-list-type=picture]{
display:inline-flex;
flex-direction:row;
gap:var(--rs-uploader-item-spacing);
}
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn{
width:var(--rs-uploader-picture-side-length);
height:var(--rs-uploader-picture-side-length);
margin:0;
padding:0;
border:2px dotted var(--rs-border-primary);
border-radius:var(--rs-radius-md);
margin-top:var(--rs-uploader-picture-item-gap);
width:var(--rs-uploader-picture-side-length);
height:var(--rs-uploader-picture-side-length);
margin:0;
padding:0;
border:2px dotted var(--rs-border-primary);
border-radius:var(--rs-radius-md);
}
.rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:hover, .rs-uploader[data-list-type=picture] .rs-uploader-trigger-btn:focus{
color:var(--rs-btn-subtle-hover-text);
background-color:var(--rs-btn-subtle-hover-bg);
}
.rs-uploader[data-list-type=picture] .rs-uploader-trigger[data-disabled=true] .rs-uploader-trigger-btn{
color:var(--rs-btn-subtle-text) !important;
background-color:transparent !important;
}
.rs-uploader[data-list-type=picture] .rs-uploader-trigger[data-disabled=true] .rs-uploader-trigger-btn::after{
display:none;
}
.rs-uploader[data-list-type=picture] .rs-uploader-trigger,
.rs-uploader[data-list-type=picture] .rs-uploader-file-item{
float:inline-start;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-items{
display:inline-flex;
gap:var(--rs-uploader-item-spacing);
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item{
width:var(--rs-uploader-picture-side-length);
height:var(--rs-uploader-picture-side-length);
overflow:hidden;
background-color:var(--rs-uploader-item-bg);
border-radius:var(--rs-radius-md);
position:relative;
vertical-align:top;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-preview{
background-color:var(--rs-uploader-item-bg);
width:100%;
height:100%;
text-align:center;
overflow:hidden;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-preview > img{
width:100%;
height:auto;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)){
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-preview > img{
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-preview .rs-uploader-file-item-icon{
font-size:var(--rs-uploader-file-item-icon-font-size);
margin:var(--rs-uploader-file-item-icon-margin-plus);
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-status{
position:absolute;
bottom:0;
top:0;
inset-inline:0;
background-color:var(--rs-uploader-item-hover-bg);
color:var(--rs-text-primary);
height:100%;
padding:0 5px;
width:100%;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-status > span{
white-space:nowrap;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-status > a:hover{
text-decoration:none;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-wrapper{
display:none;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-btn-remove{
color:var(--rs-text-secondary);
cursor:pointer;
position:absolute;
top:3px;
inset-inline-end:3px;
width:var(--rs-uploader-picture-remove-button-radius);
height:var(--rs-uploader-picture-remove-button-radius);
line-height:var(--rs-uploader-picture-remove-button-radius);
text-align:center;
background-color:var(--rs-uploader-item-hover-bg);
border-radius:50%;
opacity:0;
visibility:hidden;
transition:opacity 0.3s ease-in;
display:flex;
align-items:center;
justify-content:center;
padding-top:0;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-btn-remove:hover, .rs-uploader[data-list-type=picture] .rs-uploader-file-item-btn-remove:focus{
text-decoration:none;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item:hover .rs-uploader-file-item-btn-remove{
opacity:1;
visibility:visible;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading{
display:block;
width:var(--rs-uploader-picture-side-length);
height:var(--rs-uploader-picture-side-length);
line-height:var(--rs-uploader-picture-side-length);
background-color:var(--rs-uploader-item-bg);
text-align:center;
z-index:1;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
display:inline-block;
position:relative;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before, .rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
content:"";
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
display:block;
border-radius:var(--rs-radius-full);
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before{
border:var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
border-width:var(--rs-loader-spin-ring-width);
border-style:solid;
border-color:var(--rs-loader-rotor) transparent transparent;
animation:loaderSpin var(--rs-loader-duration-normal) infinite linear;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon > svg{
display:none;
}
.rs-uploader[data-list-type=picture] .rs-uploader-file-item-icon-reupload{
margin-inline-start:0;
display:block;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-items{
display:flex;
flex-direction:column;
gap:var(--rs-uploader-item-spacing);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item{
position:relative;
height:var(--rs-uploader-picture-text-preview-side-length);
padding-inline-start:var(--rs-uploader-picture-text-preview-side-length);
padding-inline-end:30px;
border:1px solid var(--rs-border-primary);
border-radius:var(--rs-radius-md);
overflow:hidden;
transition:0.3s linear background-color;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item:hover{
background-color:var(--rs-uploader-item-hover-bg);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-wrapper{
display:none;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-preview{
position:absolute;
inset-inline-start:0;
top:0;
width:var(--rs-uploader-picture-text-preview-side-length);
height:var(--rs-uploader-picture-text-preview-side-length);
vertical-align:middle;
text-align:center;
background-color:var(--rs-border-primary);
overflow:hidden;
border-top-left-radius:var(--rs-radius-md);
border-bottom-left-radius:var(--rs-radius-md);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-preview > img{
width:100%;
height:auto;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)){
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-preview > img{
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-preview .rs-uploader-file-item-icon{
font-size:var(--rs-uploader-file-item-icon-font-size);
margin:var(--rs-uploader-file-item-icon-margin);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-content{
padding:5px 12px;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-content .rs-uploader-file-item-title,
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-content .rs-uploader-file-item-size{
display:block;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-content .rs-uploader-file-item-title{
color:var(--rs-text-primary);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-content .rs-uploader-file-item-size{
color:var(--rs-text-secondary);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-btn-remove{
position:absolute;
top:0;
inset-inline-end:var(--rs-padding-inline-md);
color:var(--rs-text-secondary);
cursor:pointer;
height:var(--rs-uploader-picture-text-preview-side-length);
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-btn-remove:hover, .rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-btn-remove:focus{
text-decoration:none;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-progress{
position:absolute;
bottom:0;
width:100%;
inset-inline-start:0;
padding-inline-start:var(--rs-uploader-picture-text-preview-side-length);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-progress-bar{
height:2px;
background-color:var(--rs-primary-500);
transition:width 0.3s ease-in-out;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading{
position:absolute;
top:0;
inset-inline-start:0;
display:block;
width:var(--rs-uploader-picture-text-preview-side-length);
height:var(--rs-uploader-picture-text-preview-side-length);
z-index:1;
background-color:var(--rs-border-primary);
text-align:center;
line-height:var(--rs-uploader-picture-text-preview-side-length);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
display:inline-block;
position:relative;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before, .rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
width:var(--rs-loader-default-size);
height:var(--rs-loader-default-size);
content:"";
position:absolute;
inset-inline-start:0;
inset-inline-end:0;
display:block;
border-radius:var(--rs-radius-full);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before{
border:var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after{
border-width:var(--rs-loader-spin-ring-width);
border-style:solid;
border-color:var(--rs-loader-rotor) transparent transparent;
animation:loaderSpin var(--rs-loader-duration-normal) infinite linear;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon > svg,.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item[data-has-error=true] .rs-uploader-file-item-size{
display:none;
}
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item[data-has-error=true] .rs-uploader-file-item-title,
.rs-uploader[data-list-type=picture-text] .rs-uploader-file-item[data-has-error=true] .rs-uploader-file-item-status{
display:block;
color:var(--rs-state-error);
}
.rs-uploader[data-draggable=true] .rs-uploader-trigger-customize .rs-uploader-trigger-btn{
display:block;
background:var(--rs-uploader-dnd-bg);
border:1px dashed var(--rs-uploader-dnd-border);
}
.rs-uploader[data-draggable=true] .rs-uploader-trigger.rs-uploader-trigger-customize:not([data-disabled=true]) .rs-uploader-trigger-btn:hover,
.rs-uploader[data-draggable=true] .rs-uploader-trigger-drag-over .rs-uploader-trigger-btn.rs-uploader-trigger-customize{
border-color:var(--rs-uploader-dnd-hover-border);
}
.rs-uploader[data-draggable=true] .rs-uploader-trigger[data-disabled=true]{
cursor:not-allowed;
}
.rs-uploader[data-draggable=true] .rs-uploader-trigger[data-disabled=true] .rs-uploader-trigger-btn{
pointer-events:none;
}
.rs-visually-hidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap;
}
.rs-burger{
--rs-burger-size:36px;
--rs-burger-thickness:2px;
--rs-burger-color:currentColor;
--rs-burger-spacing:calc(var(--rs-spacing) * 1.5);
--rs-burger-line-size:calc(var(--rs-burger-size) - var(--rs-burger-spacing) * 2);
border:none;
background:transparent;
cursor:pointer;
outline:none;
transition:background 0.2s;
box-sizing:border-box;
width:var(--rs-burger-size);
height:var(--rs-burger-size);
padding:var(--rs-burger-spacing);
}
.rs-burger-line{
position:relative;
width:var(--rs-burger-line-size);
transition-property:background, transform;
transition-duration:0.2s, 0.3s;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
pointer-events:none;
}
.rs-burger-line,.rs-burger-line::before, .rs-burger-line::after{
display:block;
height:var(--rs-burger-thickness);
background:var(--rs-burger-color);
border-radius:var(--rs-burger-thickness);
}
.rs-burger-line::before, .rs-burger-line::after{
content:"";
position:absolute;
inset-inline-start:0;
width:100%;
transition-property:transform;
transition-duration:0.3s;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-burger-line::before{
top:calc(var(--rs-burger-line-size) / -3);
}
.rs-burger-line::after{
top:calc(var(--rs-burger-line-size) / 3);
}
.rs-burger:where([data-opened=true]) .rs-burger-line{
background:transparent;
}
.rs-burger:where([data-opened=true]) .rs-burger-line::before{
transform:translateY(calc(var(--rs-burger-line-size) / 3)) rotate(45deg);
}
.rs-burger:where([data-opened=true]) .rs-burger-line::after{
transform:translateY(calc(var(--rs-burger-line-size) / -3)) rotate(-45deg);
}
.rs-search-box{
position:relative;
}
.rs-search-box-icon{
color:var(--rs-text-secondary);
}