@muraldevkit/ui-toolkit 4.15.0 → 4.16.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.
Files changed (5) hide show
  1. package/dist/components/container/constants.d.ts +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/styles/MrlContainer/module.scss +20 -0
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
package/dist/styles/MrlContainer/module.scss CHANGED
@@ -10,3 +10,23 @@
10
10
  .MrlContainer--helper {
11
11
  background-color: var(--mrl-container-background--helper);
12
12
  }
13
+ .MrlContainer--nested {
14
+ background-color: var(--mrl-color-background-highlight-secondary);
15
+ border-color: var(--mrl-color-line-highlight-secondary);
16
+ }
17
+ .MrlContainer--nested-options {
18
+ background-color: transparent;
19
+ border: none;
20
+ padding: var(--mrl-space-inset-control-large) 0 var(--mrl-space-stack-related)
21
+ var(--mrl-space-inset-container);
22
+ &-container {
23
+ display: flex;
24
+ }
25
+ &-divider {
26
+ background-color: var(--mrl-color-background-highlight-selected);
27
+ border-radius: var(--mrl-radii-03);
28
+ flex-shrink: 0;
29
+ margin-right: var(--mrl-spacing-06);
30
+ width: var(--mrl-spacing-02);
31
+ }
32
+ }
package/dist/styles.css CHANGED
@@ -7,7 +7,7 @@
7
7
  :root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-u-focus-wrapper{position:relative}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton--inverse:focus-visible,.mrlIconButton--ghost-inverse:focus-visible,.mrlButton--inverse:focus-visible,.mrlButton--ghost-inverse:focus-visible{position:relative}.mrlIconButton--inverse:focus-visible:focus-visible,.mrlIconButton--ghost-inverse:focus-visible:focus-visible,.mrlButton--inverse:focus-visible:focus-visible,.mrlButton--ghost-inverse:focus-visible:focus-visible{outline:none}.mrlIconButton--inverse:focus-visible:focus-visible::after,.mrlIconButton--ghost-inverse:focus-visible:focus-visible::after,.mrlButton--inverse:focus-visible:focus-visible::after,.mrlButton--ghost-inverse:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall,.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlIconButton-wrapper{display:inline-flex}.mrlIconButton{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09)}.mrlIconButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlIconButton--xsmall{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-spacing-01)}.mrlIconButton span{align-self:center;max-height:var(--mrl-button-icon-size);max-width:var(--mrl-button-icon-size);pointer-events:none}@media screen and (hover: hover){.mrlIconButton:hover~.mrl-tooltip-content{opacity:1;pointer-events:inherit;transition-delay:var(--mrl-duration-03);transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m2)}}.mrlAnimatedIconButton{align-items:center}.mrlAnimatedIconButton-iconContainer{height:1.5rem;pointer-events:none;width:1.5rem}.mrlAnimatedIconButton-iconContainer svg{pointer-events:none}
8
8
  .mrl-u-focus-wrapper{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton--inverse:focus-visible,.mrlIconButton--ghost-inverse:focus-visible,.mrlButton--inverse:focus-visible,.mrlButton--ghost-inverse:focus-visible{position:relative}.mrlIconButton--inverse:focus-visible:focus-visible,.mrlIconButton--ghost-inverse:focus-visible:focus-visible,.mrlButton--inverse:focus-visible:focus-visible,.mrlButton--ghost-inverse:focus-visible:focus-visible{outline:none}.mrlIconButton--inverse:focus-visible:focus-visible::after,.mrlIconButton--ghost-inverse:focus-visible:focus-visible::after,.mrlButton--inverse:focus-visible:focus-visible::after,.mrlButton--ghost-inverse:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall,.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton-spinner-container{margin:0 auto;position:absolute}.mrlButton--loading .mrlButton-text{opacity:0}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlButton--icon-after .MrlSvgContainer,.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}
