polaris_view_components 0.1.3 → 0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +32 -3
- data/app/{javascript/polaris → assets/javascripts/polaris_view_components}/index.js +0 -0
- data/app/{javascript/polaris → assets/javascripts/polaris_view_components}/resource_item_controller.js +1 -1
- data/app/{javascript/polaris → assets/javascripts/polaris_view_components}/select_controller.js +1 -1
- data/app/{javascript/polaris → assets/javascripts/polaris_view_components}/text_field_controller.js +1 -1
- data/app/assets/javascripts/{polaris.js → polaris_view_components.js} +20 -40
- data/app/assets/stylesheets/polaris_view_components/shopify_navigation.css +136 -0
- data/app/assets/stylesheets/polaris_view_components.css +2029 -21
- data/app/assets/stylesheets/polaris_view_components.postcss.css +2 -0
- data/app/components/polaris/dropzone/controller.js +1 -1
- data/app/components/polaris/select_component.html.erb +11 -2
- data/app/components/polaris/select_component.rb +2 -0
- data/app/components/polaris/skeleton_body_text_component.html.erb +5 -0
- data/app/components/polaris/skeleton_body_text_component.rb +15 -0
- data/app/components/polaris/tag_component.html.erb +6 -0
- data/app/components/polaris/tag_component.rb +35 -0
- data/app/helpers/polaris/form_builder.rb +4 -0
- data/app/helpers/polaris/view_helper.rb +2 -0
- data/lib/generators/polaris_view_components/USAGE +5 -0
- data/lib/generators/polaris_view_components/install_generator.rb +35 -0
- data/lib/generators/polaris_view_components/templates/README +14 -0
- data/lib/generators/polaris_view_components/templates/stimulus_index.js +6 -0
- data/lib/polaris/view_components/engine.rb +3 -1
- data/lib/polaris/view_components/version.rb +1 -1
- metadata +19 -9
|
@@ -1,3 +1,2030 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
:root{ --polaris-version-number:'6.6.0'; --polaris-animation-skeleton-shimmer:polaris-SkeletonShimmerAnimation; }
|
|
3
|
+
html, body{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; font-weight:400; color:var(--p-text); }
|
|
4
|
+
@media (min-width: 40em){ html, body{ font-size:1.4rem; } }
|
|
5
|
+
html, body, button{ font-family:-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; }
|
|
6
|
+
html{ position:relative; font-size:62.5%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; }
|
|
7
|
+
body{ min-height:100%; margin:0; padding:0; background-color:#f4f6f8; }
|
|
8
|
+
@media print{ body{ background-color:transparent !important; } }
|
|
9
|
+
*, *::before, *::after{ box-sizing:border-box; }
|
|
10
|
+
h1, h2, h3, h4, h5, h6, p{ margin:0; font-size:1em; font-weight:400; }
|
|
11
|
+
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner{ border-style:none; }
|
|
12
|
+
@keyframes polaris-SkeletonShimmerAnimation{ 0%{ opacity:0.45; }
|
|
13
|
+
100%{ opacity:0.9; } }
|
|
14
|
+
.Polaris-Avatar{ position:relative; display:block; overflow:hidden; min-width:3.2rem; max-width:100%; background:var(--p-surface-neutral); color:var(--p-icon-subdued); border-radius:3rem; -webkit-user-select:none; user-select:none; }
|
|
15
|
+
@media (forced-colors: active){ .Polaris-Avatar{ border:0.1rem solid transparent; } }
|
|
16
|
+
.Polaris-Avatar::after{ content:''; display:block; padding-bottom:100%; }
|
|
17
|
+
.Polaris-Avatar--hidden{ visibility:hidden; }
|
|
18
|
+
.Polaris-Avatar--sizeSmall{ width:3.2rem; }
|
|
19
|
+
.Polaris-Avatar--sizeMedium{ width:4rem; }
|
|
20
|
+
.Polaris-Avatar--sizeLarge{ width:6rem; }
|
|
21
|
+
.Polaris-Avatar--styleOne{ color:var(--p-decorative-one-text); background:var(--p-decorative-one-surface); }
|
|
22
|
+
.Polaris-Avatar--styleTwo{ color:var(--p-decorative-two-text); background:var(--p-decorative-two-surface); }
|
|
23
|
+
.Polaris-Avatar--styleThree{ color:var(--p-decorative-three-text); background:var(--p-decorative-three-surface); }
|
|
24
|
+
.Polaris-Avatar--styleFour{ color:var(--p-decorative-four-text); background:var(--p-decorative-four-surface); }
|
|
25
|
+
.Polaris-Avatar--styleFive{ color:var(--p-decorative-five-text); background:var(--p-decorative-five-surface); }
|
|
26
|
+
.Polaris-Avatar--hasImage{ background:transparent; }
|
|
27
|
+
.Polaris-Avatar__Image{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-color:var(--p-background); border-radius:3rem; transform:translate(-50%, -50%); object-fit:cover; }
|
|
28
|
+
.Polaris-Avatar__Initials{ position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
|
|
29
|
+
.Polaris-Avatar__Svg{ width:100%; height:100%; }
|
|
30
|
+
.Polaris-Icon{ display:block; height:2rem; width:2rem; max-height:100%; max-width:100%; margin:auto; }
|
|
31
|
+
.Polaris-Icon--applyColor{ color:var(--p-surface); }
|
|
32
|
+
.Polaris-Icon--hasBackdrop{ position:relative; display:flex; align-items:center; margin:0.4rem; }
|
|
33
|
+
.Polaris-Icon--hasBackdrop::before{ content:''; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; border-radius:50%; }
|
|
34
|
+
.Polaris-Icon--colorBase svg{ fill:var(--p-icon); }
|
|
35
|
+
.Polaris-Icon--colorBase::before{ background-color:var(--p-surface-neutral); }
|
|
36
|
+
.Polaris-Icon--colorSubdued svg{ fill:var(--p-icon-subdued); }
|
|
37
|
+
.Polaris-Icon--colorCritical svg{ fill:var(--p-icon-critical); }
|
|
38
|
+
.Polaris-Icon--colorCritical::before{ background-color:var(--p-surface-critical); }
|
|
39
|
+
.Polaris-Icon--colorInteractive svg{ fill:var(--p-interactive); }
|
|
40
|
+
.Polaris-Icon--colorWarning svg{ fill:var(--p-icon-warning); }
|
|
41
|
+
.Polaris-Icon--colorWarning::before{ background-color:var(--p-surface-warning); }
|
|
42
|
+
.Polaris-Icon--colorHighlight svg{ fill:var(--p-icon-highlight); }
|
|
43
|
+
.Polaris-Icon--colorHighlight::before{ background-color:var(--p-surface-highlight); }
|
|
44
|
+
.Polaris-Icon--colorSuccess svg{ fill:var(--p-icon-success); }
|
|
45
|
+
.Polaris-Icon--colorSuccess::before{ background-color:var(--p-surface-success); }
|
|
46
|
+
.Polaris-Icon--colorPrimary svg{ fill:var(--p-action-primary); }
|
|
47
|
+
.Polaris-Icon__Svg, .Polaris-Icon__Img{ position:relative; display:block; width:100%; max-width:100%; max-height:100%; }
|
|
48
|
+
.Polaris-Icon__Placeholder{ padding-bottom:100%; background:currentColor; }
|
|
49
|
+
.Polaris-VisuallyHidden{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
50
|
+
@keyframes Polaris-Spinner--loading{ to{ transform:rotate(360deg); } }
|
|
51
|
+
.Polaris-Spinner svg{ animation:Polaris-Spinner--loading 500ms linear infinite; fill:var(--p-border-highlight); }
|
|
52
|
+
.Polaris-Spinner--sizeSmall svg{ height:2rem; width:2rem; }
|
|
53
|
+
.Polaris-Spinner--sizeLarge svg{ height:4.4rem; width:4.4rem; }
|
|
54
|
+
.Polaris-Scrollable{ -webkit-overflow-scrolling:touch; position:relative; }
|
|
55
|
+
.Polaris-Scrollable:focus{ outline:2px solid var(--p-focused); outline-offset:2px; }
|
|
56
|
+
.Polaris-Scrollable--horizontal{ overflow-x:auto; }
|
|
57
|
+
.Polaris-Scrollable--vertical{ overflow-y:auto; }
|
|
58
|
+
.Polaris-Scrollable--verticalHasScrolling{ overflow-y:scroll; }
|
|
59
|
+
.Polaris-Scrollable--hasTopShadow{ box-shadow:inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light); }
|
|
60
|
+
.Polaris-Scrollable--hasBottomShadow{ box-shadow:inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light); }
|
|
61
|
+
.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow{ box-shadow:inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light), inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light); }
|
|
62
|
+
.Polaris-Popover{ max-width:calc(100vw - 3.2rem); margin:0.5rem 0.8rem 1.6rem; box-shadow:var(--p-popover-shadow); border-radius:var(--p-border-radius-wide); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:left, top; }
|
|
63
|
+
.Polaris-Popover__PopoverOverlay{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; opacity:0; transition:opacity 200ms cubic-bezier(0.36, 0, 1, 1); }
|
|
64
|
+
.Polaris-Popover__PopoverOverlay--entering{ opacity:1; }
|
|
65
|
+
.Polaris-Popover__PopoverOverlay--open{ opacity:1; }
|
|
66
|
+
.Polaris-Popover__PopoverOverlay--exiting{ opacity:0; transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }
|
|
67
|
+
.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){ opacity:0; }
|
|
68
|
+
.Polaris-Popover--fullWidth{ margin:0; margin-top:0.5rem; }
|
|
69
|
+
.Polaris-Popover--fullWidth .Polaris-Popover__Content{ max-width:none; }
|
|
70
|
+
.Polaris-Popover--positionedAbove{ margin:1.6rem 0.8rem 0.5rem; }
|
|
71
|
+
.Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{ margin:0 0 0.5rem; }
|
|
72
|
+
.Polaris-Popover__Wrapper{ position:relative; overflow:hidden; background-color:var(--p-surface); border-radius:var(--p-border-radius-wide); outline:1px solid transparent; }
|
|
73
|
+
.Polaris-Popover__Content{ position:relative; display:flex; flex-direction:column; border-radius:var(--p-border-radius-base); max-width:40rem; max-height:29.5rem; }
|
|
74
|
+
.Polaris-Popover__Content:focus{ outline:none; }
|
|
75
|
+
.Polaris-Popover__Content--fullHeight{ max-height:none; }
|
|
76
|
+
.Polaris-Popover__Content--fluidContent{ max-height:none; max-width:none; }
|
|
77
|
+
.Polaris-Popover__Pane{ flex:1 1; max-width:100%; }
|
|
78
|
+
.Polaris-Popover__Pane + .Polaris-Popover__Pane{ border-top:0.1rem solid var(--p-divider); }
|
|
79
|
+
.Polaris-Popover__Pane:focus{ outline:none; }
|
|
80
|
+
.Polaris-Popover__Pane--fixed{ overflow:visible; flex:0 0 auto; }
|
|
81
|
+
.Polaris-Popover__Section{ padding:1.6rem; }
|
|
82
|
+
.Polaris-Popover__Section + .Polaris-Popover__Section{ border-top:0.1rem solid var(--p-divider); }
|
|
83
|
+
.Polaris-Popover__FocusTracker{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
84
|
+
@media print{ .Polaris-Popover__PopoverOverlay--hideOnPrint{ display:none !important; } }
|
|
85
|
+
.Polaris-PositionedOverlay{ position:absolute; z-index:400; }
|
|
86
|
+
.Polaris-PositionedOverlay--fixed{ position:fixed; }
|
|
87
|
+
.Polaris-PositionedOverlay--calculating{ visibility:hidden; }
|
|
88
|
+
.Polaris-PositionedOverlay--preventInteraction{ pointer-events:none; }
|
|
89
|
+
.Polaris-Badge{ --p-component-badge-pip-color:var(--p-icon); display:inline-flex; align-items:center; padding:0.3rem 0.8rem; background-color:var(--p-surface-neutral); border:var(--p-override-zero); border-radius:2rem; font-size:1.3rem; line-height:1.6rem; color:var(--p-text); font-weight:var(--p-badge-font-weight); }
|
|
90
|
+
@media print{ .Polaris-Badge{ border:solid 0.01rem var(--p-border); border-radius:2rem; } }
|
|
91
|
+
.Polaris-Badge--sizeSmall{ font-size:1.2rem; line-height:1.8rem; }
|
|
92
|
+
.Polaris-Badge--statusSuccess{ --p-component-badge-pip-color:var(--p-icon-success); background-color:var(--p-surface-success); color:var(--p-text); }
|
|
93
|
+
.Polaris-Badge--statusInfo{ --p-component-badge-pip-color:var(--p-icon-highlight); background-color:var(--p-surface-highlight); color:var(--p-text); }
|
|
94
|
+
.Polaris-Badge--statusAttention{ --p-component-badge-pip-color:color('yellow', 'dark'); background-color:#ffea8a; color:var(--p-text); }
|
|
95
|
+
.Polaris-Badge--statusWarning{ --p-component-badge-pip-color:var(--p-icon-warning); background-color:var(--p-surface-warning); color:var(--p-text, #594430); }
|
|
96
|
+
.Polaris-Badge--statusCritical{ --p-component-badge-pip-color:var(--p-icon-critical); background-color:var(--p-surface-critical); color:var(--p-text); }
|
|
97
|
+
.Polaris-Badge--statusNew{ background-color:var(--p-surface-neutral); color:var(--p-text); font-weight:500; border:none; }
|
|
98
|
+
.Polaris-Badge__Pip{ color:var(--p-component-badge-pip-color); height:1rem; width:1rem; margin:0 0.4rem 0 -0.3rem; border:0.2rem solid currentColor; border-radius:50%; flex-shrink:0; }
|
|
99
|
+
.Polaris-Badge--progressIncomplete .Polaris-Badge__Pip{ background:transparent; }
|
|
100
|
+
.Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{ background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }
|
|
101
|
+
@media print{ .Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{ background:none; box-shadow:0 -103px 0 -100px currentColor inset; } }
|
|
102
|
+
.Polaris-Badge--progressComplete .Polaris-Badge__Pip{ background:currentColor; }
|
|
103
|
+
@media print{ .Polaris-Badge--progressComplete .Polaris-Badge__Pip{ background:none; box-shadow:0 0 0 100px currentColor inset; } }
|
|
104
|
+
.Polaris-Badge--withinFilter{ border-radius:var(--p-border-radius-base); }
|
|
105
|
+
.Polaris-TextStyle--variationPositive{ color:var(--p-text-success); }
|
|
106
|
+
.Polaris-TextStyle--variationNegative{ color:var(--p-text-critical); }
|
|
107
|
+
.Polaris-TextStyle--variationCode{ position:relative; padding:0 0.4rem; border-radius:3px; background-color:var(--p-surface-subdued); display:inline-block; font-size:1.15em; box-shadow:inset 0 0 0 1px var(--p-border-subdued); }
|
|
108
|
+
.Polaris-TextStyle--variationCode::after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid transparent; pointer-events:none; }
|
|
109
|
+
.Polaris-TextStyle--variationStrong{ font-weight:600; }
|
|
110
|
+
.Polaris-TextStyle--variationSubdued{ color:var(--p-text-subdued); }
|
|
111
|
+
@media print{ .Polaris-TextStyle--variationSubdued{ color:var(--p-text-subdued); } }
|
|
112
|
+
.Polaris-ActionList{ list-style:none; margin:0; padding:0.8rem 0; }
|
|
113
|
+
.Polaris-ActionList__Section--withoutTitle:not(:first-child){ border-top:0.1rem solid var(--p-divider); margin-top:0.8rem; padding-top:0.8rem; }
|
|
114
|
+
.Polaris-ActionList__Actions{ list-style:none; margin:0; border-top:0.1rem solid var(--p-divider); padding:0 0.8rem; }
|
|
115
|
+
.Polaris-ActionList__Title + .Polaris-ActionList__Actions{ padding-top:0.8rem; }
|
|
116
|
+
.Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions, .Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{ border-top:none; }
|
|
117
|
+
.Polaris-ActionList__Title{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; padding:1.2rem 1.6rem; }
|
|
118
|
+
@media (min-width: 40em){ .Polaris-ActionList__Title{ font-size:1.2rem; } }
|
|
119
|
+
.Polaris-ActionList__Item{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; color:inherit; text-decoration:none; position:relative; display:block; width:100%; min-height:4rem; text-align:left; cursor:pointer; padding:1rem 0.8rem; border-radius:var(--p-border-radius-base); border-top:1px solid transparent; }
|
|
120
|
+
.Polaris-ActionList__Item:focus{ outline:none; }
|
|
121
|
+
.Polaris-ActionList__Item:visited{ color:inherit; }
|
|
122
|
+
.Polaris-ActionList__Item::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
123
|
+
@media (forced-colors: active){ .Polaris-ActionList__Item{ border:0.1rem solid transparent; } }
|
|
124
|
+
.Polaris-ActionList__Item:hover{ background-color:var(--p-surface-hovered); text-decoration:none; outline:0.3rem solid transparent; }
|
|
125
|
+
.Polaris-ActionList__Item.Polaris-ActionList--active{ background-color:var(--p-surface-selected); }
|
|
126
|
+
.Polaris-ActionList__Item.Polaris-ActionList--active svg{ fill:var(--p-interactive); }
|
|
127
|
+
.Polaris-ActionList__Item.Polaris-ActionList--active::before{ content:''; background-color:var(--p-interactive); position:absolute; top:0; left:-0.8rem; height:100%; display:block; width:0.3rem; border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
128
|
+
.Polaris-ActionList__Item:active{ background-color:var(--p-surface-pressed); }
|
|
129
|
+
.Polaris-ActionList__Item:active svg{ fill:var(--p-interactive); }
|
|
130
|
+
.Polaris-ActionList__Item:focus:not(:active){ outline:0.3rem solid transparent; }
|
|
131
|
+
.Polaris-ActionList__Item:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
132
|
+
.Polaris-ActionList__Item.Polaris-ActionList--destructive{ color:var(--p-interactive-critical); }
|
|
133
|
+
.Polaris-ActionList__Item.Polaris-ActionList--destructive svg{ fill:var(--p-icon-critical); }
|
|
134
|
+
.Polaris-ActionList__Item.Polaris-ActionList--destructive:hover{ background-color:var(--p-surface-critical-subdued-hovered); }
|
|
135
|
+
.Polaris-ActionList__Item.Polaris-ActionList--destructive:active, .Polaris-ActionList__Item.Polaris-ActionList--destructive.Polaris-ActionList--active{ background-color:var(--p-surface-critical-subdued-pressed); }
|
|
136
|
+
.Polaris-ActionList__Item.Polaris-ActionList--disabled{ background-image:none; color:var(--p-text-disabled); }
|
|
137
|
+
.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{ fill:var(--p-icon-disabled); }
|
|
138
|
+
.Polaris-ActionList__Content{ display:flex; align-items:center; }
|
|
139
|
+
.Polaris-ActionList__Prefix{ display:flex; flex:0 0 auto; justify-content:center; align-items:center; height:2rem; width:2rem; border-radius:3px; margin:-1rem 1.6rem -1rem 0; background-size:cover; background-position:center center; }
|
|
140
|
+
.Polaris-ActionList__Prefix svg{ fill:var(--p-icon); }
|
|
141
|
+
.Polaris-ActionList__Suffix{ margin-left:1.6rem; }
|
|
142
|
+
.Polaris-ActionList__Suffix svg{ fill:var(--p-icon); }
|
|
143
|
+
.Polaris-ActionList__ContentBlock, .Polaris-ActionList__ContentBlockInner{ display:block; }
|
|
144
|
+
.Polaris-ActionList__Text{ min-width:0; max-width:100%; flex:1 1 auto; }
|
|
145
|
+
.Polaris-Button{ position:relative; position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border-radius:var(--p-border-radius-base); color:var(--p-text); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); line-height:1; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; -webkit-tap-highlight-color:transparent; }
|
|
146
|
+
.Polaris-Button svg{ fill:var(--p-icon); }
|
|
147
|
+
.Polaris-Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
148
|
+
.Polaris-Button:hover{ background:var(--p-action-secondary-hovered); outline:0.1rem solid transparent; }
|
|
149
|
+
.Polaris-Button:focus{ box-shadow:var(--p-button-drop-shadow); outline:0; }
|
|
150
|
+
.Polaris-Button:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
151
|
+
.Polaris-Button:active{ background:var(--p-action-secondary-pressed); box-shadow:var(--p-button-drop-shadow); }
|
|
152
|
+
.Polaris-Button:active::after{ border:none; box-shadow:none; }
|
|
153
|
+
.Polaris-Button.Polaris-Button--pressed{ background:var(--p-action-secondary-depressed); box-shadow:var(--p-button-pressed-inner-shadow); color:var(--p-text-on-primary); border-color:var(--p-border-depressed); }
|
|
154
|
+
.Polaris-Button.Polaris-Button--pressed svg{ fill:currentColor; }
|
|
155
|
+
@media (-ms-high-contrast: active){ .Polaris-Button{ border:1px solid windowText; } }
|
|
156
|
+
.Polaris-Button.Polaris-Button--disabled{ transition:none; box-shadow:none; border-color:var(--p-border-disabled); background:var(--p-surface-disabled); color:var(--p-text-disabled); }
|
|
157
|
+
.Polaris-Button.Polaris-Button--disabled svg{ fill:var(--p-icon-disabled); }
|
|
158
|
+
.Polaris-Button.Polaris-Button--connectedDisclosure{ z-index:10; border-top-right-radius:0; border-bottom-right-radius:0; }
|
|
159
|
+
.Polaris-Button.Polaris-Button--connectedDisclosure::after{ border-top-right-radius:0; border-bottom-right-radius:0; }
|
|
160
|
+
.Polaris-Button.Polaris-Button--connectedDisclosure:focus{ z-index:20; }
|
|
161
|
+
.Polaris-Button__Content{ font-size:1.5rem; font-weight:var(--p-button-font-weight, 400); line-height:1.6rem; text-transform:initial; letter-spacing:initial; position:relative; display:flex; justify-content:center; align-items:center; min-width:1px; min-height:1px; }
|
|
162
|
+
@media (min-width: 40em){ .Polaris-Button__Content{ font-size:1.4rem; } }
|
|
163
|
+
.Polaris-Button:not(.Polaris-Button--plain) .Polaris-Button__Content{ width:100%; }
|
|
164
|
+
.Polaris-Button--textAlignLeft{ justify-content:flex-start; text-align:left; }
|
|
165
|
+
.Polaris-Button--textAlignLeft .Polaris-Button__Content{ justify-content:flex-start; }
|
|
166
|
+
.Polaris-Button--textAlignCenter{ justify-content:center; text-align:center; }
|
|
167
|
+
.Polaris-Button--textAlignRight{ justify-content:flex-end; text-align:right; }
|
|
168
|
+
.Polaris-Button--textAlignRight .Polaris-Button__Content{ justify-content:flex-end; }
|
|
169
|
+
.Polaris-Button__Icon{ margin-left:-0.4rem; }
|
|
170
|
+
.Polaris-Button__Icon:last-child{ margin-right:-0.8rem; margin-left:0.4rem; }
|
|
171
|
+
.Polaris-Button--fullWidth.Polaris-Button--textAlignLeft .Polaris-Button__Icon:last-child:not(:only-child){ margin-left:auto; }
|
|
172
|
+
.Polaris-Button__Icon + *:not(.Polaris-Button__Icon){ margin-left:0.4rem; }
|
|
173
|
+
.Polaris-Button--hidden{ visibility:hidden; }
|
|
174
|
+
.Polaris-Button__Spinner{ position:absolute; top:50%; left:50%; margin-top:-1rem; margin-left:-1rem; }
|
|
175
|
+
.Polaris-Button--primary{ --p-button-color:var(--p-action-primary); --p-button-text:var(--p-text-on-primary); --p-button-color-hover:var(--p-action-primary-hovered); --p-button-color-active:var(--p-action-primary-pressed); --p-button-color-depressed:var(--p-action-primary-depressed); position:relative; background:var(--p-button-color); border-width:0; border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); color:var(--p-button-text); }
|
|
176
|
+
.Polaris-Button--primary::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
177
|
+
.Polaris-Button--primary:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }
|
|
178
|
+
.Polaris-Button--primary:focus{ border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
179
|
+
.Polaris-Button--primary:active{ background:var(--p-button-color-active); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
180
|
+
.Polaris-Button--primary.Polaris-Button--pressed{ color:var(--p-button-text); background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
181
|
+
.Polaris-Button--primary.Polaris-Button--pressed:hover, .Polaris-Button--primary.Polaris-Button--pressed:focus{ background:var(--p-button-color-depressed); box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
182
|
+
.Polaris-Button--primary svg{ fill:var(--p-icon-on-primary); }
|
|
183
|
+
.Polaris-Button--primary.Polaris-Button--disabled{ background:var(--p-action-primary-disabled); color:var(--p-text-disabled); border-color:transparent; box-shadow:none; }
|
|
184
|
+
.Polaris-Button--primary.Polaris-Button--disabled svg{ fill:var(--p-icon-disabled); }
|
|
185
|
+
.Polaris-Button--destructive{ --p-button-color:var(--p-action-critical); --p-button-text:var(--p-text-on-critical); --p-button-color-hover:var(--p-action-critical-hovered); --p-button-color-active:var(--p-action-critical-pressed); --p-button-color-depressed:var(--p-action-critical-depressed); position:relative; background:var(--p-button-color); border-width:0; border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); color:var(--p-button-text); }
|
|
186
|
+
.Polaris-Button--destructive::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
187
|
+
.Polaris-Button--destructive:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }
|
|
188
|
+
.Polaris-Button--destructive:focus{ border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
189
|
+
.Polaris-Button--destructive:active{ background:var(--p-button-color-active); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
190
|
+
.Polaris-Button--destructive.Polaris-Button--pressed{ color:var(--p-button-text); background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
191
|
+
.Polaris-Button--destructive.Polaris-Button--pressed:hover, .Polaris-Button--destructive.Polaris-Button--pressed:focus{ background:var(--p-button-color-depressed); box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }
|
|
192
|
+
.Polaris-Button--destructive svg{ fill:var(--p-icon-on-critical); }
|
|
193
|
+
.Polaris-Button--destructive.Polaris-Button--disabled{ background:var(--p-action-critical-disabled); color:var(--p-text-disabled); box-shadow:none; border-color:transparent; }
|
|
194
|
+
.Polaris-Button--destructive.Polaris-Button--disabled svg{ fill:var(--p-icon-disabled); }
|
|
195
|
+
.Polaris-Button--outline{ background:transparent; border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-text); position:relative; }
|
|
196
|
+
.Polaris-Button--outline::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
197
|
+
.Polaris-Button--outline:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }
|
|
198
|
+
.Polaris-Button--outline:focus{ border:0.1rem solid var(--p-border); box-shadow:none; }
|
|
199
|
+
.Polaris-Button--outline:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
200
|
+
.Polaris-Button--outline:active{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-pressed); }
|
|
201
|
+
.Polaris-Button--outline:active::after{ box-shadow:none; }
|
|
202
|
+
.Polaris-Button--outline.Polaris-Button--pressed{ background:var(--p-action-secondary-pressed); border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-button-text); }
|
|
203
|
+
.Polaris-Button--outline.Polaris-Button--disabled{ border:0.1rem solid var(--p-border-disabled); box-shadow:none; background:transparent; color:var(--p-text-disabled); }
|
|
204
|
+
.Polaris-Button--outline.Polaris-Button--destructive{ background:transparent; border:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }
|
|
205
|
+
.Polaris-Button--outline.Polaris-Button--destructive svg{ fill:var(--p-icon-critical); }
|
|
206
|
+
.Polaris-Button--outline.Polaris-Button--destructive:hover{ border:0.1rem solid var(--p-border-critical); background:var(--p-surface-critical-subdued); }
|
|
207
|
+
.Polaris-Button--outline.Polaris-Button--destructive:focus{ border:0.1rem solid var(--p-border-critical); }
|
|
208
|
+
.Polaris-Button--outline.Polaris-Button--destructive:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
209
|
+
.Polaris-Button--outline.Polaris-Button--destructive:active{ border:0.1rem solid var(--p-border-critical); background:var(--p-surface-critical-subdued); }
|
|
210
|
+
.Polaris-Button--outline.Polaris-Button--destructive.Polaris-Button--disabled{ border:0.1rem solid var(--p-border-critical-disabled); background:transparent; color:var(--p-interactive-critical-disabled); }
|
|
211
|
+
.Polaris-Button--outline.Polaris-Button--destructive.Polaris-Button--pressed{ background:var(--p-surface-critical-subdued); box-shadow:0.1rem solid var(--p-border-critical); color:var(--p-interactive-critical); }
|
|
212
|
+
.Polaris-Button--outline.Polaris-Button--disabled{ background:transparent; box-shadow:none; }
|
|
213
|
+
.Polaris-Button--destructive.Polaris-Button--outline{ background:transparent; border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-text); position:relative; }
|
|
214
|
+
.Polaris-Button--destructive.Polaris-Button--outline::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
215
|
+
.Polaris-Button--destructive.Polaris-Button--outline:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }
|
|
216
|
+
.Polaris-Button--destructive.Polaris-Button--outline:focus{ border:0.1rem solid var(--p-border); box-shadow:none; }
|
|
217
|
+
.Polaris-Button--destructive.Polaris-Button--outline:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
218
|
+
.Polaris-Button--destructive.Polaris-Button--outline:active{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-pressed); }
|
|
219
|
+
.Polaris-Button--destructive.Polaris-Button--outline:active::after{ box-shadow:none; }
|
|
220
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed{ background:var(--p-action-secondary-pressed); border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-button-text); }
|
|
221
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--disabled{ border:0.1rem solid var(--p-border-disabled); box-shadow:none; background:transparent; color:var(--p-text-disabled); }
|
|
222
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive{ background:transparent; border:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }
|
|
223
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive svg{ fill:var(--p-icon-critical); }
|
|
224
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive:hover{ border:0.1rem solid var(--p-border-critical); background:var(--p-surface-critical-subdued); }
|
|
225
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive:focus{ border:0.1rem solid var(--p-border-critical); }
|
|
226
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
227
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive:active{ border:0.1rem solid var(--p-border-critical); background:var(--p-surface-critical-subdued); }
|
|
228
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive.Polaris-Button--disabled{ border:0.1rem solid var(--p-border-critical-disabled); background:transparent; color:var(--p-interactive-critical-disabled); }
|
|
229
|
+
.Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--destructive.Polaris-Button--pressed{ background:var(--p-surface-critical-subdued); box-shadow:0.1rem solid var(--p-border-critical); color:var(--p-interactive-critical); }
|
|
230
|
+
.Polaris-Button--disabled{ cursor:default; pointer-events:none; }
|
|
231
|
+
@keyframes Polaris-Button--loading{ to{ transform:rotate(360deg); } }
|
|
232
|
+
.Polaris-Button--loading{ position:relative; }
|
|
233
|
+
.Polaris-Button--loading, .Polaris-Button--loading:hover, .Polaris-Button--loading.Polaris-Button--disabled{ color:transparent; }
|
|
234
|
+
.Polaris-Button--loading.Polaris-Button--disabled svg{ fill:var(--p-icon-subdued); }
|
|
235
|
+
.Polaris-Button--plain{ margin:-0.7rem -0.8rem; padding-left:0.8rem; padding-right:0.8rem; background:transparent; border:0; box-shadow:none; color:var(--p-interactive); }
|
|
236
|
+
.Polaris-Button--plain svg{ fill:var(--p-interactive); }
|
|
237
|
+
.Polaris-Button--plain > .Polaris-Button__Content{ font-weight:400; position:relative; }
|
|
238
|
+
.Polaris-Button--plain > .Polaris-Button__Content::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
239
|
+
.Polaris-Button--plain:hover, .Polaris-Button--plain:focus{ color:var(--p-interactive-hovered); background:transparent; box-shadow:none; }
|
|
240
|
+
.Polaris-Button--plain:hover svg, .Polaris-Button--plain:focus svg{ fill:var(--p-interactive-hovered); }
|
|
241
|
+
.Polaris-Button--plain:hover:not(.Polaris-Button--removeUnderline), .Polaris-Button--plain:focus:not(.Polaris-Button--removeUnderline){ text-decoration:underline; }
|
|
242
|
+
.Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:active{ color:var(--p-interactive-pressed); background:transparent; box-shadow:none; }
|
|
243
|
+
.Polaris-Button--plain.Polaris-Button--pressed svg, .Polaris-Button--plain:active svg{ fill:var(--p-interactive-pressed); }
|
|
244
|
+
@media (-ms-high-contrast: active){ .Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:active{ outline:none; } }
|
|
245
|
+
.Polaris-Button--plain:focus::after{ content:none; }
|
|
246
|
+
@media (-ms-high-contrast: active){ .Polaris-Button--plain:focus{ outline:none; } }
|
|
247
|
+
@media (-ms-high-contrast: active){ .Polaris-Button--plain:focus > .Polaris-Button__Content{ outline:2px dotted; } }
|
|
248
|
+
.Polaris-Button--plain:focus:not(:active) > .Polaris-Button__Content::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
249
|
+
.Polaris-Button--plain:active:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content, .Polaris-Button--plain.Polaris-Button--pressed:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content{ padding:2px 5px; margin:-2px -5px; background:var(--p-action-secondary-hovered); border-radius:3px; }
|
|
250
|
+
.Polaris-Button--plain.Polaris-Button--fullWidth{ margin-left:0; margin-right:0; }
|
|
251
|
+
.Polaris-Button--plain.Polaris-Button--disabled{ color:var(--p-text-disabled); background:none; }
|
|
252
|
+
.Polaris-Button--plain.Polaris-Button--disabled.Polaris-Button--loading{ color:transparent; }
|
|
253
|
+
.Polaris-Button--plain.Polaris-Button--destructive{ color:var(--p-interactive-critical); }
|
|
254
|
+
.Polaris-Button--plain.Polaris-Button--destructive svg{ fill:var(--p-interactive-critical); }
|
|
255
|
+
.Polaris-Button--plain.Polaris-Button--destructive:hover{ color:var(--p-interactive-critical-hovered); }
|
|
256
|
+
.Polaris-Button--plain.Polaris-Button--destructive:active, .Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--pressed{ color:var(--p-interactive-critical-pressed); }
|
|
257
|
+
.Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--disabled{ color:var(--p-interactive-critical-disabled); }
|
|
258
|
+
.Polaris-Button--plain.Polaris-Button--sizeSlim{ margin-top:-0.3rem; margin-bottom:-0.3rem; }
|
|
259
|
+
.Polaris-Button--plain.Polaris-Button--sizeLarge{ margin:-1.1rem -2rem; }
|
|
260
|
+
.Polaris-Button--plain.Polaris-Button--iconOnly{ margin:-0.8rem; }
|
|
261
|
+
.Polaris-Button--plain.Polaris-Button--iconOnly svg{ fill:var(--p-icon); }
|
|
262
|
+
.Polaris-Button--plain.Polaris-Button--iconOnly:hover svg{ fill:var(--p-icon-hovered); }
|
|
263
|
+
.Polaris-Button--plain.Polaris-Button--iconOnly:active svg, .Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--pressed svg{ fill:var(--p-icon-pressed); }
|
|
264
|
+
.Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg{ fill:var(--p-icon-disabled); }
|
|
265
|
+
.Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--iconOnly svg{ fill:var(--p-action-critical); }
|
|
266
|
+
.Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--iconOnly:hover svg{ fill:var(--p-action-critical-hovered); }
|
|
267
|
+
.Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--iconOnly:active svg, .Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--iconOnly.Polaris-Button--pressed svg{ fill:var(--p-action-critical-pressed); }
|
|
268
|
+
.Polaris-Button--plain.Polaris-Button--destructive.Polaris-Button--iconOnly.Polaris-Button--disabled svg{ fill:var(--p-action-critical-disabled); }
|
|
269
|
+
.Polaris-Button--plain .Polaris-Button__Icon{ margin-left:0; margin-right:0; }
|
|
270
|
+
.Polaris-Button--fullWidth{ display:flex; width:100%; }
|
|
271
|
+
.Polaris-Button--iconOnly{ padding-left:0.8rem; padding-right:0.8rem; }
|
|
272
|
+
.Polaris-Button--iconOnly.Polaris-Button--sizeLarge{ padding-left:1.2rem; padding-right:1.2rem; }
|
|
273
|
+
.Polaris-Button--iconOnly .Polaris-Button__Icon:first-child{ margin-left:0; }
|
|
274
|
+
.Polaris-Button--iconOnly .Polaris-Button__Icon:last-child{ margin-right:-0.4rem; }
|
|
275
|
+
.Polaris-Button--iconOnly .Polaris-Button__Icon:only-child{ margin-right:0; }
|
|
276
|
+
.Polaris-Button--sizeSlim{ min-height:2.8rem; padding:0.3rem 1.2rem; }
|
|
277
|
+
.Polaris-Button--sizeLarge{ min-height:4.4rem; min-width:4.4rem; padding:1.1rem 2.4rem; }
|
|
278
|
+
.Polaris-Button--sizeLarge .Polaris-Button__Content{ font-size:1.7rem; font-weight:var(--p-button-font-weight, 400); line-height:2rem; text-transform:initial; letter-spacing:initial; }
|
|
279
|
+
@media (min-width: 40em){ .Polaris-Button--sizeLarge .Polaris-Button__Content{ font-size:1.6rem; } }
|
|
280
|
+
.Polaris-Button--monochrome.Polaris-Button--outline, .Polaris-Button--monochrome.Polaris-Button--plain{ color:currentColor; }
|
|
281
|
+
.Polaris-Button--monochrome.Polaris-Button--outline svg, .Polaris-Button--monochrome.Polaris-Button--plain svg{ fill:currentColor; }
|
|
282
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:hover, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:active, .Polaris-Button--monochrome.Polaris-Button--plain:hover, .Polaris-Button--monochrome.Polaris-Button--plain:focus, .Polaris-Button--monochrome.Polaris-Button--plain:active{ color:currentColor; }
|
|
283
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:hover svg, .Polaris-Button--monochrome.Polaris-Button--outline:focus svg, .Polaris-Button--monochrome.Polaris-Button--outline:active svg, .Polaris-Button--monochrome.Polaris-Button--plain:hover svg, .Polaris-Button--monochrome.Polaris-Button--plain:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain:active svg{ fill:currentColor; }
|
|
284
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled{ color:currentColor; opacity:0.4; }
|
|
285
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled svg{ fill:currentColor; }
|
|
286
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly svg{ fill:currentColor; }
|
|
287
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:focus svg, .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:active svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:active svg{ fill:currentColor; }
|
|
288
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg{ fill:currentColor; }
|
|
289
|
+
.Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text:not(.Polaris-Button--removeUnderline){ text-decoration:underline; }
|
|
290
|
+
.Polaris-Button--monochrome.Polaris-Button--outline{ position:relative; border-color:currentColor; box-shadow:0 0 0 0.1rem currentColor; position:relative; }
|
|
291
|
+
.Polaris-Button--monochrome.Polaris-Button--outline::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.3rem; right:-0.3rem; bottom:-0.3rem; left:-0.3rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.3rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
292
|
+
.Polaris-Button--monochrome.Polaris-Button--outline::before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:currentColor; opacity:0; z-index:0; }
|
|
293
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--pressed{ background:transparent; box-shadow:none; color:currentColor; }
|
|
294
|
+
.Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--pressed::before{ opacity:0.2; }
|
|
295
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:hover, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:active{ background-color:transparent; border-color:currentColor; }
|
|
296
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:hover::before, .Polaris-Button--monochrome.Polaris-Button--outline:focus::before, .Polaris-Button--monochrome.Polaris-Button--outline:active::before{ opacity:0.07; }
|
|
297
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:focus{ box-shadow:0 0 0 1px currentColor; }
|
|
298
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
299
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:active::after{ box-shadow:none; }
|
|
300
|
+
.Polaris-Button--monochrome.Polaris-Button--outline:hover::before, .Polaris-Button--monochrome.Polaris-Button--outline:active::before{ opacity:0.05; }
|
|
301
|
+
.Polaris-Button__ConnectedDisclosureWrapper{ display:flex; }
|
|
302
|
+
.Polaris-Button__ConnectedDisclosure{ z-index:10; margin-left:-0.1rem; border-top-left-radius:0; border-bottom-left-radius:0; height:100%; }
|
|
303
|
+
.Polaris-Button__ConnectedDisclosure.Polaris-Button--outline:not(:focus){ border-left-color:rgba(99, 115, 129, 0); }
|
|
304
|
+
.Polaris-Button__ConnectedDisclosure:focus, .Polaris-Button__ConnectedDisclosure:active{ z-index:20; }
|
|
305
|
+
.Polaris-Button__ConnectedDisclosure.Polaris-Button--primary, .Polaris-Button__ConnectedDisclosure.Polaris-Button--destructive{ margin-left:0.1rem; }
|
|
306
|
+
.Polaris-Button__ConnectedDisclosure.Polaris-Button--primary.Polaris-Button--outline, .Polaris-Button__ConnectedDisclosure.Polaris-Button--destructive.Polaris-Button--outline{ margin-left:0; border-left:0; }
|
|
307
|
+
.Polaris-Button__ConnectedDisclosure::after{ border-top-left-radius:0; border-bottom-left-radius:0; }
|
|
308
|
+
[data-buttongroup-segmented='true'] .Polaris-Button, [data-buttongroup-segmented='true'] .Polaris-Button::after{ border-radius:0; }
|
|
309
|
+
[data-buttongroup-segmented='true'] > :first-child .Polaris-Button, [data-buttongroup-segmented='true'] > :first-child .Polaris-Button::after{ border-radius:0; border-top-left-radius:var(--p-border-radius-base, 3px); border-bottom-left-radius:var(--p-border-radius-base, 3px); }
|
|
310
|
+
[data-buttongroup-segmented='true'] > :last-child .Polaris-Button, [data-buttongroup-segmented='true'] > :last-child .Polaris-Button::after{ border-radius:0; border-top-right-radius:var(--p-border-radius-base, 3px); border-bottom-right-radius:var(--p-border-radius-base, 3px); }
|
|
311
|
+
[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button, [data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button::after{ border-radius:var(--p-border-radius-base, 3px); }
|
|
312
|
+
[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button, [data-buttongroup-connected-top='true'] > :first-child .Polaris-Button::after{ border-top-left-radius:0; }
|
|
313
|
+
[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button, [data-buttongroup-connected-top='true'] > :last-child .Polaris-Button::after{ border-top-right-radius:0; }
|
|
314
|
+
[data-buttongroup-full-width='true'] .Polaris-Button{ display:flex; width:100%; }
|
|
315
|
+
.Polaris-ButtonGroup{ display:flex; flex-wrap:wrap; align-items:center; margin-top:-0.8rem; margin-left:-0.8rem; }
|
|
316
|
+
.Polaris-ButtonGroup__Item{ margin-top:0.8rem; margin-left:0.8rem; }
|
|
317
|
+
.Polaris-ButtonGroup__Item--plain:not(:first-child){ margin-left:1.6rem; }
|
|
318
|
+
.Polaris-ButtonGroup__Item--plain:not(:last-child){ margin-right:0.8rem; }
|
|
319
|
+
.Polaris-ButtonGroup--segmented{ display:flex; flex-wrap:nowrap; margin-top:0; margin-left:0; }
|
|
320
|
+
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item{ position:relative; z-index:10; margin-top:0; margin-left:0; }
|
|
321
|
+
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:not(:first-child){ margin-left:-0.1rem; }
|
|
322
|
+
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused{ z-index:20; }
|
|
323
|
+
.Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item{ flex:1 1 auto; }
|
|
324
|
+
.Polaris-ButtonGroup--extraTight{ margin-top:-0.4rem; margin-left:-0.4rem; }
|
|
325
|
+
.Polaris-ButtonGroup--extraTight .Polaris-ButtonGroup__Item{ margin-top:0.4rem; margin-left:0.4rem; }
|
|
326
|
+
.Polaris-ButtonGroup--tight{ margin-top:-0.8rem; margin-left:-0.8rem; }
|
|
327
|
+
.Polaris-ButtonGroup--tight .Polaris-ButtonGroup__Item{ margin-top:0.8rem; margin-left:0.8rem; }
|
|
328
|
+
.Polaris-ButtonGroup--loose{ margin-top:-2rem; margin-left:-2rem; }
|
|
329
|
+
.Polaris-ButtonGroup--loose .Polaris-ButtonGroup__Item{ margin-top:2rem; margin-left:2rem; }
|
|
330
|
+
.Polaris-Stack{ margin-top:-1.6rem; margin-left:-1.6rem; display:flex; flex-wrap:wrap; align-items:stretch; }
|
|
331
|
+
.Polaris-Stack > .Polaris-Stack__Item{ margin-top:1.6rem; margin-left:1.6rem; max-width:100%; }
|
|
332
|
+
.Polaris-Stack--noWrap{ flex-wrap:nowrap; }
|
|
333
|
+
.Polaris-Stack--spacingNone{ margin-top:0; margin-left:0; }
|
|
334
|
+
.Polaris-Stack--spacingNone > .Polaris-Stack__Item{ margin-top:0; margin-left:0; max-width:100%; }
|
|
335
|
+
.Polaris-Stack--spacingExtraTight{ margin-top:-0.4rem; margin-left:-0.4rem; }
|
|
336
|
+
.Polaris-Stack--spacingExtraTight > .Polaris-Stack__Item{ margin-top:0.4rem; margin-left:0.4rem; max-width:100%; }
|
|
337
|
+
.Polaris-Stack--spacingTight{ margin-top:-0.8rem; margin-left:-0.8rem; }
|
|
338
|
+
.Polaris-Stack--spacingTight > .Polaris-Stack__Item{ margin-top:0.8rem; margin-left:0.8rem; max-width:100%; }
|
|
339
|
+
.Polaris-Stack--spacingBaseTight{ margin-top:-1.2rem; margin-left:-1.2rem; }
|
|
340
|
+
.Polaris-Stack--spacingBaseTight > .Polaris-Stack__Item{ margin-top:1.2rem; margin-left:1.2rem; max-width:100%; }
|
|
341
|
+
.Polaris-Stack--spacingLoose{ margin-top:-2rem; margin-left:-2rem; }
|
|
342
|
+
.Polaris-Stack--spacingLoose > .Polaris-Stack__Item{ margin-top:2rem; margin-left:2rem; max-width:100%; }
|
|
343
|
+
.Polaris-Stack--spacingExtraLoose{ margin-top:-3.2rem; margin-left:-3.2rem; }
|
|
344
|
+
.Polaris-Stack--spacingExtraLoose > .Polaris-Stack__Item{ margin-top:3.2rem; margin-left:3.2rem; max-width:100%; }
|
|
345
|
+
.Polaris-Stack--distributionLeading{ justify-content:flex-start; }
|
|
346
|
+
.Polaris-Stack--distributionTrailing{ justify-content:flex-end; }
|
|
347
|
+
.Polaris-Stack--distributionCenter{ justify-content:center; }
|
|
348
|
+
.Polaris-Stack--distributionEqualSpacing{ justify-content:space-between; }
|
|
349
|
+
.Polaris-Stack--distributionFill > .Polaris-Stack__Item{ flex:1 1 auto; }
|
|
350
|
+
.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{ flex:1 1 auto; }
|
|
351
|
+
@supports ((min-width: -webkit-fit-content) or (min-width: -moz-fit-content) or (min-width: fit-content)){ .Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{ flex:1 0; min-width:-webkit-fit-content; min-width:-moz-fit-content; min-width:fit-content; } }
|
|
352
|
+
.Polaris-Stack--alignmentLeading{ align-items:flex-start; }
|
|
353
|
+
.Polaris-Stack--alignmentTrailing{ align-items:flex-end; }
|
|
354
|
+
.Polaris-Stack--alignmentCenter{ align-items:center; }
|
|
355
|
+
.Polaris-Stack--alignmentFill{ align-items:stretch; }
|
|
356
|
+
.Polaris-Stack--alignmentBaseline{ align-items:baseline; }
|
|
357
|
+
.Polaris-Stack--vertical{ flex-direction:column; margin-left:0; }
|
|
358
|
+
.Polaris-Stack--vertical > .Polaris-Stack__Item{ margin-left:0; }
|
|
359
|
+
.Polaris-Stack__Item{ flex:0 0 auto; min-width:0; }
|
|
360
|
+
.Polaris-Stack__Item--fill{ flex:1 1 auto; }
|
|
361
|
+
.Polaris-Heading{ font-size:1.7rem; font-weight:600; line-height:2.4rem; margin:0; }
|
|
362
|
+
@media (min-width: 40em){ .Polaris-Heading{ font-size:1.6rem; } }
|
|
363
|
+
@media print{ .Polaris-Heading{ font-size:1.4rem; line-height:1.8rem; } }
|
|
364
|
+
.Polaris-Card{ background-color:var(--p-surface); box-shadow:var(--p-card-shadow, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15)); outline:0.1rem solid transparent; }
|
|
365
|
+
.Polaris-Card + .Polaris-Card{ margin-top:1.6rem; }
|
|
366
|
+
@media print{ .Polaris-Card + .Polaris-Card{ margin-top:-0.8rem; } }
|
|
367
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card{ border-radius:var(--p-border-radius-wide, 3px); } }
|
|
368
|
+
@media (min-width: 30.625em){ .Polaris-Card{ border-radius:var(--p-border-radius-wide, 3px); } }
|
|
369
|
+
@media print{ .Polaris-Card{ box-shadow:none; } }
|
|
370
|
+
.Polaris-Card--subdued{ background-color:var(--p-surface-subdued); }
|
|
371
|
+
@media print{ .Polaris-Card__Section--hideOnPrint, .Polaris-Card--hideOnPrint{ display:none !important; } }
|
|
372
|
+
.Polaris-Card__Header{ padding:1.6rem 1.6rem 0; }
|
|
373
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Header{ padding:2rem 2rem 0; } }
|
|
374
|
+
@media (min-width: 30.625em){ .Polaris-Card__Header{ padding:2rem 2rem 0; } }
|
|
375
|
+
@media print and (max-width: 48.0625em) and (min-width: 30.625em), print and (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Header{ padding:0.8rem 1.6rem 0; } }
|
|
376
|
+
@media print and (min-width: 30.625em){ .Polaris-Card__Header{ padding:0.8rem 1.6rem 0; } }
|
|
377
|
+
.Polaris-Card__Section{ padding:1.6rem; }
|
|
378
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Section{ padding:2rem; } }
|
|
379
|
+
@media (min-width: 30.625em){ .Polaris-Card__Section{ padding:2rem; } }
|
|
380
|
+
.Polaris-Card__Section + .Polaris-Card__Section{ border-top:0.1rem solid var(--p-divider); }
|
|
381
|
+
@media print{ .Polaris-Card__Section + .Polaris-Card__Section{ border-top:0; } }
|
|
382
|
+
@media print{ .Polaris-Card__Section{ padding-top:0.4rem; padding-bottom:0.4rem; } }
|
|
383
|
+
.Polaris-Card__Section:first-child{ border-top-left-radius:var(--p-border-radius-wide, 3px); border-top-right-radius:var(--p-border-radius-wide, 3px); }
|
|
384
|
+
.Polaris-Card__Section:last-child{ border-bottom-left-radius:var(--p-border-radius-wide, 3px); border-bottom-right-radius:var(--p-border-radius-wide, 3px); }
|
|
385
|
+
.Polaris-Card__Section--fullWidth{ padding:1.6rem 0; }
|
|
386
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Section--fullWidth{ padding:2rem 0; } }
|
|
387
|
+
@media (min-width: 30.625em){ .Polaris-Card__Section--fullWidth{ padding:2rem 0; } }
|
|
388
|
+
.Polaris-Card__Section--flush{ padding:0; }
|
|
389
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Section--flush{ padding:0; } }
|
|
390
|
+
@media (min-width: 30.625em){ .Polaris-Card__Section--flush{ padding:0; } }
|
|
391
|
+
.Polaris-Card__Section--subdued{ background-color:var(--p-surface-subdued); }
|
|
392
|
+
@media (-ms-high-contrast: active){ .Polaris-Card__Section--subdued{ background-color:transparent; } }
|
|
393
|
+
.Polaris-Card__Header + .Polaris-Card__Section--subdued{ border-top:0.1rem solid var(--p-divider); margin-top:2rem; }
|
|
394
|
+
.Polaris-Card__SectionHeader{ padding-bottom:0.8rem; }
|
|
395
|
+
.Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{ padding-left:1.6rem; padding-right:1.6rem; }
|
|
396
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{ padding-left:2rem; padding-right:2rem; } }
|
|
397
|
+
@media (min-width: 30.625em){ .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{ padding-left:2rem; padding-right:2rem; } }
|
|
398
|
+
.Polaris-Card__Subsection + .Polaris-Card__Subsection{ margin-top:1.6rem; padding-top:1.6rem; border-top:0.1rem solid var(--p-divider); }
|
|
399
|
+
@media print{ .Polaris-Card__Subsection + .Polaris-Card__Subsection{ border-top:0; } }
|
|
400
|
+
@media print{ .Polaris-Card__Subsection{ padding-top:0.4rem; padding-bottom:0.4rem; } }
|
|
401
|
+
.Polaris-Card__Footer{ display:flex; justify-content:flex-end; padding:0 1.6rem 1.6rem; }
|
|
402
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Card__Footer{ padding:0 2rem 2rem; } }
|
|
403
|
+
@media (min-width: 30.625em){ .Polaris-Card__Footer{ padding:0 2rem 2rem; } }
|
|
404
|
+
.Polaris-Card__Footer.Polaris-Card__LeftJustified{ justify-content:flex-start; }
|
|
405
|
+
.Polaris-Card__Section--subdued + .Polaris-Card__Footer{ border-top:0.1rem solid var(--p-divider); padding:2rem; }
|
|
406
|
+
.Polaris-Subheading{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; margin:0; }
|
|
407
|
+
@media (min-width: 40em){ .Polaris-Subheading{ font-size:1.2rem; } }
|
|
408
|
+
@media print{ .Polaris-Subheading{ font-size:1.1rem; } }
|
|
409
|
+
.Polaris-SettingAction{ display:flex; flex-wrap:wrap; align-items:center; margin-top:-1.6rem; margin-left:-1.6rem; }
|
|
410
|
+
.Polaris-SettingAction__Setting, .Polaris-SettingAction__Action{ flex:0 0 auto; margin-top:1.6rem; margin-left:1.6rem; max-width:calc(100% - 1.6rem); min-width:0; }
|
|
411
|
+
.Polaris-SettingAction__Setting{ flex:1 0 35rem; }
|
|
412
|
+
.Polaris-AccountConnection__TermsOfService{ margin-top:2rem; }
|
|
413
|
+
.Polaris-AccountConnection__Content > * + *{ margin-top:0.8rem; }
|
|
414
|
+
.Polaris-ActionMenu-SecondaryAction a, .Polaris-ActionMenu-SecondaryAction button{ position:relative; background:transparent !important; box-shadow:none !important; border-radius:var(--p-border-radius-base) !important; padding-left:1.2rem; padding-right:1.2rem; }
|
|
415
|
+
.Polaris-ActionMenu-SecondaryAction a::after, .Polaris-ActionMenu-SecondaryAction button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
416
|
+
.Polaris-ActionMenu-SecondaryAction a:hover, .Polaris-ActionMenu-SecondaryAction button:hover{ background:var(--p-background-hovered) !important; }
|
|
417
|
+
.Polaris-ActionMenu-SecondaryAction a:active, .Polaris-ActionMenu-SecondaryAction button:active{ background:var(--p-background-pressed) !important; }
|
|
418
|
+
@media (min-width: 48em){ .Polaris-ActionMenu-SecondaryAction a, .Polaris-ActionMenu-SecondaryAction button{ border:none !important; position:relative; }
|
|
419
|
+
.Polaris-ActionMenu-SecondaryAction a::after, .Polaris-ActionMenu-SecondaryAction button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); } }
|
|
420
|
+
.Polaris-ActionMenu-MenuGroup__Details{ margin-top:-1.6rem; padding:1.6rem; }
|
|
421
|
+
.Polaris-ActionMenu-Actions__ActionsLayout{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1 1 auto; }
|
|
422
|
+
.Polaris-ActionMenu-Actions__ActionsLayout > *{ flex:0 0 auto; }
|
|
423
|
+
.Polaris-ActionMenu-RollupActions__RollupActivator{ text-align:right; }
|
|
424
|
+
.Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']{ margin:0; border:1px solid var(--p-border-neutral-subdued); }
|
|
425
|
+
.Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:hover, .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:active, .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:focus{ border:1px solid var(--p-border-neutral-subdued); }
|
|
426
|
+
.Polaris-ActionMenu{ width:100%; display:flex; justify-content:flex-end; }
|
|
427
|
+
@media print{ .Polaris-ActionMenu{ display:none !important; } }
|
|
428
|
+
.Polaris-ActionMenu:not(.Polaris-ActionMenu--rollup){ margin-left:var(--p-override-zero, -1.2rem); }
|
|
429
|
+
.Polaris-OptionList-Checkbox{ position:relative; width:100%; margin:var(--p-choice-margin); }
|
|
430
|
+
.Polaris-OptionList-Checkbox.Polaris-OptionList-Checkbox--active .Polaris-OptionList-Checkbox__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
431
|
+
.Polaris-OptionList-Checkbox__Input{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
432
|
+
.Polaris-OptionList-Checkbox__Input.Polaris-OptionList-Checkbox--keyFocused + .Polaris-OptionList-Checkbox__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
433
|
+
.Polaris-OptionList-Checkbox__Input:active:not(:disabled) + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input:checked + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input.Polaris-OptionList-Checkbox__Input--indeterminate + .Polaris-OptionList-Checkbox__Backdrop{ border-color:var(--p-interactive); }
|
|
434
|
+
.Polaris-OptionList-Checkbox__Input:active:not(:disabled) + .Polaris-OptionList-Checkbox__Backdrop::before, .Polaris-OptionList-Checkbox__Input:checked + .Polaris-OptionList-Checkbox__Backdrop::before, .Polaris-OptionList-Checkbox__Input.Polaris-OptionList-Checkbox__Input--indeterminate + .Polaris-OptionList-Checkbox__Backdrop::before{ opacity:1; transform:scale(1); }
|
|
435
|
+
@media (-ms-high-contrast: active){ .Polaris-OptionList-Checkbox__Input:active:not(:disabled) + .Polaris-OptionList-Checkbox__Backdrop::before, .Polaris-OptionList-Checkbox__Input:checked + .Polaris-OptionList-Checkbox__Backdrop::before, .Polaris-OptionList-Checkbox__Input.Polaris-OptionList-Checkbox__Input--indeterminate + .Polaris-OptionList-Checkbox__Backdrop::before{ border:2px solid windowText; } }
|
|
436
|
+
.Polaris-OptionList-Checkbox__Input:active:not(:disabled) ~ .Polaris-OptionList-Checkbox__Icon, .Polaris-OptionList-Checkbox__Input:checked ~ .Polaris-OptionList-Checkbox__Icon, .Polaris-OptionList-Checkbox__Input.Polaris-OptionList-Checkbox__Input--indeterminate ~ .Polaris-OptionList-Checkbox__Icon{ transform:translate(-50%, -50%) scale(1); opacity:1; transition:opacity var(--p-duration-1-5-0) var(--p-ease), transform var(--p-duration-1-5-0) var(--p-ease); }
|
|
437
|
+
.Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop{ border-color:var(--p-border-disabled); }
|
|
438
|
+
.Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop::before{ background-color:var(--p-action-secondary-disabled); }
|
|
439
|
+
.Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop:hover{ cursor:default; }
|
|
440
|
+
.Polaris-OptionList-Checkbox__Input:disabled:checked + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input:disabled:checked + .Polaris-OptionList-Checkbox__Backdrop::before{ background:var(--p-border-disabled); }
|
|
441
|
+
.Polaris-OptionList-Checkbox__Backdrop{ position:relative; border:var(--p-control-border-width) solid var(--p-border); background-color:var(--p-surface); border-radius:var(--p-border-radius-base); position:relative; display:block; width:100%; height:100%; position:relative; }
|
|
442
|
+
.Polaris-OptionList-Checkbox__Backdrop::before{ content:''; position:absolute; top:calc(-1*var(--p-control-border-width)); right:calc(-1*var(--p-control-border-width)); bottom:calc(-1*var(--p-control-border-width)); left:calc(-1*var(--p-control-border-width)); border-radius:var(--p-border-radius-base); background-color:var(--p-interactive); opacity:0; transform:scale(0.25); transition:opacity var(--p-duration-1-0-0) var(--p-ease), transform var(--p-duration-1-0-0) var(--p-ease); }
|
|
443
|
+
.Polaris-OptionList-Checkbox__Backdrop.Polaris-OptionList-Checkbox--hover, .Polaris-OptionList-Checkbox__Backdrop:hover{ cursor:pointer; border-color:var(--p-border-hovered); }
|
|
444
|
+
.Polaris-OptionList-Checkbox__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:calc(-1*(var(--p-control-border-width) + 0.1rem)); right:calc(-1*(var(--p-control-border-width) + 0.1rem)); bottom:calc(-1*(var(--p-control-border-width) + 0.1rem)); left:calc(-1*(var(--p-control-border-width) + 0.1rem)); display:block; pointer-events:none; box-shadow:0 0 0 calc(-1*(var(--p-control-border-width) + 0.1rem)) var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
445
|
+
.Polaris-OptionList-Checkbox__Icon{ position:absolute; top:50%; left:50%; transform-origin:50% 50%; pointer-events:none; transform:translate(-50%, -50%) scale(0.25); opacity:0; transition:opacity var(--p-duration-1-0-0) var(--p-ease), transform var(--p-duration-1-0-0) var(--p-ease); }
|
|
446
|
+
.Polaris-OptionList-Checkbox__Icon svg{ fill:var(--p-icon-on-interactive); }
|
|
447
|
+
@media (-ms-high-contrast: active){ .Polaris-OptionList-Checkbox__Icon{ fill:windowText; } }
|
|
448
|
+
.Polaris-OptionList-Option{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; color:inherit; text-decoration:none; width:100%; min-height:3.6rem; text-align:left; border-radius:var(--p-border-radius-base); margin-top:0.4rem; }
|
|
449
|
+
.Polaris-OptionList-Option:focus{ outline:none; }
|
|
450
|
+
.Polaris-OptionList-Option:visited{ color:inherit; }
|
|
451
|
+
.Polaris-OptionList-Option__SingleSelectOption{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; text-align:left; position:relative; }
|
|
452
|
+
.Polaris-OptionList-Option__SingleSelectOption:focus{ outline:none; }
|
|
453
|
+
.Polaris-OptionList-Option__SingleSelectOption::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
454
|
+
.Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--focused:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
455
|
+
.Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--active{ background:var(--p-surface-selected); }
|
|
456
|
+
.Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--active::before, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select::before{ content:''; background-color:var(--p-interactive); position:absolute; top:0; left:-0.8rem; height:100%; display:block; width:0.3rem; border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
457
|
+
.Polaris-OptionList-Option__SingleSelectOption:not(.Polaris-OptionList-Option--disabled){ color:inherit; }
|
|
458
|
+
.Polaris-OptionList-Option__SingleSelectOption .Polaris-OptionList-Option__Media{ padding:0 0.8rem 0 0; }
|
|
459
|
+
.Polaris-OptionList-Option__Label, .Polaris-OptionList-Option__SingleSelectOption{ display:flex; align-items:flex-start; width:100%; cursor:pointer; border-radius:var(--p-border-radius-base); padding:0.8rem; }
|
|
460
|
+
.Polaris-OptionList-Option__Label:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:hover:not(.Polaris-OptionList-Option--disabled){ background:var(--p-surface-hovered); outline:0.1rem solid transparent; }
|
|
461
|
+
.Polaris-OptionList-Option__Label.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__Label.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__Label:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:active:not(.Polaris-OptionList-Option--disabled){ background:var(--p-surface-selected); outline:0.1rem solid transparent; }
|
|
462
|
+
.Polaris-OptionList-Option__Label.Polaris-OptionList-Option--disabled, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--disabled{ background:var(--p-surface-disabled); cursor:default; color:var(--p-text-disabled); }
|
|
463
|
+
.Polaris-OptionList-Option__Checkbox{ box-sizing:border-box; display:flex; flex-shrink:0; width:var(--p-choice-size); height:var(--p-choice-size); margin-right:0.8rem; margin-left:calc(-1*var(--p-choice-margin)); }
|
|
464
|
+
.Polaris-OptionList-Option--disabled .Polaris-OptionList-Option__Media svg{ fill:var(--p-icon-disabled); }
|
|
465
|
+
.Polaris-OptionList-Option__Media{ padding:0 0.8rem; }
|
|
466
|
+
.Polaris-OptionList-Option__Media svg{ fill:var(--p-icon); }
|
|
467
|
+
.Polaris-OptionList{ margin:0; padding:0; list-style:none; padding:0.8rem; }
|
|
468
|
+
.Polaris-OptionList__Options{ margin:0; padding:0; list-style:none; }
|
|
469
|
+
.Polaris-OptionList__Title{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; padding:0.8rem; color:var(--p-text-subdued); }
|
|
470
|
+
@media (min-width: 40em){ .Polaris-OptionList__Title{ font-size:1.2rem; } }
|
|
471
|
+
.Polaris-Autocomplete-ComboBox__EmptyState{ padding:0.8rem 1.6rem; }
|
|
472
|
+
.Polaris-Label{ -webkit-tap-highlight-color:transparent; }
|
|
473
|
+
.Polaris-Label--hidden{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
474
|
+
.Polaris-Label__Text{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; display:block; flex:1 1 auto; color:currentColor; -webkit-tap-highlight-color:transparent; }
|
|
475
|
+
@media (min-width: 40em){ .Polaris-Label__Text{ font-size:1.4rem; } }
|
|
476
|
+
.Polaris-Label__RequiredIndicator::after{ content:'*'; color:var(--p-text-critical); margin-left:0.4rem; }
|
|
477
|
+
.Polaris-InlineError{ display:flex; color:var(--p-text-critical); fill:var(--p-icon-critical); }
|
|
478
|
+
.Polaris-InlineError__Icon{ fill:currentColor; margin-left:-0.2rem; margin-right:0.6rem; }
|
|
479
|
+
.Polaris-Labelled--hidden > .Polaris-Labelled__LabelWrapper{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
480
|
+
.Polaris-Labelled__LabelWrapper{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; margin-bottom:0.4rem; }
|
|
481
|
+
.Polaris-Labelled__HelpText{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; margin-top:0.4rem; }
|
|
482
|
+
@media (min-width: 40em){ .Polaris-Labelled__HelpText{ font-size:1.4rem; } }
|
|
483
|
+
.Polaris-Labelled__Error{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; margin-top:0.4rem; }
|
|
484
|
+
.Polaris-Labelled__Action{ flex:0 0 auto; }
|
|
485
|
+
.Polaris-Connected{ position:relative; display:flex; }
|
|
486
|
+
.Polaris-Connected__Item{ position:relative; z-index:10; flex:0 0 auto; }
|
|
487
|
+
.Polaris-Connected__Item:not(:first-child){ margin-left:0.4rem; }
|
|
488
|
+
.Polaris-Connected__Item--primary{ z-index:20; flex:1 1 auto; }
|
|
489
|
+
.Polaris-Connected__Item--focused{ z-index:30; }
|
|
490
|
+
.Polaris-TextField{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; position:relative; display:flex; align-items:center; color:var(--p-text); cursor:text; }
|
|
491
|
+
@media (min-width: 40em){ .Polaris-TextField{ font-size:1.4rem; } }
|
|
492
|
+
.Polaris-TextField svg{ fill:var(--p-icon); }
|
|
493
|
+
.Polaris-TextField--multiline{ padding:0; flex-wrap:wrap; }
|
|
494
|
+
.Polaris-TextField--multiline > .Polaris-TextField__Input{ overflow:auto; padding-left:1.2rem; padding-right:1.2rem; resize:none; }
|
|
495
|
+
.Polaris-TextField--hasValue{ color:var(--p-text); }
|
|
496
|
+
.Polaris-TextField--focus > .Polaris-TextField__Input, .Polaris-TextField__Input:focus{ outline:none; }
|
|
497
|
+
.Polaris-TextField--focus > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField__Input:focus ~ .Polaris-TextField__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
498
|
+
.Polaris-TextField--error .Polaris-TextField__Input::-webkit-input-placeholder{ color:#9c9798; }
|
|
499
|
+
.Polaris-TextField--error .Polaris-TextField__Input::placeholder{ color:#9c9798; }
|
|
500
|
+
.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop{ background-color:var(--p-surface-critical-subdued); border-color:var(--p-border-critical); }
|
|
501
|
+
.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop::after{ border-color:var(--p-focused); }
|
|
502
|
+
.Polaris-TextField--readOnly > .Polaris-TextField__Backdrop{ background-color:var(--p-action-secondary-disabled); }
|
|
503
|
+
.Polaris-TextField--disabled{ color:var(--p-text-disabled); cursor:initial; }
|
|
504
|
+
.Polaris-TextField--disabled > .Polaris-TextField__Backdrop{ background-color:var(--p-surface-disabled); border-top-color:var(--p-border-disabled); }
|
|
505
|
+
.Polaris-TextField--disabled svg{ fill:var(--p-icon-disabled); }
|
|
506
|
+
.Polaris-TextField__Input{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; position:relative; z-index:20; display:block; flex:1 1; width:100%; min-width:0; min-height:3.6rem; margin:0; padding:0.5rem 1.2rem; background:none; border:0.1rem solid transparent; font-family:inherit; font-size:inherit; font-weight:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none; caret-color:var(--p-text); color:var(--p-text); }
|
|
507
|
+
@media (min-width: 40em){ .Polaris-TextField__Input{ font-size:1.4rem; } }
|
|
508
|
+
.Polaris-TextField__Prefix + .Polaris-TextField__Input{ padding-left:0; }
|
|
509
|
+
.Polaris-TextField__Input:disabled{ background:none; color:currentColor; opacity:1; -webkit-text-fill-color:currentColor; }
|
|
510
|
+
.Polaris-TextField__Input:invalid{ box-shadow:none; }
|
|
511
|
+
.Polaris-TextField__Input::-webkit-input-placeholder{ color:var(--p-text-subdued); }
|
|
512
|
+
.Polaris-TextField__Input::placeholder{ color:var(--p-text-subdued); }
|
|
513
|
+
.Polaris-TextField__Input[type='number']{ -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; }
|
|
514
|
+
.Polaris-TextField__Input[type='number']::-webkit-outer-spin-button, .Polaris-TextField__Input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; appearance:none; margin:0; }
|
|
515
|
+
.Polaris-TextField__Input:-webkit-autofill{ border-radius:var(--p-border-radius-base); }
|
|
516
|
+
.Polaris-TextField__Input--hasClearButton[type='search']::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
|
|
517
|
+
.Polaris-TextField__Input--suffixed{ padding-right:0; }
|
|
518
|
+
.Polaris-TextField__Input--alignRight{ text-align:right; }
|
|
519
|
+
.Polaris-TextField__Input--alignLeft{ text-align:left; }
|
|
520
|
+
.Polaris-TextField__Input--alignCenter{ text-align:center; }
|
|
521
|
+
.Polaris-TextField__Backdrop{ position:relative; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background-color:var(--p-surface); border:1px solid var(--p-border-subdued); border-top-color:var(--p-border-shadow); border-radius:var(--p-border-radius-base); pointer-events:none; }
|
|
522
|
+
.Polaris-TextField__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
523
|
+
.Polaris-TextField__Prefix, .Polaris-TextField__Suffix{ position:relative; z-index:20; flex:0 0 auto; color:var(--p-text-subdued); -webkit-user-select:none; user-select:none; pointer-events:none; }
|
|
524
|
+
.Polaris-TextField__Prefix{ margin-left:1.2rem; margin-right:0.8rem; }
|
|
525
|
+
.Polaris-TextField__Suffix{ margin-left:0.25em; margin-right:1.2rem; }
|
|
526
|
+
.Polaris-TextField__CharacterCount{ color:var(--p-text-subdued); z-index:20; margin:0 1.2rem 0 0.25em; pointer-events:none; text-align:right; }
|
|
527
|
+
.Polaris-TextField__AlignFieldBottom{ align-self:flex-end; width:100%; padding-bottom:0.8rem; }
|
|
528
|
+
.Polaris-TextField__ClearButton{ position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; z-index:20; margin:0 1.2rem 0 0.25em; }
|
|
529
|
+
.Polaris-TextField__ClearButton::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
530
|
+
.Polaris-TextField__ClearButton:focus{ outline:none; }
|
|
531
|
+
.Polaris-TextField__ClearButton:focus:enabled::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
532
|
+
.Polaris-TextField__ClearButton:disabled{ cursor:default; }
|
|
533
|
+
.Polaris-TextField__ClearButton.Polaris-TextField__ClearButton--hidden{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
534
|
+
.Polaris-TextField__Spinner{ --p-text-field-spinner-offset-large:calc(var(--p-text-field-spinner-offset) + 0.1rem); z-index:20; margin:var(--p-text-field-spinner-offset-large); color:var(--p-icon); display:flex; align-self:stretch; flex-direction:column; width:2.2rem; cursor:pointer; }
|
|
535
|
+
.Polaris-TextField__SpinnerIcon{ height:1.2rem; width:1.2rem; }
|
|
536
|
+
.Polaris-TextField__Resizer{ position:absolute; bottom:0; left:0; right:0; height:0; visibility:hidden; overflow:hidden; }
|
|
537
|
+
.Polaris-TextField__DummyInput{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; padding:0.5rem 1.2rem; word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; white-space:pre-wrap; }
|
|
538
|
+
@media (min-width: 40em){ .Polaris-TextField__DummyInput{ font-size:1.4rem; } }
|
|
539
|
+
.Polaris-TextField__Segment{ --p-text-field-spinner-border-radius:calc(var(--p-border-radius-base) - var(--p-text-field-spinner-offset)); background:var(--p-surface-neutral); border-radius:var(--p-text-field-spinner-border-radius); display:flex; flex:1 1; justify-content:center; align-items:center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; }
|
|
540
|
+
.Polaris-TextField__Segment:focus{ outline:none; }
|
|
541
|
+
.Polaris-TextField__Segment:active{ background:var(--p-surface-neutral-pressed); }
|
|
542
|
+
.Polaris-TextField__Segment:first-child{ border-top-right-radius:var(--p-text-field-spinner-border-radius); margin-bottom:var(--p-text-field-spinner-offset); }
|
|
543
|
+
.Polaris-TextField__Segment:last-child{ border-bottom-right-radius:var(--p-text-field-spinner-border-radius); }
|
|
544
|
+
.Polaris-TextField__Segment:not(:first-child){ margin-top:0; }
|
|
545
|
+
.Polaris-TextField--monospaced{ font-family:ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace; }
|
|
546
|
+
.Polaris-Autocomplete__Loading{ display:flex; justify-content:center; align-items:center; width:100%; padding:0.8rem 1.6rem; }
|
|
547
|
+
[data-lock-scrolling]{ overflow-y:scroll; margin:0; }
|
|
548
|
+
[data-lock-scrolling] [data-lock-scrolling-wrapper]{ overflow:hidden; height:100%; }
|
|
549
|
+
.Polaris-Backdrop{ position:fixed; z-index:518; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-backdrop, rgba(33, 43, 54, 0.4)); animation:Polaris-Backdrop__fade--in 200ms 1 forwards; opacity:1; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; }
|
|
550
|
+
.Polaris-Backdrop--transparent{ background-color:transparent; }
|
|
551
|
+
.Polaris-Backdrop--belowNavigation{ z-index:515; }
|
|
552
|
+
@keyframes Polaris-Backdrop__fade--in{ 0%{ opacity:0; }
|
|
553
|
+
100%{ opacity:1; } }
|
|
554
|
+
.Polaris-Banner{ --p-rgb-text:33, 43, 54; position:relative; display:flex; }
|
|
555
|
+
.Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{ border-color:var(--p-border-critical-subdued); background:var(--p-surface-critical-subdued); }
|
|
556
|
+
.Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover{ border-color:var(--p-border-critical-subdued); background:var(--p-surface-critical-subdued-hovered); }
|
|
557
|
+
.Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active{ border-color:var(--p-border-critical-subdued); background:var(--p-surface-critical-subdued-pressed); }
|
|
558
|
+
.Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active){ border-color:var(--p-border-critical-subdued); background:var(--p-surface-critical-subdued); }
|
|
559
|
+
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{ border-color:var(--p-border-warning-subdued); background:var(--p-surface-warning-subdued); }
|
|
560
|
+
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover{ border-color:var(--p-border-warning-subdued); background:var(--p-surface-warning-subdued-hovered); }
|
|
561
|
+
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active{ border-color:var(--p-border-warning-subdued); background:var(--p-surface-warning-subdued-pressed); }
|
|
562
|
+
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active){ border-color:var(--p-border-warning-subdued); background:var(--p-surface-warning-subdued); }
|
|
563
|
+
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{ border-color:var(--p-border-highlight-subdued); background:var(--p-surface-highlight-subdued); }
|
|
564
|
+
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover{ border-color:var(--p-border-highlight-subdued); background:var(--p-surface-highlight-subdued-hovered); }
|
|
565
|
+
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active{ border-color:var(--p-border-highlight-subdued); background:var(--p-surface-highlight-subdued-pressed); }
|
|
566
|
+
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active){ border-color:var(--p-border-highlight-subdued); background:var(--p-surface-highlight-subdued); }
|
|
567
|
+
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{ border-color:var(--p-border-success-subdued); background:var(--p-surface-success-subdued); }
|
|
568
|
+
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:hover{ border-color:var(--p-border-success-subdued); background:var(--p-surface-success-subdued-hovered); }
|
|
569
|
+
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active{ border-color:var(--p-border-success-subdued); background:var(--p-surface-success-subdued-pressed); }
|
|
570
|
+
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active){ border-color:var(--p-border-success-subdued); background:var(--p-surface-success-subdued); }
|
|
571
|
+
.Polaris-Banner__ContentWrapper{ flex:1 1 auto; }
|
|
572
|
+
.Polaris-Banner--withinContentContainer{ padding:1.6rem 1.6rem 1.4rem; --p-banner-background:var(--p-background); --p-banner-border:var(--p-banner-border-default); transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1); transition-delay:100ms; box-shadow:var(--p-banner-border); position:relative; border-radius:var(--p-border-radius-base); background-color:var(--p-banner-background); outline:0.1rem solid transparent; }
|
|
573
|
+
.Polaris-Banner--withinContentContainer .Polaris-Banner__ContentWrapper{ margin-top:-0.2rem; }
|
|
574
|
+
.Polaris-Banner--withinContentContainer .Polaris-Banner__Dismiss{ top:1.6rem; right:1.2rem; position:absolute; }
|
|
575
|
+
.Polaris-Banner--withinContentContainer .Polaris-Banner__Ribbon{ padding-right:1.6rem; }
|
|
576
|
+
.Polaris-Banner--withinContentContainer::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
577
|
+
.Polaris-Banner--withinContentContainer:focus{ outline:none; }
|
|
578
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--keyFocused{ box-shadow:var(--p-banner-border); }
|
|
579
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--keyFocused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
580
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess{ --p-banner-background:var(--p-surface-success-subdued); --p-banner-border:var(--p-banner-border-success); }
|
|
581
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo{ --p-banner-background:var(--p-surface-highlight-subdued); --p-banner-border:var(--p-banner-border-highlight); }
|
|
582
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning{ --p-banner-background:var(--p-surface-warning-subdued); --p-banner-border:var(--p-banner-border-warning); }
|
|
583
|
+
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical{ --p-banner-background:var(--p-surface-critical-subdued); --p-banner-border:var(--p-banner-border-critical); }
|
|
584
|
+
.Polaris-Banner--withinContentContainer + .Polaris-Banner{ margin-top:0.8rem; }
|
|
585
|
+
.Polaris-Banner--withinContentContainer .Polaris-Banner__Actions{ padding:1.2rem 0 0.4rem 0; }
|
|
586
|
+
.Polaris-Banner--withinPage{ border-radius:0 0 3px 3px; padding:2rem 2rem 1.8rem; --p-banner-background:var(--p-background); --p-banner-border:var(--p-banner-border-default); transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1); transition-delay:100ms; box-shadow:var(--p-banner-border); position:relative; border-radius:var(--p-border-radius-wide); background-color:var(--p-banner-background); outline:0.1rem solid transparent; }
|
|
587
|
+
.Polaris-Banner--withinPage .Polaris-Banner__ContentWrapper{ margin-top:-0.2rem; }
|
|
588
|
+
.Polaris-Banner--withinPage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-wide) + 0.1rem); }
|
|
589
|
+
.Polaris-Banner--withinPage:focus{ outline:none; }
|
|
590
|
+
.Polaris-Banner--withinPage.Polaris-Banner--keyFocused{ box-shadow:var(--p-banner-border); }
|
|
591
|
+
.Polaris-Banner--withinPage.Polaris-Banner--keyFocused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
592
|
+
.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess{ --p-banner-background:var(--p-surface-success-subdued); --p-banner-border:var(--p-banner-border-success); }
|
|
593
|
+
.Polaris-Banner--withinPage.Polaris-Banner--statusInfo{ --p-banner-background:var(--p-surface-highlight-subdued); --p-banner-border:var(--p-banner-border-highlight); }
|
|
594
|
+
.Polaris-Banner--withinPage.Polaris-Banner--statusWarning{ --p-banner-background:var(--p-surface-warning-subdued); --p-banner-border:var(--p-banner-border-warning); }
|
|
595
|
+
.Polaris-Banner--withinPage.Polaris-Banner--statusCritical{ --p-banner-background:var(--p-surface-critical-subdued); --p-banner-border:var(--p-banner-border-critical); }
|
|
596
|
+
.Polaris-Banner--withinPage + .Polaris-Banner{ margin-top:2rem; }
|
|
597
|
+
.Polaris-Banner--withinPage .Polaris-Banner__Ribbon{ padding-right:1.6rem; }
|
|
598
|
+
.Polaris-Banner--withinPage .Polaris-Banner__Actions{ padding-top:1.6rem; }
|
|
599
|
+
.Polaris-Banner--withinPage .Polaris-Banner__Dismiss{ right:1.6rem; top:2rem; position:absolute; }
|
|
600
|
+
.Polaris-Banner--hasDismiss{ padding-right:calc(3.2rem + var(--p-icon-size)); }
|
|
601
|
+
.Polaris-Banner__Heading{ padding-top:var(--p-override-none, 0.2rem); word-break:break-word; }
|
|
602
|
+
.Polaris-Banner__Content{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; padding:0.2rem 0; }
|
|
603
|
+
.Polaris-Banner__Ribbon{ flex:0 0 3.2rem; }
|
|
604
|
+
.Polaris-Banner__PrimaryAction{ margin-right:0.6rem; }
|
|
605
|
+
.Polaris-Banner__SecondaryAction{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; color:inherit; text-decoration:none; display:inline-block; text-align:left; margin:-0.8rem -0.6rem; padding:0.8rem 1.2rem; color:var(--p-text); padding-left:0.6rem; }
|
|
606
|
+
.Polaris-Banner__SecondaryAction:focus{ outline:none; }
|
|
607
|
+
.Polaris-Banner__SecondaryAction:visited{ color:inherit; }
|
|
608
|
+
.Polaris-Banner__SecondaryAction:hover > .Polaris-Banner__Text{ box-shadow:0 -2px 0 0 rgba(var(--p-rgb-text), 0.75) inset; }
|
|
609
|
+
.Polaris-Banner__SecondaryAction:active > .Polaris-Banner__Text{ box-shadow:0 -2px 0 0 rgba(var(--p-rgb-text), 0) inset; }
|
|
610
|
+
.Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text{ padding:2px 5px; margin:-2px -5px; background:var(--p-action-secondary-hovered); border-radius:3px; box-shadow:none; }
|
|
611
|
+
@media (-ms-high-contrast: active){ .Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text{ outline:2px dotted; } }
|
|
612
|
+
.Polaris-Banner__Text{ box-shadow:0 -2px 0 0 rgba(var(--p-rgb-text), 0.25) inset; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:box-shadow; transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
613
|
+
.Polaris-Banner__Button{ position:relative; position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border-radius:var(--p-border-radius-base); color:var(--p-text); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); line-height:1; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; -webkit-tap-highlight-color:transparent; font-size:1.5rem; font-weight:var(--p-button-font-weight, 400); line-height:1.6rem; text-transform:initial; letter-spacing:initial; position:relative; color:var(--p-text); }
|
|
614
|
+
.Polaris-Banner__Button svg{ fill:var(--p-icon); }
|
|
615
|
+
.Polaris-Banner__Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
616
|
+
.Polaris-Banner__Button:hover{ background:var(--p-action-secondary-hovered); outline:0.1rem solid transparent; }
|
|
617
|
+
.Polaris-Banner__Button:focus{ box-shadow:var(--p-button-drop-shadow); outline:0; }
|
|
618
|
+
.Polaris-Banner__Button:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
619
|
+
.Polaris-Banner__Button:active{ background:var(--p-action-secondary-pressed); box-shadow:var(--p-button-drop-shadow); }
|
|
620
|
+
.Polaris-Banner__Button:active::after{ border:none; box-shadow:none; }
|
|
621
|
+
.Polaris-Banner__Button.Polaris-Banner--pressed{ background:var(--p-action-secondary-depressed); box-shadow:var(--p-button-pressed-inner-shadow); color:var(--p-text-on-primary); border-color:var(--p-border-depressed); }
|
|
622
|
+
.Polaris-Banner__Button.Polaris-Banner--pressed svg{ fill:currentColor; }
|
|
623
|
+
@media (-ms-high-contrast: active){ .Polaris-Banner__Button{ border:1px solid windowText; } }
|
|
624
|
+
@media (min-width: 40em){ .Polaris-Banner__Button{ font-size:1.4rem; } }
|
|
625
|
+
.Polaris-Banner__Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.3rem; right:-0.3rem; bottom:-0.3rem; left:-0.3rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.3rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
626
|
+
.Polaris-Banner__Button:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
627
|
+
.Polaris-Breadcrumbs__Breadcrumb{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; display:flex; align-items:center; min-height:3.6rem; color:var(--p-text-subdued); text-decoration:none; margin:0; padding:0.2rem; border-radius:var(--p-border-radius-base); border:1px solid var(--p-border-neutral-subdued); position:relative; }
|
|
628
|
+
@media (min-width: 40em){ .Polaris-Breadcrumbs__Breadcrumb{ font-size:1.4rem; } }
|
|
629
|
+
.Polaris-Breadcrumbs__Breadcrumb:focus{ outline:none; }
|
|
630
|
+
.Polaris-Breadcrumbs__Breadcrumb::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
631
|
+
.Polaris-Breadcrumbs__Breadcrumb:hover{ background-color:var(--p-surface-hovered); }
|
|
632
|
+
.Polaris-Breadcrumbs__Breadcrumb:active{ background-color:var(--p-surface-pressed); }
|
|
633
|
+
.Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__ContentWrapper{ background:var(--p-override-transparent); }
|
|
634
|
+
.Polaris-Breadcrumbs__Breadcrumb:hover, .Polaris-Breadcrumbs__Breadcrumb:active{ color:var(--p-text); text-decoration:none; }
|
|
635
|
+
.Polaris-Breadcrumbs__Breadcrumb:hover .Polaris-Breadcrumbs__Icon svg, .Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__Icon svg{ fill:var(--p-icon-pressed); }
|
|
636
|
+
.Polaris-Breadcrumbs__Breadcrumb:focus{ outline:none; }
|
|
637
|
+
.Polaris-Breadcrumbs__Breadcrumb:focus .Polaris-Breadcrumbs__ContentWrapper{ background:var(--p-override-transparent); }
|
|
638
|
+
.Polaris-Breadcrumbs__Breadcrumb:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
639
|
+
.Polaris-Breadcrumbs__ContentWrapper{ position:relative; display:flex; align-items:center; justify-content:center; padding:0; margin-left:0; background:transparent; height:2.8rem; width:2.8rem; border-radius:var(--p-border-radius-wide); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:background; transition:background 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
640
|
+
.Polaris-Breadcrumbs__Content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; }
|
|
641
|
+
.Polaris-Breadcrumbs__Icon{ width:2rem; height:2rem; margin:-1rem 0 -1rem -0.8rem; margin:0; }
|
|
642
|
+
.Polaris-Breadcrumbs__Icon svg{ fill:var(--p-icon); }
|
|
643
|
+
.Polaris-Choice{ display:inline-flex; justify-content:flex-start; padding:0.4rem 0; cursor:pointer; }
|
|
644
|
+
.Polaris-Choice--labelHidden{ padding:0; }
|
|
645
|
+
.Polaris-Choice--labelHidden > .Polaris-Choice__Label{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
646
|
+
.Polaris-Choice--labelHidden .Polaris-Choice__Control{ margin-top:0; margin-right:0; }
|
|
647
|
+
.Polaris-Choice--disabled{ cursor:default; }
|
|
648
|
+
.Polaris-Choice--disabled > .Polaris-Choice__Label{ color:var(--p-text-disabled); }
|
|
649
|
+
.Polaris-Choice--disabled > .Polaris-Choice__Label:hover{ cursor:default; }
|
|
650
|
+
@media (-ms-high-contrast: active){ .Polaris-Choice--disabled > .Polaris-Choice__Label{ color:grayText; } }
|
|
651
|
+
.Polaris-Choice__Control{ display:flex; flex:0 0 auto; align-items:stretch; width:var(--p-choice-size, 1.6rem); height:var(--p-choice-size, 1.6rem); margin-top:var(--p-override-none, 0.2rem); margin-right:0.8rem; }
|
|
652
|
+
.Polaris-Choice__Control > *{ width:100%; }
|
|
653
|
+
.Polaris-Choice__Label{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; -webkit-tap-highlight-color:transparent; }
|
|
654
|
+
@media (min-width: 40em){ .Polaris-Choice__Label{ font-size:1.4rem; } }
|
|
655
|
+
.Polaris-Choice__Label:hover{ cursor:pointer; }
|
|
656
|
+
.Polaris-Choice__Descriptions{ padding-left:calc(0.8rem + var(--p-choice-size, 1.6rem)); }
|
|
657
|
+
.Polaris-Choice__HelpText{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); margin-bottom:0.4rem; }
|
|
658
|
+
@media (min-width: 40em){ .Polaris-Choice__HelpText{ font-size:1.4rem; } }
|
|
659
|
+
.Polaris-Checkbox{ position:relative; margin:var(--p-choice-margin, 0); }
|
|
660
|
+
.Polaris-Checkbox__Input{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
661
|
+
.Polaris-Checkbox__Input.Polaris-Checkbox--keyFocused + .Polaris-Checkbox__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
662
|
+
.Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{ border-color:var(--p-interactive); }
|
|
663
|
+
.Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before{ opacity:1; transform:scale(1); }
|
|
664
|
+
@media (-ms-high-contrast: active){ .Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before{ border:2px solid windowText; } }
|
|
665
|
+
.Polaris-Checkbox__Input:active:not(:disabled) ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{ transition:opacity var(--p-duration-1-5-0) var(--p-ease), transform var(--p-duration-1-5-0) var(--p-ease); transform:translate(-50%, -50%) scale(1); opacity:1; }
|
|
666
|
+
.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop{ border-color:var(--p-border-disabled); }
|
|
667
|
+
.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::before{ background-color:var(--p-action-secondary-disabled); }
|
|
668
|
+
.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:hover{ cursor:default; }
|
|
669
|
+
.Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop{ background:var(--p-border-disabled); }
|
|
670
|
+
.Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop::before{ background:var(--p-border-disabled); }
|
|
671
|
+
.Polaris-Checkbox__Backdrop{ position:relative; border:var(--p-control-border-width) solid var(--p-border); background-color:var(--p-surface); border-radius:var(--p-border-radius-base); position:relative; display:block; width:100%; height:100%; position:relative; }
|
|
672
|
+
.Polaris-Checkbox__Backdrop::before{ content:''; position:absolute; top:calc(-1*var(--p-control-border-width)); right:calc(-1*var(--p-control-border-width)); bottom:calc(-1*var(--p-control-border-width)); left:calc(-1*var(--p-control-border-width)); border-radius:var(--p-border-radius-base); background-color:var(--p-interactive); opacity:0; transform:scale(0.25); transition:opacity var(--p-duration-1-0-0) var(--p-ease), transform var(--p-duration-1-0-0) var(--p-ease); }
|
|
673
|
+
.Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover, .Polaris-Checkbox__Backdrop:hover{ cursor:pointer; border-color:var(--p-border-hovered); }
|
|
674
|
+
.Polaris-Checkbox__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:calc(-1*(var(--p-control-border-width) + 0.1rem)); right:calc(-1*(var(--p-control-border-width) + 0.1rem)); bottom:calc(-1*(var(--p-control-border-width) + 0.1rem)); left:calc(-1*(var(--p-control-border-width) + 0.1rem)); display:block; pointer-events:none; box-shadow:0 0 0 calc(-1*(var(--p-control-border-width) + 0.1rem)) var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
675
|
+
.Polaris-Checkbox__Icon{ position:absolute; top:50%; left:50%; transform-origin:50% 50%; pointer-events:none; transform:translate(-50%, -50%) scale(0.25); opacity:0; transition:opacity var(--p-duration-1-0-0) var(--p-ease), transform var(--p-duration-1-0-0) var(--p-ease); }
|
|
676
|
+
.Polaris-Checkbox__Icon svg{ fill:var(--p-icon-on-interactive); }
|
|
677
|
+
@media (-ms-high-contrast: active){ .Polaris-Checkbox__Icon{ fill:windowText; } }
|
|
678
|
+
.Polaris-Checkbox--error .Polaris-Checkbox__Icon svg{ fill:var(--p-icon-on-critical); }
|
|
679
|
+
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop{ border-color:var(--p-border-critical); background-color:var(--p-surface-critical); }
|
|
680
|
+
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover, .Polaris-Checkbox--error .Polaris-Checkbox__Backdrop:hover{ border-color:var(--p-border-critical); }
|
|
681
|
+
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop::before{ background-color:var(--p-border-critical); }
|
|
682
|
+
.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before{ background-color:var(--p-border-critical); }
|
|
683
|
+
.Polaris-CheckableButton{ font-size:1.5rem; font-weight:var(--p-button-font-weight, 400); line-height:1.6rem; text-transform:initial; letter-spacing:initial; display:flex; align-items:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; line-height:1; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; text-align:left; border-radius:var(--p-border-radius-base, 3px); width:100%; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); }
|
|
684
|
+
@media (min-width: 40em){ .Polaris-CheckableButton{ font-size:1.4rem; } }
|
|
685
|
+
.Polaris-CheckableButton svg{ fill:var(--p-icon-on-interactive); }
|
|
686
|
+
[data-buttongroup-segmented='true'] .Polaris-CheckableButton{ border-top-right-radius:0; border-bottom-right-radius:0; }
|
|
687
|
+
.Polaris-CheckableButton:hover{ background:var(--p-action-secondary-hovered); }
|
|
688
|
+
.Polaris-CheckableButton:active{ background:var(--p-action-secondary-pressed); }
|
|
689
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--measuring{ font-size:1.5rem; font-weight:700; }
|
|
690
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--measuring::before{ content:''; display:inline-block; width:1.5rem; }
|
|
691
|
+
@media (min-width: 28.625em){ .Polaris-CheckableButton{ flex:0 1 auto; } }
|
|
692
|
+
.Polaris-CheckableButton:focus{ outline:none; }
|
|
693
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--plain{ border-radius:3px; box-shadow:none; background:transparent; border:none; }
|
|
694
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--plain:hover{ background:transparent; }
|
|
695
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--selectMode{ color:var(--p-text-subdued); font-weight:500; }
|
|
696
|
+
.Polaris-CheckableButton.Polaris-CheckableButton__CheckableButton--selected{ color:var(--p-text); }
|
|
697
|
+
.Polaris-CheckableButton__Checkbox{ pointer-events:none; height:var(--p-choice-size); width:var(--p-choice-size); margin-left:calc(-0.9rem - var(--p-control-border-width)); }
|
|
698
|
+
.Polaris-CheckableButton__Label{ flex:1 1; white-space:nowrap; overflow:hidden; max-width:100%; text-overflow:ellipsis; padding:0.1rem 0; margin-left:calc(2rem - var(--p-control-border-width)); }
|
|
699
|
+
.Polaris-Indicator::before, .Polaris-Indicator::after{ content:''; position:absolute; background-color:var(--p-border-highlight, #47c1bf); right:-0.4rem; top:-0.4rem; width:1rem; height:1rem; border-radius:100%; border:0.5rem solid transparent; }
|
|
700
|
+
.Polaris-Indicator--pulseIndicator::before{ z-index:1; animation:Polaris-Indicator--bounce 5s ease infinite; }
|
|
701
|
+
.Polaris-Indicator--pulseIndicator::after{ right:-0.4rem; top:-0.4rem; animation:Polaris-Indicator--pulse 5s ease infinite; }
|
|
702
|
+
@keyframes Polaris-Indicator--bounce{ from, 65%, 85%{ transform:scale(1); }
|
|
703
|
+
75%{ transform:scale(0.85); }
|
|
704
|
+
82.5%{ transform:scale(1.05); } }
|
|
705
|
+
@keyframes Polaris-Indicator--pulse{ from, 75%{ transform:scale(0.85);
|
|
706
|
+
opacity:1; }
|
|
707
|
+
to{ transform:scale(2.5);
|
|
708
|
+
opacity:0; } }
|
|
709
|
+
.Polaris-BulkActions__Group{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; width:100%; display:none; align-items:center; flex-wrap:wrap; opacity:0; }
|
|
710
|
+
@media (min-width: 40em){ .Polaris-BulkActions__Group{ font-size:1.4rem; } }
|
|
711
|
+
.Polaris-BulkActions__Group.Polaris-BulkActions__Group--measuring{ transition:none; display:flex; opacity:0; }
|
|
712
|
+
.Polaris-BulkActions__Group--entering, .Polaris-BulkActions__Group--exiting{ opacity:0; display:flex; }
|
|
713
|
+
.Polaris-BulkActions__Group--entered{ opacity:1; display:flex; }
|
|
714
|
+
.Polaris-BulkActions__Group--exited{ opacity:0; display:none; }
|
|
715
|
+
@media (min-width: 28.625em){ .Polaris-BulkActions__Group--smallScreen{ display:none; } }
|
|
716
|
+
.Polaris-BulkActions__Group--largeScreen{ display:none; }
|
|
717
|
+
@media (min-width: 28.625em){ .Polaris-BulkActions__Group--largeScreen{ display:flex; }
|
|
718
|
+
.Polaris-BulkActions__Group--largeScreen.Polaris-BulkActions__Group--exiting{ transition:none; }
|
|
719
|
+
.Polaris-BulkActions__Group--largeScreen.Polaris-BulkActions__Group--exited{ opacity:0; display:none; } }
|
|
720
|
+
.Polaris-BulkActions__ButtonGroupWrapper{ width:100%; max-width:100%; }
|
|
721
|
+
@media (max-width: 28.625em){ .Polaris-BulkActions__ButtonGroupWrapper > div > div:first-child{ flex:1 1 auto; } }
|
|
722
|
+
@media (min-width: 28.625em){ .Polaris-BulkActions__ButtonGroupWrapper{ width:auto; justify-content:flex-start; margin-right:0.8rem; } }
|
|
723
|
+
.Polaris-BulkActions__Group--measuring .Polaris-BulkActions__ButtonGroupWrapper{ position:absolute; width:auto; }
|
|
724
|
+
.Polaris-BulkActions__BulkActionButton{ white-space:nowrap; }
|
|
725
|
+
.Polaris-BulkActions__CheckableContainer{ flex:1 1; }
|
|
726
|
+
.Polaris-BulkActions--disabled{ transition:none; box-shadow:none; border-color:var(--p-border-disabled); background:var(--p-surface-disabled); color:var(--p-text-disabled); cursor:default; pointer-events:none; }
|
|
727
|
+
.Polaris-BulkActions--disabled svg{ fill:var(--p-icon-disabled); }
|
|
728
|
+
.Polaris-BulkActions__PaginatedSelectAll{ padding:0.4rem 0; }
|
|
729
|
+
.Polaris-BulkActions__Slide{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transform:translateY(0); transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
730
|
+
.Polaris-BulkActions__Slide--appear, .Polaris-BulkActions__Slide--enter, .Polaris-BulkActions__Slide--exit{ transform:translateX(-4rem); }
|
|
731
|
+
.Polaris-BulkActions__Slide--appearing, .Polaris-BulkActions__Slide--entering{ transform:translateY(0); }
|
|
732
|
+
.Polaris-TextContainer > *:not(:first-child){ margin-top:1.6rem; }
|
|
733
|
+
.Polaris-TextContainer--spacingTight > *:not(:first-child){ margin-top:0.8rem; }
|
|
734
|
+
.Polaris-TextContainer--spacingLoose > *:not(:first-child){ margin-top:2rem; }
|
|
735
|
+
.Polaris-CalloutCard{ display:flex; align-items:center; }
|
|
736
|
+
.Polaris-CalloutCard__Image{ display:none; flex:0 0 auto; width:10rem; }
|
|
737
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-CalloutCard__Image{ display:block; margin-left:2rem; } }
|
|
738
|
+
@media (min-width: 30.625em){ .Polaris-CalloutCard__Image{ display:block; margin-left:2rem; } }
|
|
739
|
+
.Polaris-CalloutCard__DismissImage{ margin-right:2rem; }
|
|
740
|
+
.Polaris-CalloutCard__Content{ flex:1 1 auto; }
|
|
741
|
+
.Polaris-CalloutCard__Title{ margin-bottom:2rem; }
|
|
742
|
+
.Polaris-CalloutCard__Buttons{ margin-top:2rem; }
|
|
743
|
+
.Polaris-CalloutCard__Container{ position:relative; }
|
|
744
|
+
.Polaris-CalloutCard__Dismiss{ right:1.6rem; top:1.6rem; position:absolute; }
|
|
745
|
+
.Polaris-CalloutCard--hasDismiss{ padding-right:calc(3.2rem + var(--p-icon-size)); }
|
|
746
|
+
.Polaris-Caption{ font-size:1.3rem; font-weight:400; line-height:2rem; margin:0; }
|
|
747
|
+
@media (min-width: 40em){ .Polaris-Caption{ font-size:1.2rem; line-height:1.6rem; } }
|
|
748
|
+
.Polaris-RadioButton{ position:relative; margin:var(--p-choice-margin, 0); }
|
|
749
|
+
.Polaris-RadioButton__Input{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
750
|
+
.Polaris-RadioButton__Input.Polaris-RadioButton--keyFocused + .Polaris-RadioButton__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
751
|
+
.Polaris-RadioButton__Input.Polaris-RadioButton--keyFocused + .Polaris-RadioButton__Backdrop::after{ border-radius:50%; }
|
|
752
|
+
.Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop{ border-color:var(--p-interactive); }
|
|
753
|
+
.Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop::before{ transition:opacity var(--p-duration-1-5-0) var(--p-ease), transform var(--p-duration-1-5-0) var(--p-ease); opacity:1; transform:translate(-50%, -50%) scale(1); }
|
|
754
|
+
.Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop{ border-color:var(--p-border-disabled); cursor:default; }
|
|
755
|
+
.Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop::before{ background-color:var(--p-border-disabled); }
|
|
756
|
+
.Polaris-RadioButton__Backdrop{ position:relative; top:0; left:0; display:block; width:100%; height:100%; border:var(--p-control-border-width) solid var(--p-border); border-radius:50%; background-color:var(--p-surface); transition:border-color var(--p-duration-1-0-0) var(--p-ease); position:relative; }
|
|
757
|
+
.Polaris-RadioButton__Backdrop::before{ content:''; position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%, -50%) scale(0.1); transform-origin:50% 50%; height:var(--p-icon-size); width:var(--p-icon-size); background-color:var(--p-interactive); border-radius:50%; transition:opacity var(--p-duration-1-0-0) var(--p-ease), transform var(--p-duration-1-0-0) var(--p-ease); }
|
|
758
|
+
@media (forced-colors: active){ .Polaris-RadioButton__Backdrop::before{ border:0.5rem solid transparent; } }
|
|
759
|
+
.Polaris-RadioButton__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:calc(-1*(var(--p-control-border-width) + 0.1rem)); right:calc(-1*(var(--p-control-border-width) + 0.1rem)); bottom:calc(-1*(var(--p-control-border-width) + 0.1rem)); left:calc(-1*(var(--p-control-border-width) + 0.1rem)); display:block; pointer-events:none; box-shadow:0 0 0 calc(-1*(var(--p-control-border-width) + 0.1rem)) var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
760
|
+
.Polaris-RadioButton__Backdrop::after{ border-radius:50%; }
|
|
761
|
+
.Polaris-RadioButton__Backdrop.Polaris-RadioButton--hover, .Polaris-RadioButton__Backdrop:hover{ cursor:pointer; border-color:var(--p-border-hovered); }
|
|
762
|
+
.Polaris-ChoiceList{ margin:0; padding:0; border:none; }
|
|
763
|
+
.Polaris-ChoiceList--titleHidden > .Polaris-ChoiceList__Title{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
764
|
+
.Polaris-ChoiceList__Choices{ margin:0; padding:0; list-style:none; }
|
|
765
|
+
.Polaris-ChoiceList__ChoiceChildren{ margin-bottom:0.8rem; padding-left:calc(0.8rem + var(--p-choice-size, 1.6rem)); }
|
|
766
|
+
.Polaris-ChoiceList__ChoiceError{ margin-top:0.4rem; margin-bottom:0.8rem; }
|
|
767
|
+
.Polaris-ChoiceList__Title{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; display:block; margin:0 0 0.4rem; padding:0; }
|
|
768
|
+
@media (min-width: 40em){ .Polaris-ChoiceList__Title{ font-size:1.4rem; } }
|
|
769
|
+
.Polaris-Collapsible{ padding-top:0; padding-bottom:0; max-height:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:max-height; transition-property:max-height; transition-duration:100ms; transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }
|
|
770
|
+
.Polaris-Collapsible--isFullyClosed{ display:none; }
|
|
771
|
+
@media print{ .Polaris-Collapsible--expandOnPrint{ max-height:none !important; overflow:visible; display:block; } }
|
|
772
|
+
.Polaris-ColorPicker{ -webkit-user-select:none; user-select:none; display:flex; }
|
|
773
|
+
.Polaris-ColorPicker__MainColor{ background:repeating-conic-gradient(var(--p-surface) 0% 25%, var(--p-surface-neutral-subdued) 0% 50%) 50% / 1.6rem 1.6rem; position:relative; overflow:hidden; height:16rem; width:16rem; border-radius:var(--p-border-radius-base); cursor:pointer; }
|
|
774
|
+
.Polaris-ColorPicker--fullWidth .Polaris-ColorPicker__MainColor{ width:auto; flex-grow:1; }
|
|
775
|
+
.Polaris-ColorPicker__MainColor .Polaris-ColorPicker__Dragger{ right:0.9rem; margin:0; }
|
|
776
|
+
.Polaris-ColorPicker__MainColor .Polaris-ColorPicker__ColorLayer{ border-radius:var(--p-border-radius-base); }
|
|
777
|
+
.Polaris-ColorPicker__MainColor::after, .Polaris-ColorPicker__MainColor::before{ content:''; position:absolute; z-index:20; top:0; left:0; display:block; height:100%; width:100%; pointer-events:none; border-radius:var(--p-border-radius-base, 3px); }
|
|
778
|
+
.Polaris-ColorPicker__MainColor::before{ background:linear-gradient(to right, white, transparent); }
|
|
779
|
+
.Polaris-ColorPicker__MainColor::after{ background-image:linear-gradient(to top, black, transparent); }
|
|
780
|
+
.Polaris-ColorPicker__Dragger{ position:relative; z-index:30; bottom:0.9rem; transform:none; height:1.8rem; width:1.8rem; margin:0 auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; background:transparent; border:var(--p-border-radius-base) solid var(--p-surface); border-radius:50%; pointer-events:none; }
|
|
781
|
+
.Polaris-ColorPicker__HuePicker, .Polaris-ColorPicker__AlphaPicker{ position:relative; overflow:hidden; height:16rem; width:2.4rem; margin-left:0.8rem; border-width:var(--p-border-radius-base); border-radius:8rem; }
|
|
782
|
+
.Polaris-ColorPicker__HuePicker{ background-image:linear-gradient(to bottom, red 1.8rem, yellow, lime, cyan, blue, magenta, red 14.2rem); }
|
|
783
|
+
.Polaris-ColorPicker__AlphaPicker{ background:repeating-conic-gradient(var(--p-surface) 0% 25%, var(--p-surface-neutral-subdued) 0% 50%) 50% / 1.6rem 1.6rem; }
|
|
784
|
+
.Polaris-ColorPicker__ColorLayer{ position:absolute; z-index:10; top:0; left:0; height:100%; width:100%; pointer-events:none; }
|
|
785
|
+
.Polaris-ColorPicker__Slidable{ height:100%; width:100%; cursor:pointer; }
|
|
786
|
+
.Polaris-DataTable{ position:relative; max-width:100vw; }
|
|
787
|
+
.Polaris-DataTable--condensed .Polaris-DataTable__Navigation{ display:flex; align-items:center; justify-content:center; width:100%; padding:1.6rem 0.8rem; }
|
|
788
|
+
@media (min-width: 48em){ .Polaris-DataTable--condensed .Polaris-DataTable__Navigation{ justify-content:flex-end; } }
|
|
789
|
+
.Polaris-DataTable__Navigation{ display:none; }
|
|
790
|
+
.Polaris-DataTable__Pip{ height:0.6rem; width:0.6rem; background:var(--p-text-subdued); border-radius:var(--p-border-radius-base); }
|
|
791
|
+
.Polaris-DataTable__Pip:not(:last-of-type){ margin-right:0.4rem; }
|
|
792
|
+
.Polaris-DataTable__Pip--visible{ background:var(--p-text); }
|
|
793
|
+
.Polaris-DataTable__ScrollContainer{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
|
|
794
|
+
.Polaris-DataTable__Table{ width:100%; border-spacing:0; }
|
|
795
|
+
@media (min-width: 48em){ .Polaris-DataTable--hoverable:hover .Polaris-DataTable__Cell{ background:var(--p-surface-hovered); } }
|
|
796
|
+
.Polaris-DataTable__TableRow + .Polaris-DataTable__TableRow .Polaris-DataTable__Cell{ border-top:0.1rem solid var(--p-divider); }
|
|
797
|
+
.Polaris-DataTable__Cell{ padding:1.6rem; white-space:nowrap; text-align:left; transition:background-color 0.2s ease-in-out; }
|
|
798
|
+
.Polaris-DataTable__Cell--firstColumn{ font-weight:400; color:var(--p-text); text-align:left; white-space:normal; }
|
|
799
|
+
.Polaris-DataTable__Cell--numeric{ text-align:right; }
|
|
800
|
+
.Polaris-DataTable__Cell--truncated{ white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; max-width:14.5rem; }
|
|
801
|
+
.Polaris-DataTable__Cell--header{ font-weight:400; color:var(--p-text); border-bottom:0.1rem solid var(--p-border); border-top:0; }
|
|
802
|
+
.Polaris-DataTable__Cell--sortable{ padding:0; }
|
|
803
|
+
.Polaris-DataTable__Cell--verticalAlignTop{ vertical-align:top; }
|
|
804
|
+
.Polaris-DataTable__Cell--verticalAlignBottom{ vertical-align:bottom; }
|
|
805
|
+
.Polaris-DataTable__Cell--verticalAlignMiddle{ vertical-align:middle; }
|
|
806
|
+
.Polaris-DataTable__Cell--verticalAlignBaseline{ vertical-align:baseline; }
|
|
807
|
+
.Polaris-DataTable__Icon{ display:flex; align-self:flex-end; opacity:0; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1), fill 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
808
|
+
.Polaris-DataTable__Heading{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; position:relative; display:inline-flex; justify-content:flex-end; align-items:baseline; color:var(--p-text); transition:color 200ms cubic-bezier(0.64, 0, 0.35, 1); cursor:pointer; padding:0.8rem; margin:0.8rem; }
|
|
809
|
+
.Polaris-DataTable__Heading:focus{ outline:none; }
|
|
810
|
+
.Polaris-DataTable__Heading::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
811
|
+
.Polaris-DataTable__Heading svg{ fill:var(--p-icon); }
|
|
812
|
+
.Polaris-DataTable__Heading:hover{ color:var(--p-interactive-hovered); }
|
|
813
|
+
.Polaris-DataTable__Heading:hover svg{ fill:var(--p-interactive-hovered); }
|
|
814
|
+
.Polaris-DataTable__Heading:hover .Polaris-DataTable__Icon{ opacity:1; }
|
|
815
|
+
.Polaris-DataTable__Heading:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
816
|
+
.Polaris-DataTable__Heading--left{ justify-content:flex-start; flex-direction:row-reverse; }
|
|
817
|
+
.Polaris-DataTable__Cell--sorted .Polaris-DataTable__Icon{ opacity:1; }
|
|
818
|
+
.Polaris-DataTable__Cell--total{ font-weight:600; background:var(--p-surface-subdued); border-bottom:0.1rem solid var(--p-border-subdued); }
|
|
819
|
+
.Polaris-DataTable--cellTotalFooter{ border-top:0.1rem solid var(--p-divider); border-bottom:none; border-bottom-left-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
820
|
+
.Polaris-DataTable__Footer{ padding:1.6rem; background:var(--p-surface-subdued); color:var(--p-text-subdued); text-align:center; border-top:0.1rem solid var(--p-divider); border-bottom-left-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
821
|
+
.Polaris-DatePicker{ position:relative; }
|
|
822
|
+
.Polaris-DatePicker__MonthLayout{ display:flex; flex-wrap:wrap; margin-top:-1.6rem; margin-left:-1.6rem; }
|
|
823
|
+
.Polaris-DatePicker__MonthContainer{ flex:1 1 23rem; margin-top:1.6rem; margin-left:1.6rem; max-width:calc(100% - 1.6rem); min-width:23rem; }
|
|
824
|
+
.Polaris-DatePicker__Month{ width:100%; table-layout:fixed; border-collapse:collapse; border:none; border-spacing:0; }
|
|
825
|
+
.Polaris-DatePicker__Month--current{ font-weight:700; }
|
|
826
|
+
.Polaris-DatePicker__DayCell{ width:14.28571%; background:transparent; margin:0; padding:0; border-radius:var(--p-border-radius-base); }
|
|
827
|
+
.Polaris-DatePicker__DayCell--inRange{ border-radius:0; }
|
|
828
|
+
.Polaris-DatePicker__Day{ display:block; height:100%; width:100%; margin:0; padding:0.8rem; background:transparent; border:none; border-radius:var(--p-border-radius-base); outline:none; font-size:1.2rem; text-align:center; color:var(--p-text); cursor:pointer; position:relative; }
|
|
829
|
+
.Polaris-DatePicker__Day:hover{ background:var(--p-interactive-hovered); color:var(--p-text-on-interactive); outline:0.1rem solid transparent; }
|
|
830
|
+
.Polaris-DatePicker__Day::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
831
|
+
.Polaris-DatePicker__Day:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
832
|
+
.Polaris-DatePicker__Day--today{ font-weight:700; }
|
|
833
|
+
.Polaris-DatePicker__Day--inRange{ background:var(--p-surface-selected); border-radius:0; }
|
|
834
|
+
@media (-ms-high-contrast: active){ .Polaris-DatePicker__Day--inRange{ -ms-high-contrast-adjust:none; background-color:Highlight; color:HighlightText; }
|
|
835
|
+
.Polaris-DatePicker__Day--inRange:hover{ background-color:HighlightText; color:Highlight; outline:2px solid Highlight; } }
|
|
836
|
+
.Polaris-DatePicker__Day--selected{ background:var(--p-interactive); color:var(--p-text-on-interactive); }
|
|
837
|
+
@media (-ms-high-contrast: active){ .Polaris-DatePicker__Day--selected{ -ms-high-contrast-adjust:none; background-color:Highlight; color:HighlightText; }
|
|
838
|
+
.Polaris-DatePicker__Day--selected:hover{ background-color:HighlightText; color:Highlight; outline:2px solid Highlight; } }
|
|
839
|
+
.Polaris-DatePicker__Day--disabled{ background-color:transparent; color:var(--p-text-disabled); }
|
|
840
|
+
.Polaris-DatePicker__Day--disabled:hover{ background-color:transparent; color:var(--p-text-disabled); }
|
|
841
|
+
@media (-ms-high-contrast){ .Polaris-DatePicker__Day--disabled{ -ms-high-contrast-adjust:none; color:grayText; }
|
|
842
|
+
.Polaris-DatePicker__Day--disabled:hover{ color:grayText; outline:none; } }
|
|
843
|
+
.Polaris-DatePicker__Day--disabled:focus::after{ content:none; }
|
|
844
|
+
.Polaris-DatePicker__EmptyDayCell{ width:14.28571%; margin:0; padding:0; }
|
|
845
|
+
.Polaris-DatePicker__Weekday{ padding:0.8rem; background:transparent; font-size:1.2rem; font-weight:400; color:var(--p-text-subdued); text-align:center; }
|
|
846
|
+
.Polaris-DatePicker__Weekday--current{ font-weight:700; color:var(--p-text); }
|
|
847
|
+
.Polaris-DatePicker__Header{ position:absolute; top:1.6rem; display:flex; justify-content:space-between; width:100%; }
|
|
848
|
+
.Polaris-DatePicker__Title{ flex:1 1 auto; margin-top:0.2rem; padding-bottom:0.4rem; text-align:center; }
|
|
849
|
+
.Polaris-DatePicker__Day--firstInRange{ border-radius:var(--p-border-radius-base); }
|
|
850
|
+
.Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hasRange, .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hoverRight{ border-radius:3rem 0 0 3rem; }
|
|
851
|
+
.Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hasRange::after, .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hoverRight::after{ border-radius:3rem 0 0 3rem; }
|
|
852
|
+
.Polaris-DatePicker__Day--lastInRange{ border-radius:0 3rem 3rem 0; }
|
|
853
|
+
.Polaris-DatePicker__Day--lastInRange::after{ border-radius:0 3rem 3rem 0; }
|
|
854
|
+
.Polaris-DatePicker__Week{ margin-bottom:0.2rem; }
|
|
855
|
+
.Polaris-DatePicker__Week > .Polaris-DatePicker__Day--inRange:first-child:not(.Polaris-DatePicker__Day--firstInRange):not(.Polaris-DatePicker__Day--lastInRange){ border-radius:var(--p-border-radius-base) 0 0 var(--p-border-radius-base); }
|
|
856
|
+
.Polaris-DatePicker__Week > .Polaris-DatePicker__Day--inRange:last-child:not(.Polaris-DatePicker__Day--firstInRange):not(.Polaris-DatePicker__Day--lastInRange){ border-radius:0 var(--p-border-radius-base) var(--p-border-radius-base) 0; }
|
|
857
|
+
.Polaris-DatePicker__Day--inRange::after, .Polaris-DatePicker__Day--inRange:not(:hover) + .Polaris-DatePicker__Day::after{ border-radius:0 3rem 3rem 0; }
|
|
858
|
+
.Polaris-DescriptionList{ margin:0; padding:0; word-break:break-word; }
|
|
859
|
+
@media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em){ [data-has-navigation] .Polaris-DescriptionList{ display:flex; flex-wrap:wrap; align-items:flex-start; } }
|
|
860
|
+
@media (min-width: 36.875em){ .Polaris-DescriptionList{ display:flex; flex-wrap:wrap; align-items:flex-start; } }
|
|
861
|
+
.Polaris-DescriptionList__Term{ font-weight:600; padding:1.6rem 0 0.8rem; }
|
|
862
|
+
.Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Term{ padding:0.8rem 0 0.4rem; }
|
|
863
|
+
@media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em){ [data-has-navigation] .Polaris-DescriptionList__Term{ flex:0 1 25%; padding:1.6rem 1.6rem 1.6rem 0; }
|
|
864
|
+
.Polaris-DescriptionList--spacingTight [data-has-navigation] .Polaris-DescriptionList__Term{ padding:0.8rem 0.8rem 0.8rem 0; }
|
|
865
|
+
.Polaris-DescriptionList__Description + [data-has-navigation] .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:0.1rem solid var(--p-divider); } }
|
|
866
|
+
@media (min-width: 36.875em){ .Polaris-DescriptionList__Term{ flex:0 1 25%; padding:1.6rem 1.6rem 1.6rem 0; }
|
|
867
|
+
.Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Term{ padding:0.8rem 0.8rem 0.8rem 0; }
|
|
868
|
+
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:0.1rem solid var(--p-divider); } }
|
|
869
|
+
.Polaris-DescriptionList__Description{ margin-left:0; padding:0 0 1.6rem; }
|
|
870
|
+
.Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Description{ padding:0 0 0.8rem; }
|
|
871
|
+
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term{ border-top:0.1rem solid var(--p-divider); }
|
|
872
|
+
@media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em){ [data-has-navigation] .Polaris-DescriptionList__Description{ flex:1 1 51%; padding:1.6rem 0; }
|
|
873
|
+
.Polaris-DescriptionList--spacingTight [data-has-navigation] .Polaris-DescriptionList__Description{ padding:0.8rem 0; }
|
|
874
|
+
[data-has-navigation] .Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:0.1rem solid var(--p-divider); } }
|
|
875
|
+
@media (min-width: 36.875em){ .Polaris-DescriptionList__Description{ flex:1 1 51%; padding:1.6rem 0; }
|
|
876
|
+
.Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Description{ padding:0.8rem 0; }
|
|
877
|
+
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:0.1rem solid var(--p-divider); } }
|
|
878
|
+
.Polaris-DisplayText{ margin:0; }
|
|
879
|
+
.Polaris-DisplayText--sizeSmall{ font-size:1.6rem; font-weight:400; line-height:2.4rem; }
|
|
880
|
+
@media (min-width: 40em){ .Polaris-DisplayText--sizeSmall{ font-size:2rem; line-height:2.8rem; } }
|
|
881
|
+
.Polaris-DisplayText--sizeMedium{ font-size:2.1rem; font-weight:400; line-height:2.8rem; }
|
|
882
|
+
@media (min-width: 40em){ .Polaris-DisplayText--sizeMedium{ font-size:2.6rem; line-height:3.2rem; } }
|
|
883
|
+
.Polaris-DisplayText--sizeLarge{ font-size:2.4rem; font-weight:600; line-height:2.8rem; }
|
|
884
|
+
@media (min-width: 40em){ .Polaris-DisplayText--sizeLarge{ font-size:2.8rem; line-height:3.2rem; } }
|
|
885
|
+
.Polaris-DisplayText--sizeExtraLarge{ font-size:2.7rem; font-weight:600; line-height:3.6rem; }
|
|
886
|
+
@media (min-width: 40em){ .Polaris-DisplayText--sizeExtraLarge{ font-size:4.2rem; line-height:4.4rem; } }
|
|
887
|
+
.Polaris-DropZone-FileUpload{ padding:1.5rem; text-align:center; display:flex; align-items:center; justify-content:center; height:100%; }
|
|
888
|
+
.Polaris-DropZone-FileUpload__FileUploadSmallView{ padding:1.25rem; }
|
|
889
|
+
.Polaris-DropZone-FileUpload img{ vertical-align:bottom; }
|
|
890
|
+
.Polaris-DropZone-FileUpload__Button{ position:relative; position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border-radius:var(--p-border-radius-base); color:var(--p-text); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); line-height:1; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; -webkit-tap-highlight-color:transparent; position:relative; }
|
|
891
|
+
.Polaris-DropZone-FileUpload__Button svg{ fill:var(--p-icon); }
|
|
892
|
+
.Polaris-DropZone-FileUpload__Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
893
|
+
.Polaris-DropZone-FileUpload__Button:hover{ background:var(--p-action-secondary-hovered); outline:0.1rem solid transparent; }
|
|
894
|
+
.Polaris-DropZone-FileUpload__Button:focus{ box-shadow:var(--p-button-drop-shadow); outline:0; }
|
|
895
|
+
.Polaris-DropZone-FileUpload__Button:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
896
|
+
.Polaris-DropZone-FileUpload__Button:active{ background:var(--p-action-secondary-pressed); box-shadow:var(--p-button-drop-shadow); }
|
|
897
|
+
.Polaris-DropZone-FileUpload__Button:active::after{ border:none; box-shadow:none; }
|
|
898
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--pressed{ background:var(--p-action-secondary-depressed); box-shadow:var(--p-button-pressed-inner-shadow); color:var(--p-text-on-primary); border-color:var(--p-border-depressed); }
|
|
899
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--pressed svg{ fill:currentColor; }
|
|
900
|
+
@media (-ms-high-contrast: active){ .Polaris-DropZone-FileUpload__Button{ border:1px solid windowText; } }
|
|
901
|
+
.Polaris-DropZone-FileUpload__Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
902
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--disabled{ transition:none; box-shadow:none; border-color:var(--p-border-disabled); background:var(--p-surface-disabled); color:var(--p-text-disabled); cursor:not-allowed; box-shadow:none; }
|
|
903
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--disabled svg{ fill:var(--p-icon-disabled); }
|
|
904
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused{ outline:0; box-shadow:none; }
|
|
905
|
+
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
906
|
+
@media (-ms-high-contrast: active){ .Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused{ outline:2px dotted; } }
|
|
907
|
+
.Polaris-DropZone-FileUpload__Button .Polaris-DropZone-FileUpload--sizeSlim{ min-height:3rem; padding:0.4rem 1.2rem; }
|
|
908
|
+
.Polaris-DropZone-FileUpload__ActionTitle{ color:var(--p-interactive); text-decoration:none; }
|
|
909
|
+
.Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled){ cursor:pointer; }
|
|
910
|
+
.Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):hover, .Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):active{ color:var(--p-interactive-pressed); text-decoration:underline; }
|
|
911
|
+
.Polaris-DropZone-FileUpload__ActionTitle--focused{ text-decoration:underline; }
|
|
912
|
+
.Polaris-DropZone-FileUpload__ActionTitle--disabled{ color:var(--p-interactive-disabled); }
|
|
913
|
+
.Polaris-DropZone{ position:relative; display:flex; justify-content:center; background-color:var(--p-surface); border-radius:var(--p-border-radius-base); }
|
|
914
|
+
.Polaris-DropZone::after{ content:''; position:absolute; z-index:29; top:0; right:0; bottom:0; left:0; border:0.2rem dashed transparent; border-radius:var(--p-border-radius-base); pointer-events:none; }
|
|
915
|
+
.Polaris-DropZone:not(.Polaris-DropZone--focused)::after{ top:0; left:0; right:0; bottom:0; opacity:1; transform:scale(1); border:0.2rem dashed transparent; }
|
|
916
|
+
.Polaris-DropZone:hover{ outline:0.1rem solid transparent; }
|
|
917
|
+
.Polaris-DropZone--hasOutline{ padding:0.2rem; }
|
|
918
|
+
.Polaris-DropZone--hasOutline::after{ border-color:var(--p-border); }
|
|
919
|
+
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover{ cursor:pointer; background-color:var(--p-surface-hovered); }
|
|
920
|
+
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--focused)::after{ top:0; left:0; right:0; bottom:0; opacity:1; transform:scale(1); border:0.2rem dashed transparent; border-radius:calc(var(--p-border-radius-base) + 0.3rem); border-color:var(--p-border); }
|
|
921
|
+
.Polaris-DropZone--isDragging:not(.Polaris-DropZone--isDisabled){ background-color:var(--p-surface-hovered); }
|
|
922
|
+
.Polaris-DropZone--isDisabled{ cursor:not-allowed; }
|
|
923
|
+
.Polaris-DropZone--isDisabled::after{ border-color:var(--p-border-disabled); }
|
|
924
|
+
.Polaris-DropZone--sizeExtraLarge{ min-height:20.5rem; }
|
|
925
|
+
.Polaris-DropZone--sizeLarge{ min-height:16rem; }
|
|
926
|
+
.Polaris-DropZone--sizeMedium{ min-height:10rem; align-items:center; }
|
|
927
|
+
.Polaris-DropZone--sizeSmall{ padding:0; align-items:center; min-height:5rem; }
|
|
928
|
+
.Polaris-DropZone--measuring{ visibility:hidden; min-height:0; }
|
|
929
|
+
.Polaris-DropZone__Container{ position:relative; flex:1 1; }
|
|
930
|
+
.Polaris-DropZone__Container::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.3rem; right:-0.3rem; bottom:-0.3rem; left:-0.3rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.3rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
931
|
+
.Polaris-DropZone__Overlay{ border-radius:calc(var(--p-border-radius-base) + 0.3rem); position:absolute; z-index:30; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; padding:1.5rem; border:0.2rem dashed var(--p-interactive); text-align:center; color:var(--p-interactive); background-color:var(--p-surface-selected); pointer-events:none; }
|
|
932
|
+
.Polaris-DropZone--hasError .Polaris-DropZone__Overlay{ border-color:var(--p-border-critical); color:var(--p-text-critical); background-color:var(--p-surface-critical-subdued); }
|
|
933
|
+
.Polaris-DropZone--sizeSmall .Polaris-DropZone__Overlay{ padding:0; }
|
|
934
|
+
.Polaris-DropZone--focused:not(.Polaris-DropZone--isDisabled) .Polaris-DropZone__Container::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
935
|
+
.Polaris-EmptyState{ display:flex; flex-direction:column; align-items:center; width:100%; margin:0 auto; padding:2rem 0; padding-top:2rem; padding-bottom:6rem; max-width:99.8rem; }
|
|
936
|
+
.Polaris-EmptyState__Section{ display:flex; flex-direction:column-reverse; flex:1 1 auto; width:100%; align-items:center; justify-content:center; }
|
|
937
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__Section{ left:2rem; } }
|
|
938
|
+
@media (min-width: 46.5em){ .Polaris-EmptyState__Section{ left:2rem; } }
|
|
939
|
+
.Polaris-EmptyState__Details{ display:flex; text-align:center; flex-direction:column; align-items:center; }
|
|
940
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState__Details{ max-width:40rem; } }
|
|
941
|
+
@media (min-width: 30.625em){ .Polaris-EmptyState__Details{ max-width:40rem; } }
|
|
942
|
+
.Polaris-EmptyState__Image{ margin:0; width:initial; }
|
|
943
|
+
.Polaris-EmptyState__ImageContainer, .Polaris-EmptyState__DetailsContainer{ flex:1 1 auto; padding:0; margin:0; }
|
|
944
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer, [data-has-navigation] .Polaris-EmptyState__DetailsContainer{ flex-basis:50%; } }
|
|
945
|
+
@media (min-width: 46.5em){ .Polaris-EmptyState__ImageContainer, .Polaris-EmptyState__DetailsContainer{ flex-basis:50%; } }
|
|
946
|
+
@media (max-width: 30.625em), (min-width: 48.0625em) and (max-width: 47.125em){ [data-has-navigation] .Polaris-EmptyState__ImageContainer, [data-has-navigation] .Polaris-EmptyState__DetailsContainer{ overflow-x:hidden; } }
|
|
947
|
+
@media (max-width: 30.625em){ .Polaris-EmptyState__ImageContainer, .Polaris-EmptyState__DetailsContainer{ overflow-x:hidden; } }
|
|
948
|
+
.Polaris-EmptyState--withinContentContainer{ margin:0 auto; padding-top:2rem; padding-bottom:6rem; }
|
|
949
|
+
.Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Section{ position:unset; flex-direction:column-reverse; align-items:center; justify-content:center; }
|
|
950
|
+
.Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details{ display:flex; text-align:center; flex-direction:column; align-items:center; }
|
|
951
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details{ max-width:40rem; } }
|
|
952
|
+
@media (min-width: 30.625em){ .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Details{ max-width:40rem; } }
|
|
953
|
+
.Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Image{ margin:0; width:initial; }
|
|
954
|
+
.Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Content{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; padding-bottom:0.8rem; }
|
|
955
|
+
@media (min-width: 40em){ .Polaris-EmptyState--withinContentContainer .Polaris-EmptyState__Content{ font-size:1.4rem; } }
|
|
956
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-EmptyState--imageContained .Polaris-EmptyState__Image{ position:initial; width:100%; } }
|
|
957
|
+
@media (min-width: 46.5em){ .Polaris-EmptyState--imageContained .Polaris-EmptyState__Image{ position:initial; width:100%; } }
|
|
958
|
+
.Polaris-EmptyState--fullWidth .Polaris-EmptyState__Details{ max-width:100%; }
|
|
959
|
+
.Polaris-EmptyState__Content{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); padding-bottom:0.8rem; }
|
|
960
|
+
@media (min-width: 40em){ .Polaris-EmptyState__Content{ font-size:1.4rem; } }
|
|
961
|
+
.Polaris-EmptyState__Actions{ margin-top:1.6rem; }
|
|
962
|
+
.Polaris-EmptyState__FooterContent{ color:var(--p-text-subdued); margin-top:1.6rem; }
|
|
963
|
+
.Polaris-Truncate{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
|
|
964
|
+
.Polaris-ExceptionList{ margin:0; padding:0; list-style:none; }
|
|
965
|
+
.Polaris-ExceptionList__Item{ position:relative; padding-left:2.4rem; color:var(--p-text-subdued); }
|
|
966
|
+
.Polaris-ExceptionList__Item + .Polaris-ExceptionList__Item{ margin-top:0.4rem; }
|
|
967
|
+
.Polaris-ExceptionList__Icon{ position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; min-width:2rem; height:2rem; margin-right:0.4rem; }
|
|
968
|
+
.Polaris-ExceptionList__Icon svg{ fill:var(--p-icon-subdued); }
|
|
969
|
+
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Icon svg{ fill:var(--p-icon-warning); }
|
|
970
|
+
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Icon svg{ fill:var(--p-icon-critical); }
|
|
971
|
+
.Polaris-ExceptionList__Bullet{ width:0.6rem; height:0.6rem; border-radius:100%; background-color:var(--p-icon-subdued); }
|
|
972
|
+
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Bullet{ background-color:var(--p-icon-warning); }
|
|
973
|
+
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Bullet{ background-color:var(--p-icon-critical); }
|
|
974
|
+
.Polaris-ExceptionList__Title + .Polaris-ExceptionList__Description::before{ content:'–'; margin:0 0.4rem; }
|
|
975
|
+
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title, .Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{ font-weight:500; }
|
|
976
|
+
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title{ color:var(--p-text-warning); }
|
|
977
|
+
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{ color:var(--p-text-critical); }
|
|
978
|
+
.Polaris-Tag{ display:inline-flex; max-width:100%; align-items:center; min-height:2.8rem; padding:0 0.8rem; background-color:var(--p-surface-neutral); border-radius:var(--p-border-radius-base); color:var(--p-text); outline:0.1rem solid transparent; }
|
|
979
|
+
.Polaris-Tag.Polaris-Tag--disabled{ transition:none; background:var(--p-surface-neutral-disabled); color:var(--p-text-disabled); }
|
|
980
|
+
.Polaris-Tag.Polaris-Tag--disabled svg{ fill:var(--p-icon-disabled); }
|
|
981
|
+
.Polaris-Tag.Polaris-Tag--removable{ padding-right:0; }
|
|
982
|
+
.Polaris-Tag.Polaris-Tag--clickable{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; cursor:pointer; padding:0 0.8rem; background-color:var(--p-surface-neutral); position:relative; }
|
|
983
|
+
.Polaris-Tag.Polaris-Tag--clickable:focus{ outline:none; }
|
|
984
|
+
.Polaris-Tag.Polaris-Tag--clickable:hover{ background:var(--p-surface-neutral-hovered); }
|
|
985
|
+
.Polaris-Tag.Polaris-Tag--clickable::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
986
|
+
.Polaris-Tag.Polaris-Tag--clickable:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
987
|
+
.Polaris-Tag.Polaris-Tag--clickable:active{ background:var(--p-surface-neutral-pressed); }
|
|
988
|
+
.Polaris-Tag.Polaris-Tag--clickable:disabled{ background:var(--p-surface-neutral-disabled); cursor:default; pointer-events:none; }
|
|
989
|
+
.Polaris-Tag__TagText{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
|
|
990
|
+
.Polaris-Tag__Button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; display:block; height:2.8rem; width:2.8rem; margin-left:0.4rem; border-radius:0 3px 3px 0; position:relative; }
|
|
991
|
+
.Polaris-Tag__Button svg{ fill:var(--p-icon); }
|
|
992
|
+
.Polaris-Tag__Button:focus{ outline:none; }
|
|
993
|
+
.Polaris-Tag__Button:hover{ background:var(--p-surface-neutral-hovered); outline:0.1rem solid transparent; }
|
|
994
|
+
.Polaris-Tag__Button:focus{ background-color:transparent; }
|
|
995
|
+
.Polaris-Tag__Button::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
996
|
+
.Polaris-Tag__Button:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
997
|
+
.Polaris-Tag__Button:active{ background:var(--p-surface-neutral-pressed); }
|
|
998
|
+
.Polaris-Tag__Button:disabled{ cursor:default; pointer-events:none; }
|
|
999
|
+
.Polaris-Tag__Button:disabled svg{ fill:var(--p-icon-disabled); }
|
|
1000
|
+
.Polaris-Sheet{ position:fixed; bottom:0; width:100%; height:100%; background-color:var(--p-surface); box-shadow:var(--p-modal-shadow); }
|
|
1001
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-Sheet{ border-left:0.1rem solid var(--p-border-subdued); } }
|
|
1002
|
+
@media (min-width: 48.0625em){ .Polaris-Sheet{ right:0; width:38rem; } }
|
|
1003
|
+
.Polaris-Sheet:focus{ outline:0; }
|
|
1004
|
+
.Polaris-Sheet__Container{ position:fixed; z-index:519; top:0; right:0; bottom:0; left:0; }
|
|
1005
|
+
@media (min-width: 48.0625em){ .Polaris-Sheet__Container{ left:auto; width:38rem; } }
|
|
1006
|
+
.Polaris-Sheet__Bottom{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform 300ms cubic-bezier(0.64, 0, 0.35, 1); transform-origin:bottom; }
|
|
1007
|
+
.Polaris-Sheet--enterBottom{ transform:translateY(100%); }
|
|
1008
|
+
.Polaris-Sheet--enterBottomActive{ transform:translateY(0%); }
|
|
1009
|
+
.Polaris-Sheet--exitBottom{ transform:translateY(0%); }
|
|
1010
|
+
.Polaris-Sheet--exitBottomActive{ transform:translateY(100%); }
|
|
1011
|
+
.Polaris-Sheet__Right{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform 300ms cubic-bezier(0.64, 0, 0.35, 1); transform-origin:right; }
|
|
1012
|
+
.Polaris-Sheet--enterRight{ transform:translateX(100%); }
|
|
1013
|
+
.Polaris-Sheet--enterRightActive{ transform:translateX(0%); }
|
|
1014
|
+
.Polaris-Sheet--exitRight{ transform:translateX(0%); }
|
|
1015
|
+
.Polaris-Sheet--exitRightActive{ transform:translateX(100%); }
|
|
1016
|
+
.Polaris-Filters-ConnectedFilterControl__Item{ position:relative; z-index:10; }
|
|
1017
|
+
.Polaris-Filters-ConnectedFilterControl__Item--focused{ z-index:20; }
|
|
1018
|
+
.Polaris-Filters-ConnectedFilterControl__ProxyButtonContainer{ position:absolute; top:-100rem; left:-100rem; display:flex; width:100%; height:0; visibility:hidden; overflow:hidden; }
|
|
1019
|
+
.Polaris-Filters-ConnectedFilterControl__ProxyButtonContainer > *{ flex-shrink:0; }
|
|
1020
|
+
.Polaris-Filters-ConnectedFilterControl{ display:flex; flex-grow:1; }
|
|
1021
|
+
.Polaris-Filters-ConnectedFilterControl .Polaris-Filters-ConnectedFilterControl__CenterContainer{ flex:1 1 auto; min-width:10rem; }
|
|
1022
|
+
.Polaris-Filters-ConnectedFilterControl.Polaris-Filters-ConnectedFilterControl--right .Polaris-Filters-ConnectedFilterControl__CenterContainer *{ border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
1023
|
+
.Polaris-Filters-ConnectedFilterControl__CenterContainer + .Polaris-Filters-ConnectedFilterControl__RightContainer, .Polaris-Filters-ConnectedFilterControl__CenterContainer + .Polaris-Filters-ConnectedFilterControl__MoreFiltersButtonContainer{ margin-left:0.8rem; }
|
|
1024
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainer{ display:flex; }
|
|
1025
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainer .Polaris-Filters-ConnectedFilterControl__Item > div > button{ margin-right:var(--p-button-group-item-spacing); border-radius:0; }
|
|
1026
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainer .Polaris-Filters-ConnectedFilterControl__Item{ flex-shrink:0; }
|
|
1027
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainer .Polaris-Filters-ConnectedFilterControl__Item:first-of-type > div > button{ border-top-left-radius:var(--p-border-radius-base); border-bottom-left-radius:var(--p-border-radius-base); }
|
|
1028
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainer.Polaris-Filters-ConnectedFilterControl--queryFieldHidden .Polaris-Filters-ConnectedFilterControl__Item:first-of-type > div > button{ border-top-left-radius:var(--p-border-radius-base); border-bottom-left-radius:var(--p-border-radius-base); }
|
|
1029
|
+
.Polaris-Filters-ConnectedFilterControl__RightContainerWithoutMoreFilters .Polaris-Filters-ConnectedFilterControl__Item:last-child > div > button{ border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
1030
|
+
.Polaris-Filters-ConnectedFilterControl__MoreFiltersButtonContainer > div{ margin-left:var(--p-override-none); }
|
|
1031
|
+
.Polaris-Filters-ConnectedFilterControl__MoreFiltersButtonContainer .Polaris-Filters-ConnectedFilterControl__Item > div > button{ white-space:nowrap; border-top-left-radius:0; border-bottom-left-radius:0; }
|
|
1032
|
+
.Polaris-Filters-ConnectedFilterControl__MoreFiltersButtonContainer.Polaris-Filters-ConnectedFilterControl--onlyButtonVisible .Polaris-Filters-ConnectedFilterControl__Item > div > button{ border-radius:var(--p-border-radius-base); }
|
|
1033
|
+
.Polaris-Filters-ConnectedFilterControl__Wrapper{ display:flex; }
|
|
1034
|
+
.Polaris-Filters-ConnectedFilterControl__AuxiliaryContainer{ flex-grow:0; }
|
|
1035
|
+
.Polaris-Filters{ position:relative; }
|
|
1036
|
+
.Polaris-Filters__FiltersContainer{ position:relative; height:100%; width:100%; display:flex; flex-direction:column; }
|
|
1037
|
+
.Polaris-Filters__FiltersContainerHeader{ top:0; width:100%; padding:1.6rem 2rem; border-bottom:0.1rem solid var(--p-divider); height:5.6rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; }
|
|
1038
|
+
.Polaris-Filters__FiltersDesktopContainerContent{ width:100%; height:calc(100% - 12.6rem); padding:0.8rem; }
|
|
1039
|
+
.Polaris-Filters__FiltersMobileContainerContent{ width:100%; height:calc(100% - 5.6rem); padding:0.8rem; }
|
|
1040
|
+
.Polaris-Filters__FiltersContainerFooter{ position:absolute; bottom:0; width:100%; padding:1.4rem 2rem; border-top:0.1rem solid var(--p-divider); height:7rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; }
|
|
1041
|
+
.Polaris-Filters__FiltersMobileContainerFooter{ width:100%; padding:1.4rem 1.6rem; height:7rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; }
|
|
1042
|
+
.Polaris-Filters__EmptyFooterState{ border-top:0.1rem solid var(--p-divider); padding-top:1.4rem; width:100%; display:flex; justify-content:center; }
|
|
1043
|
+
.Polaris-Filters__FilterTriggerContainer{ position:relative; }
|
|
1044
|
+
.Polaris-Filters__FilterTrigger{ width:100%; margin:0; padding:1.4rem 2rem; color:var(--p-text); border-radius:var(--p-border-radius-base); background:none; border:none; outline:none; position:relative; }
|
|
1045
|
+
.Polaris-Filters__FilterTrigger::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1046
|
+
.Polaris-Filters__FilterTrigger:focus{ box-shadow:none; }
|
|
1047
|
+
.Polaris-Filters__FilterTrigger:hover{ cursor:pointer; background-color:var(--p-surface-hovered); outline:0.1rem solid transparent; }
|
|
1048
|
+
.Polaris-Filters__FilterTrigger:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1049
|
+
.Polaris-Filters__FilterTriggerTitle{ font-size:1.5rem; font-weight:600; }
|
|
1050
|
+
.Polaris-Filters__AppliedFilterBadgeContainer{ padding-top:0.4rem; display:flex; }
|
|
1051
|
+
.Polaris-Filters--open .Polaris-Filters__AppliedFilterBadgeContainer{ display:none; }
|
|
1052
|
+
.Polaris-Filters__FilterTriggerLabelContainer{ display:flex; align-items:center; justify-content:space-between; }
|
|
1053
|
+
.Polaris-Filters--open::before, .Polaris-Filters--open::after{ content:''; position:relative; left:1.6rem; width:calc(100% - 3.2rem); height:0.1rem; background-color:var(--p-surface-subdued); display:block; }
|
|
1054
|
+
.Polaris-Filters--open::before{ top:0; }
|
|
1055
|
+
.Polaris-Filters--open::after{ bottom:0; }
|
|
1056
|
+
.Polaris-Filters--open.Polaris-Filters--first::after{ content:''; bottom:0; position:relative; left:1.6rem; width:calc(100% - 3.2rem); height:0.1rem; background-color:var(--p-surface-subdued); display:block; }
|
|
1057
|
+
.Polaris-Filters--open.Polaris-Filters--first::before{ display:none; }
|
|
1058
|
+
.Polaris-Filters--open ~ .Polaris-Filters--open::before{ display:none; }
|
|
1059
|
+
.Polaris-Filters--open.Polaris-Filters--last::before{ content:''; top:0; position:relative; left:1.6rem; width:calc(100% - 3.2rem); height:0.1rem; background-color:var(--p-surface-subdued); display:block; }
|
|
1060
|
+
.Polaris-Filters--open.Polaris-Filters--last::after{ display:none; }
|
|
1061
|
+
.Polaris-Filters--open + .Polaris-Filters--last::before{ display:none; }
|
|
1062
|
+
.Polaris-Filters__FilterNodeContainer{ padding:0.8rem 2rem 2rem 2rem; }
|
|
1063
|
+
.Polaris-Filters__SearchIcon{ fill:currentColor; }
|
|
1064
|
+
.Polaris-Filters__Backdrop{ position:fixed; z-index:518; top:0; right:0; bottom:0; left:0; display:block; opacity:0; }
|
|
1065
|
+
.Polaris-Filters__HelpText{ margin-top:10px; }
|
|
1066
|
+
.Polaris-Filters__TagsContainer{ display:flex; padding-top:0.8rem; flex-wrap:wrap; }
|
|
1067
|
+
.Polaris-Filters__TagsContainer > *{ margin-right:0.8rem; margin-bottom:0.8rem; }
|
|
1068
|
+
.Polaris-FooterHelp{ display:flex; justify-content:center; margin:2rem 0; width:100%; }
|
|
1069
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-FooterHelp{ margin:2rem; width:auto; } }
|
|
1070
|
+
@media (min-width: 30.625em){ .Polaris-FooterHelp{ margin:2rem; width:auto; } }
|
|
1071
|
+
.Polaris-FooterHelp__Content{ display:inline-flex; align-items:center; padding:2rem 2rem 2rem 1.6rem; border-top:var(--p-override-none, 0.1rem solid var(--p-border-subdued)); border-bottom:var(--p-override-none, 0.1rem solid var(--p-border-subdued)); width:100%; justify-content:center; }
|
|
1072
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-FooterHelp__Content{ width:auto; border:var(--p-override-none, 0.1rem solid var(--p-border-subdued)); border-radius:var(--p-override-none, 999px); } }
|
|
1073
|
+
@media (min-width: 30.625em){ .Polaris-FooterHelp__Content{ width:auto; border:var(--p-override-none, 0.1rem solid var(--p-border-subdued)); border-radius:var(--p-override-none, 999px); } }
|
|
1074
|
+
.Polaris-FooterHelp__Icon{ margin-right:0.8rem; }
|
|
1075
|
+
.Polaris-FooterHelp__Text{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; }
|
|
1076
|
+
@media (min-width: 40em){ .Polaris-FooterHelp__Text{ font-size:1.4rem; } }
|
|
1077
|
+
.Polaris-FormLayout{ margin-top:-1.6rem; margin-left:-2rem; }
|
|
1078
|
+
.Polaris-FormLayout__Title{ margin-bottom:-0.8rem; padding:1.6rem 2rem 0; }
|
|
1079
|
+
.Polaris-FormLayout__Items{ display:flex; flex-wrap:wrap; }
|
|
1080
|
+
.Polaris-FormLayout__HelpText{ color:var(--p-text-subdued); padding:0.8rem 2rem 0; }
|
|
1081
|
+
.Polaris-FormLayout__Item{ flex:1 1 22rem; margin-top:1.6rem; margin-left:2rem; max-width:calc(100% - 2rem); }
|
|
1082
|
+
.Polaris-FormLayout--grouped .Polaris-FormLayout__Item{ min-width:22rem; }
|
|
1083
|
+
.Polaris-FormLayout--condensed .Polaris-FormLayout__Item{ flex-basis:11rem; min-width:11rem; }
|
|
1084
|
+
.Polaris-Frame-Toast{ font-size:1.6rem; font-weight:400; line-height:2.4rem; display:inline-flex; max-width:50rem; padding:0.8rem 1.6rem; border-radius:var(--p-border-radius-wide); background:var(--p-surface); box-shadow:var(--p-override-none); color:var(--p-text); margin-bottom:2rem; }
|
|
1085
|
+
@media (min-width: 40em){ .Polaris-Frame-Toast{ font-size:2rem; line-height:2.8rem; } }
|
|
1086
|
+
@media (min-width: 40em){ .Polaris-Frame-Toast{ padding:1.6rem; } }
|
|
1087
|
+
@media (forced-colors: active){ .Polaris-Frame-Toast{ border:0.2rem solid transparent; } }
|
|
1088
|
+
.Polaris-Frame-Toast__Action{ margin-left:3.2rem; margin-right:1.6rem; }
|
|
1089
|
+
.Polaris-Frame-Toast--error{ background:var(--p-action-critical); color:var(--p-text-on-critical); }
|
|
1090
|
+
.Polaris-Frame-Toast--error .Polaris-Frame-Toast__CloseButton{ fill:var(--p-icon-on-critical); }
|
|
1091
|
+
.Polaris-Frame-Toast__CloseButton{ display:flex; align-self:center; flex-direction:column; justify-content:flex-start; margin-right:-1.6rem; padding:0 1.6rem; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent; color:currentColor; cursor:pointer; }
|
|
1092
|
+
.Polaris-Frame-Toast__CloseButton svg{ fill:currentColor; }
|
|
1093
|
+
@media (min-width: 40em){ .Polaris-Frame-Toast__CloseButton{ align-self:flex-start; margin:-0.8rem -1.6rem -0.8rem 0; padding:1.2rem 1.6rem 0.8rem; } }
|
|
1094
|
+
.Polaris-Frame-Toast__CloseButton:focus{ outline:none; }
|
|
1095
|
+
:root{ --toast-translate-y-out:15rem; --toast-translate-y-in:0; }
|
|
1096
|
+
.Polaris-Frame-ToastManager{ position:fixed; z-index:520; right:0; left:0; text-align:center; bottom:var(--global-ribbon-height); display:flex; flex-direction:column; align-items:center; }
|
|
1097
|
+
.Polaris-Frame-ToastManager__ToastWrapper{ position:absolute; display:inline-flex; opacity:0; transition:transform 400ms ease, opacity 400ms ease; transform:translateY(var(--toast-translate-y-out)); }
|
|
1098
|
+
.Polaris-Frame-ToastManager__ToastWrapper--enter, .Polaris-Frame-ToastManager__ToastWrapper--exit{ transform:translateY(var(--toast-translate-y-out)); opacity:0; }
|
|
1099
|
+
.Polaris-Frame-ToastManager--toastWrapperEnterDone{ transform:translateY(var(--toast-translate-y-in)); opacity:1; }
|
|
1100
|
+
.Polaris-Frame-Loading{ overflow:hidden; height:0.3rem; background-color:var(--p-surface); opacity:1; }
|
|
1101
|
+
.Polaris-Frame-Loading__Level{ width:100%; height:100%; transform-origin:0; background-color:var(--p-icon-success); transition:transform 500ms linear; }
|
|
1102
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-Frame-Loading__Level{ background-color:highlight; } }
|
|
1103
|
+
.Polaris-Modal-Dialog__Container{ position:fixed; z-index:519; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:flex-end; }
|
|
1104
|
+
@media (min-width: 48.0625em){ .Polaris-Modal-Dialog__Container{ justify-content:center; } }
|
|
1105
|
+
.Polaris-Modal-Dialog:focus{ outline:0; }
|
|
1106
|
+
.Polaris-Modal-Dialog__Modal{ position:fixed; right:0; bottom:0; left:0; display:flex; flex-direction:column; width:100%; max-height:calc(100vh - 60px); background:var(--p-surface); box-shadow:var(--p-modal-shadow); }
|
|
1107
|
+
@media (forced-colors: active){ .Polaris-Modal-Dialog__Modal{ border:0.1rem solid transparent; } }
|
|
1108
|
+
@media (max-width: 48.0525em){ .Polaris-Modal-Dialog__Modal{ bottom:0; max-height:100%; } }
|
|
1109
|
+
@media (min-width: 48.0625em){ .Polaris-Modal-Dialog__Modal{ position:relative; max-width:62rem; margin:0 auto; border-radius:var(--p-border-radius-wide); } }
|
|
1110
|
+
@media (min-width: 48.0625em) and (min-height: 660px){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--limitHeight{ max-height:600px; } }
|
|
1111
|
+
@media (min-width: 48.0625em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeSmall{ max-width:calc(100% - 6.4rem); } }
|
|
1112
|
+
@media (min-width: 27.75em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeSmall{ max-width:38rem; } }
|
|
1113
|
+
@media (min-width: 48.0625em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{ max-width:calc(100% - 6.4rem); } }
|
|
1114
|
+
@media (min-width: 65.25em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{ max-width:98rem; } }
|
|
1115
|
+
.Polaris-Modal-Dialog--animateFadeUp{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform, opacity; opacity:1; transform:translateY(0); transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
1116
|
+
.Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entering, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exiting, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exited{ opacity:0; transform:translateY(20rem); }
|
|
1117
|
+
.Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entered{ opacity:1; transform:translateY(0); }
|
|
1118
|
+
.Polaris-Modal-Footer{ display:flex; align-self:flex-end; align-items:center; width:100%; min-height:6.4rem; padding:1.6rem; border-top:0.1rem solid var(--p-divider); }
|
|
1119
|
+
.Polaris-Modal-Footer__FooterContent{ width:100%; }
|
|
1120
|
+
.Polaris-Modal-CloseButton{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; margin-left:2rem; margin-right:-0.8rem; padding:0.8rem; border-radius:6px; }
|
|
1121
|
+
.Polaris-Modal-CloseButton:focus{ outline:none; }
|
|
1122
|
+
.Polaris-Modal-CloseButton::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1123
|
+
.Polaris-Modal-CloseButton:hover{ background:var(--p-surface-hovered); }
|
|
1124
|
+
.Polaris-Modal-CloseButton:hover svg{ fill:var(--p-icon-hovered); }
|
|
1125
|
+
.Polaris-Modal-CloseButton:focus{ background:var(--p-override-transparent); }
|
|
1126
|
+
.Polaris-Modal-CloseButton:active{ background:var(--p-surface-pressed); }
|
|
1127
|
+
.Polaris-Modal-CloseButton:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1128
|
+
.Polaris-Modal-Header{ display:flex; align-items:flex-start; flex-shrink:0; padding:1.6rem 2rem; border-bottom:0.1rem solid var(--p-divider); }
|
|
1129
|
+
.Polaris-Modal-Header--titleHidden{ position:absolute; right:0.8rem; z-index:1; }
|
|
1130
|
+
.Polaris-Modal-Header--titleHidden .Polaris-Modal-Header__Title{ display:none; }
|
|
1131
|
+
.Polaris-Modal-Header__Title{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; flex:1 1; margin-top:0.4rem; }
|
|
1132
|
+
.Polaris-Modal-Section{ flex:0 0 auto; padding:2rem; }
|
|
1133
|
+
.Polaris-Modal-Section:not(:last-of-type){ border-bottom:0.1rem solid var(--p-divider); }
|
|
1134
|
+
.Polaris-Modal-Section.Polaris-Modal-Section--subdued{ background:var(--p-surface-subdued); }
|
|
1135
|
+
.Polaris-Modal-Section.Polaris-Modal-Section--flush{ padding:0; }
|
|
1136
|
+
.Polaris-Modal__BodyWrapper{ display:flex; flex-grow:1; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
|
|
1137
|
+
.Polaris-Modal__Body{ width:100%; }
|
|
1138
|
+
.Polaris-Modal__IFrame{ display:block; width:62rem; max-width:100vw; border:none; }
|
|
1139
|
+
@media (min-width: 48.0625em){ .Polaris-Modal__IFrame{ max-width:62rem; } }
|
|
1140
|
+
.Polaris-Modal__Spinner{ margin:1.6rem; text-align:center; }
|
|
1141
|
+
.Polaris-Frame-ContextualSaveBar{ display:flex; height:5.6rem; background:var(--p-surface); box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); }
|
|
1142
|
+
.Polaris-Frame-ContextualSaveBar .Polaris-Frame-ContextualSaveBar__LogoContainer{ border-right:none; }
|
|
1143
|
+
.Polaris-Frame-ContextualSaveBar .Polaris-Frame-ContextualSaveBar__ContextControl{ opacity:0.3; pointer-events:none; }
|
|
1144
|
+
.Polaris-Frame-ContextualSaveBar .Polaris-Frame-ContextualSaveBar__Message{ color:var(--p-text); }
|
|
1145
|
+
@media (forced-colors: active){ .Polaris-Frame-ContextualSaveBar{ border:0.1rem solid transparent; } }
|
|
1146
|
+
.Polaris-Frame-ContextualSaveBar__LogoContainer{ display:none; }
|
|
1147
|
+
@media (min-width: 48.0625em){ .Polaris-Frame-ContextualSaveBar__LogoContainer{ display:flex; flex:0 0 24rem; align-items:center; height:100%; padding:0 1.6rem; background-color:transparent; } }
|
|
1148
|
+
.Polaris-Frame-ContextualSaveBar__Contents{ display:flex; flex:1 1 auto; align-items:center; justify-content:space-between; min-width:1px; max-width:99.8rem; height:100%; margin:0 auto; padding:0 1.6rem; }
|
|
1149
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 2rem; } }
|
|
1150
|
+
@media (min-width: 30.625em){ .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 2rem; } }
|
|
1151
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 3.2rem; } }
|
|
1152
|
+
@media (min-width: 46.5em){ .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 3.2rem; } }
|
|
1153
|
+
.Polaris-Frame-ContextualSaveBar--fullWidth{ max-width:none; padding:0 1.6rem; }
|
|
1154
|
+
.Polaris-Frame-ContextualSaveBar__Message{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.7rem; font-weight:600; line-height:2.4rem; color:var(--p-text-subdued); }
|
|
1155
|
+
@media (min-width: 40em){ .Polaris-Frame-ContextualSaveBar__Message{ font-size:1.6rem; } }
|
|
1156
|
+
.Polaris-Frame-ContextualSaveBar__ActionContainer{ flex-shrink:0; }
|
|
1157
|
+
.Polaris-Frame-ContextualSaveBar__Action{ margin-left:0.8rem; }
|
|
1158
|
+
.Polaris-Frame-ContextualSaveBar__ContextControl{ display:none; }
|
|
1159
|
+
@media (min-width: 48.0625em){ .Polaris-Frame-ContextualSaveBar__ContextControl{ display:block; width:24rem; } }
|
|
1160
|
+
.Polaris-Frame-CSSAnimation--startFade{ opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; transition:opacity 300ms cubic-bezier(0, 0, 0.42, 1); pointer-events:none; }
|
|
1161
|
+
.Polaris-Frame-CSSAnimation--endFade{ opacity:1; pointer-events:auto; }
|
|
1162
|
+
.Polaris-Frame{ width:100%; min-height:100vh; display:flex; background-color:var(--p-background); }
|
|
1163
|
+
@media print{ .Polaris-Frame{ background-color:transparent; } }
|
|
1164
|
+
@media (min-width: 48.0625em){ .Polaris-Frame{ width:calc(100% - var(--p-frame-offset)); margin-left:var(--p-frame-offset); } }
|
|
1165
|
+
.Polaris-Frame__Navigation{ position:fixed; z-index:516; top:0; left:0; display:none; flex:0 0 auto; align-items:stretch; height:100%; outline:none; transform:translateX(0%); }
|
|
1166
|
+
@media print{ .Polaris-Frame__Navigation{ display:none !important; } }
|
|
1167
|
+
@media (min-width: 48.0625em){ .Polaris-Frame__Navigation{ z-index:1; left:var(--p-frame-offset); display:flex; }
|
|
1168
|
+
.Polaris-Frame--hasTopBar .Polaris-Frame__Navigation{ top:5.6rem; height:calc(100% - 5.6rem); } }
|
|
1169
|
+
.Polaris-Frame__Navigation:focus{ outline:none; }
|
|
1170
|
+
.Polaris-Frame__Navigation--enter, .Polaris-Frame__Navigation--enterActive, .Polaris-Frame__Navigation--exit, .Polaris-Frame__Navigation--exitActive{ display:flex; }
|
|
1171
|
+
.Polaris-Frame__Navigation--enter{ transform:translateX(-100%); }
|
|
1172
|
+
.Polaris-Frame__Navigation--enterActive{ transform:translateX(0%); transition:transform 300ms cubic-bezier(0, 0, 0.42, 1); }
|
|
1173
|
+
.Polaris-Frame__Navigation--exit{ transform:translateX(0%); }
|
|
1174
|
+
.Polaris-Frame__Navigation--exitActive{ transform:translateX(-100%); transition:transform 300ms cubic-bezier(0, 0, 0.42, 1); }
|
|
1175
|
+
.Polaris-Frame__NavigationDismiss{ position:relative; position:absolute; top:0; left:100%; width:3.2rem; height:3.2rem; margin:1.6rem; padding:0; border:none; border-radius:50%; background:none; opacity:0; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; cursor:pointer; transition:opacity 100ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
1176
|
+
@media print{ .Polaris-Frame__NavigationDismiss{ display:none !important; } }
|
|
1177
|
+
.Polaris-Frame__NavigationDismiss svg{ fill:var(--p-surface); }
|
|
1178
|
+
.Polaris-Frame__NavigationDismiss::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1179
|
+
.Polaris-Frame__Navigation--visible .Polaris-Frame__NavigationDismiss{ pointer-events:all; opacity:1; }
|
|
1180
|
+
.Polaris-Frame__NavigationDismiss:focus{ position:absolute; border-radius:3px; background-color:var(--p-override-transparent, rgba(255, 255, 255, 0.16)); outline:none; }
|
|
1181
|
+
.Polaris-Frame__NavigationDismiss:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1182
|
+
@media (min-width: 48.0625em){ .Polaris-Frame__NavigationDismiss{ display:none; } }
|
|
1183
|
+
.Polaris-Frame__NavigationDismiss:hover{ background-color:var(--p-overlay); }
|
|
1184
|
+
.Polaris-Frame__NavigationDismiss:active{ background-color:var(--p-overlay); }
|
|
1185
|
+
.Polaris-Frame__TopBar{ position:fixed; z-index:512; top:0; left:0; width:100%; height:5.6rem; }
|
|
1186
|
+
@media print{ .Polaris-Frame__TopBar{ display:none !important; } }
|
|
1187
|
+
@media (min-width: 48.0625em){ .Polaris-Frame__TopBar{ left:var(--p-frame-offset); width:calc(100% - var(--p-frame-offset)); } }
|
|
1188
|
+
.Polaris-Frame__ContextualSaveBar{ position:fixed; z-index:513; top:0; left:0; width:100%; }
|
|
1189
|
+
@media (min-width: 48.0625em){ .Polaris-Frame__ContextualSaveBar{ left:var(--p-frame-offset); width:calc(100% - var(--p-frame-offset)); } }
|
|
1190
|
+
.Polaris-Frame__Main{ flex:1 1; display:flex; align-items:stretch; min-width:0; max-width:100%; padding-right:0px; padding-right:calc(constant(safe-area-inset-right)); padding-right:calc(env(safe-area-inset-right)); padding-left:0px; padding-left:calc(constant(safe-area-inset-left)); padding-left:calc(env(safe-area-inset-left)); padding-bottom:0px; padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom)); }
|
|
1191
|
+
@media (min-width: 48.0625em){ .Polaris-Frame--hasNav .Polaris-Frame__Main{ padding-left:24rem; padding-left:24rem; padding-left:calc(24rem + constant(safe-area-inset-left)); padding-left:calc(24rem + env(safe-area-inset-left)); } }
|
|
1192
|
+
@media print and (min-width: 48.0625em){ .Polaris-Frame--hasNav .Polaris-Frame__Main{ padding-left:0; } }
|
|
1193
|
+
.Polaris-Frame--hasTopBar .Polaris-Frame__Main{ padding-top:5.6rem; }
|
|
1194
|
+
@media print{ .Polaris-Frame--hasTopBar .Polaris-Frame__Main{ padding-top:0; } }
|
|
1195
|
+
.Polaris-Frame__Content{ position:relative; padding-bottom:var(--global-ribbon-height, 0); flex:1 1; min-width:0; max-width:100%; }
|
|
1196
|
+
.Polaris-Frame__GlobalRibbonContainer{ position:fixed; z-index:510; bottom:0; width:100%; }
|
|
1197
|
+
@media (min-width: 48.0625em){ .Polaris-Frame__GlobalRibbonContainer{ left:var(--p-frame-offset); }
|
|
1198
|
+
.Polaris-Frame--hasNav .Polaris-Frame__GlobalRibbonContainer{ left:calc(24rem + var(--p-frame-offset)); left:calc(24rem + var(--p-frame-offset)); left:calc(24rem + var(--p-frame-offset) + constant(safe-area-inset-left)); left:calc(24rem + var(--p-frame-offset) + env(safe-area-inset-left)); width:calc(100% - 24rem - var(--p-frame-offset)); } }
|
|
1199
|
+
.Polaris-Frame__LoadingBar{ position:fixed; z-index:514; top:0; right:0; left:0; }
|
|
1200
|
+
@media print{ .Polaris-Frame__LoadingBar{ display:none !important; } }
|
|
1201
|
+
@media (min-width: 48.0625em){ .Polaris-Frame--hasNav .Polaris-Frame__LoadingBar{ left:var(--p-frame-offset); }
|
|
1202
|
+
.Polaris-Frame--hasTopBar .Polaris-Frame__LoadingBar{ top:var(--p-override-zero, 5.6rem); z-index:var(--p-override-loading-z-index, 511); } }
|
|
1203
|
+
.Polaris-Frame__Skip{ position:fixed; z-index:517; top:1rem; left:calc(0.8rem + var(--p-frame-offset)); opacity:0; pointer-events:none; }
|
|
1204
|
+
.Polaris-Frame__Skip.Polaris-Frame--focused{ pointer-events:all; opacity:1; }
|
|
1205
|
+
.Polaris-Frame__Skip.Polaris-Frame--focused > a::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1206
|
+
.Polaris-Frame__Skip > a{ position:relative; position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border-radius:var(--p-border-radius-base); color:var(--p-text); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); line-height:1; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; -webkit-tap-highlight-color:transparent; font-size:1.5rem; font-weight:var(--p-button-font-weight, 400); line-height:1.6rem; text-transform:initial; letter-spacing:initial; position:relative; color:var(--p-text); }
|
|
1207
|
+
.Polaris-Frame__Skip > a svg{ fill:var(--p-icon); }
|
|
1208
|
+
.Polaris-Frame__Skip > a::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1209
|
+
.Polaris-Frame__Skip > a:hover{ background:var(--p-action-secondary-hovered); outline:0.1rem solid transparent; }
|
|
1210
|
+
.Polaris-Frame__Skip > a:focus{ box-shadow:var(--p-button-drop-shadow); outline:0; }
|
|
1211
|
+
.Polaris-Frame__Skip > a:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1212
|
+
.Polaris-Frame__Skip > a:active{ background:var(--p-action-secondary-pressed); box-shadow:var(--p-button-drop-shadow); }
|
|
1213
|
+
.Polaris-Frame__Skip > a:active::after{ border:none; box-shadow:none; }
|
|
1214
|
+
.Polaris-Frame__Skip > a.Polaris-Frame--pressed{ background:var(--p-action-secondary-depressed); box-shadow:var(--p-button-pressed-inner-shadow); color:var(--p-text-on-primary); border-color:var(--p-border-depressed); }
|
|
1215
|
+
.Polaris-Frame__Skip > a.Polaris-Frame--pressed svg{ fill:currentColor; }
|
|
1216
|
+
@media (-ms-high-contrast: active){ .Polaris-Frame__Skip > a{ border:1px solid windowText; } }
|
|
1217
|
+
@media (min-width: 40em){ .Polaris-Frame__Skip > a{ font-size:1.4rem; } }
|
|
1218
|
+
.Polaris-Frame__Skip > a::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1219
|
+
.Polaris-Frame__Skip > a:focus{ border-color:none; box-shadow:none; }
|
|
1220
|
+
.Polaris-IndexTable{ position:relative; overflow:hidden; }
|
|
1221
|
+
.Polaris-IndexTable__LoadingContainer--enter{ opacity:0; transform:translateY(-100%); }
|
|
1222
|
+
.Polaris-IndexTable--loadingContainerEnterActive{ opacity:1; transition:opacity 100ms ease-out, transform 100ms ease-out; transform:translateY(0); }
|
|
1223
|
+
.Polaris-IndexTable__LoadingContainer--exit{ opacity:1; transform:translateY(0); }
|
|
1224
|
+
.Polaris-IndexTable--loadingContainerExitActive{ opacity:0; transform:translateY(-100%); transition:opacity 100ms ease-in, transform 100ms ease-in; }
|
|
1225
|
+
.Polaris-IndexTable__LoadingPanel{ position:absolute; z-index:37; top:0; left:0; display:flex; width:100%; justify-content:center; align-items:center; background:var(--p-surface); padding:0.8rem 1.6rem; box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
1226
|
+
.Polaris-IndexTable__LoadingPanel .Polaris-IndexTable__LoadingPanelRow{ display:flex; flex-wrap:nowrap; width:100%; background:var(--p-surface-highlight-subdued); padding:0.8rem; padding-bottom:0.4rem; border-radius:var(--p-border-radius-base, 3px); }
|
|
1227
|
+
.Polaris-IndexTable__LoadingPanelText{ margin-left:1.2rem; color:var(--p-text); }
|
|
1228
|
+
.Polaris-IndexTable__Table{ width:100%; min-width:100%; border-collapse:collapse; }
|
|
1229
|
+
.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second{ visibility:visible; background-color:var(--p-surface); }
|
|
1230
|
+
.Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first{ box-shadow:0.1rem -0.1rem 0 0 var(--p-divider); }
|
|
1231
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first{ box-shadow:0 -0.1rem 0 0 var(--p-divider); } }
|
|
1232
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second{ box-shadow:0.1rem -0.1rem 0 0 var(--p-divider); } }
|
|
1233
|
+
.Polaris-IndexTable__TableRow{ background-color:var(--p-surface); cursor:pointer; }
|
|
1234
|
+
.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess, .Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ background-color:var(--p-surface-primary-selected); }
|
|
1235
|
+
.Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued, .Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--statusSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ background-color:var(--p-surface-subdued); }
|
|
1236
|
+
.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ background-color:var(--p-surface-selected-hovered); }
|
|
1237
|
+
.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ background-color:var(--p-surface-selected); }
|
|
1238
|
+
.Polaris-IndexTable__TableRow--subdued{ color:var(--p-text-subdued); }
|
|
1239
|
+
.Polaris-IndexTable__TableHeading{ padding:1.6rem; text-align:left; font-weight:500; white-space:nowrap; border:0; }
|
|
1240
|
+
.Polaris-IndexTable__TableHeading--first{ position:-webkit-sticky; position:sticky; left:0; padding-left:1.4rem; padding-right:1.8rem; }
|
|
1241
|
+
.Polaris-IndexTable__ColumnHeaderCheckboxWrapper{ display:flex; }
|
|
1242
|
+
.Polaris-IndexTable__StickyColumnHeaderCheckbox{ margin-left:-0.2rem; padding-right:0.2rem; }
|
|
1243
|
+
.Polaris-IndexTable__TableHeading--second{ padding-left:0; }
|
|
1244
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable__TableHeading--second{ position:-webkit-sticky; position:sticky; } }
|
|
1245
|
+
.Polaris-IndexTable__TableHeading--last{ position:-webkit-sticky; position:sticky; right:0; }
|
|
1246
|
+
.Polaris-IndexTable__TableCell{ z-index:1; text-align:left; padding:0.8rem 1.6rem; white-space:nowrap; box-shadow:0 -0.1rem 0 0 var(--p-divider); }
|
|
1247
|
+
.Polaris-IndexTable__TableCell--flush{ padding:0; }
|
|
1248
|
+
.Polaris-IndexTable__TableCell--first{ position:-webkit-sticky; position:sticky; left:0; z-index:30; padding:0; }
|
|
1249
|
+
.Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ left:var(--p-checkbox-offset); padding-left:0; }
|
|
1250
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ position:-webkit-sticky; position:sticky; z-index:30; padding:0; } }
|
|
1251
|
+
.Polaris-IndexTable__StickyTable{ position:relative; top:0; left:0; right:0; visibility:hidden; z-index:37; }
|
|
1252
|
+
.Polaris-IndexTable__StickyTableHeader{ position:absolute; display:flex; width:100%; }
|
|
1253
|
+
.Polaris-IndexTable__StickyTableHeader:not(.Polaris-IndexTable__StickyTableHeader--isSticky){ top:-100rem; left:-100rem; }
|
|
1254
|
+
.Polaris-IndexTable__StickyTableColumnHeader{ flex:0 0 auto; }
|
|
1255
|
+
.Polaris-IndexTable__StickyTableColumnHeader--isScrolling{ box-shadow:1px 1px 0 0 var(--p-divider), 1px 0 1px 1px rgba(63, 63, 68, 0.05), 1px 0 3px 0 rgba(63, 63, 68, 0.15); }
|
|
1256
|
+
.Polaris-IndexTable__StickyTableHeadings{ overflow:hidden; flex:1 1 auto; display:flex; }
|
|
1257
|
+
.Polaris-IndexTable__StickyTableHeading--second{ padding-left:0; }
|
|
1258
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable__StickyTableHeading--second{ display:none; } }
|
|
1259
|
+
.Polaris-IndexTable--stickyTableHeadingSecondScrolling{ padding:0 0.06rem 0 1.6rem; display:none; }
|
|
1260
|
+
@media (min-width: 28.625em){ .Polaris-IndexTable--stickyTableHeadingSecondScrolling{ display:block; } }
|
|
1261
|
+
.Polaris-IndexTable__StickyTableHeader--isSticky{ visibility:visible; background-color:var(--p-surface); box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
1262
|
+
.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollLeft{ display:block; }
|
|
1263
|
+
.Polaris-IndexTable:hover .Polaris-IndexTable__ScrollRight{ display:block; }
|
|
1264
|
+
.Polaris-IndexTable .Polaris-IndexTable__ScrollRight--onboarding{ display:block; }
|
|
1265
|
+
.Polaris-IndexTable__BulkActionsWrapper{ visibility:visible; position:relative; z-index:36; top:0; left:0; right:0; padding:0.8rem; background:var(--p-surface); }
|
|
1266
|
+
.Polaris-IndexTable__ScrollBarContainer{ position:-webkit-sticky; position:sticky; z-index:35; bottom:0; padding:0.2rem; border-top:0.1rem solid var(--p-divider); background-color:var(--p-surface); border-bottom-right-radius:var(--p-border-radius-base, 3px); border-bottom-left-radius:var(--p-border-radius-base, 3px); }
|
|
1267
|
+
.Polaris-IndexTable--scrollBarContainerCondensed{ visibility:hidden; pointer-events:none; }
|
|
1268
|
+
.Polaris-IndexTable__ScrollBar{ overflow-x:scroll; width:100%; margin:0; padding:0; }
|
|
1269
|
+
.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-track{ border-radius:0.4rem; background-color:transparent; }
|
|
1270
|
+
.Polaris-IndexTable__ScrollBar::-webkit-scrollbar{ -webkit-appearance:none; appearance:none; height:0.8rem; width:0.8rem; background-color:transparent; }
|
|
1271
|
+
.Polaris-IndexTable__ScrollBar::-webkit-scrollbar-thumb{ border-radius:0.4rem; background-color:var(--p-border-neutral-subdued); -webkit-transition:background-color 100ms ease-out; transition:background-color 100ms ease-out; }
|
|
1272
|
+
.Polaris-IndexTable__ScrollBar:hover::-webkit-scrollbar-thumb{ background-color:var(--p-border-depressed); }
|
|
1273
|
+
.Polaris-IndexTable--disableTextSelection{ -webkit-user-select:none; user-select:none; }
|
|
1274
|
+
.Polaris-IndexTable--selectMode{ transform:translateY(-5.2rem); margin-bottom:-5.2rem; }
|
|
1275
|
+
.Polaris-IndexTable__EmptySearchResultWrapper{ padding:1.6rem; }
|
|
1276
|
+
.Polaris-IndexTable--condensedRow{ width:calc(100% + 3.4rem); transform:translateX(-3.4rem); transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; display:flex; border-top:0.1rem solid var(--p-divider); }
|
|
1277
|
+
[data-selectmode='true'] .Polaris-IndexTable--condensedRow{ transform:none; }
|
|
1278
|
+
.Polaris-IndexTable__CondensedList{ list-style-type:none; margin:0; padding:0; overflow:hidden; }
|
|
1279
|
+
.Polaris-IndexTable__HeaderWrapper{ position:relative; display:flex; align-items:flex-start; width:100%; min-height:5.6rem; padding:1rem 1.6rem; background-color:var(--p-surface); box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
1280
|
+
.Polaris-IndexTable__StickyTable--condensed{ visibility:visible; }
|
|
1281
|
+
.Polaris-IndexTable__StickyTableHeader--condensed{ padding:1.6rem 1.6rem 0.8rem; }
|
|
1282
|
+
.Polaris-IndexTable__ScrollBarContent{ height:1px; width:var(--p-scroll-bar-content-width); }
|
|
1283
|
+
.Polaris-IndexTable-Checkbox__TableCellContentContainer{ display:flex; align-items:center; }
|
|
1284
|
+
.Polaris-IndexTable-Checkbox__Wrapper{ display:flex; justify-content:center; align-items:center; }
|
|
1285
|
+
.Polaris-IndexTable-Checkbox--expanded{ width:3.2rem; height:3.2rem; padding-left:1.6rem; }
|
|
1286
|
+
.Polaris-IndexTable-Checkbox--condensed{ min-width:5rem; min-height:4.4rem; margin-right:-1.6rem; }
|
|
1287
|
+
.Polaris-IndexTable-ScrollContainer{ overflow-x:auto; overscroll-behavior-x:contain; -ms-overflow-style:none; scrollbar-width:none; }
|
|
1288
|
+
.Polaris-IndexTable-ScrollContainer::-webkit-scrollbar{ display:none; }
|
|
1289
|
+
.Polaris-KeyboardKey{ display:inline-block; height:2.4rem; margin:0 0.2rem 2px; padding:0 0.4rem; background-color:var(--p-surface); box-shadow:0 0 0 1px var(--p-border-subdued), 0 2px 0 0 var(--p-surface), 0 2px 0 1px var(--p-border-subdued); border-radius:var(--p-border-radius-base); font-family:-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; font-size:1.2rem; font-weight:500; line-height:2.4rem; color:var(--p-text-subdued); text-align:center; min-width:2.4rem; -webkit-user-select:none; user-select:none; }
|
|
1290
|
+
.Polaris-Layout{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin-top:-1.6rem; margin-left:-2rem; }
|
|
1291
|
+
@media print{ body .Polaris-Layout{ font-size:1.1rem; line-height:1.6rem; }
|
|
1292
|
+
.Polaris-Layout a, .Polaris-Layout button{ color:var(--p-text, #212b36); } }
|
|
1293
|
+
.Polaris-Layout__Section{ flex:2 2 48rem; min-width:51%; }
|
|
1294
|
+
@media print{ .Polaris-Layout__Section{ flex:2 2 36rem; } }
|
|
1295
|
+
.Polaris-Layout__Section--secondary{ flex:1 1 24rem; min-width:0; }
|
|
1296
|
+
.Polaris-Layout__Section--fullWidth{ flex:1 1 100%; }
|
|
1297
|
+
.Polaris-Layout__Section--oneHalf{ flex:1 1 45rem; min-width:0; }
|
|
1298
|
+
.Polaris-Layout__Section--oneThird{ flex:1 1 24rem; min-width:0; }
|
|
1299
|
+
.Polaris-Layout__AnnotatedSection{ min-width:0; flex:1 1 100%; }
|
|
1300
|
+
.Polaris-Layout__Section, .Polaris-Layout__AnnotatedSection{ max-width:calc(100% - 2rem); margin-top:1.6rem; margin-left:2rem; }
|
|
1301
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection, [data-has-navigation] .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection{ padding-top:1.6rem; border-top:0.1rem solid var(--p-divider); } }
|
|
1302
|
+
@media (min-width: 30.625em){ .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection, .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection{ padding-top:1.6rem; border-top:0.1rem solid var(--p-divider); } }
|
|
1303
|
+
.Polaris-Layout__AnnotationWrapper{ display:flex; flex-wrap:wrap; margin-top:-1.6rem; margin-left:-2rem; }
|
|
1304
|
+
.Polaris-Layout__AnnotationContent{ flex:2 2 48rem; }
|
|
1305
|
+
.Polaris-Layout__Annotation{ flex:1 1 24rem; padding:1.6rem 2rem 0; }
|
|
1306
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Layout__Annotation{ padding:1.6rem 0 0; } }
|
|
1307
|
+
@media (min-width: 30.625em){ .Polaris-Layout__Annotation{ padding:1.6rem 0 0; } }
|
|
1308
|
+
@media (max-width: 48.0625em) and (min-width: 50em), (min-width: 65em){ [data-has-navigation] .Polaris-Layout__Annotation{ padding:2rem 2rem 2rem 0; } }
|
|
1309
|
+
@media (min-width: 50em){ .Polaris-Layout__Annotation{ padding:2rem 2rem 2rem 0; } }
|
|
1310
|
+
.Polaris-Layout__Annotation, .Polaris-Layout__AnnotationContent{ min-width:0; max-width:calc(100% - 2rem); margin-top:1.6rem; margin-left:2rem; }
|
|
1311
|
+
.Polaris-Layout__AnnotationDescription{ color:var(--p-text-subdued); }
|
|
1312
|
+
.Polaris-Link{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline; text-align:inherit; padding:0; background:none; border:0; font-size:inherit; color:var(--p-interactive); text-decoration:underline; cursor:pointer; }
|
|
1313
|
+
.Polaris-Link:hover{ color:var(--p-interactive-hovered); text-decoration:none; }
|
|
1314
|
+
.Polaris-Link:focus{ outline:var(--p-override-none); }
|
|
1315
|
+
.Polaris-Link:focus:not(:active){ outline:var(--p-focused) auto 1px; }
|
|
1316
|
+
.Polaris-Link:active{ position:relative; color:var(--p-interactive-pressed); }
|
|
1317
|
+
.Polaris-Link:active::before{ content:''; position:absolute; z-index:-1; top:-0.2rem; right:-0.5rem; bottom:-0.2rem; left:-0.5rem; display:block; border-radius:3px; }
|
|
1318
|
+
@media print{ .Polaris-Link{ -webkit-text-decoration-color:var(--p-border-neutral-subdued); text-decoration-color:var(--p-border-neutral-subdued); } }
|
|
1319
|
+
.Polaris-Link__IconLockup{ display:inline; white-space:nowrap; }
|
|
1320
|
+
.Polaris-Link__IconLockup svg{ fill:currentColor; }
|
|
1321
|
+
.Polaris-Link__IconLockup::before{ content:'\2060'; }
|
|
1322
|
+
.Polaris-Link__IconLayout{ display:inline-flex; }
|
|
1323
|
+
.Polaris-Link__IconLayout::before{ content:'\2060'; }
|
|
1324
|
+
.Polaris-Link--monochrome{ color:inherit; }
|
|
1325
|
+
.Polaris-Link--monochrome:hover, .Polaris-Link--monochrome:focus, .Polaris-Link--monochrome:active{ color:inherit; }
|
|
1326
|
+
.Polaris-Link--removeUnderline{ text-decoration:none; }
|
|
1327
|
+
.Polaris-List{ padding-left:2rem; margin-top:0; margin-bottom:0; list-style:disc outside none; }
|
|
1328
|
+
.Polaris-List + .Polaris-List{ margin-top:1.6rem; }
|
|
1329
|
+
.Polaris-List--typeNumber{ padding-left:3.2rem; list-style:decimal outside none; }
|
|
1330
|
+
.Polaris-List__Item{ margin-bottom:0.8rem; }
|
|
1331
|
+
.Polaris-List__Item:last-child{ margin-bottom:0; }
|
|
1332
|
+
.Polaris-List__Item .Polaris-List:first-child{ margin-top:0.8rem; }
|
|
1333
|
+
.Polaris-MediaCard{ height:100%; width:100%; display:flex; flex-flow:row wrap; }
|
|
1334
|
+
.Polaris-MediaCard.Polaris-MediaCard--portrait{ flex-flow:column nowrap; }
|
|
1335
|
+
@media (max-width: 50.25em){ .Polaris-MediaCard{ flex-flow:column nowrap; } }
|
|
1336
|
+
.Polaris-MediaCard__MediaContainer{ overflow:hidden; border-top-left-radius:var(--p-border-radius-wide); border-top-right-radius:var(--p-border-radius-wide); }
|
|
1337
|
+
.Polaris-MediaCard__MediaContainer:not(.Polaris-MediaCard--portrait){ flex-basis:40%; }
|
|
1338
|
+
.Polaris-MediaCard__MediaContainer:not(.Polaris-MediaCard--portrait).Polaris-MediaCard--sizeSmall{ flex-basis:33%; }
|
|
1339
|
+
@media (min-width: 50.25em){ .Polaris-MediaCard__MediaContainer:not(.Polaris-MediaCard--portrait){ border-top-right-radius:0; border-top-left-radius:var(--p-border-radius-wide); border-bottom-left-radius:var(--p-border-radius-wide); } }
|
|
1340
|
+
.Polaris-MediaCard__InfoContainer{ position:relative; }
|
|
1341
|
+
.Polaris-MediaCard__InfoContainer:not(.Polaris-MediaCard--portrait){ flex-basis:60%; }
|
|
1342
|
+
.Polaris-MediaCard__InfoContainer:not(.Polaris-MediaCard--portrait).Polaris-MediaCard--sizeSmall{ flex-basis:67%; }
|
|
1343
|
+
.Polaris-MediaCard__Popover{ position:absolute; z-index:400; top:1.6rem; right:1.6rem; }
|
|
1344
|
+
.Polaris-MediaCard__Heading{ margin-right:3.2rem; }
|
|
1345
|
+
.Polaris-MediaCard__PrimaryAction{ margin-right:0.8rem; }
|
|
1346
|
+
.Polaris-MediaCard__SecondaryAction{ margin-left:-spacing(tight); }
|
|
1347
|
+
.Polaris-MediaCard__ActionContainer{ padding-top:0.8rem; }
|
|
1348
|
+
.Polaris-MediaCard__ActionContainer.Polaris-MediaCard--portrait{ padding-top:3.2rem; }
|
|
1349
|
+
@media (max-width: 50.25em){ .Polaris-MediaCard__ActionContainer{ padding-top:3.2rem; } }
|
|
1350
|
+
@keyframes Polaris-Navigation__fade--in{ 0%{ opacity:0; }
|
|
1351
|
+
100%{ opacity:1; } }
|
|
1352
|
+
.Polaris-Navigation{ display:flex; flex-direction:column; align-items:stretch; width:calc(100vw - 6.4rem); min-width:24rem; max-width:36rem; height:100%; min-height:100%; background-color:var(--p-background); -webkit-overflow-scrolling:touch; border-right:0.1rem solid var(--p-divider); padding-bottom:0px; padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom)); }
|
|
1353
|
+
.Polaris-Navigation:focus{ outline:none; }
|
|
1354
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation{ max-width:24rem; max-width:24rem; max-width:calc(24rem + constant(safe-area-inset-left)); max-width:calc(24rem + env(safe-area-inset-left)); } }
|
|
1355
|
+
.Polaris-Navigation__UserMenu{ flex:0 0 auto; }
|
|
1356
|
+
.Polaris-Navigation__ContextControl{ min-height:5.6rem; }
|
|
1357
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__ContextControl{ display:none; } }
|
|
1358
|
+
.Polaris-Navigation__PrimaryNavigation{ display:flex; overflow:auto; flex:1 1 auto; flex-direction:column; align-items:stretch; max-width:100%; }
|
|
1359
|
+
.Polaris-Navigation__PrimaryNavigation:focus{ outline:none; }
|
|
1360
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__PrimaryNavigation{ padding-top:1.2rem; } }
|
|
1361
|
+
.Polaris-Navigation__LogoContainer{ display:none; }
|
|
1362
|
+
@media (max-width: 48.0625em){ .Polaris-Navigation__LogoContainer{ display:flex; flex:0 0 5.6rem; align-items:center; height:5.6rem; padding:0 0.8rem 0 1.6rem; flex-basis:5.6rem; flex-basis:calc(5.6rem + constant(safe-area-inset-left)); flex-basis:calc(5.6rem + env(safe-area-inset-left)); padding-left:1.6rem; padding-left:calc(1.6rem + constant(safe-area-inset-left)); padding-left:calc(1.6rem + env(safe-area-inset-left)); } }
|
|
1363
|
+
.Polaris-Navigation__Logo, .Polaris-Navigation__LogoLink{ display:block; }
|
|
1364
|
+
.Polaris-Navigation__Item{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; font-size:1.6rem; font-weight:600; line-height:3.6rem; display:flex; flex-grow:1; align-items:flex-start; max-width:100%; padding:0 0.8rem; margin:0 0.8rem; border-radius:var(--p-border-radius-base); color:var(--p-text); text-decoration:none; text-align:left; padding-left:1.2rem; padding-right:0.4rem; position:relative; position:relative; }
|
|
1365
|
+
.Polaris-Navigation__Item:focus{ outline:none; }
|
|
1366
|
+
.Polaris-Navigation__Item:hover{ background:var(--p-background-hovered); color:var(--p-text); text-decoration:none; }
|
|
1367
|
+
.Polaris-Navigation__Item::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1368
|
+
.Polaris-Navigation__Item.Polaris-Navigation--keyFocused{ background:var(--p-background-hovered); color:var(--p-text); text-decoration:none; }
|
|
1369
|
+
.Polaris-Navigation__Item.Polaris-Navigation--keyFocused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1370
|
+
.Polaris-Navigation__Item:active, .Polaris-Navigation__Item:active:hover{ color:var(--p-text); background-color:var(--p-background-pressed); }
|
|
1371
|
+
.Polaris-Navigation__Item:active::after, .Polaris-Navigation__Item:active:hover::after{ content:none; }
|
|
1372
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__Item{ font-size:1.6rem; font-weight:600; line-height:3.2rem; } }
|
|
1373
|
+
.Polaris-Navigation__Item::-moz-focus-inner{ border:0; }
|
|
1374
|
+
.Polaris-Navigation__Item--selected{ font-weight:600; color:var(--p-text-primary); background-color:var(--p-background-selected); outline:0.1rem solid transparent; position:relative; }
|
|
1375
|
+
.Polaris-Navigation__Item--selected::before{ content:''; position:absolute; top:0; bottom:0; left:-0.8rem; height:100%; width:0.3rem; background-color:var(--p-action-primary); border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); }
|
|
1376
|
+
.Polaris-Navigation__Item--selected::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1377
|
+
.Polaris-Navigation__Item--selected:hover, .Polaris-Navigation__Item--selected.Polaris-Navigation--keyFocused{ background-color:var(--p-background-hovered); color:var(--p-text-primary-hovered); }
|
|
1378
|
+
.Polaris-Navigation__Item--selected .Polaris-Navigation--keyFocused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1379
|
+
.Polaris-Navigation__Item--selected:active, .Polaris-Navigation__Item--selected:active:hover{ color:var(--p-text-primary); background-color:var(--p-background-pressed); }
|
|
1380
|
+
.Polaris-Navigation__Item--selected:active::after, .Polaris-Navigation__Item--selected:active:hover::after{ content:none; }
|
|
1381
|
+
.Polaris-Navigation__Item--disabled{ color:var(--p-text-disabled); pointer-events:none; opacity:0.6; }
|
|
1382
|
+
.Polaris-Navigation__Item--disabled .Polaris-Navigation__Icon{ opacity:0.6; }
|
|
1383
|
+
.Polaris-Navigation__Badge{ margin-left:0.8rem; display:inline-flex; margin-top:0.8rem; }
|
|
1384
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__Badge{ margin-top:0.4rem; } }
|
|
1385
|
+
.Polaris-Navigation__Icon{ flex-shrink:0; align-self:flex-start; width:2rem; height:2rem; margin-top:1rem; margin-right:1.6rem; margin-bottom:1rem; }
|
|
1386
|
+
.Polaris-Navigation__Icon svg{ fill:var(--p-icon); color:transparent; }
|
|
1387
|
+
.Polaris-Navigation__Icon img{ filter:brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%); }
|
|
1388
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__Icon{ margin-top:0.6rem; margin-right:1.6rem; margin-bottom:0.6rem; } }
|
|
1389
|
+
.Polaris-Navigation__Item:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item.Polaris-Navigation--keyFocused .Polaris-Navigation__Icon svg{ fill:var(--p-icon); color:transparent; }
|
|
1390
|
+
.Polaris-Navigation__Item:hover .Polaris-Navigation__Icon img, .Polaris-Navigation__Item.Polaris-Navigation--keyFocused .Polaris-Navigation__Icon img{ filter:brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%); }
|
|
1391
|
+
.Polaris-Navigation__Item--selected .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item--selected:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation--subNavigationActive .Polaris-Navigation__Icon svg, .Polaris-Navigation--subNavigationActive:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item--selected.Polaris-Navigation--keyFocused .Polaris-Navigation__Icon svg{ fill:var(--p-action-primary); color:transparent; }
|
|
1392
|
+
.Polaris-Navigation__Item--selected .Polaris-Navigation__Icon img, .Polaris-Navigation__Item--selected:hover .Polaris-Navigation__Icon img, .Polaris-Navigation--subNavigationActive .Polaris-Navigation__Icon img, .Polaris-Navigation--subNavigationActive:hover .Polaris-Navigation__Icon img, .Polaris-Navigation__Item--selected.Polaris-Navigation--keyFocused .Polaris-Navigation__Icon img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }
|
|
1393
|
+
.Polaris-Navigation__Icon svg{ display:block; }
|
|
1394
|
+
.Polaris-Navigation__ListItem{ position:relative; display:flex; flex-wrap:wrap; }
|
|
1395
|
+
.Polaris-Navigation__RollupSection .Polaris-Navigation__ListItem, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__ListItem{ opacity:1; }
|
|
1396
|
+
.Polaris-Navigation__ListItem:nth-child(1){ animation-delay:0ms; }
|
|
1397
|
+
.Polaris-Navigation__ListItem:nth-child(2){ animation-delay:50ms; }
|
|
1398
|
+
.Polaris-Navigation__ListItem:nth-child(3){ animation-delay:100ms; }
|
|
1399
|
+
.Polaris-Navigation__ListItem:nth-child(4){ animation-delay:150ms; }
|
|
1400
|
+
.Polaris-Navigation__ListItem:nth-child(5){ animation-delay:200ms; }
|
|
1401
|
+
.Polaris-Navigation__ListItem:nth-child(6){ animation-delay:250ms; }
|
|
1402
|
+
.Polaris-Navigation__ListItem:nth-child(7){ animation-delay:300ms; }
|
|
1403
|
+
.Polaris-Navigation__ListItem:nth-child(8){ animation-delay:350ms; }
|
|
1404
|
+
.Polaris-Navigation__ListItem:nth-child(9){ animation-delay:400ms; }
|
|
1405
|
+
.Polaris-Navigation__ListItem:nth-child(10){ animation-delay:450ms; }
|
|
1406
|
+
.Polaris-Navigation__ListItem:nth-child(11){ animation-delay:500ms; }
|
|
1407
|
+
.Polaris-Navigation__ListItem:nth-child(12){ animation-delay:550ms; }
|
|
1408
|
+
.Polaris-Navigation__ListItem:not(:first-child) .Polaris-Navigation__Item{ border-top:1px solid var(--p-background); }
|
|
1409
|
+
.Polaris-Navigation__ListItem--hasAction .Polaris-Navigation__Item{ max-width:calc(100% - 5.6rem); }
|
|
1410
|
+
.Polaris-Navigation__ItemWrapper{ display:flex; flex-wrap:nowrap; width:100%; }
|
|
1411
|
+
.Polaris-Navigation__Text{ flex:1 1 auto; margin-top:1rem; margin-bottom:1rem; line-height:2rem; font-size:1.4rem; }
|
|
1412
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__Text{ margin-top:0.6rem; margin-bottom:0.6rem; } }
|
|
1413
|
+
@media (max-width: 48.0625em){ .Polaris-Navigation__Text{ font-size:1.5rem; line-height:1.9rem; } }
|
|
1414
|
+
.Polaris-Navigation__SecondaryAction{ display:flex; align-items:center; height:4rem; margin-right:0.4rem; padding:0.4rem 1.6rem; border-radius:var(--p-border-radius-base); position:relative; }
|
|
1415
|
+
.Polaris-Navigation__SecondaryAction svg{ fill:var(--p-icon); }
|
|
1416
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryAction{ height:3.2rem; } }
|
|
1417
|
+
.Polaris-Navigation__SecondaryAction:hover, .Polaris-Navigation__SecondaryAction:focus, .Polaris-Navigation__SecondaryAction:active{ background:var(--p-background-hovered); }
|
|
1418
|
+
.Polaris-Navigation__SecondaryAction:hover svg, .Polaris-Navigation__SecondaryAction:focus svg, .Polaris-Navigation__SecondaryAction:active svg{ fill:var(--p-icon-hovered); color:var(--p-override-transparent); }
|
|
1419
|
+
.Polaris-Navigation__SecondaryAction:hover img, .Polaris-Navigation__SecondaryAction:focus img, .Polaris-Navigation__SecondaryAction:active img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }
|
|
1420
|
+
@media (-ms-high-contrast: active){ .Polaris-Navigation__SecondaryAction:hover svg, .Polaris-Navigation__SecondaryAction:focus svg, .Polaris-Navigation__SecondaryAction:active svg{ fill:white; }
|
|
1421
|
+
.Polaris-Navigation__SecondaryAction:hover img, .Polaris-Navigation__SecondaryAction:focus img, .Polaris-Navigation__SecondaryAction:active img{ filter:brightness(0) saturate(100%) invert(100%); } }
|
|
1422
|
+
.Polaris-Navigation__SecondaryAction::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1423
|
+
.Polaris-Navigation__SecondaryAction:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1424
|
+
.Polaris-Navigation__SecondaryAction:active{ background:var(--p-background-pressed); }
|
|
1425
|
+
.Polaris-Navigation__SecondaryAction:active::after{ content:none; }
|
|
1426
|
+
.Polaris-Navigation__SecondaryAction:active svg{ fill:var(--p-icon-pressed); }
|
|
1427
|
+
.Polaris-Navigation__SecondaryAction:focus, .Polaris-Navigation__SecondaryAction:active{ outline:none; }
|
|
1428
|
+
.Polaris-Navigation__SecondaryNavigation{ flex-basis:100%; margin-left:0; overflow-x:visible; }
|
|
1429
|
+
.Polaris-Navigation__SecondaryNavigation.Polaris-Navigation--isExpanded{ margin-bottom:0.8rem; }
|
|
1430
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__List{ margin:0; padding:0; list-style:none; }
|
|
1431
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item{ font-size:1.5rem; font-weight:500; line-height:4rem; color:var(--p-text-subdued); padding-left:4.8rem; }
|
|
1432
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:hover{ color:var(--p-text-subdued); }
|
|
1433
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item.Polaris-Navigation--keyFocused{ color:var(--p-text); }
|
|
1434
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item.Polaris-Navigation--keyFocused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1435
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active::after, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active:hover::after{ content:none; }
|
|
1436
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active{ color:var(--p-text-primary); }
|
|
1437
|
+
@media (min-width: 48.0625em){ .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item{ font-size:1.4rem; line-height:2.8rem; } }
|
|
1438
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Text{ margin-top:0.6rem; margin-bottom:0.6rem; line-height:2rem; }
|
|
1439
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected{ color:var(--p-text-primary); position:relative; }
|
|
1440
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1441
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:hover{ color:var(--p-text-primary-hovered); }
|
|
1442
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected.Polaris-Navigation--keyFocused{ color:var(--p-text-primary); }
|
|
1443
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active{ color:var(--p-text-primary); }
|
|
1444
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active::after{ content:none; }
|
|
1445
|
+
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--disabled{ font-weight:500; color:var(--p-text-disabled); }
|
|
1446
|
+
.Polaris-Navigation__SecondaryNavigation--noIcon{ margin-left:1.6rem; }
|
|
1447
|
+
.Polaris-Navigation__Section{ margin:0; padding:0; list-style:none; flex:0 0 auto; padding:1.6rem 0; padding-top:0; padding-left:0px; padding-left:calc(constant(safe-area-inset-left)); padding-left:calc(env(safe-area-inset-left)); }
|
|
1448
|
+
.Polaris-Navigation__Section + .Polaris-Navigation__Section{ padding-top:0.4rem; padding-bottom:1.6rem; }
|
|
1449
|
+
.Polaris-Navigation__Section--fill{ flex:1 0 auto; }
|
|
1450
|
+
.Polaris-Navigation__Section--withSeparator{ border-top:0.1rem solid var(--p-divider); }
|
|
1451
|
+
.Polaris-Navigation__SectionHeading{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; display:flex; align-items:center; padding-left:1.6rem; }
|
|
1452
|
+
@media (min-width: 40em){ .Polaris-Navigation__SectionHeading{ font-size:1.2rem; } }
|
|
1453
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Text{ font-size:1.3rem; color:var(--p-text-subdued); }
|
|
1454
|
+
@media (min-width: 40em){ .Polaris-Navigation__SectionHeading .Polaris-Navigation__Text{ font-size:1.2rem; } }
|
|
1455
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; display:flex; align-items:center; margin-right:0.4rem; padding:0.4rem 1.6rem; border-radius:var(--p-border-radius-base); position:relative; }
|
|
1456
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus{ outline:none; }
|
|
1457
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action svg{ fill:var(--p-icon); }
|
|
1458
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1459
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus{ background:var(--p-background-hovered); }
|
|
1460
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus svg{ fill:var(--p-icon-hovered); color:var(--p-override-transparent); }
|
|
1461
|
+
@media (-ms-high-contrast: active){ .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus svg{ fill:white; }
|
|
1462
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover img, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus img{ filter:brightness(0) saturate(100%) invert(100%); } }
|
|
1463
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }
|
|
1464
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1465
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus:hover svg{ fill:var(--p-icon-hovered); }
|
|
1466
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover{ background:var(--p-background-pressed); }
|
|
1467
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover svg{ fill:var(--p-icon-pressed); }
|
|
1468
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active::after, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover::after{ content:none; }
|
|
1469
|
+
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active{ outline:none; }
|
|
1470
|
+
.Polaris-Navigation__RollupToggle{ font-weight:400; color:var(--p-text); color:var(--p-text-subdued); }
|
|
1471
|
+
.Polaris-Navigation__RollupToggle:hover{ color:var(--p-text-primary); }
|
|
1472
|
+
.Polaris-Navigation__RollupToggle:hover svg{ fill:var(--p-action-primary); }
|
|
1473
|
+
.Polaris-Navigation__RollupToggle:hover img{ filter:brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%) contrast(101%); }
|
|
1474
|
+
.Polaris-Navigation__RollupToggle:focus{ outline:none; }
|
|
1475
|
+
.Polaris-Navigation__RollupToggle:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1476
|
+
.Polaris-Navigation__List{ margin:0; padding:0; list-style:none; }
|
|
1477
|
+
.Polaris-Navigation__Indicator{ position:relative; display:inline-block; height:1rem; width:1rem; }
|
|
1478
|
+
.Polaris-Navigation__SecondaryNavigation--noIcon .Polaris-Navigation__Item{ padding-left:1.2rem; }
|
|
1479
|
+
.Polaris-Tooltip-TooltipOverlay{ margin:0.4rem 1.6rem 1.6rem; opacity:1; box-shadow:var(--p-popover-shadow); border-radius:var(--p-border-radius-base); pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity, left, top; transition:opacity 200ms cubic-bezier(0.36, 0, 1, 1) 100ms; }
|
|
1480
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-Tooltip-TooltipOverlay{ border:0.2rem solid windowText; } }
|
|
1481
|
+
.Polaris-Tooltip-TooltipOverlay--measuring{ opacity:0; }
|
|
1482
|
+
.Polaris-Tooltip-TooltipOverlay--positionedAbove{ margin:1.6rem 1.6rem 0.4rem; }
|
|
1483
|
+
.Polaris-Tooltip-TooltipOverlay__Content{ position:relative; border-radius:3px; background-color:var(--p-surface); color:var(--p-text); max-width:20rem; padding:0.4rem 0.8rem; word-break:break-word; }
|
|
1484
|
+
[data-polaris-tooltip-activator]{ outline:0; position:relative; }
|
|
1485
|
+
[data-polaris-tooltip-activator]::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1486
|
+
[data-polaris-tooltip-activator]:focus-visible::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1487
|
+
[data-polaris-tooltip-activator][data-focus-visible-added]::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1488
|
+
.Polaris-Header-Title{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; font-weight:600; font-size:2.4rem; line-height:2.8rem; }
|
|
1489
|
+
@media (min-width: 40em){ .Polaris-Header-Title{ font-size:2rem; } }
|
|
1490
|
+
.Polaris-Header-Title__SubTitle{ margin-top:0.8rem; color:var(--p-text-subdued); }
|
|
1491
|
+
.Polaris-Header-Title--hasThumbnail{ display:grid; grid-gap:1.6rem; grid-template-columns:auto 1fr; }
|
|
1492
|
+
.Polaris-Header-Title--hasThumbnail .Polaris-Header-Title__TitleAndSubtitleWrapper{ display:flex; flex-direction:column; justify-content:center; }
|
|
1493
|
+
.Polaris-Header-Title__TitleWithMetadataWrapper{ display:flex; flex-wrap:wrap; align-items:center; }
|
|
1494
|
+
.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title{ display:inline; margin-right:0.8rem; }
|
|
1495
|
+
.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title > *{ display:inline; }
|
|
1496
|
+
.Polaris-Header-Title__TitleWithMetadataWrapper .Polaris-Header-Title__TitleMetadata{ margin-top:0; vertical-align:bottom; }
|
|
1497
|
+
.Polaris-Page-Header{ padding:1.6rem 1.6rem 0; position:relative; }
|
|
1498
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Page-Header{ padding-left:0; padding-right:0; } }
|
|
1499
|
+
@media (min-width: 30.625em){ .Polaris-Page-Header{ padding-left:0; padding-right:0; } }
|
|
1500
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-Page-Header{ padding-top:1.6rem; } }
|
|
1501
|
+
@media (min-width: 46.5em){ .Polaris-Page-Header{ padding-top:1.6rem; } }
|
|
1502
|
+
.Polaris-Page-Header--titleHidden{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
1503
|
+
.Polaris-Page-Header__TitleWrapper{ grid-area:title; margin-top:0.4rem; align-self:center; flex:1 1 auto; }
|
|
1504
|
+
@media (min-width: 29.25em){ .Polaris-Page-Header__TitleWrapper{ margin-top:0; } }
|
|
1505
|
+
.Polaris-Page-Header__Navigation{ display:flex; justify-content:space-between; align-items:center; margin-bottom:0.4rem; }
|
|
1506
|
+
.Polaris-Page-Header--hasActionMenu.Polaris-Page-Header--mobileView .Polaris-Page-Header__Navigation{ padding-right:4rem; }
|
|
1507
|
+
@media print{ .Polaris-Page-Header__Navigation{ display:none !important; } }
|
|
1508
|
+
.Polaris-Page-Header__BreadcrumbWrapper{ flex:0 0 auto; grid-area:breadcrumbs; max-width:100%; margin-right:1.6rem; }
|
|
1509
|
+
@media print{ .Polaris-Page-Header__BreadcrumbWrapper{ display:none !important; } }
|
|
1510
|
+
.Polaris-Page-Header__PaginationWrapper{ flex:0 0 auto; display:flex; justify-content:flex-end; margin-left:0.4rem; line-height:1; }
|
|
1511
|
+
.Polaris-Page-Header__PaginationWrapper button{ border:1px solid var(--p-border-neutral-subdued) !important; box-shadow:none !important; }
|
|
1512
|
+
.Polaris-Page-Header__PaginationWrapper button:hover, .Polaris-Page-Header__PaginationWrapper button:active, .Polaris-Page-Header__PaginationWrapper button:focus{ border:1px solid var(--p-border-neutral-subdued) !important; }
|
|
1513
|
+
@media print{ .Polaris-Page-Header__PaginationWrapper{ display:none !important; } }
|
|
1514
|
+
.Polaris-Page-Header__AdditionalNavigationWrapper{ display:flex; flex:1 0 auto; justify-content:flex-end; }
|
|
1515
|
+
@media print{ .Polaris-Page-Header__AdditionalNavigationWrapper{ display:none !important; } }
|
|
1516
|
+
.Polaris-Page-Header:not(.Polaris-Page-Header--mobileView) .Polaris-Page-Header__MainContent{ display:flex; align-items:center; }
|
|
1517
|
+
.Polaris-Page-Header__TitleActionMenuWrapper{ flex:1 1 auto; }
|
|
1518
|
+
.Polaris-Page-Header:not(.Polaris-Page-Header--mobileView) .Polaris-Page-Header__TitleActionMenuWrapper{ padding-right:2rem; }
|
|
1519
|
+
.Polaris-Page-Header--hasActionMenu.Polaris-Page-Header--mobileView:not(.Polaris-Page-Header--hasNavigation) .Polaris-Page-Header__TitleActionMenuWrapper{ padding-right:4rem; }
|
|
1520
|
+
.Polaris-Page-Header__PrimaryActionWrapper{ flex:0 0 auto; margin-top:0; margin-left:0.4rem; }
|
|
1521
|
+
@media (min-width: 48em){ .Polaris-Page-Header__PrimaryActionWrapper{ margin-left:1.6rem; } }
|
|
1522
|
+
@media print{ .Polaris-Page-Header__PrimaryActionWrapper{ display:none !important; } }
|
|
1523
|
+
.Polaris-Page-Header__ActionMenuWrapper{ margin-top:0; }
|
|
1524
|
+
.Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper{ position:absolute; top:2.9rem; right:2rem; margin-top:0; }
|
|
1525
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper{ right:-0.8rem; } }
|
|
1526
|
+
@media (min-width: 30.625em){ .Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper{ right:-0.8rem; } }
|
|
1527
|
+
.Polaris-Page-Header--mobileView.Polaris-Page-Header--hasNavigation .Polaris-Page-Header__ActionMenuWrapper{ top:1.8rem; }
|
|
1528
|
+
@media print{ .Polaris-Page-Header__ActionMenuWrapper{ display:none !important; } }
|
|
1529
|
+
.Polaris-Page-Header__Row{ display:flex; justify-content:space-between; }
|
|
1530
|
+
.Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ margin-top:0.4rem; }
|
|
1531
|
+
.Polaris-Page-Header--mobileView .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ margin-top:0.8rem; }
|
|
1532
|
+
.Polaris-Page-Header__Row + .Polaris-Page-Header__Row .Polaris-Page-Header__RightAlign{ margin-left:0; }
|
|
1533
|
+
.Polaris-Page-Header__LeftAlign{ display:flex; align-content:flex-start; align-items:center; }
|
|
1534
|
+
.Polaris-Page-Header__RightAlign{ grid-area:actions; display:flex; align-content:flex-end; flex:1 1 auto; align-items:flex-start; justify-content:flex-end; margin-left:1.6rem; white-space:nowrap; }
|
|
1535
|
+
@media (max-width: 29.25em){ .Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign{ margin-left:0; } }
|
|
1536
|
+
@media (min-width: 29.25em){ .Polaris-Page-Header__AdditionalMetaData{ margin-left:5.2rem; } }
|
|
1537
|
+
.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; }
|
|
1538
|
+
@media print{ .Polaris-Page-Header__AdditionalMetaData{ margin-left:0 !important; } }
|
|
1539
|
+
.Polaris-Page-Header__Actions{ width:100%; display:flex; align-items:center; justify-content:flex-end; text-align:right; }
|
|
1540
|
+
@media (max-width: 67.5em){ .Polaris-Page-Header--longTitle .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; }
|
|
1541
|
+
.Polaris-Page-Header--longTitle .Polaris-Page-Header__Row{ display:grid; gap:0.8rem 1.6rem; grid-template-columns:auto 1fr; grid-template-areas:'breadcrumbs actions' 'title title'; }
|
|
1542
|
+
.Polaris-Page-Header--longTitle .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ gap:0; } }
|
|
1543
|
+
@media (max-width: 53.75em){ .Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; }
|
|
1544
|
+
.Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__Row{ display:grid; gap:0.8rem 1.6rem; grid-template-columns:auto 1fr; grid-template-areas:'breadcrumbs actions' 'title title'; }
|
|
1545
|
+
.Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ gap:0; } }
|
|
1546
|
+
.Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__TitleWrapper{ margin-top:0; }
|
|
1547
|
+
.Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign{ margin-bottom:0.4rem; }
|
|
1548
|
+
.Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__Row{ flex-wrap:wrap-reverse; }
|
|
1549
|
+
@media (min-width: 48.0625em){ .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__Row{ flex-wrap:nowrap; } }
|
|
1550
|
+
.Polaris-Page-Header--isSingleRow .Polaris-Page-Header__Row{ gap:0; }
|
|
1551
|
+
html, body{ min-height:100%; height:100%; }
|
|
1552
|
+
.Polaris-Page{ margin:0 auto; padding:0; max-width:99.8rem; }
|
|
1553
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-Page{ padding:0 2rem; } }
|
|
1554
|
+
@media (min-width: 30.625em){ .Polaris-Page{ padding:0 2rem; } }
|
|
1555
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-Page{ padding:0 3.2rem; } }
|
|
1556
|
+
@media (min-width: 46.5em){ .Polaris-Page{ padding:0 3.2rem; } }
|
|
1557
|
+
.Polaris-Page::after{ content:''; display:table; }
|
|
1558
|
+
.Polaris-Page--fullWidth{ max-width:none; }
|
|
1559
|
+
.Polaris-Page--narrowWidth{ max-width:66.2rem; }
|
|
1560
|
+
.Polaris-Page__Content{ margin:1.6rem 0; }
|
|
1561
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-Page__Content{ margin-top:1.6rem; } }
|
|
1562
|
+
@media (min-width: 46.5em){ .Polaris-Page__Content{ margin-top:1.6rem; } }
|
|
1563
|
+
.Polaris-Page--divider{ border-top:0.1rem solid var(--p-border-subdued); padding-top:1.6rem; }
|
|
1564
|
+
.Polaris-PageActions{ margin:0 auto; padding:2rem; border-top:0.1rem solid var(--p-divider); }
|
|
1565
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-PageActions{ padding:2rem 0; } }
|
|
1566
|
+
@media (min-width: 30.625em){ .Polaris-PageActions{ padding:2rem 0; } }
|
|
1567
|
+
@keyframes Polaris-ProgressBar--fillup{ 0%{ width:0; } }
|
|
1568
|
+
.Polaris-ProgressBar{ overflow:hidden; width:100%; background-color:var(--p-progressbar-background); border-radius:var(--p-border-radius-base); }
|
|
1569
|
+
@media (forced-colors: active){ .Polaris-ProgressBar{ border:0.1rem solid transparent; } }
|
|
1570
|
+
.Polaris-ProgressBar--sizeSmall{ height:0.8rem; }
|
|
1571
|
+
.Polaris-ProgressBar--sizeMedium{ height:1.6rem; }
|
|
1572
|
+
.Polaris-ProgressBar--sizeLarge{ height:3.2rem; }
|
|
1573
|
+
.Polaris-ProgressBar--colorHighlight{ --p-progressbar-background:var(--p-surface-neutral); --p-progressbar-indicator:var(--p-border-highlight); }
|
|
1574
|
+
.Polaris-ProgressBar--colorPrimary{ --p-progressbar-background:var(--p-surface-neutral); --p-progressbar-indicator:var(--p-action-primary); }
|
|
1575
|
+
.Polaris-ProgressBar--colorSuccess{ --p-progressbar-background:var(--p-surface-neutral); --p-progressbar-indicator:var(--p-border-success); }
|
|
1576
|
+
.Polaris-ProgressBar__Indicator{ height:inherit; width:0; background-color:var(--p-progressbar-indicator); }
|
|
1577
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-ProgressBar__Indicator{ border:1.6rem solid highlight; } }
|
|
1578
|
+
.Polaris-ProgressBar__Animated{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:width; animation:Polaris-ProgressBar--fillup 500ms cubic-bezier(0.64, 0, 0.35, 1); transition:width 500ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
1579
|
+
.Polaris-ProgressBar__Progress, .Polaris-ProgressBar__Label{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
1580
|
+
.Polaris-RangeSlider-DualThumb__Wrapper{ position:relative; width:100%; display:flex; align-items:center; }
|
|
1581
|
+
.Polaris-RangeSlider-DualThumb__TrackWrapper{ position:relative; display:flex; align-items:center; width:100%; min-height:2.8rem; cursor:pointer; }
|
|
1582
|
+
.Polaris-RangeSlider-DualThumb__TrackWrapper.Polaris-RangeSlider-DualThumb--disabled{ opacity:0.8; cursor:not-allowed; }
|
|
1583
|
+
.Polaris-RangeSlider-DualThumb__Track{ position:absolute; z-index:1; width:100%; height:0.4rem; border-radius:var(--p-range-slider-thumb-size-base); --unselected-range:var(--p-override-transparent); --selected-range:var(--p-interactive); --gradient-colors:var(--unselected-range) 0%,
|
|
1584
|
+
var(--unselected-range) var(--Polaris-RangeSlider-progress-lower),
|
|
1585
|
+
var(--selected-range) var(--Polaris-RangeSlider-progress-lower),
|
|
1586
|
+
var(--selected-range) var(--Polaris-RangeSlider-progress-upper),
|
|
1587
|
+
var(--unselected-range) var(--Polaris-RangeSlider-progress-upper),
|
|
1588
|
+
var(--unselected-range) 100%; background-image:linear-gradient(to right, var(--gradient-colors)); }
|
|
1589
|
+
.Polaris-RangeSlider-DualThumb--error .Polaris-RangeSlider-DualThumb__Track{ --selected-range:var(--p-action-critical); --gradient-colors:var(--unselected-range) 0%,
|
|
1590
|
+
var(--unselected-range) var(--Polaris-RangeSlider-progress-lower),
|
|
1591
|
+
var(--selected-range) var(--Polaris-RangeSlider-progress-lower),
|
|
1592
|
+
var(--selected-range) var(--Polaris-RangeSlider-progress-upper),
|
|
1593
|
+
var(--unselected-range) var(--Polaris-RangeSlider-progress-upper),
|
|
1594
|
+
var(--unselected-range) 100%; background-image:linear-gradient(to right, var(--gradient-colors)); }
|
|
1595
|
+
.Polaris-RangeSlider-DualThumb--disabled .Polaris-RangeSlider-DualThumb__Track{ background:var(--p-border-disabled) none; }
|
|
1596
|
+
.Polaris-RangeSlider-DualThumb--trackDashed{ content:''; position:absolute; height:0.4rem; width:100%; background-image:linear-gradient(to right, var(--p-border), var(--p-border) 50%, transparent 50%, transparent 100%); background-size:0.4rem 0.4rem; border-radius:var(--p-border-radius-base); border-right:var(--p-border-radius-base) var(--p-border) solid; }
|
|
1597
|
+
.Polaris-RangeSlider-DualThumb__Thumbs{ position:relative; position:absolute; z-index:10; padding:0; width:var(--p-range-slider-thumb-size-base); height:var(--p-range-slider-thumb-size-base); border-radius:50%; border:0.1rem solid var(--p-interactive); background:linear-gradient(var(--p-interactive), var(--p-interactive)); -webkit-tap-highlight-color:transparent; cursor:-webkit-grab; transition:transform var(--p-duration-1-5-0) var(--p-ease); }
|
|
1598
|
+
.Polaris-RangeSlider-DualThumb__Thumbs::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-wide) + 0.1rem); }
|
|
1599
|
+
.Polaris-RangeSlider-DualThumb__Thumbs.Polaris-RangeSlider-DualThumb--disabled{ cursor:not-allowed; border-color:var(--p-border-disabled); background:var(--p-border-disabled); }
|
|
1600
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:active{ transform:scale(var(--p-range-slider-thumb-scale)); }
|
|
1601
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:focus{ outline:0; }
|
|
1602
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1603
|
+
.Polaris-RangeSlider-DualThumb--error .Polaris-RangeSlider-DualThumb__Thumbs{ border-color:var(--p-action-critical); background:linear-gradient(var(--p-action-critical), var(--p-action-critical)); }
|
|
1604
|
+
.Polaris-RangeSlider-DualThumb__Prefix{ flex:0 0 auto; margin-right:0.8rem; }
|
|
1605
|
+
.Polaris-RangeSlider-DualThumb__Suffix{ flex:0 0 auto; margin-left:0.8rem; }
|
|
1606
|
+
.Polaris-RangeSlider-DualThumb__Output{ position:absolute; z-index:20; bottom:var(--p-range-slider-thumb-size-active); opacity:0; visibility:hidden; pointer-events:none; transition-property:opacity, visibility, bottom; transition-duration:var(--p-duration-1-5-0); transition-timing-function:var(--p-ease); transform:translateX(calc(-50% + var(--p-range-slider-thumb-size-base)/2)); }
|
|
1607
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output, .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output{ opacity:var(--p-override-zero); }
|
|
1608
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output{ opacity:1; visibility:visible; bottom:calc(var(--p-range-slider-thumb-size-active) + var(--p-range-slider-thumb-size-active) - var(--p-range-slider-thumb-size-base)); }
|
|
1609
|
+
.Polaris-RangeSlider-DualThumb__OutputBubble{ position:relative; display:flex; padding:0 0.8rem; min-width:3.2rem; height:3.2rem; background-color:var(--p-surface); box-shadow:var(--p-popover-shadow); border-radius:3px; transition-property:transform; transition-duration:var(--p-duration-1-5-0); transition-timing-function:var(--p-ease); }
|
|
1610
|
+
.Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble{ transform:translateY(-1.6rem); }
|
|
1611
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, [data-has-navigation] .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, [data-has-navigation] .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble{ transform:translateY(-0.8rem); } }
|
|
1612
|
+
@media (min-width: 46.5em){ .Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble{ transform:translateY(-0.8rem); } }
|
|
1613
|
+
.Polaris-RangeSlider-DualThumb__OutputText{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; display:block; flex:1 1 auto; margin:auto; text-align:center; color:var(--p-text); }
|
|
1614
|
+
@media (min-width: 40em){ .Polaris-RangeSlider-DualThumb__OutputText{ font-size:1.2rem; } }
|
|
1615
|
+
.Polaris-RangeSlider-SingleThumb{ display:flex; align-items:center; }
|
|
1616
|
+
.Polaris-RangeSlider-SingleThumb.Polaris-RangeSlider-SingleThumb--disabled{ opacity:0.8; }
|
|
1617
|
+
.Polaris-RangeSlider-SingleThumb__InputWrapper{ position:relative; display:flex; align-items:center; flex:1 1 auto; height:var(--p-range-slider-thumb-size-base); }
|
|
1618
|
+
.Polaris-RangeSlider-SingleThumb__InputWrapper input{ padding:1.2rem 0; background-color:transparent; cursor:pointer; }
|
|
1619
|
+
.Polaris-RangeSlider-SingleThumb__InputWrapper::after{ content:''; position:absolute; height:0.4rem; width:100%; background-image:linear-gradient(to right, var(--p-border), var(--p-border) 50%, transparent 50%, transparent 100%); background-size:0.4rem 0.4rem; border-radius:var(--p-border-radius-base); border-right:var(--p-border-radius-base) var(--p-border) solid; }
|
|
1620
|
+
.Polaris-RangeSlider-SingleThumb--disabled input{ cursor:not-allowed; }
|
|
1621
|
+
.Polaris-RangeSlider-SingleThumb__Prefix{ flex:0 0 auto; margin-right:0.8rem; }
|
|
1622
|
+
.Polaris-RangeSlider-SingleThumb__Suffix{ flex:0 0 auto; margin-left:0.8rem; }
|
|
1623
|
+
.Polaris-RangeSlider-SingleThumb__Input{ --progress-lower:var(--p-interactive); --progress-upper:var(--p-override-transparent); --gradient-colors:var(--progress-lower, transparent) 0%,
|
|
1624
|
+
var(--progress-lower, transparent) var(--Polaris-RangeSlider-progress, 0%),
|
|
1625
|
+
var(--progress-upper, transparent) var(--Polaris-RangeSlider-progress, 100%),
|
|
1626
|
+
var(--progress-upper, transparent) 100%; margin:0; padding:0; width:100%; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:relative; z-index:10; flex:1 1 auto; }
|
|
1627
|
+
.Polaris-RangeSlider-SingleThumb__Input::-ms-tooltip{ display:none; }
|
|
1628
|
+
.Polaris-RangeSlider-SingleThumb__Input:focus{ outline:0; }
|
|
1629
|
+
.Polaris-RangeSlider-SingleThumb__Input::-moz-focus-outer{ border:0; }
|
|
1630
|
+
.Polaris-RangeSlider-SingleThumb__Input::-ms-track{ outline:0.1rem solid transparent; cursor:pointer; width:100%; height:0.4rem; background-image:linear-gradient(to right, var(--gradient-colors)); border:none; border-radius:0.4rem; }
|
|
1631
|
+
.Polaris-RangeSlider-SingleThumb__Input::-moz-range-track{ cursor:pointer; width:100%; height:0.4rem; background-image:linear-gradient(to right, var(--gradient-colors)); border:none; border-radius:0.4rem; }
|
|
1632
|
+
.Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track{ cursor:pointer; width:100%; height:0.4rem; background-image:linear-gradient(to right, var(--gradient-colors)); border:none; border-radius:0.4rem; }
|
|
1633
|
+
.Polaris-RangeSlider-SingleThumb__Input::-ms-thumb{ cursor:-webkit-grab; width:var(--p-range-slider-thumb-size-base); height:var(--p-range-slider-thumb-size-base); border:1px solid transparent; border-radius:50%; background:linear-gradient(var(--p-interactive), var(--p-interactive)); box-shadow:0 0 0 0 var(--p-focused); appearance:none; -ms-transition:box-shadow 100ms var(--p-ease); transition:box-shadow 100ms var(--p-ease); -ms-transition-property:border-color, box-shadow, transform; transition-property:border-color, box-shadow, transform; transition-duration:200ms; transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); margin-top:calc(-1*(var(--p-range-slider-thumb-size-base) - 0.4rem)/2); }
|
|
1634
|
+
.Polaris-RangeSlider-SingleThumb__Input::-ms-thumb:hover{ background:linear-gradient(var(--p-interactive), var(--p-interactive)); }
|
|
1635
|
+
.Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb{ cursor:-webkit-grab; width:var(--p-range-slider-thumb-size-base); height:var(--p-range-slider-thumb-size-base); border:1px solid transparent; border-radius:50%; background:linear-gradient(var(--p-interactive), var(--p-interactive)); box-shadow:0 0 0 0 var(--p-focused); -moz-appearance:none; appearance:none; -moz-transition:box-shadow 100ms var(--p-ease); transition:box-shadow 100ms var(--p-ease); -moz-transition-property:border-color, box-shadow, transform; transition-property:border-color, box-shadow, transform; transition-duration:200ms; transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); margin-top:calc(-1*(var(--p-range-slider-thumb-size-base) - 0.4rem)/2); }
|
|
1636
|
+
.Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb:hover{ background:linear-gradient(var(--p-interactive), var(--p-interactive)); }
|
|
1637
|
+
.Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb{ cursor:-webkit-grab; width:var(--p-range-slider-thumb-size-base); height:var(--p-range-slider-thumb-size-base); border:1px solid transparent; border-radius:50%; background:linear-gradient(var(--p-interactive), var(--p-interactive)); box-shadow:0 0 0 0 var(--p-focused); -webkit-appearance:none; appearance:none; -webkit-transition:box-shadow 100ms var(--p-ease); transition:box-shadow 100ms var(--p-ease); -webkit-transition-property:border-color, box-shadow, transform; transition-property:border-color, box-shadow, transform; transition-duration:200ms; transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); margin-top:calc(-1*(var(--p-range-slider-thumb-size-base) - 0.4rem)/2); }
|
|
1638
|
+
.Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb:hover{ background:linear-gradient(var(--p-interactive), var(--p-interactive)); }
|
|
1639
|
+
.Polaris-RangeSlider-SingleThumb__Input::-ms-thumb{ margin-top:0; transform:translateY(var(--p-range-slider-thumb-size-base)/5) scale(0.4); }
|
|
1640
|
+
.Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb{ margin-top:-var(--p-range-slider-thumb-size-base)-0.4rem/2; }
|
|
1641
|
+
.Polaris-RangeSlider-SingleThumb__Input:active::-ms-thumb{ transform:scale(var(--p-range-slider-thumb-scale)); }
|
|
1642
|
+
.Polaris-RangeSlider-SingleThumb__Input:active::-moz-range-thumb{ transform:scale(var(--p-range-slider-thumb-scale)); }
|
|
1643
|
+
.Polaris-RangeSlider-SingleThumb__Input:active::-webkit-slider-thumb{ transform:scale(var(--p-range-slider-thumb-scale)); }
|
|
1644
|
+
.Polaris-RangeSlider-SingleThumb__Input:focus{ outline:0.1rem solid transparent; }
|
|
1645
|
+
.Polaris-RangeSlider-SingleThumb__Input:focus::-ms-thumb{ border-color:var(--p-surface); box-shadow:0 0 0 0.2rem var(--p-focused); }
|
|
1646
|
+
.Polaris-RangeSlider-SingleThumb__Input:focus::-moz-range-thumb{ border-color:var(--p-surface); box-shadow:0 0 0 0.2rem var(--p-focused); }
|
|
1647
|
+
.Polaris-RangeSlider-SingleThumb__Input:focus::-webkit-slider-thumb{ border-color:var(--p-surface); box-shadow:0 0 0 0.2rem var(--p-focused); }
|
|
1648
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input{ --progress-lower:var(--p-action-critical); }
|
|
1649
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-ms-track{ outline:0.1rem solid transparent; background-color:var(--p-override-none); }
|
|
1650
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-moz-range-track{ background-color:var(--p-override-none); }
|
|
1651
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track{ background-color:var(--p-override-none); }
|
|
1652
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb{ border-color:var(--p-action-critical); background:var(--p-action-critical); }
|
|
1653
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb{ border-color:var(--p-action-critical); background:var(--p-action-critical); }
|
|
1654
|
+
.Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb{ border-color:var(--p-action-critical); background:var(--p-action-critical); }
|
|
1655
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-ms-track{ outline:0.1rem solid transparent; cursor:auto; background-image:none; background-color:var(--p-border-disabled); }
|
|
1656
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-moz-range-track{ cursor:auto; background-image:none; background-color:var(--p-border-disabled); }
|
|
1657
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track{ cursor:auto; background-image:none; background-color:var(--p-border-disabled); }
|
|
1658
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb{ cursor:not-allowed; border-color:var(--p-border-disabled); background:var(--p-border-disabled); }
|
|
1659
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb{ cursor:not-allowed; border-color:var(--p-border-disabled); background:var(--p-border-disabled); }
|
|
1660
|
+
.Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb{ cursor:not-allowed; border-color:var(--p-border-disabled); background:var(--p-border-disabled); }
|
|
1661
|
+
.Polaris-RangeSlider-SingleThumb__Output{ position:absolute; z-index:20; bottom:var(--p-range-slider-thumb-size-base); left:var(--Polaris-RangeSlider-progress); transform:translateX(calc(-50% + var(--Polaris-RangeSlider-output-factor)*var(--p-range-slider-thumb-size-base))); opacity:0; visibility:hidden; pointer-events:none; transition-property:opacity, visibility, bottom; transition-duration:200ms; transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
1662
|
+
.Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output, .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output{ opacity:var(--p-override-zero); }
|
|
1663
|
+
.Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output{ opacity:1; visibility:visible; bottom:calc(var(--p-range-slider-thumb-size-base) + var(--p-range-slider-thumb-size-active) - var(--p-range-slider-thumb-size-base)); }
|
|
1664
|
+
.Polaris-RangeSlider-SingleThumb__OutputBubble{ position:relative; display:flex; box-shadow:var(--p-popover-shadow); padding:0 0.8rem; min-width:3.2rem; height:3.2rem; background-color:var(--p-surface); border-radius:3px; transition-property:transform; transition-duration:200ms; transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); outline:0.1rem solid transparent; }
|
|
1665
|
+
.Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble{ transform:translateY(-1.6rem); }
|
|
1666
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, [data-has-navigation] .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, [data-has-navigation] .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble{ transform:translateY(-0.8rem); } }
|
|
1667
|
+
@media (min-width: 46.5em){ .Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble{ transform:translateY(-0.8rem); } }
|
|
1668
|
+
.Polaris-RangeSlider-SingleThumb__OutputText{ font-size:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; display:block; flex:1 1 auto; margin:auto; text-align:center; color:var(--p-text); }
|
|
1669
|
+
@media (min-width: 40em){ .Polaris-RangeSlider-SingleThumb__OutputText{ font-size:1.2rem; } }
|
|
1670
|
+
.Polaris-ResourceItem__CheckboxWrapper{ display:flex; }
|
|
1671
|
+
.Polaris-ResourceItem{ position:relative; outline:none; cursor:pointer; }
|
|
1672
|
+
.Polaris-ResourceItem:not(.Polaris-ResourceItem--persistActions) .Polaris-ResourceItem__Actions{ right:1.6rem; }
|
|
1673
|
+
.Polaris-ResourceItem:hover{ background-color:var(--p-surface-hovered); }
|
|
1674
|
+
.Polaris-ResourceItem:hover:not(.Polaris-ResourceItem--persistActions) .Polaris-ResourceItem__Actions{ clip:auto; overflow:visible; height:100%; }
|
|
1675
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-ResourceItem:hover:not(.Polaris-ResourceItem--persistActions) .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1676
|
+
@media (max-width: 46.5em){ .Polaris-ResourceItem:hover:not(.Polaris-ResourceItem--persistActions) .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1677
|
+
.Polaris-ResourceItem:active{ background-color:var(--p-surface-pressed); }
|
|
1678
|
+
.Polaris-ResourceItem__ItemWrapper{ overflow:hidden; max-width:100%; }
|
|
1679
|
+
.Polaris-ResourceItem--focusedInner, .Polaris-ResourceItem--focusedInner.Polaris-ResourceItem--focused, .Polaris-ResourceItem--focusedInner.Polaris-ResourceItem--focused.Polaris-ResourceItem--selected{ box-shadow:none; }
|
|
1680
|
+
.Polaris-ResourceItem__Link, .Polaris-ResourceItem__Button{ position:absolute; z-index:1; top:0; left:0; height:100%; width:100%; opacity:0; }
|
|
1681
|
+
.Polaris-ResourceItem__Button{ padding:0; border:none; }
|
|
1682
|
+
.Polaris-ResourceItem__Container{ position:relative; z-index:2; padding:1.2rem 1.6rem; min-height:4.4rem; display:flex; align-items:flex-start; }
|
|
1683
|
+
@media (min-width: 28.625em){ .Polaris-ResourceItem__Container{ padding:1.2rem 2rem; } }
|
|
1684
|
+
.Polaris-ResourceItem--alignmentLeading{ align-items:flex-start; }
|
|
1685
|
+
.Polaris-ResourceItem--alignmentTrailing{ align-items:flex-end; }
|
|
1686
|
+
.Polaris-ResourceItem--alignmentCenter{ align-items:center; }
|
|
1687
|
+
.Polaris-ResourceItem--alignmentFill{ align-items:stretch; }
|
|
1688
|
+
.Polaris-ResourceItem--alignmentBaseline{ align-items:baseline; }
|
|
1689
|
+
.Polaris-ResourceItem__Owned{ display:flex; }
|
|
1690
|
+
.Polaris-ResourceItem__OwnedNoMedia{ padding-top:0.4rem; }
|
|
1691
|
+
.Polaris-ResourceItem__Handle{ width:4.8rem; min-height:4.4rem; justify-content:center; align-items:center; margin:-1.2rem 0.4rem -1.2rem -1.2rem; display:flex; }
|
|
1692
|
+
@media (max-width: 28.615em){ .Polaris-ResourceItem__Handle{ visibility:hidden; }
|
|
1693
|
+
.Polaris-ResourceItem--selectMode .Polaris-ResourceItem__Handle{ visibility:visible; } }
|
|
1694
|
+
.Polaris-ResourceItem--selectable{ width:calc(100% + 4rem); transform:translateX(-4rem); transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; margin-right:-4rem; }
|
|
1695
|
+
.Polaris-ResourceItem--selectable.Polaris-ResourceItem--selectMode{ transform:translateX(0); }
|
|
1696
|
+
@media (min-width: 28.625em){ .Polaris-ResourceItem--selectable{ width:100%; transform:translateX(0); margin-right:0; } }
|
|
1697
|
+
.Polaris-ResourceItem__Media{ flex:0 0 auto; margin-right:2rem; color:inherit; text-decoration:none; }
|
|
1698
|
+
.Polaris-ResourceItem__Content{ min-width:0; max-width:100%; flex:1 1 auto; }
|
|
1699
|
+
.Polaris-ResourceItem__Actions{ position:absolute; top:0; display:flex; pointer-events:initial; height:100%; max-height:5.6rem; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; height:1px; }
|
|
1700
|
+
.Polaris-ResourceItem--focused .Polaris-ResourceItem__Actions{ clip:auto; overflow:visible; height:100%; }
|
|
1701
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1702
|
+
@media (max-width: 46.5em){ .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1703
|
+
.Polaris-ResourceItem--persistActions .Polaris-ResourceItem__Actions{ position:relative; display:flex; flex:0 0 auto; flex-basis:auto; align-items:center; margin-top:0; margin-left:1.6rem; pointer-events:initial; height:100%; }
|
|
1704
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-ResourceItem--persistActions .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1705
|
+
@media (max-width: 46.5em){ .Polaris-ResourceItem--persistActions .Polaris-ResourceItem__Actions{ display:none; } }
|
|
1706
|
+
.Polaris-ResourceItem__Disclosure{ position:relative; top:-1.2rem; right:-1.6rem; display:none; width:4.8rem; min-height:4.4rem; pointer-events:initial; }
|
|
1707
|
+
.Polaris-ResourceItem--selectMode .Polaris-ResourceItem__Disclosure{ display:none; }
|
|
1708
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-ResourceItem__Disclosure{ display:flex; flex:0 0 4.8rem; justify-content:center; align-items:center; } }
|
|
1709
|
+
@media (max-width: 46.5em){ .Polaris-ResourceItem__Disclosure{ display:flex; flex:0 0 4.8rem; justify-content:center; align-items:center; } }
|
|
1710
|
+
.Polaris-ResourceItem--selected{ background-color:var(--p-surface-selected); }
|
|
1711
|
+
.Polaris-ResourceItem--selected:hover{ background-color:var(--p-surface-selected-hovered); }
|
|
1712
|
+
.Polaris-ResourceItem--selected:active{ background-color:var(--p-surface-selected-pressed); }
|
|
1713
|
+
.Polaris-ResourceItem__ListItem{ position:relative; position:relative; }
|
|
1714
|
+
.Polaris-ResourceItem__ListItem::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:0rem; right:0rem; bottom:0rem; left:0rem; display:block; pointer-events:none; box-shadow:0 0 0 0rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1715
|
+
.Polaris-ResourceItem__ListItem + .Polaris-ResourceItem__ListItem{ border-top:0.1rem solid var(--p-divider); }
|
|
1716
|
+
.Polaris-ResourceItem__ListItem::after{ border-radius:0.2rem; }
|
|
1717
|
+
.Polaris-ResourceItem__ListItem:last-of-type{ border-bottom-left-radius:var(--p-border-radius-wide); border-bottom-right-radius:var(--p-border-radius-wide); }
|
|
1718
|
+
.Polaris-ResourceItem__ListItem:last-of-type .Polaris-ResourceItem__ItemWrapper{ border-bottom-left-radius:var(--p-border-radius-wide); border-bottom-right-radius:var(--p-border-radius-wide); }
|
|
1719
|
+
.Polaris-ResourceItem__ListItem:last-of-type.Polaris-ResourceItem--focused::after{ border-bottom-left-radius:var(--p-border-radius-wide); border-bottom-right-radius:var(--p-border-radius-wide); }
|
|
1720
|
+
.Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused{ z-index:1; }
|
|
1721
|
+
.Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1722
|
+
* + ul > .Polaris-ResourceItem__ListItem:first-of-type.Polaris-ResourceItem--focused::after{ top:0.1rem; }
|
|
1723
|
+
.Polaris-Select{ position:relative; }
|
|
1724
|
+
.Polaris-Select select::-ms-expand{ display:none; }
|
|
1725
|
+
.Polaris-Select--disabled .Polaris-Select__Content{ color:var(--p-text-disabled); }
|
|
1726
|
+
.Polaris-Select--disabled .Polaris-Select__InlineLabel{ color:inherit; }
|
|
1727
|
+
.Polaris-Select--disabled .Polaris-Select__Icon svg{ fill:var(--p-icon-disabled); }
|
|
1728
|
+
.Polaris-Select--disabled .Polaris-Select__Backdrop{ border-color:var(--p-border-disabled); }
|
|
1729
|
+
.Polaris-Select--disabled .Polaris-Select__Backdrop::before{ background-color:var(--p-action-secondary-disabled); }
|
|
1730
|
+
.Polaris-Select--disabled .Polaris-Select__Backdrop:hover{ cursor:default; }
|
|
1731
|
+
.Polaris-Select--placeholder.Polaris-Select--error .Polaris-Select__Input{ color:#9c9798; }
|
|
1732
|
+
.Polaris-Select--placeholder.Polaris-Select--error .Polaris-Select__Input:-moz-focusring{ color:transparent; text-shadow:var(--p-override-none); }
|
|
1733
|
+
.Polaris-Select__Content{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; position:relative; z-index:20; display:flex; align-items:center; width:100%; min-height:3.6rem; padding:0.5rem 0.8rem 0.5rem 1.2rem; }
|
|
1734
|
+
@media (min-width: 40em){ .Polaris-Select__Content{ font-size:1.4rem; } }
|
|
1735
|
+
.Polaris-Select__InlineLabel{ color:var(--p-text-subdued); margin-right:0.4rem; white-space:nowrap; overflow:hidden; }
|
|
1736
|
+
.Polaris-Select__SelectedOption{ flex:1 1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
1737
|
+
.Polaris-Select__Prefix{ padding-right:0.8rem; }
|
|
1738
|
+
.Polaris-Select__Icon svg{ fill:var(--p-icon); }
|
|
1739
|
+
.Polaris-Select__Input{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; position:absolute; text-rendering:auto; top:0; left:0; z-index:30; width:100%; height:100%; margin:0; opacity:0.001; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
|
|
1740
|
+
@media (min-width: 40em){ .Polaris-Select__Input{ font-size:1.4rem; } }
|
|
1741
|
+
.Polaris-Select__Backdrop{ z-index:10; top:0; right:0; bottom:0; left:0; border:0.1rem solid var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); border-radius:var(--p-border-radius-base); background-color:var(--p-surface); box-shadow:var(--p-button-drop-shadow); position:relative; position:absolute; }
|
|
1742
|
+
.Polaris-Select__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1743
|
+
.Polaris-Select--error .Polaris-Select__Backdrop{ border-color:var(--p-border-critical); background-color:var(--p-surface-critical-subdued); }
|
|
1744
|
+
.Polaris-Select--error .Polaris-Select__Backdrop.Polaris-Select--hover, .Polaris-Select--error .Polaris-Select__Backdrop:hover{ border-color:var(--p-border-critical); }
|
|
1745
|
+
.Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1746
|
+
.Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1747
|
+
@media (-ms-high-contrast: active){ .Polaris-Select__Content{ color:windowText; -ms-high-contrast-adjust:none; }
|
|
1748
|
+
.Polaris-Select__InlineLabel{ color:inherit; }
|
|
1749
|
+
.Polaris-Select__InlineLabel::after{ content:':'; }
|
|
1750
|
+
.Polaris-Select__SelectedOption{ color:inherit; }
|
|
1751
|
+
.Polaris-Select__Icon svg{ fill:buttonText; }
|
|
1752
|
+
.Polaris-Select__Backdrop::after{ display:none; }
|
|
1753
|
+
.Polaris-Select__Input:focus ~ .Polaris-Select__Content{ color:highlightText; }
|
|
1754
|
+
.Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop{ background-color:highlight; }
|
|
1755
|
+
.Polaris-Select--disabled .Polaris-Select__Content{ color:grayText; }
|
|
1756
|
+
.Polaris-Select--disabled .Polaris-Select__Icon{ opacity:1; }
|
|
1757
|
+
.Polaris-Select--disabled .Polaris-Select__Icon svg{ fill:grayText; } }
|
|
1758
|
+
.Polaris-ResourceList__FiltersWrapper{ padding:1.2rem 1.2rem 1.6rem; }
|
|
1759
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__FiltersWrapper{ padding:1.6rem; } }
|
|
1760
|
+
.Polaris-ResourceList__FiltersWrapper + .Polaris-ResourceList{ border-top:0.1rem solid var(--p-divider); }
|
|
1761
|
+
.Polaris-ResourceList__HeaderOuterWrapper{ position:relative; background-color:var(--p-surface); z-index:2; }
|
|
1762
|
+
.Polaris-ResourceList__HeaderOuterWrapper + .Polaris-ResourceList{ border-top:0.1rem solid var(--p-divider); }
|
|
1763
|
+
.Polaris-ResourceList__HeaderWrapper--disabled{ pointer-events:none; }
|
|
1764
|
+
.Polaris-ResourceList__HeaderWrapper--overlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; background-color:var(--p-overlay); }
|
|
1765
|
+
.Polaris-ResourceList__FiltersWrapper + .Polaris-ResourceList__HeaderOuterWrapper{ margin-top:-1.6rem; }
|
|
1766
|
+
.Polaris-ResourceList__HeaderWrapper{ position:relative; display:flex; align-items:flex-start; width:100%; min-height:5.6rem; padding:1rem 1.2rem; background-color:var(--p-surface); }
|
|
1767
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderWrapper{ flex-direction:row; padding:1rem 1.6rem; } }
|
|
1768
|
+
.Polaris-ResourceList__HeaderWrapper--isSticky{ box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
1769
|
+
.Polaris-ResourceList__HeaderContentWrapper{ position:absolute; z-index:1; right:1.2rem; left:1.2rem; display:flex; min-height:3.6rem; opacity:1; transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
1770
|
+
.Polaris-ResourceList__HeaderWrapper--inSelectMode .Polaris-ResourceList__HeaderContentWrapper{ opacity:0; }
|
|
1771
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderContentWrapper{ right:1.6rem; left:1.6rem; align-self:flex-start; } }
|
|
1772
|
+
.Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__AlternateToolWrapper{ position:relative; display:flex; flex:1 1; align-items:center; }
|
|
1773
|
+
.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper{ padding-right:0.8rem; }
|
|
1774
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__AlternateToolWrapper{ position:relative; left:auto; flex:0 1 auto; margin-left:1.6rem; }
|
|
1775
|
+
.Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper{ padding-right:0; } }
|
|
1776
|
+
.Polaris-ResourceList__SortWrapper{ min-width:0; max-width:100%; }
|
|
1777
|
+
.Polaris-ResourceList__SortWrapper > *{ max-width:100%; }
|
|
1778
|
+
.Polaris-ResourceList__HeaderTitleWrapper{ white-space:nowrap; text-overflow:ellipsis; flex:1 1; padding-left:0.4rem; align-self:center; }
|
|
1779
|
+
.Polaris-ResourceList__HeaderWrapper--hasAlternateTool .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__HeaderTitleWrapper{ display:none; }
|
|
1780
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper{ display:none; }
|
|
1781
|
+
.Polaris-ResourceList__HeaderWrapper--hasAlternateTool .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__HeaderTitleWrapper{ display:block; } }
|
|
1782
|
+
.Polaris-ResourceList__BulkActionsWrapper{ position:relative; z-index:2; width:100%; }
|
|
1783
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__BulkActionsWrapper{ flex:0 1 auto; align-self:flex-start; } }
|
|
1784
|
+
.Polaris-ResourceList__CheckableButtonWrapper{ display:none; }
|
|
1785
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__CheckableButtonWrapper{ flex:1 1; display:block; } }
|
|
1786
|
+
.Polaris-ResourceList__SelectButtonWrapper{ position:relative; flex:none; }
|
|
1787
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList__SelectButtonWrapper{ display:none; } }
|
|
1788
|
+
.Polaris-ResourceList__EmptySearchResultWrapper{ padding-top:3.2rem; padding-bottom:3.2rem; }
|
|
1789
|
+
@media (min-height: 37.5em){ .Polaris-ResourceList__EmptySearchResultWrapper{ padding-top:6.4rem; padding-bottom:6.4rem; } }
|
|
1790
|
+
.Polaris-ResourceList__ResourceListWrapper{ position:relative; }
|
|
1791
|
+
.Polaris-ResourceList{ position:relative; z-index:1; margin:0; padding:0; list-style:none; }
|
|
1792
|
+
.Polaris-ResourceList__ItemWrapper{ position:relative; z-index:1; overflow:hidden; max-width:100%; }
|
|
1793
|
+
.Polaris-ResourceList__ItemWrapper + .Polaris-ResourceList__ItemWrapper{ border-top:0.1rem solid var(--p-divider); }
|
|
1794
|
+
.Polaris-ResourceList__ItemWrapper--isLoading{ min-height:6.4rem; }
|
|
1795
|
+
.Polaris-ResourceList__SpinnerContainer{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; display:flex; justify-content:center; }
|
|
1796
|
+
.Polaris-ResourceList__LoadingOverlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; display:flex; justify-content:center; background-color:var(--p-overlay); }
|
|
1797
|
+
.Polaris-ResourceList__DisabledPointerEvents{ pointer-events:none; }
|
|
1798
|
+
.Polaris-ResourceList--disableTextSelection{ -webkit-user-select:none; user-select:none; }
|
|
1799
|
+
.Polaris-FilterControl-DateSelector__DateTextField{ margin-top:0.8rem; }
|
|
1800
|
+
.Polaris-FilterControl-DateSelector__DatePicker{ margin-top:1.6rem; }
|
|
1801
|
+
.Polaris-ResourceList-FilterControl__AppliedFilters{ list-style-type:none; padding:0; margin:0; display:flex; flex-wrap:nowrap; margin-top:-1.2rem; margin-left:-1.2rem; margin-right:-1.2rem; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
|
|
1802
|
+
.Polaris-ResourceList-FilterControl__AppliedFilters::after{ content:''; flex:0 0 1.2rem; }
|
|
1803
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList-FilterControl__AppliedFilters{ flex-wrap:wrap; margin-right:0; margin-left:-0.8rem; margin-top:-1.6rem; }
|
|
1804
|
+
.Polaris-ResourceList-FilterControl__AppliedFilters::after{ content:none; flex:none; } }
|
|
1805
|
+
@media (max-width: 28.625em){ .Polaris-ResourceList-FilterControl__AppliedFilters{ padding-bottom:0.8rem; } }
|
|
1806
|
+
.Polaris-ResourceList-FilterControl__AppliedFilter{ flex:1 0 auto; margin-top:0.8rem; margin-left:1.2rem; max-width:calc(100% - 0.8rem); }
|
|
1807
|
+
@media (min-width: 28.625em){ .Polaris-ResourceList-FilterControl__AppliedFilter{ flex:0 1 auto; margin-left:0.8rem; } }
|
|
1808
|
+
.Polaris-SkeletonBodyText__SkeletonBodyTextContainer{ animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; }
|
|
1809
|
+
.Polaris-SkeletonBodyText{ height:0.8rem; position:relative; }
|
|
1810
|
+
.Polaris-SkeletonBodyText::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-surface-neutral); border-radius:3px; }
|
|
1811
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonBodyText::after{ background-color:grayText; } }
|
|
1812
|
+
.Polaris-SkeletonBodyText:last-child:not(:first-child){ width:80%; }
|
|
1813
|
+
.Polaris-SkeletonBodyText + .Polaris-SkeletonBodyText{ margin-top:1.2rem; }
|
|
1814
|
+
.Polaris-SkeletonDisplayText__DisplayText{ max-width:12rem; animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; position:relative; }
|
|
1815
|
+
.Polaris-SkeletonDisplayText__DisplayText::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-surface-neutral); border-radius:3px; }
|
|
1816
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonDisplayText__DisplayText::after{ background-color:grayText; } }
|
|
1817
|
+
.Polaris-SkeletonDisplayText--sizeSmall{ height:2.4rem; }
|
|
1818
|
+
@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeSmall{ height:2.8rem; } }
|
|
1819
|
+
.Polaris-SkeletonDisplayText--sizeMedium{ height:2.8rem; }
|
|
1820
|
+
@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeMedium{ height:3.2rem; } }
|
|
1821
|
+
.Polaris-SkeletonDisplayText--sizeLarge{ height:2.8rem; }
|
|
1822
|
+
@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeLarge{ height:3.2rem; } }
|
|
1823
|
+
.Polaris-SkeletonDisplayText--sizeExtraLarge{ height:3.6rem; }
|
|
1824
|
+
@media (min-width: 40em){ .Polaris-SkeletonDisplayText--sizeExtraLarge{ height:4.4rem; } }
|
|
1825
|
+
.Polaris-SkeletonPage__Page{ margin:0 auto; padding:0; max-width:99.8rem; }
|
|
1826
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__Page{ padding:0 2rem; } }
|
|
1827
|
+
@media (min-width: 30.625em){ .Polaris-SkeletonPage__Page{ padding:0 2rem; } }
|
|
1828
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Page{ padding:0 3.2rem; } }
|
|
1829
|
+
@media (min-width: 46.5em){ .Polaris-SkeletonPage__Page{ padding:0 3.2rem; } }
|
|
1830
|
+
.Polaris-SkeletonPage--fullWidth{ max-width:none; }
|
|
1831
|
+
.Polaris-SkeletonPage--narrowWidth{ max-width:66.2rem; }
|
|
1832
|
+
.Polaris-SkeletonPage__Content{ margin:1.6rem 0; }
|
|
1833
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Content{ margin-top:1.6rem; } }
|
|
1834
|
+
@media (min-width: 46.5em){ .Polaris-SkeletonPage__Content{ margin-top:1.6rem; } }
|
|
1835
|
+
.Polaris-SkeletonPage__Header{ padding:1.6rem 1.6rem 0; padding-bottom:0.8rem; }
|
|
1836
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__Header{ padding-left:0; padding-right:0; } }
|
|
1837
|
+
@media (min-width: 30.625em){ .Polaris-SkeletonPage__Header{ padding-left:0; padding-right:0; } }
|
|
1838
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Header{ padding-top:1.6rem; } }
|
|
1839
|
+
@media (min-width: 46.5em){ .Polaris-SkeletonPage__Header{ padding-top:1.6rem; } }
|
|
1840
|
+
.Polaris-SkeletonPage__BreadcrumbAction{ padding-top:1.6rem; padding-bottom:1.6rem; margin-top:-0.4rem; margin-bottom:-0.4rem; }
|
|
1841
|
+
.Polaris-SkeletonPage__TitleAndPrimaryAction{ display:flex; }
|
|
1842
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__TitleAndPrimaryAction{ display:block; } }
|
|
1843
|
+
@media (max-width: 46.5em){ .Polaris-SkeletonPage__TitleAndPrimaryAction{ display:block; } }
|
|
1844
|
+
.Polaris-SkeletonPage__TitleWrapper{ flex:1 1; }
|
|
1845
|
+
.Polaris-SkeletonPage__Title{ font-weight:600; font-size:2.4rem; line-height:2.8rem; }
|
|
1846
|
+
@media (min-width: 40em){ .Polaris-SkeletonPage__Title{ font-size:2rem; } }
|
|
1847
|
+
.Polaris-SkeletonPage__SkeletonTitle{ animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; position:relative; max-width:12rem; height:2.8rem; }
|
|
1848
|
+
.Polaris-SkeletonPage__SkeletonTitle::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-surface-neutral); border-radius:3px; }
|
|
1849
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonPage__SkeletonTitle::after{ background-color:grayText; } }
|
|
1850
|
+
.Polaris-SkeletonPage__PrimaryAction{ align-self:stretch; }
|
|
1851
|
+
.Polaris-SkeletonPage__PrimaryAction > *{ height:3.6rem; min-width:10rem; }
|
|
1852
|
+
@media (max-width: 48.0625em), (min-width: 48.0625em) and (max-width: 65em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction{ margin-top:1.6rem; margin-bottom:-0.8rem; } }
|
|
1853
|
+
@media (max-width: 50em){ .Polaris-SkeletonPage__PrimaryAction{ margin-top:1.6rem; margin-bottom:-0.8rem; } }
|
|
1854
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction{ margin-top:0.8rem; margin-bottom:-0.8rem; } }
|
|
1855
|
+
@media (min-width: 30.625em){ .Polaris-SkeletonPage__PrimaryAction{ margin-top:0.8rem; margin-bottom:-0.8rem; } }
|
|
1856
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction{ margin-top:0; } }
|
|
1857
|
+
@media (min-width: 46.5em){ .Polaris-SkeletonPage__PrimaryAction{ margin-top:0; } }
|
|
1858
|
+
@media (max-width: 48.0625em) and (min-width: 50em), (min-width: 65em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction{ margin-top:0; } }
|
|
1859
|
+
@media (min-width: 50em){ .Polaris-SkeletonPage__PrimaryAction{ margin-top:0; } }
|
|
1860
|
+
.Polaris-SkeletonPage__Actions{ margin-top:0.8rem; display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; }
|
|
1861
|
+
.Polaris-SkeletonPage__Action{ display:flex; flex-direction:column; justify-content:center; min-height:2.8rem; padding-right:2.4rem; margin-top:-0.4rem; margin-bottom:-0.4rem; padding-top:1.6rem; }
|
|
1862
|
+
.Polaris-SkeletonPage__Action:first-child{ padding-right:0; }
|
|
1863
|
+
@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Action:not(:last-child){ display:none; } }
|
|
1864
|
+
@media (max-width: 46.5em){ .Polaris-SkeletonPage__Action:not(:last-child){ display:none; } }
|
|
1865
|
+
.Polaris-SkeletonThumbnail{ animation:var(--polaris-animation-skeleton-shimmer) 800ms linear infinite alternate; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; position:relative; }
|
|
1866
|
+
.Polaris-SkeletonThumbnail::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; display:block; background-color:var(--p-surface-neutral); border-radius:3px; }
|
|
1867
|
+
@media screen and (-ms-high-contrast: active){ .Polaris-SkeletonThumbnail::after{ background-color:grayText; } }
|
|
1868
|
+
.Polaris-SkeletonThumbnail--sizeSmall{ height:4rem; width:4rem; }
|
|
1869
|
+
.Polaris-SkeletonThumbnail--sizeMedium{ height:6rem; width:6rem; }
|
|
1870
|
+
.Polaris-SkeletonThumbnail--sizeLarge{ height:8rem; width:8rem; }
|
|
1871
|
+
.Polaris-Tabs{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
|
|
1872
|
+
.Polaris-Tabs__Wrapper{ border-bottom:0.1rem solid var(--p-divider); padding:0 0.8rem; }
|
|
1873
|
+
.Polaris-Tabs--fitted{ flex-wrap:nowrap; }
|
|
1874
|
+
.Polaris-Tabs--fitted .Polaris-Tabs__TabContainer{ flex:1 1 100%; }
|
|
1875
|
+
.Polaris-Tabs--fitted .Polaris-Tabs__Title{ width:100%; padding:0.8rem 1.6rem; }
|
|
1876
|
+
.Polaris-Tabs--fillSpace .Polaris-Tabs__TabContainer{ flex:1 1 auto; }
|
|
1877
|
+
.Polaris-Tabs__TabContainer{ display:flex; margin:0; padding:0; }
|
|
1878
|
+
.Polaris-Tabs__Tab{ color:inherit; text-decoration:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; color:var(--p-text-subdued); color:var(--p-text); position:relative; justify-content:center; width:100%; min-width:100%; margin-top:1px; margin-bottom:-1px; padding:0.8rem 0.4rem; outline:none; text-align:center; white-space:nowrap; text-decoration:none; cursor:pointer; }
|
|
1879
|
+
.Polaris-Tabs__Tab:visited{ color:inherit; }
|
|
1880
|
+
.Polaris-Tabs__Tab:focus{ outline:none; }
|
|
1881
|
+
@media (min-width: 40em){ .Polaris-Tabs__Tab{ font-size:1.4rem; } }
|
|
1882
|
+
.Polaris-Tabs__Tab:hover{ text-decoration:none; }
|
|
1883
|
+
.Polaris-Tabs__Tab:hover .Polaris-Tabs__Title{ font-weight:400; color:var(--p-text); background-color:transparent; }
|
|
1884
|
+
.Polaris-Tabs__Tab:hover .Polaris-Tabs__Title::before{ background-color:var(--p-border-hovered); }
|
|
1885
|
+
.Polaris-Tabs__Tab:active .Polaris-Tabs__Title{ background-color:transparent; }
|
|
1886
|
+
.Polaris-Tabs__Tab:active .Polaris-Tabs__Title::before{ background:var(--p-surface-primary-selected-pressed); }
|
|
1887
|
+
.Polaris-Tabs__Tab:focus .Polaris-Tabs__Title{ font-weight:400; color:var(--p-text); }
|
|
1888
|
+
.Polaris-Tabs__Tab:focus:not(:active) .Polaris-Tabs__Title::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1889
|
+
.Polaris-Tabs__Tab--selected{ font-weight:400; color:var(--p-text); }
|
|
1890
|
+
.Polaris-Tabs__Tab--selected:focus .Polaris-Tabs__Title{ outline:0.3rem solid transparent; }
|
|
1891
|
+
.Polaris-Tabs__Tab--selected:focus .Polaris-Tabs__Title::before{ background:var(--p-action-primary); }
|
|
1892
|
+
.Polaris-Tabs__Tab--selected .Polaris-Tabs__Title{ outline:0.3rem solid transparent; color:var(--p-text); }
|
|
1893
|
+
.Polaris-Tabs__Tab--selected .Polaris-Tabs__Title::before{ background:var(--p-action-primary); }
|
|
1894
|
+
.Polaris-Tabs__Title{ position:relative; border-radius:var(--p-border-radius-base); display:block; padding:0.8rem 1.6rem; min-width:5rem; color:var(--p-text-subdued); }
|
|
1895
|
+
.Polaris-Tabs__Title::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1896
|
+
.Polaris-Tabs__Title::before{ content:''; position:absolute; bottom:-0.8rem; left:0; right:0; height:0.3rem; border-top-left-radius:var(--p-border-radius-base); border-top-right-radius:var(--p-border-radius-base); }
|
|
1897
|
+
.Polaris-Tabs--titleWithIcon{ display:flex; }
|
|
1898
|
+
.Polaris-Tabs__Panel{ display:block; }
|
|
1899
|
+
.Polaris-Tabs__Panel:focus{ outline:none; }
|
|
1900
|
+
.Polaris-Tabs__Panel--hidden{ display:none; }
|
|
1901
|
+
.Polaris-Tabs__List{ list-style:none; margin:0; padding:0.8rem; }
|
|
1902
|
+
.Polaris-Tabs__Item{ color:inherit; text-decoration:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; display:block; width:100%; min-height:1.6rem; padding:0.8rem 1.6rem; text-align:left; cursor:pointer; border-radius:var(--p-border-radius-base); }
|
|
1903
|
+
.Polaris-Tabs__Item:visited{ color:inherit; }
|
|
1904
|
+
.Polaris-Tabs__Item:focus{ outline:none; }
|
|
1905
|
+
.Polaris-Tabs__Item::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1906
|
+
.Polaris-Tabs__Item::-moz-focus-inner{ border:none; }
|
|
1907
|
+
.Polaris-Tabs__Item:hover{ background-color:var(--p-surface-hovered); }
|
|
1908
|
+
.Polaris-Tabs__Item:active{ background-color:var(--p-surface-primary-selected-pressed); }
|
|
1909
|
+
.Polaris-Tabs__Item:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1910
|
+
.Polaris-Tabs__DisclosureTab{ display:none; }
|
|
1911
|
+
.Polaris-Tabs__DisclosureTab--visible{ display:flex; }
|
|
1912
|
+
.Polaris-Tabs__DisclosureActivator{ position:relative; height:100%; background-color:transparent; cursor:pointer; border:none; outline:none; margin:1px 1px -1px 0; }
|
|
1913
|
+
.Polaris-Tabs__DisclosureActivator::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1914
|
+
.Polaris-Tabs__DisclosureActivator:hover svg, .Polaris-Tabs__DisclosureActivator:focus svg{ fill:var(--p-icon); }
|
|
1915
|
+
.Polaris-Tabs__DisclosureActivator:focus .Polaris-Tabs__Title::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1916
|
+
.Polaris-Tabs__DisclosureActivator:hover .Polaris-Tabs__Title::before{ background-color:var(--p-border-hovered); }
|
|
1917
|
+
.Polaris-Tabs__TabMeasurer{ display:flex; visibility:hidden; height:0; }
|
|
1918
|
+
.Polaris-Thumbnail{ position:relative; display:block; overflow:hidden; background:var(--p-surface); min-width:4rem; max-width:100%; border-radius:var(--p-border-radius-base); border:0.1rem solid var(--p-divider); }
|
|
1919
|
+
.Polaris-Thumbnail::after{ content:''; display:block; padding-bottom:100%; }
|
|
1920
|
+
.Polaris-Thumbnail--sizeSmall{ width:4rem; }
|
|
1921
|
+
.Polaris-Thumbnail--sizeMedium{ width:6rem; }
|
|
1922
|
+
.Polaris-Thumbnail--sizeLarge{ width:8rem; }
|
|
1923
|
+
.Polaris-Thumbnail > *{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%; color:var(--p-icon-subdued, #637381); }
|
|
1924
|
+
.Polaris-Thumbnail > * svg{ fill:currentColor; }
|
|
1925
|
+
.Polaris-TopBar-SearchDismissOverlay{ position:fixed; top:0; left:0; right:0; z-index:515; height:100%; }
|
|
1926
|
+
.Polaris-TopBar-SearchDismissOverlay--visible{ background-color:transparent; animation:none; }
|
|
1927
|
+
@keyframes Polaris-TopBar-SearchDismissOverlay__fade--in{ 0%{ opacity:0; }
|
|
1928
|
+
100%{ opacity:1; } }
|
|
1929
|
+
.Polaris-TopBar-Search{ position:fixed; visibility:hidden; z-index:516; pointer-events:none; top:5.6rem; left:0; right:0; box-shadow:var(--p-modal-shadow); overflow:hidden; }
|
|
1930
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-TopBar-Search{ position:absolute; top:100%; max-width:58rem; margin:0.4rem 2rem 0; border-radius:var(--p-border-radius-wide); } }
|
|
1931
|
+
@media (min-width: 30.625em){ .Polaris-TopBar-Search{ position:absolute; top:100%; max-width:58rem; margin:0.4rem 2rem 0; border-radius:var(--p-border-radius-wide); } }
|
|
1932
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-TopBar-Search{ margin:0.4rem 3.2rem 0; } }
|
|
1933
|
+
@media (min-width: 46.5em){ .Polaris-TopBar-Search{ margin:0.4rem 3.2rem 0; } }
|
|
1934
|
+
.Polaris-TopBar-Search__SearchContent{ background-color:var(--p-surface); }
|
|
1935
|
+
.Polaris-TopBar-Search--visible{ visibility:initial; pointer-events:all; }
|
|
1936
|
+
.Polaris-TopBar-Search__Results{ position:relative; display:flex; flex-direction:column; max-height:calc(100vh - 5.6rem); margin:0; }
|
|
1937
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-TopBar-Search__Results{ max-height:60vh; } }
|
|
1938
|
+
@media (min-width: 30.625em){ .Polaris-TopBar-Search__Results{ max-height:60vh; } }
|
|
1939
|
+
.Polaris-TopBar-SearchField{ z-index:519; position:relative; display:flex; flex:1 1 auto; align-items:center; border:1px solid transparent; width:100%; max-width:58rem; }
|
|
1940
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Input, .Polaris-TopBar-SearchField__Input:focus{ border:none; color:var(--p-text); }
|
|
1941
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Input::-webkit-input-placeholder, .Polaris-TopBar-SearchField__Input:focus::-webkit-input-placeholder{ color:var(--p-text-subdued); }
|
|
1942
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Input::placeholder, .Polaris-TopBar-SearchField__Input:focus::placeholder{ color:var(--p-text-subdued); }
|
|
1943
|
+
.Polaris-TopBar-SearchField__Input:focus ~ .Polaris-TopBar-SearchField__Backdrop{ background-color:var(--p-surface-search-field); }
|
|
1944
|
+
.Polaris-TopBar-SearchField__Input:focus ~ .Polaris-TopBar-SearchField__Backdrop::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1945
|
+
.Polaris-TopBar-SearchField__Input:focus ~ .Polaris-TopBar-SearchField__BackdropShowFocusBorder{ border:1px solid var(--top-bar-border); }
|
|
1946
|
+
.Polaris-TopBar-SearchField__Input:focus ~ .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-icon); }
|
|
1947
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Backdrop{ background-color:var(--p-surface-search-field); }
|
|
1948
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__BackdropShowFocusBorder{ border:1px solid var(--top-bar-border); }
|
|
1949
|
+
.Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-icon); }
|
|
1950
|
+
.Polaris-TopBar-SearchField__Input{ font-size:1.6rem; font-weight:400; line-height:2.4rem; border:none; text-transform:initial; letter-spacing:initial; z-index:2; height:3.6rem; width:100%; padding:0 0 0 3.6rem; border:none; background-color:transparent; outline:none; color:var(--p-text); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:fill, color; transition:fill 200ms cubic-bezier(0.64, 0, 0.35, 1), color 200ms cubic-bezier(0.64, 0, 0.35, 1); -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; }
|
|
1951
|
+
@media (min-width: 40em){ .Polaris-TopBar-SearchField__Input{ font-size:1.4rem; } }
|
|
1952
|
+
.Polaris-TopBar-SearchField__Input::-webkit-input-placeholder{ color:var(--p-text); -webkit-transition:167ms color cubic-bezier(0.64, 0, 0.35, 1) 33ms; transition:167ms color cubic-bezier(0.64, 0, 0.35, 1) 33ms; }
|
|
1953
|
+
.Polaris-TopBar-SearchField__Input::placeholder{ color:var(--p-text); transition:167ms color cubic-bezier(0.64, 0, 0.35, 1) 33ms; }
|
|
1954
|
+
.Polaris-TopBar-SearchField__Input::-webkit-search-decoration, .Polaris-TopBar-SearchField__Input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
|
|
1955
|
+
.Polaris-TopBar-SearchField__Icon{ position:absolute; z-index:3; top:50%; left:0.8rem; display:flex; height:2rem; pointer-events:none; transform:translateY(-50%); }
|
|
1956
|
+
.Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-icon); }
|
|
1957
|
+
.Polaris-TopBar-SearchField__Icon svg{ transition:167ms fill cubic-bezier(0.64, 0, 0.35, 1) 33ms; }
|
|
1958
|
+
.Polaris-TopBar-SearchField__Clear{ position:relative; position:relative; z-index:3; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent; padding:0.8rem; }
|
|
1959
|
+
.Polaris-TopBar-SearchField__Clear svg{ fill:var(--p-icon); }
|
|
1960
|
+
.Polaris-TopBar-SearchField__Clear::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-wide) + 0.1rem); }
|
|
1961
|
+
.Polaris-TopBar-SearchField__Clear:focus, .Polaris-TopBar-SearchField__Clear:hover{ outline:none; }
|
|
1962
|
+
.Polaris-TopBar-SearchField__Clear:focus svg, .Polaris-TopBar-SearchField__Clear:hover svg{ fill:var(--p-icon-hovered); }
|
|
1963
|
+
.Polaris-TopBar-SearchField__Clear:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1964
|
+
.Polaris-TopBar-SearchField__Clear:active svg{ fill:var(--p-icon-pressed); }
|
|
1965
|
+
.Polaris-TopBar-SearchField__Clear:active::after{ border:none; }
|
|
1966
|
+
.Polaris-TopBar-SearchField__Backdrop{ position:relative; position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background-color:var(--p-surface-search-field, var(--top-bar-background-lighter)); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:background-color; transition:background-color 200ms cubic-bezier(0.64, 0, 0.35, 1); border-radius:var(--p-border-radius-base, 3px); animation:Polaris-TopBar-SearchField--toLightBackground 0.01ms; }
|
|
1967
|
+
.Polaris-TopBar-SearchField__Backdrop::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1968
|
+
@keyframes Polaris-TopBar-SearchField--toLightBackground{ to{ background-color:var(--p-surface-neutral, var(--top-bar-background-lighter)); } }
|
|
1969
|
+
.Polaris-MessageIndicator__MessageIndicatorWrapper{ position:relative; }
|
|
1970
|
+
.Polaris-MessageIndicator{ position:absolute; z-index:1; top:-0.3rem; right:-0.3rem; width:1.2rem; height:1.2rem; border-radius:100%; background-color:var(--p-icon-highlight, #47c1bf); border:solid 0.2rem var(--p-background, var(--top-bar-background)); }
|
|
1971
|
+
.Polaris-Menu-Message__Section{ max-width:32.5rem; margin-top:0.8rem; padding-top:0.8rem; border-top:0.1rem solid var(--p-divider); }
|
|
1972
|
+
.Polaris-TopBar-Menu__ActivatorWrapper{ height:5.6rem; display:flex; align-items:center; }
|
|
1973
|
+
.Polaris-TopBar-Menu__Activator{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; color:var(--p-text, var(--top-bar-color)); position:relative; display:flex; justify-content:center; align-items:center; min-width:3.6rem; padding:0.6rem 0.8rem; border:0; cursor:pointer; transition:background-color 0.1s; margin-right:0.8rem; border-radius:3px; }
|
|
1974
|
+
.Polaris-TopBar-Menu__Activator:focus{ outline:none; }
|
|
1975
|
+
.Polaris-TopBar-Menu__Activator::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1976
|
+
.Polaris-TopBar-Menu__Activator:focus{ background-color:var(--top-bar-background-lighter, var(--p-override-transparent)); outline:none; }
|
|
1977
|
+
.Polaris-TopBar-Menu__Activator:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem solid transparent; }
|
|
1978
|
+
.Polaris-TopBar-Menu__Activator:hover{ background-color:var(--top-bar-background-lighter, var(--p-surface-hovered)); }
|
|
1979
|
+
.Polaris-TopBar-Menu__Activator:active, .Polaris-TopBar-Menu__Activator[aria-expanded='true']{ background-color:var(--top-bar-background-darker, var(--p-surface-pressed)); outline:none; transition:none; }
|
|
1980
|
+
.Polaris-TopBar-Menu__Activator:active::after, .Polaris-TopBar-Menu__Activator[aria-expanded='true']::after{ border:none; }
|
|
1981
|
+
@media (max-width: 48.0525em){ .Polaris-TopBar-Menu__Activator{ margin:0; }
|
|
1982
|
+
.Polaris-TopBar-Menu__Activator:focus, .Polaris-TopBar-Menu__Activator:hover, .Polaris-TopBar-Menu__Activator:active, .Polaris-TopBar-Menu__Activator[aria-expanded='true']{ background-color:transparent; opacity:0.85; } }
|
|
1983
|
+
.Polaris-TopBar-Menu__Section{ margin-top:0.8rem; padding-top:0.8rem; border-top:0.1rem solid var(--p-divider); }
|
|
1984
|
+
.Polaris-TopBar-UserMenu__Details{ max-width:16rem; margin-left:0.8rem; }
|
|
1985
|
+
@media (max-width: 48.0525em){ .Polaris-TopBar-UserMenu__Details{ display:none; } }
|
|
1986
|
+
.Polaris-TopBar-UserMenu__Name{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; font-weight:500; line-height:1.6rem; color:var(--p-text, var(--top-bar-color)); text-align:left; }
|
|
1987
|
+
@media (min-width: 40em){ .Polaris-TopBar-UserMenu__Name{ font-size:1.4rem; } }
|
|
1988
|
+
.Polaris-TopBar-UserMenu__Detail{ font-size:1.3rem; font-weight:400; line-height:2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.7; color:var(--p-text, var(--top-bar-color)); text-align:left; }
|
|
1989
|
+
@media (min-width: 40em){ .Polaris-TopBar-UserMenu__Detail{ font-size:1.2rem; line-height:1.6rem; } }
|
|
1990
|
+
.Polaris-TopBar-UserMenu__Name, .Polaris-TopBar-UserMenu__Detail{ transition:167ms color cubic-bezier(0.64, 0, 0.35, 1) 33ms; }
|
|
1991
|
+
.Polaris-TopBar{ position:relative; display:flex; height:5.6rem; box-shadow:var(--p-top-bar-shadow); background-color:var(--p-surface, var(--top-bar-background)); transition:200ms background-color ease-in-out; }
|
|
1992
|
+
.Polaris-TopBar::after{ content:''; position:absolute; bottom:0; width:100%; border-bottom:1px solid transparent; }
|
|
1993
|
+
.Polaris-TopBar__LogoDisplayControl{ display:none; }
|
|
1994
|
+
@media (min-width: 48.0625em){ .Polaris-TopBar__LogoDisplayControl{ display:flex; } }
|
|
1995
|
+
.Polaris-TopBar__LogoDisplayContainer{ display:flex; }
|
|
1996
|
+
.Polaris-TopBar__LogoContainer{ flex:0 0 24rem; align-items:center; height:100%; padding:0 0.8rem 0 1.6rem; flex-basis:24rem; flex-basis:calc(24rem + constant(safe-area-inset-left)); flex-basis:calc(24rem + env(safe-area-inset-left)); padding-left:1.6rem; padding-left:calc(1.6rem + constant(safe-area-inset-left)); padding-left:calc(1.6rem + env(safe-area-inset-left)); }
|
|
1997
|
+
.Polaris-TopBar__Logo, .Polaris-TopBar__LogoLink{ display:block; }
|
|
1998
|
+
.Polaris-TopBar__ContextControl{ display:none; }
|
|
1999
|
+
@media (min-width: 48.0625em){ .Polaris-TopBar__ContextControl{ width:24rem; display:block; } }
|
|
2000
|
+
@media (min-width: 87.5em){ .Polaris-TopBar__ContextControl{ width:24rem; } }
|
|
2001
|
+
.Polaris-TopBar__NavigationIcon{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; align-self:center; margin-left:1rem; margin-right:0.8rem; padding:0.8rem; border-radius:3px; fill:var(--p-icon, var(--top-bar-color)); transition:167ms fill cubic-bezier(0.64, 0, 0.35, 1) 33ms; }
|
|
2002
|
+
.Polaris-TopBar__NavigationIcon:focus{ outline:none; }
|
|
2003
|
+
.Polaris-TopBar__NavigationIcon.Polaris-TopBar--focused{ background-color:var(--p-override-transparent); }
|
|
2004
|
+
.Polaris-TopBar__NavigationIcon.Polaris-TopBar--focused:active{ background-color:var(--p-surface-pressed); }
|
|
2005
|
+
.Polaris-TopBar__NavigationIcon:hover{ background-color:var(--p-surface-hovered); }
|
|
2006
|
+
.Polaris-TopBar__NavigationIcon::after{ content:''; position:absolute; top:-0.8rem; left:-0.8rem; width:calc(100% + 2rem); height:calc(100% + 2rem); }
|
|
2007
|
+
@media (min-width: 48.0625em){ .Polaris-TopBar__NavigationIcon{ display:none; } }
|
|
2008
|
+
.Polaris-TopBar__Contents{ z-index:10; display:flex; flex:1 1 auto; align-items:center; justify-content:flex-end; height:100%; }
|
|
2009
|
+
@media (min-width: 42.5em){ .Polaris-TopBar__Contents{ position:relative; } }
|
|
2010
|
+
.Polaris-TopBar__SearchField{ margin:0 auto; padding:0; max-width:99.8rem; position:relative; width:100%; margin:0; max-width:none; margin-left:calc((100% - 99.8rem)/2); }
|
|
2011
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-TopBar__SearchField{ padding:0 2rem; } }
|
|
2012
|
+
@media (min-width: 30.625em){ .Polaris-TopBar__SearchField{ padding:0 2rem; } }
|
|
2013
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-TopBar__SearchField{ padding:0 3.2rem; } }
|
|
2014
|
+
@media (min-width: 46.5em){ .Polaris-TopBar__SearchField{ padding:0 3.2rem; } }
|
|
2015
|
+
@media (max-width: 1238px){ .Polaris-TopBar__SearchField{ margin-left:0; margin-right:0.4rem; } }
|
|
2016
|
+
.Polaris-TopBar__SecondaryMenu svg{ fill:var(--p-icon, var(--top-bar-color)); color:transparent; }
|
|
2017
|
+
.Polaris-VideoThumbnail__Thumbnail{ position:relative; padding-bottom:56.25%; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100%; }
|
|
2018
|
+
.Polaris-VideoThumbnail__Thumbnail.Polaris-VideoThumbnail__WithPlayer{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; padding-bottom:auto; }
|
|
2019
|
+
.Polaris-VideoThumbnail__PlayButton{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0; border:none; background:transparent; opacity:0.8; transition:opacity 0.2s ease-in; cursor:pointer; }
|
|
2020
|
+
.Polaris-VideoThumbnail__PlayButton:hover, .Polaris-VideoThumbnail__PlayButton:focus{ opacity:1; }
|
|
2021
|
+
.Polaris-VideoThumbnail__PlayButton:focus{ outline:none; box-shadow:inset 0.2rem 0 0 var(--p-focused); background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
|
|
2022
|
+
.Polaris-VideoThumbnail__PlayIcon{ position:absolute; top:50%; left:50%; width:6rem; height:6rem; margin-top:-3rem; margin-left:-3rem; }
|
|
2023
|
+
.Polaris-VideoThumbnail__Timestamp{ position:absolute; bottom:0; padding:0 0.4rem; margin-bottom:0.8rem; margin-left:0.8rem; border-radius:var(--p-border-radius-base); color:var(--p-text); background-color:var(--p-surface); opacity:0.8; text-align:center; }
|
|
2024
|
+
.Polaris-VideoThumbnail--withProgress{ margin-bottom:1.2rem; }
|
|
2025
|
+
.Polaris-VideoThumbnail__Progress{ position:absolute; bottom:0; width:100%; background-color:var(--p-surface); height:0.6rem; overflow:hidden; }
|
|
2026
|
+
.Polaris-VideoThumbnail__Indicator{ height:inherit; width:100%; transform-origin:left; transform:scaleX(0); background-color:var(--p-border-highlight); transition:transform 500ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
2027
|
+
.Polaris-VideoThumbnail__ProgressBar, .Polaris-VideoThumbnail__Label{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }
|
|
1
2028
|
.shp-Navigation {
|
|
2
2029
|
margin: 0 auto;
|
|
3
2030
|
padding: 0 2rem;
|
|
@@ -5,50 +2032,42 @@
|
|
|
5
2032
|
max-width: none;
|
|
6
2033
|
border-bottom: .1rem solid var(--p-border-subdued)
|
|
7
2034
|
}
|
|
8
|
-
|
|
9
|
-
@media (max-width: 48.0625em) and (min-width: 30.625em),(min-width: 45.625em) {
|
|
2035
|
+
@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em) {
|
|
10
2036
|
.shp-Navigation {
|
|
11
2037
|
padding: 0 2rem
|
|
12
2038
|
}
|
|
13
2039
|
}
|
|
14
|
-
|
|
15
2040
|
@media (min-width: 30.625em) {
|
|
16
2041
|
.shp-Navigation {
|
|
17
2042
|
padding: 0 2rem
|
|
18
2043
|
}
|
|
19
2044
|
}
|
|
20
|
-
|
|
21
|
-
@media (max-width: 48.0625em) and (min-width: 46.5em),(min-width: 61.5em) {
|
|
2045
|
+
@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em) {
|
|
22
2046
|
.shp-Navigation {
|
|
23
2047
|
padding: 0 3.2rem
|
|
24
2048
|
}
|
|
25
2049
|
}
|
|
26
|
-
|
|
27
2050
|
@media (min-width: 46.5em) {
|
|
28
2051
|
.shp-Navigation {
|
|
29
2052
|
padding: 0 3.2rem
|
|
30
2053
|
}
|
|
31
2054
|
}
|
|
32
|
-
|
|
33
2055
|
@media (max-width: 30.5625em) {
|
|
34
2056
|
.shp-Navigation {
|
|
35
2057
|
padding: 0 1.6rem
|
|
36
2058
|
}
|
|
37
2059
|
}
|
|
38
|
-
|
|
39
2060
|
.shp-Navigation_Items {
|
|
40
2061
|
display: flex;
|
|
41
2062
|
margin: 0;
|
|
42
2063
|
padding: 0 .2rem;
|
|
43
2064
|
list-style: none
|
|
44
2065
|
}
|
|
45
|
-
|
|
46
2066
|
.shp-Navigation_Item {
|
|
47
2067
|
display: flex;
|
|
48
2068
|
margin: 0;
|
|
49
2069
|
padding: 0
|
|
50
2070
|
}
|
|
51
|
-
|
|
52
2071
|
.shp-Navigation_Link {
|
|
53
2072
|
color: inherit;
|
|
54
2073
|
-webkit-appearance: none;
|
|
@@ -80,56 +2099,45 @@
|
|
|
80
2099
|
text-decoration: none;
|
|
81
2100
|
cursor: pointer
|
|
82
2101
|
}
|
|
83
|
-
|
|
84
2102
|
.shp-Navigation_Link:visited {
|
|
85
2103
|
color: inherit
|
|
86
2104
|
}
|
|
87
|
-
|
|
88
2105
|
.shp-Navigation_Link:focus {
|
|
89
2106
|
outline: none
|
|
90
2107
|
}
|
|
91
|
-
|
|
92
2108
|
@media (min-width: 40em) {
|
|
93
2109
|
.shp-Navigation_Link {
|
|
94
2110
|
font-size: 1.4rem
|
|
95
2111
|
}
|
|
96
2112
|
}
|
|
97
|
-
|
|
98
2113
|
.shp-Navigation_Link:hover {
|
|
99
2114
|
text-decoration: none
|
|
100
2115
|
}
|
|
101
|
-
|
|
102
2116
|
.shp-Navigation_Link:hover .shp-Navigation_LinkText {
|
|
103
2117
|
font-weight: 400;
|
|
104
2118
|
color: var(--p-text);
|
|
105
2119
|
text-decoration: none;
|
|
106
2120
|
border-bottom: .3rem solid var(--p-action-primary)
|
|
107
2121
|
}
|
|
108
|
-
|
|
109
2122
|
.shp-Navigation_Link:focus {
|
|
110
2123
|
box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
|
|
111
2124
|
}
|
|
112
|
-
|
|
113
2125
|
.shp-Navigation_Link:focus .shp-Navigation_LinkText {
|
|
114
2126
|
font-weight: 400;
|
|
115
2127
|
color: var(--p-text)
|
|
116
2128
|
}
|
|
117
|
-
|
|
118
2129
|
.shp-Navigation_LinkText {
|
|
119
2130
|
padding: 1.6rem 0 1.3rem 0;
|
|
120
2131
|
border-bottom: .3rem solid transparent
|
|
121
2132
|
}
|
|
122
|
-
|
|
123
2133
|
.shp-Navigation_LinkText {
|
|
124
2134
|
display: block;
|
|
125
2135
|
}
|
|
126
|
-
|
|
127
2136
|
[aria-selected='true'],
|
|
128
2137
|
.shp-Navigation_Link:focus .shp-Navigation_LinkText {
|
|
129
2138
|
font-weight: 400;
|
|
130
2139
|
color: var(--p-text)
|
|
131
2140
|
}
|
|
132
|
-
|
|
133
2141
|
[aria-selected='true'] .shp-Navigation_LinkText {
|
|
134
2142
|
color: var(--p-action-primary);
|
|
135
2143
|
border-bottom: .3rem solid var(--p-action-primary)
|