@muraldevkit/ui-toolkit 4.0.0 → 4.0.1
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/index.js +1 -1
- package/dist/styles/MrlAvatarButton/module.scss +1 -4
- package/dist/styles/MrlEditableTextInput/module.scss +22 -8
- package/dist/styles/MrlEditableTextarea/module.scss +6 -1
- package/dist/styles/MrlMenu/module.scss +2 -4
- package/dist/styles/MrlPanel/module.scss +1 -2
- package/dist/styles/MrlPanelStickyHeader/module.scss +1 -4
- package/dist/styles/MrlPopover/module.scss +1 -2
- package/dist/styles/MrlSidebar/module.scss +1 -4
- package/dist/styles.css +8 -8
- package/package.json +8 -14
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.MrlAvatar-content--E7qX_{border:var(--mrl-stroke-02) solid rgba(0,0,0,0);border-radius:var(--mrl-radii-03);display:block;font-size:var(--mrl-font-size-04);font-weight:var(--mrl-font-weight-04);height:100%;line-height:2.875rem;max-width:100%;overflow:hidden;text-align:center;width:100%}.MrlAvatar-content--E7qX_ .MrlSvgContainer{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar--e8VFH{border-radius:var(--mrl-radii-03);box-shadow:0 0 1px 1px rgba(0,0,0,.04) inset;box-sizing:border-box;display:block;height:var(--mrl-spacing-10);position:relative;width:var(--mrl-spacing-10)}.MrlAvatar--xsmall--jn6uR{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlAvatar--xsmall--jn6uR .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.375rem}.MrlAvatar--small--DdBZ7{height:var(--mrl-spacing-08);width:var(--mrl-spacing-08)}.MrlAvatar--small--DdBZ7 .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.875rem}.MrlAvatar--large--eT7KW{border-radius:var(--mrl-radii-06);height:var(--mrl-spacing-13);width:var(--mrl-spacing-13)}.MrlAvatar--large--eT7KW .MrlAvatar-content--E7qX_{border-radius:var(--mrl-radii-06);font-size:var(--mrl-font-size-07);line-height:5.875rem}.MrlAvatar-image--lWg5A{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar-icon-container--xUwiS{border-radius:1rem;bottom:-0.1875rem;color:var(--mrl-color-background);position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v{display:block;left:50%;position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v .mrl-svg{margin:0}.MrlAvatar-icon-container--small--_IFIA{height:1rem;right:-0.1875rem;width:1rem}.MrlAvatar-icon-container--small--_IFIA .MrlAvatar-icon--tfC5v{height:1rem;margin-left:-0.3125rem;top:0;width:.625rem}.MrlAvatar-icon-container--xsmall--oIGsd{border-radius:.75rem;height:.75rem;right:-0.125rem;width:.75rem}.MrlAvatar-icon-container--xsmall--oIGsd .MrlAvatar-icon--tfC5v{height:.5rem;margin-left:-0.225rem;top:-0.1rem;width:.5rem}
|
|
2
|
-
.mrl-u-focus-wrapper--l91TH{position:relative}.MrlAvatarButton--b_ja8{background-color:rgba(0,0,0,0);border:none;border-radius:var(--mrl-radii-03);margin:0;outline:none;padding:0;position:relative}.MrlAvatarButton--b_ja8::after{background-color:rgba(0,0,0,0);border-radius:var(--mrl-radii-03);
|
|
2
|
+
.mrl-u-focus-wrapper--l91TH{position:relative}.MrlAvatarButton--b_ja8{background-color:rgba(0,0,0,0);border:none;border-radius:var(--mrl-radii-03);margin:0;outline:none;padding:0;position:relative}.MrlAvatarButton--b_ja8::after{background-color:rgba(0,0,0,0);border-radius:var(--mrl-radii-03);content:"";display:block;inset:0;position:absolute}.MrlAvatarButton--b_ja8:focus-visible{position:relative}.MrlAvatarButton--b_ja8:focus-visible:focus-visible{outline:none}.MrlAvatarButton--b_ja8:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--vEDGJ;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--inA8c{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlAvatarButton--b_ja8:hover{cursor:pointer}.MrlAvatarButton--b_ja8:hover::after{background-color:rgba(var(--mrl-gray-90), 0.32)}.MrlAvatarButton--b_ja8:active::after{background-color:rgba(var(--mrl-gray-90), 0.64)}.MrlAvatarButton--large--m1iPW{border-radius:var(--mrl-radii-06)}.MrlAvatarButton--large--m1iPW:focus-visible{position:relative}.MrlAvatarButton--large--m1iPW:focus-visible:focus-visible{outline:none}.MrlAvatarButton--large--m1iPW:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--vEDGJ;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-radii-06) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--inA8c{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlAvatarButton--large--m1iPW::after{border-radius:var(--mrl-radii-06)}
|
|
3
3
|
.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: var(--mrl-gray-80);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
|
|
4
4
|
.mrl-visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
5
5
|
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-u-focus-wrapper{position:relative}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton--inverse:focus-visible,.mrlIconButton--ghost-inverse:focus-visible,.mrlButton--inverse:focus-visible,.mrlButton--ghost-inverse:focus-visible{position:relative}.mrlIconButton--inverse:focus-visible:focus-visible,.mrlIconButton--ghost-inverse:focus-visible:focus-visible,.mrlButton--inverse:focus-visible:focus-visible,.mrlButton--ghost-inverse:focus-visible:focus-visible{outline:none}.mrlIconButton--inverse:focus-visible:focus-visible::after,.mrlIconButton--ghost-inverse:focus-visible:focus-visible::after,.mrlButton--inverse:focus-visible:focus-visible::after,.mrlButton--ghost-inverse:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall,.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlIconButton-wrapper{display:inline-flex}.mrlIconButton{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09)}.mrlIconButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlIconButton--xsmall{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-spacing-01)}.mrlIconButton span{align-self:center;max-height:var(--mrl-button-icon-size);max-width:var(--mrl-button-icon-size);pointer-events:none}@media screen and (hover: hover){.mrlIconButton:hover~.mrl-tooltip-content{opacity:1;pointer-events:inherit;transition-delay:var(--mrl-duration-03);transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m2)}}.mrlAnimatedIconButton{align-items:center}.mrlAnimatedIconButton-iconContainer{height:1.5rem;pointer-events:none;width:1.5rem}.mrlAnimatedIconButton-iconContainer svg{pointer-events:none}
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
.mrl-u-focus-wrapper--pUcWR{position:relative}.MrlForm-counter--MgPr4{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--CPpOG:checked~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:checked~.MrlCheckboxStandalone-inputDisplay--nim0m,.mrl-checkbox-input--CPpOG:indeterminate~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:indeterminate~.MrlCheckboxStandalone-inputDisplay--nim0m{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.mrl-selectItem--hIl7o{--mrl-select-item-background: var(--mrl-color-background);--mrl-select-item-color: var(--mrl-color-text-highlight);--mrl-select-item-padding: var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);--mrl-select-item-padding-horizontal: var(--mrl-spacing-04);--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-border-radius: var(--mrl-border-radius-functional);--mrl-select-item-icon-size: var(--mrl-spacing-06);--mrl-select-item-icon-spacing: var(--mrl-spacing-03)}.mrl-selectItem--hIl7o:hover{--mrl-select-item-background: var(--mrl-color-background-highlight-hover);--mrl-select-item-color: var(--mrl-color-text-highlight-hover)}.mrl-is--selected--ZFM84{--mrl-select-item-background: var(--mrl-color-background-highlight-selected);--mrl-select-item-color: var(--mrl-color-text-highlight-selected)}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{--mrl-select-item-background: transparent;--mrl-select-item-color: var(--mrl-color-text-disabled)}.mrl-select-item--J1X_z{display:block}.mrl-selectItem--hIl7o{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title-secondary);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-select-item-background);border-radius:var(--mrl-select-item-border-radius);color:var(--mrl-select-item-color);cursor:pointer;display:flex;padding:var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);position:relative}.mrl-selectItem-selectedIcon--gqQyw{position:absolute;right:var(--mrl-select-item-icon-spacing);width:var(--mrl-select-item-icon-size)}.mrl-is--selected--ZFM84{padding-right:calc(var(--mrl-select-item-icon-spacing) + var(var(--mrl-select-item-icon-size)) + var(var(-mrl-select-item-icon-spacing)))}.mrl-is--focused--IdKt0{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{cursor:default}.mrl-is--hidden--JTr6X{display:none}
|
|
12
12
|
.mrl-selectMenu--uCAv9{--mrl-select-item-height: 34px}.mrl-selectMenu--uCAv9{background:var(--mrl-color-background);border-radius:var(--mrl-radii-03);box-shadow:var(--mrl-shadow-01);display:none;left:0;max-height:calc(var(--mrl-select-item-height)*6);overflow-y:auto;padding:var(--mrl-spacing-03);position:absolute;right:0;z-index:1000}.mrl-selectMenu--bottom--RVWT6{top:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu-bottom--top--ZAxve{bottom:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu--open--d1goZ{display:block}
|
|
13
13
|
.mrl-u-focus-wrapper--grPf4{position:relative}.MrlForm-counter--sF9rr{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--pv1w8:checked~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:checked~.MrlCheckboxStandalone-inputDisplay--VmTCd,.mrl-checkbox-input--pv1w8:indeterminate~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:indeterminate~.MrlCheckboxStandalone-inputDisplay--VmTCd{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--uKstl{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlTextInput--uKstl{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlTextInput--uKstl::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextInput--uKstl:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextInput--uKstl:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextInput--uKstl:focus-visible{outline:none}.MrlTextInput--uKstl:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextInput--uKstl:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextInput--uKstl[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextInput--uKstl:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only);pointer-events:none}.MrlTextInput--uKstl:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlTextInput--wrapper--gsN3c{position:relative}.MrlTextInput--uKstl::-ms-clear,.MrlTextInput--uKstl::-ms-reveal{display:none;height:0;width:0}.MrlTextInput--uKstl::-webkit-search-decoration,.MrlTextInput--uKstl::-webkit-search-cancel-button,.MrlTextInput--uKstl::-webkit-search-results-button,.MrlTextInput--uKstl::-webkit-search-results-decoration{display:none}.MrlTextInput--dynamicIcon--J1WZi{padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--persistIcon--gv4Sc{padding-left:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--active--KJ2yW{border-color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz,.MrlTextInput-persistIcon--zbx9t{color:var(--mrl-text-input-border-color);position:absolute;top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlTextInput-dynamicIcon--disabled--uKU6N,.MrlTextInput-persistIcon--disabled--QbdBd{color:var(--mrl-text-input-border-color-disabled)}.MrlTextInput-dynamicIcon--dnVKz{right:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--zbx9t{left:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--active--rZL_v,.MrlTextInput-dynamicIcon--active--VwsGx{color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible{outline:none}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--j3wVg;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--j3wVg{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--VbzuE{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}
|
|
14
|
-
.mrl-u-focus-wrapper--sMWmB{position:relative}.MrlForm-counter--V3QnW{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--USnBs:checked~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:checked~.MrlCheckboxStandalone-inputDisplay--Kel43,.mrl-checkbox-input--USnBs:indeterminate~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:indeterminate~.MrlCheckboxStandalone-inputDisplay--Kel43{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlEditableTextInput--jMMDB{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlEditableTextInput--jMMDB{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlEditableTextInput--jMMDB::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextInput--jMMDB:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextInput--jMMDB:focus-visible{outline:none}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextInput--jMMDB:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only);pointer-events:none}.MrlEditableTextInput--jMMDB:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);pointer-events:auto;--mrl-text-input-background: none}.MrlEditableTextInput--jMMDB::-ms-clear,.MrlEditableTextInput--jMMDB::-ms-reveal{display:none;height:0;width:0}.MrlEditableTextInput--jMMDB::-webkit-search-decoration,.MrlEditableTextInput--jMMDB::-webkit-search-cancel-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-decoration{display:none}.MrlEditableTextInput--allowOnClick--aHja5:not(:disabled):read-only{pointer-events:auto}.MrlEditableTextInput-dynamicIcon--d4KQL{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextInput-dynamicIcon--disabled--AYrYo{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextInput--active--npTl0
|
|
14
|
+
.mrl-u-focus-wrapper--sMWmB{position:relative}.MrlForm-counter--V3QnW{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--USnBs:checked~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:checked~.MrlCheckboxStandalone-inputDisplay--Kel43,.mrl-checkbox-input--USnBs:indeterminate~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:indeterminate~.MrlCheckboxStandalone-inputDisplay--Kel43{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlEditableTextInput--jMMDB{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlEditableTextInput-hover-button--tbcyL{opacity:0;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlEditableTextInput--jMMDB{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlEditableTextInput--jMMDB::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextInput--jMMDB:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextInput--jMMDB:focus-visible{outline:none}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextInput--jMMDB:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only);pointer-events:none}.MrlEditableTextInput--jMMDB:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);pointer-events:auto;--mrl-text-input-background: none}.MrlEditableTextInput--jMMDB::-ms-clear,.MrlEditableTextInput--jMMDB::-ms-reveal{display:none;height:0;width:0}.MrlEditableTextInput--jMMDB::-webkit-search-decoration,.MrlEditableTextInput--jMMDB::-webkit-search-cancel-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-decoration{display:none}.MrlEditableTextInput--jMMDB:not(:focus):hover{background-color:var(--mrl-black-opacity-00)}.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-hover-button--tbcyL,.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-right-button--y6ik5{opacity:0}.MrlEditableTextInput--allowOnClick--aHja5:not(:disabled):read-only{pointer-events:auto}.MrlEditableTextInput-dynamicIcon--d4KQL{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextInput-dynamicIcon--disabled--AYrYo{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-right-button--y6ik5,.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-hover-button--tbcyL{opacity:0}.MrlEditableTextInput-dynamicIcon--active--EoB6U{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextInput-dynamicIcon--d4KQL>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible{outline:none}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--ezSmp;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--ezSmp{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--kHCBx{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlEditableTextInput-errorMessage--JhDDl{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditableTextInput-errorIcon--p0Lnz{margin-right:var(--mrl-spacing-02);vertical-align:middle}.MrlEditableTextInput--wrapper--mEStH{font-size:var(--mrl-type-size-text-small);position:relative}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput-hover-button--tbcyL{opacity:1}
|
|
15
15
|
.MrlSvgContainer--xWawW,.MrlSvg--StPVX{--mrl-svg-size: var(--mrl-spacing-07)}.MrlSvgContainer--small--wLRCd,.MrlSvg--small--zP1On{--mrl-svg-size: var(--mrl-spacing-06)}.MrlSvgContainer--large--UEMQG,.MrlSvg--large--HeoAa{--mrl-svg-size: var(--mrl-spacing-10)}.MrlSvgContainer--auto--vhRxy,.MrlSvg--auto--w9gVr{--mrl-svg-size: 100%}.MrlSvgContainer--xWawW{color:inherit;display:inline-flex;height:var(--mrl-svg-size);width:var(--mrl-svg-size)}.MrlSvgContainer--auto--vhRxy{height:100%;width:100%}.MrlSvg--StPVX{display:inline-block;fill:currentcolor;height:auto;width:var(--mrl-svg-size)}.MrlSvg--StPVX *{pointer-events:none}.MrlSvg--auto--w9gVr{height:100%;width:100%}
|
|
16
16
|
:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--wGbRl:checked~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:checked~.MrlCheckboxStandalone-inputDisplay--WZKoL,.mrl-checkbox-input--wGbRl:indeterminate~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:indeterminate~.MrlCheckboxStandalone-inputDisplay--WZKoL{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--kqm42{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Bbnmm{--mrl-label-text-color: var(--mrl-color-text-label);--mrl-label-font-size: var(--mrl-type-size-text-small);--mrl-label-line-height: var(--mrl-type-line-height-text-small);--mrl-label-font-weight: var(--mrl-type-weight-title-secondary);--mrl-label-offset-vertical: var(--mrl-space-stack-related-small)}.MrlLabel--inline--g2Exe{--mrl-label-offset-vertical: 0;--mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);--mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-label-icon-size: var(--mrl-spacing-06)}.MrlLabel--Bbnmm.mrl-is--disabled--siceI{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Bbnmm{color:var(--mrl-label-text-color);display:block;font-family:var(--mrl-body-font);font-size:var(--mrl-label-font-size);font-weight:var(--mrl-label-font-weight);line-height:var(--mrl-label-line-height);margin-bottom:var(--mrl-label-offset-vertical);padding-left:var(--mrl-text-input-border-width)}.MrlLabel--inline--g2Exe{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--PyyRE{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}
|
|
17
17
|
.mrl-u-focus-wrapper--j8sh1{position:relative}.MrlForm-counter--eeE6B{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--o800K:checked~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:checked~.MrlCheckboxStandalone-inputDisplay--eyCAK,.mrl-checkbox-input--o800K:indeterminate~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:indeterminate~.MrlCheckboxStandalone-inputDisplay--eyCAK{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextarea--ikG_t{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;resize:vertical}.MrlTextarea--ikG_t::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextarea--ikG_t:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextarea--ikG_t:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextarea--ikG_t:focus-visible{outline:none}.MrlTextarea--ikG_t:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextarea--ikG_t:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextarea--ikG_t[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextarea--auto-expand--IIgp0{display:block;max-height:120px;overflow:hidden;resize:none}
|
|
18
18
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextarea:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
19
|
-
.mrl-u-focus-wrapper--SF4Ep{position:relative}.MrlForm-counter--kFYcP{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--SyW3v:checked~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:checked~.MrlCheckboxStandalone-inputDisplay--CotfM,.mrl-checkbox-input--SyW3v:indeterminate~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:indeterminate~.MrlCheckboxStandalone-inputDisplay--CotfM{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlEditableTextarea--AXbhU{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;--mrl-text-input-border-color: var(--mrl-color-background);padding-right:var(--mrl-spacing-08);resize:vertical}.MrlEditableTextarea--AXbhU::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextarea--AXbhU:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextarea--AXbhU:focus-visible{outline:none}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextarea--AXbhU:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextarea--AXbhU[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:read-only{overflow:hidden;resize:none}.MrlEditableTextarea--AXbhU:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:not(:focus):hover{background-color:var(--mrl-black-opacity-00)}.MrlEditableTextarea-dynamicIcon--oETvh{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextarea-dynamicIcon--disabled--x6n1Q{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextarea--active--Zkh2I{border-color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--active--M6baN{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--oETvh>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible{outline:none}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--XoqSv;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--XoqSv{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--lmXJT{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlEditableTextarea-errorMessage--YpckF{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditibaleTextInput-errorIcon--vEwLg{vertical-align:middle}
|
|
19
|
+
.mrl-u-focus-wrapper--SF4Ep{position:relative}.MrlForm-counter--kFYcP{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--SyW3v:checked~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:checked~.MrlCheckboxStandalone-inputDisplay--CotfM,.mrl-checkbox-input--SyW3v:indeterminate~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:indeterminate~.MrlCheckboxStandalone-inputDisplay--CotfM{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlEditableTextarea--AXbhU{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;--mrl-text-input-border-color: var(--mrl-color-background);padding-right:var(--mrl-spacing-08);resize:vertical}.MrlEditableTextarea--AXbhU::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextarea--AXbhU:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextarea--AXbhU:focus-visible{outline:none}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextarea--AXbhU:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextarea--AXbhU[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:read-only{overflow:hidden;resize:none}.MrlEditableTextarea--AXbhU:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea--AXbhU:not(:focus):hover{background-color:var(--mrl-black-opacity-00)}.MrlEditableTextarea-dynamicIcon--oETvh{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextarea-dynamicIcon--disabled--x6n1Q{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextarea--active--Zkh2I{border-color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--active--M6baN{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--oETvh>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible{outline:none}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--XoqSv;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--XoqSv{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--lmXJT{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlEditableTextarea-errorMessage--YpckF{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditibaleTextInput-errorIcon--vEwLg{vertical-align:middle}
|
|
20
20
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlEditableTextarea:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.MrlEditableTextarea:not(:disabled):read-only{--mrl-text-input-background: none;color:var(--mrl-text-input-color-read-only)}.MrlEditableTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
21
21
|
:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--rytmK:checked~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:checked~.MrlCheckboxStandalone-inputDisplay--wPiiP,.mrl-checkbox-input--rytmK:indeterminate~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:indeterminate~.MrlCheckboxStandalone-inputDisplay--wPiiP{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--p1K4F{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Ulf8q{--mrl-label-text-color: var(--mrl-color-text-label);--mrl-label-font-size: var(--mrl-type-size-text-small);--mrl-label-line-height: var(--mrl-type-line-height-text-small);--mrl-label-font-weight: var(--mrl-type-weight-title-secondary);--mrl-label-offset-vertical: var(--mrl-space-stack-related-small)}.MrlLabel--inline--H_2sF{--mrl-label-offset-vertical: 0;--mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);--mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-label-icon-size: var(--mrl-spacing-06)}.MrlLabel--Ulf8q.mrl-is--disabled--mtEhB{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Ulf8q{color:var(--mrl-label-text-color);display:block;font-family:var(--mrl-body-font);font-size:var(--mrl-label-font-size);font-weight:var(--mrl-label-font-weight);line-height:var(--mrl-label-line-height);margin-bottom:var(--mrl-label-offset-vertical);padding-left:var(--mrl-text-input-border-width)}.MrlLabel--inline--H_2sF{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--raDwL{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}
|
|
22
22
|
.mrl-u-focus-wrapper--FmPvB{position:relative}.MrlForm-counter--Mhb7_{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--qMiRz:checked~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0,.mrl-checkbox-input--qMiRz:indeterminate~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlCheckboxStandalone-input--O6G41[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:checked[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error);--mrl-checkbox-input-background: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone-input--O6G41:checked:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled);--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone--ChU0R:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckboxStandalone--ChU0R{height:var(--mrl-checkbox-input-affordance);padding:var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-spacing-01);width:var(--mrl-checkbox-input-affordance);align-items:center;display:flex;min-height:var(--mrl-checkbox-height);position:relative}.MrlCheckboxStandalone-inputDisplay--TT8t0{background:var(--mrl-checkbox-input-background);border-color:var(--mrl-checkbox-input-border-color);border-radius:var(--mrl-checkbox-input-border-radius);border-style:solid;border-width:var(--mrl-checkbox-input-border-width);color:var(--mrl-checkbox-input-color);display:flex;height:var(--mrl-checkbox-input-size);width:var(--mrl-checkbox-input-size);z-index:1}.MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:none}.MrlCheckboxStandalone-input--O6G41{cursor:pointer;height:var(--mrl-checkbox-input-size);margin:0;opacity:0;width:var(--mrl-checkbox-input-size);z-index:2}.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone--ChU0R .MrlCheckboxStandalone-input--O6G41{left:0;position:absolute}
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
.MrlMain--rES8q{--main-padding-large: var(--mrl-spacing-10);--main-padding-medium: var(--mrl-spacing-08);--main-padding-small: var(--mrl-spacing-07)}.MrlMain--rES8q{align-items:initial;background:rgba(var(--mrl-white), 1);border-radius:var(--mrl-border-radius-container-large);flex:1;margin-bottom:var(--mrl-spacing-05);padding:var(--main-padding-large) var(--main-padding-small);width:100%}.MrlMain--no-topbar--C6OzW{margin-top:var(--mrl-spacing-05)}@media(min-width: 52.125rem){.MrlMain--rES8q{padding:var(--main-padding-large) var(--main-padding-medium)}}@media(min-width: 64rem){.MrlMain--rES8q{padding:var(--main-padding-large) var(--main-padding-large)}}
|
|
40
40
|
.MrlPage--i0SC6{background:var(--mrl-color-background-page);display:flex;flex-wrap:wrap;padding-left:var(--mrl-spacing-05);padding-right:var(--mrl-spacing-05);position:relative}.MrlPage--no-topbar--aD2VD{padding-top:var(--mrl-spacing-05)}
|
|
41
41
|
.MrlTopbar--_n1bW{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-08));width:100%}.MrlTopbar--mobile--n4rls{padding-left:calc(var(--mrl-spacing-10) + var(--mrl-spacing-01))}.MrlTopbar--no-sidebar--IjCZZ{margin-left:0}
|
|
42
|
-
.MrlSidebar--BgZ1u{align-items:stretch;margin-right:var(--mrl-spacing-05);text-align:center;width:calc(var(--mrl-spacing-14) + var(--mrl-spacing-08))}.MrlSidebar--mobile--ze4Hn{align-items:stretch;background:var(--mrl-color-background-page);border-radius:0 var(--mrl-radii-03) var(--mrl-radii-03) 0;bottom:0;left:calc((var(--mrl-spacing-14) + var(--mrl-spacing-08) + 2px)*-1);max-height:calc(100% - var(--mrl-spacing-03));overflow-y:auto;padding:4.5rem var(--mrl-space-inset-large) var(--mrl-space-inset-large);position:fixed;top:var(--mrl-spacing-03);transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1),left var(--mrl-duration-03) var(--mrl-timing-m1);z-index:2}@media(prefers-reduced-motion: reduce){.MrlSidebar--mobile--ze4Hn{transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1)}}.MrlSidebar--mobile--open--WpVyZ{left:0;opacity:1}.MrlSidebar--offset--PDTE_.MrlSidebar--mobile--ze4Hn,.MrlSidebar--offset--PDTE_.MrlSidebar-overlay--mWzx1{bottom:0}.MrlSidebar-menu--wFDdM.MrlSidebar-menu-trigger--pNEb8{left:var(--mrl-spacing-05);position:absolute;top:var(--mrl-spacing-05);width:50px;z-index:1}.MrlSidebar-menu-close--zZq68{position:fixed}.MrlSidebar-overlay--mWzx1{background-color:rgba(0,0,0,.56);
|
|
42
|
+
.MrlSidebar--BgZ1u{align-items:stretch;margin-right:var(--mrl-spacing-05);text-align:center;width:calc(var(--mrl-spacing-14) + var(--mrl-spacing-08))}.MrlSidebar--mobile--ze4Hn{align-items:stretch;background:var(--mrl-color-background-page);border-radius:0 var(--mrl-radii-03) var(--mrl-radii-03) 0;bottom:0;left:calc((var(--mrl-spacing-14) + var(--mrl-spacing-08) + 2px)*-1);max-height:calc(100% - var(--mrl-spacing-03));overflow-y:auto;padding:4.5rem var(--mrl-space-inset-large) var(--mrl-space-inset-large);position:fixed;top:var(--mrl-spacing-03);transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1),left var(--mrl-duration-03) var(--mrl-timing-m1);z-index:2}@media(prefers-reduced-motion: reduce){.MrlSidebar--mobile--ze4Hn{transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1)}}.MrlSidebar--mobile--open--WpVyZ{left:0;opacity:1}.MrlSidebar--offset--PDTE_.MrlSidebar--mobile--ze4Hn,.MrlSidebar--offset--PDTE_.MrlSidebar-overlay--mWzx1{bottom:0}.MrlSidebar-menu--wFDdM.MrlSidebar-menu-trigger--pNEb8{left:var(--mrl-spacing-05);position:absolute;top:var(--mrl-spacing-05);width:50px;z-index:1}.MrlSidebar-menu-close--zZq68{position:fixed}.MrlSidebar-overlay--mWzx1{background-color:rgba(0,0,0,.56);inset:0 0 0 -10000px;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1);z-index:1}.MrlSidebar-overlay--visible--wjTzw{opacity:1;pointer-events:initial}.MrlSidebar-content--2VXk1{display:none}.MrlSidebar-content--visible--ZLFsB{display:block}
|
|
43
43
|
.mrl-u-focus-wrapper--sGwMW{position:relative}a.mrl-link--Xzu_x{--mrl-link-border-style: solid;--mrl-link-border-width: var(--mrl-line-width-border);--mrl-link-color: rgba(var(--mrl-gray-90), 1);--mrl-link-color-active: var(--mrl-color-brand-active);--mrl-link-color-hover: var(--mrl-color-brand-hover);--mrl-link-font-weight: 700;--mrl-link-border-width-focus: var(--mrl-line-width-focus);--mrl-link-color-focus: var(--mrl-color-focus);--mrl-link-offset-focus: var(--mrl-space-offset-focus)}a.mrl-link--mono--LL0fI:hover{--mrl-link-color-hover: rgba(var(--mrl-gray-100), 1)}a.mrl-link--mono--LL0fI:active{--mrl-link-color-active: rgba(var(--mrl-black), 1)}a.mrl-link--inverse--bzMVs{--mrl-link-color: var(--mrl-color-text-inverse)}a.mrl-link--inverse--bzMVs:hover{--mrl-link-color-hover: var(--mrl-white-opacity-08)}a.mrl-link--inverse--bzMVs:active{--mrl-link-color-active: var(--mrl-white-opacity-06)}.mrl-link--Xzu_x{position:relative;align-items:center;color:var(--mrl-link-color);display:inline-flex;font-weight:var(--mrl-link-font-weight);text-decoration:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m2);transition-property:border-color,color}.mrl-link--Xzu_x:focus-visible{outline:none}.mrl-link--Xzu_x:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--yBIrx;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);z-index:1}@keyframes border-animation--yBIrx{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--axDWs{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlLinkText--m_Pyz{border-bottom:var(--mrl-link-border-width) var(--mrl-link-border-style) currentcolor}a.mrl-link--inverse--bzMVs{position:relative}a.mrl-link--inverse--bzMVs:focus-visible{outline:none}a.mrl-link--inverse--bzMVs:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse--axDWs;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-link-border-width))*-1);z-index:1}@keyframes border-animation--yBIrx{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--axDWs{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}a.mrl-link--Xzu_x:visited{color:rgb(var(--mrl-red-100))}a.mrl-link--mono--LL0fI:visited{color:rgb(var(--mrl-gray-80))}a.mrl-link--inverse--bzMVs:visited{color:rgb(var(--mrl-white))}a.mrl-link--Xzu_x:hover{color:var(--mrl-link-color-hover)}a.mrl-link--Xzu_x:active{color:var(--mrl-link-color-active)}a.mrl-link--large--a1aPV{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}a.mrl-link--medium--RPXCU{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}a.mrl-link--small--gifgD{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}a.mrl-link--xsmall--pdESI{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}a.mrl-link--simple--GLfdf .MrlLinkText--m_Pyz{border-bottom:none;text-decoration:underline}.MrlLinkIcon--O8nJ8{margin-left:var(--mrl-spacing-01);margin-top:calc(var(--mrl-spacing-01)*-1)}.mrl-link--small--gifgD .MrlLinkIcon--O8nJ8{height:auto;width:var(--mrl-spacing-05)}.mrl-link--xsmall--pdESI .MrlLinkIcon--O8nJ8{height:auto;width:calc(var(--mrl-spacing-04) + var(--mrl-spacing-01))}
|
|
44
44
|
.mrl-u-focus-wrapper{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton--inverse:focus-visible,.mrlIconButton--ghost-inverse:focus-visible,.mrlButton--inverse:focus-visible,.mrlButton--ghost-inverse:focus-visible{position:relative}.mrlIconButton--inverse:focus-visible:focus-visible,.mrlIconButton--ghost-inverse:focus-visible:focus-visible,.mrlButton--inverse:focus-visible:focus-visible,.mrlButton--ghost-inverse:focus-visible:focus-visible{outline:none}.mrlIconButton--inverse:focus-visible:focus-visible::after,.mrlIconButton--ghost-inverse:focus-visible:focus-visible::after,.mrlButton--inverse:focus-visible:focus-visible::after,.mrlButton--ghost-inverse:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall,.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton-spinner-container{margin:0 auto;position:absolute}.mrlButton--loading .mrlButton-text{opacity:0}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlButton--icon-after .MrlSvgContainer,.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlLinkButton{text-decoration:none}
|
|
45
45
|
.MrlProgressBar-container--fe9Ne{min-width:4.25rem;padding:var(--mrl-spacing-03);width:auto}.MrlProgressBar--CTsQm{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);overflow:hidden;position:relative;width:100%}.MrlProgressBar--complete--Vb2oS{background-color:rgba(var(--mrl-blue-70), 1);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);left:0;position:absolute;top:0}.MrlProgressBar--textContainer--fLrQK{margin-top:var(--mrl-spacing-03);text-align:center}@keyframes timed--mVBU9{0%{width:0}15%{width:25%}70%{width:72.5%}100%{width:100%}}.MrlProgressBar--timed--teE4n{animation-name:timed--mVBU9;animation-timing-function:var(--mrl-timing-m1);width:100%}@keyframes indeterminate--lmBAm{from{left:-100%}to{left:100%}}.MrlProgressBar--indeterminate--hpJSe{animation:2s indeterminate--lmBAm var(--mrl-timing-m1) infinite;left:-100%;width:200%}
|
|
46
46
|
@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
|
|
47
|
-
.MrlMenu--MiPQM{background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);flex-direction:column;opacity:0;overflow:visible;z-index:500}.MrlMenu--MiPQM ul[role=menu]{min-height:var(--mrl-spacing-10);overflow-x:visible;padding:var(--mrl-spacing-04)}.MrlMenu--internal--S1x5t{box-shadow:none}.MrlMenu--internal--S1x5t ul[role=menu]{padding:0}.MrlMenu--compact--HH6o0 ul[role=menu]{padding:var(--mrl-space-stack-related)}.MrlMenu--scrolling--aBcqE{padding-bottom:var(--mrl-spacing-04)}.MrlMenu--scrolling--aBcqE ul[role=menu]{overflow
|
|
47
|
+
.MrlMenu--MiPQM{background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);flex-direction:column;opacity:0;overflow:visible;z-index:500}.MrlMenu--MiPQM ul[role=menu]{min-height:var(--mrl-spacing-10);overflow-x:visible;padding:var(--mrl-spacing-04)}.MrlMenu--internal--S1x5t{box-shadow:none}.MrlMenu--internal--S1x5t ul[role=menu]{padding:0}.MrlMenu--compact--HH6o0 ul[role=menu]{padding:var(--mrl-space-stack-related)}.MrlMenu--scrolling--aBcqE{padding-bottom:var(--mrl-spacing-04)}.MrlMenu--scrolling--aBcqE ul[role=menu]{overflow:hidden auto}.MrlMenu--ignore--O2xHa{max-height:calc(100vh - 32px)}.MrlMenu--ignore--O2xHa ul[role=menu]{overflow:hidden auto}.MrlMenu--submenu--gtaMo{left:97%;position:absolute}.MrlMenu--MiPQM.open--pAnde{display:flex}
|
|
48
48
|
.mrl-u-focus-wrapper--J3poc{position:relative}:root,.MrlDivider--TDWNh{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-color-line-divider)}.MrlDivider--small--oJaeA{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--JB4WU{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--inverse--DKjnh{--mrl-divider-color: var(--mrl-color-line-divider-inverse)}.MrlDivider--vertical--wA_YJ{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlMenuItem--omonY{border-radius:var(--mrl-border-radius-content-large);list-style-type:none;margin:0;margin-bottom:var(--mrl-space-stack-related-small);text-align:left;text-indent:0;white-space:nowrap}.MrlMenuItem--omonY>.subMenu--sQGEQ{bottom:calc(var(--mrl-space-stack-controls)/2);display:none;left:calc(100% + var(--mrl-space-stack-controls)/2);position:absolute;top:calc(var(--mrl-space-stack-controls)/-2)}.MrlMenuItem--omonY>.subMenu--sQGEQ::before{bottom:calc(var(--mrl-space-stack-controls)/2);content:"";cursor:pointer;height:100%;left:calc(var(--mrl-space-stack-controls)*-1);position:absolute;top:calc(var(--mrl-space-stack-controls)/2);width:calc(var(--mrl-space-stack-controls) + .125rem)}.MrlMenuItem--omonY [aria-expanded=true]+.subMenu--sQGEQ{display:flex}.MrlMenuItem--omonY a{text-decoration:none}.MrlMenuItem--omonY:last-child{margin-bottom:0}.MrlMenuItem--item--crRkZ{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);align-items:center;background:none;border:none;border-radius:var(--mrl-border-radius-content-large);color:var(--mrl-color-text);cursor:pointer;display:flex;height:var(--mrl-spacing-08);justify-content:flex-start;padding:var(--mrl-space-inline-related) var(--mrl-space-inline-sibling);position:relative;white-space:nowrap;width:100%}.MrlMenuItem--item--selected--ExGKp{background:var(--mrl-color-background-inverse-hover);color:var(--mrl-color-text-inverse)}.MrlMenuItem--item--selected--ExGKp:hover{background:var(--mrl-color-background-inverse-hover);color:var(--mrl-color-text-inverse)}.MrlMenuItem--item--withIcon--cgg2B{height:var(--mrl-spacing-08);padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-space-inline-sibling)}.MrlMenuItem--item--content--aOcsP{position:relative;z-index:1}.MrlMenuItem--item--hoverArea--mtgGX{height:100%;left:-30px;position:absolute;width:215px}.MrlMenuItem--item--crRkZ .mrl-svg--HPtnf{min-width:var(--mrl-spacing-06)}.MrlMenuItem--item--crRkZ.isLink--Pp55t{justify-content:flex-start}.MrlMenuItem--item--crRkZ:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-spacing-01)}.MrlMenuItem--item--submenuItem--Oh6NO{padding-right:15px}.MrlMenuItem--item--crRkZ:active:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]){background:var(--mrl-color-background-highlight-emph-active);color:var(--mrl-color-text-active)}.MrlMenuItem--item--crRkZ:hover:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]),.MrlMenuItem--item--submenuOpen--YGVyO{background:var(--mrl-color-background-highlight-hover);color:var(--mrl-color-text-hover)}.MrlMenuItem--item--submenuIcon-left--t7WKw{display:flex;margin-right:var(--mrl-spacing-03)}.MrlMenuItem--item--submenuIcon-right--zRMV2{display:flex;margin-left:auto;position:relative;top:0;width:14px}.MrlMenuItem--item--crRkZ[aria-disabled=true]{background:rgba(0,0,0,0);color:var(--mrl-color-text-disabled);pointer-events:none}.MrlMenuItem--item--crRkZ span,.MrlMenuItem--item--crRkZ svg{pointer-events:none}
|
|
49
49
|
.MrlText--qWcjF{--mrl-text-size: var(--mrl-type-size-text);--mrl-text-weight: var(--mrl-type-weight-text);--mrl-text-spacing: var(--mrl-type-spacing-text);--mrl-text-height: var(--mrl-type-line-height-text)}.MrlText--qWcjF.MrlText--large--Up17c{--mrl-text-size: var(--mrl-type-size-text-large);--mrl-text-height: var(--mrl-type-line-height-text-large)}.MrlText--qWcjF.MrlText--small--oJ2NK{--mrl-text-size: var(--mrl-type-size-text-small);--mrl-text-height: var(--mrl-type-line-height-text-small)}.MrlText--qWcjF.MrlText--xsmall--OjNGe{--mrl-text-size: var(--mrl-type-size-text-xsmall);--mrl-text-height: var(--mrl-type-line-height-text-xsmall)}.MrlText--qWcjF.MrlText--xxsmall--qfF1L{--mrl-text-size: var(--mrl-type-size-text-xxsmall);--mrl-text-height: var(--mrl-type-line-height-text-xxsmall)}.MrlText--qWcjF{font-family:var(--mrl-body-font);font-size:var(--mrl-text-size);font-weight:var(--mrl-text-weight);letter-spacing:var(--mrl-text-spacing);line-height:var(--mrl-text-height)}
|
|
50
50
|
.MrlTextHeading-display--YPlsQ{--mrl-heading-family: var(--mrl-heading-font-alt);--mrl-heading-size: var(--mrl-type-size-display);--mrl-heading-weight: var(--mrl-type-weight-display);--mrl-heading-spacing: var(--mrl-type-spacing-display);--mrl-heading-height: var(--mrl-type-line-height-display)}.MrlTextHeading-display--large--OoGc4{--mrl-heading-size: var(--mrl-type-size-display-large);--mrl-heading-spacing: var(--mrl-type-spacing-display-large);--mrl-heading-height: var(--mrl-type-line-height-display-large)}.MrlTextHeading-display--small--gwHpu{--mrl-heading-size: var(--mrl-type-size-display-small);--mrl-heading-spacing: var(--mrl-type-spacing-display-small);--mrl-heading-height: var(--mrl-type-line-height-display-small)}.MrlTextHeading-headline--paxPG{--mrl-heading-family: var(--mrl-heading-font);--mrl-heading-size: var(--mrl-type-size-headline);--mrl-heading-weight: var(--mrl-type-weight-headline);--mrl-heading-spacing: var(--mrl-type-spacing-headline);--mrl-heading-height: var(--mrl-type-line-height-headline)}.MrlTextHeading-headline--large--edpNl{--mrl-heading-size: var(--mrl-type-size-headline-large);--mrl-heading-spacing: var(--mrl-type-spacing-headline-large);--mrl-heading-height: var(--mrl-type-line-height-headline-large)}.MrlTextHeading-headline--small--wvgZG{--mrl-heading-size: var(--mrl-type-size-headline-small);--mrl-heading-spacing: var(--mrl-type-spacing-headline-small);--mrl-heading-height: var(--mrl-type-line-height-headline-small)}.MrlTextHeading-title--Wlh8i{--mrl-heading-family: var(--mrl-heading-font);--mrl-heading-size: var(--mrl-type-size-text);--mrl-heading-weight: var(--mrl-type-weight-title);--mrl-heading-spacing: var(--mrl-type-spacing-text);--mrl-heading-height: var(--mrl-type-line-height-title)}.MrlTextHeading-title--large--VbutV{--mrl-heading-size: var(--mrl-type-size-text-large);--mrl-heading-height: var(--mrl-type-line-height-title-large)}.MrlTextHeading-title--small--BPZW2{--mrl-heading-size: var(--mrl-type-size-text-small);--mrl-heading-height: var(--mrl-type-line-height-title-small)}.MrlTextHeading-title--xsmall--MkPpJ{--mrl-heading-size: var(--mrl-type-size-text-xsmall);--mrl-heading-height: var(--mrl-type-line-height-title-xsmall)}.MrlTextHeading-title--xxsmall--R9i95{--mrl-heading-size: var(--mrl-type-size-text-xxsmall);--mrl-heading-height: var(--mrl-type-line-height-title-xxsmall)}.MrlTextHeading-title--secondary--VzSQc{--mrl-heading-weight: var(--mrl-type-weight-title-secondary)}.MrlTextHeading-display--YPlsQ{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}.MrlTextHeading-headline--paxPG{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}.MrlTextHeading-title--Wlh8i{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
.MrlToast--WHnT9{align-items:center;background-color:rgba(var(--mrl-status-info), 1);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);color:rgba(var(--mrl-white), 1);display:flex;gap:var(--mrl-space-inset);height:max-content;justify-content:space-between;max-width:32rem;min-height:var(--mrl-spacing-09);min-width:8.75rem;padding:var(--mrl-space-inset-control-small) var(--mrl-spacing-05) var(--mrl-space-inset-control-small) var(--mrl-spacing-04);pointer-events:auto;width:fit-content;z-index:800}.MrlToast--WHnT9.closing--ORG1o{animation:fadeout--tteGt .3s forwards;padding:20px}@keyframes fadeout--tteGt{from{opacity:1}to{opacity:0;visibility:hidden}}.MrlToast--WHnT9 .iconWrapper--NSYKT{align-items:center;display:flex;flex-shrink:0;height:var(--mrl-spacing-06)}.MrlToast--WHnT9 .content--PsaqT{align-items:center;display:flex;gap:var(--mrl-space-inset)}.MrlToast--WHnT9 .primaryMessage--CwHWD{font-family:var(--mrl-heading-font);font-size:var(--mrl-font-size-03);font-weight:var(--mrl-font-weight-04);letter-spacing:var(--mrl-letter-spacing-03);line-height:var(--mrl-line-height-08)}.MrlToast--WHnT9 .secondaryMessage--VMVbR{font-family:var(--mrl-body-font);font-size:var(--mrl-font-size-03);font-weight:var(--mrl-font-weight-01);letter-spacing:var(--mrl-letter-spacing-03);line-height:var(--mrl-line-height-08)}.MrlToast--WHnT9 .cta-container--HMghw{align-items:center;display:flex;height:100%;justify-content:center}.MrlToast--WHnT9 .cta--hhAlS{vertical-align:middle}.MrlToast--WHnT9 .cta--secondary--qRqGT{margin-right:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta--close--yi8kz{margin-left:var(--mrl-spacing-02)}.MrlToast--WHnT9.reducedPadding--zfoLm{padding:var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-04)}.MrlToast--WHnT9.reducedPadding--zfoLm .content--PsaqT{margin-right:var(--mrl-space-inline-sibling)}.MrlToast--WHnT9.infoNotification--GObYB{background-color:rgba(var(--mrl-status-info), 1)}.MrlToast--WHnT9.warningNotification--nnWE0{background-color:rgba(var(--mrl-status-warning), 1);color:var(--mrl-color-text)}.MrlToast--WHnT9.successNotification--kirSR{background-color:rgba(var(--mrl-status-success), 1)}.MrlToast--WHnT9.errorNotification--lPM7c{background-color:rgba(var(--mrl-status-error), 1)}.MrlToast--WHnT9.privateNotification--Uzbo_{background-color:rgba(var(--mrl-status-private), 1)}.MrlToast--WHnT9.generalNotification--Qmi6y{background-color:var(--mrl-color-background-inverse);color:var(--mrl-color-text-inverse);max-width:100%}.MrlToast--WHnT9.generalNotification--Qmi6y .secondaryMessage--VMVbR{color:var(--mrl-color-text-inverse-secondary)}.MrlToast--WHnT9.collaboratorNotification--JUtKn{background-color:rgba(0,0,0,0)}.MrlToast--WHnT9.collaboratorNotification--JUtKn .primaryMessage--CwHWD{align-items:center;display:flex;gap:var(--mrl-spacing-04)}.MrlToast--WHnT9.collaboratorNotification--JUtKn.darkCollaborator--sIsI9{color:var(--mrl-color-text)}
|
|
66
66
|
.MrlInlineMessage--QFQ5I{display:flex;font-size:var(--mrl-font-size-03);font-weight:var(--mrl-font-weight-02);margin-top:var(--mrl-spacing-02)}.MrlInlineMessage--QFQ5I:not(.helper--t6Wxz) a{color:inherit}.MrlInlineMessage--QFQ5I.error--dG1GD{color:var(--mrl-color-text-error)}.MrlInlineMessage--QFQ5I.information--FFyzz{color:var(--mrl-color-text-highlight-emph)}.MrlInlineMessage--QFQ5I.information--FFyzz .MrlSvgContainer{color:var(--mrl-color-background-info)}.MrlInlineMessage--QFQ5I.warning--G_zyY{color:var(--mrl-color-text-highlight-emph)}.MrlInlineMessage--QFQ5I.warning--G_zyY .MrlSvgContainer{color:var(--mrl-color-background-warning)}.MrlInlineMessage--QFQ5I.success--nrMdN .MrlSvgContainer{color:var(--mrl-color-text-success)}.MrlInlineMessage--QFQ5I.helper--t6Wxz{color:var(--mrl-color-text-secondary)}.MrlInlineMessage-icon--Lvzuc{flex-shrink:0;height:var(--mrl-spacing-05);margin-right:var(--mrl-spacing-02);width:var(--mrl-spacing-05)}
|
|
67
67
|
.MrlPagination--fCh2a{display:block}.MrlPaginationList--X6xAc{align-items:center;display:flex;margin:0;padding:0}.MrlPaginationItem--t5fZ8{height:var(--mrl-spacing-06);margin:0;padding:0}.MrlPaginationText--P1M27{display:block;font-size:var(--mrl-font-size-03);padding-top:.1875rem}.MrlPaginationRange--FM225{font-weight:var(--mrl-font-weight-04);padding:0 var(--mrl-spacing-02)}.MrlPaginationDash--mz1xd{font-weight:var(--mrl-font-weight-04)}.MrlPaginationTotal--ogBg5{padding:0 var(--mrl-spacing-02)}
|
|
68
|
-
.mrl-u-focus-wrapper--k6Q_0{position:relative}.primary--Vz5Xk{--mrl-popover-background-color: var(--mrl-color-background);--mrl-popover-text-color: var(--mrl-color-text);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.inverse--tA1Uc{--mrl-popover-background-color: var(--mrl-color-background-inverse);--mrl-popover-text-color: var(--mrl-color-text-inverse);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.default--kJtD1{--mrl-popover-padding: var(--mrl-spacing-05)}.compact--IsSC7{--mrl-popover-padding: var(--mrl-spacing-04)}.MrlPopover--NHYhK{background:var(--mrl-popover-background-color);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);color:var(--mrl-popover-text-color);flex-direction:column;max-width:600px;opacity:0;overflow:hidden;padding:var(--mrl-popover-padding);pointer-events:auto;position:fixed;z-index:500;z-index:600;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06))}.MrlPopover--NHYhK a{color:var(--mrl-popover-text-color)}.MrlPopover--submenu--NcjJf{left:97%;position:absolute}.MrlPopover--close--KxF7l{position:absolute;right:4px;top:6px;transition:none}.MrlPopover--close--KxF7l svg{color:var(--mrl-popover-text-color)}.MrlPopover--NHYhK.compact--IsSC7{padding:var(--mrl-space-stack-related)}.MrlPopover--NHYhK.open--X5O6m{display:flex}.MrlPopover--scrolling--Okepx{padding-right:0}.MrlPopover--scrolling--content--xZZhQ{overflow
|
|
68
|
+
.mrl-u-focus-wrapper--k6Q_0{position:relative}.primary--Vz5Xk{--mrl-popover-background-color: var(--mrl-color-background);--mrl-popover-text-color: var(--mrl-color-text);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.inverse--tA1Uc{--mrl-popover-background-color: var(--mrl-color-background-inverse);--mrl-popover-text-color: var(--mrl-color-text-inverse);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.default--kJtD1{--mrl-popover-padding: var(--mrl-spacing-05)}.compact--IsSC7{--mrl-popover-padding: var(--mrl-spacing-04)}.MrlPopover--NHYhK{background:var(--mrl-popover-background-color);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);color:var(--mrl-popover-text-color);flex-direction:column;max-width:600px;opacity:0;overflow:hidden;padding:var(--mrl-popover-padding);pointer-events:auto;position:fixed;z-index:500;z-index:600;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06))}.MrlPopover--NHYhK a{color:var(--mrl-popover-text-color)}.MrlPopover--submenu--NcjJf{left:97%;position:absolute}.MrlPopover--close--KxF7l{position:absolute;right:4px;top:6px;transition:none}.MrlPopover--close--KxF7l svg{color:var(--mrl-popover-text-color)}.MrlPopover--NHYhK.compact--IsSC7{padding:var(--mrl-space-stack-related)}.MrlPopover--NHYhK.open--X5O6m{display:flex}.MrlPopover--scrolling--Okepx{padding-right:0}.MrlPopover--scrolling--content--xZZhQ{overflow:hidden auto;padding-right:calc(var(--mrl-popover-padding) - 4px)}.MrlPopover--scrolling--content--xZZhQ .MrlPopover--close--KxF7l{right:8px}.MrlPopover--point--RMoNb{background:var(--mrl-popover-background-color);border-radius:0 2px;height:10px;position:absolute;width:10px;z-index:2}.MrlPopover--point--RMoNb[data-point*=bottom-]{top:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point*=top-]{bottom:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point=bottom-left],.MrlPopover--point--RMoNb[data-point=top-left]{left:14px}.MrlPopover--point--RMoNb[data-point=bottom-right],.MrlPopover--point--RMoNb[data-point=top-right]{right:14px}.MrlPopover--point--RMoNb[data-point=bottom-center],.MrlPopover--point--RMoNb[data-point=top-center]{left:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point*=left-]{right:-5px;transform:rotate(225deg)}.MrlPopover--point--RMoNb[data-point*=right-]{left:-5px;transform:rotate(45deg)}.MrlPopover--point--RMoNb[data-point=left-center],.MrlPopover--point--RMoNb[data-point=right-center]{top:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point=left-top],.MrlPopover--point--RMoNb[data-point=right-top]{top:16px}.MrlPopover--point--RMoNb[data-point=left-bottom],.MrlPopover--point--RMoNb[data-point=right-bottom]{bottom:16px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar{background-color:var(--mrl-popover-background-color);border-radius:10px;width:12px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--mrl-popover-text-color);border:3px solid rgba(0,0,0,0);border-radius:10px;position:relative}
|
|
69
69
|
.MrlTable--WqkKm{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--vFuO8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTable--WqkKm{width:100%}
|
|
70
70
|
.MrlTable--hBgdv{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--DmN3s{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}
|
|
71
71
|
.MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--L7e2t{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableCell--cErPC{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle}.MrlTableCell--cErPC.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableCell--cErPC.selection:has(+.MrlTableColumn--Zz9NN:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableCell--cErPC.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableCell--cErPC.sticky--undTq{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableCell--cErPC.sticky--undTq::before,.MrlTableCell--cErPC.sticky--undTq::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz{left:var(--mrl-table-selection-width)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection{left:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection::after{background-image:none}.MrlTableCell--cErPC.sticky--undTq.right--lLyjv{right:0}.MrlTableCell--cErPC.sticky--undTq.right--lLyjv::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableCell--cErPC.sticky--undTq.clickable--znqsE:hover{background-color:var(--mrl-table-column-background-hover)}
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
@keyframes shimmer--n2jh9{0%{background-position:right}100%{background-position:left}}.MrlSkeletonText--aZt7x{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-border-radius-functional);overflow:hidden;position:relative}.MrlSkeletonText--aZt7x::after{animation-direction:normal;animation-duration:2.5s;animation-iteration-count:infinite;animation-name:shimmer--n2jh9;animation-timing-function:ease-in-out;background:linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, var(--mrl-white-opacity-06) 56%, rgba(255, 255, 255, 0) 64%);background-repeat:no-repeat;background-size:400% 200%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:200%}@media(prefers-reduced-motion){.MrlSkeletonText--aZt7x::after{animation-name:none;background:var(--mrl-black-opacity-00)}}.MrlSkeletonText-large--hMKwp{height:var(--mrl-spacing-03);margin-bottom:calc(var(--mrl-type-size-text-large)*var(--mrl-type-line-height-text-large) - var(--mrl-spacing-03));margin-top:calc((var(--mrl-type-size-text-large)*var(--mrl-type-line-height-text-large) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-small--c6iHj{height:var(--mrl-spacing-03);margin-bottom:calc(var(--mrl-type-size-text-small)*var(--mrl-type-line-height-text-small) - var(--mrl-spacing-03));margin-top:calc((var(--mrl-type-size-text-small)*var(--mrl-type-line-height-text-small) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-xsmall--_I_hY{height:var(--mrl-spacing-03);margin-bottom:calc(var(--mrl-type-size-text-xsmall)*var(--mrl-type-line-height-text-xsmall) - var(--mrl-spacing-03));margin-top:calc((var(--mrl-type-size-text-xsmall)*var(--mrl-type-line-height-text-xsmall) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-xxsmall--iasp3{height:var(--mrl-spacing-03);margin-bottom:calc(var(--mrl-type-size-text-xxsmall)*var(--mrl-type-line-height-text-xxsmall) - var(--mrl-spacing-03));margin-top:calc((var(--mrl-type-size-text-xxsmall)*var(--mrl-type-line-height-text-xxsmall) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-medium--VD22L{height:var(--mrl-spacing-03);margin-bottom:calc(var(--mrl-type-size-text)*var(--mrl-type-line-height-text) - var(--mrl-spacing-03));margin-top:calc((var(--mrl-type-size-text)*var(--mrl-type-line-height-text) - var(--mrl-spacing-03))/2)}
|
|
84
84
|
.mrl-empty--bBaPG{text-align:center}.mrl-empty-default--UfKTY{max-width:200px}.mrl-empty-large--jiZ0b{max-width:360px}.mrl-empty-text--EE6Hx{margin:var(--mrl-spacing-05) 0}.mrl-empty-text-large--tKa8r{margin:var(--mrl-spacing-06) 0}.mrl-empty-color-text-secondary--cR3LB{color:var(--mrl-color-text-secondary)}
|
|
85
85
|
.mrl-u-focus-wrapper--U8AgI{position:relative}.MrlCallout--content--o1NZT{max-width:17.5rem}.MrlCallout--title--rEMq8{font-size:var(--mrl-font-size-03);margin-bottom:var(--mrl-spacing-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--eyebrow--zPSfr{font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-04);margin-bottom:var(--mrl-spacing-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--description--s524D p{font-size:var(--mrl-font-size-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--image--F809e{margin-top:var(--mrl-spacing-05)}.MrlCallout--image--F809e img{height:auto;width:100%}.MrlCallout--footer--sjbLA{display:flex;justify-content:flex-start;margin-top:var(--mrl-spacing-05)}.MrlCallout--footer--sjbLA .mrlButton:last-child{margin-left:auto}.MrlCallout--O6y8L .mrlButton:focus-visible{position:relative}.MrlCallout--O6y8L .mrlButton:focus-visible:focus-visible{outline:none}.MrlCallout--O6y8L .mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse--otiHy;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--Oj9lG{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--otiHy{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}@media screen and (min-resolution: 384dpi)and (max-resolution: 399dpi),(min-resolution: 4dppx)and (max-resolution: 3.99dppx){.MrlCallout--O6y8L>div:first-child{min-height:75px}}
|
|
86
|
-
.MrlPanel--ctJ4U{background-color:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-raised);display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;padding:var(--mrl-spacing-06) 0 0 0;pointer-events:auto;position:relative;width:16.75rem;z-index:400}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag{margin-bottom:calc(var(--mrl-spacing-06) - var(--mrl-spacing-01));padding:0 var(--mrl-spacing-09) 0 var(--mrl-spacing-06)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag.MrlPanel--header-content-description--CUyJq{margin-bottom:calc(var(--mrl-spacing-04) - var(--mrl-spacing-01))}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--title--tyjoU{height:auto}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions--vzrrd{align-items:center;display:flex;justify-content:center;position:absolute;right:calc(var(--mrl-spacing-10) - var(--mrl-spacing-02));top:var(--mrl-spacing-04)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions-divider--xLz2L{align-self:auto}.MrlPanel--ctJ4U .MrlPanel--close--sRBzI{position:absolute;right:var(--mrl-spacing-04);top:var(--mrl-spacing-04)}.MrlPanel--scrollable--kRudV{outline:none;overflow
|
|
86
|
+
.MrlPanel--ctJ4U{background-color:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-raised);display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;padding:var(--mrl-spacing-06) 0 0 0;pointer-events:auto;position:relative;width:16.75rem;z-index:400}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag{margin-bottom:calc(var(--mrl-spacing-06) - var(--mrl-spacing-01));padding:0 var(--mrl-spacing-09) 0 var(--mrl-spacing-06)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag.MrlPanel--header-content-description--CUyJq{margin-bottom:calc(var(--mrl-spacing-04) - var(--mrl-spacing-01))}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--title--tyjoU{height:auto}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions--vzrrd{align-items:center;display:flex;justify-content:center;position:absolute;right:calc(var(--mrl-spacing-10) - var(--mrl-spacing-02));top:var(--mrl-spacing-04)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions-divider--xLz2L{align-self:auto}.MrlPanel--ctJ4U .MrlPanel--close--sRBzI{position:absolute;right:var(--mrl-spacing-04);top:var(--mrl-spacing-04)}.MrlPanel--scrollable--kRudV{outline:none;overflow:clip scroll;overflow-y:overlay;padding-left:var(--mrl-spacing-06);padding-right:var(--mrl-spacing-06);padding-top:var(--mrl-spacing-01)}.MrlPanel--scrollable--kRudV:focus-visible{outline:var(--mrl-spacing-01) var(--mrl-color-focus) solid}.MrlPanel--scrollable--kRudV.MrlPanel--scrollable-has-sticky-header--CIres{padding-top:0}.MrlPanel--scrollable--kRudV .MrlPanel--description--dCF7g{margin-bottom:var(--mrl-spacing-06);padding-right:var(--mrl-space-inset-container-large)}
|
|
87
87
|
.MrlPanelFooter--iX4RS{background-color:var(--mrl-color-background);bottom:var(--mrl-spacing-03);color:rgba(var(--mrl-gray-60), 1);left:0;margin:0 var(--mrl-spacing-06);position:absolute;width:calc(100% - var(--mrl-spacing-06)*2)}.MrlPanelFooter--iX4RS .MrlPanelFooter--divider--DMvrl{margin:0 0 var(--mrl-spacing-02) 0}
|
|
88
|
-
.MrlPanelStickyHeader--I1FiZ{background-color:var(--mrl-color-background);position:sticky;top:0}.MrlPanelStickyHeader--I1FiZ::after{background:var(--mrl-color-background);
|
|
88
|
+
.MrlPanelStickyHeader--I1FiZ{background-color:var(--mrl-color-background);position:sticky;top:0}.MrlPanelStickyHeader--I1FiZ::after{background:var(--mrl-color-background);content:"";display:block;inset:0 calc(-1*var(--mrl-spacing-03));pointer-events:all;position:absolute;z-index:-1}
|
|
89
89
|
.MrlToolbar--Lrhb6{align-items:center;background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);cursor:default;display:flex;gap:var(--mrl-spacing-02);min-height:3rem;padding:var(--mrl-spacing-03);pointer-events:all;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m3)}.MrlToolbar-inverse--OwdSd{background:var(--mrl-color-background-inverse);box-shadow:none;color:var(--mrl-color-text-inverse)}.MrlToolbar-skeleton--eWZQv.MrlToolbar-vertical--hO8hj{background-color:rgba(var(--mrl-gray-30), 1)}.MrlToolbar-medium--FKg7Y{gap:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));min-height:3.5rem;padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))}.MrlToolbar-xsmall--St9Ez{gap:var(--mrl-spacing-01);min-height:2rem;padding:var(--mrl-spacing-02)}.MrlToolbar-vertical--hO8hj{flex-direction:column;min-height:0;min-width:3rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-medium--FKg7Y{min-width:3.5rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-xsmall--St9Ez{min-width:2rem}.MrlToolbar-spaced--gmE0X{gap:var(--mrl-spacing-05);padding-left:var(--mrl-spacing-05)}.MrlToolbar-spaced--gmE0X .mrlButton--Oymf3+.mrlButton--Oymf3{margin-left:calc(var(--mrl-spacing-03)/2*-1)}
|
|
90
90
|
.MrlToolbarButtonIcon--Oetsi{margin-right:var(--mrl-spacing-03)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muraldevkit/ui-toolkit",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"description": "Mural's UI Toolkit",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
"lint:config:fix": "eslint '.storybook/*.{js,jsx,ts,tsx}' --fix",
|
|
23
23
|
"lint:fix": "npm run lint:scripts:fix && npm run lint:styles:fix",
|
|
24
24
|
"lint:scripts": "eslint '**/*.{js,jsx,ts,tsx}'",
|
|
25
|
-
"lint:styles": "stylelint src/components/**/*.{css,scss}",
|
|
25
|
+
"lint:styles": "stylelint 'src/components/**/*.{css,scss}'",
|
|
26
26
|
"lint:scripts:fix": "eslint '**/*.{js,jsx,ts,tsx}' --fix",
|
|
27
|
-
"lint:styles:fix": "stylelint --fix src/components/**/*.{css,scss}",
|
|
27
|
+
"lint:styles:fix": "stylelint --fix 'src/components/**/*.{css,scss}'",
|
|
28
28
|
"create-component": "./scripts/createComponent.sh; npm run lint:fix;",
|
|
29
29
|
"publish:local": "npm run build && npm pack",
|
|
30
30
|
"release": "npx semantic-release",
|
|
@@ -43,10 +43,6 @@
|
|
|
43
43
|
},
|
|
44
44
|
"license": "https://www.mural.co/terms/developer-addendum",
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@muraldevkit/ds-foundation": ">=2.6.0",
|
|
47
|
-
"@muraldevkit/ds-icons": ">=1.1.0",
|
|
48
|
-
"@muraldevkit/ds-icons-animated": ">=1.0.1",
|
|
49
|
-
"@muraldevkit/ds-pictograms": ">=1.1.0",
|
|
50
46
|
"@react-spring/web": "9.4.2",
|
|
51
47
|
"@tactivos/mural-shared": "2.8.0",
|
|
52
48
|
"lottie-web": "^5.9.6",
|
|
@@ -119,13 +115,11 @@
|
|
|
119
115
|
"semantic-release-monorepo": "7.0.5",
|
|
120
116
|
"storybook": "8.2.9",
|
|
121
117
|
"style-loader": "3.3.2",
|
|
122
|
-
"stylelint": "
|
|
123
|
-
"stylelint-config-
|
|
124
|
-
"stylelint-config-standard": "
|
|
125
|
-
"stylelint-
|
|
126
|
-
"stylelint-
|
|
127
|
-
"stylelint-sassdoc": "0.4.2",
|
|
128
|
-
"stylelint-scss": "4.6.0",
|
|
118
|
+
"stylelint": "16.9.0",
|
|
119
|
+
"stylelint-config-standard": "36.0.1",
|
|
120
|
+
"stylelint-config-standard-scss": "13.1.0",
|
|
121
|
+
"stylelint-order": "6.0.4",
|
|
122
|
+
"stylelint-scss": "6.5.1",
|
|
129
123
|
"ts-jest": "29.1.0",
|
|
130
124
|
"ts-loader": "9.4.2",
|
|
131
125
|
"typescript": "5.0.4",
|