9
9
  :root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-u-focus-wrapper{position:relative}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton--inverse:focus-visible,.mrlIconButton--ghost-inverse:focus-visible,.mrlButton--inverse:focus-visible,.mrlButton--ghost-inverse:focus-visible{position:relative}.mrlIconButton--inverse:focus-visible:focus-visible,.mrlIconButton--ghost-inverse:focus-visible:focus-visible,.mrlButton--inverse:focus-visible:focus-visible,.mrlButton--ghost-inverse:focus-visible:focus-visible{outline:none}.mrlIconButton--inverse:focus-visible:focus-visible::after,.mrlIconButton--ghost-inverse:focus-visible:focus-visible::after,.mrlButton--inverse:focus-visible:focus-visible::after,.mrlButton--ghost-inverse:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation-inverse;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton--xsmall,.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: var(transparent);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlIconButton-wrapper{display:inline-flex}.mrlIconButton{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09)}.mrlIconButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlIconButton--xsmall{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-spacing-01)}.mrlIconButton span{align-self:center;max-height:var(--mrl-button-icon-size);max-width:var(--mrl-button-icon-size);pointer-events:none}@media screen and (hover: hover){.mrlIconButton:hover~.mrl-tooltip-content{opacity:1;pointer-events:inherit;transition-delay:var(--mrl-duration-03);transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m2)}}
