@muraldevkit/ui-toolkit 4.70.3 → 4.71.0-dev-vNJi.1
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/styles.css +754 -234
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -5,215 +5,435 @@
|
|
|
5
5
|
.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: rgba(var(--mrl-gray-80), 1);--mrl-tooltip-text-color: var(--mrl-color-text-inverse)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);gap:var(--mrl-spacing-02);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content.has-custom-render{padding-right:var(--mrl-spacing-02)}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
|
|
6
6
|
.mrl-u-focus-wrapper--l91TH{position:relative}.MrlAvatarButton--b_ja8{background-color:rgba(0,0,0,0);border:none;border-radius:var(--mrl-radii-03);margin:0;outline:none;padding:0;position:relative}.MrlAvatarButton--b_ja8::after{background-color:rgba(0,0,0,0);border-radius:var(--mrl-radii-03);content:"";display:block;inset:0;position:absolute}.MrlAvatarButton--b_ja8:focus-visible{position:relative}.MrlAvatarButton--b_ja8:focus-visible:focus-visible{outline:none}.MrlAvatarButton--b_ja8:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
7
7
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
8
|
-
);bottom:calc((
|
|
9
|
-
|
|
8
|
+
);bottom:calc((
|
|
9
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
10
|
+
0px
|
|
11
|
+
)*-1);content:"";display:block;left:calc((
|
|
12
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
13
|
+
0px
|
|
14
|
+
)*-1);position:absolute;right:calc((
|
|
15
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
16
|
+
0px
|
|
17
|
+
)*-1);top:calc((
|
|
18
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
19
|
+
0px
|
|
20
|
+
)*-1);z-index:1;animation-name:border-animation--vEDGJ}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
21
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
22
|
+
0px
|
|
10
23
|
)*-1);left:calc((
|
|
11
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
24
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
25
|
+
0px
|
|
12
26
|
)*-1);right:calc((
|
|
13
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
27
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
28
|
+
0px
|
|
14
29
|
)*-1);top:calc((
|
|
15
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
30
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
31
|
+
0px
|
|
16
32
|
)*-1)}}@keyframes border-animation-inverse--inA8c{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
17
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
33
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
34
|
+
0px
|
|
18
35
|
)*-1);left:calc((
|
|
19
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
36
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
37
|
+
0px
|
|
20
38
|
)*-1);right:calc((
|
|
21
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
39
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
40
|
+
0px
|
|
22
41
|
)*-1);top:calc((
|
|
23
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
42
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
43
|
+
0px
|
|
24
44
|
)*-1)}}@keyframes outline-animation--mZ8TC{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlAvatarButton--b_ja8:hover{cursor:pointer}.MrlAvatarButton--b_ja8:hover::after{background-color:rgba(var(--mrl-gray-90), 0.32)}.MrlAvatarButton--b_ja8:active::after{background-color:rgba(var(--mrl-gray-90), 0.64)}.MrlAvatarButton--large--m1iPW{border-radius:var(--mrl-radii-06)}.MrlAvatarButton--large--m1iPW:focus-visible{position:relative}.MrlAvatarButton--large--m1iPW:focus-visible:focus-visible{outline:none}.MrlAvatarButton--large--m1iPW:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
25
45
|
var(--mrl-radii-06) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
26
|
-
);bottom:calc((
|
|
27
|
-
|
|
46
|
+
);bottom:calc((
|
|
47
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
48
|
+
0px
|
|
49
|
+
)*-1);content:"";display:block;left:calc((
|
|
50
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
51
|
+
0px
|
|
52
|
+
)*-1);position:absolute;right:calc((
|
|
53
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
54
|
+
0px
|
|
55
|
+
)*-1);top:calc((
|
|
56
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
57
|
+
0px
|
|
58
|
+
)*-1);z-index:1;animation-name:border-animation--vEDGJ}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
59
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
60
|
+
0px
|
|
28
61
|
)*-1);left:calc((
|
|
29
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
62
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
63
|
+
0px
|
|
30
64
|
)*-1);right:calc((
|
|
31
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
65
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
66
|
+
0px
|
|
32
67
|
)*-1);top:calc((
|
|
33
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
68
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
69
|
+
0px
|
|
34
70
|
)*-1)}}@keyframes border-animation-inverse--inA8c{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
35
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
71
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
72
|
+
0px
|
|
36
73
|
)*-1);left:calc((
|
|
37
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
74
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
75
|
+
0px
|
|
38
76
|
)*-1);right:calc((
|
|
39
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
77
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
78
|
+
0px
|
|
40
79
|
)*-1);top:calc((
|
|
41
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
80
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
81
|
+
0px
|
|
42
82
|
)*-1)}}@keyframes outline-animation--mZ8TC{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlAvatarButton--large--m1iPW::after{border-radius:var(--mrl-radii-06)}
|
|
43
83
|
.MrlBadge--qJnMn{align-items:center;background-color:var(--mrl-black-opacity-01);border-radius:var(--mrl-radii-04);color:var(--mrl-color-text-emph);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-06);padding:var(--mrl-spacing-01) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));width:auto}.MrlBadge--qJnMn .MrlSvgContainer{flex-shrink:0;height:var(--mrl-spacing-04);margin-left:var(--mrl-spacing-02);width:var(--mrl-spacing-04)}.MrlBadge--error--bn1gA{background-color:var(--mrl-color-background-error-light);color:var(--mrl-color-text-error)}.MrlBadge--info--sHw3k{background-color:var(--mrl-color-background-info-light);color:rgb(var(--mrl-status-info))}.MrlBadge--success--xHWDK{background-color:var(--mrl-color-background-success-light);color:rgb(var(--mrl-status-success))}.MrlBadge--warning--L7ZsA{background-color:var(--mrl-color-background-warning-light);color:var(--mrl-color-text-warning-light)}.MrlBadge--warning--L7ZsA .MrlSvgContainer{color:rgb(var(--mrl-status-warning))}
|
|
44
84
|
.MrlBadgeNotification--eAK4M{align-items:center;background-color:rgb(var(--mrl-gray-90));border:var(--mrl-line-width-border-fine) solid rgb(var(--mrl-white));border-radius:var(--mrl-radii-04);box-sizing:border-box;color:var(--mrl-color-text-inverse);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-03);justify-content:center;padding:0;width:var(--mrl-spacing-03)}.MrlBadgeNotification--info--YY6Sg{background-color:var(--mrl-color-background-info)}.MrlBadgeNotification--numeric--jVYpk{font-size:.5625rem;height:var(--mrl-spacing-05);padding:0 var(--mrl-spacing-01);width:var(--mrl-spacing-05)}.mrlButton .MrlBadgeNotification--eAK4M,.mrlIconButton .MrlBadgeNotification--eAK4M{position:absolute;right:0;top:0}.mrlButton .MrlBadgeNotification--numeric--jVYpk,.mrlIconButton .MrlBadgeNotification--numeric--jVYpk{right:calc(var(--mrl-spacing-01)*-1);top:calc(var(--mrl-spacing-01)*-1)}
|
|
45
85
|
: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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
46
86
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
47
|
-
);bottom:calc((
|
|
48
|
-
|
|
87
|
+
);bottom:calc((
|
|
88
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
89
|
+
0px
|
|
90
|
+
)*-1);content:"";display:block;left:calc((
|
|
91
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
92
|
+
0px
|
|
93
|
+
)*-1);position:absolute;right:calc((
|
|
94
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
95
|
+
0px
|
|
96
|
+
)*-1);top:calc((
|
|
97
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
98
|
+
0px
|
|
99
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
100
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
101
|
+
0px
|
|
49
102
|
)*-1);left:calc((
|
|
50
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
103
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
104
|
+
0px
|
|
51
105
|
)*-1);right:calc((
|
|
52
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
106
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
107
|
+
0px
|
|
53
108
|
)*-1);top:calc((
|
|
54
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
109
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
110
|
+
0px
|
|
55
111
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
56
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
112
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
113
|
+
0px
|
|
57
114
|
)*-1);left:calc((
|
|
58
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
115
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
116
|
+
0px
|
|
59
117
|
)*-1);right:calc((
|
|
60
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
118
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
119
|
+
0px
|
|
61
120
|
)*-1);top:calc((
|
|
62
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
121
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
122
|
+
0px
|
|
63
123
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
64
124
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
65
|
-
);bottom:calc((
|
|
66
|
-
|
|
125
|
+
);bottom:calc((
|
|
126
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
127
|
+
0px
|
|
128
|
+
)*-1);content:"";display:block;left:calc((
|
|
129
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
130
|
+
0px
|
|
131
|
+
)*-1);position:absolute;right:calc((
|
|
132
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
133
|
+
0px
|
|
134
|
+
)*-1);top:calc((
|
|
135
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
136
|
+
0px
|
|
137
|
+
)*-1);z-index:1;animation-name:border-animation-inverse}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
138
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
139
|
+
0px
|
|
67
140
|
)*-1);left:calc((
|
|
68
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
141
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
142
|
+
0px
|
|
69
143
|
)*-1);right:calc((
|
|
70
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
144
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
145
|
+
0px
|
|
71
146
|
)*-1);top:calc((
|
|
72
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
147
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
148
|
+
0px
|
|
73
149
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
74
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
150
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
151
|
+
0px
|
|
75
152
|
)*-1);left:calc((
|
|
76
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
153
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
154
|
+
0px
|
|
77
155
|
)*-1);right:calc((
|
|
78
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
156
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
157
|
+
0px
|
|
79
158
|
)*-1);top:calc((
|
|
80
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
159
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
160
|
+
0px
|
|
81
161
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.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}
|
|
82
162
|
.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
83
163
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
84
|
-
);bottom:calc((
|
|
85
|
-
|
|
164
|
+
);bottom:calc((
|
|
165
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
166
|
+
0px
|
|
167
|
+
)*-1);content:"";display:block;left:calc((
|
|
168
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
169
|
+
0px
|
|
170
|
+
)*-1);position:absolute;right:calc((
|
|
171
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
172
|
+
0px
|
|
173
|
+
)*-1);top:calc((
|
|
174
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
175
|
+
0px
|
|
176
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
177
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
178
|
+
0px
|
|
86
179
|
)*-1);left:calc((
|
|
87
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
180
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
181
|
+
0px
|
|
88
182
|
)*-1);right:calc((
|
|
89
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
183
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
184
|
+
0px
|
|
90
185
|
)*-1);top:calc((
|
|
91
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
186
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
187
|
+
0px
|
|
92
188
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
93
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
189
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
190
|
+
0px
|
|
94
191
|
)*-1);left:calc((
|
|
95
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
192
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
193
|
+
0px
|
|
96
194
|
)*-1);right:calc((
|
|
97
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
195
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
196
|
+
0px
|
|
98
197
|
)*-1);top:calc((
|
|
99
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
198
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
199
|
+
0px
|
|
100
200
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
101
201
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
102
|
-
);bottom:calc((
|
|
103
|
-
|
|
202
|
+
);bottom:calc((
|
|
203
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
204
|
+
0px
|
|
205
|
+
)*-1);content:"";display:block;left:calc((
|
|
206
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
207
|
+
0px
|
|
208
|
+
)*-1);position:absolute;right:calc((
|
|
209
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
210
|
+
0px
|
|
211
|
+
)*-1);top:calc((
|
|
212
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
213
|
+
0px
|
|
214
|
+
)*-1);z-index:1;animation-name:border-animation-inverse}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
215
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
216
|
+
0px
|
|
104
217
|
)*-1);left:calc((
|
|
105
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
218
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
219
|
+
0px
|
|
106
220
|
)*-1);right:calc((
|
|
107
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
221
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
222
|
+
0px
|
|
108
223
|
)*-1);top:calc((
|
|
109
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
224
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
225
|
+
0px
|
|
110
226
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
111
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
227
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
228
|
+
0px
|
|
112
229
|
)*-1);left:calc((
|
|
113
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
230
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
231
|
+
0px
|
|
114
232
|
)*-1);right:calc((
|
|
115
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
233
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
234
|
+
0px
|
|
116
235
|
)*-1);top:calc((
|
|
117
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
236
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
237
|
+
0px
|
|
118
238
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex;flex-direction:inherit}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton--loading .MrlSpinner-container{margin:0 auto;position:absolute}.mrlButton .mrlButton--loading .mrlButton-text{opacity:0}.mrlButton.mrlButton--icon-after .MrlSvgContainer,.mrlButton.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlButton.mrlButton--xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-space-stack-related-small) var(--mrl-space-inset)}.mrlButton.mrlButton--xsmall.mrlButton--ghost,.mrlButton.mrlButton--xsmall.mrlButton--ghost-inverse{padding:var(--mrl-space-stack-related-small)}.mrlButton.mrlButton--xsmall .MrlSvgContainer,.mrlButton.mrlButton--xsmall .MrlSpinner-container{height:var(--mrl-button-icon-size);margin-left:var(--mrl-spacing-01)}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--xsmall{padding-left:var(--mrl-spacing-02)}.mrlButton--icon-before.mrlButton--xsmall .MrlSvgContainer,.mrlButton--icon-before.mrlButton--xsmall .MrlSpinner-container{margin-left:0;margin-right:var(--mrl-spacing-01)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--xsmall{padding-right:var(--mrl-spacing-02)}.mrlButton--icon-after.mrlButton--xsmall .MrlSvgContainer{margin-left:var(--mrl-spacing-01);margin-right:0}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}
|
|
119
239
|
: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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
120
240
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
121
|
-
);bottom:calc((
|
|
122
|
-
|
|
241
|
+
);bottom:calc((
|
|
242
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
243
|
+
0px
|
|
244
|
+
)*-1);content:"";display:block;left:calc((
|
|
245
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
246
|
+
0px
|
|
247
|
+
)*-1);position:absolute;right:calc((
|
|
248
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
249
|
+
0px
|
|
250
|
+
)*-1);top:calc((
|
|
251
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
252
|
+
0px
|
|
253
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
254
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
255
|
+
0px
|
|
123
256
|
)*-1);left:calc((
|
|
124
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
257
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
258
|
+
0px
|
|
125
259
|
)*-1);right:calc((
|
|
126
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
260
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
261
|
+
0px
|
|
127
262
|
)*-1);top:calc((
|
|
128
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
263
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
264
|
+
0px
|
|
129
265
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
130
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
266
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
267
|
+
0px
|
|
131
268
|
)*-1);left:calc((
|
|
132
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
269
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
270
|
+
0px
|
|
133
271
|
)*-1);right:calc((
|
|
134
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
272
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
273
|
+
0px
|
|
135
274
|
)*-1);top:calc((
|
|
136
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
275
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
276
|
+
0px
|
|
137
277
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
138
278
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
139
|
-
);bottom:calc((
|
|
140
|
-
|
|
279
|
+
);bottom:calc((
|
|
280
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
281
|
+
0px
|
|
282
|
+
)*-1);content:"";display:block;left:calc((
|
|
283
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
284
|
+
0px
|
|
285
|
+
)*-1);position:absolute;right:calc((
|
|
286
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
287
|
+
0px
|
|
288
|
+
)*-1);top:calc((
|
|
289
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
290
|
+
0px
|
|
291
|
+
)*-1);z-index:1;animation-name:border-animation-inverse}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
292
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
293
|
+
0px
|
|
141
294
|
)*-1);left:calc((
|
|
142
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
295
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
296
|
+
0px
|
|
143
297
|
)*-1);right:calc((
|
|
144
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
298
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
299
|
+
0px
|
|
145
300
|
)*-1);top:calc((
|
|
146
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
301
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
302
|
+
0px
|
|
147
303
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
148
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
304
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
305
|
+
0px
|
|
149
306
|
)*-1);left:calc((
|
|
150
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
307
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
308
|
+
0px
|
|
151
309
|
)*-1);right:calc((
|
|
152
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
310
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
311
|
+
0px
|
|
153
312
|
)*-1);top:calc((
|
|
154
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
313
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
314
|
+
0px
|
|
155
315
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.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)}}
|
|
156
316
|
.MrlProcessingButton--PsEL8[aria-disabled=false].MrlProcessingButton-is-processing--wm0pA[aria-disabled=false]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}
|
|
157
317
|
: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-decorative);border-color:var(--mrl-color-line-decorative)}.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-selected);border-radius:var(--mrl-radii-03);flex-shrink:0;margin-right:var(--mrl-spacing-06);width:var(--mrl-spacing-02)}
|
|
158
318
|
:root,.MrlDivider--ShT5H{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.MrlDivider--small--nbQys{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--aKJM5{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--xlarge--pHvCK{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--to2id.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.MrlDivider--thin--wHNtu{--mrl-divider-size: var(--mrl-line-width-border-fine)}.MrlDivider--horizontal--EUB9p{background-color:var(--mrl-divider-color);display:block;height:var(--mrl-divider-size);margin:var(--mrl-divider-spacing) 0;width:100%}.MrlDivider--horizontal--EUB9p .MrlDivider--center--CrRjf{margin:var(--mrl-divider-spacing) auto}.MrlDivider--vertical--to2id{align-self:stretch;background-color:var(--mrl-divider-color);display:inline-block;margin:0 var(--mrl-divider-spacing);width:var(--mrl-divider-size)}.MrlDivider--vertical--to2id .MrlDivider--center--CrRjf{align-self:center}
|
|
159
319
|
.mrl-u-focus-wrapper--SiwgJ{position:relative}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--raPzM:checked~.mrl-checkbox-inputDisplay--Ebujv,.MrlCheckboxStandalone-input--xUyjZ:checked~.MrlCheckboxStandalone-inputDisplay--kO23t,.mrl-checkbox-input--raPzM:indeterminate~.mrl-checkbox-inputDisplay--Ebujv,.MrlCheckboxStandalone-input--xUyjZ:indeterminate~.MrlCheckboxStandalone-inputDisplay--kO23t{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlForm-counter--qg1nB{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}.mrl-select--iBluw{--mrl-select-trigger-indicator-color: var(--mrl-text-input-border-color);--mrl-select-trigger-indicator-color-hover: var(--mrl-text-input-border-color-hover);--mrl-select-trigger-indicator-color-focus: var(--mrl-text-input-border-color-focus)}.mrl-select--iBluw:focus-within>.mrl-select-trigger--inline--ReiCC{--mrl-text-input-border-color-focus: transparent}.mrl-select--iBluw{display:block;position:relative}.mrl-select-trigger--Bdq2v{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding-right:var(--mrl-input-icon-offset);position:relative;width:auto}.mrl-select-trigger--Bdq2v::placeholder{color:var(--mrl-text-input-placeholder-color)}.mrl-select-trigger--Bdq2v:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.mrl-select-trigger--Bdq2v:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.mrl-select-trigger--Bdq2v:focus-visible{outline:none}.mrl-select-trigger--Bdq2v:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select-trigger--Bdq2v:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.mrl-select-trigger--Bdq2v[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.mrl-select--read-only--Xef5m{pointer-events:none}.mrl-select--read-only--Xef5m .mrl-select-trigger--Bdq2v{background-color:var(--mrl-select-background-color-read-only);border-color:var(--mrl-select-border-color-read-only)}.mrl-select--iBluw:focus-within>.mrl-select-trigger--Bdq2v{border-color:var(--mrl-text-input-border-color-focus)}.mrl-select--iBluw:focus-within>.mrl-select-trigger--Bdq2v::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
160
320
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
161
|
-
);bottom:calc((
|
|
162
|
-
|
|
321
|
+
);bottom:calc((
|
|
322
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
323
|
+
var(--mrl-text-input-border-width)
|
|
324
|
+
)*-1);content:"";display:block;left:calc((
|
|
325
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
326
|
+
var(--mrl-text-input-border-width)
|
|
327
|
+
)*-1);position:absolute;right:calc((
|
|
328
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
329
|
+
var(--mrl-text-input-border-width)
|
|
330
|
+
)*-1);top:calc((
|
|
331
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
332
|
+
var(--mrl-text-input-border-width)
|
|
333
|
+
)*-1);z-index:1;animation-name:border-animation--tTqRp}@keyframes border-animation--tTqRp{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
334
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
335
|
+
var(--mrl-text-input-border-width)
|
|
163
336
|
)*-1);left:calc((
|
|
164
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
337
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
338
|
+
var(--mrl-text-input-border-width)
|
|
165
339
|
)*-1);right:calc((
|
|
166
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
340
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
341
|
+
var(--mrl-text-input-border-width)
|
|
167
342
|
)*-1);top:calc((
|
|
168
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
343
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
344
|
+
var(--mrl-text-input-border-width)
|
|
169
345
|
)*-1)}}@keyframes border-animation-inverse--ukLrr{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
170
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
346
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
347
|
+
var(--mrl-text-input-border-width)
|
|
171
348
|
)*-1);left:calc((
|
|
172
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
349
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
350
|
+
var(--mrl-text-input-border-width)
|
|
173
351
|
)*-1);right:calc((
|
|
174
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
352
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
353
|
+
var(--mrl-text-input-border-width)
|
|
175
354
|
)*-1);top:calc((
|
|
176
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
355
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
356
|
+
var(--mrl-text-input-border-width)
|
|
177
357
|
)*-1)}}.mrl-select--iBluw:focus-visible{outline:none}.mrl-select-trigger--Bdq2v span{display:flex}.mrl-select-trigger--Bdq2v 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--rGPSk{color:var(--mrl-trigger-indicator-color);margin-left:var(--mrl-input-icon-offset)}.mrl-select-trigger-indicator--rGPSk.mrl-is--open--vN863{transform:rotate(180deg)}.mrl-select--iBluw:focus-within .mrl-select-trigger-indicator--rGPSk{color:var(--mrl-trigger-indicator-color-focus)}.mrl-select-trigger--Bdq2v:hover .mrl-select-trigger-indicator--rGPSk{color:var(--mrl-trigger-indicator-color-hover)}.mrl-select-trigger--inline--ReiCC{--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--ReiCC:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--inline-label--zbIxB{--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--zbIxB:hover{--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);--mrl-text-input-border-color: transparent}.mrl-select-trigger--large--O95TQ{--mrl-text-input-height: var(--mrl-spacing-09)}.mrl-select--disabled--gOSJ_ .mrl-select-trigger--Bdq2v{color:var(--mrl-text-input-color-disabled);pointer-events:none}.mrl-select--disabled--gOSJ_ .mrl-select-trigger-border--s94dP{border-color:var(--mrl-text-input-border-color-disabled)}.mrl-select--disabled--gOSJ_ .mrl-select-trigger-indicator--rGPSk{color:var(--mrl-text-input-color-disabled);cursor:default;pointer-events:none}
|
|
178
358
|
.mrl-u-focus-wrapper--iP2Ra{position:relative}.MrlForm-counter--L7AWN{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-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--_lw46:checked~.mrl-checkbox-inputDisplay--fUd1p,.MrlCheckboxStandalone-input--kxPaa:checked~.MrlCheckboxStandalone-inputDisplay--xIqZv,.mrl-checkbox-input--_lw46:indeterminate~.mrl-checkbox-inputDisplay--fUd1p,.MrlCheckboxStandalone-input--kxPaa:indeterminate~.MrlCheckboxStandalone-inputDisplay--xIqZv{--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--BtAcv{--mrl-select-item-background: var(--mrl-color-background);--mrl-select-item-color: var(--mrl-color-text-emph);--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--BtAcv:hover{--mrl-select-item-background: var(--mrl-color-background-hover);--mrl-select-item-color: var(--mrl-color-text-emph-hover)}.mrl-is--selected--cmirI{--mrl-select-item-background: var(--mrl-color-background-selected);--mrl-select-item-color: var(--mrl-color-text-inverse-selected)}.mrl-selectItem--BtAcv[aria-disabled=true],.mrl-selectItem--BtAcv[aria-disabled=true]:hover{--mrl-select-item-background: transparent;--mrl-select-item-color: var(--mrl-color-text-disabled)}.mrl-select-item--ahWOy{display:block}.mrl-selectItem--BtAcv{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--NPZwZ{position:absolute;right:var(--mrl-select-item-icon-spacing);width:var(--mrl-select-item-icon-size)}.mrl-is--selected--cmirI{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--i__zh{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.mrl-selectItem--BtAcv[aria-disabled=true],.mrl-selectItem--BtAcv[aria-disabled=true]:hover{cursor:default}.mrl-is--hidden--V0SBN{display:none}
|
|
179
359
|
.mrl-selectMenu--xk6Fy{--mrl-select-item-height: 34px}.mrl-selectMenu--xk6Fy{background:var(--mrl-color-background);border-radius:var(--mrl-radii-03);box-shadow:var(--mrl-shadow-01);display:none;left:0;max-height:calc(var(--mrl-select-item-height)*6);overflow-y:auto;padding:var(--mrl-spacing-03);position:absolute;right:0;z-index:1000}.mrl-selectMenu--bottom--V44w6{top:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu-bottom--top--MKbVs{bottom:calc(100% + var(--mrl-spacing-02))}.mrl-selectMenu--open--nuWVa{display:block}
|
|
180
360
|
.mrl-u-focus-wrapper--grPf4{position:relative}.MrlForm-counter--sF9rr{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-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--pv1w8:checked~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:checked~.MrlCheckboxStandalone-inputDisplay--VmTCd,.mrl-checkbox-input--pv1w8:indeterminate~.mrl-checkbox-inputDisplay--hAczO,.MrlCheckboxStandalone-input--g19kJ:indeterminate~.MrlCheckboxStandalone-inputDisplay--VmTCd{--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--uKstl{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlTextInput--uKstl{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),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%}.MrlTextInput--uKstl::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextInput--uKstl:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextInput--uKstl:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextInput--uKstl:focus-visible{outline:none}.MrlTextInput--uKstl:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextInput--uKstl:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextInput--uKstl[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextInput--uKstl:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlTextInput--uKstl:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--mKel_;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--mKel_{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlTextInput--wrapper--gsN3c{position:relative}.MrlTextInput--uKstl::-ms-clear,.MrlTextInput--uKstl::-ms-reveal{display:none;height:0;width:0}.MrlTextInput--uKstl::-webkit-search-decoration,.MrlTextInput--uKstl::-webkit-search-cancel-button,.MrlTextInput--uKstl::-webkit-search-results-button,.MrlTextInput--uKstl::-webkit-search-results-decoration{display:none}.MrlTextInput--dynamicIcon--J1WZi{padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--persistIcon--gv4Sc{padding-left:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlTextInput--active--KJ2yW{border-color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz,.MrlTextInput-persistIcon--zbx9t{color:var(--mrl-text-input-border-color);position:absolute;top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlTextInput-dynamicIcon--disabled--uKU6N,.MrlTextInput-persistIcon--disabled--QbdBd{color:var(--mrl-text-input-border-color-disabled)}.MrlTextInput-dynamicIcon--dnVKz{right:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--zbx9t{left:var(--mrl-text-input-inset-horizontal)}.MrlTextInput-persistIcon--active--rZL_v,.MrlTextInput-dynamicIcon--active--VwsGx{color:var(--mrl-text-input-border-color-hover)}.MrlTextInput-dynamicIcon--dnVKz>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible{outline:none}.MrlTextInput-dynamicIcon--dnVKz>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
181
361
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
182
|
-
);bottom:calc((
|
|
183
|
-
|
|
362
|
+
);bottom:calc((
|
|
363
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
364
|
+
0px
|
|
365
|
+
)*-1);content:"";display:block;left:calc((
|
|
366
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
367
|
+
0px
|
|
368
|
+
)*-1);position:absolute;right:calc((
|
|
369
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
370
|
+
0px
|
|
371
|
+
)*-1);top:calc((
|
|
372
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
373
|
+
0px
|
|
374
|
+
)*-1);z-index:1;animation-name:border-animation--j3wVg}@keyframes border-animation--j3wVg{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
375
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
376
|
+
0px
|
|
184
377
|
)*-1);left:calc((
|
|
185
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
378
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
379
|
+
0px
|
|
186
380
|
)*-1);right:calc((
|
|
187
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
381
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
382
|
+
0px
|
|
188
383
|
)*-1);top:calc((
|
|
189
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
384
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
385
|
+
0px
|
|
190
386
|
)*-1)}}@keyframes border-animation-inverse--VbzuE{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
191
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
387
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
388
|
+
0px
|
|
192
389
|
)*-1);left:calc((
|
|
193
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
390
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
391
|
+
0px
|
|
194
392
|
)*-1);right:calc((
|
|
195
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
393
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
394
|
+
0px
|
|
196
395
|
)*-1);top:calc((
|
|
197
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
396
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
397
|
+
0px
|
|
198
398
|
)*-1)}}@keyframes outline-animation--mKel_{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}
|
|
199
399
|
.mrl-u-focus-wrapper--sMWmB{position:relative}.MrlForm-counter--V3QnW{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-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--USnBs:checked~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:checked~.MrlCheckboxStandalone-inputDisplay--Kel43,.mrl-checkbox-input--USnBs:indeterminate~.mrl-checkbox-inputDisplay--pUyvq,.MrlCheckboxStandalone-input--n4jJI:indeterminate~.MrlCheckboxStandalone-inputDisplay--Kel43{--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) )}.MrlEditableTextInput--jMMDB{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlEditableTextInput-hover-button--tbcyL{opacity:0;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlEditableTextInput--jMMDB{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),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;padding-left:0}.MrlEditableTextInput--jMMDB::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextInput--jMMDB:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextInput--jMMDB:focus-visible{outline:none}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextInput--jMMDB:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlEditableTextInput--jMMDB:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--nZ2Xe;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--nZ2Xe{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextInput--jMMDB:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextInput--jMMDB:disabled{--mrl-text-input-border-color: transparent}.MrlEditableTextInput--jMMDB:focus:not(.MrlEditableTextInput--readOnly--uZwio){padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextInput--jMMDB[aria-invalid=true]{padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextInput--jMMDB:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);pointer-events:auto;--mrl-text-input-background: none}.MrlEditableTextInput--jMMDB::-ms-clear,.MrlEditableTextInput--jMMDB::-ms-reveal{display:none;height:0;width:0}.MrlEditableTextInput--jMMDB::-webkit-search-decoration,.MrlEditableTextInput--jMMDB::-webkit-search-cancel-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-button,.MrlEditableTextInput--jMMDB::-webkit-search-results-decoration{display:none}.MrlEditableTextInput--jMMDB:not(:focus,:disabled,.MrlEditableTextInput--readOnly--uZwio):hover{background-color:var(--mrl-black-opacity-00);padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-hover-button--tbcyL,.MrlEditableTextInput--jMMDB:focus-visible~.MrlEditableTextInput-right-button--y6ik5{opacity:0}.MrlEditableTextInput--allowOnClick--aHja5:not(:disabled):read-only{pointer-events:auto}.MrlEditableTextInput--dynamicIcon--H8VOO{padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset))}.MrlEditableTextInput--dynamicIcon--H8VOO:focus-visible{padding-right:var(--mrl-text-input-inset-horizontal)}.MrlEditableTextInput-dynamicIcon--d4KQL{color:var(--mrl-text-input-border-color);position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextInput-dynamicIcon--disabled--AYrYo{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-right-button--y6ik5,.MrlEditableTextInput--active--npTl0:focus-visible~.MrlEditableTextInput-hover-button--tbcyL{opacity:0}.MrlEditableTextInput-dynamicIcon--active--EoB6U{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextInput-dynamicIcon--d4KQL>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:20px;outline:none;padding:0}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible{outline:none}.MrlEditableTextInput-dynamicIcon--d4KQL>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
200
400
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
201
|
-
);bottom:calc((
|
|
202
|
-
|
|
401
|
+
);bottom:calc((
|
|
402
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
403
|
+
0px
|
|
404
|
+
)*-1);content:"";display:block;left:calc((
|
|
405
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
406
|
+
0px
|
|
407
|
+
)*-1);position:absolute;right:calc((
|
|
408
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
409
|
+
0px
|
|
410
|
+
)*-1);top:calc((
|
|
411
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
412
|
+
0px
|
|
413
|
+
)*-1);z-index:1;animation-name:border-animation--ezSmp}@keyframes border-animation--ezSmp{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
414
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
415
|
+
0px
|
|
203
416
|
)*-1);left:calc((
|
|
204
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
417
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
418
|
+
0px
|
|
205
419
|
)*-1);right:calc((
|
|
206
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
420
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
421
|
+
0px
|
|
207
422
|
)*-1);top:calc((
|
|
208
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
423
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
424
|
+
0px
|
|
209
425
|
)*-1)}}@keyframes border-animation-inverse--kHCBx{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
210
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
426
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
427
|
+
0px
|
|
211
428
|
)*-1);left:calc((
|
|
212
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
429
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
430
|
+
0px
|
|
213
431
|
)*-1);right:calc((
|
|
214
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
432
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
433
|
+
0px
|
|
215
434
|
)*-1);top:calc((
|
|
216
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
435
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
436
|
+
0px
|
|
217
437
|
)*-1)}}@keyframes outline-animation--nZ2Xe{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextInput-errorMessage--JhDDl{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditableTextInput-errorIcon--p0Lnz{margin-right:var(--mrl-spacing-02);vertical-align:middle}.MrlEditableTextInput--wrapper--mEStH{font-size:var(--mrl-type-size-text-small);position:relative}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput--jMMDB:not(:focus,:disabled,.MrlEditableTextInput--readOnly--uZwio){background-color:var(--mrl-black-opacity-00);padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput--readOnly--uZwio:not(:focus){background-color:var(--mrl-text-input-background)}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput-hover-button--tbcyL{opacity:1}
|
|
218
438
|
.MrlLabel:has(+.MrlEditableTextInput--wrapper){margin-bottom:0;padding-bottom:var(--mrl-label-offset-vertical)}
|
|
219
439
|
: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-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--wGbRl:checked~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:checked~.MrlCheckboxStandalone-inputDisplay--WZKoL,.mrl-checkbox-input--wGbRl:indeterminate~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:indeterminate~.MrlCheckboxStandalone-inputDisplay--WZKoL{--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--kqm42{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Bbnmm{--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--g2Exe{--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--Bbnmm.mrl-is--disabled--siceI{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Bbnmm{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--g2Exe{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--PyyRE{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)}
|
|
@@ -223,86 +443,166 @@
|
|
|
223
443
|
.MrlTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
224
444
|
.mrl-u-focus-wrapper--SF4Ep{position:relative}.MrlForm-counter--kFYcP{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-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--SyW3v:checked~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:checked~.MrlCheckboxStandalone-inputDisplay--CotfM,.mrl-checkbox-input--SyW3v:indeterminate~.mrl-checkbox-inputDisplay--xfDLx,.MrlCheckboxStandalone-input--liUWd:indeterminate~.MrlCheckboxStandalone-inputDisplay--CotfM{--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) )}.MrlEditableTextarea--AXbhU{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),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;--mrl-text-input-border-color: var(--mrl-color-background);min-height:1.5rem;padding-left:0;padding-right:var(--mrl-spacing-08);resize:vertical}.MrlEditableTextarea--AXbhU::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlEditableTextarea--AXbhU:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlEditableTextarea--AXbhU:focus-visible{outline:none}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlEditableTextarea--AXbhU:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlEditableTextarea--AXbhU[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlEditableTextarea--AXbhU:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--QUfm3;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--QUfm3{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextarea--AXbhU:focus{--mrl-text-input-border-color: transparent}.MrlEditableTextarea--AXbhU[aria-invalid=true]{padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextarea--AXbhU:focus-visible{color:var(--mrl-text-input-color-focus)}.MrlEditableTextarea--AXbhU:disabled{--mrl-text-input-border-color: transparent}.MrlEditableTextarea--AXbhU:read-only{overflow:hidden;resize:none}.MrlEditableTextarea--AXbhU:focus:not(.MrlEditableTextarea--readOnly--nlvYC){padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextarea--AXbhU:not(:disabled):read-only{color:var(--mrl-text-input-color-read-only);--mrl-text-input-border-color: var(--mrl-color-background)}.MrlEditableTextarea-dynamicIcon--oETvh{color:var(--mrl-text-input-border-color);padding-right:calc(var(--mrl-text-input-inset-horizontal) + var(--mrl-text-input-icon-size) + var(--mrl-text-input-icon-offset));position:absolute;right:var(--mrl-text-input-inset-horizontal);top:calc(var(--mrl-text-input-inset-vertical) + var(--mrl-line-width-border));transition:color var(--mrl-duration-03) var(--mrl-timing-m2);z-index:2}.MrlEditableTextarea-dynamicIcon--disabled--x6n1Q{color:var(--mrl-text-input-border-color-disabled)}.MrlEditableTextarea--active--Zkh2I{border-color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--active--M6baN{color:var(--mrl-text-input-border-color-hover)}.MrlEditableTextarea-dynamicIcon--oETvh>button{position:relative;background:none;border:none;color:inherit;cursor:pointer;height:1.25rem;outline:none;padding:0}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible{outline:none}.MrlEditableTextarea-dynamicIcon--oETvh>button:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
225
445
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
226
|
-
);bottom:calc((
|
|
227
|
-
|
|
446
|
+
);bottom:calc((
|
|
447
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
448
|
+
0px
|
|
449
|
+
)*-1);content:"";display:block;left:calc((
|
|
450
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
451
|
+
0px
|
|
452
|
+
)*-1);position:absolute;right:calc((
|
|
453
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
454
|
+
0px
|
|
455
|
+
)*-1);top:calc((
|
|
456
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
457
|
+
0px
|
|
458
|
+
)*-1);z-index:1;animation-name:border-animation--XoqSv}@keyframes border-animation--XoqSv{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
459
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
460
|
+
0px
|
|
228
461
|
)*-1);left:calc((
|
|
229
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
462
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
463
|
+
0px
|
|
230
464
|
)*-1);right:calc((
|
|
231
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
465
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
466
|
+
0px
|
|
232
467
|
)*-1);top:calc((
|
|
233
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
468
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
469
|
+
0px
|
|
234
470
|
)*-1)}}@keyframes border-animation-inverse--lmXJT{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
235
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
471
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
472
|
+
0px
|
|
236
473
|
)*-1);left:calc((
|
|
237
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
474
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
475
|
+
0px
|
|
238
476
|
)*-1);right:calc((
|
|
239
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
477
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
478
|
+
0px
|
|
240
479
|
)*-1);top:calc((
|
|
241
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
480
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
481
|
+
0px
|
|
242
482
|
)*-1)}}@keyframes outline-animation--QUfm3{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextarea-errorMessage--YpckF{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditibaleTextInput-errorIcon--vEwLg{vertical-align:middle}.MrlEditableTextarea--wrapper--h6z0w:hover .MrlEditableTextarea--AXbhU:not(:focus,:disabled,.MrlEditableTextarea--readOnly--nlvYC),.MrlLabel:hover+.MrlEditableTextarea--wrapper--h6z0w .MrlEditableTextarea--AXbhU:not(:focus,:disabled,.MrlEditableTextarea--readOnly--nlvYC){background-color:var(--mrl-black-opacity-00);padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextarea--wrapper--h6z0w:hover .MrlEditableTextarea--readOnly--nlvYC:not(:focus),.MrlLabel:hover+.MrlEditableTextarea--wrapper--h6z0w .MrlEditableTextarea--readOnly--nlvYC:not(:focus){background-color:var(--mrl-text-input-background)}
|
|
243
483
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{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-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:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--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) )}.MrlEditableTextarea:not(:disabled):read-only{--mrl-text-input-background: none;color:var(--mrl-text-input-color-read-only)}.MrlLabel:has(+.MrlEditableTextarea--wrapper){margin-bottom:0;padding-bottom:var(--mrl-label-offset-vertical)}.MrlEditableTextarea--wrapper{display:flex;flex-direction:column;position:relative}.MrlEditableTextarea--wrapper:hover .MrlEditableTextarea:not(:focus,:disabled,:read-only){background-color:var(--mrl-black-opacity-00)}
|
|
244
484
|
: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-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--rytmK:checked~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:checked~.MrlCheckboxStandalone-inputDisplay--wPiiP,.mrl-checkbox-input--rytmK:indeterminate~.mrl-checkbox-inputDisplay--vjfjF,.MrlCheckboxStandalone-input--iem7x:indeterminate~.MrlCheckboxStandalone-inputDisplay--wPiiP{--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--p1K4F{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Ulf8q{--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--H_2sF{--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--Ulf8q.mrl-is--disabled--mtEhB{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Ulf8q{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--H_2sF{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--raDwL{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)}
|
|
245
485
|
.mrl-u-focus-wrapper--FmPvB{position:relative}.MrlForm-counter--Mhb7_{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-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--qMiRz:checked~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0,.mrl-checkbox-input--qMiRz:indeterminate~.mrl-checkbox-inputDisplay--gDjCF,.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0{--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) )}.MrlCheckboxStandalone-input--O6G41[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:checked[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-error);--mrl-checkbox-input-background: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input--O6G41:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone-input--O6G41:checked:disabled~.MrlCheckboxStandalone-inputDisplay--TT8t0{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled);--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone--ChU0R:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckboxStandalone--ChU0R{height:var(--mrl-checkbox-input-affordance);padding:var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-checkbox-input-inset) var(--mrl-spacing-01);width:var(--mrl-checkbox-input-affordance);align-items:center;display:flex;min-height:var(--mrl-checkbox-height);position:relative}.MrlCheckboxStandalone-inputDisplay--TT8t0{background:var(--mrl-checkbox-input-background);border-color:var(--mrl-checkbox-input-border-color);border-radius:var(--mrl-checkbox-input-border-radius);border-style:solid;border-width:var(--mrl-checkbox-input-border-width);color:var(--mrl-checkbox-input-color);display:flex;height:var(--mrl-checkbox-input-size);width:var(--mrl-checkbox-input-size);z-index:1}.MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:none}.MrlCheckboxStandalone-input--O6G41{cursor:pointer;height:var(--mrl-checkbox-input-size);margin:0;opacity:0;width:var(--mrl-checkbox-input-size);z-index:2}.MrlCheckboxStandalone-input--O6G41:checked~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone-input--O6G41:indeterminate~.MrlCheckboxStandalone-inputDisplay--TT8t0 .MrlCheckboxStandalone-inputDisplay-icon--UlYn3{display:block}.MrlCheckboxStandalone--ChU0R .MrlCheckboxStandalone-input--O6G41{left:0;position:absolute}
|
|
246
486
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{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-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:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--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) )}.MrlCheckboxStandalone-input[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input:checked[aria-invalid=true]~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error);--mrl-checkbox-input-background: var(--mrl-color-background-error)}.MrlCheckboxStandalone-input:disabled~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone-input:checked:disabled~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled);--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckboxStandalone:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckboxStandalone-input{position:relative;position:absolute}.MrlCheckboxStandalone-input:focus-visible+.mrl-u-focus-indicator{outline:none}.MrlCheckboxStandalone-input:focus-visible+.mrl-u-focus-indicator::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
247
487
|
var(--mrl-border-radius-content) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
248
|
-
);bottom:calc((
|
|
249
|
-
|
|
488
|
+
);bottom:calc((
|
|
489
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
490
|
+
0px
|
|
491
|
+
)*-1);content:"";display:block;left:calc((
|
|
492
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
493
|
+
0px
|
|
494
|
+
)*-1);position:absolute;right:calc((
|
|
495
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
496
|
+
0px
|
|
497
|
+
)*-1);top:calc((
|
|
498
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
499
|
+
0px
|
|
500
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
501
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
502
|
+
0px
|
|
250
503
|
)*-1);left:calc((
|
|
251
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
504
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
505
|
+
0px
|
|
252
506
|
)*-1);right:calc((
|
|
253
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
507
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
508
|
+
0px
|
|
254
509
|
)*-1);top:calc((
|
|
255
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
510
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
511
|
+
0px
|
|
256
512
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
257
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
513
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
514
|
+
0px
|
|
258
515
|
)*-1);left:calc((
|
|
259
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
516
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
517
|
+
0px
|
|
260
518
|
)*-1);right:calc((
|
|
261
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
519
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
520
|
+
0px
|
|
262
521
|
)*-1);top:calc((
|
|
263
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
522
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
523
|
+
0px
|
|
264
524
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlCheckboxStandalone-input+.mrl-u-focus-indicator{position:absolute;left:0;top:auto;height:var(--mrl-checkbox-input-size);width:var(--mrl-checkbox-input-size)}
|
|
265
525
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{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-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:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--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) )}.MrlCheckbox-input[aria-invalid=true]~.mrl-checkbox-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckbox:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckbox-input:disabled~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckbox-input:checked:disabled~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckbox-input:checked[aria-invalid=true]~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-background: var(--mrl-color-background-error)}
|
|
266
526
|
.mrl-u-focus-wrapper--J4NIN{position:relative}.MrlForm-counter--Wps4V{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-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--EWzVb:checked~.mrl-checkbox-inputDisplay--NUlgK,.MrlCheckboxStandalone-input--hNIDh:checked~.MrlCheckboxStandalone-inputDisplay--pzqQY,.mrl-checkbox-input--EWzVb:indeterminate~.mrl-checkbox-inputDisplay--NUlgK,.MrlCheckboxStandalone-input--hNIDh:indeterminate~.MrlCheckboxStandalone-inputDisplay--pzqQY{--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) )}.MrlCheckbox-input--Vxalf[aria-invalid=true]~.mrl-checkbox-inputDisplay--NUlgK{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckbox--e3NFY:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckbox--e3NFY{align-items:center;display:flex;min-height:var(--mrl-checkbox-height);position:relative}.MrlCheckbox--e3NFY .MrlCheckboxStandalone{padding-right:var(--mrl-checkbox-input-inset)}.MrlCheckbox--e3NFY :first-child{align-self:flex-start}
|
|
267
527
|
.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-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)}
|
|
268
528
|
.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
269
529
|
var(--mrl-border-radius-rounded) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
270
|
-
);bottom:calc((
|
|
271
|
-
|
|
530
|
+
);bottom:calc((
|
|
531
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
532
|
+
0px
|
|
533
|
+
)*-1);content:"";display:block;left:calc((
|
|
534
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
535
|
+
0px
|
|
536
|
+
)*-1);position:absolute;right:calc((
|
|
537
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
538
|
+
0px
|
|
539
|
+
)*-1);top:calc((
|
|
540
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
541
|
+
0px
|
|
542
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
543
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
544
|
+
0px
|
|
272
545
|
)*-1);left:calc((
|
|
273
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
546
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
547
|
+
0px
|
|
274
548
|
)*-1);right:calc((
|
|
275
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
549
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
550
|
+
0px
|
|
276
551
|
)*-1);top:calc((
|
|
277
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
552
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
553
|
+
0px
|
|
278
554
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
279
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
555
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
556
|
+
0px
|
|
280
557
|
)*-1);left:calc((
|
|
281
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
558
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
559
|
+
0px
|
|
282
560
|
)*-1);right:calc((
|
|
283
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
561
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
562
|
+
0px
|
|
284
563
|
)*-1);top:calc((
|
|
285
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
564
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
565
|
+
0px
|
|
286
566
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlRadioButtonStandalone-focus-indicator{height:var(--mrl-radio-button-height);left:0;pointer-events:none;position:absolute;top:auto;width:var(--mrl-radio-button-width)}
|
|
287
567
|
.MrlRadioButton--w8iVK{align-items:center;display:flex}.MrlRadioButton--w8iVK>:first-child{align-self:flex-start}
|
|
288
568
|
.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:rgba(var(--mrl-gray-80), 1);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--z_J5F .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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
289
569
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
290
|
-
);bottom:calc((
|
|
291
|
-
|
|
570
|
+
);bottom:calc((
|
|
571
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
572
|
+
0px
|
|
573
|
+
)*-1);content:"";display:block;left:calc((
|
|
574
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
575
|
+
0px
|
|
576
|
+
)*-1);position:absolute;right:calc((
|
|
577
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
578
|
+
0px
|
|
579
|
+
)*-1);top:calc((
|
|
580
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
581
|
+
0px
|
|
582
|
+
)*-1);z-index:1;animation-name:border-animation--K5EQd}@keyframes border-animation--K5EQd{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
583
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
584
|
+
0px
|
|
292
585
|
)*-1);left:calc((
|
|
293
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
586
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
587
|
+
0px
|
|
294
588
|
)*-1);right:calc((
|
|
295
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
589
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
590
|
+
0px
|
|
296
591
|
)*-1);top:calc((
|
|
297
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
592
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
593
|
+
0px
|
|
298
594
|
)*-1)}}@keyframes border-animation-inverse--J3M_h{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
299
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
595
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
596
|
+
0px
|
|
300
597
|
)*-1);left:calc((
|
|
301
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
598
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
599
|
+
0px
|
|
302
600
|
)*-1);right:calc((
|
|
303
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
601
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
602
|
+
0px
|
|
304
603
|
)*-1);top:calc((
|
|
305
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
604
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
605
|
+
0px
|
|
306
606
|
)*-1)}}.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)}
|
|
307
607
|
: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-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;margin-bottom:0}.MrlSwitch-disabled--iS1ZX{color:rgba(var(--mrl-gray-40), 1)}
|
|
308
608
|
.mrl-u-focus-wrapper--lYeyb{position:relative}.MrlForm-counter--RecKb{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-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--LZVKE:checked~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:checked~.MrlCheckboxStandalone-inputDisplay--DbFyR,.mrl-checkbox-input--LZVKE:indeterminate~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:indeterminate~.MrlCheckboxStandalone-inputDisplay--DbFyR{--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) )}.MrlDatePicker--XlHsm{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),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;height:var(--mrl-spacing-09)}.MrlDatePicker--XlHsm::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlDatePicker--XlHsm:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlDatePicker--XlHsm:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlDatePicker--XlHsm:focus-visible{outline:none}.MrlDatePicker--XlHsm:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlDatePicker--XlHsm:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlDatePicker--XlHsm[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlDatePicker--XlHsm:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlDatePicker--XlHsm:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--F3dEW;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--F3dEW{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlDatePicker--XlHsm[type=date]::-webkit-calendar-picker-indicator{opacity:0}.MrlDatePicker--borderless--tv3rF{background-color:var(--mrl-color-background-input);border-color:rgba(0,0,0,0);padding-left:0}.MrlDatePicker--borderless--tv3rF.MrlDatePicker--active--k2AUt{border-color:rgba(0,0,0,0)}.MrlDatePicker--container--RP6Y4{position:relative}.MrlDatePicker--container--RP6Y4:focus-within .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:active .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:hover .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled){background-color:var(--mrl-black-opacity-01);padding-left:var(--mrl-space-inset-control-small)}.MrlDatePicker--active--k2AUt{border-color:var(--mrl-text-input-border-color-hover)}.MrlDatePicker--icon--NjiU_{color:var(--mrl-text-input-border-color);display:flex;pointer-events:none;position:absolute;right:var(--mrl-spacing-03);top:var(--mrl-spacing-03)}.MrlDatePicker--icon-active--Dr0mh{color:var(--mrl-text-input-border-color-hover)}
|
|
@@ -325,77 +625,157 @@
|
|
|
325
625
|
.MrlBrandColor-color-black--qezls{background-color:#000;grid-area:color-black}.MrlBrandColor-color-jade--FXR41{background-color:#00c27a;grid-area:color-jade}.MrlBrandColor-color-blue--QTrte{background-color:#5887ff;grid-area:color-blue}.MrlBrandColor-color-pink--ec2Rk{background-color:#fc83ff;grid-area:color-pink}.MrlBrandColor-color-red--m9sa2{background-color:#ff4b4b;grid-area:color-red}.MrlBrandColor-color-yellow--VsIdM{background-color:#fa0;grid-area:color-yellow}.MrlBrandColor-color-grape--FcHD9{background-color:#be53ff;grid-area:color-grape}.MrlBrandColor-color-sky--CTufh{background-color:#79c1ff;grid-area:color-sky}.MrlBrandColor-color-lemon--vKUgk{background-color:#ffe146;grid-area:color-lemon}.MrlBrandColor-color-lavander--jdxdU{background-color:#e6bfff;grid-area:color-lavander}.MrlBrandColors--cnjoA{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:1fr;height:15rem;width:100%}.MrlPattern-01--UGBWG{grid-template-areas:" color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink"}.MrlPattern-02--ShfYW{grid-template-areas:" color-red color-red color-red color-red color-red color-grape color-grape color-grape"}.MrlPattern-03--L1EDT{grid-template-areas:" color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade"}.MrlPattern-04--bVc3U{grid-template-areas:" color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon"}.MrlPattern-05--DRK3W{grid-template-areas:" color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade"}.MrlPattern-06--zkwV6{grid-template-areas:" color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black"}@media(min-width: 37.5rem){.MrlBrandColors--cnjoA{grid-template-columns:repeat(32, 1fr)}.MrlPattern-01--UGBWG{grid-template-areas:" color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-red color-red color-red color-red color-red color-red color-black color-black color-black"}.MrlPattern-02--ShfYW{grid-template-areas:" color-blue color-blue color-blue color-black color-black color-black color-yellow color-red color-red color-red color-red color-red color-red color-red color-red color-red color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-jade color-jade color-jade color-jade color-jade color-jade"}.MrlPattern-03--L1EDT{grid-template-areas:" color-black color-black color-black color-lemon color-lemon color-red color-red color-red color-red color-red color-red color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade color-jade color-jade color-jade color-jade color-sky color-sky color-sky color-sky"}.MrlPattern-04--bVc3U{grid-template-areas:" color-jade color-jade color-sky color-sky color-sky color-sky color-sky color-sky color-black color-black color-black color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-red color-red"}.MrlPattern-05--DRK3W{grid-template-areas:" color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-blue color-blue color-blue color-blue color-blue color-blue color-blue color-red color-red"}.MrlPattern-06--zkwV6{grid-template-areas:" color-yellow color-yellow color-yellow color-yellow color-yellow color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-black color-red color-sky color-sky color-sky color-sky color-sky color-sky color-sky color-sky"}}
|
|
326
626
|
.mrl-u-focus-wrapper--sGwMW{position:relative}a.mrl-link--Xzu_x{--mrl-link-border-style: solid;--mrl-link-border-width: var(--mrl-line-width-border);--mrl-link-color: rgba(var(--mrl-gray-90), 1);--mrl-link-color-active: rgb(var(--mrl-blue-90));--mrl-link-color-hover: rgb(var(--mrl-blue-70));--mrl-link-font-weight: 700;--mrl-link-border-width-focus: var(--mrl-line-width-focus);--mrl-link-color-focus: var(--mrl-color-focus);--mrl-link-offset-focus: var(--mrl-space-offset-focus)}a.mrl-link--mono--LL0fI:hover{--mrl-link-color-hover: rgba(var(--mrl-gray-100), 1)}a.mrl-link--mono--LL0fI:active{--mrl-link-color-active: rgba(var(--mrl-black), 1)}a.mrl-link--inverse--bzMVs{--mrl-link-color: var(--mrl-color-text-inverse)}a.mrl-link--inverse--bzMVs:hover{--mrl-link-color-hover: var(--mrl-white-opacity-08)}a.mrl-link--inverse--bzMVs:active{--mrl-link-color-active: var(--mrl-white-opacity-06)}.mrl-link--Xzu_x{position:relative;align-items:center;color:var(--mrl-link-color);display:inline-flex;font-weight:var(--mrl-link-font-weight);text-decoration:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m2);transition-property:border-color,color}.mrl-link--Xzu_x:focus-visible{outline:none}.mrl-link--Xzu_x:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
327
627
|
var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
328
|
-
);bottom:calc((
|
|
329
|
-
|
|
628
|
+
);bottom:calc((
|
|
629
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
630
|
+
var(--mrl-link-border-width)
|
|
631
|
+
)*-1);content:"";display:block;left:calc((
|
|
632
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
633
|
+
var(--mrl-link-border-width)
|
|
634
|
+
)*-1);position:absolute;right:calc((
|
|
635
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
636
|
+
var(--mrl-link-border-width)
|
|
637
|
+
)*-1);top:calc((
|
|
638
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
639
|
+
var(--mrl-link-border-width)
|
|
640
|
+
)*-1);z-index:1;animation-name:border-animation--yBIrx}@keyframes border-animation--yBIrx{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
641
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
642
|
+
var(--mrl-link-border-width)
|
|
330
643
|
)*-1);left:calc((
|
|
331
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
644
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
645
|
+
var(--mrl-link-border-width)
|
|
332
646
|
)*-1);right:calc((
|
|
333
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
647
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
648
|
+
var(--mrl-link-border-width)
|
|
334
649
|
)*-1);top:calc((
|
|
335
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
650
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
651
|
+
var(--mrl-link-border-width)
|
|
336
652
|
)*-1)}}@keyframes border-animation-inverse--axDWs{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
337
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
653
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
654
|
+
var(--mrl-link-border-width)
|
|
338
655
|
)*-1);left:calc((
|
|
339
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
656
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
657
|
+
var(--mrl-link-border-width)
|
|
340
658
|
)*-1);right:calc((
|
|
341
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
659
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
660
|
+
var(--mrl-link-border-width)
|
|
342
661
|
)*-1);top:calc((
|
|
343
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
662
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
663
|
+
var(--mrl-link-border-width)
|
|
344
664
|
)*-1)}}@keyframes outline-animation--G9mhb{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlLinkText--m_Pyz{border-bottom:var(--mrl-link-border-width) var(--mrl-link-border-style) currentcolor}a.mrl-link--inverse--bzMVs{position:relative}a.mrl-link--inverse--bzMVs:focus-visible{outline:none}a.mrl-link--inverse--bzMVs:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
345
665
|
var(--mrl-radii-02) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
346
|
-
);bottom:calc((
|
|
347
|
-
|
|
666
|
+
);bottom:calc((
|
|
667
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
668
|
+
var(--mrl-link-border-width)
|
|
669
|
+
)*-1);content:"";display:block;left:calc((
|
|
670
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
671
|
+
var(--mrl-link-border-width)
|
|
672
|
+
)*-1);position:absolute;right:calc((
|
|
673
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
674
|
+
var(--mrl-link-border-width)
|
|
675
|
+
)*-1);top:calc((
|
|
676
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
677
|
+
var(--mrl-link-border-width)
|
|
678
|
+
)*-1);z-index:1;animation-name:border-animation-inverse--axDWs}@keyframes border-animation--yBIrx{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
679
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
680
|
+
var(--mrl-link-border-width)
|
|
348
681
|
)*-1);left:calc((
|
|
349
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
682
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
683
|
+
var(--mrl-link-border-width)
|
|
350
684
|
)*-1);right:calc((
|
|
351
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
685
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
686
|
+
var(--mrl-link-border-width)
|
|
352
687
|
)*-1);top:calc((
|
|
353
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
688
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
689
|
+
var(--mrl-link-border-width)
|
|
354
690
|
)*-1)}}@keyframes border-animation-inverse--axDWs{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
355
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
691
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
692
|
+
var(--mrl-link-border-width)
|
|
356
693
|
)*-1);left:calc((
|
|
357
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
694
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
695
|
+
var(--mrl-link-border-width)
|
|
358
696
|
)*-1);right:calc((
|
|
359
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
697
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
698
|
+
var(--mrl-link-border-width)
|
|
360
699
|
)*-1);top:calc((
|
|
361
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
700
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
701
|
+
var(--mrl-link-border-width)
|
|
362
702
|
)*-1)}}@keyframes outline-animation--G9mhb{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}a.mrl-link--Xzu_x:visited{color:rgb(var(--mrl-blue-100))}a.mrl-link--mono--LL0fI:visited{color:rgb(var(--mrl-gray-80))}a.mrl-link--inverse--bzMVs:visited{color:rgb(var(--mrl-white))}a.mrl-link--Xzu_x:hover{color:var(--mrl-link-color-hover)}a.mrl-link--Xzu_x:active{color:var(--mrl-link-color-active)}a.mrl-link--large--a1aPV{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}a.mrl-link--medium--RPXCU{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)}a.mrl-link--small--gifgD{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)}a.mrl-link--xsmall--pdESI{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)}a.mrl-link--simple--GLfdf .MrlLinkText--m_Pyz{border-bottom:none;text-decoration:underline}.MrlLinkIcon--O8nJ8{margin-left:var(--mrl-spacing-01);margin-top:calc(var(--mrl-spacing-01)*-1)}.mrl-link--small--gifgD .MrlLinkIcon--O8nJ8{height:auto;width:var(--mrl-spacing-05)}.mrl-link--xsmall--pdESI .MrlLinkIcon--O8nJ8{height:auto;width:calc(var(--mrl-spacing-04) + var(--mrl-spacing-01))}
|
|
363
703
|
.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
364
704
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
365
|
-
);bottom:calc((
|
|
366
|
-
|
|
705
|
+
);bottom:calc((
|
|
706
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
707
|
+
0px
|
|
708
|
+
)*-1);content:"";display:block;left:calc((
|
|
709
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
710
|
+
0px
|
|
711
|
+
)*-1);position:absolute;right:calc((
|
|
712
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
713
|
+
0px
|
|
714
|
+
)*-1);top:calc((
|
|
715
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
716
|
+
0px
|
|
717
|
+
)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
718
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
719
|
+
0px
|
|
367
720
|
)*-1);left:calc((
|
|
368
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
721
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
722
|
+
0px
|
|
369
723
|
)*-1);right:calc((
|
|
370
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
724
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
725
|
+
0px
|
|
371
726
|
)*-1);top:calc((
|
|
372
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
727
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
728
|
+
0px
|
|
373
729
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
374
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
730
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
731
|
+
0px
|
|
375
732
|
)*-1);left:calc((
|
|
376
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
733
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
734
|
+
0px
|
|
377
735
|
)*-1);right:calc((
|
|
378
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
736
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
737
|
+
0px
|
|
379
738
|
)*-1);top:calc((
|
|
380
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
739
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
740
|
+
0px
|
|
381
741
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.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-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
382
742
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
383
|
-
);bottom:calc((
|
|
384
|
-
|
|
743
|
+
);bottom:calc((
|
|
744
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
745
|
+
0px
|
|
746
|
+
)*-1);content:"";display:block;left:calc((
|
|
747
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
748
|
+
0px
|
|
749
|
+
)*-1);position:absolute;right:calc((
|
|
750
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
751
|
+
0px
|
|
752
|
+
)*-1);top:calc((
|
|
753
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
754
|
+
0px
|
|
755
|
+
)*-1);z-index:1;animation-name:border-animation-inverse}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
756
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
757
|
+
0px
|
|
385
758
|
)*-1);left:calc((
|
|
386
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
759
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
760
|
+
0px
|
|
387
761
|
)*-1);right:calc((
|
|
388
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
762
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
763
|
+
0px
|
|
389
764
|
)*-1);top:calc((
|
|
390
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
765
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
766
|
+
0px
|
|
391
767
|
)*-1)}}@keyframes border-animation-inverse{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
392
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
768
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
769
|
+
0px
|
|
393
770
|
)*-1);left:calc((
|
|
394
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
771
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
772
|
+
0px
|
|
395
773
|
)*-1);right:calc((
|
|
396
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
774
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
775
|
+
0px
|
|
397
776
|
)*-1);top:calc((
|
|
398
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
777
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
778
|
+
0px
|
|
399
779
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex;flex-direction:inherit}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton--loading .MrlSpinner-container{margin:0 auto;position:absolute}.mrlButton .mrlButton--loading .mrlButton-text{opacity:0}.mrlButton.mrlButton--icon-after .MrlSvgContainer,.mrlButton.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlButton.mrlButton--xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-space-stack-related-small) var(--mrl-space-inset)}.mrlButton.mrlButton--xsmall.mrlButton--ghost,.mrlButton.mrlButton--xsmall.mrlButton--ghost-inverse{padding:var(--mrl-space-stack-related-small)}.mrlButton.mrlButton--xsmall .MrlSvgContainer,.mrlButton.mrlButton--xsmall .MrlSpinner-container{height:var(--mrl-button-icon-size);margin-left:var(--mrl-spacing-01)}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--xsmall{padding-left:var(--mrl-spacing-02)}.mrlButton--icon-before.mrlButton--xsmall .MrlSvgContainer,.mrlButton--icon-before.mrlButton--xsmall .MrlSpinner-container{margin-left:0;margin-right:var(--mrl-spacing-01)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--xsmall{padding-right:var(--mrl-spacing-02)}.mrlButton--icon-after.mrlButton--xsmall .MrlSvgContainer{margin-left:var(--mrl-spacing-01);margin-right:0}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlLinkButton{text-decoration:none}
|
|
400
780
|
.MrlProgressBar-container--fe9Ne{min-width:4.25rem;padding:var(--mrl-spacing-03);width:auto}.MrlProgressBar--CTsQm{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);overflow:hidden;position:relative;width:100%}.MrlProgressBar--complete--Vb2oS{background-color:rgba(var(--mrl-blue-70), 1);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);left:0;position:absolute;top:0}.MrlProgressBar--textContainer--fLrQK{margin-top:var(--mrl-spacing-03);text-align:center}@keyframes timed--mVBU9{0%{width:0}15%{width:25%}70%{width:72.5%}100%{width:100%}}.MrlProgressBar--timed--teE4n{animation-name:timed--mVBU9;animation-timing-function:var(--mrl-timing-m1);width:100%}@keyframes indeterminate--lmBAm{from{left:-100%}to{left:100%}}.MrlProgressBar--indeterminate--hpJSe{animation:2s indeterminate--lmBAm var(--mrl-timing-m1) infinite;left:-100%;width:200%}
|
|
401
781
|
.MrlMenu--MiPQM{background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);flex-direction:column;opacity:0;overflow:visible;z-index:500}.MrlMenu--MiPQM ul[role=menu]{min-height:var(--mrl-spacing-10);overflow-x:visible;padding:var(--mrl-spacing-04)}.MrlMenu--internal--S1x5t{box-shadow:none}.MrlMenu--internal--S1x5t ul[role=menu]{padding:0}.MrlMenu--compact--HH6o0 ul[role=menu]{padding:var(--mrl-space-stack-related)}.MrlMenu--scrolling--aBcqE ul[role=menu]{box-sizing:border-box;min-height:calc(3*var(--mrl-spacing-08) + 3*var(--mrl-spacing-03));overflow:hidden auto}.MrlMenu--ignore--O2xHa{max-height:calc(100vh - 32px)}.MrlMenu--ignore--O2xHa ul[role=menu]{overflow:hidden auto}.MrlMenu--submenu--gtaMo{left:97%;position:absolute}.MrlMenu--MiPQM.open--pAnde{display:flex}
|
|
@@ -424,105 +804,205 @@
|
|
|
424
804
|
.MrlTable--rQtCh{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--n28A8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableHeader--XRtgB{background-color:var(--mrl-table-header-background);border-bottom:var(--mrl-table-header-row-border-bottom)}
|
|
425
805
|
.MrlTable--Menop{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--EMdMH{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.mrl-u-focus-wrapper--a4h9J{position:relative}.MrlTableRow--vJGYJ{background-color:var(--mrl-table-row-background);border-bottom:var(--mrl-table-row-border-bottom);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);height:var(--mrl-table-row-height);outline:none}.MrlTableRow--vJGYJ:hover:not(.MrlTableRow--selected)>td{background-color:var(--mrl-table-row-background-hover)}.MrlTableRow--vJGYJ:focus-visible{position:relative}.MrlTableRow--vJGYJ:focus-visible:focus-visible{outline:none}.MrlTableRow--vJGYJ:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
426
806
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
427
|
-
);bottom:calc((
|
|
428
|
-
|
|
807
|
+
);bottom:calc((
|
|
808
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
809
|
+
0px
|
|
810
|
+
)*-1);content:"";display:block;left:calc((
|
|
811
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
812
|
+
0px
|
|
813
|
+
)*-1);position:absolute;right:calc((
|
|
814
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
815
|
+
0px
|
|
816
|
+
)*-1);top:calc((
|
|
817
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
818
|
+
0px
|
|
819
|
+
)*-1);z-index:1;animation-name:border-animation--vE0v9}@keyframes border-animation--vE0v9{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
820
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
821
|
+
0px
|
|
429
822
|
)*-1);left:calc((
|
|
430
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
823
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
824
|
+
0px
|
|
431
825
|
)*-1);right:calc((
|
|
432
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
826
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
827
|
+
0px
|
|
433
828
|
)*-1);top:calc((
|
|
434
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
829
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
830
|
+
0px
|
|
435
831
|
)*-1)}}@keyframes border-animation-inverse--fLkd9{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
436
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
832
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
833
|
+
0px
|
|
437
834
|
)*-1);left:calc((
|
|
438
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
835
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
836
|
+
0px
|
|
439
837
|
)*-1);right:calc((
|
|
440
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
838
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
839
|
+
0px
|
|
441
840
|
)*-1);top:calc((
|
|
442
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
841
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
842
|
+
0px
|
|
443
843
|
)*-1)}}@keyframes outline-animation--S7CoF{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}
|
|
444
844
|
.MrlTable--SmJkA{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Ub9_k{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableEmptyState--Ub9_k{align-items:center;background-color:var(--mrl-black-opacity-00);color:var(--mrl-color-text-secondary);display:flex;font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);justify-content:center;min-height:var(--mrl-table-empty-state-min-height);padding-block:var(--mrl-table-empty-state-padding-block);padding-inline:var(--mrl-table-empty-state-padding-block)}
|
|
445
845
|
.mrl-u-focus-wrapper--QjUJG{position:relative}.MrlTable--CMSOc{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--PQ2NS{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlSmartTable--accessible-visually-hidden-button--erUml{all:unset;cursor:pointer}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus{outline:revert}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus-visible{position:relative}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus-visible:focus-visible{outline:none}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
446
846
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
447
|
-
);bottom:calc((
|
|
448
|
-
|
|
847
|
+
);bottom:calc((
|
|
848
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
849
|
+
0px
|
|
850
|
+
)*-1);content:"";display:block;left:calc((
|
|
851
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
852
|
+
0px
|
|
853
|
+
)*-1);position:absolute;right:calc((
|
|
854
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
855
|
+
0px
|
|
856
|
+
)*-1);top:calc((
|
|
857
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
858
|
+
0px
|
|
859
|
+
)*-1);z-index:1;animation-name:border-animation--_zXO2}@keyframes border-animation--_zXO2{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
860
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
861
|
+
0px
|
|
449
862
|
)*-1);left:calc((
|
|
450
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
863
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
864
|
+
0px
|
|
451
865
|
)*-1);right:calc((
|
|
452
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
866
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
867
|
+
0px
|
|
453
868
|
)*-1);top:calc((
|
|
454
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
869
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
870
|
+
0px
|
|
455
871
|
)*-1)}}@keyframes border-animation-inverse--XkouG{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
456
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
872
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
873
|
+
0px
|
|
457
874
|
)*-1);left:calc((
|
|
458
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
875
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
876
|
+
0px
|
|
459
877
|
)*-1);right:calc((
|
|
460
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
878
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
879
|
+
0px
|
|
461
880
|
)*-1);top:calc((
|
|
462
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
881
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
882
|
+
0px
|
|
463
883
|
)*-1)}}@keyframes outline-animation--wJpOF{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlSmartTable--accessible-visually-hidden-button--erUml.align-right--VVDdC{width:100%}.allowsSorting--_DUfv{align-items:center;display:flex;gap:var(--mrl-spacing-01);justify-content:flex-start;width:100%}.allowsSorting--_DUfv.align-right--VVDdC{justify-content:flex-end}.allowsSorting--_DUfv.align-right--VVDdC.noSortSelected--r3VQD{padding-left:calc(var(--mrl-spacing-06) + var(--mrl-spacing-01))}.empty-icon-space--gzPV_{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlTableRow--selected--Y0VsA,.MrlTableRow--selected--Y0VsA>.MrlTableCell{background-color:var(--mrl-table-row-background-selected);border-bottom-color:rgba(var(--mrl-blue-20), 1)}.MrlTableRow--disabled--VhrIn,.MrlTableRow--disabled--VhrIn>.MrlTableCell{color:var(--mrl-table-disabled-color)}
|
|
464
884
|
.mrl-u-focus-wrapper--Qlq12{position:relative}.MrlTab-Text--FSRrk{border-bottom:var(--mrl-line-width-control) solid rgba(0,0,0,0);display:block;line-height:var(--mrl-line-height-08);margin:0;padding:var(--mrl-space-stack-related-small) var(--mrl-space-stack-related) var(--mrl-spacing-01);position:relative;text-wrap:nowrap;z-index:5}.MrlTab-icon--NYAn0{display:block;height:var(--mrl-spacing-07);margin:var(--mrl-spacing-01) auto;overflow:hidden;width:var(--mrl-spacing-07)}.MrlTab--or1g5{background-color:rgba(0,0,0,0);border:none;color:var(--mrl-color-text-emph);cursor:pointer;display:inline-block;font-family:var(--mrl-heading-font);font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-02);letter-spacing:var(--mrl-letter-spacing-04);line-height:var(--mrl-line-height-08);margin-left:var(--mrl-spacing-03);padding:0;position:relative;text-decoration:none;vertical-align:bottom}.MrlTab--or1g5:first-child{margin-left:0}.MrlTab--or1g5:not(.MrlTab-selected--yG1_K) .MrlTab-icon--NYAn0{opacity:.8}.MrlTab--or1g5:hover{color:var(--mrl-color-text-hover)}.MrlTab--or1g5:hover .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab--or1g5:active{color:var(--mrl-color-text-active)}.MrlTab--or1g5:active .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:focus-visible{background-color:var(--mrl-color-background);border-color:rgba(0,0,0,0);outline:none}.MrlTab--or1g5:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
465
885
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
466
|
-
);bottom:calc((
|
|
467
|
-
|
|
886
|
+
);bottom:calc((
|
|
887
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
888
|
+
0px
|
|
889
|
+
)*-1);content:"";display:block;left:calc((
|
|
890
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
891
|
+
0px
|
|
892
|
+
)*-1);position:absolute;right:calc((
|
|
893
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
894
|
+
0px
|
|
895
|
+
)*-1);top:calc((
|
|
896
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
897
|
+
0px
|
|
898
|
+
)*-1);z-index:1;animation-name:border-animation--yEmUL;border-radius:var(--mrl-border-radius-content-large)}@keyframes border-animation--yEmUL{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
899
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
900
|
+
0px
|
|
468
901
|
)*-1);left:calc((
|
|
469
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
902
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
903
|
+
0px
|
|
470
904
|
)*-1);right:calc((
|
|
471
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
905
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
906
|
+
0px
|
|
472
907
|
)*-1);top:calc((
|
|
473
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
908
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
909
|
+
0px
|
|
474
910
|
)*-1)}}@keyframes border-animation-inverse--kUrJ9{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
475
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
911
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
912
|
+
0px
|
|
476
913
|
)*-1);left:calc((
|
|
477
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
914
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
915
|
+
0px
|
|
478
916
|
)*-1);right:calc((
|
|
479
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
917
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
918
|
+
0px
|
|
480
919
|
)*-1);top:calc((
|
|
481
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
920
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
921
|
+
0px
|
|
482
922
|
)*-1)}}.MrlTab--or1g5:focus-visible .MrlTab-Text--FSRrk{border-color:var(--mrl-color-line-emph)}.MrlTab--or1g5:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab-selected--yG1_K .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTabs-caps .MrlTab--or1g5{text-transform:capitalize}.MrlTabs-large .MrlTab--or1g5{font-size:var(--mrl-font-size-03);line-height:var(--mrl-line-height-07);padding-top:var(--mrl-spacing-01)}.MrlTabs-large .MrlTab-Text--FSRrk{padding-bottom:var(--mrl-space-stack-related-small)}.MrlTabs-large .MrlTab-icon--NYAn0{margin-bottom:0;margin-top:0}.MrlTabs-evenSpacing .MrlTab--or1g5{flex:1}
|
|
483
923
|
.MrlTabContent--ns5y2{display:block;padding:var(--mrl-spacing-05) 0 0}.MrlTabContent-hidden--_6_cT{display:none}
|
|
484
924
|
.MrlTabGroup-container--BeqbP{display:flex;overflow:hidden;padding:4px;position:relative}.MrlTabGroup-container--BeqbP::before{background-color:var(--mrl-color-line-divider);bottom:4px;content:"";height:var(--mrl-line-width-control);left:-4px;position:absolute;right:-4px}.MrlTabGroup--RZrXc{display:inline-flex;position:relative;transform:translateX(0);width:100%}@media(prefers-reduced-motion: no-preference){.MrlTabGroup--RZrXc{transition:.3s ease-in-out}}.MrlTabGroup-fade--X9Xlh{bottom:6px;position:absolute;top:0;width:3.4375rem}.MrlTabGroup-fadeNext--r9cuS{background:linear-gradient(to right, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, var(--mrl-color-background) 60%);right:0}.MrlTabGroup-fadePrev--eorIU{background:linear-gradient(to left, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, rgba(var(--mrl-white), 1) 60%);left:0}.MrlTabGroup-nav--dDS_a{align-items:center;bottom:0;display:flex;position:absolute;top:0;z-index:1}.MrlTabGroup-next--I8q2G{bottom:var(--mrl-spacing-02);right:0}.MrlTabGroup-prev--wEM7T{bottom:var(--mrl-spacing-02);left:0}
|
|
485
925
|
.MrlSidebarNavGroup--k2AnI{margin-bottom:var(--mrl-spacing-07)}.MrlSidebarNavGroup-heading--e4Arl{color:var(--mrl-color-text-secondary);margin-bottom:var(--mrl-spacing-03)}
|
|
486
926
|
.mrl-u-focus-wrapper--mPi0P{position:relative}.MrlSidebarNavItem--QDN9P{height:var(--mrl-spacing-08);margin-bottom:var(--mrl-spacing-01)}.MrlSidebarNavItem--QDN9P>a{align-items:center;border-radius:var(--mrl-border-radius-content-large);color:var(--mrl-color-text-heading);display:inline-flex;height:100%;outline:none;padding:var(--mrl-spacing-03) var(--mrl-spacing-04);position:relative;text-decoration:none;width:100%;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)}.MrlSidebarNavItem--QDN9P>a:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
487
927
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
488
|
-
);bottom:calc((
|
|
489
|
-
|
|
928
|
+
);bottom:calc((
|
|
929
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
930
|
+
0px
|
|
931
|
+
)*-1);content:"";display:block;left:calc((
|
|
932
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
933
|
+
0px
|
|
934
|
+
)*-1);position:absolute;right:calc((
|
|
935
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
936
|
+
0px
|
|
937
|
+
)*-1);top:calc((
|
|
938
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
939
|
+
0px
|
|
940
|
+
)*-1);z-index:1;animation-name:border-animation--KKhVy}@keyframes border-animation--KKhVy{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
941
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
942
|
+
0px
|
|
490
943
|
)*-1);left:calc((
|
|
491
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
944
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
945
|
+
0px
|
|
492
946
|
)*-1);right:calc((
|
|
493
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
947
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
948
|
+
0px
|
|
494
949
|
)*-1);top:calc((
|
|
495
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
950
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
951
|
+
0px
|
|
496
952
|
)*-1)}}@keyframes border-animation-inverse--Qez0e{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
497
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
953
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
954
|
+
0px
|
|
498
955
|
)*-1);left:calc((
|
|
499
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
956
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
957
|
+
0px
|
|
500
958
|
)*-1);right:calc((
|
|
501
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
959
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
960
|
+
0px
|
|
502
961
|
)*-1);top:calc((
|
|
503
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
962
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
963
|
+
0px
|
|
504
964
|
)*-1)}}.MrlSidebarNavItem--QDN9P>a:hover{background-color:rgba(var(--mrl-gray-20), 1)}.MrlSidebarNavItem--QDN9P>a:active{background-color:rgba(var(--mrl-gray-30), 1)}.MrlSidebarNavItem--QDN9P.hasIcon--TUNgW>a{padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) calc(var(--mrl-spacing-01) + var(--mrl-spacing-03))}.MrlSidebarNavItem--QDN9P.MrlSidebarNavItem-selected--vA8rc a,.MrlSidebarNavItem--QDN9P.MrlSidebarNavItem-selected--vA8rc a:hover{background-color:var(--mrl-color-background-selected);color:var(--mrl-color-text-inverse-active)}.MrlSidebarNavItem-icon--VIvzN{height:var(--mrl-spacing-06);margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-03));width:var(--mrl-spacing-06)}
|
|
505
965
|
@keyframes shimmer--eczHY{0%{background-position:right}100%{background-position:left}}.MrlSkeleton--L9ZOR{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-border-radius-functional);overflow:hidden;position:relative}.MrlSkeleton--L9ZOR::after{animation-direction:normal;animation-duration:2.5s;animation-iteration-count:infinite;animation-name:shimmer--eczHY;animation-timing-function:ease-in-out;background:linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, var(--mrl-white-opacity-06) 56%, rgba(255, 255, 255, 0) 64%);background-repeat:no-repeat;background-size:400% 200%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:200%}@media(prefers-reduced-motion){.MrlSkeleton--L9ZOR::after{animation-name:none;background:var(--mrl-black-opacity-00)}}.MrlSkeleton-circle--V35an{border-radius:50%}
|
|
506
966
|
@keyframes shimmer--n2jh9{0%{background-position:right}100%{background-position:left}}.MrlSkeletonText--aZt7x{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-border-radius-functional);overflow:hidden;position:relative}.MrlSkeletonText--aZt7x::after{animation-direction:normal;animation-duration:2.5s;animation-iteration-count:infinite;animation-name:shimmer--n2jh9;animation-timing-function:ease-in-out;background:linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, var(--mrl-white-opacity-06) 56%, rgba(255, 255, 255, 0) 64%);background-repeat:no-repeat;background-size:400% 200%;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:200%}@media(prefers-reduced-motion){.MrlSkeletonText--aZt7x::after{animation-name:none;background:var(--mrl-black-opacity-00)}}.MrlSkeletonText-large--hMKwp{height:var(--mrl-spacing-03);margin-bottom:calc(calc(var(--mrl-type-size-text-large) * var(--mrl-type-line-height-text-large)) - var(--mrl-spacing-03));margin-top:calc((calc(var(--mrl-type-size-text-large) * var(--mrl-type-line-height-text-large)) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-small--c6iHj{height:var(--mrl-spacing-03);margin-bottom:calc(calc(var(--mrl-type-size-text-small) * var(--mrl-type-line-height-text-small)) - var(--mrl-spacing-03));margin-top:calc((calc(var(--mrl-type-size-text-small) * var(--mrl-type-line-height-text-small)) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-xsmall--_I_hY{height:var(--mrl-spacing-03);margin-bottom:calc(calc(var(--mrl-type-size-text-xsmall) * var(--mrl-type-line-height-text-xsmall)) - var(--mrl-spacing-03));margin-top:calc((calc(var(--mrl-type-size-text-xsmall) * var(--mrl-type-line-height-text-xsmall)) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-xxsmall--iasp3{height:var(--mrl-spacing-03);margin-bottom:calc(calc(var(--mrl-type-size-text-xxsmall) * var(--mrl-type-line-height-text-xxsmall)) - var(--mrl-spacing-03));margin-top:calc((calc(var(--mrl-type-size-text-xxsmall) * var(--mrl-type-line-height-text-xxsmall)) - var(--mrl-spacing-03))/2)}.MrlSkeletonText-medium--VD22L{height:var(--mrl-spacing-03);margin-bottom:calc(calc(var(--mrl-type-size-text) * var(--mrl-type-line-height-text)) - var(--mrl-spacing-03));margin-top:calc((calc(var(--mrl-type-size-text) * var(--mrl-type-line-height-text)) - var(--mrl-spacing-03))/2)}
|
|
507
967
|
.mrl-empty--bBaPG{text-align:center}.mrl-empty-default--UfKTY{max-width:200px}.mrl-empty-large--jiZ0b{max-width:360px}.mrl-empty-text--EE6Hx{margin:var(--mrl-spacing-05) 0}.mrl-empty-text-large--tKa8r{margin:var(--mrl-spacing-06) 0}.mrl-empty-color-text-secondary--cR3LB{color:var(--mrl-color-text-secondary)}
|
|
508
968
|
.mrl-u-focus-wrapper--U8AgI{position:relative}.MrlCallout--content--o1NZT{max-width:17.5rem}.MrlCallout--title--rEMq8{font-size:var(--mrl-font-size-03);margin-bottom:var(--mrl-spacing-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--eyebrow--zPSfr{font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-04);margin-bottom:var(--mrl-spacing-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--description--s524D p{font-size:var(--mrl-font-size-02);padding-right:var(--mrl-spacing-06)}.MrlCallout--image--F809e{margin-top:var(--mrl-spacing-05)}.MrlCallout--image--F809e img{height:auto;width:100%}.MrlCallout--footer--sjbLA{display:flex;justify-content:flex-start;margin-top:var(--mrl-spacing-05)}.MrlCallout--footer--sjbLA .mrlButton{margin-left:var(--mrl-spacing-03)}.MrlCallout--footer--sjbLA .mrlButton:first-child{margin-left:auto}.MrlCallout--O6y8L .mrlButton:focus-visible{position:relative}.MrlCallout--O6y8L .mrlButton:focus-visible:focus-visible{outline:none}.MrlCallout--O6y8L .mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
509
969
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
510
|
-
);bottom:calc((
|
|
511
|
-
|
|
970
|
+
);bottom:calc((
|
|
971
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
972
|
+
0px
|
|
973
|
+
)*-1);content:"";display:block;left:calc((
|
|
974
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
975
|
+
0px
|
|
976
|
+
)*-1);position:absolute;right:calc((
|
|
977
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
978
|
+
0px
|
|
979
|
+
)*-1);top:calc((
|
|
980
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
981
|
+
0px
|
|
982
|
+
)*-1);z-index:1;animation-name:border-animation-inverse--otiHy}@keyframes border-animation--Oj9lG{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
983
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
984
|
+
0px
|
|
512
985
|
)*-1);left:calc((
|
|
513
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
986
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
987
|
+
0px
|
|
514
988
|
)*-1);right:calc((
|
|
515
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
989
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
990
|
+
0px
|
|
516
991
|
)*-1);top:calc((
|
|
517
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
992
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
993
|
+
0px
|
|
518
994
|
)*-1)}}@keyframes border-animation-inverse--otiHy{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
519
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
995
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
996
|
+
0px
|
|
520
997
|
)*-1);left:calc((
|
|
521
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
998
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
999
|
+
0px
|
|
522
1000
|
)*-1);right:calc((
|
|
523
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1001
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1002
|
+
0px
|
|
524
1003
|
)*-1);top:calc((
|
|
525
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1004
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1005
|
+
0px
|
|
526
1006
|
)*-1)}}@keyframes outline-animation--WgPSF{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}@media screen and (min-resolution: 384dpi)and (max-resolution: 399dpi),(min-resolution: 4dppx)and (max-resolution: 3.99dppx){.MrlCallout--O6y8L>div:first-child{min-height:75px}}
|
|
527
1007
|
.MrlPanel--ctJ4U{background-color:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-raised);display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;padding:var(--mrl-spacing-06) 0 0 0;pointer-events:auto;position:relative;width:16.75rem;z-index:400}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag{margin-bottom:calc(var(--mrl-spacing-06) - var(--mrl-spacing-01));padding:0 var(--mrl-spacing-09) 0 var(--mrl-spacing-06)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag.MrlPanel--header-content-description--CUyJq{margin-bottom:calc(var(--mrl-spacing-04) - var(--mrl-spacing-01))}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--title--tyjoU{height:auto}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions--vzrrd{align-items:center;display:flex;justify-content:center;position:absolute;right:calc(var(--mrl-spacing-10) - var(--mrl-spacing-02));top:var(--mrl-spacing-04)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions-divider--xLz2L{align-self:auto}.MrlPanel--ctJ4U .MrlPanel--close--sRBzI{position:absolute;right:var(--mrl-spacing-04);top:var(--mrl-spacing-04)}.MrlPanel--scrollable--kRudV{outline:none;overflow:clip scroll;overflow-y:overlay;padding-left:var(--mrl-spacing-06);padding-right:var(--mrl-spacing-06);padding-top:var(--mrl-spacing-01)}.MrlPanel--scrollable--kRudV:focus-visible{outline:var(--mrl-spacing-01) var(--mrl-color-focus) solid}.MrlPanel--scrollable--kRudV.MrlPanel--scrollable-has-sticky-header--CIres{padding-top:0}.MrlPanel--scrollable--kRudV .MrlPanel--description--dCF7g{margin-bottom:var(--mrl-spacing-06);padding-right:var(--mrl-space-inset-container-large)}
|
|
528
1008
|
.MrlPanelFooter--iX4RS{background-color:var(--mrl-color-background);bottom:var(--mrl-spacing-03);color:rgba(var(--mrl-gray-60), 1);left:0;margin:0 var(--mrl-spacing-06);position:absolute;width:calc(100% - var(--mrl-spacing-06)*2)}.MrlPanelFooter--iX4RS .MrlPanelFooter--divider--DMvrl{margin:0 0 var(--mrl-spacing-02) 0}
|
|
@@ -531,41 +1011,81 @@
|
|
|
531
1011
|
.MrlToolbar--Lrhb6{align-items:center;background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);cursor:default;display:flex;gap:var(--mrl-spacing-02);min-height:3rem;padding:var(--mrl-spacing-03);pointer-events:all;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m3)}.MrlToolbar-inverse--OwdSd{background:var(--mrl-color-background-inverse);box-shadow:none;color:var(--mrl-color-text-inverse)}.MrlToolbar-skeleton--eWZQv.MrlToolbar-vertical--hO8hj{background-color:rgba(var(--mrl-gray-30), 1)}.MrlToolbar-medium--FKg7Y{gap:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));min-height:3.5rem;padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))}.MrlToolbar-xsmall--St9Ez{gap:var(--mrl-spacing-02);min-height:2rem;padding:var(--mrl-spacing-02)}.MrlToolbar-vertical--hO8hj{flex-direction:column;min-height:0;min-width:3rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-medium--FKg7Y{min-width:3.5rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-xsmall--St9Ez{min-width:2rem}.MrlToolbar-spaced--gmE0X{gap:var(--mrl-spacing-05);padding-left:var(--mrl-spacing-05)}.MrlToolbar-spaced--gmE0X .mrlButton--Oymf3+.mrlButton--Oymf3{margin-left:calc(var(--mrl-spacing-03)/2*-1)}
|
|
532
1012
|
.mrl-u-focus-wrapper--f4yRC{position:relative}.MrlFilterItem--qYLqp{position:relative;align-items:center;background-color:var(--mrl-color-background-decorative);border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-04);gap:var(--mrl-spacing-02);height:var(--mrl-spacing-08);justify-content:center;line-height:var(--mrl-line-height-06);min-width:3.5rem;outline-color:rgba(0,0,0,0);padding:var(--mrl-spacing-03) var(--mrl-spacing-04);text-align:center;transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp:focus-visible{outline:none}.MrlFilterItem--qYLqp:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
533
1013
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
534
|
-
);bottom:calc((
|
|
535
|
-
|
|
1014
|
+
);bottom:calc((
|
|
1015
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1016
|
+
0px
|
|
1017
|
+
)*-1);content:"";display:block;left:calc((
|
|
1018
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1019
|
+
0px
|
|
1020
|
+
)*-1);position:absolute;right:calc((
|
|
1021
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1022
|
+
0px
|
|
1023
|
+
)*-1);top:calc((
|
|
1024
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1025
|
+
0px
|
|
1026
|
+
)*-1);z-index:1;animation-name:border-animation--eZQOi}@keyframes border-animation--eZQOi{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
1027
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1028
|
+
0px
|
|
536
1029
|
)*-1);left:calc((
|
|
537
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1030
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1031
|
+
0px
|
|
538
1032
|
)*-1);right:calc((
|
|
539
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1033
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1034
|
+
0px
|
|
540
1035
|
)*-1);top:calc((
|
|
541
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1036
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1037
|
+
0px
|
|
542
1038
|
)*-1)}}@keyframes border-animation-inverse--JdAlp{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
543
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1039
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1040
|
+
0px
|
|
544
1041
|
)*-1);left:calc((
|
|
545
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1042
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1043
|
+
0px
|
|
546
1044
|
)*-1);right:calc((
|
|
547
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1045
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1046
|
+
0px
|
|
548
1047
|
)*-1);top:calc((
|
|
549
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1048
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1049
|
+
0px
|
|
550
1050
|
)*-1)}}@keyframes outline-animation--T18Ac{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlFilterItem--qYLqp::after,.MrlFilterItem--qYLqp:focus-visible::after{border-radius:var(--mrl-border-radius-rounded)}.MrlFilterItem--qYLqp .MrlBadge{border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);font-size:.625rem;font-weight:var(--mrl-font-weight-04);height:var(--mrl-spacing-05);line-height:var(--mrl-line-height-02);padding:var(--mrl-spacing-01) var(--mrl-spacing-02);transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp:hover{background-color:var(--mrl-color-background-emph-active);cursor:pointer}.MrlFilterItem--qYLqp[aria-checked=true]{background-color:var(--mrl-color-background-inverse);color:var(--mrl-color-text-inverse-selected)}.MrlFilterItem--qYLqp[aria-checked=true] .MrlBadge{background-color:var(--mrl-color-background);color:rgba(var(--mrl-gray-100), 1)}.MrlFilterItem-has-count--sHcsy{padding-right:var(--mrl-spacing-03)}
|
|
551
1051
|
.MrlFilter--f_g2l{display:flex;gap:var(--mrl-spacing-02);margin:var(--mrl-spacing-05) 0}
|
|
552
1052
|
.mrl-u-focus-wrapper--XoJ1A{position:relative}.MrlBreadcrumbItem--Yocns{align-items:center;color:var(--mrl-color-text);display:inline-flex;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);line-height:var(--mrl-line-height-06);min-height:var(--mrl-spacing-05)}.MrlBreadcrumbItem--Yocns:hover{color:var(--mrl-color-text-hover)}.MrlBreadcrumbItem--selected--qSXAB{color:var(--mrl-color-text-selected);font-weight:var(--mrl-font-weight-04)}.MrlBreadcrumbItem--Yocns a{position:relative;color:var(--mrl-color-text);padding-right:var(--mrl-spacing-01);text-decoration:none}.MrlBreadcrumbItem--Yocns a:focus-visible{outline:none}.MrlBreadcrumbItem--Yocns a:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
553
1053
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
554
|
-
);bottom:calc((
|
|
555
|
-
|
|
1054
|
+
);bottom:calc((
|
|
1055
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1056
|
+
0px
|
|
1057
|
+
)*-1);content:"";display:block;left:calc((
|
|
1058
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1059
|
+
0px
|
|
1060
|
+
)*-1);position:absolute;right:calc((
|
|
1061
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1062
|
+
0px
|
|
1063
|
+
)*-1);top:calc((
|
|
1064
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1065
|
+
0px
|
|
1066
|
+
)*-1);z-index:1;animation-name:border-animation--FcROj}@keyframes border-animation--FcROj{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
1067
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1068
|
+
0px
|
|
556
1069
|
)*-1);left:calc((
|
|
557
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1070
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1071
|
+
0px
|
|
558
1072
|
)*-1);right:calc((
|
|
559
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1073
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1074
|
+
0px
|
|
560
1075
|
)*-1);top:calc((
|
|
561
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1076
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1077
|
+
0px
|
|
562
1078
|
)*-1)}}@keyframes border-animation-inverse--OTg0y{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus-inverse);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus-inverse);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
563
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1079
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1080
|
+
0px
|
|
564
1081
|
)*-1);left:calc((
|
|
565
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1082
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1083
|
+
0px
|
|
566
1084
|
)*-1);right:calc((
|
|
567
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1085
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1086
|
+
0px
|
|
568
1087
|
)*-1);top:calc((
|
|
569
|
-
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1088
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) +
|
|
1089
|
+
0px
|
|
570
1090
|
)*-1)}}@keyframes outline-animation--AuhQN{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlBreadcrumbItem--Yocns a:focus-visible::after{border-radius:var(--mrl-radii-03)}.MrlBreadcrumbItem--Yocns a:hover{color:var(--mrl-color-text-hover)}.MrlBreadcrumbItem--Yocns a--active{color:var(--mrl-color-text-selected);font-weight:var(--mrl-font-weight-04)}.MrlBreadcrumbItem--icon--gXFtv,.MrlBreadcrumbItem--separator--TqMuV{align-items:center;color:var(--mrl-color-text);height:.75rem;margin:0 var(--mrl-spacing-01);width:.75rem}
|
|
571
1091
|
.MrlBreadcrumbs--list--ap5b9{align-items:center;display:flex;justify-items:flex-start}
|