@rolster/styles-foundations 3.0.6 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system-bordered.css +410 -49
- package/dist/design-system-bordered.css.map +1 -1
- package/dist/design-system-bordered.min.css +39 -11
- package/dist/design-system-filled.css +405 -51
- package/dist/design-system-filled.css.map +1 -1
- package/dist/design-system-filled.min.css +38 -10
- package/package.json +1 -1
- package/scss/design-system-bordered/atoms/button-icon.scss +46 -0
- package/scss/design-system-bordered/atoms/check-box.scss +3 -2
- package/scss/design-system-bordered/atoms/input-counter.scss +110 -0
- package/scss/design-system-bordered/atoms/led.scss +0 -1
- package/scss/design-system-bordered/atoms/radio-button.scss +3 -2
- package/scss/design-system-bordered/atoms/switch.scss +3 -2
- package/scss/design-system-bordered/index.scss +5 -0
- package/scss/design-system-bordered/molecules/button-stepper.scss +14 -0
- package/scss/design-system-bordered/molecules/field-box.scss +11 -21
- package/scss/design-system-bordered/molecules/field-list.scss +61 -2
- package/scss/design-system-bordered/molecules/picker-selector-title.scss +5 -18
- package/scss/design-system-bordered/molecules/picker-year.scss +5 -18
- package/scss/design-system-bordered/organisms/field-color.scss +69 -0
- package/scss/design-system-bordered/organisms/picker-color.scss +189 -0
- package/scss/design-system-filled/atoms/button-icon.scss +46 -0
- package/scss/design-system-filled/atoms/check-box.scss +3 -2
- package/scss/design-system-filled/atoms/input-counter.scss +110 -0
- package/scss/design-system-filled/atoms/radio-button.scss +3 -2
- package/scss/design-system-filled/atoms/switch.scss +3 -2
- package/scss/design-system-filled/index.scss +5 -0
- package/scss/design-system-filled/molecules/button-stepper.scss +14 -0
- package/scss/design-system-filled/molecules/field-box.scss +12 -27
- package/scss/design-system-filled/molecules/field-list.scss +61 -2
- package/scss/design-system-filled/molecules/picker-selector-title.scss +5 -18
- package/scss/design-system-filled/molecules/picker-year.scss +5 -18
- package/scss/design-system-filled/organisms/field-color.scss +69 -0
- package/scss/design-system-filled/organisms/picker-color.scss +185 -0
|
@@ -10,13 +10,29 @@
|
|
|
10
10
|
--rlc-area-text-min-height,var(--rls-input-line-height)
|
|
11
11
|
);--pvt-padding:var(--rlc-area-text-padding,var(--rls-sizing-x3) 0rem);--pvt-text-align:var(--rlc-area-text-text-align,left);--pvt-value-font-color:var(--pvt-font-color);--pvt-value-opacity:1;--pvt-component-font-color:transparent;position:relative;width:var(--rlc-area-text-width,100%)}.rls-design-system-filled .rls-area-text--focused{--pvt-component-font-color:var(--pvt-font-color);--pvt-value-font-color:transparent}.rls-design-system-filled .rls-area-text--disabled{--pvt-value-opacity:0.5}.rls-design-system-filled .rls-area-text__component{background:transparent;border:none;color:var(--pvt-component-font-color);cursor:text;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--pvt-letter-spacing);line-height:var(--pvt-line-height);min-height:var(--pvt-min-height);outline:none;overflow:hidden;padding:0;position:relative;resize:none;text-align:var(--pvt-text-align);width:100%}.rls-design-system-filled .rls-area-text__component::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-area-text__component::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-area-text__component:read-only{pointer-events:none}.rls-design-system-filled .rls-area-text__component:disabled{opacity:.5}.rls-design-system-filled .rls-area-text__value{background:transparent;color:var(--pvt-value-font-color);font-size:var(--pvt-font-size);font-weight:var(--pvt-font-weight);left:0;letter-spacing:var(--pvt-letter-spacing);line-height:var(--pvt-line-height);min-height:var(--pvt-min-height);opacity:var(--pvt-value-opacity);overflow:hidden;pointer-events:none;position:absolute;text-align:var(--pvt-text-align);top:0;white-space:pre-wrap;width:100%;word-break:break-word}.rls-design-system-filled .rls-avatar{--rlc-image-width:var(--rlc-avatar-width);--rlc-image-height:var(--rlc-avatar-height);align-items:center;background:var(--rlc-avatar-background,var(--rls-theme-color-200));border-radius:var(--rlc-avatar-radius,var(--rls-sizing-x6));color:var(--rlc-avatar-color,var(--rls-app-color-950));display:flex;flex:0 0 auto;font-size:var(--rlc-avatar-font-size,var(--rls-title-font-size));height:var(--rlc-avatar-height,var(--rls-sizing-x24));justify-content:center;overflow:hidden;position:relative;width:var(--rlc-avatar-width,var(--rls-sizing-x24))}.rls-design-system-filled .rls-avatar--skeleton{background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-avatar--skeleton>*{display:none}.rls-design-system-filled .rls-avatar--rounded{border-radius:50%}.rls-design-system-filled .rls-avatar>span{font-size:inherit}.rls-design-system-filled .rls-avatar>img{object-fit:cover;width:100%}.rls-design-system-filled .rls-badge{--pvt-dimension:var(--rlc-badge-dimension,var(--rls-sizing-x12));--pvt-font-color:var(--rls-app-color-800);--pvt-background:var(--rls-app-color-200);--pvt-contrasted-font-color:var(--rls-app-color-800);--pvt-contrasted-background:var(--rls-app-color-200);background:var(--pvt-background);border-radius:var(--rlc-badge-radius,var(--rls-sizing-x2));box-sizing:var(--rlc-badge-box-sizing,border-box);color:var(--pvt-font-color);display:inline-block;font-size:var(--rlc-badge-font-size,var(--rls-caption-font-size));font-weight:var(--rlc-badge-font-weight,var(--rls-caption-font-weight));height:var(--pvt-dimension);letter-spacing:var(
|
|
12
12
|
--rlc-badge-letter-spacing,var(--rls-caption-letter-spacing)
|
|
13
|
-
);line-height:var(--pvt-dimension);min-width:var(--pvt-dimension);padding:var(--rlc-badge-padding,0 var(--rls-sizing-x2));position:relative;text-align:center;width:auto}.rls-design-system-filled .rls-badge--contrasted{background:var(--pvt-contrasted-background);color:var(--pvt-contrasted-font-color)}.rls-design-system-filled .rls-badge[rls-theme]{--pvt-font-color:var(--rls-theme-color-800);--pvt-background:var(--rls-theme-color-100);--pvt-contrasted-font-color:var(--rls-theme-color-800);--pvt-contrasted-background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-badge>span{font-size:inherit;letter-spacing:inherit;line-height:inherit}.rls-design-system-filled .rls-
|
|
13
|
+
);line-height:var(--pvt-dimension);min-width:var(--pvt-dimension);padding:var(--rlc-badge-padding,0 var(--rls-sizing-x2));position:relative;text-align:center;width:auto}.rls-design-system-filled .rls-badge--contrasted{background:var(--pvt-contrasted-background);color:var(--pvt-contrasted-font-color)}.rls-design-system-filled .rls-badge[rls-theme]{--pvt-font-color:var(--rls-theme-color-800);--pvt-background:var(--rls-theme-color-100);--pvt-contrasted-font-color:var(--rls-theme-color-800);--pvt-contrasted-background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-badge>span{font-size:inherit;letter-spacing:inherit;line-height:inherit}.rls-design-system-filled .rls-button-icon{--rlc-icon-dimension:var(
|
|
14
|
+
--rlc-button-icon-icon-dimension,var(--rls-sizing-x12)
|
|
15
|
+
);--pvt-button-dimension:var(
|
|
16
|
+
--rlc-button-icon-dimension,var(--rls-sizing-x16)
|
|
17
|
+
);align-items:center;background:var(--rlc-button-icon-background,var(--rls-app-color-200));border:none;border-radius:var(--rlc-button-icon-radius,var(--rls-sizing-x3));color:var(--rlc-button-icon-font-color,var(--rls-app-color-600));cursor:pointer;display:flex;flex:0 0 auto;height:var(--pvt-button-dimension);justify-content:center;outline:none;padding:0;transition:transform .24s var(--rls-standard-curve);width:var(--pvt-button-dimension)}.rls-design-system-filled .rls-button-icon:active{transform:scale(.8)}.rls-design-system-filled .rls-button-icon:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-button-icon--skeleton{background:var(--rls-theme-color-300)}.rls-design-system-filled .rls-breadcrumb{--pvt-height:var(--rlc-breadcrumb-height,var(--rls-sizing-x18));--pvt-link-font-color:var(--rls-app-color-600);--pvt-label-font-size:var(
|
|
14
18
|
--rlc-breadcrumb-font-size,var(--rls-body-font-size)
|
|
15
19
|
);--pvt-label-font-weight:var(--rlc-breadcrumb-font-weight,inherit);--pvt-label-letter-spacing:var(
|
|
16
20
|
--rlc-breadcrumb-letter-spacing,var(--rls-body-letter-spacing)
|
|
17
21
|
);box-sizing:border-box;color:var(--rls-app-color-600);display:-webkit-box;font-weight:var(--rls-font-weight-medium);height:var(--pvt-height);line-height:var(--pvt-height);overflow-x:var(--rlc-breadcrumb-overflow-x,auto);overflow-y:hidden;padding:var(--rlc-breadcrumb-padding,0 var(--rls-sizing-x8));user-select:none;width:100%}.rls-design-system-filled .rls-breadcrumb::-webkit-scrollbar{height:0;width:0}.rls-design-system-filled .rls-breadcrumb__label{color:inherit;display:block;font-size:var(--pvt-label-font-size);font-weight:var(--pvt-label-font-weight);height:inherit;letter-spacing:var(--pvt-label-letter-spacing);line-height:inherit}.rls-design-system-filled .rls-breadcrumb__label:first-child:before{display:none}.rls-design-system-filled .rls-breadcrumb__label:before{-webkit-font-smoothing:antialiased;color:inherit;content:"";cursor:default;display:inline-block;font-family:-rolster-icons;font-size:var(--rls-sizing-x12);font-style:normal;font-weight:400;letter-spacing:normal;margin:0 var(--rls-sizing-x2);vertical-align:top}.rls-design-system-filled .rls-breadcrumb__label__a{display:inline-block}.rls-design-system-filled .rls-breadcrumb__label__a[rls-theme]{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-breadcrumb__label__a--actionable{cursor:pointer}.rls-design-system-filled .rls-breadcrumb__label__a--actionable:hover{text-decoration:underline}.rls-design-system-filled .rls-button{--pvt-button-content-background:none;--pvt-button-content-border:none;--pvt-button-content-box-shadow:var(--rlc-button-content-box-shadow,none);--pvt-button-content-font-color:var(--rls-theme-color-500);--pvt-button-content-animation:none;--pvt-button-content-visibility:hidden;--pvt-button-ripple-background:var(--rls-theme-color-700);--pvt-ghost-background:var(--rls-theme-color-100);--pvt-ghost-font-color:var(--rls-theme-color-950);--pvt-ghost-border:none;--pvt-outline-background:var(--rls-theme-color-100);--pvt-outline-font-color:var(--rls-theme-color-950);--pvt-outline-border:none;--pvt-flat-background:var(--rls-theme-color-100);--pvt-flat-font-color:var(--rls-theme-color-950);--pvt-flat-border:none;--pvt-stroked-background:var(--rls-theme-color-100);--pvt-stroked-font-color:var(--rls-theme-color-950);--pvt-stroked-border:none;--pvt-classic-background:var(--rls-theme-color-300);--pvt-classic-font-color:var(--rls-theme-color-950);--pvt-classic-border:none;--pvt-raised-background:var(--rls-theme-color-300);--pvt-raised-font-color:var(--rls-theme-color-950);--pvt-raised-border:none;--pvt-gradient-background:var(--rls-theme-color-300);--pvt-gradient-font-color:var(--rls-theme-color-950);--pvt-gradient-border:none;background:transparent;outline:none;padding:0;position:relative;width:var(--rlc-button-width,auto)}.rls-design-system-filled .rls-button:not(:disabled):not(:active){--pvt-button-content-animation:ripple-squarecenter 1000ms var(--rls-standard-curve)}.rls-design-system-filled .rls-button:not(:disabled):focus{--pvt-button-content-visibility:visible}.rls-design-system-filled .rls-button:not(:disabled):hover{--pvt-ghost-background:var(--rls-theme-color-700);--pvt-ghost-font-color:var(--rls-theme-color-050);--pvt-ghost-border:none;--pvt-outline-background:var(--rls-theme-color-700);--pvt-outline-font-color:var(--rls-theme-color-050);--pvt-outline-border:none;--pvt-stroked-background:var(--rls-theme-color-700);--pvt-stroked-font-color:var(--rls-theme-color-050);--pvt-stroked-border:none;--pvt-classic-background:var(--rls-theme-color-700);--pvt-classic-font-color:var(--rls-theme-color-050);--pvt-classic-border:none;--pvt-flat-background:var(--rls-theme-color-700);--pvt-flat-font-color:var(--rls-theme-color-050);--pvt-flat-border:none;--pvt-raised-background:var(--rls-theme-color-700);--pvt-raised-font-color:var(--rls-theme-color-050);--pvt-raised-border:none;--pvt-gradient-background:var(--rls-theme-color-700);--pvt-gradient-font-color:var(--rls-theme-color-050);--pvt-gradient-border:none}.rls-design-system-filled .rls-button:disabled{--pvt-button-content-box-shadow:none;opacity:.5;pointer-events:none}.rls-design-system-filled .rls-button__content{align-items:center;background:var(--pvt-button-content-background);border:var(--pvt-button-content-border);border-radius:var(--rlc-button-content-radius,var(--rls-sizing-x4));box-shadow:var(--pvt-button-content-box-shadow);box-sizing:border-box;color:var(--pvt-button-content-font-color);column-gap:var(--rlc-button-content-gap,var(--rls-sizing-x2));display:flex;height:var(--rls-sizing-x22);justify-content:center;line-height:var(--rls-sizing-x22);overflow:hidden;padding:var(--rlc-button-content-padding,0 var(--rls-sizing-x6));pointer-events:none}.rls-design-system-filled .rls-button__content:before{animation:var(--pvt-button-content-animation);background:var(--pvt-button-ripple-background);border-radius:50%;content:"";display:block;left:50%;margin-left:calc(-50% + var(--rls-sizing-x4));margin-top:calc(-50% + var(--rls-sizing-x4));opacity:.26;padding-left:calc(100% - var(--rls-sizing-x8));padding-top:calc(100% - var(--rls-sizing-x8));position:absolute;top:50%;transform:scale(0);visibility:var(--pvt-button-content-visibility);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-button__content--ghost{--rlc-spinner-color:var(--pvt-ghost-font-color);--pvt-button-content-font-color:var(--pvt-ghost-font-color);--pvt-button-content-background:var(--pvt-ghost-background);--pvt-button-content-border:var(--pvt-ghost-border)}.rls-design-system-filled .rls-button__content--outline{--rlc-spinner-color:var(--pvt-outline-font-color);--pvt-button-content-font-color:var(--pvt-outline-font-color);--pvt-button-content-background:var(--pvt-outline-background);--pvt-button-content-border:var(--pvt-outline-border)}.rls-design-system-filled .rls-button__content--stroked{--rlc-spinner-color:var(--pvt-stroked-font-color);--pvt-button-content-font-color:var(--pvt-stroked-font-color);--pvt-button-content-background:var(--pvt-stroked-background);--pvt-button-content-border:var(--pvt-stroked-border)}.rls-design-system-filled .rls-button__content--classic{--rlc-spinner-color:var(--pvt-classic-font-color);--pvt-button-content-font-color:var(--pvt-classic-font-color);--pvt-button-content-background:var(--pvt-classic-background);--pvt-button-content-border:var(--pvt-classic-border);--pvt-button-ripple-background:var(--rls-theme-font-100)}.rls-design-system-filled .rls-button__content--flat{--rlc-spinner-color:var(--pvt-flat-font-color);--pvt-button-content-font-color:var(--pvt-flat-font-color);--pvt-button-content-background:var(--pvt-flat-background);--pvt-button-content-border:var(--pvt-flat-border);--pvt-button-ripple-background:var(--rls-theme-font-100)}.rls-design-system-filled .rls-button__content--raised{--rlc-spinner-color:var(--pvt-raised-font-color);--pvt-button-content-font-color:var(--pvt-raised-font-color);--pvt-button-content-background:var(--pvt-raised-background);--pvt-button-content-border:var(--pvt-raised-border);--pvt-button-ripple-background:var(--rls-theme-font-900)}.rls-design-system-filled .rls-button__content--gradient{--rlc-spinner-color:var(--pvt-gradient-font-color);--pvt-button-content-font-color:var(--pvt-gradient-font-color);--pvt-button-content-background:var(--pvt-gradient-background);--pvt-button-content-border:var(--pvt-gradient-border);--pvt-button-ripple-background:var(--rls-theme-font-900)}.rls-design-system-filled .rls-button__description{align-items:center;column-gap:var(--rlc-button-description-gap,var(--rls-sizing-x2));display:flex;font-size:var(--rls-button-font-size);font-weight:var(--rlc-button-font-weight,var(--rls-font-weight-medium));letter-spacing:var(--rls-button-letter-spacing);line-height:normal;overflow:hidden;padding:0 var(--rls-sizing-x2);text-overflow:ellipsis;text-transform:var(--rlc-button-label-text-transform,uppercase);white-space:nowrap;width:auto}.rls-design-system-filled .rls-button__description a{color:inherit;text-decoration:none}@keyframes ripple-squarecenter{0%{transform:scale(0)}20%{transform:scale(1)}to{opacity:0;transform:scale(1)}}.rls-design-system-filled .rls-button-action{--pvt-ripple-dimension:var(
|
|
18
22
|
--rlc-action-ripple-dimension,var(--rls-sizing-x18)
|
|
19
|
-
);--pvt-ripple-position:var(--rlc-action-ripple-position,-9rem);--pvt-ripple-color:var(--rlc-action-ripple-color,var(--rls-app-color-600));--pvt-tooltip-transition-delay:0ms;--pvt-tooltip-opacity:0;background:var(--rlc-action-background,transparent);border:none;border-radius:var(--rlc-action-radius,50%);box-sizing:border-box;color:var(--rlc-action-color,var(--rls-app-color-600));cursor:default;height:var(--rls-sizing-x16);outline:none;padding:var(--rls-sizing-x2);position:relative;user-select:none;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-button-action:before{background:var(--pvt-ripple-color);border-radius:50%;content:"";display:block;left:50%;margin-left:calc(-60% + var(--rls-sizing-x2));margin-top:calc(-60% + var(--rls-sizing-x2));opacity:.32;padding-left:calc(120% - var(--rls-sizing-x4));padding-top:calc(120% - var(--rls-sizing-x4));position:absolute;top:50%;transform:scale(0);visibility:hidden}.rls-design-system-filled .rls-button-action:not(:active):before{animation:ripple-button-action 1s var(--rls-standard-curve)}.rls-design-system-filled .rls-button-action:focus:before{visibility:visible}.rls-design-system-filled .rls-button-action:after{background:var(--pvt-ripple-color);border-radius:50%;content:"";height:var(--pvt-ripple-dimension);left:50%;margin-left:var(--pvt-ripple-position);margin-top:var(--pvt-ripple-position);opacity:.24;position:absolute;top:50%;transform:scale(0);transition:transform .16s 0ms var(--rls-sharp-curve);width:var(--pvt-ripple-dimension)}.rls-design-system-filled .rls-button-action:not(:disabled):hover{--pvt-tooltip-opacity:1;--pvt-tooltip-transition-delay:480ms}.rls-design-system-filled .rls-button-action:not(:disabled):hover:after{transform:scale(1)}.rls-design-system-filled .rls-button-action:disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-button-action__content{pointer-events:none}.rls-design-system-filled .rls-button-action__tooltip{background:var(--rls-app-color-900);border-radius:var(--rls-sizing-x2);color:var(--rls-app-color-050);float:none;left:50%;opacity:var(--pvt-tooltip-opacity);padding:var(--rls-sizing-x4);pointer-events:none;position:absolute;top:calc(100% + var(--rls-sizing-x6));transform:translateX(-50%);transition:opacity .2s 0ms var(--rls-deceleration-curve);transition-delay:var(--pvt-tooltip-transition-delay);white-space:nowrap;width:auto}@keyframes ripple-button-action{0%{transform:scale(0)}20%{transform:scale(1)}to{opacity:0;transform:scale(1)}}.rls-design-system-filled .rls-button-option{--pvt-span-color:var(--rls-app-color-800);--pvt-background-hover:var(--rls-theme-color-100);--rlc-icon-color:var(--rls-app-color-600);align-items:center;background:transparent;border:var(--rls-app-border-1-300);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;flex-direction:column;outline:none;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x3);row-gap:var(--rls-sizing-x3);width:var(--rlc-button-option,auto)}.rls-design-system-filled .rls-button-option:not(:disabled):hover{background:var(--pvt-background-hover)}.rls-design-system-filled .rls-button-option:disabled{opacity:.5}.rls-design-system-filled .rls-button-option--checked{--pvt-background-hover:var(--rls-theme-color-800);--pvt-span-color:var(--rls-theme-color-050);--rlc-icon-color:var(--rls-theme-color-050);background:var(--rls-theme-gradient-500);border:var(--rls-theme-border-1-500)}.rls-design-system-filled .rls-button-option>span{color:var(--pvt-span-color);font-size:var(--rls-span-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-span-letter-spacing)}.rls-design-system-filled .rls-checkbox{--rlc-icon-color:transparent;--pvt-dimension:var(--rlc-checkbox-dimension,var(--rls-sizing-x12));--rlc-icon-dimension:calc(var(--pvt-dimension) - 2rem);--pvt-component-background:transparent;align-items:center;background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x3);box-sizing:border-box;display:flex;height:var(--pvt-dimension);justify-content:center;outline:none;position:relative;transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-dimension)}.rls-design-system-filled .rls-checkbox:hover{cursor:var(--rlc-checkbox-cursor,initial)}.rls-design-system-filled .rls-checkbox--checked{--rlc-icon-color:var(--rls-app-color-050);--pvt-component-background:var(--rls-theme-color-200);background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-checkbox--disabled{background:var(--rls-app-color-300);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-checkbox--disabled.rls-checkbox--checked{--rlc-icon-color:var(--rls-app-color-500)}.rls-design-system-filled .rls-icon{--pvt-icon-dimension:var(--rlc-icon-dimension,var(--rls-sizing-x12));--pvt-icon-display:block;--pvt-icon-color:var(--rlc-icon-color);flex:0 0 auto;font-size:var(--pvt-icon-dimension);height:var(--pvt-icon-dimension);line-height:var(--pvt-icon-dimension);position:relative;width:var(--pvt-icon-dimension)}.rls-design-system-filled .rls-icon--skeleton{--pvt-icon-display:none;background:var(--rls-theme-color-300);border-radius:var(--rls-sizing-x2)}.rls-design-system-filled .rls-icon[rls-theme]{--pvt-icon-color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-icon>i{color:var(--pvt-icon-color,inherit);display:var(--pvt-icon-display);font-size:inherit;height:100%;line-height:inherit;width:100%}.rls-design-system-filled .rls-image{--pvt-background:transparent;--pvt-width:var(--rlc-image-width,100%);--pvt-height:var(--rlc-image-height,100%);--pvt-img-display:none;--rlc-skeleton-width:var(--pvt-width);--rlc-skeleton-height:var(--pvt-height);border-radius:var(--rlc-image-radius,0);height:var(--pvt-height);overflow:hidden;width:var(--pvt-width)}.rls-design-system-filled .rls-image--complet{--pvt-img-display:block;background:var(--pvt-background)}.rls-design-system-filled .rls-image[rls-theme]{--pvt-background:var(--rls-theme-color-600)}.rls-design-system-filled .rls-image>img{content-visibility:auto;display:var(--pvt-img-display);height:var(--pvt-height);width:var(--pvt-width)}.rls-design-system-filled .rls-input{--
|
|
23
|
+
);--pvt-ripple-position:var(--rlc-action-ripple-position,-9rem);--pvt-ripple-color:var(--rlc-action-ripple-color,var(--rls-app-color-600));--pvt-tooltip-transition-delay:0ms;--pvt-tooltip-opacity:0;background:var(--rlc-action-background,transparent);border:none;border-radius:var(--rlc-action-radius,50%);box-sizing:border-box;color:var(--rlc-action-color,var(--rls-app-color-600));cursor:default;height:var(--rls-sizing-x16);outline:none;padding:var(--rls-sizing-x2);position:relative;user-select:none;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-button-action:before{background:var(--pvt-ripple-color);border-radius:50%;content:"";display:block;left:50%;margin-left:calc(-60% + var(--rls-sizing-x2));margin-top:calc(-60% + var(--rls-sizing-x2));opacity:.32;padding-left:calc(120% - var(--rls-sizing-x4));padding-top:calc(120% - var(--rls-sizing-x4));position:absolute;top:50%;transform:scale(0);visibility:hidden}.rls-design-system-filled .rls-button-action:not(:active):before{animation:ripple-button-action 1s var(--rls-standard-curve)}.rls-design-system-filled .rls-button-action:focus:before{visibility:visible}.rls-design-system-filled .rls-button-action:after{background:var(--pvt-ripple-color);border-radius:50%;content:"";height:var(--pvt-ripple-dimension);left:50%;margin-left:var(--pvt-ripple-position);margin-top:var(--pvt-ripple-position);opacity:.24;position:absolute;top:50%;transform:scale(0);transition:transform .16s 0ms var(--rls-sharp-curve);width:var(--pvt-ripple-dimension)}.rls-design-system-filled .rls-button-action:not(:disabled):hover{--pvt-tooltip-opacity:1;--pvt-tooltip-transition-delay:480ms}.rls-design-system-filled .rls-button-action:not(:disabled):hover:after{transform:scale(1)}.rls-design-system-filled .rls-button-action:disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-button-action__content{pointer-events:none}.rls-design-system-filled .rls-button-action__tooltip{background:var(--rls-app-color-900);border-radius:var(--rls-sizing-x2);color:var(--rls-app-color-050);float:none;left:50%;opacity:var(--pvt-tooltip-opacity);padding:var(--rls-sizing-x4);pointer-events:none;position:absolute;top:calc(100% + var(--rls-sizing-x6));transform:translateX(-50%);transition:opacity .2s 0ms var(--rls-deceleration-curve);transition-delay:var(--pvt-tooltip-transition-delay);white-space:nowrap;width:auto}@keyframes ripple-button-action{0%{transform:scale(0)}20%{transform:scale(1)}to{opacity:0;transform:scale(1)}}.rls-design-system-filled .rls-button-option{--pvt-span-color:var(--rls-app-color-800);--pvt-background-hover:var(--rls-theme-color-100);--rlc-icon-color:var(--rls-app-color-600);align-items:center;background:transparent;border:var(--rls-app-border-1-300);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;flex-direction:column;outline:none;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x3);row-gap:var(--rls-sizing-x3);width:var(--rlc-button-option,auto)}.rls-design-system-filled .rls-button-option:not(:disabled):hover{background:var(--pvt-background-hover)}.rls-design-system-filled .rls-button-option:disabled{opacity:.5}.rls-design-system-filled .rls-button-option--checked{--pvt-background-hover:var(--rls-theme-color-800);--pvt-span-color:var(--rls-theme-color-050);--rlc-icon-color:var(--rls-theme-color-050);background:var(--rls-theme-gradient-500);border:var(--rls-theme-border-1-500)}.rls-design-system-filled .rls-button-option>span{color:var(--pvt-span-color);font-size:var(--rls-span-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-span-letter-spacing)}.rls-design-system-filled .rls-checkbox{--rlc-icon-color:transparent;--pvt-dimension:var(--rlc-checkbox-dimension,var(--rls-sizing-x12));--rlc-icon-dimension:calc(var(--pvt-dimension) - 2rem);--pvt-component-background:transparent;align-items:center;background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x3);box-sizing:border-box;display:flex;flex:0 0 auto;height:var(--pvt-dimension);justify-content:center;outline:none;position:relative;transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-dimension)}.rls-design-system-filled .rls-checkbox:hover{cursor:var(--rlc-checkbox-cursor,initial)}.rls-design-system-filled .rls-checkbox--checked{--rlc-icon-color:var(--rls-app-color-050);--pvt-component-background:var(--rls-theme-color-200);background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-checkbox--disabled{background:var(--rls-app-color-300);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-checkbox--disabled.rls-checkbox--checked{--rlc-icon-color:var(--rls-app-color-500)}.rls-design-system-filled .rls-icon{--pvt-icon-dimension:var(--rlc-icon-dimension,var(--rls-sizing-x12));--pvt-icon-display:block;--pvt-icon-color:var(--rlc-icon-color);flex:0 0 auto;font-size:var(--pvt-icon-dimension);height:var(--pvt-icon-dimension);line-height:var(--pvt-icon-dimension);position:relative;width:var(--pvt-icon-dimension)}.rls-design-system-filled .rls-icon--skeleton{--pvt-icon-display:none;background:var(--rls-theme-color-300);border-radius:var(--rls-sizing-x2)}.rls-design-system-filled .rls-icon[rls-theme]{--pvt-icon-color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-icon>i{color:var(--pvt-icon-color,inherit);display:var(--pvt-icon-display);font-size:inherit;height:100%;line-height:inherit;width:100%}.rls-design-system-filled .rls-image{--pvt-background:transparent;--pvt-width:var(--rlc-image-width,100%);--pvt-height:var(--rlc-image-height,100%);--pvt-img-display:none;--rlc-skeleton-width:var(--pvt-width);--rlc-skeleton-height:var(--pvt-height);border-radius:var(--rlc-image-radius,0);height:var(--pvt-height);overflow:hidden;width:var(--pvt-width)}.rls-design-system-filled .rls-image--complet{--pvt-img-display:block;background:var(--pvt-background)}.rls-design-system-filled .rls-image[rls-theme]{--pvt-background:var(--rls-theme-color-600)}.rls-design-system-filled .rls-image>img{content-visibility:auto;display:var(--pvt-img-display);height:var(--pvt-height);width:var(--pvt-width)}.rls-design-system-filled .rls-input-counter{--rlc-button-icon-border:none;--pvt-body-border:var(--rlc-input-counter-border,transparent);--pvt-body-background:var(
|
|
24
|
+
--rlc-input-counter-background,var(--rls-app-color-200)
|
|
25
|
+
);--pvt-body-shadow:var(
|
|
26
|
+
--rlc-input-counter-shadow,var(--rls-app-shadow-center-2)
|
|
27
|
+
);--pvt-button-background:var(
|
|
28
|
+
--rlc-input-counter-action-background,transparent
|
|
29
|
+
);--pvt-button-background-hover:var(
|
|
30
|
+
--rlc-input-counter-action-background-hover,var(--rls-app-color-300)
|
|
31
|
+
);align-items:center;background:var(--pvt-body-background);border:var(--pvt-body-border);border-radius:var(--rlc-input-counter-radius,var(--rls-sizing-x3));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x3);display:flex;flex:0 0 auto;height:auto;overflow:hidden;transition:box-shadow .16s 0ms var(--rls-standard-curve);width:auto}.rls-design-system-filled .rls-input-counter--focused{--pvt-body-background:var(
|
|
32
|
+
--rlc-input-counter-background-focused,var(--rls-app-color-050)
|
|
33
|
+
);--pvt-body-shadow:var(
|
|
34
|
+
--rlc-input-counter-shadow-focused,var(--rls-app-shadow-center-2)
|
|
35
|
+
)}.rls-design-system-filled .rls-input-counter--disabled{--pvt-body-opacity:0.75;--pvt-body-background:var(--rls-app-color-100)}.rls-design-system-filled .rls-input-counter--readonly{--pvt-body-background:transparent}.rls-design-system-filled .rls-input-counter__down{--rlc-button-icon-radius:var(--rls-sizing-x3) 0rem 0rem var(--rls-sizing-x3)}.rls-design-system-filled .rls-input-counter__up{--rlc-button-icon-radius:0rem var(--rls-sizing-x3) var(--rls-sizing-x3) 0rem}.rls-design-system-filled .rls-input-counter__body{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto}.rls-design-system-filled .rls-input-counter__control{background:transparent;border:none;color:var(--rlc-input-counter-font-color,var(--rls-app-color-900));font-size:var(--rlc-input-counter-font-size,var(--rls-input-font-size));font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-input-letter-spacing);outline:none;padding:0 var(--rls-sizing-x3);text-align:center;width:var(--rlc-input-counter-width,20rem)}.rls-design-system-filled .rls-input-counter__control::-webkit-inner-spin-button,.rls-design-system-filled .rls-input-counter__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rls-design-system-filled .rls-input-counter__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-input-counter__control:disabled{cursor:not-allowed}.rls-design-system-filled .rls-input{--pvt-font-color:var(--rlc-input-font-color,var(--rls-app-color-900));--pvt-font-size:var(--rlc-input-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
20
36
|
--rlc-input-letter-spacing,var(--rls-input-letter-spacing)
|
|
21
37
|
);--pvt-height:var(--rlc-input-height,var(--rls-sizing-x12));--pvt-text-align:var(--rlc-input-text-align,left);--pvt-value-font-color:var(--pvt-font-color);--pvt-value-opacity:1;--pvt-component-font-color:transparent;--rlc-amount-height:var(--pvt-height);--rlc-amount-align-items:center;position:relative;width:var(--rlc-input-width,100%)}.rls-design-system-filled .rls-input--focused{--pvt-component-font-color:var(--pvt-font-color);--pvt-value-font-color:transparent}.rls-design-system-filled .rls-input--disabled{--pvt-value-opacity:0.5}.rls-design-system-filled .rls-input__component{background:transparent;border:none;color:var(--pvt-component-font-color);cursor:text;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--pvt-height);letter-spacing:var(--pvt-letter-spacing);line-height:var(--pvt-height);outline:none;padding:0;position:relative;text-align:var(--pvt-text-align);width:100%}.rls-design-system-filled .rls-input__component::-webkit-inner-spin-button,.rls-design-system-filled .rls-input__component::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rls-design-system-filled .rls-input__component::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-input__component::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-input__component:read-only{pointer-events:none}.rls-design-system-filled .rls-input__component:disabled{opacity:.5}.rls-design-system-filled .rls-input__value{background:transparent;color:var(--pvt-value-font-color);font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--pvt-height);left:0;letter-spacing:var(--pvt-letter-spacing);line-height:var(--pvt-height);opacity:var(--pvt-value-opacity);overflow:hidden;pointer-events:none;position:absolute;text-align:var(--pvt-text-align);top:0;white-space:nowrap;width:100%}.rls-design-system-filled .rls-input-decimal,.rls-design-system-filled .rls-input-money{--rlc-tabular-text-font-size:var(--rls-input-font-size);--rlc-tabular-text-char-width:5.25rem;box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-input-number{box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-input-password{box-sizing:border-box;position:relative;width:var(--rlc-input-password-width,100%)}.rls-design-system-filled .rls-input-password__component{background:transparent;border:none;color:var(--rlc-input-font-color);cursor:text;float:left;font-size:var(--rls-input-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--rls-input-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;position:relative;width:100%}.rls-design-system-filled .rls-input-password__component::-webkit-inner-spin-button,.rls-design-system-filled .rls-input-password__component::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rls-design-system-filled .rls-input-password__component::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-input-password__component::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-input-password__component:disabled{opacity:.5}.rls-design-system-filled .rls-input-percentage{box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-input-search{align-items:center;background:var(--rlc-input-search-background,var(--rls-app-color-050));border-radius:var(--rls-sizing-x6);box-shadow:var(--rls-app-shadow-center-2);box-sizing:border-box;display:flex;padding:var(--rls-sizing-x4) var(--rls-sizing-x6);position:relative}.rls-design-system-filled .rls-input-search--disabled{opacity:.5}.rls-design-system-filled .rls-input-search .rls-button-action:disabled,.rls-design-system-filled .rls-input-search .rls-input__component:disabled{opacity:1!important}.rls-design-system-filled .rls-input-text{box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-label{font-size:var(--rlc-label-font-size,var(--rls-smalltext-font-size));font-weight:var(--rlc-label-weight,inherit);letter-spacing:var(
|
|
22
38
|
--rlc-label-letter-spacing,var(--rls-smalltext-letter-spacing)
|
|
@@ -24,11 +40,11 @@
|
|
|
24
40
|
--rlc-poster-letter-spacing,var(--rls-body-letter-spacing)
|
|
25
41
|
);line-height:var(--pvt-height);padding:var(--rlc-poster-padding,var(--rls-sizing-x2) var(--rls-sizing-x4));position:relative;text-align:var(--rlc-poster-text-align,center);width:var(--rlc-poster-width,auto)}.rls-design-system-filled .rls-poster[rls-theme]{background:var(--rls-theme-color-200);color:var(--rls-theme-color-950)}.rls-design-system-filled .rls-progress-bar{--pvt-component-display:block;--pvt-component-height:var(--rlc-progress-bar-height,var(--rls-sizing-x2));--pvt-component-radius:var(--rlc-progress-bar-radius,0rem);background:var(--rlc-progress-bar-background,var(--rls-theme-color-100));border-radius:var(--pvt-component-radius);height:var(--pvt-component-height);overflow:hidden;position:relative;width:100%}.rls-design-system-filled .rls-progress-bar--indeterminate{--pvt-component-display:none}.rls-design-system-filled .rls-progress-bar--indeterminate:after,.rls-design-system-filled .rls-progress-bar--indeterminate:before{background:var(--rls-theme-gradient-500);border-radius:var(--pvt-component-radius);content:"";height:var(--pvt-component-height);position:absolute;top:0;width:0}.rls-design-system-filled .rls-progress-bar--indeterminate:after{animation:progress-bar-indeterminate-after 2s infinite}.rls-design-system-filled .rls-progress-bar--indeterminate:before{animation:progress-bar-indeterminate-before 2s infinite}.rls-design-system-filled .rls-progress-bar__component{background:var(--rls-theme-gradient-500);border-radius:var(--pvt-component-radius);display:var(--pvt-component-display);height:var(--pvt-component-height);position:absolute;top:0;transition:width .32s 0ms var(--rls-standard-curve);width:0}@keyframes progress-bar-indeterminate-before{0%{left:-125%;width:100%}20%{left:-125%;width:100%}to{left:100%;width:12.5%}}@keyframes progress-bar-indeterminate-after{0%{left:-12.5%;width:12.5%}80%{left:125%;width:100%}to{left:125%;width:100%}}.rls-design-system-filled .rls-progress-circular{--pvt-dimension:var(
|
|
26
42
|
--rlc-progress-circular-dimension,var(--rls-sizing-x28)
|
|
27
|
-
);stroke:var(--rls-theme-color-500);box-sizing:border-box;height:var(--pvt-dimension);padding:var(--rls-sizing-x2);position:relative;width:var(--pvt-dimension)}.rls-design-system-filled .rls-progress-circular__svg{animation:progress-circular-svg 3.5s linear infinite;height:100%;transform:rotate(990deg);width:100%}.rls-design-system-filled .rls-progress-circular__circle{fill:none;stroke-width:4px;stroke:inherit;stroke-dasharray:65;stroke-dashoffset:65;animation:progress-circular-circle 1.75s var(--rls-standard-curve) infinite;opacity:1}@keyframes progress-circular-svg{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes progress-circular-circle{50%{stroke-dashoffset:0}to{stroke-dashoffset:-65}}.rls-design-system-filled .rls-radiobutton{--pvt-dimension:var(--rlc-radiobutton-dimension,var(--rls-sizing-x12));--pvt-component-dimension:calc(var(--pvt-dimension)/2);--pvt-component-background:transparent;align-items:center;background:var(--rls-app-color-300);border-radius:50%;box-sizing:border-box;display:flex;height:var(--pvt-dimension);justify-content:center;outline:none;position:relative;transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-dimension)}.rls-design-system-filled .rls-radiobutton:hover{cursor:var(--rlc-radiobutton-cursor,initial)}.rls-design-system-filled .rls-radiobutton--checked{--pvt-component-background:var(--rls-app-color-050);background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-radiobutton--disabled{background:var(--rls-app-color-300);border:none;opacity:.5;pointer-events:none}.rls-design-system-filled .rls-radiobutton--disabled.rls-radiobutton--checked{--pvt-component-background:var(--rls-app-color-500)}.rls-design-system-filled .rls-radiobutton__component{background:var(--pvt-component-background);border-radius:50%;height:var(--pvt-component-dimension);transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-component-dimension)}.rls-design-system-filled .rls-skeleton{--pvt-height:var(--rlc-skeleton-height,inherit);--pvt-max-height:var(--rlc-skeleton-max-height,inherit);--pvt-min-height:var(--rlc-skeleton-min-height,inherit);--pvt-color-primary:var(--rls-app-color-100);--pvt-color-secondary:var(--rls-app-color-200);animation:skeleton-animation 1.6s infinite;background:linear-gradient(90deg,var(--pvt-color-primary) 25%,var(--pvt-color-secondary) 50%,var(--pvt-color-primary) 75%);background-size:200% 100%;border-radius:var(--rls-sizing-x2);height:var(--pvt-height);line-height:var(--pvt-height);max-height:var(--pvt-max-height);min-height:var(--pvt-min-height);overflow:hidden;position:relative;width:100%}.rls-design-system-filled .rls-skeleton[rls-theme]{--pvt-color-primary:var(--rls-theme-color-100);--pvt-color-secondary:var(--rls-theme-color-200)}@keyframes skeleton-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.rls-design-system-filled .rls-skeleton-text{--pvt-height:var(--rlc-skeleton-text-height,var(--rls-body-line-height));--rlc-skeleton-height:var(--pvt-height);display:block;font-size:var(--rlc-skeleton-text-font-size,var(--rls-body-font-size));font-weight:inherit;letter-spacing:var(
|
|
43
|
+
);stroke:var(--rls-theme-color-500);box-sizing:border-box;height:var(--pvt-dimension);padding:var(--rls-sizing-x2);position:relative;width:var(--pvt-dimension)}.rls-design-system-filled .rls-progress-circular__svg{animation:progress-circular-svg 3.5s linear infinite;height:100%;transform:rotate(990deg);width:100%}.rls-design-system-filled .rls-progress-circular__circle{fill:none;stroke-width:4px;stroke:inherit;stroke-dasharray:65;stroke-dashoffset:65;animation:progress-circular-circle 1.75s var(--rls-standard-curve) infinite;opacity:1}@keyframes progress-circular-svg{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes progress-circular-circle{50%{stroke-dashoffset:0}to{stroke-dashoffset:-65}}.rls-design-system-filled .rls-radiobutton{--pvt-dimension:var(--rlc-radiobutton-dimension,var(--rls-sizing-x12));--pvt-component-dimension:calc(var(--pvt-dimension)/2);--pvt-component-background:transparent;align-items:center;background:var(--rls-app-color-300);border-radius:50%;box-sizing:border-box;display:flex;flex:0 0 auto;height:var(--pvt-dimension);justify-content:center;outline:none;position:relative;transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-dimension)}.rls-design-system-filled .rls-radiobutton:hover{cursor:var(--rlc-radiobutton-cursor,initial)}.rls-design-system-filled .rls-radiobutton--checked{--pvt-component-background:var(--rls-app-color-050);background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-radiobutton--disabled{background:var(--rls-app-color-300);border:none;opacity:.5;pointer-events:none}.rls-design-system-filled .rls-radiobutton--disabled.rls-radiobutton--checked{--pvt-component-background:var(--rls-app-color-500)}.rls-design-system-filled .rls-radiobutton__component{background:var(--pvt-component-background);border-radius:50%;height:var(--pvt-component-dimension);transition:all .16s 0ms var(--rls-standard-curve);width:var(--pvt-component-dimension)}.rls-design-system-filled .rls-skeleton{--pvt-height:var(--rlc-skeleton-height,inherit);--pvt-max-height:var(--rlc-skeleton-max-height,inherit);--pvt-min-height:var(--rlc-skeleton-min-height,inherit);--pvt-color-primary:var(--rls-app-color-100);--pvt-color-secondary:var(--rls-app-color-200);animation:skeleton-animation 1.6s infinite;background:linear-gradient(90deg,var(--pvt-color-primary) 25%,var(--pvt-color-secondary) 50%,var(--pvt-color-primary) 75%);background-size:200% 100%;border-radius:var(--rls-sizing-x2);height:var(--pvt-height);line-height:var(--pvt-height);max-height:var(--pvt-max-height);min-height:var(--pvt-min-height);overflow:hidden;position:relative;width:100%}.rls-design-system-filled .rls-skeleton[rls-theme]{--pvt-color-primary:var(--rls-theme-color-100);--pvt-color-secondary:var(--rls-theme-color-200)}@keyframes skeleton-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.rls-design-system-filled .rls-skeleton-text{--pvt-height:var(--rlc-skeleton-text-height,var(--rls-body-line-height));--rlc-skeleton-height:var(--pvt-height);display:block;font-size:var(--rlc-skeleton-text-font-size,var(--rls-body-font-size));font-weight:inherit;letter-spacing:var(
|
|
28
44
|
--rlc-skeleton-text-letter-spacing,var(--rls-body-letter-spacing)
|
|
29
45
|
);line-height:var(--pvt-height);overflow:inherit;position:relative}.rls-design-system-filled .rls-skeleton-text__value{align-items:center;column-gap:var(--rlc-skeleton-text-column-gap,var(--rls-sizing-x4));display:flex;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.rls-design-system-filled .rls-skeleton-text__value>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-spinner{fill:var(--rlc-spinner-color,var(--rls-app-color-800));display:block;height:var(--rlc-spinner-dimension,var(--rls-sizing-x12));position:relative;width:var(--rlc-spinner-dimension,var(--rls-sizing-x12))}.rls-design-system-filled .rls-spinner__svg{fill:inherit;animation:rls-spinner-scale-out 1s linear 0s infinite normal none running;height:100%;position:absolute;transform:translateZ(0);transform-origin:center center;width:100%}.rls-design-system-filled .rls-spinner__svg>circle{r:5;transform:translate(32px,32px)}.rls-design-system-filled .rls-spinner__svg--1{animation-delay:-1s;animation-duration:1s;left:9px;top:0}.rls-design-system-filled .rls-spinner__svg--2{animation-delay:-.888889s;animation-duration:1s;left:6.8944px;top:5.78509px}.rls-design-system-filled .rls-spinner__svg--3{animation-delay:-.777778s;animation-duration:1s;left:1.56283px;top:8.86327px}.rls-design-system-filled .rls-spinner__svg--4{animation-delay:-.666667s;animation-duration:1s;left:-4.5px;top:7.79423px}.rls-design-system-filled .rls-spinner__svg--5{animation-delay:-.555556s;animation-duration:1s;left:-8.45723px;top:3.07818px}.rls-design-system-filled .rls-spinner__svg--6{animation-delay:-.444444s;animation-duration:1s;left:-8.45723px;top:-3.07818px}.rls-design-system-filled .rls-spinner__svg--7{animation-delay:-333.333ms;animation-duration:1s;left:-4.5px;top:-7.79423px}.rls-design-system-filled .rls-spinner__svg--8{animation-delay:-.222222s;animation-duration:1s;left:1.56283px;top:-8.86327px}.rls-design-system-filled .rls-spinner__svg--9{animation-delay:-.111111s;animation-duration:1s;left:6.8944px;top:-5.78509px}@keyframes rls-spinner-scale-out{0%{transform:scale(1)}to{transform:scale(0)}}.rls-design-system-filled .rls-switch{--pvt-component-background:var(--rls-app-color-400);--pvt-component-height:var(
|
|
30
46
|
--rlc-switch-component-height,var(--rls-sizing-x12)
|
|
31
|
-
);--pvt-element-left:var(--rls-sizing-x2);--pvt-element-width:var(--rlc-switch-element-width,var(--rls-sizing-x8));--pvt-element-height:var(--rlc-switch-element-height,var(--rls-sizing-x8));--pvt-element-radius:var(--rlc-switch-element-radius,50%);max-width:var(--rlc-switch-max-width,var(--rls-sizing-x20))}.rls-design-system-filled .rls-switch:hover{cursor:var(--rlc-switch-cursor,initial)}.rls-design-system-filled .rls-switch--capsule{--pvt-component-height:var(--rls-sizing-x8);--pvt-element-height:var(--rls-sizing-x4);--pvt-element-radius:var(--rls-sizing-x4)}.rls-design-system-filled .rls-switch--checked{--pvt-component-background:var(--rls-theme-color-500);--pvt-element-left:calc(100% - var(--pvt-element-width) - var(--rls-sizing-x2))}.rls-design-system-filled .rls-switch--disabled{--pvt-component-background:var(--rls-app-color-300);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-switch--disabled.rls-switch--checked{--pvt-component-background:var(--rls-theme-color-400)}.rls-design-system-filled .rls-switch__component{background:var(--pvt-component-background);border-radius:var(--rls-sizing-x6);height:var(--pvt-component-height);position:relative;width:100%}.rls-design-system-filled .rls-switch__component__element{background:var(--rls-app-color-050);border-radius:var(--pvt-element-radius);box-sizing:border-box;height:var(--pvt-element-height);left:var(--pvt-element-left);padding:var(--rls-sizing-x2);position:absolute;top:var(--rls-sizing-x2);transition:all .16s var(--rls-standard-curve);width:var(--pvt-element-width);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-tabular-text{--pvt-char-font-size:var(
|
|
47
|
+
);--pvt-element-left:var(--rls-sizing-x2);--pvt-element-width:var(--rlc-switch-element-width,var(--rls-sizing-x8));--pvt-element-height:var(--rlc-switch-element-height,var(--rls-sizing-x8));--pvt-element-radius:var(--rlc-switch-element-radius,50%);flex:0 0 auto;max-width:var(--rlc-switch-max-width,var(--rls-sizing-x20))}.rls-design-system-filled .rls-switch:hover{cursor:var(--rlc-switch-cursor,initial)}.rls-design-system-filled .rls-switch--capsule{--pvt-component-height:var(--rls-sizing-x8);--pvt-element-height:var(--rls-sizing-x4);--pvt-element-radius:var(--rls-sizing-x4)}.rls-design-system-filled .rls-switch--checked{--pvt-component-background:var(--rls-theme-color-500);--pvt-element-left:calc(100% - var(--pvt-element-width) - var(--rls-sizing-x2))}.rls-design-system-filled .rls-switch--disabled{--pvt-component-background:var(--rls-app-color-300);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-switch--disabled.rls-switch--checked{--pvt-component-background:var(--rls-theme-color-400)}.rls-design-system-filled .rls-switch__component{background:var(--pvt-component-background);border-radius:var(--rls-sizing-x6);height:var(--pvt-component-height);position:relative;width:100%}.rls-design-system-filled .rls-switch__component__element{background:var(--rls-app-color-050);border-radius:var(--pvt-element-radius);box-sizing:border-box;height:var(--pvt-element-height);left:var(--pvt-element-left);padding:var(--rls-sizing-x2);position:absolute;top:var(--rls-sizing-x2);transition:all .16s var(--rls-standard-curve);width:var(--pvt-element-width);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-tabular-text{--pvt-char-font-size:var(
|
|
32
48
|
--rlc-tabular-text-font-size,var(--rls-body-font-size)
|
|
33
49
|
);--pvt-char-font-weight:var(--rlc-tabular-text-font-weight,inherit);--pvt-char-height:var(--pvt-char-font-size);--pvt-char-width:var(--rlc-tabular-text-char-width,5.5rem);--pvt-pointer-width:var(--rlc-tabular-text-pointer-width,2rem);display:flex;font-size:var(--pvt-char-font-size);font-weight:var(--pvt-char-font-weight);height:var(--pvt-char-height);justify-content:var(--rlc-tabular-text-align,flex-start);line-height:var(--pvt-char-height);width:auto}.rls-design-system-filled .rls-tabular-text__char{display:block;text-align:center;width:var(--pvt-char-width)}.rls-design-system-filled .rls-tabular-text__pointer{display:block;text-align:center;width:var(--pvt-pointer-width)}.rls-design-system-filled .rls-accordion{--pvt-background:var(--rls-app-color-100);--pvt-header-background:var(--rls-app-color-200);--pvt-header-hover-background:var(--rls-app-color-300);--pvt-header-radius:var(--rls-sizing-x6);--pvt-title-font-color:var(--rls-app-color-800);--pvt-indicator-color:var(--rls-app-color-700);--pvt-indicator-background:transparent;--pvt-body-overflow:hidden;--pvt-content-font-color:var(--rls-app-color-700);background:var(--pvt-background);box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.rls-design-system-filled .rls-accordion__header{align-items:center;background:var(--pvt-header-background);border:none;border-radius:var(--pvt-header-radius);box-sizing:border-box;column-gap:var(--rls-sizing-x4);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;min-height:var(--rls-sizing-x24);padding:var(--rls-sizing-x4) var(--rls-sizing-x6);position:relative;text-align:left;transition:background .24s var(--rls-standard-curve);width:100%}.rls-design-system-filled .rls-accordion__header:hover{background:var(--pvt-header-hover-background)}.rls-design-system-filled .rls-accordion__header:focus-visible{outline:var(--rls-app-border-2-500);outline-offset:-2rem}.rls-design-system-filled .rls-accordion__title{color:var(--pvt-title-font-color);flex:1 1 auto;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-paragraph-letter-spacing)}.rls-design-system-filled .rls-accordion__indicator{--rlc-icon-color:var(--pvt-indicator-color);align-items:center;background:var(--pvt-indicator-background);border-radius:50%;display:flex;flex:0 0 auto;height:var(--rls-sizing-x12);justify-content:center;transform:rotate(0deg);transition:transform .36s var(--rls-standard-curve),background .24s var(--rls-standard-curve);width:var(--rls-sizing-x12)}.rls-design-system-filled .rls-accordion__body{height:0;opacity:0;overflow:var(--pvt-body-overflow);transform:translateY(0);transition:height .36s var(--rls-standard-curve),opacity .28s var(--rls-deceleration-curve),transform .36s var(--rls-deceleration-curve)}.rls-design-system-filled .rls-accordion__content{background:var(--rls-app-color-050);border-radius:0 0 var(--rls-sizing-x6) var(--rls-sizing-x6);box-sizing:border-box;color:var(--pvt-content-font-color);font-size:var(--rls-paragraph-font-size);letter-spacing:var(--rls-paragraph-letter-spacing);padding:var(--rlc-accordion-content-padding,var(--rls-sizing-x8))}.rls-design-system-filled .rls-accordion--open{--pvt-indicator-background:var(--rls-app-color-300);--pvt-header-radius:var(--rls-sizing-x6) var(--rls-sizing-x6) 0rem 0rem;--pvt-body-overflow:initial}.rls-design-system-filled .rls-accordion--open .rls-accordion__body{opacity:1;transform:translateY(0)}.rls-design-system-filled .rls-accordion--open .rls-accordion__indicator{transform:rotate(180deg)}.rls-design-system-filled .rls-accordion--disabled{--pvt-header-background:var(--rls-app-color-200);--pvt-header-hover-background:var(--rls-app-color-200);--pvt-title-font-color:var(--rls-app-color-400);--pvt-indicator-color:var(--rls-app-color-400)}.rls-design-system-filled .rls-accordion--disabled .rls-accordion__header{cursor:not-allowed}.rls-design-system-filled .rls-accordion[rls-theme]{--pvt-background:var(--rls-theme-color-050);--pvt-header-background:var(--rls-theme-color-100);--pvt-header-hover-background:var(--rls-theme-color-200);--pvt-title-font-color:var(--rls-theme-color-800);--pvt-indicator-color:var(--rls-theme-color-700);--pvt-content-font-color:var(--rls-theme-color-700)}.rls-design-system-filled .rls-accordion[rls-theme].rls-accordion--open{--pvt-indicator-background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-alert{--pvt-icon-background:var(--rls-app-color-600);--pvt-icon-color:var(--rls-app-color-050);--pvt-content-font-color:var(--rls-app-color-500);align-items:var(--rlc-alert-align-items,flex-start);background:var(--rls-app-color-100);border:var(--rls-app-border-1-300);border-radius:var(--rls-sizing-x4);box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;padding:var(--rls-sizing-x4) var(--rls-sizing-x6);position:relative}.rls-design-system-filled .rls-alert[rls-theme]{--pvt-icon-background:var(--rls-theme-color-500);--pvt-icon-color:var(--rls-theme-color-050);--pvt-content-font-color:var(--rls-theme-color-700);background:var(--rls-theme-color-050);border:var(--rls-theme-border-1-200)}.rls-design-system-filled .rls-alert__icon{--rlc-icon-color:var(--pvt-icon-color);align-items:center;background:var(--pvt-icon-background);border-radius:50%;display:flex;height:var(--rls-sizing-x16);justify-content:center;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-alert__icon+.rls-alert__content{max-width:calc(100% - 22rem)}.rls-design-system-filled .rls-alert__content{color:var(--pvt-content-font-color);width:auto}.rls-design-system-filled .rls-ballot{--rlc-avatar-width:var(--rls-sizing-x20);--rlc-avatar-height:var(--rls-sizing-x20);--pvt-title-font-size:var(
|
|
34
50
|
--rlc-ballot-title-font-size,var(--rls-label-font-size)
|
|
@@ -46,7 +62,7 @@
|
|
|
46
62
|
--rlc-ballot-title-font-weight,var(--rls-font-weight-medium)
|
|
47
63
|
);letter-spacing:var(--pvt-title-letter-spacing);line-height:var(--pvt-title-line-height);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-design-system-filled .rls-ballot__subtitle{--rlc-skeleton-text-font-size:var(--pvt-subtitle-font-size);--rlc-skeleton-text-height:auto;--rlc-skeleton-text-letter-spacing:var(--pvt-subtitle-letter-spacing);color:var(--rls-app-color-500);font-size:var(--pvt-subtitle-font-size);font-weight:var(
|
|
48
64
|
--rlc-ballot-subtitle-font-weight,var(--rls-font-weight-medium)
|
|
49
|
-
);letter-spacing:var(--pvt-subtitle-letter-spacing);line-height:var(--pvt-subtitle-line-height);overflow:var(--rlc-ballot-subtitle-overflow,initial);position:relative;text-overflow:var(--rlc-ballot-subtitle-text-overflow,initial);white-space:var(--rlc-ballot-subtitle-white-space,initial);width:var(--rlc-ballot-subtitle-width,100%)}.rls-design-system-filled .rls-button-progress{--rlc-progress-circular-dimension:var(--rls-sizing-x16);align-items:center;display:flex;justify-content:center;position:relative}.rls-design-system-filled .rls-button-toggle{width:auto}.rls-design-system-filled .rls-button-toggle__content{display:flex;justify-content:center}.rls-design-system-filled .rls-button-toggle__action{--rlc-button-content-radius:var(--rls-sizing-x2) 0rem 0rem var(--rls-sizing-x2);width:auto}.rls-design-system-filled .rls-button-toggle__icon{--rlc-button-content-radius:0rem var(--rls-sizing-x2) var(--rls-sizing-x2) 0rem;--rlc-button-content-padding:var(--rls-sizing-x2);width:auto}.rls-design-system-filled .rls-button-toggle__list{--rlc-button-toggle-ul-height:0rem;--rlc-button-toggle-ul-opacity:0;--rlc-button-toggle-ul-transform:none;height:0;left:0;overflow:hidden;position:absolute;top:22.5rem;width:100%;z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-button-toggle__list--hide{--rlc-button-toggle-ul-opacity:0;--rlc-button-toggle-ul-transform:scale(0)}.rls-design-system-filled .rls-button-toggle__list--visible{--rlc-button-toggle-ul-height:auto;--rlc-button-toggle-ul-opacity:1;--rlc-button-toggle-ul-transform:scale(1);height:auto;opacity:1;overflow:initial}.rls-design-system-filled .rls-button-toggle__list ul{background:var(--rls-app-color-050);border:var(--rls-theme-border-1-500);border-radius:var(--rls-sizing-x4);box-shadow:var(--rls-theme-shadow-500);box-sizing:border-box;display:flex;flex-direction:column;float:left;height:var(--rlc-button-toggle-ul-height);opacity:var(--rlc-button-toggle-ul-opacity);overflow-x:hidden;overflow-y:auto;padding:var(--rls-sizing-x4) 0;position:relative;transform:var(--rlc-button-toggle-ul-transform);transform-origin:0 0;transition:transform .24s 0ms var(--rls-standard-curve),opacity .24s 0ms var(--rls-standard-curve);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-button-toggle__list ul li{box-sizing:border-box;color:var(--rls-app-color-600);cursor:default;font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x20);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-sizing-x20);padding:0 var(--rls-sizing-x6);text-transform:uppercase}.rls-design-system-filled .rls-button-toggle__list ul li:hover{background:var(--rls-app-color-100);color:var(--rls-app-color-900)}.rls-design-system-filled .rls-field-area{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-box{--pvt-body-background:var(
|
|
65
|
+
);letter-spacing:var(--pvt-subtitle-letter-spacing);line-height:var(--pvt-subtitle-line-height);overflow:var(--rlc-ballot-subtitle-overflow,initial);position:relative;text-overflow:var(--rlc-ballot-subtitle-text-overflow,initial);white-space:var(--rlc-ballot-subtitle-white-space,initial);width:var(--rlc-ballot-subtitle-width,100%)}.rls-design-system-filled .rls-button-progress{--rlc-progress-circular-dimension:var(--rls-sizing-x16);align-items:center;display:flex;justify-content:center;position:relative}.rls-design-system-filled .rls-button-stepper{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;flex:0 0 auto;width:auto}.rls-design-system-filled .rls-button-toggle{width:auto}.rls-design-system-filled .rls-button-toggle__content{display:flex;justify-content:center}.rls-design-system-filled .rls-button-toggle__action{--rlc-button-content-radius:var(--rls-sizing-x2) 0rem 0rem var(--rls-sizing-x2);width:auto}.rls-design-system-filled .rls-button-toggle__icon{--rlc-button-content-radius:0rem var(--rls-sizing-x2) var(--rls-sizing-x2) 0rem;--rlc-button-content-padding:var(--rls-sizing-x2);width:auto}.rls-design-system-filled .rls-button-toggle__list{--rlc-button-toggle-ul-height:0rem;--rlc-button-toggle-ul-opacity:0;--rlc-button-toggle-ul-transform:none;height:0;left:0;overflow:hidden;position:absolute;top:22.5rem;width:100%;z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-button-toggle__list--hide{--rlc-button-toggle-ul-opacity:0;--rlc-button-toggle-ul-transform:scale(0)}.rls-design-system-filled .rls-button-toggle__list--visible{--rlc-button-toggle-ul-height:auto;--rlc-button-toggle-ul-opacity:1;--rlc-button-toggle-ul-transform:scale(1);height:auto;opacity:1;overflow:initial}.rls-design-system-filled .rls-button-toggle__list ul{background:var(--rls-app-color-050);border:var(--rls-theme-border-1-500);border-radius:var(--rls-sizing-x4);box-shadow:var(--rls-theme-shadow-500);box-sizing:border-box;display:flex;flex-direction:column;float:left;height:var(--rlc-button-toggle-ul-height);opacity:var(--rlc-button-toggle-ul-opacity);overflow-x:hidden;overflow-y:auto;padding:var(--rls-sizing-x4) 0;position:relative;transform:var(--rlc-button-toggle-ul-transform);transform-origin:0 0;transition:transform .24s 0ms var(--rls-standard-curve),opacity .24s 0ms var(--rls-standard-curve);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-button-toggle__list ul li{box-sizing:border-box;color:var(--rls-app-color-600);cursor:default;font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x20);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-sizing-x20);padding:0 var(--rls-sizing-x6);text-transform:uppercase}.rls-design-system-filled .rls-button-toggle__list ul li:hover{background:var(--rls-app-color-100);color:var(--rls-app-color-900)}.rls-design-system-filled .rls-field-area{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-box{--pvt-body-background:var(
|
|
50
66
|
--rlc-field-box-body-background,var(--rls-app-color-200)
|
|
51
67
|
);--pvt-body-background-focused:var(
|
|
52
68
|
--rlc-field-box-body-background-focused,var(--rls-app-color-050)
|
|
@@ -66,7 +82,9 @@
|
|
|
66
82
|
--rlc-field-box-action-background-hover,var(--rls-app-color-300)
|
|
67
83
|
);--pvt-label-opacity:1;--pvt-body-opacity:1;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rlc-field-box-padding,0);position:relative;row-gap:var(--rls-sizing-x2);transition:height .16s 0ms var(--rls-standard-curve);width:var(--rlc-field-box-width,100%)}.rls-design-system-filled .rls-field-box--focused{--pvt-label-font-color:var(--rls-theme-color-500);--pvt-body-background:var(--pvt-body-background-focused)}.rls-design-system-filled .rls-field-box--error{--pvt-label-font-color:var(--rls-danger-color-500);--pvt-body-shadow:var(
|
|
68
84
|
--rlc-field-box-body-shadow-error,var(--rls-app-shadow-center-2)
|
|
69
|
-
)}.rls-design-system-filled .rls-field-box--disabled{--pvt-label-opacity:0.25;--pvt-body-opacity:0.75;--pvt-body-background:var(--pvt-body-background-disabled)}.rls-design-system-filled .rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-design-system-filled .rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 var(--rls-sizing-x3);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-design-system-filled .rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-design-system-filled .rls-field-box__body{
|
|
85
|
+
)}.rls-design-system-filled .rls-field-box--disabled{--pvt-label-opacity:0.25;--pvt-body-opacity:0.75;--pvt-body-background:var(--pvt-body-background-disabled)}.rls-design-system-filled .rls-field-box--readonly{--rlc-input-font-color:var(--rls-app-color-600)}.rls-design-system-filled .rls-field-box__label{box-sizing:border-box;color:var(--pvt-label-font-color);display:var(--rlc-field-box-label-display,block);font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-smalltext-line-height);min-height:var(--rls-smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 var(--rls-sizing-x3);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-design-system-filled .rls-field-box__label span{color:var(--rls-danger-color-500)}.rls-design-system-filled .rls-field-box__body{--rlc-button-icon-dimension:var(--rls-sizing-x12);--rlc-button-icon-icon-dimension:calc(var(--pvt-action-dimension) - var(--rls-sizing-x2));--rlc-button-icon-background:var(--pvt-action-background);--rlc-button-icon-radius:var(
|
|
86
|
+
--rlc-field-box-action-radius,var(--rls-sizing-x2)
|
|
87
|
+
);align-items:center;background:var(--pvt-body-background);border-radius:var(--rlc-field-box-body-radius,var(--rls-sizing-x4));box-shadow:var(--pvt-body-shadow);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rlc-field-box-body-padding,0)}.rls-design-system-filled .rls-field-box__helper{box-sizing:border-box;color:var(--rls-app-color-400);font-size:var(--rls-overline-font-size);font-weight:var(--rls-overline-font-weight);letter-spacing:var(--rls-overline-letter-spacing);line-height:var(--rls-overline-line-height);min-height:var(--rls-overline-line-height);overflow:hidden;padding:0 var(--rls-sizing-x3);text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-field-box__error{box-sizing:border-box;display:var(--rlc-field-box-error-display,block);padding:0 var(--rls-sizing-x4)}.rls-design-system-filled .rls-field-decimal,.rls-design-system-filled .rls-field-file{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-file{--rlc-action-ripple-dimension:var(--rls-sizing-x12);--rlc-action-ripple-position:-6rem;--pvt-font-color:var(--rlc-input-font-color,var(--rls-app-color-900));--pvt-font-size:var(--rlc-input-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
70
88
|
--rlc-input-letter-spacing,var(--rls-input-letter-spacing)
|
|
71
89
|
);--pvt-height:var(--rlc-input-height,var(--rls-sizing-x12));--pvt-text-align:var(--rlc-input-text-align,left);--pvt-component-font-color:var(--pvt-font-color)}.rls-design-system-filled .rls-field-file .rls-field-file__input{display:none}.rls-design-system-filled .rls-field-file .rls-input__component{cursor:pointer}.rls-design-system-filled .rls-field-file .rls-button-action{height:var(--rls-sizing-x12);padding:0;width:var(--rls-sizing-x12);z-index:2}.rls-design-system-filled .rls-field-list{--pvt-control-pointer-events:initial;--pvt-list-height:0rem;--pvt-list-max-height:180rem;--pvt-list-opacity:0;--pvt-list-transform:none;--pvt-list-body-component-display:none;--pvt-list-body-height:0rem;--pvt-list-body-max-height:180rem;--pvt-list-body-border:var(--rls-theme-border-1-500);--pvt-list-component-padding:0rem var(--rls-sizing-x4);--pvt-element-opacity:1;--pvt-element-pointer-events:initial;--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative}.rls-design-system-filled .rls-field-list.rls-field-box--disabled{--pvt-action-font-color:var(--rls-app-color-400);--pvt-action-background:transparent}.rls-design-system-filled .rls-field-list.rls-field-box--readonly{--pvt-control-width:100%;--pvt-control-pointer-events:none}.rls-design-system-filled .rls-field-list__control{background:transparent;border:none;color:var(--rlc-input-font-color);cursor:var(--rlc-field-list-control-cursor,default);font-size:var(
|
|
72
90
|
--rlc-field-list-control-font-size,var(--rls-input-font-size)
|
|
@@ -76,7 +94,13 @@
|
|
|
76
94
|
--rlc-field-list-control-letter-spacing,var(--rls-input-letter-spacing)
|
|
77
95
|
);line-height:var(--rls-sizing-x12);outline:none;padding:0;pointer-events:var(--pvt-control-pointer-events);position:relative;width:100%}.rls-design-system-filled .rls-field-list__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-list__control::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-field-list__control:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-list__suggestions{bottom:auto;height:var(--pvt-list-height);left:0;max-height:var(--pvt-list-max-height);opacity:0;overflow:hidden;padding-bottom:var(--rls-sizing-x6);position:absolute;top:var(--rlc-field-list-suggestions-top,calc(100% + var(--rls-sizing-x6)));width:100%;z-index:-1}.rls-design-system-filled .rls-field-list__suggestions--visible{--pvt-list-height:auto;--pvt-list-body-height:auto;--pvt-list-opacity:1;opacity:1;overflow:initial;z-index:var(--rls-z-index-8)}.rls-design-system-filled .rls-field-list__suggestions--higher{bottom:var(
|
|
78
96
|
--rlc-field-list-suggestions-bottom,calc(100% - var(--rls-sizing-x4))
|
|
79
|
-
);top:auto}.rls-design-system-filled .rls-field-list__suggestions--disabled{--pvt-element-opacity:0.5;--pvt-element-pointer-events:none}.rls-design-system-filled .rls-field-list__suggestions__body{align-items:center;background:var(--rls-app-color-050);border-radius:var(--rls-sizing-x6);box-shadow:var(--rls-app-shadow-center-4);box-sizing:border-box;display:flex;flex-direction:column;height:var(--pvt-list-body-height);max-height:var(--pvt-list-body-max-height);opacity:var(--pvt-list-opacity);overflow:hidden;padding:var(--rls-sizing-x6) var(--rls-sizing-x2);row-gap:var(--rls-sizing-x6);transform:var(--pvt-list-transform);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-field-list__suggestions__body:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:var(--pvt-list-body-component-display);height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}.rls-design-system-filled .rls-field-list__ul{box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:var(--pvt-list-component-padding);row-gap:var(--rls-sizing-x1);width:100%}.rls-design-system-filled .rls-field-list__element{--rlc-ballot-subtitle-overflow:hidden;--rlc-ballot-subtitle-text-overflow:ellipsis;--rlc-ballot-subtitle-white-space:nowrap;border-radius:var(--rls-sizing-x4);box-sizing:border-box;cursor:default;opacity:var(--pvt-element-opacity);outline:none;padding:var(--rlc-field-list-element-padding,var(--rls-sizing-x2));pointer-events:var(--pvt-element-pointer-events)}.rls-design-system-filled .rls-field-list__element:hover,.rls-design-system-filled .rls-field-list__element:not(:hover):focus{background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-field-
|
|
97
|
+
);top:auto}.rls-design-system-filled .rls-field-list__suggestions--disabled{--pvt-element-opacity:0.5;--pvt-element-pointer-events:none}.rls-design-system-filled .rls-field-list__suggestions__body{align-items:center;background:var(--rls-app-color-050);border-radius:var(--rls-sizing-x6);box-shadow:var(--rls-app-shadow-center-4);box-sizing:border-box;display:flex;flex-direction:column;height:var(--pvt-list-body-height);max-height:var(--pvt-list-body-max-height);opacity:var(--pvt-list-opacity);overflow:hidden;padding:var(--rls-sizing-x6) var(--rls-sizing-x2);row-gap:var(--rls-sizing-x6);transform:var(--pvt-list-transform);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-field-list__suggestions__body:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:var(--pvt-list-body-component-display);height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}.rls-design-system-filled .rls-field-list__ul{box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:var(--pvt-list-component-padding);row-gap:var(--rls-sizing-x1);width:100%}.rls-design-system-filled .rls-field-list__element{--rlc-ballot-subtitle-overflow:hidden;--rlc-ballot-subtitle-text-overflow:ellipsis;--rlc-ballot-subtitle-white-space:nowrap;border-radius:var(--rls-sizing-x4);box-sizing:border-box;cursor:default;opacity:var(--pvt-element-opacity);outline:none;padding:var(--rlc-field-list-element-padding,var(--rls-sizing-x2));pointer-events:var(--pvt-element-pointer-events)}.rls-design-system-filled .rls-field-list__element:hover,.rls-design-system-filled .rls-field-list__element:not(:hover):focus{background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-field-list__multi__chips{display:flex;flex-wrap:wrap;gap:var(--rls-sizing-x2);min-height:var(--rls-sizing-x12)}.rls-design-system-filled .rls-field-list__multi__placeholder{color:var(--rls-app-color-400);cursor:default;font-size:var(
|
|
98
|
+
--rlc-field-list-control-font-size,var(--rls-input-font-size)
|
|
99
|
+
);font-weight:var(
|
|
100
|
+
--rlc-field-list-control-font-weight,var(--rls-font-weight-medium)
|
|
101
|
+
);letter-spacing:var(
|
|
102
|
+
--rlc-field-list-control-letter-spacing,var(--rls-input-letter-spacing)
|
|
103
|
+
);margin:auto 0}.rls-design-system-filled .rls-field-list__multi__chip{align-items:center;background:var(--rls-app-color-100);border-radius:var(--rls-sizing-x2);column-gap:var(--rls-sizing-x1);display:flex;padding:var(--rls-sizing-x1) var(--rls-sizing-x3);width:auto}.rls-design-system-filled .rls-field-list__multi__chip__description{font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-caption-letter-spacing)}.rls-design-system-filled .rls-field-list__multi__chip__remove{--rlc-icon-dimension:var(--rls-sizing-x8);background:none;flex:0 0 auto;margin:0;outline:none;padding:0}.rls-design-system-filled .rls-field-list__multi__element{align-items:center;column-gap:var(--rls-sizing-x4);display:flex}.rls-design-system-filled .rls-field-list__action{box-sizing:border-box;padding:var(--pvt-list-component-padding)}.rls-design-system-filled .rls-field-list__action>button{align-items:center;background:transparent;border:none;border-radius:var(--rls-sizing-x4);box-sizing:border-box;color:var(--rls-theme-color-500);column-gap:var(--rls-sizing-x4);display:flex;font-size:var(--rls-label-font-size);font-weight:var(--rls-font-weight-medium);justify-content:center;letter-spacing:var(--rls-label-letter-spacing);outline:none;padding:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-field-list__action>button:hover:not(:disabled){background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-field-list__action>button:focus-visible:not(:disabled){background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-field-list__action>button:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-list__action__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-field-list__ballot{--rlc-ballot-padding:var(--rls-sizing-x4) var(--rls-sizing-x2);--rlc-ballot-component-row-gap:var(--rls-sizing-x2);--rlc-ballot-title-letter-spacing:var(--rls-label-letter-spacing);--rlc-ballot-title-font-size:var(--rls-label-font-size);--rlc-ballot-title-line-height:var(--rls-label-line-height);--rlc-ballot-subtitle-letter-spacing:var(--rls-smalltext-letter-spacing);--rlc-ballot-subtitle-font-size:var(--rls-smalltext-font-size);--rlc-ballot-subtitle-line-height:var(--rls-smalltext-line-height)}.rls-design-system-filled .rls-field-list__empty{box-sizing:border-box;display:flex;padding:0 var(--rls-sizing-x4)}.rls-design-system-filled .rls-field-list__empty__avatar{height:var(--rls-sizing-x20);width:var(--rls-sizing-x20)}.rls-design-system-filled .rls-field-list__empty__avatar img{width:100%}.rls-design-system-filled .rls-field-list__empty__description{display:flex;flex-direction:column;overflow:hidden;row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-list__empty__description label{color:var(--rls-app-color-600);display:block;width:100%}.rls-design-system-filled .rls-field-list__empty__description p{color:var(--rls-app-color-600);white-space:normal}.rls-design-system-filled .rls-field-list__backdrop{backdrop-filter:blur(2px);background:var(--rls-theme-backdrop-900);bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--rls-deceleration-curve),bottom .12s 0ms var(--rls-deceleration-curve);z-index:var(--rls-z-index-2)}@media screen and (max-width:480px){.rls-design-system-filled .rls-field-list{--pvt-list-transform:translateY(100%);--pvt-list-body-component-display:block;--pvt-list-body-border:none;--pvt-list-component-padding:var(--rls-sizing-x6) var(--rls-sizing-x4)}.rls-design-system-filled .rls-field-list__suggestions{display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:var(--rls-z-index-32)}.rls-design-system-filled .rls-field-list__suggestions--visible{--pvt-list-max-height:initial;--pvt-list-body-max-height:calc(100% - 28rem);--pvt-list-transform:translateY(0%);--pvt-backdrop-opacity:1;--pvt-backdrop-bottom:0rem;height:100%}.rls-design-system-filled .rls-field-list__suggestions__body{bottom:0;box-shadow:none;position:absolute;transition:opacity .24s 0ms var(--rls-standard-curve),transform .24s 0ms var(--rls-standard-curve);z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-field-list__empty{flex-direction:column;padding:var(--rls-sizing-x12) var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-list__empty__avatar{height:auto;margin:auto;max-width:var(--rls-sizing-x8);padding-bottom:var(--rls-sizing-x6);width:100%}.rls-design-system-filled .rls-field-list__empty__description label,.rls-design-system-filled .rls-field-list__empty__description p{text-align:center}}.rls-design-system-filled .rls-field-list__ul__search{align-items:center;background:var(--rls-app-color-100);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;margin-bottom:var(--rls-sizing-x6);margin-top:var(--rls-sizing-x2);padding:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-field-list__ul__search button{background:transparent;color:var(--rls-app-color-600)}.rls-design-system-filled .rls-field-list__ul__search button:not(:disabled):hover{color:var(--rls-theme-color-300)}.rls-design-system-filled .rls-field-list__ul__search button:disabled{opacity:.5}.rls-design-system-filled .rls-field-list__ul__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:text;font-size:var(--rls-input-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--rls-input-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;width:100%}.rls-design-system-filled .rls-field-list__ul__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-list__ul__control::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-field-list__ul__control:disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-field-list__ul .rls-progress-bar{margin-bottom:var(--rls-sizing-x8)}.rls-design-system-filled .rls-field-money,.rls-design-system-filled .rls-field-number,.rls-design-system-filled .rls-field-password{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-password{--rlc-action-ripple-dimension:var(--rls-sizing-x12);--rlc-action-ripple-position:-6rem}.rls-design-system-filled .rls-field-password .rls-button-action{height:var(--rls-sizing-x12);padding:0;width:var(--rls-sizing-x12);z-index:2}.rls-design-system-filled .rls-field-percentage,.rls-design-system-filled .rls-field-readonly{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-readonly{--pvt-font-color:var(--rlc-input-font-color,var(--rls-app-color-600));--pvt-font-size:var(--rlc-input-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
80
104
|
--rlc-input-letter-spacing,var(--rls-input-letter-spacing)
|
|
81
105
|
);--pvt-height:var(--rlc-input-height,var(--rls-sizing-x12));--pvt-text-align:var(--rlc-input-text-align,left);--pvt-component-font-color:var(--pvt-font-color)}.rls-design-system-filled .rls-field-text{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-label-checkbox{--pvt-dimension:var(--rlc-label-checkbox-dimension,var(--rls-sizing-x12));--pvt-label-font-size:var(
|
|
82
106
|
--rlc-label-checkbox-font-size,var(--rls-label-font-size)
|
|
@@ -98,7 +122,7 @@
|
|
|
98
122
|
--rlc-message-empty-content-font-size,var(--rls-paragraph-font-size)
|
|
99
123
|
);letter-spacing:var(--rls-paragraph-letter-spacing);line-height:var(--rls-paragraph-line-height);text-align:var(--rlc-message-empty-content-align,center);width:100%}.rls-design-system-filled .rls-message-empty[rls-theme]{--pvt-logo-color:var(--rls-theme-color-600);--pvt-title-font-color:var(--rls-theme-color-900);--pvt-content-font-color:var(--rls-theme-color-700)}.rls-design-system-filled .rls-pagination{--pvt-dimension:var(--rlc-pagination-dimension,var(--rls-sizing-x16));--pvt-description-display:block;--pvt-count-display:none;align-items:center;box-sizing:border-box;column-gap:var(--rlc-pagination-column-gap,var(--rls-sizing-x4));display:flex;height:var(
|
|
100
124
|
--rlc-pagination-height,calc(var(--pvt-dimension) + var(--rls-sizing-x4))
|
|
101
|
-
);justify-content:center;overflow:hidden;padding:var(--rlc-pagination-padding,0 var(--rls-sizing-x6));position:relative;width:100%}.rls-design-system-filled .rls-pagination__body{align-items:center;column-gap:var(--rls-sizing-x8);display:flex;width:auto}.rls-design-system-filled .rls-pagination__pages{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;width:auto}.rls-design-system-filled .rls-pagination__page{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x2);color:var(--rls-app-color-900);cursor:default;font-size:var(--rls-body-font-size);height:var(--pvt-dimension);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--pvt-dimension);text-align:center;width:var(--pvt-dimension)}.rls-design-system-filled .rls-pagination__page:hover{background:var(--rls-theme-color-300);color:var(--rls-theme-color-900)}.rls-design-system-filled .rls-pagination__page--active{background:var(--rls-theme-color-200);color:var(--rls-theme-color-900)}.rls-design-system-filled .rls-pagination__description{display:var(--pvt-description-display);width:auto}.rls-design-system-filled .rls-pagination__count,.rls-design-system-filled .rls-pagination__description{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing)}.rls-design-system-filled .rls-pagination__count{display:var(--pvt-count-display)}.rls-design-system-filled .rls-pagination__actions{column-gap:var(--rls-sizing-x2);display:flex;width:auto}.rls-design-system-filled .rls-pagination__action{--rlc-icon-dimension:calc(var(--pvt-dimension) - var(--rls-sizing-x4));background:none;color:var(--rls-app-color-600);outline:none;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-pagination__action:hover{color:var(--rls-theme-color-300);cursor:pointer}.rls-design-system-filled .rls-pagination__action:disabled{opacity:.5;pointer-events:none}@media screen and (max-width:640px){.rls-design-system-filled .rls-pagination{--pvt-description-display:none;--pvt-count-display:block;padding:0}}.rls-design-system-filled .rls-picker-day{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-app-color-900);--pvt-span-box-shadow:none;box-sizing:border-box;display:var(--rlc-picker-day-display,flex);flex-direction:column;max-width:140rem;position:relative;row-gap:var(--rls-sizing-x2);user-select:none;width:100%}.rls-design-system-filled .rls-picker-day__header{display:flex}.rls-design-system-filled .rls-picker-day__label{color:var(--rls-app-color-600);font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-regular);height:var(--rls-sizing-x20);letter-spacing:var(--rls-caption-letter-spacing);line-height:var(--rls-sizing-x20);text-align:center;width:100%}.rls-design-system-filled .rls-picker-day__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x3)}.rls-design-system-filled .rls-picker-day__week{display:flex}.rls-design-system-filled .rls-picker-day__element{box-sizing:border-box;padding:var(--rls-sizing-x1);text-align:center}.rls-design-system-filled .rls-picker-day__element--today{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-theme-color-500);--pvt-span-box-shadow:var(--rls-theme-shadow-500)}.rls-design-system-filled .rls-picker-day__element--focused,.rls-design-system-filled .rls-picker-day__element--selected{--pvt-span-background:var(--rls-theme-color-200);--pvt-span-font-color:var(--rls-theme-color-950);--pvt-span-box-shadow:none}.rls-design-system-filled .rls-picker-day__element--forbidden{--pvt-span-background:var(--rls-app-color-100);--pvt-span-font-color:var(--rls-app-color-400);--pvt-span-border:var(--rls-app-border-1-100);--pvt-span-box-shadow:none;pointer-events:none}.rls-design-system-filled .rls-picker-day__element--disabled{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-app-color-400);--pvt-span-box-shadow:none;pointer-events:none}.rls-design-system-filled .rls-picker-day__element__span{border-radius:var(--rls-sizing-x4);box-shadow:var(--pvt-span-box-shadow);box-sizing:border-box;display:block;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x18);letter-spacing:var(--rls-paragraph-letter-spacing);line-height:var(--rls-sizing-x18);position:relative}.rls-design-system-filled .rls-picker-day__element__span:not(:hover){background:var(--pvt-span-background);color:var(--pvt-span-font-color)}.rls-design-system-filled .rls-picker-day__element__span:hover{background:var(--rls-theme-color-800);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-day-range{--pvt-span-nothover-background:transparent;--pvt-span-nothover-font-color:inherit;--pvt-span-background:transparent;box-sizing:border-box;display:var(--rlc-picker-day-range-display,flex);flex-direction:column;max-width:140rem;position:relative;row-gap:var(--rls-sizing-x4);user-select:none;width:100%}.rls-design-system-filled .rls-picker-day-range__title{color:var(--rls-app-color-600);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--rls-body-line-height);text-align:center}.rls-design-system-filled .rls-picker-day-range__header{display:flex}.rls-design-system-filled .rls-picker-day-range__label{color:var(--rls-app-color-600);font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-regular);height:var(--rls-sizing-x20);letter-spacing:var(--rls-caption-letter-spacing);line-height:var(--rls-sizing-x20);text-align:center;width:100%}.rls-design-system-filled .rls-picker-day-range__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x3)}.rls-design-system-filled .rls-picker-day-range__week{display:flex}.rls-design-system-filled .rls-picker-day-range__element{box-sizing:border-box;padding:var(--rls-sizing-x1);text-align:center}.rls-design-system-filled .rls-picker-day-range__element--ranged{--pvt-span-nothover-background:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-day-range__element--end{--pvt-span-nothover-font-color:var(--rls-theme-color-050);--pvt-span-nothover-background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-day-range__element--source{--pvt-span-nothover-font-color:var(--rls-theme-color-950);--pvt-span-nothover-background:var(--rls-theme-color-300)}.rls-design-system-filled .rls-picker-day-range__element--forbidden{--pvt-span-background:var(--rls-app-color-200);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-picker-day-range__element--disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-picker-day-range__element__span{border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:block;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x18);letter-spacing:var(--rls-paragraph-letter-spacing);line-height:var(--rls-sizing-x18);position:relative}.rls-design-system-filled .rls-picker-day-range__element__span:not(:hover){background:var(--pvt-span-nothover-background);color:var(--pvt-span-nothover-font-color)}.rls-design-system-filled .rls-picker-day-range__element__span:hover{background:var(--rls-theme-color-900);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-picker-month{--pvt-component-background:transparent;--pvt-component-font-color:var(--rls-app-color-900);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:var(--rlc-picker-month-display,grid);grid-template-columns:repeat(3,1fr);max-width:140rem;padding:var(--rls-sizing-x1);position:relative;row-gap:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-picker-month__component{align-items:center;border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;height:var(--rls-sizing-x20);justify-content:center;position:relative}.rls-design-system-filled .rls-picker-month__component:not(:hover){background:var(--pvt-component-background);color:var(--pvt-component-font-color)}.rls-design-system-filled .rls-picker-month__component:hover{background:var(--rls-theme-color-900);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-month__component--focused,.rls-design-system-filled .rls-picker-month__component--selected{--pvt-component-font-color:var(--rls-theme-color-950);--pvt-component-background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-picker-month__component--disabled{--pvt-component-font-color:var(--rls-app-color-400);--pvt-component-background:transparent;pointer-events:none}.rls-design-system-filled .rls-picker-month__span{cursor:default;font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-caption-letter-spacing);pointer-events:none}.rls-design-system-filled .rls-picker-selector-title{align-items:center;background:var(--rlc-picker-selector-title-background,transparent);border-radius:var(--rlc-picker-selector-title-radius,0);box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--rlc-picker-selector-title-padding,0)}.rls-design-system-filled .rls-picker-selector-title__label{column-gap:var(--rls-sizing-x3);display:flex;justify-content:center}.rls-design-system-filled .rls-picker-selector-title__label>span{cursor:default;font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);height:var(--rls-sizing-x14);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--rls-sizing-x14)}.rls-design-system-filled .rls-picker-selector-title__label>span:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-selector-title>button{--rlc-icon-dimension:var(--rls-sizing-x10);background:var(--rls-app-color-050);border-radius:var(--rls-sizing-x4);color:var(--rls-app-color-900);outline:none;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-picker-selector-title>button:hover{background:var(--rls-app-color-300)}.rls-design-system-filled .rls-picker-selector-title>button:disabled{background:transparent;color:var(--rls-app-color-600);opacity:.5}.rls-design-system-filled .rls-picker-year{--pvt-component-background:transparent;--pvt-component-font-color:var(--rls-app-color-600);box-sizing:border-box;display:var(--rlc-picker-year-display,block);max-width:140rem;overflow:hidden;position:relative;user-select:none;width:100%}.rls-design-system-filled .rls-picker-year__header{align-items:center;border-radius:var(--rls-sizing-x6);box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--rls-sizing-x4) var(--rls-sizing-x6)}.rls-design-system-filled .rls-picker-year__header>span{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-body-letter-spacing)}.rls-design-system-filled .rls-picker-year__action{--rlc-icon-dimension:var(--rls-sizing-x10);background:var(--rls-theme-color-100);border-radius:var(--rls-sizing-x4);color:var(--rls-theme-color-600);outline:none;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-picker-year__action:not(:disabled):hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-year__action:disabled{background:transparent;color:var(--rls-theme-color-300);opacity:.5}.rls-design-system-filled .rls-picker-year__component{box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:grid;grid-template-columns:repeat(3,1fr);padding:var(--rls-sizing-x4);position:relative;row-gap:var(--rls-sizing-x6);width:100%}.rls-design-system-filled .rls-picker-year__element{align-items:center;border-radius:var(--rls-sizing-x4);box-shadow:none;box-sizing:border-box;display:flex;height:var(--rls-sizing-x20);justify-content:center;position:relative;text-align:center}.rls-design-system-filled .rls-picker-year__element:not(:hover){background:var(--pvt-component-background);color:var(--pvt-component-font-color)}.rls-design-system-filled .rls-picker-year__element:hover{background:var(--rls-theme-color-900);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-year__element--focused,.rls-design-system-filled .rls-picker-year__element--selected{--pvt-component-font-color:var(--rls-theme-color-950);--pvt-component-background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-picker-year__element--disabled{--pvt-component-font-color:var(--rls-app-color-400);--pvt-span-background:var(--rls-app-color-100);pointer-events:none}.rls-design-system-filled .rls-picker-year__span{cursor:default;font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-body-letter-spacing);pointer-events:none}.rls-design-system-filled .rls-slider{--pvt-track-height:var(--rls-sizing-x3);--pvt-thumb-background:var(--rls-theme-color-600);--pvt-thumb-color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-slider--empty{--pvt-thumb-background:var(--rls-app-color-300);--pvt-thumb-color:var(--rls-app-color-900)}.rls-design-system-filled .rls-slider__component{box-sizing:border-box;margin:0 5rem;padding:var(--rls-sizing-x4) 0;position:relative;width:calc(100% - var(--rls-sizing-x10))}.rls-design-system-filled .rls-slider__body{align-items:center;column-gap:var(--rls-sizing-x4);display:flex}.rls-design-system-filled .rls-slider__body .rls-icon{background:var(--rls-app-color-300);border-radius:50%;padding:var(--rls-sizing-x4)}.rls-design-system-filled .rls-slider__track{background:var(--rls-app-color-300);cursor:pointer;height:var(--pvt-track-height);position:relative;width:100%}.rls-design-system-filled .rls-slider__track__on{background:var(--rls-theme-color-600);height:var(--pvt-track-height);overflow:hidden;position:absolute;transition:width .2s 0ms var(--rls-standard-curve);width:0;z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-slider__thumb{background:var(--pvt-thumb-background);border-radius:50%;color:var(--pvt-thumb-color);cursor:pointer;font-size:var(--rls-tiny-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x10);left:0;line-height:var(--rls-sizing-x10);position:absolute;text-align:center;top:.5rem;transform:translateX(-50%);transition:left .2s 0ms var(--rls-standard-curve);width:var(--rls-sizing-x10);z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-tabs{--pvt-background:var(--rls-app-color-200);--pvt-children-font-color:var(--rls-app-color-800);background:var(--pvt-background);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-tabs__children{border-radius:var(--rls-sizing-x4);color:var(--rls-app-color-500);cursor:pointer;font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-sizing-x12);text-align:center;transition:all .24s var(--rls-standard-curve)}.rls-design-system-filled .rls-tabs__children--active{background:var(--rls-app-color-050);color:var(--pvt-children-font-color);font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-tabs__children--disabled{background:transparent;color:var(--rls-app-color-400);cursor:not-allowed;font-weight:var(--rls-font-weight-regular)}.rls-design-system-filled .rls-tabs[rls-theme]{--pvt-background:var(--rls-theme-color-100);--pvt-children-font-color:var(--rls-theme-color-700)}.rls-design-system-filled .rls-toolbar{align-items:center;column-gap:var(--rls-sizing-x6);display:flex;height:var(--rlc-toolbar-height,var(--rls-sizing-x28));justify-content:space-between}.rls-design-system-filled .rls-toolbar>*{width:auto}.rls-design-system-filled .rls-toolbar__description{display:flex;flex-direction:column;overflow:hidden;row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-toolbar__description>label{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-design-system-filled .rls-toolbar__title{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);height:var(--rls-sizing-x12);letter-spacing:var(--rls-label-letter-spacing);line-height:var(--rls-sizing-x12)}.rls-design-system-filled .rls-toolbar__subtitle{color:var(--rls-app-color-600)}.rls-design-system-filled .rls-toolbar__actions{align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:flex}.rls-design-system-filled .rls-bottom-sheet{--pvt-component-transform:translateY(100%);--pvt-component-height:0rem;--pvt-component-max-height:75%;--pvt-component-opacity:0;--pvt-component-visibility:hidden;--pvt-component-transition:320ms;--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:var(--rls-z-index-24)}.rls-design-system-filled .rls-bottom-sheet--visible{--pvt-component-visibility:visible;--pvt-component-height:auto;--pvt-component-opacity:1;--pvt-component-transform:translateY(0);--pvt-backdrop-bottom:0rem;--pvt-backdrop-opacity:1;visibility:visible}.rls-design-system-filled .rls-bottom-sheet__component{background:var(--rlc-bottom-sheet-background,var(--rls-app-color-050));border-radius:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 0;bottom:0;display:flex;flex-direction:column;max-height:var(--pvt-component-max-height);max-width:240rem;opacity:var(--pvt-component-opacity);position:absolute;transform:var(--pvt-component-transform);transition:opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);visibility:var(--pvt-component-visibility);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-bottom-sheet__component:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:block;height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}.rls-design-system-filled .rls-bottom-sheet__backdrop{backdrop-filter:var(--rlc-bottom-sheet-backdrop-filter,blur(2px));background:var(
|
|
125
|
+
);justify-content:center;overflow:hidden;padding:var(--rlc-pagination-padding,0 var(--rls-sizing-x6));position:relative;width:100%}.rls-design-system-filled .rls-pagination__body{align-items:center;column-gap:var(--rls-sizing-x8);display:flex;width:auto}.rls-design-system-filled .rls-pagination__pages{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;width:auto}.rls-design-system-filled .rls-pagination__page{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x2);color:var(--rls-app-color-900);cursor:default;font-size:var(--rls-body-font-size);height:var(--pvt-dimension);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--pvt-dimension);text-align:center;width:var(--pvt-dimension)}.rls-design-system-filled .rls-pagination__page:hover{background:var(--rls-theme-color-300);color:var(--rls-theme-color-900)}.rls-design-system-filled .rls-pagination__page--active{background:var(--rls-theme-color-200);color:var(--rls-theme-color-900)}.rls-design-system-filled .rls-pagination__description{display:var(--pvt-description-display);width:auto}.rls-design-system-filled .rls-pagination__count,.rls-design-system-filled .rls-pagination__description{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing)}.rls-design-system-filled .rls-pagination__count{display:var(--pvt-count-display)}.rls-design-system-filled .rls-pagination__actions{column-gap:var(--rls-sizing-x2);display:flex;width:auto}.rls-design-system-filled .rls-pagination__action{--rlc-icon-dimension:calc(var(--pvt-dimension) - var(--rls-sizing-x4));background:none;color:var(--rls-app-color-600);outline:none;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-pagination__action:hover{color:var(--rls-theme-color-300);cursor:pointer}.rls-design-system-filled .rls-pagination__action:disabled{opacity:.5;pointer-events:none}@media screen and (max-width:640px){.rls-design-system-filled .rls-pagination{--pvt-description-display:none;--pvt-count-display:block;padding:0}}.rls-design-system-filled .rls-picker-day{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-app-color-900);--pvt-span-box-shadow:none;box-sizing:border-box;display:var(--rlc-picker-day-display,flex);flex-direction:column;max-width:140rem;position:relative;row-gap:var(--rls-sizing-x2);user-select:none;width:100%}.rls-design-system-filled .rls-picker-day__header{display:flex}.rls-design-system-filled .rls-picker-day__label{color:var(--rls-app-color-600);font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-regular);height:var(--rls-sizing-x20);letter-spacing:var(--rls-caption-letter-spacing);line-height:var(--rls-sizing-x20);text-align:center;width:100%}.rls-design-system-filled .rls-picker-day__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x3)}.rls-design-system-filled .rls-picker-day__week{display:flex}.rls-design-system-filled .rls-picker-day__element{box-sizing:border-box;padding:var(--rls-sizing-x1);text-align:center}.rls-design-system-filled .rls-picker-day__element--today{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-theme-color-500);--pvt-span-box-shadow:var(--rls-theme-shadow-500)}.rls-design-system-filled .rls-picker-day__element--focused,.rls-design-system-filled .rls-picker-day__element--selected{--pvt-span-background:var(--rls-theme-color-200);--pvt-span-font-color:var(--rls-theme-color-950);--pvt-span-box-shadow:none}.rls-design-system-filled .rls-picker-day__element--forbidden{--pvt-span-background:var(--rls-app-color-100);--pvt-span-font-color:var(--rls-app-color-400);--pvt-span-border:var(--rls-app-border-1-100);--pvt-span-box-shadow:none;pointer-events:none}.rls-design-system-filled .rls-picker-day__element--disabled{--pvt-span-background:transparent;--pvt-span-font-color:var(--rls-app-color-400);--pvt-span-box-shadow:none;pointer-events:none}.rls-design-system-filled .rls-picker-day__element__span{border-radius:var(--rls-sizing-x4);box-shadow:var(--pvt-span-box-shadow);box-sizing:border-box;display:block;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x18);letter-spacing:var(--rls-paragraph-letter-spacing);line-height:var(--rls-sizing-x18);position:relative}.rls-design-system-filled .rls-picker-day__element__span:not(:hover){background:var(--pvt-span-background);color:var(--pvt-span-font-color)}.rls-design-system-filled .rls-picker-day__element__span:hover{background:var(--rls-theme-color-800);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-day-range{--pvt-span-nothover-background:transparent;--pvt-span-nothover-font-color:inherit;--pvt-span-background:transparent;box-sizing:border-box;display:var(--rlc-picker-day-range-display,flex);flex-direction:column;max-width:140rem;position:relative;row-gap:var(--rls-sizing-x4);user-select:none;width:100%}.rls-design-system-filled .rls-picker-day-range__title{color:var(--rls-app-color-600);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--rls-body-line-height);text-align:center}.rls-design-system-filled .rls-picker-day-range__header{display:flex}.rls-design-system-filled .rls-picker-day-range__label{color:var(--rls-app-color-600);font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-regular);height:var(--rls-sizing-x20);letter-spacing:var(--rls-caption-letter-spacing);line-height:var(--rls-sizing-x20);text-align:center;width:100%}.rls-design-system-filled .rls-picker-day-range__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x3)}.rls-design-system-filled .rls-picker-day-range__week{display:flex}.rls-design-system-filled .rls-picker-day-range__element{box-sizing:border-box;padding:var(--rls-sizing-x1);text-align:center}.rls-design-system-filled .rls-picker-day-range__element--ranged{--pvt-span-nothover-background:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-day-range__element--end{--pvt-span-nothover-font-color:var(--rls-theme-color-050);--pvt-span-nothover-background:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-day-range__element--source{--pvt-span-nothover-font-color:var(--rls-theme-color-950);--pvt-span-nothover-background:var(--rls-theme-color-300)}.rls-design-system-filled .rls-picker-day-range__element--forbidden{--pvt-span-background:var(--rls-app-color-200);opacity:.5;pointer-events:none}.rls-design-system-filled .rls-picker-day-range__element--disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-picker-day-range__element__span{border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:block;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x18);letter-spacing:var(--rls-paragraph-letter-spacing);line-height:var(--rls-sizing-x18);position:relative}.rls-design-system-filled .rls-picker-day-range__element__span:not(:hover){background:var(--pvt-span-nothover-background);color:var(--pvt-span-nothover-font-color)}.rls-design-system-filled .rls-picker-day-range__element__span:hover{background:var(--rls-theme-color-900);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-picker-month{--pvt-component-background:transparent;--pvt-component-font-color:var(--rls-app-color-900);box-sizing:border-box;column-gap:var(--rls-sizing-x2);display:var(--rlc-picker-month-display,grid);grid-template-columns:repeat(3,1fr);max-width:140rem;padding:var(--rls-sizing-x1);position:relative;row-gap:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-picker-month__component{align-items:center;border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;height:var(--rls-sizing-x20);justify-content:center;position:relative}.rls-design-system-filled .rls-picker-month__component:not(:hover){background:var(--pvt-component-background);color:var(--pvt-component-font-color)}.rls-design-system-filled .rls-picker-month__component:hover{background:var(--rls-theme-color-900);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-month__component--focused,.rls-design-system-filled .rls-picker-month__component--selected{--pvt-component-font-color:var(--rls-theme-color-950);--pvt-component-background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-picker-month__component--disabled{--pvt-component-font-color:var(--rls-app-color-400);--pvt-component-background:transparent;pointer-events:none}.rls-design-system-filled .rls-picker-month__span{cursor:default;font-size:var(--rls-caption-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-caption-letter-spacing);pointer-events:none}.rls-design-system-filled .rls-picker-selector-title{align-items:center;background:var(--rlc-picker-selector-title-background,transparent);border-radius:var(--rlc-picker-selector-title-radius,0);box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--rlc-picker-selector-title-padding,0)}.rls-design-system-filled .rls-picker-selector-title__label{column-gap:var(--rls-sizing-x3);display:flex;justify-content:center}.rls-design-system-filled .rls-picker-selector-title__label>span{cursor:default;font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);height:var(--rls-sizing-x14);letter-spacing:var(--rls-body-letter-spacing);line-height:var(--rls-sizing-x14)}.rls-design-system-filled .rls-picker-selector-title__label>span:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-selector-title .rls-button-icon{--rlc-button-icon-size:var(--rls-sizing-x14);--rlc-button-icon-icon-size:var(--rls-sizing-x10);--rlc-button-icon-background:var(--rls-app-color-050);--rlc-button-icon-radius:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-year{--pvt-component-background:transparent;--pvt-component-font-color:var(--rls-app-color-600);box-sizing:border-box;display:var(--rlc-picker-year-display,block);max-width:140rem;overflow:hidden;position:relative;user-select:none;width:100%}.rls-design-system-filled .rls-picker-year__header{align-items:center;border-radius:var(--rls-sizing-x6);box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--rls-sizing-x4) var(--rls-sizing-x6)}.rls-design-system-filled .rls-picker-year__header>span{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-semibold);letter-spacing:var(--rls-body-letter-spacing)}.rls-design-system-filled .rls-picker-year .rls-button-icon{--rlc-button-icon-size:var(--rls-sizing-x14);--rlc-button-icon-icon-size:var(--rls-sizing-x10);--rlc-button-icon-background:var(--rls-theme-color-100);--rlc-button-icon-radius:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-year__component{box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:grid;grid-template-columns:repeat(3,1fr);padding:var(--rls-sizing-x4);position:relative;row-gap:var(--rls-sizing-x6);width:100%}.rls-design-system-filled .rls-picker-year__element{align-items:center;border-radius:var(--rls-sizing-x4);box-shadow:none;box-sizing:border-box;display:flex;height:var(--rls-sizing-x20);justify-content:center;position:relative;text-align:center}.rls-design-system-filled .rls-picker-year__element:not(:hover){background:var(--pvt-component-background);color:var(--pvt-component-font-color)}.rls-design-system-filled .rls-picker-year__element:hover{background:var(--rls-theme-color-900);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-year__element--focused,.rls-design-system-filled .rls-picker-year__element--selected{--pvt-component-font-color:var(--rls-theme-color-950);--pvt-component-background:var(--rls-theme-color-200)}.rls-design-system-filled .rls-picker-year__element--disabled{--pvt-component-font-color:var(--rls-app-color-400);--pvt-span-background:var(--rls-app-color-100);pointer-events:none}.rls-design-system-filled .rls-picker-year__span{cursor:default;font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-body-letter-spacing);pointer-events:none}.rls-design-system-filled .rls-slider{--pvt-track-height:var(--rls-sizing-x3);--pvt-thumb-background:var(--rls-theme-color-600);--pvt-thumb-color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-slider--empty{--pvt-thumb-background:var(--rls-app-color-300);--pvt-thumb-color:var(--rls-app-color-900)}.rls-design-system-filled .rls-slider__component{box-sizing:border-box;margin:0 5rem;padding:var(--rls-sizing-x4) 0;position:relative;width:calc(100% - var(--rls-sizing-x10))}.rls-design-system-filled .rls-slider__body{align-items:center;column-gap:var(--rls-sizing-x4);display:flex}.rls-design-system-filled .rls-slider__body .rls-icon{background:var(--rls-app-color-300);border-radius:50%;padding:var(--rls-sizing-x4)}.rls-design-system-filled .rls-slider__track{background:var(--rls-app-color-300);cursor:pointer;height:var(--pvt-track-height);position:relative;width:100%}.rls-design-system-filled .rls-slider__track__on{background:var(--rls-theme-color-600);height:var(--pvt-track-height);overflow:hidden;position:absolute;transition:width .2s 0ms var(--rls-standard-curve);width:0;z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-slider__thumb{background:var(--pvt-thumb-background);border-radius:50%;color:var(--pvt-thumb-color);cursor:pointer;font-size:var(--rls-tiny-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x10);left:0;line-height:var(--rls-sizing-x10);position:absolute;text-align:center;top:.5rem;transform:translateX(-50%);transition:left .2s 0ms var(--rls-standard-curve);width:var(--rls-sizing-x10);z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-tabs{--pvt-background:var(--rls-app-color-200);--pvt-children-font-color:var(--rls-app-color-800);background:var(--pvt-background);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;padding:var(--rls-sizing-x2)}.rls-design-system-filled .rls-tabs__children{border-radius:var(--rls-sizing-x4);color:var(--rls-app-color-500);cursor:pointer;font-size:var(--rls-smalltext-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--rls-smalltext-letter-spacing);line-height:var(--rls-sizing-x12);text-align:center;transition:all .24s var(--rls-standard-curve)}.rls-design-system-filled .rls-tabs__children--active{background:var(--rls-app-color-050);color:var(--pvt-children-font-color);font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-tabs__children--disabled{background:transparent;color:var(--rls-app-color-400);cursor:not-allowed;font-weight:var(--rls-font-weight-regular)}.rls-design-system-filled .rls-tabs[rls-theme]{--pvt-background:var(--rls-theme-color-100);--pvt-children-font-color:var(--rls-theme-color-700)}.rls-design-system-filled .rls-toolbar{align-items:center;column-gap:var(--rls-sizing-x6);display:flex;height:var(--rlc-toolbar-height,var(--rls-sizing-x28));justify-content:space-between}.rls-design-system-filled .rls-toolbar>*{width:auto}.rls-design-system-filled .rls-toolbar__description{display:flex;flex-direction:column;overflow:hidden;row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-toolbar__description>label{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-design-system-filled .rls-toolbar__title{color:var(--rls-app-color-900);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);height:var(--rls-sizing-x12);letter-spacing:var(--rls-label-letter-spacing);line-height:var(--rls-sizing-x12)}.rls-design-system-filled .rls-toolbar__subtitle{color:var(--rls-app-color-600)}.rls-design-system-filled .rls-toolbar__actions{align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:flex}.rls-design-system-filled .rls-bottom-sheet{--pvt-component-transform:translateY(100%);--pvt-component-height:0rem;--pvt-component-max-height:75%;--pvt-component-opacity:0;--pvt-component-visibility:hidden;--pvt-component-transition:320ms;--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:var(--rls-z-index-24)}.rls-design-system-filled .rls-bottom-sheet--visible{--pvt-component-visibility:visible;--pvt-component-height:auto;--pvt-component-opacity:1;--pvt-component-transform:translateY(0);--pvt-backdrop-bottom:0rem;--pvt-backdrop-opacity:1;visibility:visible}.rls-design-system-filled .rls-bottom-sheet__component{background:var(--rlc-bottom-sheet-background,var(--rls-app-color-050));border-radius:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 0;bottom:0;display:flex;flex-direction:column;max-height:var(--pvt-component-max-height);max-width:240rem;opacity:var(--pvt-component-opacity);position:absolute;transform:var(--pvt-component-transform);transition:opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);visibility:var(--pvt-component-visibility);width:100%;z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-bottom-sheet__component:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:block;height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}.rls-design-system-filled .rls-bottom-sheet__backdrop{backdrop-filter:var(--rlc-bottom-sheet-backdrop-filter,blur(2px));background:var(
|
|
102
126
|
--rlc-bottom-sheet-backdrop-color,var(--rls-theme-backdrop-400)
|
|
103
127
|
);bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--rls-deceleration-curve),bottom .12s 0ms var(--rls-deceleration-curve);z-index:var(--rls-z-index-1)}@media screen and (max-height:960px){.rls-design-system-filled .rls-bottom-sheet{--pvt-component-max-height:calc(100% - 32rem)}}@media screen and (max-height:720px){.rls-design-system-filled .rls-bottom-sheet{--pvt-component-max-height:calc(100% - 24rem)}}@media screen and (max-height:560px){.rls-design-system-filled .rls-bottom-sheet{--pvt-component-max-height:calc(100% - 16rem)}}.rls-design-system-filled .rls-card{--rlc-divider-background:var(--rls-app-color-300);--pvt-background:var(--rls-app-color-050);background:var(--pvt-background);border-radius:var(--rls-sizing-x6)}.rls-design-system-filled .rls-card[rls-theme]{--rlc-divider-background:var(--rls-theme-color-200);--pvt-background:var(--rls-theme-color-100)}.rls-design-system-filled .rls-card__content{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rlc-card-content-padding,var(--rls-sizing-x8));row-gap:var(--rlc-card-content-gap,var(--rls-sizing-x4))}.rls-design-system-filled .rls-confirmation{--pvt-component-transform:translateY(150px) scale(0.6);--pvt-component-height:0rem;--pvt-component-opacity:0;--pvt-component-visibility:hidden;--pvt-title-font-size:var(--rls-heading6-font-size);--pvt-title-letter-spacing:var(--rls-heading6-letter-spacing);--pvt-title-line-height:var(--rls-heading6-line-height);--pvt-title-text-transform:initial;--pvt-subtitle-font-size:var(--rls-body-font-size);--pvt-subtitle-letter-spacing:var(--rls-body-letter-spacing);--pvt-subtitle-line-height:var(--rls-body-line-height);--pvt-subtitle-text-transform:initial;--pvt-content-font-size:var(--rls-input-font-size);--pvt-content-letter-spacing:var(--rls-input-letter-spacing);--pvt-content-line-height:var(--rls-input-line-height);--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;align-items:center;display:flex;height:var(--rls-html-max-height);justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:var(--rls-html-max-width);z-index:var(--rls-z-index-24)}.rls-design-system-filled .rls-confirmation--visible{--pvt-component-visibility:visible;--pvt-component-height:auto;--pvt-component-opacity:1;--pvt-component-transform:translateY(0) scale(1);--pvt-backdrop-bottom:0rem;--pvt-backdrop-opacity:1;visibility:visible}.rls-design-system-filled .rls-confirmation__component{background:var(--rls-app-color-050);border-radius:var(--rls-sizing-x4);box-shadow:var(--rls-app-shadow-4);box-sizing:border-box;display:flex;flex-direction:column;height:var(--pvt-component-height);max-width:180rem;opacity:var(--pvt-component-opacity);padding:var(--rls-sizing-x8) 0;position:absolute;row-gap:var(--rls-sizing-x8);transform:var(--pvt-component-transform);transition:opacity 125ms 0ms var(--rls-deceleration-curve),transform 125ms 0ms var(--rls-deceleration-curve),visibility 125ms 0ms var(--rls-deceleration-curve);visibility:var(--pvt-component-visibility);width:calc(100% - var(--rls-sizing-x16));z-index:var(--rls-z-index-4)}.rls-design-system-filled .rls-confirmation__header{box-sizing:border-box;display:flex;flex-direction:column;padding:0 var(--rls-sizing-x8);position:relative;row-gap:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-confirmation__title{color:var(--rls-app-color-900);font-size:var(--pvt-title-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--pvt-title-letter-spacing);line-height:var(--pvt-title-line-height);text-align:center;text-transform:var(--pvt-title-text-transform)}.rls-design-system-filled .rls-confirmation__subtitle{color:var(--rls-theme-color-400);font-size:var(--pvt-subtitle-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--pvt-subtitle-letter-spacing);line-height:var(--pvt-subtitle-line-height);text-align:center;text-transform:var(--pvt-subtitle-text-transform)}.rls-design-system-filled .rls-confirmation__body{box-sizing:border-box;padding:0 var(--rls-sizing-x8);position:relative;width:100%}.rls-design-system-filled .rls-confirmation__content{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x8)}.rls-design-system-filled .rls-confirmation__content>p{color:var(--rls-app-color-600);font-size:var(--pvt-content-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--pvt-content-letter-spacing);line-height:var(--pvt-content-line-height);text-align:center}.rls-design-system-filled .rls-confirmation__footer{box-sizing:border-box;padding:var(--rls-sizing-x4) var(--rls-sizing-x12) 0 var(--rls-sizing-x12);position:relative;width:100%}.rls-design-system-filled .rls-confirmation__actions{--rlc-button-width:100%;column-gap:var(--rls-sizing-x8);display:flex;flex-direction:row-reverse;justify-content:center;position:relative;width:100%}.rls-design-system-filled .rls-confirmation__backdrop{backdrop-filter:var(--rlc-modal-backdrop-filter,blur(2px));background:var(--rlc-modal-backdrop-color,var(--rls-theme-backdrop-400));bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--rls-deceleration-curve),bottom .12s 0ms var(--rls-deceleration-curve);z-index:var(--rls-z-index-2)}@media screen and (max-width:480px){.rls-design-system-filled .rls-confirmation{--pvt-title-font-size:var(--rls-title-font-size);--pvt-title-letter-spacing:var(--rls-title-letter-spacing);--pvt-title-line-height:var(--rls-title-line-height);--pvt-subtitle-font-size:var(--rls-smalltext-font-size);--pvt-subtitle-letter-spacing:var(--rls-smalltext-letter-spacing);--pvt-subtitle-line-height:var(--rls-smalltext-line-height);--pvt-content-font-size:var(--rls-paragraph-font-size)}.rls-design-system-filled .rls-confirmation__header{row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-confirmation__actions{column-gap:0;flex-direction:column-reverse;row-gap:var(--rls-sizing-x4)}}.rls-design-system-filled .rls-datatable{--pvt-datatable-font-size:var(
|
|
104
128
|
--rlc-datatable-font-size,var(--rls-label-font-size)
|
|
@@ -122,7 +146,9 @@
|
|
|
122
146
|
--rlc-datatable-cell-font-weight,var(--rls-font-weight-regular)
|
|
123
147
|
);justify-content:var(--rlc-datatable-justify-content,flex-start);letter-spacing:var(--pvt-datatable-letter-spacing);min-height:var(--rls-sizing-x20);padding:var(--rls-sizing-x2) 0;position:relative;text-align:left}.rls-design-system-filled .rls-datatable__cell--contained,.rls-design-system-filled .rls-datatable__data--contained{overflow:hidden}.rls-design-system-filled .rls-datatable__cell--control,.rls-design-system-filled .rls-datatable__data--control{--rlc-action-ripple-dimension:var(--rls-sizing-x16);--rlc-action-ripple-position:-8rem;--rlc-avatar-radius:var(--rls-sizing-x3);--rlc-avatar-width:var(--rls-sizing-x16);--rlc-avatar-height:var(--rls-sizing-x16);--rlc-avatar-font-size:var(--pvt-datatable-font-size);--rlc-image-width:var(--rls-sizing-x12);--rlc-image-height:var(--rls-sizing-x12);--rlc-switch-max-width:var(--rls-sizing-x16);--rlc-switch-component-height:var(--rls-sizing-x8);--rlc-switch-element-width:var(--rls-sizing-x6);--rlc-switch-element-height:var(--rls-sizing-x4);--rlc-switch-element-radius:var(--rls-sizing-x4);align-items:center;display:flex;justify-content:center;padding:0;width:var(--rls-sizing-x24)}.rls-design-system-filled .rls-datatable__cell--control>img,.rls-design-system-filled .rls-datatable__data--control>img{width:var(--rls-sizing-x12)}.rls-design-system-filled .rls-datatable__cell>span,.rls-design-system-filled .rls-datatable__data>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-datatable__cell .rls-field-list,.rls-design-system-filled .rls-datatable__data .rls-field-list{--rlc-field-box-body-padding:var(--rls-sizing-x4) 0rem;--rlc-field-box-action-dimension:var(--rls-sizing-x10)}.rls-design-system-filled .rls-datatable__cell .rls-poster,.rls-design-system-filled .rls-datatable__data .rls-poster{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-datatable__cell>a:hover,.rls-design-system-filled .rls-datatable__data>a:hover{color:var(--rls-app-color-700);text-decoration:underline}.rls-design-system-filled .rls-datatable__cell{color:var(--pvt-datatable-font-color);font-weight:var(--rls-font-weight-regular)}.rls-design-system-filled .rls-datatable__data{color:var(--pvt-data-font-color,var(--pvt-datatable-font-color));font-weight:var(--pvt-data-font-weight,var(--rls-font-weight-regular))}.rls-design-system-filled .rls-datatable__floating{--pvt-action-tooltip-left:0;--pvt-action-tooltip-right:initial;--pvt-action-tooltip-transform:translate(calc(-100% - var(--rls-sizing-x4)));align-items:center;background:var(--pvt-datatable-floating-background);border-right:none;column-gap:4rem;display:flex;height:100%;left:auto;padding:0 var(--rls-sizing-x6);position:absolute;right:0;transform:translateX(calc(100% - var(--rls-sizing-x4)));transition:transform .24s var(--rls-standard-curve);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-datatable__floating:hover{transform:translateX(0)}.rls-design-system-filled .rls-datatable__floating--invested{--pvt-action-tooltip-left:initial;--pvt-action-tooltip-right:0;--pvt-action-tooltip-transform:translate(calc(100% + var(--rls-sizing-x4)));left:0;right:auto;transform:translateX(calc(-100% + var(--rls-sizing-x4)))}.rls-design-system-filled .rls-datatable__floating[rls-theme]{background:var(--rls-theme-color-050)}.rls-design-system-filled .rls-datatable__floating .rls-button-action__tooltip{left:var(--pvt-action-tooltip-left);right:var(--pvt-action-tooltip-right);top:0;transform:var(--pvt-action-tooltip-transform);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-datatable__summary{--pvt-datatable-row-background:var(--pvt-datatable-summary-background);box-sizing:border-box;flex:0 0 auto;padding-right:var(--pvt-datatable-header-padding-right)}.rls-design-system-filled .rls-datatable__footer{--pvt-datatable-row-background:var(--pvt-datatable-footer-background);box-sizing:border-box;flex:0 0 auto;overflow:hidden;padding:var(--pvt-datatable-padding-component);position:relative;width:100%}.rls-design-system-filled .rls-dropdown{--pvt-content-opacity:0;--pvt-content-transform:scale(0);display:block;opacity:0;pointer-events:none;position:var(--rlc-dropdown-position,absolute);transition:opacity .24s 0ms var(--rls-standard-curve);width:auto;z-index:-16}.rls-design-system-filled .rls-dropdown--visible{--pvt-content-opacity:1;--pvt-content-transform:scale(1);opacity:1;pointer-events:auto;z-index:var(--rlc-dropdown-z-index,var(--rls-z-index-4))}.rls-design-system-filled .rls-dropdown__content{background:var(--rlc-dropdown-background,var(--rls-app-color-050));border-radius:var(--rlc-dropdown-radius,var(--rls-sizing-x6));box-shadow:var(--rls-app-shadow-center-4);box-sizing:border-box;display:block;max-width:var(--rlc-dropdown-max-width,150rem);opacity:var(--pvt-content-opacity);padding:var(--rlc-dropdown-padding,var(--rls-sizing-x6));transform:var(--pvt-content-transform);transition:transform .24s 0ms var(--rls-standard-curve),opacity .24s 0ms var(--rls-standard-curve);width:auto}.rls-design-system-filled .rls-field-autocomplete{--pvt-control-width:100%;--pvt-control-opacity:1}.rls-design-system-filled .rls-field-autocomplete.rls-field-box--selected{--pvt-control-width:calc(100% - var(--pvt-action-dimension))}.rls-design-system-filled .rls-field-autocomplete.rls-field-box--disabled{--pvt-control-opacity:0.5}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__search{align-items:center;background:var(--rls-app-color-100);border-radius:var(--rls-sizing-x4);box-sizing:border-box;display:flex;margin-bottom:var(--rls-sizing-x6);margin-top:var(--rls-sizing-x2);padding:var(--rls-sizing-x4);width:100%}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__search button{background:transparent;color:var(--rls-app-color-600)}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__search button:not(:disabled):hover{color:var(--rls-theme-color-300)}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__search button:disabled{opacity:.5}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:text;font-size:var(--rls-input-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--rls-input-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;width:100%}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__control::selection{background:var(--rls-theme-color-700);color:var(--rls-app-color-050)}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul__control:disabled{opacity:.5;pointer-events:none}.rls-design-system-filled .rls-field-autocomplete .rls-field-list__ul .rls-progress-bar{margin-bottom:var(--rls-sizing-x8)}.rls-design-system-filled .rls-field-clock{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);--pvt-font-size:var(--rlc-field-clock-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
124
148
|
--rlc-field-clock-letter-spacing,var(--rls-input-letter-spacing)
|
|
125
|
-
);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-clock .rls-field-box--readonly{--pvt-control-width:100%}.rls-design-system-filled .rls-field-clock .rls-field-box__body{column-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-clock__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:default;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--pvt-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;position:relative;width:100%}.rls-design-system-filled .rls-field-clock__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-clock__control:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-clock-modal{--rlc-modal-background:transparent;--rlc-modal-max-width:150rem;--rlc-picker-clock-radius:var(--rls-sizing-x6);--rlc-picker-clock-background:var(--rls-app-color-050);--rlc-picker-clock-padding:var(--rls-sizing-x4) 0rem}.rls-design-system-filled .rls-field-
|
|
149
|
+
);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-clock .rls-field-box--readonly{--pvt-control-width:100%}.rls-design-system-filled .rls-field-clock .rls-field-box__body{column-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-clock__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:default;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--pvt-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;position:relative;width:100%}.rls-design-system-filled .rls-field-clock__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-clock__control:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-clock-modal{--rlc-modal-background:transparent;--rlc-modal-max-width:150rem;--rlc-picker-clock-radius:var(--rls-sizing-x6);--rlc-picker-clock-background:var(--rls-app-color-050);--rlc-picker-clock-padding:var(--rls-sizing-x4) 0rem}.rls-design-system-filled .rls-field-color{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);--pvt-font-size:var(--rlc-field-color-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
150
|
+
--rlc-field-color-letter-spacing,var(--rls-input-letter-spacing)
|
|
151
|
+
);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-color .rls-field-box--readonly{--pvt-control-width:100%}.rls-design-system-filled .rls-field-color .rls-field-box__body{column-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-color__swatch{border:var(--rls-app-border-1-300);border-radius:var(--rls-sizing-x2);flex:0 0 auto;height:var(--rls-sizing-x10);width:var(--rls-sizing-x10)}.rls-design-system-filled .rls-field-color__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:default;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--pvt-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;position:relative;width:100%}.rls-design-system-filled .rls-field-color__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-color__control:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-color-modal{--rlc-modal-background:transparent;--rlc-modal-max-width:150rem;--rlc-picker-color-radius:var(--rls-sizing-x4);--rlc-picker-color-background:var(--rls-app-color-050)}.rls-design-system-filled .rls-field-date{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);--pvt-font-size:var(--rlc-field-date-font-size,var(--rls-input-font-size));--pvt-letter-spacing:var(
|
|
126
152
|
--rlc-field-date-letter-spacing,var(--rls-input-letter-spacing)
|
|
127
153
|
);box-sizing:border-box;position:relative;width:100%}.rls-design-system-filled .rls-field-date .rls-field-box--readonly{--pvt-control-width:100%}.rls-design-system-filled .rls-field-date .rls-field-box__body{column-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-field-date__control{background:transparent;border:none;color:var(--rls-app-color-900);cursor:default;font-size:var(--pvt-font-size);font-weight:var(--rls-font-weight-medium);height:var(--rls-sizing-x12);letter-spacing:var(--pvt-letter-spacing);line-height:var(--rls-sizing-x12);outline:none;padding:0;position:relative;width:100%}.rls-design-system-filled .rls-field-date__control::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-field-date__control:disabled{cursor:not-allowed;opacity:.5}.rls-design-system-filled .rls-field-date-modal{--rlc-modal-background:transparent;--rlc-modal-max-width:150rem;--rlc-picker-date-radius:var(--rls-sizing-x6);--rlc-picker-date-background:var(--rls-app-color-050)}.rls-design-system-filled .rls-field-date-range{--rlc-field-box-body-padding:var(--rls-sizing-x3) var(--rls-sizing-x4);--pvt-font-size:var(
|
|
128
154
|
--rlc-field-date-range-font-size,var(--rls-input-font-size)
|
|
@@ -138,4 +164,6 @@
|
|
|
138
164
|
--rlc-modal-sheet-border-radius,var(--rls-sizing-x4)
|
|
139
165
|
);--pvt-component-opacity:0;--pvt-component-visibility:hidden;--pvt-component-transition:160ms;--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:var(--rls-z-index-24)}.rls-design-system-filled .rls-modal-sheet--visible{--pvt-component-visibility:visible;--pvt-component-height:auto;--pvt-component-opacity:1;--pvt-component-transform:translateY(0) scale(1);--pvt-backdrop-bottom:0rem;--pvt-backdrop-opacity:1;visibility:visible}.rls-design-system-filled .rls-modal-sheet__component{background:var(--rlc-modal-sheet-background,var(--rls-app-color-050));border-radius:var(--pvt-component-border-radius);bottom:var(--pvt-component-bottom);display:flex;flex-direction:column;height:var(--pvt-component-height);max-height:var(--pvt-component-max-height);max-width:var(--pvt-component-max-width);opacity:var(--pvt-component-opacity);position:absolute;transform:var(--pvt-component-transform);transition:opacity var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),transform var(--pvt-component-transition) 0ms var(--rls-deceleration-curve),visibility var(--pvt-component-transition) 0ms var(--rls-deceleration-curve);visibility:var(--pvt-component-visibility);z-index:var(--rls-z-index-2)}.rls-design-system-filled .rls-modal-sheet__backdrop{backdrop-filter:var(--rlc-modal-sheet-backdrop-filter,blur(2px));background:var(
|
|
140
166
|
--rlc-modal-sheet-backdrop-color,var(--rls-theme-backdrop-400)
|
|
141
|
-
);bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--rls-deceleration-curve),bottom .12s 0ms var(--rls-deceleration-curve);z-index:var(--rls-z-index-1)}@media screen and (max-width:640px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-transform:translateY(100%);--pvt-component-bottom:0px;--pvt-component-max-width:240rem;--pvt-component-max-height:75%;--pvt-component-border-radius:var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;--pvt-component-transition:320ms;align-items:normal}.rls-design-system-filled .rls-modal-sheet--visible{--pvt-component-transform:translateY(0)}.rls-design-system-filled .rls-modal-sheet__component:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:block;height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}}@media screen and (max-width:640px) and (max-height:960px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 32rem)}}@media screen and (max-width:640px) and (max-height:720px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 24rem)}}@media screen and (max-width:640px) and (max-height:560px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 16rem)}}.rls-design-system-filled .rls-picker-clock{background:var(--rlc-picker-clock-background,transparent);border-radius:var(--rlc-picker-clock-radius,0);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:var(--rlc-picker-clock-padding,0);position:relative;row-gap:var(--rls-sizing-x8);user-select:none;width:150rem}.rls-design-system-filled .rls-picker-clock__header{box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:flex;justify-content:center;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-clock__title{align-items:center;column-gap:var(--rls-sizing-x2);display:flex;width:auto}.rls-design-system-filled .rls-picker-clock__title__value{color:var(--rls-app-color-600);font-size:var(--rls-heading4-font-size);font-weight:var(--rls-font-weight-semibold);text-align:center}.rls-design-system-filled .rls-picker-clock__title__value--active{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-clock__title__value:hover{color:var(--rls-app-color-900)}.rls-design-system-filled .rls-picker-clock__title__separator{font-size:var(--rls-title-font-size);font-weight:var(--rls-font-weight-semibold)}.rls-design-system-filled .rls-picker-clock__zone{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;width:auto}.rls-design-system-filled .rls-picker-clock__zone__value{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x2);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-semibold);padding:var(--rls-sizing-x1) var(--rls-sizing-x2);text-align:center;width:18rem}.rls-design-system-filled .rls-picker-clock__zone__value--active{background:var(--rls-theme-gradient-500);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-clock__body{display:flex;justify-content:center}.rls-design-system-filled .rls-picker-clock__plate{border:var(--rls-app-border-2-200);border-radius:50%;box-sizing:border-box;height:120rem;overflow:hidden;width:120rem}.rls-design-system-filled .rls-picker-clock__canvas{position:absolute}.rls-design-system-filled .rls-picker-clock__canvas__line{stroke:var(--rls-theme-color-500);stroke-width:var(--rls-sizing-x1)}.rls-design-system-filled .rls-picker-clock__canvas__center{fill:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-clock__canvas__indicator{fill:var(--rls-theme-color-300)}.rls-design-system-filled .rls-picker-clock__canvas__point{fill:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-clock__tick{cursor:pointer;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);position:absolute;text-align:center;width:var(--rls-sizing-x14)}.rls-design-system-filled .rls-picker-clock__footer{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);--rls-button-font-size:6.75rem;align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-picker-clock__footer--today{align-items:center;display:flex;justify-content:center;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-picker-date{background:var(--rlc-picker-date-background,transparent);border-radius:var(--rlc-picker-date-radius,0);display:flex;flex-direction:column;overflow:hidden;position:relative;row-gap:var(--rls-sizing-x4);user-select:none;width:150rem}.rls-design-system-filled .rls-picker-date__header{--rlc-picker-selector-title-padding:var(--rls-sizing-x4) var(--rls-sizing-x6);--rlc-picker-selector-title-radius:var(--rls-sizing-x6);--rlc-picker-selector-title-background:var(--rls-app-color-200);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4);row-gap:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-date__title{color:var(--rls-app-color-700);cursor:default;font-size:var(--rls-paragraph-font-size);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);text-align:center}.rls-design-system-filled .rls-picker-date__title:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-date__title>span{font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-picker-date__component{--rlc-picker-day-display:none;--rlc-picker-month-display:none;--rlc-picker-year-display:none;display:flex;justify-content:center}.rls-design-system-filled .rls-picker-date__component--day{--rlc-picker-day-display:flex}.rls-design-system-filled .rls-picker-date__component--month{--rlc-picker-month-display:grid}.rls-design-system-filled .rls-picker-date__component--year{--rlc-picker-year-display:block}.rls-design-system-filled .rls-picker-date__actions{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);--rls-button-font-size:6.75rem;align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-picker-date__actions--today{align-items:center;display:flex;justify-content:center;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-picker-date-range{background:var(--rlc-picker-date-range-background,transparent);border-radius:var(--rlc-picker-date-range-radius,0);display:flex;flex-direction:column;overflow:hidden;position:relative;row-gap:var(--rls-sizing-x4);width:150rem}.rls-design-system-filled .rls-picker-date-range__header{--rlc-picker-selector-title-padding:var(--rls-sizing-x4) var(--rls-sizing-x6);--rlc-picker-selector-title-radius:var(--rls-sizing-x6);--rlc-picker-selector-title-background:var(--rls-app-color-200);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4);row-gap:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-date-range__title{color:var(--rls-app-color-700);cursor:default;font-size:var(--rls-paragraph-font-size);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);text-align:center}.rls-design-system-filled .rls-picker-date-range__title:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-date-range__title>span{font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-picker-date-range__component{--rlc-picker-day-range-display:none;--rlc-picker-month-display:none;--rlc-picker-year-display:none;box-sizing:border-box;display:flex;justify-content:center;padding:0 var(--rls-sizing-x2);width:150rem}.rls-design-system-filled .rls-picker-date-range__component--day{--rlc-picker-day-range-display:flex}.rls-design-system-filled .rls-picker-date-range__component--month{--rlc-picker-month-display:grid}.rls-design-system-filled .rls-picker-date-range__component--year{--rlc-picker-year-display:block}.rls-design-system-filled .rls-picker-date-range__footer--hidden{display:none}.rls-design-system-filled .rls-picker-date-range__actions{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);box-sizing:border-box;column-gap:var(--rls-sizing-x4);display:flex;overflow:hidden;padding:var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-snackbar{background:var(--rls-app-color-050);border-left:var(--rls-theme-border-4-400);border-radius:var(--rls-sizing-x6);bottom:0;box-shadow:var(--rls-app-shadow-center-8);box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;height:auto;left:var(--rlc-snackbar-left,50%);max-width:240rem;padding:var(--rls-sizing-x6);position:fixed;transform:translate(-50%,calc(100% + var(--rls-sizing-x4)));transition:all .16s 0ms var(--rls-standard-curve);width:auto;z-index:var(--rls-z-index-32)}.rls-design-system-filled .rls-snackbar--visible{transform:translate(-50%,calc(0% - var(--rls-sizing-x8)))}.rls-design-system-filled .rls-snackbar__avatar{--rlc-icon-color:var(--rls-theme-color-050);align-items:center;background:var(--rls-theme-color-500);border-radius:var(--rls-sizing-x4);display:flex;height:var(--rls-sizing-x18);justify-content:center;overflow:hidden;width:var(--rls-sizing-x18)}.rls-design-system-filled .rls-snackbar__avatar+.rls-snackbar__component{width:calc(100% - var(--rls-sizing-x18))}.rls-design-system-filled .rls-snackbar__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-snackbar__header{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;justify-content:space-between}.rls-design-system-filled .rls-snackbar__header>button{background:transparent;color:var(--rls-theme-color-700);cursor:pointer;padding:0}.rls-design-system-filled .rls-snackbar__title{color:var(--rls-theme-color-500);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-snackbar__content p{color:var(--rls-app-color-600);font-size:var(--rls-label-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-label-letter-spacing);line-height:var(--rls-sizing-x10)}@media only screen and (max-width:375px){.rls-design-system-filled .rls-snackbar{width:calc(100% - var(--rls-sizing-x12))}}
|
|
167
|
+
);bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--rls-deceleration-curve),bottom .12s 0ms var(--rls-deceleration-curve);z-index:var(--rls-z-index-1)}@media screen and (max-width:640px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-transform:translateY(100%);--pvt-component-bottom:0px;--pvt-component-max-width:240rem;--pvt-component-max-height:75%;--pvt-component-border-radius:var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;--pvt-component-transition:320ms;align-items:normal}.rls-design-system-filled .rls-modal-sheet--visible{--pvt-component-transform:translateY(0)}.rls-design-system-filled .rls-modal-sheet__component:before{background:var(--rls-app-color-300);border-radius:var(--rls-sizing-x2);content:"";display:block;height:var(--rls-sizing-x2);margin:var(--rls-sizing-x3) auto;width:var(--rls-sizing-x24)}}@media screen and (max-width:640px) and (max-height:960px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 32rem)}}@media screen and (max-width:640px) and (max-height:720px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 24rem)}}@media screen and (max-width:640px) and (max-height:560px){.rls-design-system-filled .rls-modal-sheet{--pvt-component-max-height:calc(100% - 16rem)}}.rls-design-system-filled .rls-picker-clock{background:var(--rlc-picker-clock-background,transparent);border-radius:var(--rlc-picker-clock-radius,0);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:var(--rlc-picker-clock-padding,0);position:relative;row-gap:var(--rls-sizing-x8);user-select:none;width:150rem}.rls-design-system-filled .rls-picker-clock__header{box-sizing:border-box;column-gap:var(--rls-sizing-x8);display:flex;justify-content:center;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-clock__title{align-items:center;column-gap:var(--rls-sizing-x2);display:flex;width:auto}.rls-design-system-filled .rls-picker-clock__title__value{color:var(--rls-app-color-600);font-size:var(--rls-heading4-font-size);font-weight:var(--rls-font-weight-semibold);text-align:center}.rls-design-system-filled .rls-picker-clock__title__value--active{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-clock__title__value:hover{color:var(--rls-app-color-900)}.rls-design-system-filled .rls-picker-clock__title__separator{font-size:var(--rls-title-font-size);font-weight:var(--rls-font-weight-semibold)}.rls-design-system-filled .rls-picker-clock__zone{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;width:auto}.rls-design-system-filled .rls-picker-clock__zone__value{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x2);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-semibold);padding:var(--rls-sizing-x1) var(--rls-sizing-x2);text-align:center;width:18rem}.rls-design-system-filled .rls-picker-clock__zone__value--active{background:var(--rls-theme-gradient-500);color:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-clock__body{display:flex;justify-content:center}.rls-design-system-filled .rls-picker-clock__plate{border:var(--rls-app-border-2-200);border-radius:50%;box-sizing:border-box;height:120rem;overflow:hidden;width:120rem}.rls-design-system-filled .rls-picker-clock__canvas{position:absolute}.rls-design-system-filled .rls-picker-clock__canvas__line{stroke:var(--rls-theme-color-500);stroke-width:var(--rls-sizing-x1)}.rls-design-system-filled .rls-picker-clock__canvas__center{fill:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-clock__canvas__indicator{fill:var(--rls-theme-color-300)}.rls-design-system-filled .rls-picker-clock__canvas__point{fill:var(--rls-theme-color-050)}.rls-design-system-filled .rls-picker-clock__tick{cursor:pointer;font-size:var(--rls-paragraph-font-size);font-weight:var(--rls-font-weight-semibold);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);position:absolute;text-align:center;width:var(--rls-sizing-x14)}.rls-design-system-filled .rls-picker-clock__footer{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);--rls-button-font-size:6.75rem;align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-picker-clock__footer--today{align-items:center;display:flex;justify-content:center;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-picker-color{background:var(--rlc-picker-color-background,transparent);border-radius:var(--rlc-picker-color-radius,0);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:var(--rlc-picker-color-padding,var(--rls-sizing-x6));position:relative;row-gap:var(--rls-sizing-x6);user-select:none;width:150rem}.rls-design-system-filled .rls-picker-color__preview{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x6);box-sizing:border-box;display:flex;height:130rem;justify-content:center;padding:var(--rls-sizing-x6);width:100%}.rls-design-system-filled .rls-picker-color__canvas{border-radius:var(--rls-sizing-x6);box-sizing:border-box;cursor:crosshair;height:100%;position:relative;width:100%}.rls-design-system-filled .rls-picker-color__indicator{height:var(--rls-sizing-x14);pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:var(--rls-sizing-x14)}.rls-design-system-filled .rls-picker-color__indicator__circle{border:var(--rls-border-2) solid var(--rls-app-color-050);border-radius:var(--rls-sizing-x4);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 var(--rls-sizing-x4) rgba(0,0,0,.2);box-sizing:border-box;height:100%;width:100%}.rls-design-system-filled .rls-picker-color__controls{background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x6);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rls-sizing-x6) var(--rls-sizing-x10);row-gap:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-color__slider{align-items:center;display:flex;height:var(--rls-sizing-x12);position:relative}.rls-design-system-filled .rls-picker-color__slider__track{border-radius:var(--rls-sizing-x5);cursor:pointer;height:var(--rls-sizing-x10);position:relative;width:100%}.rls-design-system-filled .rls-picker-color__slider__track--alpha{background-image:linear-gradient(45deg,var(--rls-app-color-300) 25%,transparent 25%),linear-gradient(-45deg,var(--rls-app-color-300) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--rls-app-color-300) 75%),linear-gradient(-45deg,transparent 75%,var(--rls-app-color-300) 75%);background-position:0 0,4rem 4rem;background-size:8rem 8rem}.rls-design-system-filled .rls-picker-color__slider__thumb{background:transparent;border:var(--rls-border-2) solid var(--rls-app-color-050);border-radius:var(--rls-sizing-x4);box-shadow:0 0 0 1rem rgba(0,0,0,.2);box-sizing:border-box;height:var(--rls-sizing-x12);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--rls-sizing-x12)}.rls-design-system-filled .rls-picker-color__footer{display:flex;flex-direction:column}.rls-design-system-filled .rls-picker-color__hex{--pvt-font-size:var(--rlc-field-color-font-size,var(--rls-input-font-size));--pvt-font-weight:var(
|
|
168
|
+
--rlc-field-color-font-weight,var(--rls-font-weight-medium)
|
|
169
|
+
);align-items:center;background:var(--rls-app-color-200);border-radius:var(--rls-sizing-x4);box-sizing:border-box;column-gap:var(--rls-sizing-x4);display:flex;height:var(--rls-sizing-x20);justify-content:center;padding:0 var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-color__hex__swatch{border:var(--rls-app-border-1-300);border-radius:var(--rls-sizing-x2);flex:0 0 auto;height:var(--rls-sizing-x12);width:var(--rls-sizing-x12)}.rls-design-system-filled .rls-picker-color__hex__prefix{color:var(--rls-app-color-600);font-size:var(--pvt-font-size);font-weight:var(--pvt-font-weight)}.rls-design-system-filled .rls-picker-color__hex__input{background:transparent;border:none;color:var(--rls-app-color-900);font-size:var(--pvt-font-size);font-weight:var(--pvt-font-weight);height:100%;letter-spacing:var(--rls-input-letter-spacing);outline:none;padding:0;text-align:center;text-transform:uppercase;width:35rem}.rls-design-system-filled .rls-picker-color__hex__input::placeholder{color:var(--rls-app-color-400)}.rls-design-system-filled .rls-picker-color__actions{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x2);align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;overflow:hidden;padding-top:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-date{background:var(--rlc-picker-date-background,transparent);border-radius:var(--rlc-picker-date-radius,0);display:flex;flex-direction:column;overflow:hidden;position:relative;row-gap:var(--rls-sizing-x4);user-select:none;width:150rem}.rls-design-system-filled .rls-picker-date__header{--rlc-picker-selector-title-padding:var(--rls-sizing-x4) var(--rls-sizing-x6);--rlc-picker-selector-title-radius:var(--rls-sizing-x6);--rlc-picker-selector-title-background:var(--rls-app-color-200);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4);row-gap:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-date__title{color:var(--rls-app-color-700);cursor:default;font-size:var(--rls-paragraph-font-size);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);text-align:center}.rls-design-system-filled .rls-picker-date__title:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-date__title>span{font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-picker-date__component{--rlc-picker-day-display:none;--rlc-picker-month-display:none;--rlc-picker-year-display:none;display:flex;justify-content:center}.rls-design-system-filled .rls-picker-date__component--day{--rlc-picker-day-display:flex}.rls-design-system-filled .rls-picker-date__component--month{--rlc-picker-month-display:grid}.rls-design-system-filled .rls-picker-date__component--year{--rlc-picker-year-display:block}.rls-design-system-filled .rls-picker-date__actions{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);--rls-button-font-size:6.75rem;align-items:center;box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;overflow:hidden;padding:var(--rls-sizing-x4) var(--rls-sizing-x8) var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-picker-date__actions--today{align-items:center;display:flex;justify-content:center;width:var(--rls-sizing-x16)}.rls-design-system-filled .rls-picker-date-range{background:var(--rlc-picker-date-range-background,transparent);border-radius:var(--rlc-picker-date-range-radius,0);display:flex;flex-direction:column;overflow:hidden;position:relative;row-gap:var(--rls-sizing-x4);width:150rem}.rls-design-system-filled .rls-picker-date-range__header{--rlc-picker-selector-title-padding:var(--rls-sizing-x4) var(--rls-sizing-x6);--rlc-picker-selector-title-radius:var(--rls-sizing-x6);--rlc-picker-selector-title-background:var(--rls-app-color-200);box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rls-sizing-x4) var(--rls-sizing-x4) 0 var(--rls-sizing-x4);row-gap:var(--rls-sizing-x4)}.rls-design-system-filled .rls-picker-date-range__title{color:var(--rls-app-color-700);cursor:default;font-size:var(--rls-paragraph-font-size);height:var(--rls-sizing-x14);line-height:var(--rls-sizing-x14);text-align:center}.rls-design-system-filled .rls-picker-date-range__title:hover{color:var(--rls-theme-color-500)}.rls-design-system-filled .rls-picker-date-range__title>span{font-weight:var(--rls-font-weight-bold)}.rls-design-system-filled .rls-picker-date-range__component{--rlc-picker-day-range-display:none;--rlc-picker-month-display:none;--rlc-picker-year-display:none;box-sizing:border-box;display:flex;justify-content:center;padding:0 var(--rls-sizing-x2);width:150rem}.rls-design-system-filled .rls-picker-date-range__component--day{--rlc-picker-day-range-display:flex}.rls-design-system-filled .rls-picker-date-range__component--month{--rlc-picker-month-display:grid}.rls-design-system-filled .rls-picker-date-range__component--year{--rlc-picker-year-display:block}.rls-design-system-filled .rls-picker-date-range__footer--hidden{display:none}.rls-design-system-filled .rls-picker-date-range__actions{--rlc-button-width:100%;--rlc-button-content-padding:0rem var(--rls-sizing-x3);box-sizing:border-box;column-gap:var(--rls-sizing-x4);display:flex;overflow:hidden;padding:var(--rls-sizing-x6) var(--rls-sizing-x8)}.rls-design-system-filled .rls-snackbar{background:var(--rls-app-color-050);border-left:var(--rls-theme-border-4-400);border-radius:var(--rls-sizing-x6);bottom:0;box-shadow:var(--rls-app-shadow-center-8);box-sizing:border-box;column-gap:var(--rls-sizing-x6);display:flex;height:auto;left:var(--rlc-snackbar-left,50%);max-width:240rem;padding:var(--rls-sizing-x6);position:fixed;transform:translate(-50%,calc(100% + var(--rls-sizing-x4)));transition:all .16s 0ms var(--rls-standard-curve);width:auto;z-index:var(--rls-z-index-32)}.rls-design-system-filled .rls-snackbar--visible{transform:translate(-50%,calc(0% - var(--rls-sizing-x8)))}.rls-design-system-filled .rls-snackbar__avatar{--rlc-icon-color:var(--rls-theme-color-050);align-items:center;background:var(--rls-theme-color-500);border-radius:var(--rls-sizing-x4);display:flex;height:var(--rls-sizing-x18);justify-content:center;overflow:hidden;width:var(--rls-sizing-x18)}.rls-design-system-filled .rls-snackbar__avatar+.rls-snackbar__component{width:calc(100% - var(--rls-sizing-x18))}.rls-design-system-filled .rls-snackbar__component{display:flex;flex-direction:column;row-gap:var(--rls-sizing-x2)}.rls-design-system-filled .rls-snackbar__header{align-items:center;column-gap:var(--rls-sizing-x4);display:flex;justify-content:space-between}.rls-design-system-filled .rls-snackbar__header>button{background:transparent;color:var(--rls-theme-color-700);cursor:pointer;padding:0}.rls-design-system-filled .rls-snackbar__title{color:var(--rls-theme-color-500);font-size:var(--rls-body-font-size);font-weight:var(--rls-font-weight-bold);letter-spacing:var(--rls-body-letter-spacing);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rls-design-system-filled .rls-snackbar__content p{color:var(--rls-app-color-600);font-size:var(--rls-label-font-size);font-weight:var(--rls-font-weight-medium);letter-spacing:var(--rls-label-letter-spacing);line-height:var(--rls-sizing-x10)}@media only screen and (max-width:375px){.rls-design-system-filled .rls-snackbar{width:calc(100% - var(--rls-sizing-x12))}}
|
package/package.json
CHANGED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// Rolster Technology ButtonIcon Component
|
|
2
|
+
// v1.0.0
|
|
3
|
+
// @license MIT
|
|
4
|
+
// Author: Rolster Developers
|
|
5
|
+
// Created: 15/May/2026
|
|
6
|
+
// Updated: 15/May/2026
|
|
7
|
+
|
|
8
|
+
.rls-button-icon {
|
|
9
|
+
--rlc-icon-dimension: var(
|
|
10
|
+
--rlc-button-icon-icon-dimension,
|
|
11
|
+
var(--rls-sizing-x12)
|
|
12
|
+
);
|
|
13
|
+
|
|
14
|
+
--pvt-button-dimension: var(
|
|
15
|
+
--rlc-button-icon-dimension,
|
|
16
|
+
var(--rls-sizing-x16)
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
display: flex;
|
|
20
|
+
flex: 0 0 auto;
|
|
21
|
+
width: var(--pvt-button-dimension);
|
|
22
|
+
height: var(--pvt-button-dimension);
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
padding: 0rem;
|
|
26
|
+
outline: none;
|
|
27
|
+
border-radius: var(--rlc-button-icon-radius, var(--rls-sizing-x3));
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
border: var(--rlc-button-icon-border, var(--rls-app-border-1-200));
|
|
30
|
+
color: var(--rlc-button-icon-font-color, var(--rls-app-color-600));
|
|
31
|
+
background: var(--rlc-button-icon-background, var(--rls-app-color-100));
|
|
32
|
+
transition: transform 240ms var(--rls-standard-curve);
|
|
33
|
+
|
|
34
|
+
&:active {
|
|
35
|
+
transform: scale(0.8);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:disabled {
|
|
39
|
+
opacity: 0.5;
|
|
40
|
+
cursor: not-allowed;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&--skeleton {
|
|
44
|
+
background: var(--rls-theme-color-300);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// Rolster Technology Checkbox Component
|
|
2
|
-
// v1.3.
|
|
2
|
+
// v1.3.2
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 20/Mar/2018
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 17/May/2026
|
|
7
7
|
|
|
8
8
|
.rls-checkbox {
|
|
9
9
|
--rlc-icon-color: transparent;
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
display: flex;
|
|
16
16
|
width: var(--pvt-dimension);
|
|
17
17
|
height: var(--pvt-dimension);
|
|
18
|
+
flex: 0 0 auto;
|
|
18
19
|
justify-content: center;
|
|
19
20
|
align-items: center;
|
|
20
21
|
box-sizing: border-box;
|