@muraldevkit/ui-toolkit 4.62.0-dev-3JXS.1 → 4.62.0

package/dist/styles/MrlMenu/module.scss

@@ -24,8 +24,9 @@
 		}
 	}
 	&--scrolling {
-		padding-bottom: var(--mrl-spacing-04);
 		ul[role='menu'] {
+			box-sizing: border-box;
+			min-height: calc(3 * var(--mrl-spacing-08) + 3 * var(--mrl-spacing-03));
 			overflow: hidden auto;
 		}
 	}

package/dist/styles.css

@@ -397,7 +397,7 @@
 					)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.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)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex;flex-direction:inherit}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton--loading .MrlSpinner-container{margin:0 auto;position:absolute}.mrlButton .mrlButton--loading .mrlButton-text{opacity:0}.mrlButton.mrlButton--icon-after .MrlSvgContainer,.mrlButton.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlButton.mrlButton--xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-space-stack-related-small) var(--mrl-space-inset)}.mrlButton.mrlButton--xsmall.mrlButton--ghost,.mrlButton.mrlButton--xsmall.mrlButton--ghost-inverse{padding:var(--mrl-space-stack-related-small)}.mrlButton.mrlButton--xsmall .MrlSvgContainer,.mrlButton.mrlButton--xsmall .MrlSpinner-container{height:var(--mrl-button-icon-size);margin-left:var(--mrl-spacing-01)}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--xsmall{padding-left:var(--mrl-spacing-02)}.mrlButton--icon-before.mrlButton--xsmall .MrlSvgContainer,.mrlButton--icon-before.mrlButton--xsmall .MrlSpinner-container{margin-left:0;margin-right:var(--mrl-spacing-01)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--xsmall{padding-right:var(--mrl-spacing-02)}.mrlButton--icon-after.mrlButton--xsmall .MrlSvgContainer{margin-left:var(--mrl-spacing-01);margin-right:0}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlLinkButton{text-decoration:none}
 .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%}
 @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}}
-.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}
+.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 ul[role=menu]{box-sizing:border-box;min-height:calc(3*var(--mrl-spacing-08) + 3*var(--mrl-spacing-03));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}
 .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}
 .MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}
 .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)}}
