@muraldevkit/ui-toolkit 4.58.0 → 4.59.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.
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
--mrl-divider-spacing: var(--mrl-space-stack-section-divider);
|
|
6
6
|
--mrl-divider-color: var(--mrl-black-opacity-01);
|
|
7
7
|
}
|
|
8
|
+
.MrlDivider--none {
|
|
9
|
+
--mrl-divider-spacing: 0;
|
|
10
|
+
}
|
|
8
11
|
.MrlDivider--small {
|
|
9
12
|
--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small);
|
|
10
13
|
}
|
|
@@ -19,6 +22,9 @@
|
|
|
19
22
|
}
|
|
20
23
|
.MrlDivider--vertical {
|
|
21
24
|
--mrl-divider-spacing: var(--mrl-spacing-02);
|
|
25
|
+
&.MrlDivider--none {
|
|
26
|
+
--mrl-divider-spacing: 0;
|
|
27
|
+
}
|
|
22
28
|
}
|
|
23
29
|
.MrlDivider--thin {
|
|
24
30
|
--mrl-divider-size: var(--mrl-line-width-border-fine);
|
package/dist/styles.css
CHANGED
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
.MrlSvgContainer--xWawW,.MrlSvg--StPVX{--mrl-svg-size: var(--mrl-spacing-07)}.MrlSvgContainer--small--wLRCd,.MrlSvg--small--zP1On{--mrl-svg-size: var(--mrl-spacing-06)}.MrlSvgContainer--large--UEMQG,.MrlSvg--large--HeoAa{--mrl-svg-size: var(--mrl-spacing-10)}.MrlSvgContainer--auto--vhRxy,.MrlSvg--auto--w9gVr{--mrl-svg-size: 100%}.MrlSvgContainer--xWawW{color:inherit;display:inline-flex;height:var(--mrl-svg-size);width:var(--mrl-svg-size)}.MrlSvgContainer--auto--vhRxy{height:100%;width:100%}.MrlSvg--StPVX{display:inline-block;fill:currentcolor;height:auto;width:var(--mrl-svg-size)}.MrlSvg--StPVX *{pointer-events:none}.MrlSvg--auto--w9gVr{height:100%;width:100%}
|
|
155
155
|
.MrlProcessingButton--PsEL8[aria-disabled=false].MrlProcessingButton-is-processing--wm0pA[aria-disabled=false]{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}
|
|
156
156
|
: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)}.MrlContainer--nested--r_XRG{background-color:var(--mrl-color-background-highlight-secondary);border-color:var(--mrl-color-line-highlight-secondary)}.MrlContainer--nested-options--eLXfi{background-color:rgba(0,0,0,0);border:none;padding:var(--mrl-space-inset-control-large) 0 var(--mrl-space-stack-related) var(--mrl-space-inset-container)}.MrlContainer--nested-options-container--DWNqy{display:flex}.MrlContainer--nested-options-divider--TTuWA{background-color:var(--mrl-color-background-highlight-selected);border-radius:var(--mrl-radii-03);flex-shrink:0;margin-right:var(--mrl-spacing-06);width:var(--mrl-spacing-02)}
|
|
157
|
-
:root,.MrlDivider--ShT5H{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.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--xlarge--pHvCK{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--thin--wHNtu{--mrl-divider-size: var(--mrl-line-width-border-fine)}.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}
|
|
157
|
+
:root,.MrlDivider--ShT5H{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.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--xlarge--pHvCK{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--to2id.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.MrlDivider--thin--wHNtu{--mrl-divider-size: var(--mrl-line-width-border-fine)}.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}
|
|
158
158
|
.mrl-u-focus-wrapper--SiwgJ{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--raPzM:checked~.mrl-checkbox-inputDisplay--Ebujv,.MrlCheckboxStandalone-input--xUyjZ:checked~.MrlCheckboxStandalone-inputDisplay--kO23t,.mrl-checkbox-input--raPzM:indeterminate~.mrl-checkbox-inputDisplay--Ebujv,.MrlCheckboxStandalone-input--xUyjZ:indeterminate~.MrlCheckboxStandalone-inputDisplay--kO23t{--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--qg1nB{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--iBluw{--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--iBluw:focus-within>.mrl-select-trigger--inline--ReiCC{--mrl-text-input-border-color-focus: transparent}.mrl-select--iBluw{display:block;position:relative}.mrl-select-trigger--Bdq2v{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--Bdq2v::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--Bdq2v: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--Bdq2v:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--Bdq2v:focus-visible{outline:none}.mrl-select-trigger--Bdq2v: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--Bdq2v:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--Bdq2v[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--Xef5m{pointer-events:none}.mrl-select--read-only--Xef5m .mrl-select-trigger--Bdq2v{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--iBluw:focus-within>.mrl-select-trigger--Bdq2v{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--iBluw:focus-within>.mrl-select-trigger--Bdq2v::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
159
159
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
160
160
|
);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;animation-name:border-animation--tTqRp}@keyframes border-animation--tTqRp{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
@@ -398,7 +398,7 @@
|
|
|
398
398
|
.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%}
|
|
399
399
|
@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--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.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--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.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}}
|
|
400
400
|
.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}
|
|
401
|
-
.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-black-opacity-01)}.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-white-opacity-02)}.MrlDivider--vertical--wA_YJ{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--thin--fiRBQ{--mrl-divider-size: var(--mrl-line-width-border-fine)}.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}
|
|
401
|
+
.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-black-opacity-01)}.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.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-white-opacity-02)}.MrlDivider--vertical--wA_YJ{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--wA_YJ.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.MrlDivider--thin--fiRBQ{--mrl-divider-size: var(--mrl-line-width-border-fine)}.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}
|
|
402
402
|
.MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}
|
|
403
403
|
.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--DAEWa.mrlIconButton--xsmall--dzwKq,.mrlButton--VsApE.mrlIconButton--xsmall--dzwKq{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton--DAEWa.mrlButton--xsmall--MgRck,.mrlButton--VsApE.mrlButton--xsmall--MgRck{--mrl-button-icon-size: var(--mrl-spacing-05)}.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)}}
|
|
404
404
|
: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.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.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%}
|