@muraldevkit/ui-toolkit 4.5.0 → 4.5.2
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/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +1 -1
- package/dist/components/button/MrlButton/MrlButton.d.ts +1 -1
- package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +1 -1
- package/dist/components/svg/config.d.ts +1 -1
- package/dist/components/tooltip/MrlTooltip/MrlTooltip.d.ts +2 -0
- package/dist/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlTooltipContent/global.scss +14 -0
- package/dist/styles/form/global.scss +1 -3
- package/dist/styles/modal/variables.scss +1 -1
- package/dist/styles.css +7 -7
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
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
|
.MrlBadge--qJnMn{align-items:center;background-color:var(--mrl-black-opacity-01);border-radius:var(--mrl-radii-04);color:var(--mrl-color-text-emph);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-06);padding:var(--mrl-spacing-01) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));width:auto}.MrlBadge--qJnMn .MrlSvgContainer{flex-shrink:0;height:var(--mrl-spacing-04);margin-left:var(--mrl-spacing-02);width:var(--mrl-spacing-04)}.MrlBadge--error--bn1gA{background-color:var(--mrl-color-background-error-light);color:var(--mrl-color-text-error)}.MrlBadge--info--sHw3k{background-color:var(--mrl-color-background-info-light);color:rgb(var(--mrl-status-info))}.MrlBadge--success--xHWDK{background-color:var(--mrl-color-background-success-light);color:rgb(var(--mrl-status-success))}.MrlBadge--warning--L7ZsA{background-color:var(--mrl-color-background-warning-light);color:var(--mrl-color-text-warning-light)}.MrlBadge--warning--L7ZsA .MrlSvgContainer{color:rgb(var(--mrl-status-warning))}
|
|
4
4
|
.MrlBadgeNotification--eAK4M{align-items:center;background-color:rgb(var(--mrl-gray-90));border:var(--mrl-line-width-border-fine) solid rgb(var(--mrl-white));border-radius:var(--mrl-radii-04);box-sizing:border-box;color:var(--mrl-color-text-inverse);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-03);justify-content:center;padding:0;width:var(--mrl-spacing-03)}.MrlBadgeNotification--info--YY6Sg{background-color:var(--mrl-color-background-info)}.MrlBadgeNotification--numeric--jVYpk{font-size:.5625rem;height:var(--mrl-spacing-05);padding:0 var(--mrl-spacing-01);width:var(--mrl-spacing-05)}.mrlButton .MrlBadgeNotification--eAK4M,.mrlIconButton .MrlBadgeNotification--eAK4M{position:absolute;right:0;top:0}.mrlButton .MrlBadgeNotification--numeric--jVYpk,.mrlIconButton .MrlBadgeNotification--numeric--jVYpk{right:calc(var(--mrl-spacing-01)*-1);top:calc(var(--mrl-spacing-01)*-1)}
|
|
5
|
-
.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%}
|
|
5
|
+
.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=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.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-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.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%}
|
|
6
6
|
.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}
|
|
7
7
|
: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}
|
|
8
8
|
.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}
|
|
9
9
|
: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)}}
|
|
10
10
|
:root,.MrlContainer--NL5F9{--mrl-container-background: rgba(var(--mrl-white), 1);--mrl-container-background--helper: rgba(var(--mrl-gray-10), 1);--mrl-container-border-color: rgba(var(--mrl-gray-20), 1);--mrl-container-border-radius: var(--mrl-radii-04);--mrl-container-border-width: var(--mrl-stroke-01);--mrl-container-padding: var(--mrl-spacing-07)}.MrlContainer--NL5F9{background-color:var(--mrl-container-background);border:var(--mrl-container-border-width) solid var(--mrl-container-border-color);border-radius:var(--mrl-container-border-radius);overflow:hidden;padding:var(--mrl-container-padding)}.MrlContainer--helper--F3ZW8{background-color:var(--mrl-container-background--helper)}
|
|
11
11
|
:root,.MrlDivider--ShT5H{--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--nbQys{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--aKJM5{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-color-line-divider-inverse)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--horizontal--EUB9p{background-color:var(--mrl-divider-color);display:block;height:var(--mrl-divider-size);margin:var(--mrl-divider-spacing) 0;width:100%}.MrlDivider--horizontal--EUB9p .MrlDivider--center--CrRjf{margin:var(--mrl-divider-spacing) auto}.MrlDivider--vertical--to2id{align-self:stretch;background-color:var(--mrl-divider-color);display:inline-block;margin:0 var(--mrl-divider-spacing);width:var(--mrl-divider-size)}.MrlDivider--vertical--to2id .MrlDivider--center--CrRjf{align-self:center}
|
|
12
|
-
.mrl-u-focus-wrapper--O90Q4{position:relative}: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--sSAMo:checked~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:checked~.MrlCheckboxStandalone-inputDisplay--pG3y_,.mrl-checkbox-input--sSAMo:indeterminate~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:indeterminate~.MrlCheckboxStandalone-inputDisplay--pG3y_{--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) )}.MrlForm-counter--BiymI{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%}.mrl-select--JfvZE{--mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);--mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);--mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color-focus: transparent}.mrl-select--JfvZE{display:block;position:relative}.mrl-select-trigger--R44fd{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%;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding-right:var(--mrl-input-icon-offset);position:relative;width:auto}.mrl-select-trigger--R44fd::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--R44fd:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.mrl-select-trigger--R44fd:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--R44fd:focus-visible{outline:none}.mrl-select-trigger--R44fd:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select-trigger--R44fd:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--R44fd[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--A73x6{pointer-events:none}.mrl-select--read-only--A73x6 .mrl-select-trigger--R44fd{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--Edhyo;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) + var(--mrl-text-input-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);z-index:1}@keyframes border-animation--Edhyo{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--CFluY{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrl-select--JfvZE:focus-visible{outline:none}.mrl-select-trigger--R44fd span{display:flex}.mrl-select-trigger--R44fd span mrl-svg{flex-basis:fit-content;margin-right:var(--mrl-select-item-icon-spacing);max-width:var(--mrl-select-item-icon-size)}.mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color);margin-left:var(--mrl-input-icon-offset)}.mrl-select-trigger-indicator--y8L8m.mrl-is--open--aXm4T{transform:rotate(180deg)}.mrl-select--JfvZE:focus-within .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-focus)}.mrl-select-trigger--R44fd:hover .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-hover)}.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);font-weight:var(--mrl-font-weight-04)}.mrl-select-trigger--inline--irsXB:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--inline--
|
|
12
|
+
.mrl-u-focus-wrapper--O90Q4{position:relative}: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--sSAMo:checked~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:checked~.MrlCheckboxStandalone-inputDisplay--pG3y_,.mrl-checkbox-input--sSAMo:indeterminate~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:indeterminate~.MrlCheckboxStandalone-inputDisplay--pG3y_{--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) )}.MrlForm-counter--BiymI{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%}.mrl-select--JfvZE{--mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);--mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);--mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color-focus: transparent}.mrl-select--JfvZE{display:block;position:relative}.mrl-select-trigger--R44fd{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%;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding-right:var(--mrl-input-icon-offset);position:relative;width:auto}.mrl-select-trigger--R44fd::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--R44fd:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.mrl-select-trigger--R44fd:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--R44fd:focus-visible{outline:none}.mrl-select-trigger--R44fd:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select-trigger--R44fd:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--R44fd[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--A73x6{pointer-events:none}.mrl-select--read-only--A73x6 .mrl-select-trigger--R44fd{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--Edhyo;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) + var(--mrl-text-input-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);z-index:1}@keyframes border-animation--Edhyo{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--CFluY{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrl-select--JfvZE:focus-visible{outline:none}.mrl-select-trigger--R44fd span{display:flex}.mrl-select-trigger--R44fd span mrl-svg{flex-basis:fit-content;margin-right:var(--mrl-select-item-icon-spacing);max-width:var(--mrl-select-item-icon-size)}.mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color);margin-left:var(--mrl-input-icon-offset)}.mrl-select-trigger-indicator--y8L8m.mrl-is--open--aXm4T{transform:rotate(180deg)}.mrl-select--JfvZE:focus-within .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-focus)}.mrl-select-trigger--R44fd:hover .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-hover)}.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);font-weight:var(--mrl-font-weight-04)}.mrl-select-trigger--inline--irsXB:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--inline-label--jzwoX{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);color:var(--mrl-color-text-secondary)}.mrl-select-trigger--inline-label--jzwoX:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--large--wdKcB{--mrl-text-input-height: var(--mrl-spacing-09)}.mrl-select--disabled--eE7CX .mrl-select-trigger--R44fd{color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select--disabled--eE7CX .mrl-select-trigger-border--ZKXAV{border-color:var(--mrl-text-input-border-color-disabled)}.mrl-select--disabled--eE7CX .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-text-input-color-disabled);cursor:default;pointer-events:none}
|
|
13
13
|
.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}
|
|
14
14
|
.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}
|
|
15
15
|
.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)}}
|
|
@@ -53,15 +53,15 @@
|
|
|
53
53
|
.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}
|
|
54
54
|
.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}
|
|
55
55
|
.MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}
|
|
56
|
-
.mrl-u-focus-wrapper--H9NGH{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--WjQYL mrl-button:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button:not(.hydrated--P5Cge){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--WjQYL mrl-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-button[kind=ghost-inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button[kind=ghost-inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--P5Cge){--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--DAEWa,.mrlButton--VsApE{--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--rXDZi,.mrlButton--small--Xd79c{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--dzwKq,.mrlButton--xsmall--MgRck{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--DAEWa.mrlIconButton--small--rXDZi,.mrlButton--VsApE.mrlIconButton--small--rXDZi{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--DAEWa.mrlIconButton--small--rXDZi+.mrl-tooltip-content--skEdT,.mrlButton--VsApE.mrlIconButton--small--rXDZi+.mrl-tooltip-content--skEdT{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--qYlFC,.mrlButton--large--T4JkW{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--DAEWa.mrlIconButton--large--qYlFC,.mrlButton--VsApE.mrlIconButton--large--qYlFC{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--DAEWa.mrlButton--primary--ZJhGV,.mrlIconButton--DAEWa.mrlButton--ghost--mx57U,.mrlIconButton--DAEWa.mrlButton--ghost-inverse--vPZic,.mrlIconButton--DAEWa.mrlIconButton--primary--lUIVY,.mrlIconButton--DAEWa.mrlIconButton--ghost--ogoi_,.mrlIconButton--DAEWa.mrlIconButton--ghost-inverse--oPWiN,.mrlButton--VsApE.mrlButton--primary--ZJhGV,.mrlButton--VsApE.mrlButton--ghost--mx57U,.mrlButton--VsApE.mrlButton--ghost-inverse--vPZic,.mrlButton--VsApE.mrlIconButton--primary--lUIVY,.mrlButton--VsApE.mrlIconButton--ghost--ogoi_,.mrlButton--VsApE.mrlIconButton--ghost-inverse--oPWiN{--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--Pz0BX,.mrlButton--secondary-native--bm4Pm{--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--lUIVY,.mrlButton--primary--ZJhGV{--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--YqTF0,.mrlButton--primary-native--kxOhk{--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--ogoi_,.mrlButton--ghost--mx57U{--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--ogoi_[aria-pressed=true],.mrlIconButton--ghost--ogoi_[aria-checked=true],.mrlIconButton--ghost--ogoi_[aria-expanded=true],.mrlIconButton--ghost--ogoi_[aria-selected=true],.mrlButton--ghost--mx57U[aria-pressed=true],.mrlButton--ghost--mx57U[aria-checked=true],.mrlButton--ghost--mx57U[aria-expanded=true],.mrlButton--ghost--mx57U[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--oPWiN,.mrlButton--ghost-inverse--vPZic{--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--oPWiN.mrlButton--skeleton--k6RKH,.mrlButton--ghost-inverse--vPZic.mrlButton--skeleton--k6RKH{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-selected=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-pressed=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-checked=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-expanded=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-selected=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-pressed=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-checked=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-expanded=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--vPZic[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--jUghw,.mrlButton--inverse--qD66K{--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--jUghw.mrlButton--skeleton--k6RKH,.mrlButton--inverse--qD66K.mrlButton--skeleton--k6RKH{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--DAEWa[aria-disabled=true][aria-pressed=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-checked=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-expanded=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-selected=true],.mrlButton--VsApE[aria-disabled=true][aria-pressed=true],.mrlButton--VsApE[aria-disabled=true][aria-checked=true],.mrlButton--VsApE[aria-disabled=true][aria-expanded=true],.mrlButton--VsApE[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)}.mrl-modal--zpjbp{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-04);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--zpjbp,.mrl-modal--zpjbp .footer--xe8It.slotted--_adUV .mrl-modal-footer--nQQw_,.mrl-modal--zpjbp .header--eof3s.slotted--_adUV .mrl-modal-header--aSw2r{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--mqaBC,.mrl-modal--large--mqaBC .footer--xe8It.slotted--_adUV .mrl-modal-footer--nQQw_,.mrl-modal--large--mqaBC .header--eof3s.slotted--_adUV .mrl-modal-header--aSw2r{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--tOEMU,.mrl-display-modal--QO79k{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-backdrop--omXDu{--mrl-modal-backdrop-background: var(--mrl-black-opacity-05)}.mrl-modal--zpjbp{--mrl-modal-size: 600px;--mrl-modal-border-radius: var(--mrl-radii-05);--mrl-modal-background: var(--mrl-color-background);--mrl-modal-max-height: 95vh}@media screen and (min-width: 37.5rem){.mrl-modal--small--NSiiy{--mrl-modal-size: 400px}.mrl-modal--large--mqaBC{--mrl-modal-size: 800px}}.mrl-native-modal--tOEMU,.mrl-display-modal--QO79k{--mrl-modal-border-radius: var(--mrl-radii-04);--mrl-modal-size: 600px;--mrl-modal-max-height: 642px}.mrl-modal-backdrop--omXDu{align-items:center;background:var(--mrl-modal-backdrop-background);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity 300ms ease-in-out;z-index:1000}.mrl-modal-backdrop--omXDu.fade-in--FQdjA{opacity:1;transition-duration:var(--mrl-duration-04);transition-property:opacity;transition-timing-function:var(--mrl-timing-m1)}.mrl-modal-backdrop--omXDu.fade-out--c_sPn{opacity:0;transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m3)}.mrl-modal-backdrop--omXDu.display--GKMDd{display:fixed}.mrl-modal-backdrop--omXDu.hide--DHOpR{display:none}.mrl-modal-backdrop--native--i2df7,.mrl-modal-backdrop--display--nocU1{align-items:flex-start}.mrl-modal--zpjbp{background:var(--mrl-modal-background);display:flex;flex-direction:column;flex-grow:1;height:100vh;position:relative;width:100vw}.mrl-modal--zpjbp .mrl-modal-close--amYN3{position:absolute;right:var(--mrl-modal-close-offset);top:var(--mrl-modal-close-offset)}@media(prefers-reduced-motion: no-preference){.mrl-modal-backdrop--omXDu.fade-in--FQdjA .mrl-modal--zpjbp{transform:translate(0, 0);transition-duration:var(--mrl-duration-04);transition-property:transform;transition-timing-function:var(--mrl-timing-m1)}.mrl-modal-backdrop--omXDu.fade-out--c_sPn .mrl-modal--zpjbp{transform:translate(0, var(--mrl-distance-02));transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m3)}}
|
|
57
|
-
: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{--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)}.mrl-modal{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-04);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal,.mrl-modal .footer.slotted .mrl-modal-footer,.mrl-modal .header.slotted .mrl-modal-header{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large,.mrl-modal--large .footer.slotted .mrl-modal-footer,.mrl-modal--large .header.slotted .mrl-modal-header{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal,.mrl-display-modal{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-backdrop{--mrl-modal-backdrop-background: var(--mrl-black-opacity-05)}.mrl-modal{--mrl-modal-size: 600px;--mrl-modal-border-radius: var(--mrl-radii-05);--mrl-modal-background: var(--mrl-color-background);--mrl-modal-max-height: 95vh}@media screen and (min-width: 37.5rem){.mrl-modal--small{--mrl-modal-size: 400px}.mrl-modal--large{--mrl-modal-size: 800px}}.mrl-native-modal,.mrl-display-modal{--mrl-modal-border-radius: var(--mrl-radii-04);--mrl-modal-size: 600px;--mrl-modal-max-height: 642px}@media screen and (min-width: 37.5rem){.mrl-modal{border-radius:var(--mrl-modal-border-radius);box-shadow:0 0 0 1px rgba(0,0,0,.08),var(--mrl-shadow-03);height:auto;margin:var(--mrl-spacing-08);max-height:var(--mrl-modal-max-height);max-width:var(--mrl-modal-size)}.mrl-native-modal,.mrl-display-modal{height:min(var(--mrl-modal-max-height),100vh - var(--mrl-spacing-09) - var(--mrl-spacing-08));margin-bottom:initial;max-height:initial}}.mrl-native-modal,.mrl-display-modal{border-radius:var(--mrl-modal-border-radius) var(--mrl-modal-border-radius) 0 0}@media screen and (min-width: 37.5rem){.mrl-native-modal,.mrl-display-modal{border-radius:var(--mrl-modal-border-radius)}}.mrl-native-modal .mrl-modal-close,.mrl-display-modal .mrl-modal-close{display:none}.mrl-native-modal .mrl-modal-header,.mrl-display-modal .mrl-modal-header{position:relative;text-align:center}.mrl-native-modal .mrl-modal-header .mrl-text-heading,.mrl-display-modal .mrl-modal-header .mrl-text-heading{text-align:center;width:100%}
|
|
56
|
+
.mrl-u-focus-wrapper--H9NGH{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--WjQYL mrl-button:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button:not(.hydrated--P5Cge){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--WjQYL mrl-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-button[kind=ghost-inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-icon-button[kind=ghost-inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button[kind=inverse]:not(.hydrated--P5Cge),.mrl-u-preHydrateSkeleton--WjQYL mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--P5Cge){--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--DAEWa,.mrlButton--VsApE{--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--rXDZi,.mrlButton--small--Xd79c{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--dzwKq,.mrlButton--xsmall--MgRck{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--DAEWa.mrlIconButton--small--rXDZi,.mrlButton--VsApE.mrlIconButton--small--rXDZi{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--DAEWa.mrlIconButton--small--rXDZi+.mrl-tooltip-content--skEdT,.mrlButton--VsApE.mrlIconButton--small--rXDZi+.mrl-tooltip-content--skEdT{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--qYlFC,.mrlButton--large--T4JkW{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--DAEWa.mrlIconButton--large--qYlFC,.mrlButton--VsApE.mrlIconButton--large--qYlFC{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--DAEWa.mrlButton--primary--ZJhGV,.mrlIconButton--DAEWa.mrlButton--ghost--mx57U,.mrlIconButton--DAEWa.mrlButton--ghost-inverse--vPZic,.mrlIconButton--DAEWa.mrlIconButton--primary--lUIVY,.mrlIconButton--DAEWa.mrlIconButton--ghost--ogoi_,.mrlIconButton--DAEWa.mrlIconButton--ghost-inverse--oPWiN,.mrlButton--VsApE.mrlButton--primary--ZJhGV,.mrlButton--VsApE.mrlButton--ghost--mx57U,.mrlButton--VsApE.mrlButton--ghost-inverse--vPZic,.mrlButton--VsApE.mrlIconButton--primary--lUIVY,.mrlButton--VsApE.mrlIconButton--ghost--ogoi_,.mrlButton--VsApE.mrlIconButton--ghost-inverse--oPWiN{--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--Pz0BX,.mrlButton--secondary-native--bm4Pm{--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--lUIVY,.mrlButton--primary--ZJhGV{--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--YqTF0,.mrlButton--primary-native--kxOhk{--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--ogoi_,.mrlButton--ghost--mx57U{--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--ogoi_[aria-pressed=true],.mrlIconButton--ghost--ogoi_[aria-checked=true],.mrlIconButton--ghost--ogoi_[aria-expanded=true],.mrlIconButton--ghost--ogoi_[aria-selected=true],.mrlButton--ghost--mx57U[aria-pressed=true],.mrlButton--ghost--mx57U[aria-checked=true],.mrlButton--ghost--mx57U[aria-expanded=true],.mrlButton--ghost--mx57U[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--oPWiN,.mrlButton--ghost-inverse--vPZic{--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--oPWiN.mrlButton--skeleton--k6RKH,.mrlButton--ghost-inverse--vPZic.mrlButton--skeleton--k6RKH{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--default--Q1Rk6[aria-selected=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-pressed=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-checked=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-expanded=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--default--Q1Rk6[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN.toggleStyle--secondary--VkKOB[aria-selected=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-pressed=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-checked=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-expanded=true],.mrlButton--ghost-inverse--vPZic.toggleStyle--secondary--VkKOB[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--oPWiN[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--vPZic[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--vPZic[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--jUghw,.mrlButton--inverse--qD66K{--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--jUghw.mrlButton--skeleton--k6RKH,.mrlButton--inverse--qD66K.mrlButton--skeleton--k6RKH{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--DAEWa[aria-disabled=true][aria-pressed=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-checked=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-expanded=true],.mrlIconButton--DAEWa[aria-disabled=true][aria-selected=true],.mrlButton--VsApE[aria-disabled=true][aria-pressed=true],.mrlButton--VsApE[aria-disabled=true][aria-checked=true],.mrlButton--VsApE[aria-disabled=true][aria-expanded=true],.mrlButton--VsApE[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)}.mrl-modal--zpjbp{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--zpjbp,.mrl-modal--zpjbp .footer--xe8It.slotted--_adUV .mrl-modal-footer--nQQw_,.mrl-modal--zpjbp .header--eof3s.slotted--_adUV .mrl-modal-header--aSw2r{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--mqaBC,.mrl-modal--large--mqaBC .footer--xe8It.slotted--_adUV .mrl-modal-footer--nQQw_,.mrl-modal--large--mqaBC .header--eof3s.slotted--_adUV .mrl-modal-header--aSw2r{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--tOEMU,.mrl-display-modal--QO79k{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-backdrop--omXDu{--mrl-modal-backdrop-background: var(--mrl-black-opacity-05)}.mrl-modal--zpjbp{--mrl-modal-size: 600px;--mrl-modal-border-radius: var(--mrl-radii-05);--mrl-modal-background: var(--mrl-color-background);--mrl-modal-max-height: 95vh}@media screen and (min-width: 37.5rem){.mrl-modal--small--NSiiy{--mrl-modal-size: 400px}.mrl-modal--large--mqaBC{--mrl-modal-size: 800px}}.mrl-native-modal--tOEMU,.mrl-display-modal--QO79k{--mrl-modal-border-radius: var(--mrl-radii-04);--mrl-modal-size: 600px;--mrl-modal-max-height: 642px}.mrl-modal-backdrop--omXDu{align-items:center;background:var(--mrl-modal-backdrop-background);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity 300ms ease-in-out;z-index:1000}.mrl-modal-backdrop--omXDu.fade-in--FQdjA{opacity:1;transition-duration:var(--mrl-duration-04);transition-property:opacity;transition-timing-function:var(--mrl-timing-m1)}.mrl-modal-backdrop--omXDu.fade-out--c_sPn{opacity:0;transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m3)}.mrl-modal-backdrop--omXDu.display--GKMDd{display:fixed}.mrl-modal-backdrop--omXDu.hide--DHOpR{display:none}.mrl-modal-backdrop--native--i2df7,.mrl-modal-backdrop--display--nocU1{align-items:flex-start}.mrl-modal--zpjbp{background:var(--mrl-modal-background);display:flex;flex-direction:column;flex-grow:1;height:100vh;position:relative;width:100vw}.mrl-modal--zpjbp .mrl-modal-close--amYN3{position:absolute;right:var(--mrl-modal-close-offset);top:var(--mrl-modal-close-offset)}@media(prefers-reduced-motion: no-preference){.mrl-modal-backdrop--omXDu.fade-in--FQdjA .mrl-modal--zpjbp{transform:translate(0, 0);transition-duration:var(--mrl-duration-04);transition-property:transform;transition-timing-function:var(--mrl-timing-m1)}.mrl-modal-backdrop--omXDu.fade-out--c_sPn .mrl-modal--zpjbp{transform:translate(0, var(--mrl-distance-02));transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m3)}}
|
|
57
|
+
: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{--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)}.mrl-modal{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal,.mrl-modal .footer.slotted .mrl-modal-footer,.mrl-modal .header.slotted .mrl-modal-header{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large,.mrl-modal--large .footer.slotted .mrl-modal-footer,.mrl-modal--large .header.slotted .mrl-modal-header{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal,.mrl-display-modal{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-backdrop{--mrl-modal-backdrop-background: var(--mrl-black-opacity-05)}.mrl-modal{--mrl-modal-size: 600px;--mrl-modal-border-radius: var(--mrl-radii-05);--mrl-modal-background: var(--mrl-color-background);--mrl-modal-max-height: 95vh}@media screen and (min-width: 37.5rem){.mrl-modal--small{--mrl-modal-size: 400px}.mrl-modal--large{--mrl-modal-size: 800px}}.mrl-native-modal,.mrl-display-modal{--mrl-modal-border-radius: var(--mrl-radii-04);--mrl-modal-size: 600px;--mrl-modal-max-height: 642px}@media screen and (min-width: 37.5rem){.mrl-modal{border-radius:var(--mrl-modal-border-radius);box-shadow:0 0 0 1px rgba(0,0,0,.08),var(--mrl-shadow-03);height:auto;margin:var(--mrl-spacing-08);max-height:var(--mrl-modal-max-height);max-width:var(--mrl-modal-size)}.mrl-native-modal,.mrl-display-modal{height:min(var(--mrl-modal-max-height),100vh - var(--mrl-spacing-09) - var(--mrl-spacing-08));margin-bottom:initial;max-height:initial}}.mrl-native-modal,.mrl-display-modal{border-radius:var(--mrl-modal-border-radius) var(--mrl-modal-border-radius) 0 0}@media screen and (min-width: 37.5rem){.mrl-native-modal,.mrl-display-modal{border-radius:var(--mrl-modal-border-radius)}}.mrl-native-modal .mrl-modal-close,.mrl-display-modal .mrl-modal-close{display:none}.mrl-native-modal .mrl-modal-header,.mrl-display-modal .mrl-modal-header{position:relative;text-align:center}.mrl-native-modal .mrl-modal-header .mrl-text-heading,.mrl-display-modal .mrl-modal-header .mrl-text-heading{text-align:center;width:100%}
|
|
58
58
|
.mrl-u-focus-wrapper--Ob8kx{position:relative}.mrl-modal-content--khend{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:var(--mrl-modal-padding-vertical-content) var(--mrl-modal-padding-horizontal)}.mrl-modal-content--khend:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-space-offset-focus)}.mrl-native-modal .mrl-modal-content--khend,.mrl-display-modal .mrl-modal-content--khend{margin-top:var(--mrl-spacing-03);padding-bottom:var(--mrl-spacing-09)}@media screen and (min-width: 37.5rem){.mrl-native-modal .mrl-modal-content--khend,.mrl-display-modal .mrl-modal-content--khend{margin-bottom:var(--mrl-spacing-05);padding-bottom:0}}
|
|
59
|
-
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--J3Vn0 mrl-button:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button:not(.hydrated--i4brT){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--J3Vn0 mrl-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-button[kind=ghost-inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button[kind=ghost-inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--i4brT){--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--hnOum,.mrlButton--Cb1U4{--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--_4HjI,.mrlButton--small--hFIv2{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--XsrGi,.mrlButton--xsmall--YtVcM{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--hnOum.mrlIconButton--small--_4HjI,.mrlButton--Cb1U4.mrlIconButton--small--_4HjI{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--hnOum.mrlIconButton--small--_4HjI+.mrl-tooltip-content--nqcxU,.mrlButton--Cb1U4.mrlIconButton--small--_4HjI+.mrl-tooltip-content--nqcxU{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--Jhtlx,.mrlButton--large--CJmti{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--hnOum.mrlIconButton--large--Jhtlx,.mrlButton--Cb1U4.mrlIconButton--large--Jhtlx{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--hnOum.mrlButton--primary--DUkmC,.mrlIconButton--hnOum.mrlButton--ghost--PkvsV,.mrlIconButton--hnOum.mrlButton--ghost-inverse--lLW3d,.mrlIconButton--hnOum.mrlIconButton--primary--GM2Eg,.mrlIconButton--hnOum.mrlIconButton--ghost--SYcW7,.mrlIconButton--hnOum.mrlIconButton--ghost-inverse--U6LDo,.mrlButton--Cb1U4.mrlButton--primary--DUkmC,.mrlButton--Cb1U4.mrlButton--ghost--PkvsV,.mrlButton--Cb1U4.mrlButton--ghost-inverse--lLW3d,.mrlButton--Cb1U4.mrlIconButton--primary--GM2Eg,.mrlButton--Cb1U4.mrlIconButton--ghost--SYcW7,.mrlButton--Cb1U4.mrlIconButton--ghost-inverse--U6LDo{--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--Sr4kh,.mrlButton--secondary-native--zKeap{--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--GM2Eg,.mrlButton--primary--DUkmC{--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--gl3j5,.mrlButton--primary-native--NZnfI{--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--SYcW7,.mrlButton--ghost--PkvsV{--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--SYcW7[aria-pressed=true],.mrlIconButton--ghost--SYcW7[aria-checked=true],.mrlIconButton--ghost--SYcW7[aria-expanded=true],.mrlIconButton--ghost--SYcW7[aria-selected=true],.mrlButton--ghost--PkvsV[aria-pressed=true],.mrlButton--ghost--PkvsV[aria-checked=true],.mrlButton--ghost--PkvsV[aria-expanded=true],.mrlButton--ghost--PkvsV[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--U6LDo,.mrlButton--ghost-inverse--lLW3d{--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--U6LDo.mrlButton--skeleton--u1ikR,.mrlButton--ghost-inverse--lLW3d.mrlButton--skeleton--u1ikR{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-selected=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-pressed=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-checked=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-expanded=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-selected=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-pressed=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-checked=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-expanded=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--lLW3d[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--Z0Kx6,.mrlButton--inverse--XBiCx{--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--Z0Kx6.mrlButton--skeleton--u1ikR,.mrlButton--inverse--XBiCx.mrlButton--skeleton--u1ikR{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--hnOum[aria-disabled=true][aria-pressed=true],.mrlIconButton--hnOum[aria-disabled=true][aria-checked=true],.mrlIconButton--hnOum[aria-disabled=true][aria-expanded=true],.mrlIconButton--hnOum[aria-disabled=true][aria-selected=true],.mrlButton--Cb1U4[aria-disabled=true][aria-pressed=true],.mrlButton--Cb1U4[aria-disabled=true][aria-checked=true],.mrlButton--Cb1U4[aria-disabled=true][aria-expanded=true],.mrlButton--Cb1U4[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)}.mrl-modal--hT5jC{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-04);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--hT5jC,.mrl-modal--hT5jC .footer--RueDi.slotted--k3mz9 .mrl-modal-footer--YG1gr,.mrl-modal--hT5jC .header--xVwG5.slotted--k3mz9 .mrl-modal-header--DGkD8{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--pK7Mh,.mrl-modal--large--pK7Mh .footer--RueDi.slotted--k3mz9 .mrl-modal-footer--YG1gr,.mrl-modal--large--pK7Mh .header--xVwG5.slotted--k3mz9 .mrl-modal-header--DGkD8{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--Qev6O,.mrl-display-modal--QkLVf{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-footer--YG1gr{--mrl-modal-footer-inline-margin: var(--mrl-spacing-03)}.mrl-modal-footer--YG1gr{display:flex;flex-direction:row;gap:var(--mrl-modal-footer-inline-margin);padding:var(--mrl-modal-padding-vertical-footer) var(--mrl-modal-padding-horizontal);transition:box-shadow var(--mrl-duration-04) var(--mrl-timing-m2)}.mrl-modal-footer-wrapper--NkwuH{display:flex;flex-direction:column;gap:var(--mrl-modal-footer-inline-margin);width:100%}.slotted--k3mz9 .mrlButton{display:block;width:100%}@media screen and (min-width: 37.5rem){.mrl-modal-footer--YG1gr{flex-direction:row;justify-content:space-between}.mrl-modal-footer-wrapper--NkwuH{flex-direction:row;justify-content:right}.mrl-modal-footer-wrapper--NkwuH .slotted--k3mz9{display:inline-flex;width:auto}}.mrl-modal-scroll-shadow-bottom--dcFcV{box-shadow:0 0 0 1px rgba(var(--mrl-black), 0.08),0 -3px 4px rgba(var(--mrl-black), 0.08);border-bottom-left-radius:var(--mrl-modal-border-radius);border-bottom-right-radius:var(--mrl-modal-border-radius)}
|
|
59
|
+
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--J3Vn0 mrl-button:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button:not(.hydrated--i4brT){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--J3Vn0 mrl-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-button[kind=ghost-inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-icon-button[kind=ghost-inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button[kind=inverse]:not(.hydrated--i4brT),.mrl-u-preHydrateSkeleton--J3Vn0 mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--i4brT){--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--hnOum,.mrlButton--Cb1U4{--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--_4HjI,.mrlButton--small--hFIv2{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--XsrGi,.mrlButton--xsmall--YtVcM{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--hnOum.mrlIconButton--small--_4HjI,.mrlButton--Cb1U4.mrlIconButton--small--_4HjI{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--hnOum.mrlIconButton--small--_4HjI+.mrl-tooltip-content--nqcxU,.mrlButton--Cb1U4.mrlIconButton--small--_4HjI+.mrl-tooltip-content--nqcxU{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--Jhtlx,.mrlButton--large--CJmti{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--hnOum.mrlIconButton--large--Jhtlx,.mrlButton--Cb1U4.mrlIconButton--large--Jhtlx{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--hnOum.mrlButton--primary--DUkmC,.mrlIconButton--hnOum.mrlButton--ghost--PkvsV,.mrlIconButton--hnOum.mrlButton--ghost-inverse--lLW3d,.mrlIconButton--hnOum.mrlIconButton--primary--GM2Eg,.mrlIconButton--hnOum.mrlIconButton--ghost--SYcW7,.mrlIconButton--hnOum.mrlIconButton--ghost-inverse--U6LDo,.mrlButton--Cb1U4.mrlButton--primary--DUkmC,.mrlButton--Cb1U4.mrlButton--ghost--PkvsV,.mrlButton--Cb1U4.mrlButton--ghost-inverse--lLW3d,.mrlButton--Cb1U4.mrlIconButton--primary--GM2Eg,.mrlButton--Cb1U4.mrlIconButton--ghost--SYcW7,.mrlButton--Cb1U4.mrlIconButton--ghost-inverse--U6LDo{--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--Sr4kh,.mrlButton--secondary-native--zKeap{--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--GM2Eg,.mrlButton--primary--DUkmC{--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--gl3j5,.mrlButton--primary-native--NZnfI{--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--SYcW7,.mrlButton--ghost--PkvsV{--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--SYcW7[aria-pressed=true],.mrlIconButton--ghost--SYcW7[aria-checked=true],.mrlIconButton--ghost--SYcW7[aria-expanded=true],.mrlIconButton--ghost--SYcW7[aria-selected=true],.mrlButton--ghost--PkvsV[aria-pressed=true],.mrlButton--ghost--PkvsV[aria-checked=true],.mrlButton--ghost--PkvsV[aria-expanded=true],.mrlButton--ghost--PkvsV[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--U6LDo,.mrlButton--ghost-inverse--lLW3d{--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--U6LDo.mrlButton--skeleton--u1ikR,.mrlButton--ghost-inverse--lLW3d.mrlButton--skeleton--u1ikR{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--default--GcA5t[aria-selected=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-pressed=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-checked=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-expanded=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--default--GcA5t[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo.toggleStyle--secondary--rBekR[aria-selected=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-pressed=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-checked=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-expanded=true],.mrlButton--ghost-inverse--lLW3d.toggleStyle--secondary--rBekR[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--U6LDo[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--lLW3d[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--lLW3d[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--Z0Kx6,.mrlButton--inverse--XBiCx{--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--Z0Kx6.mrlButton--skeleton--u1ikR,.mrlButton--inverse--XBiCx.mrlButton--skeleton--u1ikR{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--hnOum[aria-disabled=true][aria-pressed=true],.mrlIconButton--hnOum[aria-disabled=true][aria-checked=true],.mrlIconButton--hnOum[aria-disabled=true][aria-expanded=true],.mrlIconButton--hnOum[aria-disabled=true][aria-selected=true],.mrlButton--Cb1U4[aria-disabled=true][aria-pressed=true],.mrlButton--Cb1U4[aria-disabled=true][aria-checked=true],.mrlButton--Cb1U4[aria-disabled=true][aria-expanded=true],.mrlButton--Cb1U4[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)}.mrl-modal--hT5jC{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--hT5jC,.mrl-modal--hT5jC .footer--RueDi.slotted--k3mz9 .mrl-modal-footer--YG1gr,.mrl-modal--hT5jC .header--xVwG5.slotted--k3mz9 .mrl-modal-header--DGkD8{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--pK7Mh,.mrl-modal--large--pK7Mh .footer--RueDi.slotted--k3mz9 .mrl-modal-footer--YG1gr,.mrl-modal--large--pK7Mh .header--xVwG5.slotted--k3mz9 .mrl-modal-header--DGkD8{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--Qev6O,.mrl-display-modal--QkLVf{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-footer--YG1gr{--mrl-modal-footer-inline-margin: var(--mrl-spacing-03)}.mrl-modal-footer--YG1gr{display:flex;flex-direction:row;gap:var(--mrl-modal-footer-inline-margin);padding:var(--mrl-modal-padding-vertical-footer) var(--mrl-modal-padding-horizontal);transition:box-shadow var(--mrl-duration-04) var(--mrl-timing-m2)}.mrl-modal-footer-wrapper--NkwuH{display:flex;flex-direction:column;gap:var(--mrl-modal-footer-inline-margin);width:100%}.slotted--k3mz9 .mrlButton{display:block;width:100%}@media screen and (min-width: 37.5rem){.mrl-modal-footer--YG1gr{flex-direction:row;justify-content:space-between}.mrl-modal-footer-wrapper--NkwuH{flex-direction:row;justify-content:right}.mrl-modal-footer-wrapper--NkwuH .slotted--k3mz9{display:inline-flex;width:auto}}.mrl-modal-scroll-shadow-bottom--dcFcV{box-shadow:0 0 0 1px rgba(var(--mrl-black), 0.08),0 -3px 4px rgba(var(--mrl-black), 0.08);border-bottom-left-radius:var(--mrl-modal-border-radius);border-bottom-right-radius:var(--mrl-modal-border-radius)}
|
|
60
60
|
.mrl-modal-footer .mrlButton,.mrl-modal-footer .modal-tertiary,.mrl-modal-footer button{align-self:flex-start}.mrl-modal-footer .modal-secondary,.mrl-modal-footer .modal-primary,.mrl-modal-footer .mrlButton--primary,.mrl-modal-footer .mrlButton--secondary{margin-left:auto}.mrl-modal-footer .mrlButton--primary{margin:0}
|
|
61
|
-
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--SPEnO mrl-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button:not(.hydrated--MfRbw){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--SPEnO mrl-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--MfRbw){--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--mYUAO,.mrlButton--j99md{--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--QJlzO,.mrlButton--small--gUYTD{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--Qhk6d,.mrlButton--xsmall--_74DA{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO,.mrlButton--j99md.mrlIconButton--small--QJlzO{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT,.mrlButton--j99md.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--s7S1M,.mrlButton--large--SQFgd{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--mYUAO.mrlIconButton--large--s7S1M,.mrlButton--j99md.mrlIconButton--large--s7S1M{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--mYUAO.mrlButton--primary--YpKff,.mrlIconButton--mYUAO.mrlButton--ghost--ZpPfB,.mrlIconButton--mYUAO.mrlButton--ghost-inverse--aPltg,.mrlIconButton--mYUAO.mrlIconButton--primary--MOpuU,.mrlIconButton--mYUAO.mrlIconButton--ghost--LgIBg,.mrlIconButton--mYUAO.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--j99md.mrlButton--primary--YpKff,.mrlButton--j99md.mrlButton--ghost--ZpPfB,.mrlButton--j99md.mrlButton--ghost-inverse--aPltg,.mrlButton--j99md.mrlIconButton--primary--MOpuU,.mrlButton--j99md.mrlIconButton--ghost--LgIBg,.mrlButton--j99md.mrlIconButton--ghost-inverse--ZUPUz{--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--Fvewv,.mrlButton--secondary-native--m0t19{--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--MOpuU,.mrlButton--primary--YpKff{--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--XYDJg,.mrlButton--primary-native--gUqWp{--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--LgIBg,.mrlButton--ghost--ZpPfB{--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--LgIBg[aria-pressed=true],.mrlIconButton--ghost--LgIBg[aria-checked=true],.mrlIconButton--ghost--LgIBg[aria-expanded=true],.mrlIconButton--ghost--LgIBg[aria-selected=true],.mrlButton--ghost--ZpPfB[aria-pressed=true],.mrlButton--ghost--ZpPfB[aria-checked=true],.mrlButton--ghost--ZpPfB[aria-expanded=true],.mrlButton--ghost--ZpPfB[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--ghost-inverse--aPltg{--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--ZUPUz.mrlButton--skeleton--CqVCa,.mrlButton--ghost-inverse--aPltg.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--aPltg[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--nJPJv,.mrlButton--inverse--gjtOv{--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--nJPJv.mrlButton--skeleton--CqVCa,.mrlButton--inverse--gjtOv.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--mYUAO[aria-disabled=true][aria-pressed=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-checked=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-expanded=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-selected=true],.mrlButton--j99md[aria-disabled=true][aria-pressed=true],.mrlButton--j99md[aria-disabled=true][aria-checked=true],.mrlButton--j99md[aria-disabled=true][aria-expanded=true],.mrlButton--j99md[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)}.mrl-modal--G3GrT{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-04);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--G3GrT,.mrl-modal--G3GrT .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--G3GrT .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--YCz11,.mrl-modal--large--YCz11 .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--large--YCz11 .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--q1V1P,.mrl-display-modal--Acudx{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header--LAa4V{color:var(--mrl-modal-header-text-color);display:flex;min-height:calc(var(--mrl-type-size-headline-large)*var(--mrl-type-line-height-headline-large));padding:var(--mrl-modal-padding-vertical-top) calc(
|
|
61
|
+
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--SPEnO mrl-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button:not(.hydrated--MfRbw){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--SPEnO mrl-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-icon-button[kind=ghost-inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=inverse]:not(.hydrated--MfRbw),.mrl-u-preHydrateSkeleton--SPEnO mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--MfRbw){--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--mYUAO,.mrlButton--j99md{--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--QJlzO,.mrlButton--small--gUYTD{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--Qhk6d,.mrlButton--xsmall--_74DA{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO,.mrlButton--j99md.mrlIconButton--small--QJlzO{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--mYUAO.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT,.mrlButton--j99md.mrlIconButton--small--QJlzO+.mrl-tooltip-content--O61TT{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--s7S1M,.mrlButton--large--SQFgd{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--mYUAO.mrlIconButton--large--s7S1M,.mrlButton--j99md.mrlIconButton--large--s7S1M{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--mYUAO.mrlButton--primary--YpKff,.mrlIconButton--mYUAO.mrlButton--ghost--ZpPfB,.mrlIconButton--mYUAO.mrlButton--ghost-inverse--aPltg,.mrlIconButton--mYUAO.mrlIconButton--primary--MOpuU,.mrlIconButton--mYUAO.mrlIconButton--ghost--LgIBg,.mrlIconButton--mYUAO.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--j99md.mrlButton--primary--YpKff,.mrlButton--j99md.mrlButton--ghost--ZpPfB,.mrlButton--j99md.mrlButton--ghost-inverse--aPltg,.mrlButton--j99md.mrlIconButton--primary--MOpuU,.mrlButton--j99md.mrlIconButton--ghost--LgIBg,.mrlButton--j99md.mrlIconButton--ghost-inverse--ZUPUz{--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--Fvewv,.mrlButton--secondary-native--m0t19{--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--MOpuU,.mrlButton--primary--YpKff{--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--XYDJg,.mrlButton--primary-native--gUqWp{--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--LgIBg,.mrlButton--ghost--ZpPfB{--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--LgIBg[aria-pressed=true],.mrlIconButton--ghost--LgIBg[aria-checked=true],.mrlIconButton--ghost--LgIBg[aria-expanded=true],.mrlIconButton--ghost--LgIBg[aria-selected=true],.mrlButton--ghost--ZpPfB[aria-pressed=true],.mrlButton--ghost--ZpPfB[aria-checked=true],.mrlButton--ghost--ZpPfB[aria-expanded=true],.mrlButton--ghost--ZpPfB[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz,.mrlButton--ghost-inverse--aPltg{--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--ZUPUz.mrlButton--skeleton--CqVCa,.mrlButton--ghost-inverse--aPltg.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--default--B3f0d[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--default--B3f0d[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz.toggleStyle--secondary--fjaRE[aria-selected=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-pressed=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-checked=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-expanded=true],.mrlButton--ghost-inverse--aPltg.toggleStyle--secondary--fjaRE[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--ZUPUz[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--aPltg[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--aPltg[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--nJPJv,.mrlButton--inverse--gjtOv{--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--nJPJv.mrlButton--skeleton--CqVCa,.mrlButton--inverse--gjtOv.mrlButton--skeleton--CqVCa{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--mYUAO[aria-disabled=true][aria-pressed=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-checked=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-expanded=true],.mrlIconButton--mYUAO[aria-disabled=true][aria-selected=true],.mrlButton--j99md[aria-disabled=true][aria-pressed=true],.mrlButton--j99md[aria-disabled=true][aria-checked=true],.mrlButton--j99md[aria-disabled=true][aria-expanded=true],.mrlButton--j99md[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)}.mrl-modal--G3GrT{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--G3GrT,.mrl-modal--G3GrT .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--G3GrT .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--YCz11,.mrl-modal--large--YCz11 .footer--JGgMU.slotted--lqdLw .mrl-modal-footer--Yra0w,.mrl-modal--large--YCz11 .header--r7DpG.slotted--lqdLw .mrl-modal-header--LAa4V{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--q1V1P,.mrl-display-modal--Acudx{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header--LAa4V{color:var(--mrl-modal-header-text-color);display:flex;min-height:calc(var(--mrl-type-size-headline-large)*var(--mrl-type-line-height-headline-large));padding:var(--mrl-modal-padding-vertical-top) calc(
|
|
62
62
|
var(--mrl-spacing-09) + var(--mrl-modal-close-offset) + var(--mrl-modal-close-inline-margin)
|
|
63
63
|
) var(--mrl-modal-padding-vertical-bottom) var(--mrl-modal-padding-horizontal);transition:box-shadow var(--mrl-duration-04) var(--mrl-timing-m2)}.mrl-modal-scroll-shadow-top--uMyh_{box-shadow:var(--mrl-shadow-01);border-top-left-radius:var(--mrl-modal-border-radius);border-top-right-radius:var(--mrl-modal-border-radius)}
|
|
64
|
-
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--g5lvQ mrl-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button:not(.hydrated--o7ivF){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--g5lvQ mrl-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--o7ivF){--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--N1xT_,.mrlButton--UOrR4{--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--R5A75,.mrlButton--small--KCyji{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--zGt_t,.mrlButton--xsmall--YmUKv{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75,.mrlButton--UOrR4.mrlIconButton--small--R5A75{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ,.mrlButton--UOrR4.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--DuVWJ,.mrlButton--large--uK2sc{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--N1xT_.mrlIconButton--large--DuVWJ,.mrlButton--UOrR4.mrlIconButton--large--DuVWJ{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--N1xT_.mrlButton--primary--fWOHk,.mrlIconButton--N1xT_.mrlButton--ghost--H6Mjn,.mrlIconButton--N1xT_.mrlButton--ghost-inverse--gkLBL,.mrlIconButton--N1xT_.mrlIconButton--primary--_iqHK,.mrlIconButton--N1xT_.mrlIconButton--ghost--fXFNz,.mrlIconButton--N1xT_.mrlIconButton--ghost-inverse--edqLX,.mrlButton--UOrR4.mrlButton--primary--fWOHk,.mrlButton--UOrR4.mrlButton--ghost--H6Mjn,.mrlButton--UOrR4.mrlButton--ghost-inverse--gkLBL,.mrlButton--UOrR4.mrlIconButton--primary--_iqHK,.mrlButton--UOrR4.mrlIconButton--ghost--fXFNz,.mrlButton--UOrR4.mrlIconButton--ghost-inverse--edqLX{--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--Dm3zi,.mrlButton--secondary-native--uqfIS{--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--_iqHK,.mrlButton--primary--fWOHk{--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--jSBlt,.mrlButton--primary-native--CkoKQ{--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--fXFNz,.mrlButton--ghost--H6Mjn{--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--fXFNz[aria-pressed=true],.mrlIconButton--ghost--fXFNz[aria-checked=true],.mrlIconButton--ghost--fXFNz[aria-expanded=true],.mrlIconButton--ghost--fXFNz[aria-selected=true],.mrlButton--ghost--H6Mjn[aria-pressed=true],.mrlButton--ghost--H6Mjn[aria-checked=true],.mrlButton--ghost--H6Mjn[aria-expanded=true],.mrlButton--ghost--H6Mjn[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX,.mrlButton--ghost-inverse--gkLBL{--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--edqLX.mrlButton--skeleton--Z56lr,.mrlButton--ghost-inverse--gkLBL.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--gkLBL[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--iC3E0,.mrlButton--inverse--HWmPc{--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--iC3E0.mrlButton--skeleton--Z56lr,.mrlButton--inverse--HWmPc.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--N1xT_[aria-disabled=true][aria-pressed=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-checked=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-expanded=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-selected=true],.mrlButton--UOrR4[aria-disabled=true][aria-pressed=true],.mrlButton--UOrR4[aria-disabled=true][aria-checked=true],.mrlButton--UOrR4[aria-disabled=true][aria-expanded=true],.mrlButton--UOrR4[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)}.mrl-modal--jKDeJ{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-04);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--jKDeJ,.mrl-modal--jKDeJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--jKDeJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--c8tyJ,.mrl-modal--large--c8tyJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--large--c8tyJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--Tjkn3,.mrl-display-modal--DNakS{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header-native--LP98Z{--mrl-native-modal-header-max-button-size: var(--mrl-spacing-13);--mrl-native-modal-header-padding: var(--mrl-spacing-04)}.mrl-modal-header-native--LP98Z{align-items:center;display:grid;gap:var(--mrl-spacing-04);grid-template-columns:var(--mrl-native-modal-header-max-button-size) 1fr var(--mrl-native-modal-header-max-button-size);padding:var(--mrl-native-modal-header-padding) var(--mrl-native-modal-header-padding)}.mrl-modal-header-native--LP98Z .mrl-text-heading{color:var(--mrl-modal-header-text-color);display:block;font-weight:var(--mrl-font-weight-04);line-height:var(--mrl-line-height-09);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__primary-content--i_4Fb{display:flex;justify-content:flex-end}.mrl-modal-header-native__primary-content--i_4Fb .mrlButton--primary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__secondary-content--yjjIK{display:flex}.mrl-modal-header-native__secondary-content--yjjIK .mrlButton--secondary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
64
|
+
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--g5lvQ mrl-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button:not(.hydrated--o7ivF){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--g5lvQ mrl-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-icon-button[kind=ghost-inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=inverse]:not(.hydrated--o7ivF),.mrl-u-preHydrateSkeleton--g5lvQ mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--o7ivF){--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--N1xT_,.mrlButton--UOrR4{--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--R5A75,.mrlButton--small--KCyji{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall--zGt_t,.mrlButton--xsmall--YmUKv{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75,.mrlButton--UOrR4.mrlIconButton--small--R5A75{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton--N1xT_.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ,.mrlButton--UOrR4.mrlIconButton--small--R5A75+.mrl-tooltip-content--YoxiZ{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large--DuVWJ,.mrlButton--large--uK2sc{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton--N1xT_.mrlIconButton--large--DuVWJ,.mrlButton--UOrR4.mrlIconButton--large--DuVWJ{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton--N1xT_.mrlButton--primary--fWOHk,.mrlIconButton--N1xT_.mrlButton--ghost--H6Mjn,.mrlIconButton--N1xT_.mrlButton--ghost-inverse--gkLBL,.mrlIconButton--N1xT_.mrlIconButton--primary--_iqHK,.mrlIconButton--N1xT_.mrlIconButton--ghost--fXFNz,.mrlIconButton--N1xT_.mrlIconButton--ghost-inverse--edqLX,.mrlButton--UOrR4.mrlButton--primary--fWOHk,.mrlButton--UOrR4.mrlButton--ghost--H6Mjn,.mrlButton--UOrR4.mrlButton--ghost-inverse--gkLBL,.mrlButton--UOrR4.mrlIconButton--primary--_iqHK,.mrlButton--UOrR4.mrlIconButton--ghost--fXFNz,.mrlButton--UOrR4.mrlIconButton--ghost-inverse--edqLX{--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--Dm3zi,.mrlButton--secondary-native--uqfIS{--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--_iqHK,.mrlButton--primary--fWOHk{--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--jSBlt,.mrlButton--primary-native--CkoKQ{--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--fXFNz,.mrlButton--ghost--H6Mjn{--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--fXFNz[aria-pressed=true],.mrlIconButton--ghost--fXFNz[aria-checked=true],.mrlIconButton--ghost--fXFNz[aria-expanded=true],.mrlIconButton--ghost--fXFNz[aria-selected=true],.mrlButton--ghost--H6Mjn[aria-pressed=true],.mrlButton--ghost--H6Mjn[aria-checked=true],.mrlButton--ghost--H6Mjn[aria-expanded=true],.mrlButton--ghost--H6Mjn[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX,.mrlButton--ghost-inverse--gkLBL{--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--edqLX.mrlButton--skeleton--Z56lr,.mrlButton--ghost-inverse--gkLBL.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--default--KdFvO[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--default--KdFvO[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-checked=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX.toggleStyle--secondary--t3_18[aria-selected=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-pressed=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-checked=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-expanded=true],.mrlButton--ghost-inverse--gkLBL.toggleStyle--secondary--t3_18[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse--edqLX[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse--gkLBL[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse--gkLBL[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--iC3E0,.mrlButton--inverse--HWmPc{--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--iC3E0.mrlButton--skeleton--Z56lr,.mrlButton--inverse--HWmPc.mrlButton--skeleton--Z56lr{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--N1xT_[aria-disabled=true][aria-pressed=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-checked=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-expanded=true],.mrlIconButton--N1xT_[aria-disabled=true][aria-selected=true],.mrlButton--UOrR4[aria-disabled=true][aria-pressed=true],.mrlButton--UOrR4[aria-disabled=true][aria-checked=true],.mrlButton--UOrR4[aria-disabled=true][aria-expanded=true],.mrlButton--UOrR4[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)}.mrl-modal--jKDeJ{--mrl-modal-header-text-color: rgba(var(--mrl-gray-100), 1);--mrl-modal-padding-vertical: var(--mrl-spacing-07);--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);--mrl-modal-padding-horizontal: var(--mrl-spacing-07);--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);--mrl-modal-close-offset: var(--mrl-spacing-06)}@media screen and (min-width: 37.5rem){.mrl-modal--jKDeJ,.mrl-modal--jKDeJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--jKDeJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-08)}.mrl-modal--large--c8tyJ,.mrl-modal--large--c8tyJ .footer--j3pZ9.slotted--kZA3p .mrl-modal-footer--zNhnh,.mrl-modal--large--c8tyJ .header--vdnu6.slotted--kZA3p .mrl-modal-header--pjBSk{--mrl-modal-padding-horizontal: var(--mrl-spacing-09)}}.mrl-native-modal--Tjkn3,.mrl-display-modal--DNakS{--mrl-modal-padding-horizontal: var(--mrl-spacing-05)}.mrl-modal-header-native--LP98Z{--mrl-native-modal-header-max-button-size: var(--mrl-spacing-13);--mrl-native-modal-header-padding: var(--mrl-spacing-04)}.mrl-modal-header-native--LP98Z{align-items:center;display:grid;gap:var(--mrl-spacing-04);grid-template-columns:var(--mrl-native-modal-header-max-button-size) 1fr var(--mrl-native-modal-header-max-button-size);padding:var(--mrl-native-modal-header-padding) var(--mrl-native-modal-header-padding)}.mrl-modal-header-native--LP98Z .mrl-text-heading{color:var(--mrl-modal-header-text-color);display:block;font-weight:var(--mrl-font-weight-04);line-height:var(--mrl-line-height-09);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__primary-content--i_4Fb{display:flex;justify-content:flex-end}.mrl-modal-header-native__primary-content--i_4Fb .mrlButton--primary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrl-modal-header-native__secondary-content--yjjIK{display:flex}.mrl-modal-header-native__secondary-content--yjjIK .mrlButton--secondary-native{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
65
65
|
.mrl-u-focus-wrapper--NJiZg{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--fzk0A mrl-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button:not(.hydrated--nDK2K){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--fzk0A mrl-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--nDK2K){--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-blockNotification--xbhrd{--mrl-blockNotification-background: var(--mrl-color-background-info);--mrl-blockNotification-background-general: rgba(var(--mrl-gray-100), 1);--mrl-blockNotification-color: rgba(var(--mrl-gray-10), 1);--mrl-blockNotification-heading-color: var(--mrl-color-text-inverse);--mrl-blockNotification-height: var(--mrl-spacing-09);--mrl-blockNotification-inline-spacing: var(--mrl-spacing-03);--mrl-blockNotification-inline-spacing-message: var(--mrl-spacing-02);--mrl-blockNotification-inset-spacing: var(--mrl-spacing-02) var(--mrl-spacing-07);--mrl-blockNotification-radius: 0;--mrl-blockNotification-svg-color: var(--mrl-color-text-inverse)}.mrl-blockNotification--xbhrd[data-kind=info]{--mrl-blockNotification-background: var(--mrl-color-background-info)}.mrl-blockNotification--xbhrd[data-kind=info][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-info-light);--mrl-blockNotification-color: var(--mrl-color-text-info);--mrl-blockNotification-svg-color: var(--mrl-color-text-info);--mrl-blockNotification-heading-color: var(--mrl-color-text-info)}.mrl-blockNotification--xbhrd[data-kind=error]{--mrl-blockNotification-background: var(--mrl-color-background-error)}.mrl-blockNotification--xbhrd[data-kind=error][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-error-light);--mrl-blockNotification-color: var(--mrl-color-text-error);--mrl-blockNotification-svg-color: var(--mrl-color-text-error);--mrl-blockNotification-heading-color: var(--mrl-color-text-error)}.mrl-blockNotification--xbhrd[data-kind=success]{--mrl-blockNotification-background: var(--mrl-color-background-success)}.mrl-blockNotification--xbhrd[data-kind=success][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-success-light);--mrl-blockNotification-color: var(--mrl-color-text-success);--mrl-blockNotification-svg-color: var(--mrl-color-text-success);--mrl-blockNotification-heading-color: var(--mrl-color-text-success)}.mrl-blockNotification--xbhrd[data-kind=warning]{--mrl-blockNotification-background: var(--mrl-color-background-warning);--mrl-blockNotification-color: rgba(var(--mrl-gray-90), 1);--mrl-blockNotification-heading-color: rgba(var(--mrl-black), 1);--mrl-blockNotification-svg-color: rgba(var(--mrl-color-text-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=warning][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-warning-light);--mrl-blockNotification-color: var(--mrl-color-text-warning);--mrl-blockNotification-heading-color: var(--mrl-color-text-warning);--mrl-blockNotification-svg-color: rgba(var(--mrl-status-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=general],.mrl-blockNotification--xbhrd[data-kind=private]{--mrl-blockNotification-background: var(--mrl-blockNotification-background-general)}.mrl-blockNotification--xbhrd[data-scope=component]{--mrl-blockNotification-radius: var(--mrl-radii-01)}.mrl-blockNotification--xbhrd[data-scope=inline]{--mrl-blockNotification-radius: var(--mrl-border-radius-content-large);--mrl-blockNotification-inset-spacing: calc(var(--mrl-spacing-03) + var(--mrl-spacing-01)) var(--mrl-spacing-04);--mrl-blockNotification-cta-spacing: calc( calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1 ) calc(var(--mrl-spacing-03) * -1) calc(calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1) 0}.mrl-blockNotification-icon--CAq04{display:flex;min-width:fit-content}.mrl-blockNotification-icon--CAq04 svg{color:var(--mrl-blockNotification-svg-color)}.mrl-blockNotification--xbhrd{margin-top:0;opacity:1;transition-duration:var(--mrl-duration-03);transition-property:margin opacity;transition-timing-function:var(--mrl-timing-m1);align-items:center;background:var(--mrl-blockNotification-background);color:var(--mrl-blockNotification-color);display:flex;flex-direction:row;gap:var(--mrl-blockNotification-inline-spacing);justify-content:center;min-height:var(--mrl-blockNotification-height);padding:var(--mrl-blockNotification-inset-spacing);position:relative;width:100%}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH{position:absolute;right:var(--mrl-spacing-02);top:50%;transform:translateY(-50%)}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH svg{color:var(--mrl-blockNotification-color)}.mrl-blockNotification--xbhrd[data-scope=inline]{display:inline-flex;justify-content:start;position:relative;width:100%}.mrl-blockNotification--xbhrd[data-scope=inline] .cta--gnyoO{margin:var(--mrl-blockNotification-cta-spacing)}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-icon--CAq04{align-self:baseline}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-close-wrapper--yODTH{position:absolute;top:20px}.mrl-blockNotification--dismissible--ZlIID{padding-right:calc(
|
|
66
66
|
var(--mrl-spacing-02) + var(--mrl-blockNotification-inline-spacing) + var(--mrl-spacing-08)
|
|
67
67
|
);position:relative}.mrl-blockNotification-message--MdtXZ{align-items:center;max-width:45rem}.mrl-blockNotification-message--MdtXZ h2,.mrl-blockNotification-message--MdtXZ p{display:contents}.mrl-blockNotification-message--MdtXZ h2::after{content:" ";display:contents}.mrl-blockNotification-message--MdtXZ p{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)}.mrl-blockNotification-heading--WGPWE{color:var(--mrl-blockNotification-heading-color);display:inline;margin-right:var(--mrl-blockNotification-inline-spacing-message)}
|