@muraldevkit/ui-toolkit 4.47.7 → 4.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/styles/MrlMenuItem/module.scss +12 -13
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -51,7 +51,8 @@ $space-inset-small: calc(var(--mrl-spacing-03) - var(--mrl-spacing-01));
|
|
|
51
51
|
display: flex;
|
|
52
52
|
height: var(--mrl-spacing-08);
|
|
53
53
|
justify-content: flex-start;
|
|
54
|
-
padding: var(--mrl-space-
|
|
54
|
+
padding: var(--mrl-space-inset);
|
|
55
|
+
padding-left: var(--mrl-spacing-04);
|
|
55
56
|
position: relative;
|
|
56
57
|
white-space: nowrap;
|
|
57
58
|
width: 100%;
|
|
@@ -60,8 +61,8 @@ $space-inset-small: calc(var(--mrl-spacing-03) - var(--mrl-spacing-01));
|
|
|
60
61
|
color: var(--mrl-color-text-inverse);
|
|
61
62
|
}
|
|
62
63
|
&--withIcon {
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
padding: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset)
|
|
65
|
+
calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset-control-small);
|
|
65
66
|
}
|
|
66
67
|
&--content {
|
|
67
68
|
position: relative;
|
|
@@ -83,9 +84,6 @@ $space-inset-small: calc(var(--mrl-spacing-03) - var(--mrl-spacing-01));
|
|
|
83
84
|
outline: var(--mrl-line-width-focus) solid var(--mrl-color-focus);
|
|
84
85
|
outline-offset: var(--mrl-spacing-01);
|
|
85
86
|
}
|
|
86
|
-
&--submenuItem {
|
|
87
|
-
padding-right: 15px;
|
|
88
|
-
}
|
|
89
87
|
&:hover:not(.MrlMenuItem--item--selected, [aria-disabled='true']),
|
|
90
88
|
&--submenuOpen {
|
|
91
89
|
background: var(--mrl-black-opacity-00);
|
|
@@ -95,16 +93,17 @@ $space-inset-small: calc(var(--mrl-spacing-03) - var(--mrl-spacing-01));
|
|
|
95
93
|
background: var(--mrl-black-opacity-01);
|
|
96
94
|
color: var(--mrl-color-text-active);
|
|
97
95
|
}
|
|
98
|
-
&--
|
|
96
|
+
&--icon-left {
|
|
99
97
|
display: flex;
|
|
100
|
-
margin-right: var(--mrl-spacing-03);
|
|
98
|
+
margin-right: calc(var(--mrl-spacing-01) + var(--mrl-spacing-03));
|
|
101
99
|
}
|
|
102
|
-
&--
|
|
103
|
-
display: flex;
|
|
100
|
+
&--icon-right {
|
|
104
101
|
margin-left: auto;
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
102
|
+
&-container {
|
|
103
|
+
display: flex;
|
|
104
|
+
margin-left: var(--mrl-space-inset-control-small);
|
|
105
|
+
width: var(--mrl-spacing-05);
|
|
106
|
+
}
|
|
108
107
|
}
|
|
109
108
|
&[aria-disabled='true'] {
|
|
110
109
|
background: transparent;
|
package/dist/styles.css
CHANGED
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
.MrlProgressBar-container--fe9Ne{min-width:4.25rem;padding:var(--mrl-spacing-03);width:auto}.MrlProgressBar--CTsQm{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);overflow:hidden;position:relative;width:100%}.MrlProgressBar--complete--Vb2oS{background-color:rgba(var(--mrl-blue-70), 1);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);left:0;position:absolute;top:0}.MrlProgressBar--textContainer--fLrQK{margin-top:var(--mrl-spacing-03);text-align:center}@keyframes timed--mVBU9{0%{width:0}15%{width:25%}70%{width:72.5%}100%{width:100%}}.MrlProgressBar--timed--teE4n{animation-name:timed--mVBU9;animation-timing-function:var(--mrl-timing-m1);width:100%}@keyframes indeterminate--lmBAm{from{left:-100%}to{left:100%}}.MrlProgressBar--indeterminate--hpJSe{animation:2s indeterminate--lmBAm var(--mrl-timing-m1) infinite;left:-100%;width:200%}
|
|
396
396
|
@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
|
|
397
397
|
.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}
|
|
398
|
-
.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--xlarge--Zrcuj{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.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-
|
|
398
|
+
.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--xlarge--Zrcuj{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.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-inset);padding-left:var(--mrl-spacing-04);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--withIcon--cgg2B{padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset-control-small)}.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--crRkZ:hover:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]),.MrlMenuItem--item--submenuOpen--YGVyO{background:var(--mrl-black-opacity-00);color:var(--mrl-color-text-hover)}.MrlMenuItem--item--crRkZ:active:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]){background:var(--mrl-black-opacity-01);color:var(--mrl-color-text-active)}.MrlMenuItem--item--icon-left--H5NdN{display:flex;margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-03))}.MrlMenuItem--item--icon-right--vKWKp{margin-left:auto}.MrlMenuItem--item--icon-right-container--wiZqN{display:flex;margin-left:var(--mrl-space-inset-control-small);width:var(--mrl-spacing-05)}.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}
|
|
399
399
|
.MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}
|
|
400
400
|
.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: 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:100dvh;position:relative;width:100dvw}.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)}}
|
|
401
401
|
: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: 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%}
|