@muraldevkit/ui-toolkit 4.7.1 → 4.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/styles/MrlSwitchStandalone/module.scss +38 -38
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -34,49 +34,49 @@
|
|
|
34
34
|
.MrlSwitchStandalone {
|
|
35
35
|
height: 100%;
|
|
36
36
|
position: relative;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
}
|
|
38
|
+
.MrlSwitchStandalone-checkbox {
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
height: var(--mrl-spacing-06);
|
|
41
|
+
opacity: 0;
|
|
42
|
+
position: absolute;
|
|
43
|
+
width: calc(var(--mrl-spacing-08) + var(--mrl-spacing-02));
|
|
44
|
+
&:hover + .MrlSwitchStandalone-switch {
|
|
45
|
+
background-color: rgba(var(--mrl-gray-90), 1);
|
|
46
|
+
}
|
|
47
|
+
&:active + .MrlSwitchStandalone-switch {
|
|
48
|
+
background-color: rgba(var(--mrl-gray-100), 1);
|
|
49
|
+
}
|
|
50
|
+
&:disabled {
|
|
51
|
+
+ .MrlSwitchStandalone-switch,
|
|
43
52
|
&:hover + .MrlSwitchStandalone-switch {
|
|
44
|
-
background-color: rgba(var(--mrl-gray-
|
|
53
|
+
background-color: rgba(var(--mrl-gray-40), 1);
|
|
45
54
|
}
|
|
46
|
-
|
|
47
|
-
|
|
55
|
+
~ .MrlSwitchStandalone-switch-indicator {
|
|
56
|
+
color: rgba(var(--mrl-gray-40), 1);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
&:focus-visible + .MrlSwitchStandalone-switch::after {
|
|
60
|
+
@include mrl-focus-pseudo-element;
|
|
61
|
+
}
|
|
62
|
+
&[aria-checked='true'] {
|
|
63
|
+
+ .MrlSwitchStandalone-switch {
|
|
64
|
+
background-color: rgba(var(--mrl-blue-70), 1);
|
|
48
65
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
~ .MrlSwitchStandalone-switch-indicator {
|
|
55
|
-
color: rgba(var(--mrl-gray-40), 1);
|
|
56
|
-
}
|
|
66
|
+
~ .MrlSwitchStandalone-switch-indicator {
|
|
67
|
+
$switch-knob-on-position: calc(var(--mrl-spacing-08) - var(--mrl-spacing-05));
|
|
68
|
+
color: rgba(var(--mrl-blue-70), 1);
|
|
69
|
+
transform: translateX($switch-knob-on-position);
|
|
57
70
|
}
|
|
58
|
-
&:
|
|
59
|
-
|
|
71
|
+
&:hover + .MrlSwitchStandalone-switch {
|
|
72
|
+
background-color: rgba(var(--mrl-blue-80), 1);
|
|
73
|
+
}
|
|
74
|
+
&:active + .MrlSwitchStandalone-switch {
|
|
75
|
+
background-color: rgba(var(--mrl-blue-90), 1);
|
|
60
76
|
}
|
|
61
|
-
&:
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
~ .MrlSwitchStandalone-switch-indicator {
|
|
66
|
-
$switch-knob-on-position: calc(var(--mrl-spacing-08) - var(--mrl-spacing-05));
|
|
67
|
-
color: rgba(var(--mrl-blue-70), 1);
|
|
68
|
-
transform: translateX($switch-knob-on-position);
|
|
69
|
-
}
|
|
70
|
-
&:hover + .MrlSwitchStandalone-switch {
|
|
71
|
-
background-color: rgba(var(--mrl-blue-80), 1);
|
|
72
|
-
}
|
|
73
|
-
&:active + .MrlSwitchStandalone-switch {
|
|
74
|
-
background-color: rgba(var(--mrl-blue-90), 1);
|
|
75
|
-
}
|
|
76
|
-
&:disabled + .MrlSwitchStandalone-switch,
|
|
77
|
-
&:disabled:hover + .MrlSwitchStandalone-switch {
|
|
78
|
-
background-color: rgba(var(--mrl-gray-40), 1);
|
|
79
|
-
}
|
|
77
|
+
&:disabled + .MrlSwitchStandalone-switch,
|
|
78
|
+
&:disabled:hover + .MrlSwitchStandalone-switch {
|
|
79
|
+
background-color: rgba(var(--mrl-gray-40), 1);
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
}
|
package/dist/styles.css
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
.mrl-u-focus-wrapper--IfL9D{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--XLj69:checked~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:checked~.MrlCheckboxStandalone-inputDisplay--S8c_q,.mrl-checkbox-input--XLj69:indeterminate~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:indeterminate~.MrlCheckboxStandalone-inputDisplay--S8c_q{--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) )}.MrlRadioButtonStandalone-input--dqdfP:focus-within~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-active)}.MrlRadioButtonStandalone-input--dqdfP:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-hover)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:disabled~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-disabled)}.MrlRadioButtonStandalone--WN4ja{display:inline-block;margin:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));margin-left:var(--mrl-spacing-01);min-height:var(--mrl-radio-button-height);min-width:var(--mrl-radio-button-width);position:relative}.MrlRadioButtonStandalone-input--dqdfP{appearance:none;cursor:pointer;height:var(--mrl-radio-button-height);left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;vertical-align:middle;width:var(--mrl-radio-button-width);z-index:1}.MrlRadioButtonStandalone-input--dqdfP:disabled,.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{cursor:default;pointer-events:none}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{background-color:var(--mrl-radio-button-background);border-color:var(--mrl-radio-button-border-color);border-radius:var(--mrl-radio-button-border-radius);border-style:solid;border-width:var(--mrl-radio-button-border-width);height:var(--mrl-radio-button-height);left:0;position:absolute;top:0;transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-width)}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{background-color:var(--mrl-radio-button-background);border-radius:var(--mrl-border-radius-rounded);content:"";cursor:pointer;height:var(--mrl-radio-button-fill-size);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-fill-size)}
|
|
31
31
|
.mrl-u-focus-wrapper{position:relative}.MrlRadioButtonStandalone-input{position:relative;position:absolute}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator{outline:none}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator::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-rounded) + 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)}}.MrlRadioButtonStandalone-focus-indicator{height:var(--mrl-radio-button-height);left:0;pointer-events:none;position:absolute;top:auto;width:var(--mrl-radio-button-width)}
|
|
32
32
|
: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--otHVC:checked~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:checked~.MrlCheckboxStandalone-inputDisplay--ie5bJ,.mrl-checkbox-input--otHVC:indeterminate~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:indeterminate~.MrlCheckboxStandalone-inputDisplay--ie5bJ{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--Clq8M{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--kpDDL{--mrl-label-text-color: var(--mrl-color-text-label);--mrl-label-font-size: var(--mrl-type-size-text-small);--mrl-label-line-height: var(--mrl-type-line-height-text-small);--mrl-label-font-weight: var(--mrl-type-weight-title-secondary);--mrl-label-offset-vertical: var(--mrl-space-stack-related-small)}.MrlLabel--inline--zKiSM{--mrl-label-offset-vertical: 0;--mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);--mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-label-icon-size: var(--mrl-spacing-06)}.MrlLabel--kpDDL.mrl-is--disabled--hithx{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--kpDDL{color:var(--mrl-label-text-color);display:block;font-family:var(--mrl-body-font);font-size:var(--mrl-label-font-size);font-weight:var(--mrl-label-font-weight);line-height:var(--mrl-label-line-height);margin-bottom:var(--mrl-label-offset-vertical);padding-left:var(--mrl-text-input-border-width)}.MrlLabel--inline--zKiSM{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--Hjqge{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}.MrlSwitch--XCL5G{align-items:center;display:flex;justify-content:space-between}.MrlSwitch-disabled--iS1ZX{color:rgba(var(--mrl-gray-40), 1)}
|
|
33
|
-
.mrl-u-focus-wrapper--Zz4hG{position:relative}.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-80), 1);border-radius:.625rem;cursor:pointer;display:block;height:var(--mrl-spacing-06);width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch--usdmG{transition:var(--mrl-duration-02)}}.MrlSwitchStandalone-switch-indicator--QRM7_{align-content:center;background-color:var(--mrl-color-background);border-radius:.375rem;bottom:calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));color:var(--mrl-color-background-secondary);display:flex;height:var(--mrl-spacing-04);left:var(--mrl-spacing-02);pointer-events:none;position:absolute;width:var(--mrl-spacing-04)}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch-indicator--QRM7_{transition:var(--mrl-duration-02) var(--mrl-timing-m1)}}.MrlSwitchStandalone-switch-indicator--QRM7_ .mrl-svg--jTrfw{height:var(--mrl-spacing-04);pointer-events:none;width:var(--mrl-spacing-04)}.MrlSwitchStandalone--z_J5F{height:100%;position:relative}.MrlSwitchStandalone
|
|
33
|
+
.mrl-u-focus-wrapper--Zz4hG{position:relative}.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-80), 1);border-radius:.625rem;cursor:pointer;display:block;height:var(--mrl-spacing-06);width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch--usdmG{transition:var(--mrl-duration-02)}}.MrlSwitchStandalone-switch-indicator--QRM7_{align-content:center;background-color:var(--mrl-color-background);border-radius:.375rem;bottom:calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));color:var(--mrl-color-background-secondary);display:flex;height:var(--mrl-spacing-04);left:var(--mrl-spacing-02);pointer-events:none;position:absolute;width:var(--mrl-spacing-04)}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch-indicator--QRM7_{transition:var(--mrl-duration-02) var(--mrl-timing-m1)}}.MrlSwitchStandalone-switch-indicator--QRM7_ .mrl-svg--jTrfw{height:var(--mrl-spacing-04);pointer-events:none;width:var(--mrl-spacing-04)}.MrlSwitchStandalone--z_J5F{height:100%;position:relative}.MrlSwitchStandalone-checkbox--eQlJK{cursor:pointer;height:var(--mrl-spacing-06);opacity:0;position:absolute;width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}.MrlSwitchStandalone-checkbox--eQlJK:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-90), 1)}.MrlSwitchStandalone-checkbox--eQlJK:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-100), 1)}.MrlSwitchStandalone-checkbox--eQlJK:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone-checkbox--eQlJK:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone-checkbox--eQlJK:disabled~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone-checkbox--eQlJK:focus-visible+.MrlSwitchStandalone-switch--usdmG::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--K5EQd;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--K5EQd{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--J3M_h{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-70), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-blue-70), 1);transform:translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)))}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-80), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-90), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}
|
|
34
34
|
|
|
35
35
|
/*!
|
|
36
36
|
* Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
|