@vue-interface/select-field 0.13.0 → 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{index.js → dist/index.d.ts} +1 -4
- package/dist/select-field.mjs +825 -0
- package/dist/select-field.mjs.map +1 -0
- package/dist/select-field.umd.js +2 -15
- package/dist/select-field.umd.js.map +1 -0
- package/dist/src/SelectField.vue.d.ts +284 -0
- package/dist/style.css +1 -0
- package/package.json +25 -13
- package/dist/select-field.css +0 -1
- package/dist/select-field.es.js +0 -803
- package/src/SelectField.vue +0 -240
|
@@ -0,0 +1,284 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* The default class name assigned to the control element
|
|
4
|
+
*
|
|
5
|
+
* @param {String}
|
|
6
|
+
* @default 'form-select'
|
|
7
|
+
*/
|
|
8
|
+
defaultControlClass: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
}, unknown, unknown, {
|
|
13
|
+
controlClass(): any;
|
|
14
|
+
}, {
|
|
15
|
+
shouldChangeOnFocus(): false;
|
|
16
|
+
}, import("vue").DefineComponent<{
|
|
17
|
+
activity: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
animated: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: () => any;
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* The default class name assigned to the control element
|
|
27
|
+
*
|
|
28
|
+
* @param {String}
|
|
29
|
+
* @default 'form-select'
|
|
30
|
+
*/
|
|
31
|
+
nativeEvents: {
|
|
32
|
+
type: ArrayConstructor;
|
|
33
|
+
default(): string[];
|
|
34
|
+
};
|
|
35
|
+
defaultControlClass: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: () => any;
|
|
38
|
+
};
|
|
39
|
+
error: {
|
|
40
|
+
type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
errors: {
|
|
44
|
+
type: (BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
|
|
45
|
+
default(): {};
|
|
46
|
+
};
|
|
47
|
+
feedback: {
|
|
48
|
+
type: (StringConstructor | ArrayConstructor)[];
|
|
49
|
+
default: undefined;
|
|
50
|
+
};
|
|
51
|
+
group: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: () => any;
|
|
54
|
+
};
|
|
55
|
+
helpText: {
|
|
56
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
57
|
+
default: undefined;
|
|
58
|
+
};
|
|
59
|
+
hideLabel: BooleanConstructor;
|
|
60
|
+
indicator: {
|
|
61
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
62
|
+
default: () => any;
|
|
63
|
+
};
|
|
64
|
+
indicatorSize: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: undefined;
|
|
67
|
+
};
|
|
68
|
+
inline: BooleanConstructor;
|
|
69
|
+
invalid: BooleanConstructor;
|
|
70
|
+
label: {
|
|
71
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
labelClass: {
|
|
75
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
76
|
+
default: () => any;
|
|
77
|
+
};
|
|
78
|
+
modelValue: {
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
81
|
+
pill: BooleanConstructor;
|
|
82
|
+
plaintext: BooleanConstructor;
|
|
83
|
+
size: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
default: undefined;
|
|
86
|
+
};
|
|
87
|
+
spacing: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
default: undefined;
|
|
90
|
+
};
|
|
91
|
+
valid: BooleanConstructor;
|
|
92
|
+
}, unknown, {
|
|
93
|
+
defaultEmpty: boolean;
|
|
94
|
+
hasChanged: boolean;
|
|
95
|
+
hasFocus: boolean;
|
|
96
|
+
isEmpty: boolean;
|
|
97
|
+
}, {
|
|
98
|
+
id(): any;
|
|
99
|
+
componentName(): any;
|
|
100
|
+
controlAttributes(): {
|
|
101
|
+
[k: string]: unknown;
|
|
102
|
+
};
|
|
103
|
+
controlClass(): any;
|
|
104
|
+
controlSizeClass(): string;
|
|
105
|
+
formGroupClasses(): {
|
|
106
|
+
[x: number]: boolean;
|
|
107
|
+
animated: any;
|
|
108
|
+
'default-empty': any;
|
|
109
|
+
'form-group': any;
|
|
110
|
+
'has-activity': any;
|
|
111
|
+
'has-changed': any;
|
|
112
|
+
'has-focus': any;
|
|
113
|
+
'has-icon': boolean;
|
|
114
|
+
'is-empty': any;
|
|
115
|
+
'is-invalid': boolean;
|
|
116
|
+
'is-valid': boolean;
|
|
117
|
+
} & (false | {
|
|
118
|
+
[x: string]: boolean;
|
|
119
|
+
});
|
|
120
|
+
controlClasses(): any;
|
|
121
|
+
hasDefaultSlot(): boolean;
|
|
122
|
+
invalidFeedback(): any;
|
|
123
|
+
pillClasses(): "rounded rounded-pill";
|
|
124
|
+
plaintextClass(): "form-control-plaintext";
|
|
125
|
+
validFeedback(): any;
|
|
126
|
+
}, {
|
|
127
|
+
bindEvents(el: HTMLOptionElement | HTMLSelectElement, fn: Function): void;
|
|
128
|
+
blur(): void;
|
|
129
|
+
focus(): void;
|
|
130
|
+
getInputField(): any;
|
|
131
|
+
getFieldErrors(): any;
|
|
132
|
+
shouldChangeOnFocus(): boolean;
|
|
133
|
+
onInput(value: any): void;
|
|
134
|
+
}, import("vue").DefineComponent<{
|
|
135
|
+
dropShadow: {
|
|
136
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
137
|
+
default: undefined;
|
|
138
|
+
};
|
|
139
|
+
dropShadowableClassPrefix: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
shadow: {
|
|
144
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
145
|
+
default: undefined;
|
|
146
|
+
};
|
|
147
|
+
shadowableClassPrefix: {
|
|
148
|
+
type: StringConstructor;
|
|
149
|
+
default: string;
|
|
150
|
+
};
|
|
151
|
+
}, unknown, unknown, {
|
|
152
|
+
shadowableClass(): {
|
|
153
|
+
[x: string]: boolean;
|
|
154
|
+
};
|
|
155
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
156
|
+
dropShadow: {
|
|
157
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
158
|
+
default: undefined;
|
|
159
|
+
};
|
|
160
|
+
dropShadowableClassPrefix: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
shadow: {
|
|
165
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
166
|
+
default: undefined;
|
|
167
|
+
};
|
|
168
|
+
shadowableClassPrefix: {
|
|
169
|
+
type: StringConstructor;
|
|
170
|
+
default: string;
|
|
171
|
+
};
|
|
172
|
+
}>>, {
|
|
173
|
+
shadow: string | boolean;
|
|
174
|
+
dropShadow: string | boolean;
|
|
175
|
+
dropShadowableClassPrefix: string;
|
|
176
|
+
shadowableClassPrefix: string;
|
|
177
|
+
}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
178
|
+
activity: {
|
|
179
|
+
type: BooleanConstructor;
|
|
180
|
+
default: boolean;
|
|
181
|
+
};
|
|
182
|
+
animated: {
|
|
183
|
+
type: BooleanConstructor;
|
|
184
|
+
default: () => any;
|
|
185
|
+
};
|
|
186
|
+
nativeEvents: {
|
|
187
|
+
type: ArrayConstructor;
|
|
188
|
+
default(): string[];
|
|
189
|
+
};
|
|
190
|
+
defaultControlClass: {
|
|
191
|
+
type: StringConstructor;
|
|
192
|
+
default: () => any;
|
|
193
|
+
};
|
|
194
|
+
error: {
|
|
195
|
+
type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
|
|
196
|
+
default: undefined;
|
|
197
|
+
};
|
|
198
|
+
errors: {
|
|
199
|
+
type: (BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
|
|
200
|
+
default(): {};
|
|
201
|
+
};
|
|
202
|
+
feedback: {
|
|
203
|
+
type: (StringConstructor | ArrayConstructor)[];
|
|
204
|
+
default: undefined;
|
|
205
|
+
};
|
|
206
|
+
group: {
|
|
207
|
+
type: BooleanConstructor;
|
|
208
|
+
default: () => any;
|
|
209
|
+
};
|
|
210
|
+
helpText: {
|
|
211
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
212
|
+
default: undefined;
|
|
213
|
+
};
|
|
214
|
+
hideLabel: BooleanConstructor;
|
|
215
|
+
indicator: {
|
|
216
|
+
type: (BooleanConstructor | StringConstructor)[];
|
|
217
|
+
default: () => any;
|
|
218
|
+
};
|
|
219
|
+
indicatorSize: {
|
|
220
|
+
type: StringConstructor;
|
|
221
|
+
default: undefined;
|
|
222
|
+
};
|
|
223
|
+
inline: BooleanConstructor;
|
|
224
|
+
invalid: BooleanConstructor;
|
|
225
|
+
label: {
|
|
226
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
227
|
+
default: undefined;
|
|
228
|
+
};
|
|
229
|
+
labelClass: {
|
|
230
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
231
|
+
default: () => any;
|
|
232
|
+
};
|
|
233
|
+
modelValue: {
|
|
234
|
+
default: undefined;
|
|
235
|
+
};
|
|
236
|
+
pill: BooleanConstructor;
|
|
237
|
+
plaintext: BooleanConstructor;
|
|
238
|
+
size: {
|
|
239
|
+
type: StringConstructor;
|
|
240
|
+
default: undefined;
|
|
241
|
+
};
|
|
242
|
+
spacing: {
|
|
243
|
+
type: StringConstructor;
|
|
244
|
+
default: undefined;
|
|
245
|
+
};
|
|
246
|
+
valid: BooleanConstructor;
|
|
247
|
+
}>>, {
|
|
248
|
+
activity: boolean;
|
|
249
|
+
animated: boolean;
|
|
250
|
+
nativeEvents: unknown[];
|
|
251
|
+
defaultControlClass: string;
|
|
252
|
+
error: string | boolean | unknown[];
|
|
253
|
+
errors: boolean | unknown[] | Record<string, any>;
|
|
254
|
+
feedback: string | unknown[];
|
|
255
|
+
group: boolean;
|
|
256
|
+
helpText: string | number;
|
|
257
|
+
hideLabel: boolean;
|
|
258
|
+
indicator: string | boolean;
|
|
259
|
+
indicatorSize: string;
|
|
260
|
+
inline: boolean;
|
|
261
|
+
invalid: boolean;
|
|
262
|
+
label: string | number;
|
|
263
|
+
labelClass: string | Record<string, any>;
|
|
264
|
+
modelValue: undefined;
|
|
265
|
+
pill: boolean;
|
|
266
|
+
plaintext: boolean;
|
|
267
|
+
size: string;
|
|
268
|
+
spacing: string;
|
|
269
|
+
valid: boolean;
|
|
270
|
+
}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
271
|
+
/**
|
|
272
|
+
* The default class name assigned to the control element
|
|
273
|
+
*
|
|
274
|
+
* @param {String}
|
|
275
|
+
* @default 'form-select'
|
|
276
|
+
*/
|
|
277
|
+
defaultControlClass: {
|
|
278
|
+
type: StringConstructor;
|
|
279
|
+
default: string;
|
|
280
|
+
};
|
|
281
|
+
}>>, {
|
|
282
|
+
defaultControlClass: string;
|
|
283
|
+
}>;
|
|
284
|
+
export default _sfc_main;
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.select-field,.select-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.select-field .activity-indicator{position:absolute;right:1.25em;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.select-field .activity-indicator-xs{font-size:.5em;right:2em}.select-field.has-activity .form-control-xs{padding-right:3.75em}.select-field .activity-indicator-sm{font-size:.5em;right:2em}.select-field.has-activity .form-control-sm{padding-right:3em}.select-field .activity-indicator-md{font-size:.666em}.select-field.has-activity .form-control-md{padding-right:3em}.select-field .activity-indicator-lg{font-size:.75em}.select-field.has-activity .form-control-lg{padding-right:3em}.select-field .activity-indicator-xl{font-size:1em}.select-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.select-field.is-valid .valid-feedback,.select-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.select-field .form-control-icon{padding-left:2em}.select-field .form-group-inner-icon{position:absolute;top:50%;left:.666em;width:1rem;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-sm .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:.75em;font-size:1.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-lg .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1.25em;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field .activity-indicator{opacity:1}.select-field .select-field-fade-enter,.select-field .select-field-fade-leave-to{opacity:0}
|
package/package.json
CHANGED
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vue-interface/select-field",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0-beta.1",
|
|
4
4
|
"description": "A Vue select field component.",
|
|
5
5
|
"files": [
|
|
6
|
-
"
|
|
7
|
-
"dist",
|
|
8
|
-
"src"
|
|
6
|
+
"dist"
|
|
9
7
|
],
|
|
10
8
|
"main": "./dist/select-field.umd.js",
|
|
11
|
-
"module": "./
|
|
9
|
+
"module": "./dist/select-field.js",
|
|
10
|
+
"style": "./dist/style.css",
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/select-field.js",
|
|
15
|
+
"require": "./dist/select-field.umd.js",
|
|
16
|
+
"types": "./dist/index.d.ts"
|
|
17
|
+
},
|
|
18
|
+
"./dist/style.css": "./dist/style.css"
|
|
19
|
+
},
|
|
12
20
|
"browserslist": "last 2 versions, > 0.5%, ie >= 11",
|
|
13
21
|
"scripts": {
|
|
14
22
|
"dev": "vite",
|
|
@@ -39,22 +47,26 @@
|
|
|
39
47
|
},
|
|
40
48
|
"homepage": "https://github.com/vue-interface/select-field/docs#readme",
|
|
41
49
|
"dependencies": {
|
|
42
|
-
"@vue-interface/activity-indicator": "^
|
|
43
|
-
"@vue-interface/form-control": "^0.
|
|
44
|
-
|
|
50
|
+
"@vue-interface/activity-indicator": "^2.0.0-beta.0",
|
|
51
|
+
"@vue-interface/form-control": "^1.0.0-beta.0"
|
|
52
|
+
},
|
|
53
|
+
"peerDependencies": {
|
|
54
|
+
"vue": "^3.0.0"
|
|
45
55
|
},
|
|
46
56
|
"devDependencies": {
|
|
47
|
-
"@rollup/plugin-babel": "^
|
|
57
|
+
"@rollup/plugin-babel": "^6.0.3",
|
|
58
|
+
"@vitejs/plugin-vue": "^3.0.1",
|
|
48
59
|
"autoprefixer": "^10.4.2",
|
|
49
60
|
"babel-eslint": "^10.1.0",
|
|
50
61
|
"babel-preset-vue": "^2.0.2",
|
|
51
62
|
"change-case": "^4.1.2",
|
|
52
|
-
"eslint": "^
|
|
53
|
-
"eslint-plugin-vue": "^
|
|
63
|
+
"eslint": "^8.29.0",
|
|
64
|
+
"eslint-plugin-vue": "^9.8.0",
|
|
54
65
|
"pascalcase": "^2.0.0",
|
|
55
66
|
"postcss": "^8.4.6",
|
|
56
67
|
"tailwindcss": "^3.0.18",
|
|
57
|
-
"vite": "^
|
|
58
|
-
"vite-plugin-
|
|
68
|
+
"vite": "^3.0.0",
|
|
69
|
+
"vite-plugin-dts": "^1.7.1",
|
|
70
|
+
"vue": "^3.2.37"
|
|
59
71
|
}
|
|
60
72
|
}
|
package/dist/select-field.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.activity-indicator-label{margin-top:.75rem;text-align:center}.activity-indicator-xs{font-size:.5rem}.activity-indicator-sm{font-size:.75rem}.activity-indicator-md{font-size:1rem}.activity-indicator-lg{font-size:1.25rem}.activity-indicator-xl{font-size:1.75rem}.activity-indicator-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.activity-indicator-absolute{position:absolute;width:100%;height:100%;top:0;left:0}.activity-indicator-chase{width:2.5em;height:2.5em;position:relative;-webkit-animation:activity-indicator-chase 2.5s infinite linear both;animation:activity-indicator-chase 2.5s infinite linear both}.activity-indicator-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:activity-indicator-chase-dot 2s infinite ease-in-out both;animation:activity-indicator-chase-dot 2s infinite ease-in-out both}.activity-indicator-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-chase-dot-before 2s infinite ease-in-out both;animation:activity-indicator-chase-dot-before 2s infinite ease-in-out both}.activity-indicator-chase-dot:nth-child(1){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-chase-dot:nth-child(1):before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes activity-indicator-chase{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-chase{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-chase-dot{80%,to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-chase-dot{80%,to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}to,0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes activity-indicator-chase-dot-before{50%{-webkit-transform:scale(.4);transform:scale(.4)}to,0%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-circle-fade{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-fade .activity-indicator-circle{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-fade .activity-indicator-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:activity-indicator-circle-fade 1.2s infinite ease-in-out both;animation:activity-indicator-circle-fade 1.2s infinite ease-in-out both}.activity-indicator-circle-fade .activity-indicator-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-fade .activity-indicator-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-fade .activity-indicator-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-fade .activity-indicator-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-fade .activity-indicator-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-fade .activity-indicator-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-fade .activity-indicator-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-fade .activity-indicator-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-fade .activity-indicator-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-fade .activity-indicator-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-fade .activity-indicator-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-fade .activity-indicator-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-fade .activity-indicator-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-fade .activity-indicator-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-fade .activity-indicator-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-fade .activity-indicator-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-fade .activity-indicator-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-fade .activity-indicator-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-fade .activity-indicator-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-fade .activity-indicator-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-fade .activity-indicator-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-fade .activity-indicator-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-circle-fade{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-circle-orbit{width:2.5em;height:2.5em;position:relative;text-align:center;-webkit-animation:activity-indicator-circle-orbit-rotate 2s infinite linear;animation:activity-indicator-circle-orbit-rotate 2s infinite linear}.activity-indicator-circle-orbit-dot1,.activity-indicator-circle-orbit-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-orbit-bounce 2s infinite ease-in-out;animation:activity-indicator-circle-orbit-bounce 2s infinite ease-in-out}.activity-indicator-circle-orbit-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-circle-orbit-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes activity-indicator-circle-orbit-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes activity-indicator-circle-orbit-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-circle-orbit-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-circle-trail{width:2.5em;height:2.5em;position:relative}.activity-indicator-circle-trail .activity-indicator-child{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-circle-trail .activity-indicator-child:before{content:"";display:block;margin:0 auto;width:.4em;height:.4em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-circle-trail 1.2s infinite ease-in-out both;animation:activity-indicator-circle-trail 1.2s infinite ease-in-out both}.activity-indicator-circle-trail .activity-indicator-circle-trail2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-circle-trail .activity-indicator-circle-trail2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-circle-trail .activity-indicator-circle-trail3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-circle-trail .activity-indicator-circle-trail4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-circle-trail .activity-indicator-circle-trail5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-circle-trail .activity-indicator-circle-trail6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-circle-trail .activity-indicator-circle-trail7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-circle-trail .activity-indicator-circle-trail8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-circle-trail .activity-indicator-circle-trail9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-circle-trail .activity-indicator-circle-trail10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-circle-trail .activity-indicator-circle-trail11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-circle-trail .activity-indicator-circle-trail12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes activity-indicator-circle-trail{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-dots{font-size:1em;position:relative}.activity-indicator-dots>div{width:1em;height:1em;background-color:currentColor;border-radius:100%;display:inline-block;-webkit-animation:activity-indicator-dots 1.4s infinite ease-in-out both;animation:activity-indicator-dots 1.4s infinite ease-in-out both}.activity-indicator-dots>div:not(:last-child){margin-right:.2em}.activity-indicator-dots .activity-indicator-dots-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.activity-indicator-dots .activity-indicator-dots-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes activity-indicator-dots{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.activity-indicator-double-pulse{width:2.5em;height:2.5em;position:relative}.activity-indicator-double-pulse-bounce1,.activity-indicator-double-pulse-bounce2{width:100%;height:100%;border-radius:50%;background-color:currentColor;opacity:.66;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-double-pulse 2s infinite ease-in-out;animation:activity-indicator-double-pulse 2s infinite ease-in-out}.activity-indicator-double-pulse-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes activity-indicator-double-pulse{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes activity-indicator-double-pulse{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.activity-indicator-facebook{height:4em}.activity-indicator-facebook>div{background-color:#333;height:100%;width:6px;margin-right:2px;display:inline-block;-webkit-animation:activity-indicator-facebook 1.2s infinite ease-in-out;animation:activity-indicator-facebook 1.2s infinite ease-in-out}.activity-indicator-facebook .activity-indicator-facebook-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-facebook .activity-indicator-facebook-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-facebook .activity-indicator-facebook-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-facebook .activity-indicator-facebook-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes activity-indicator-facebook{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes activity-indicator-facebook{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.activity-indicator-grid{width:2.5em;height:2.5em}.activity-indicator-grid .activity-indicator-grid{width:33%;height:33%;background-color:currentColor;float:left;-webkit-animation:activity-indicator-grid 1.3s infinite ease-in-out;animation:activity-indicator-grid 1.3s infinite ease-in-out}.activity-indicator-grid .activity-indicator-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}.activity-indicator-grid .activity-indicator-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}.activity-indicator-grid .activity-indicator-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-grid .activity-indicator-grid7{-webkit-animation-delay:0s;animation-delay:0s}.activity-indicator-grid .activity-indicator-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}.activity-indicator-grid .activity-indicator-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scale(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale(0)}}@keyframes activity-indicator-grid{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scale(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale(0)}}.activity-indicator-pulse{width:2.5em;height:2.5em;background-color:currentColor;border-radius:100%;-webkit-animation:activity-indicator-pulse 1s infinite ease-in-out;animation:activity-indicator-pulse 1s infinite ease-in-out}@-webkit-keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes activity-indicator-pulse{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.activity-indicator-spinner{width:2.5em;height:2.5em;position:relative}.activity-indicator-spinner .activity-indicator-spinner{width:100%;height:100%;position:absolute;left:0;top:0}.activity-indicator-spinner .activity-indicator-spinner:before{content:"";display:block;margin:0 auto;width:10%;height:33.333%;background-color:currentColor;-webkit-animation:activity-indicator-spinner 1.2s infinite ease-in-out both;animation:activity-indicator-spinner 1.2s infinite ease-in-out both}.activity-indicator-spinner .activity-indicator-spinner2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.activity-indicator-spinner .activity-indicator-spinner3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.activity-indicator-spinner .activity-indicator-spinner4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.activity-indicator-spinner .activity-indicator-spinner5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.activity-indicator-spinner .activity-indicator-spinner6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.activity-indicator-spinner .activity-indicator-spinner7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.activity-indicator-spinner .activity-indicator-spinner8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.activity-indicator-spinner .activity-indicator-spinner9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.activity-indicator-spinner .activity-indicator-spinner10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.activity-indicator-spinner .activity-indicator-spinner11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.activity-indicator-spinner .activity-indicator-spinner12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.activity-indicator-spinner .activity-indicator-spinner2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.activity-indicator-spinner .activity-indicator-spinner3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.activity-indicator-spinner .activity-indicator-spinner4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.activity-indicator-spinner .activity-indicator-spinner5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.activity-indicator-spinner .activity-indicator-spinner6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.activity-indicator-spinner .activity-indicator-spinner7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.activity-indicator-spinner .activity-indicator-spinner8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.activity-indicator-spinner .activity-indicator-spinner9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.activity-indicator-spinner .activity-indicator-spinner10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.activity-indicator-spinner .activity-indicator-spinner11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.activity-indicator-spinner .activity-indicator-spinner12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes activity-indicator-spinner{0%,39%,to{opacity:0}40%{opacity:1}}.activity-indicator-spotify{width:2em;height:2em;border-radius:50%;background:conic-gradient(white,black);position:relative;-webkit-animation:activity-indicator-spotify 1.4s linear infinite;animation:activity-indicator-spotify 1.4s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}.activity-indicator-spotify:after{background:white;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes activity-indicator-spotify{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes activity-indicator-spotify{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.activity-indicator-square{width:2.5em;height:2.5em;background-color:currentColor;-webkit-animation:activity-indicator-square 1.2s infinite ease-in-out;animation:activity-indicator-square 1.2s infinite ease-in-out}@-webkit-keyframes activity-indicator-square{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes activity-indicator-square{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.activity-indicator-square-fold{margin:1em;width:2.5em;height:2.5em;position:relative;-webkit-transform:rotateZ(45deg);transform:rotate(45deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1)}.activity-indicator-square-fold .activity-indicator-square-fold-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:activity-indicator-square-fold 2.4s infinite linear both;animation:activity-indicator-square-fold 2.4s infinite linear both;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.activity-indicator-square-fold .activity-indicator-square-fold-square2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotate(90deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotate(180deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotate(270deg)}.activity-indicator-square-fold .activity-indicator-square-fold-square2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.activity-indicator-square-fold .activity-indicator-square-fold-square3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.activity-indicator-square-fold .activity-indicator-square-fold-square4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes activity-indicator-square-fold{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0);opacity:1}90%,to{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.activity-indicator-square-orbit{margin:.5em;width:3em;height:3em;position:relative}.activity-indicator-square-orbit-cube1,.activity-indicator-square-orbit-cube2{background-color:#333;width:1em;height:1em;position:absolute;top:0;left:0;-webkit-animation:activity-indicator-square-orbit 1.8s infinite ease-in-out;animation:activity-indicator-square-orbit 1.8s infinite ease-in-out}.activity-indicator-square-orbit-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes activity-indicator-square-orbit{25%{-webkit-transform:translateX(2em) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(2em) translateY(2em) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(2em) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-360deg)}}@keyframes activity-indicator-square-orbit{25%{transform:translate(2em) rotate(-90deg) scale(.5);-webkit-transform:translateX(2em) rotate(-90deg) scale(.5)}50%{transform:translate(2em) translateY(2em) rotate(-179deg);-webkit-transform:translateX(2em) translateY(2em) rotate(-179deg)}50.1%{transform:translate(2em) translateY(2em) rotate(-180deg);-webkit-transform:translateX(2em) translateY(2em) rotate(-180deg)}75%{transform:translate(0) translateY(2em) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(2em) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.select-field,.select-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.select-field .activity-indicator{position:absolute;right:1.25em;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.select-field .activity-indicator-xs{font-size:.5em;right:2em}.select-field.has-activity .form-control-xs{padding-right:3.75em}.select-field .activity-indicator-sm{font-size:.5em;right:2em}.select-field.has-activity .form-control-sm{padding-right:3em}.select-field .activity-indicator-md{font-size:.666em}.select-field.has-activity .form-control-md{padding-right:3em}.select-field .activity-indicator-lg{font-size:.75em}.select-field.has-activity .form-control-lg{padding-right:3em}.select-field .activity-indicator-xl{font-size:1em}.select-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.select-field.is-valid .valid-feedback,.select-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.select-field .form-control-icon{padding-left:2em}.select-field .form-group-inner-icon{position:absolute;top:50%;left:.666em;width:1rem;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-sm .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:.75em;font-size:1.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-lg .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1.25em;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field .activity-indicator{opacity:1}.select-field .select-field-fade-enter,.select-field .select-field-fade-leave-to{opacity:0}
|