10
- :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)}
10
+ :root,.MrlContainer--NL5F9{--mrl-container-background: rgba(var(--mrl-white), 1);--mrl-container-background--helper: rgba(var(--mrl-gray-10), 1);--mrl-container-border-color: rgba(var(--mrl-gray-20), 1);--mrl-container-border-radius: var(--mrl-radii-04);--mrl-container-border-width: var(--mrl-stroke-01);--mrl-container-padding: var(--mrl-spacing-07)}.MrlContainer--NL5F9{background-color:var(--mrl-container-background);border:var(--mrl-container-border-width) solid var(--mrl-container-border-color);border-radius:var(--mrl-container-border-radius);overflow:hidden;padding:var(--mrl-container-padding)}.MrlContainer--helper--F3ZW8{background-color:var(--mrl-container-background--helper)}.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)}
11
11
  :root,.MrlDivider--ShT5H{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-color-line-divider)}.MrlDivider--small--nbQys{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--aKJM5{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-color-line-divider-inverse)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--horizontal--EUB9p{background-color:var(--mrl-divider-color);display:block;height:var(--mrl-divider-size);margin:var(--mrl-divider-spacing) 0;width:100%}.MrlDivider--horizontal--EUB9p .MrlDivider--center--CrRjf{margin:var(--mrl-divider-spacing) auto}.MrlDivider--vertical--to2id{align-self:stretch;background-color:var(--mrl-divider-color);display:inline-block;margin:0 var(--mrl-divider-spacing);width:var(--mrl-divider-size)}.MrlDivider--vertical--to2id .MrlDivider--center--CrRjf{align-self:center}
12
12
  .mrl-u-focus-wrapper--O90Q4{position:relative}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--sSAMo:checked~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:checked~.MrlCheckboxStandalone-inputDisplay--pG3y_,.mrl-checkbox-input--sSAMo:indeterminate~.mrl-checkbox-inputDisplay--hQG_0,.MrlCheckboxStandalone-input--h0tAx:indeterminate~.MrlCheckboxStandalone-inputDisplay--pG3y_{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlForm-counter--BiymI{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}.mrl-select--JfvZE{--mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);--mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);--mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color-focus: transparent}.mrl-select--JfvZE{display:block;position:relative}.mrl-select-trigger--R44fd{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding-right:var(--mrl-input-icon-offset);position:relative;width:auto}.mrl-select-trigger--R44fd::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--R44fd:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.mrl-select-trigger--R44fd:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--R44fd:focus-visible{outline:none}.mrl-select-trigger--R44fd:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select-trigger--R44fd:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--R44fd[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--A73x6{pointer-events:none}.mrl-select--read-only--A73x6 .mrl-select-trigger--R44fd{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--JfvZE:focus-within>.mrl-select-trigger--R44fd::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--Edhyo;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + var(--mrl-text-input-border-width))*-1);z-index:1}@keyframes border-animation--Edhyo{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--CFluY{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.mrl-select--JfvZE:focus-visible{outline:none}.mrl-select-trigger--R44fd span{display:flex}.mrl-select-trigger--R44fd span mrl-svg{flex-basis:fit-content;margin-right:var(--mrl-select-item-icon-spacing);max-width:var(--mrl-select-item-icon-size)}.mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color);margin-left:var(--mrl-input-icon-offset)}.mrl-select-trigger-indicator--y8L8m.mrl-is--open--aXm4T{transform:rotate(180deg)}.mrl-select--JfvZE:focus-within .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-focus)}.mrl-select-trigger--R44fd:hover .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-trigger-indicator-color-hover)}.mrl-select-trigger--inline--irsXB{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);font-weight:var(--mrl-font-weight-04)}.mrl-select-trigger--inline--irsXB:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--inline-label--jzwoX{--mrl-text-input-border-color: transparent;--mrl-text-input-border-color-focus: transparent;--mrl-text-input-inset-vertical: var(--mrl-spacing-02);--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);--mrl-text-input-height: var(--mrl-spacing-08);color:var(--mrl-color-text-secondary)}.mrl-select-trigger--inline-label--jzwoX:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--large--wdKcB{--mrl-text-input-height: var(--mrl-spacing-09)}.mrl-select--disabled--eE7CX .mrl-select-trigger--R44fd{color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select--disabled--eE7CX .mrl-select-trigger-border--ZKXAV{border-color:var(--mrl-text-input-border-color-disabled)}.mrl-select--disabled--eE7CX .mrl-select-trigger-indicator--y8L8m{color:var(--mrl-text-input-color-disabled);cursor:default;pointer-events:none}
13
13
  .mrl-u-focus-wrapper--pUcWR{position:relative}.MrlForm-counter--MgPr4{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--CPpOG:checked~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:checked~.MrlCheckboxStandalone-inputDisplay--nim0m,.mrl-checkbox-input--CPpOG:indeterminate~.mrl-checkbox-inputDisplay--aAYy2,.MrlCheckboxStandalone-input--UOLH1:indeterminate~.MrlCheckboxStandalone-inputDisplay--nim0m{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.mrl-selectItem--hIl7o{--mrl-select-item-background: var(--mrl-color-background);--mrl-select-item-color: var(--mrl-color-text-highlight);--mrl-select-item-padding: var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);--mrl-select-item-padding-horizontal: var(--mrl-spacing-04);--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-border-radius: var(--mrl-border-radius-functional);--mrl-select-item-icon-size: var(--mrl-spacing-06);--mrl-select-item-icon-spacing: var(--mrl-spacing-03)}.mrl-selectItem--hIl7o:hover{--mrl-select-item-background: var(--mrl-color-background-highlight-hover);--mrl-select-item-color: var(--mrl-color-text-highlight-hover)}.mrl-is--selected--ZFM84{--mrl-select-item-background: var(--mrl-color-background-highlight-selected);--mrl-select-item-color: var(--mrl-color-text-highlight-selected)}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{--mrl-select-item-background: transparent;--mrl-select-item-color: var(--mrl-color-text-disabled)}.mrl-select-item--J1X_z{display:block}.mrl-selectItem--hIl7o{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title-secondary);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-select-item-background);border-radius:var(--mrl-select-item-border-radius);color:var(--mrl-select-item-color);cursor:pointer;display:flex;padding:var(--mrl-select-item-padding-vertical) var(--mrl-select-item-padding-horizontal);position:relative}.mrl-selectItem-selectedIcon--gqQyw{position:absolute;right:var(--mrl-select-item-icon-spacing);width:var(--mrl-select-item-icon-size)}.mrl-is--selected--ZFM84{padding-right:calc(var(--mrl-select-item-icon-spacing) + var(var(--mrl-select-item-icon-size)) + var(var(-mrl-select-item-icon-spacing)))}.mrl-is--focused--IdKt0{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.mrl-selectItem--hIl7o[aria-disabled=true],.mrl-selectItem--hIl7o[aria-disabled=true]:hover{cursor:default}.mrl-is--hidden--JTr6X{display:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@muraldevkit/ui-toolkit",
3
- "version": "4.15.0",
3
+ "version": "4.16.0",
4
4
  "description": "Mural's UI Toolkit",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",