@@ -568,4 +568,3 @@
 						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
 					)*-1)}}@keyframes outline-animation--AuhQN{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlBreadcrumbItem--Yocns a:focus-visible::after{border-radius:var(--mrl-radii-03)}.MrlBreadcrumbItem--Yocns a:hover{color:var(--mrl-color-text-hover)}.MrlBreadcrumbItem--Yocns a--active{color:var(--mrl-color-text-selected);font-weight:var(--mrl-font-weight-04)}.MrlBreadcrumbItem--icon--gXFtv,.MrlBreadcrumbItem--separator--TqMuV{align-items:center;color:var(--mrl-color-text);height:.75rem;margin:0 var(--mrl-spacing-01);width:.75rem}
 .MrlBreadcrumbs--list--ap5b9{align-items:center;display:flex;justify-items:flex-start}
-.MrlAnimatedImage--m2gRS{display:block;margin:0;padding:0}.MrlAnimatedImage--m2gRS img{display:block;height:auto;max-width:100%}.MrlAnimatedImage-wrapper--oTSTK{display:inline-block;position:relative}.MrlAnimatedImage-controls--tfeE9{bottom:var(--mrl-spacing-03);position:absolute;right:var(--mrl-spacing-03);z-index:1}.MrlAnimatedImage-control-button--dAPW3{background-color:var(--mrl-color-background);border-radius:var(--mrl-border-radius-content);box-shadow:var(--mrl-shadow-02)}.MrlAnimatedImage-caption--gUnCA{color:var(--mrl-color-text-secondary);font-size:var(--mrl-font-size-02);line-height:var(--mrl-line-height-02);margin-top:var(--mrl-spacing-03)}.MrlAnimatedImage-error--ZStTK{align-items:center;background-color:var(--mrl-color-background-secondary);border:var(--mrl-stroke-01) solid var(--mrl-color-border);border-radius:var(--mrl-border-radius-content);display:flex;justify-content:center;min-height:200px;padding:var(--mrl-spacing-05)}.MrlAnimatedImage-error-text--LA7Jn{color:var(--mrl-color-text-secondary);font-size:var(--mrl-font-size-02);text-align:center}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@muraldevkit/ui-toolkit",
-	"version": "4.62.0-dev-3JXS.1",
+	"version": "4.62.0",
 	"description": "Mural's UI Toolkit",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -65,8 +65,8 @@
 		"@storybook/test-runner": "0.23.0",
 		"@testing-library/dom": "10.4.0",
 		"@testing-library/jest-dom": "5.16.5",
-		"@testing-library/react": "12.1.2",
-		"@testing-library/user-event": "13.5.0",
+		"@testing-library/react": "14.3.1",
+		"@testing-library/user-event": "14.5.2",
 		"@types/classnames": "2.2.5",
 		"@types/jest": "29.5.1",
 		"@types/lodash.debounce": "4.0.7",

package/dist/components/image/MrlAnimatedImage/MrlAnimatedImage.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { MrlAnimatedImageProps } from './constants';
-/**
- * MrlAnimatedImage provides an accessible image component with support
- * for animated images (GIFs), reduced motion preferences, and proper ARIA attributes.
- *
- * Features:
- * - Automatic `prefers-reduced-motion` detection
- * - Play/pause controls for animated images
- * - Live region announcements for state changes
- * - Proper decorative image handling
- * - Error state with accessible fallback
- *
- * @param props - component props
- * @returns a MrlAnimatedImage React component.
- */
-export declare const MrlAnimatedImage: React.ForwardRefExoticComponent<Omit<MrlAnimatedImageProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/image/MrlAnimatedImage/constants.d.ts

@@ -1,78 +0,0 @@
-import * as React from 'react';
-export type ImageMotion = 'static' | 'animated';
-export interface MrlAnimatedImageProps extends Omit<React.ComponentPropsWithRef<'figure'>, 'children' | 'onError'> {
-    /**
-     * Image source URL (string path).
-     * Accepts absolute URLs (e.g., "https://example.com/image.jpg") or
-     * relative URLs (e.g., "/images/photo.jpg" or "../assets/image.png").
-     * Works with images from any domain on the internet.
-     */
-    src: string;
-    /**
-     * Alternative text for the image. Required unless decorative={true}
-     */
-    alt?: string;
-    /**
-     * Whether the image is decorative (no alt text needed)
-     * @default false
-     */
-    decorative?: boolean;
-    /**
-     * Image motion type
-     * @default 'static'
-     */
-    motion?: ImageMotion;
-    /**
-     * Static image source for animated images (used when paused).
-     * Accepts absolute or relative URL strings, same format as `src`.
-     * Required when motion="animated"
-     */
-    staticSrc?: string;
-    /**
-     * Caption text to display below the image
-     */
-    caption?: string;
-    /**
-     * Image width (for layout stability)
-     */
-    width?: number | string;
-    /**
-     * Image height (for layout stability)
-     */
-    height?: number | string;
-    /**
-     * Aspect ratio (for layout stability, e.g., "16/9")
-     */
-    aspectRatio?: string;
-    /**
-     * Whether animation should autoplay
-     * @default false
-     */
-    autoplay?: boolean;
-    /**
-     * Whether animation is essential (bypasses reduced motion)
-     * @default false
-     */
-    motionEssential?: boolean;
-    /**
-     * Custom CSS class name
-     */
-    className?: string;
-    /**
-     * A string value used for data-qa attribute
-     */
-    ['data-qa']?: string;
-    /**
-     * Loading behavior
-     * @default 'lazy'
-     */
-    loading?: 'lazy' | 'eager';
-    /**
-     * Callback when image fails to load
-     */
-    onError?: (error: Error) => void;
-    /**
-     * Callback when image loads successfully
-     */
-    onLoad?: () => void;
-}

package/dist/components/image/MrlAnimatedImage/hooks/useAnimationControl.d.ts

@@ -1,22 +0,0 @@
-import { ImageMotion } from '../constants';
-interface UseAnimationControlOptions {
-    autoplay?: boolean;
-    motion: ImageMotion;
-    motionEssential?: boolean;
-}
-interface UseAnimationControlReturn {
-    isPaused: boolean;
-    isPlaying: boolean;
-    shouldDisplayStatic: boolean;
-    toggleAnimation: () => void;
-}
-/**
- * Hook to manage animation control state including play/pause and reduced motion integration
- * @param options - Configuration options
- * @param options.autoplay - Whether animation should autoplay
- * @param options.motion - Image motion type
- * @param options.motionEssential - Whether animation is essential (bypasses reduced motion)
- * @returns Animation control state and functions
- */
-export declare function useAnimationControl({ autoplay, motion, motionEssential }: UseAnimationControlOptions): UseAnimationControlReturn;
-export {};

package/dist/components/image/MrlAnimatedImage/index.d.ts

@@ -1,2 +0,0 @@
-export { MrlAnimatedImage } from './MrlAnimatedImage';
-export type { MrlAnimatedImageProps, ImageMotion } from './constants';

package/dist/components/image/MrlAnimatedImage/utils.d.ts

@@ -1,36 +0,0 @@
-import { ImageMotion } from './constants';
-/**
- * Determines the image source to display based on animation state
- * @param params - Configuration parameters
- * @param params.motion - Image motion type
- * @param params.shouldDisplayStatic - Whether to display static image
- * @param params.src - Primary image source
- * @param params.staticSrc - Static fallback image source
- * @returns The image source URL to display
- */
-export declare function getDisplayedSrc(params: {
-    motion: ImageMotion;
-    shouldDisplayStatic: boolean;
-    src: string;
-    staticSrc?: string;
-}): string;
-/**
- * Resolves alt text based on decorative flag
- * @param decorative - Whether the image is decorative
- * @param alt - Alternative text for the image
- * @returns Resolved alt text (empty string if decorative)
- */
-export declare function getResolvedAltText(decorative: boolean, alt?: string): string;
-/**
- * Generates accessible error message for screen readers
- * @param decorative - Whether the image is decorative
- * @param alt - Alternative text for the image
- * @returns Error message for screen readers
- */
-export declare function getErrorMessage(decorative: boolean, alt?: string): string;
-/**
- * Generates play/pause announcement text
- * @param isPaused - Whether animation is paused
- * @returns Announcement text for screen readers
- */
-export declare function getPlayPauseAnnouncement(isPaused: boolean): string;

package/dist/components/image/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlAnimatedImage';

package/dist/hooks/useImagePreload/index.d.ts

@@ -1,26 +0,0 @@
-interface UseImagePreloadOptions {
-    /** Image source URL to preload */
-    src: string;
-    /** Whether preloading is enabled */
-    enabled?: boolean;
-}
-interface UseImagePreloadReturn {
-    /** Natural dimensions of the preloaded image */
-    dimensions: {
-        height: number | null;
-        width: number | null;
-    };
-    /** Whether the preload failed */
-    hasError: boolean;
-    /** Whether the image is currently loading */
-    isLoading: boolean;
-}
-/**
- * Hook to preload an image and capture its natural dimensions.
- * Useful for preventing layout shift when images load.
- *
- * @param options - Configuration options
- * @returns Preload state including dimensions, loading state, and error state
- */
-export declare function useImagePreload({ src, enabled }: UseImagePreloadOptions): UseImagePreloadReturn;
-export {};

package/dist/hooks/useReducedMotion/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Hook to detect user's reduced motion preference.
- * Automatically updates when system preference changes.
- *
- * @returns {boolean} - true if user prefers reduced motion
- */
-export declare function useReducedMotion(): boolean;

package/dist/styles/MrlAnimatedImage/module.scss

@@ -1,46 +0,0 @@
-.MrlAnimatedImage {
-	display: block;
-	margin: 0;
-	padding: 0;
-	img {
-		display: block;
-		height: auto;
-		max-width: 100%;
-	}
-}
-.MrlAnimatedImage-wrapper {
-	display: inline-block;
-	position: relative;
-}
-.MrlAnimatedImage-controls {
-	bottom: var(--mrl-spacing-03);
-	position: absolute;
-	right: var(--mrl-spacing-03);
-	z-index: 1;
-}
-.MrlAnimatedImage-control-button {
-	background-color: var(--mrl-color-background);
-	border-radius: var(--mrl-border-radius-content);
-	box-shadow: var(--mrl-shadow-02);
-}
-.MrlAnimatedImage-caption {
-	color: var(--mrl-color-text-secondary);
-	font-size: var(--mrl-font-size-02);
-	line-height: var(--mrl-line-height-02);
-	margin-top: var(--mrl-spacing-03);
-}
-.MrlAnimatedImage-error {
-	align-items: center;
-	background-color: var(--mrl-color-background-secondary);
-	border: var(--mrl-stroke-01) solid var(--mrl-color-border);
-	border-radius: var(--mrl-border-radius-content);
-	display: flex;
-	justify-content: center;
-	min-height: 200px;
-	padding: var(--mrl-spacing-05);
-}
-.MrlAnimatedImage-error-text {
-	color: var(--mrl-color-text-secondary);
-	font-size: var(--mrl-font-size-02);
-	text-align: center;
-}