vhx-quartz 0.8.18 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1960,9 +1960,19 @@ html {
1960
1960
 
1961
1961
  .flex-vertical-middle {
1962
1962
  display: flex;
1963
- flex-direction: column;
1963
+ align-items: center;
1964
1964
  justify-content: center;
1965
- align-items: center; }
1965
+ flex-direction: column; }
1966
+ .flex-vertical-middle.flex-row {
1967
+ flex-direction: row; }
1968
+
1969
+ .flex-horizontal-middle {
1970
+ display: flex;
1971
+ align-items: center;
1972
+ justify-content: flex-start;
1973
+ flex-direction: row; }
1974
+ .flex-horizontal-middle.text-left {
1975
+ justify-content: initial; }
1966
1976
 
1967
1977
  /* .....................................
1968
1978
  Fonts
@@ -3220,16 +3230,16 @@ hr.column {
3220
3230
  padding: 10px 15px; }
3221
3231
  .form textarea.small {
3222
3232
  width: 100%;
3223
- min-height: 40; }
3233
+ min-height: 40px; }
3224
3234
  .form textarea.medium {
3225
3235
  width: 100%;
3226
- min-height: 60; }
3236
+ min-height: 60px; }
3227
3237
  .form textarea.large {
3228
3238
  width: 100%;
3229
- min-height: 80; }
3239
+ min-height: 80px; }
3230
3240
  .form textarea.xlarge {
3231
3241
  width: 100%;
3232
- min-height: 140; }
3242
+ min-height: 140px; }
3233
3243
 
3234
3244
  .input {
3235
3245
  position: relative; }
@@ -5930,7 +5940,6 @@ a.head--white:hover, a.head--white:active {
5930
5940
  .icon-circle {
5931
5941
  border-radius: 50%;
5932
5942
  border: 1px solid #D7DDE1;
5933
- background-color: #ffffff;
5934
5943
  box-sizing: content-box;
5935
5944
  display: inline-block;
5936
5945
  background-position: 50% 50% !important; }
@@ -6239,524 +6248,136 @@ a.head--white:hover, a.head--white:active {
6239
6248
  .tag-list li span {
6240
6249
  float: right; }
6241
6250
 
6242
- /* .....................................
6243
- Fonts
6244
- ..................................... */
6245
- /* .....................................
6246
- Sets
6247
- ..................................... */
6248
- /* .....................................
6249
- Media Query Ranges
6250
- ..................................... */
6251
- /* .....................................
6252
- Colors - Grays
6253
- ..................................... */
6254
- /* .....................................
6255
- Colors - Teals
6256
- ..................................... */
6257
- /* .....................................
6258
- Colors - Red
6259
- ..................................... */
6260
- /* .....................................
6261
- Colors - Navy
6262
- ..................................... */
6263
- /* .....................................
6264
- Colors - Brand Palette
6265
- ..................................... */
6266
- /* .....................................
6267
- Colors - External Palette
6268
- ..................................... */
6269
- /* helper function for margin and padding
6270
- ......................................*/
6271
6251
  /*.....................................
6272
6252
  LOADERS
6273
6253
  ......................................*/
6274
6254
  /* Colors
6275
6255
  ......................................*/
6276
- .loader-slate:after {
6277
- content: ' ';
6278
- width: 30px;
6279
- height: 30px;
6280
- display: inline-block;
6281
- margin: 0;
6282
- padding: 0;
6283
- background-position: center center;
6284
- background-size: contain;
6285
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6286
- .loader-slate.loader--small:after {
6287
- width: 16px;
6288
- height: 16px; }
6289
- .loader-slate.loader--medium:after {
6290
- width: 30px;
6291
- height: 30px; }
6292
- .loader-slate.loader--large:after {
6293
- width: 46px;
6294
- height: 46px; }
6295
- .loader-slate.loader--xlarge:after {
6296
- width: 60px;
6297
- height: 60px; }
6298
-
6299
- .loader-white:after {
6300
- content: ' ';
6301
- width: 30px;
6302
- height: 30px;
6303
- display: inline-block;
6304
- margin: 0;
6305
- padding: 0;
6306
- background-position: center center;
6307
- background-size: contain;
6308
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6309
- .loader-white.loader--small:after {
6310
- width: 16px;
6311
- height: 16px; }
6312
- .loader-white.loader--medium:after {
6313
- width: 30px;
6314
- height: 30px; }
6315
- .loader-white.loader--large:after {
6316
- width: 46px;
6317
- height: 46px; }
6318
- .loader-white.loader--xlarge:after {
6319
- width: 60px;
6320
- height: 60px; }
6321
-
6322
- .loader-teal:after {
6323
- content: ' ';
6324
- width: 30px;
6325
- height: 30px;
6326
- display: inline-block;
6327
- margin: 0;
6328
- padding: 0;
6329
- background-position: center center;
6330
- background-size: contain;
6331
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%2322b9b0%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%2322b9b0%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6332
- .loader-teal.loader--small:after {
6333
- width: 16px;
6334
- height: 16px; }
6335
- .loader-teal.loader--medium:after {
6336
- width: 30px;
6337
- height: 30px; }
6338
- .loader-teal.loader--large:after {
6339
- width: 46px;
6340
- height: 46px; }
6341
- .loader-teal.loader--xlarge:after {
6342
- width: 60px;
6343
- height: 60px; }
6344
-
6345
- /* Cover
6346
- ......................................*/
6347
- .loader--cover {
6256
+ .loader-slate {
6348
6257
  position: relative; }
6349
- .loader--cover.loader-slate:after {
6258
+ .loader-slate:after {
6350
6259
  content: ' ';
6351
6260
  position: absolute;
6352
6261
  top: 50%;
6353
6262
  left: 50%;
6354
- display: block;
6355
6263
  margin-left: -15px;
6356
6264
  margin-top: -15px;
6357
6265
  height: 30px;
6358
- width: 30px; }
6359
- .loader--cover.loader-slate:after:after {
6360
- content: ' ';
6361
- width: 30px;
6362
- height: 30px;
6363
- display: inline-block;
6364
- margin: 0;
6365
- padding: 0;
6366
- background-position: center center;
6367
- background-size: contain;
6368
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6369
- .loader--cover.loader-slate:after.loader--small:after {
6370
- width: 16px;
6371
- height: 16px; }
6372
- .loader--cover.loader-slate:after.loader--medium:after {
6373
- width: 30px;
6374
- height: 30px; }
6375
- .loader--cover.loader-slate:after.loader--large:after {
6376
- width: 46px;
6377
- height: 46px; }
6378
- .loader--cover.loader-slate:after.loader--xlarge:after {
6379
- width: 60px;
6380
- height: 60px; }
6381
- .loader--cover.loader-slate.loader--small:after {
6382
- width: 16px;
6383
- height: 16px;
6384
- margin-left: -8px;
6385
- margin-top: -8px; }
6386
- .loader--cover.loader-slate.loader--large:after {
6387
- width: 46px;
6388
- height: 46px;
6389
- margin-left: -23px;
6390
- margin-top: -23px; }
6391
- .loader--cover.loader-slate.loader--xlarge:after {
6392
- width: 60px;
6393
- height: 60px;
6394
- margin-left: -30px;
6395
- margin-top: -30px; }
6396
- .loader--cover.loader-white:after {
6397
- content: ' ';
6398
- position: absolute;
6399
- top: 50%;
6400
- left: 50%;
6266
+ width: 30px;
6401
6267
  display: block;
6402
- margin-left: -15px;
6403
- margin-top: -15px;
6404
- height: 30px;
6405
- width: 30px; }
6406
- .loader--cover.loader-white:after:after {
6407
- content: ' ';
6408
- width: 30px;
6409
- height: 30px;
6410
- display: inline-block;
6411
- margin: 0;
6412
- padding: 0;
6413
- background-position: center center;
6414
- background-size: contain;
6415
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6416
- .loader--cover.loader-white:after.loader--small:after {
6417
- width: 16px;
6418
- height: 16px; }
6419
- .loader--cover.loader-white:after.loader--medium:after {
6420
- width: 30px;
6421
- height: 30px; }
6422
- .loader--cover.loader-white:after.loader--large:after {
6423
- width: 46px;
6424
- height: 46px; }
6425
- .loader--cover.loader-white:after.loader--xlarge:after {
6426
- width: 60px;
6427
- height: 60px; }
6428
- .loader--cover.loader-white.loader--small:after {
6268
+ padding: 0;
6269
+ background-position: center center;
6270
+ background-size: contain;
6271
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6272
+ .loader-slate.loader--small:after {
6429
6273
  width: 16px;
6430
6274
  height: 16px;
6431
6275
  margin-left: -8px;
6432
6276
  margin-top: -8px; }
6433
- .loader--cover.loader-white.loader--large:after {
6277
+ .loader-slate.loader--large:after {
6434
6278
  width: 46px;
6435
6279
  height: 46px;
6436
6280
  margin-left: -23px;
6437
6281
  margin-top: -23px; }
6438
- .loader--cover.loader-white.loader--xlarge:after {
6282
+ .loader-slate.loader--xlarge:after {
6439
6283
  width: 60px;
6440
6284
  height: 60px;
6441
6285
  margin-left: -30px;
6442
6286
  margin-top: -30px; }
6443
- .loader--cover.loader-teal:after {
6287
+
6288
+ .loader-white {
6289
+ position: relative; }
6290
+ .loader-white:after {
6444
6291
  content: ' ';
6445
6292
  position: absolute;
6446
6293
  top: 50%;
6447
6294
  left: 50%;
6448
- display: block;
6449
6295
  margin-left: -15px;
6450
6296
  margin-top: -15px;
6451
6297
  height: 30px;
6452
- width: 30px; }
6453
- .loader--cover.loader-teal:after:after {
6454
- content: ' ';
6455
- width: 30px;
6456
- height: 30px;
6457
- display: inline-block;
6458
- margin: 0;
6459
- padding: 0;
6460
- background-position: center center;
6461
- background-size: contain;
6462
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%2322b9b0%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%2322b9b0%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6463
- .loader--cover.loader-teal:after.loader--small:after {
6464
- width: 16px;
6465
- height: 16px; }
6466
- .loader--cover.loader-teal:after.loader--medium:after {
6467
- width: 30px;
6468
- height: 30px; }
6469
- .loader--cover.loader-teal:after.loader--large:after {
6470
- width: 46px;
6471
- height: 46px; }
6472
- .loader--cover.loader-teal:after.loader--xlarge:after {
6473
- width: 60px;
6474
- height: 60px; }
6475
- .loader--cover.loader-teal.loader--small:after {
6298
+ width: 30px;
6299
+ display: block;
6300
+ padding: 0;
6301
+ background-position: center center;
6302
+ background-size: contain;
6303
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6304
+ .loader-white.loader--small:after {
6476
6305
  width: 16px;
6477
6306
  height: 16px;
6478
6307
  margin-left: -8px;
6479
6308
  margin-top: -8px; }
6480
- .loader--cover.loader-teal.loader--large:after {
6309
+ .loader-white.loader--large:after {
6481
6310
  width: 46px;
6482
6311
  height: 46px;
6483
6312
  margin-left: -23px;
6484
6313
  margin-top: -23px; }
6485
- .loader--cover.loader-teal.loader--xlarge:after {
6314
+ .loader-white.loader--xlarge:after {
6486
6315
  width: 60px;
6487
6316
  height: 60px;
6488
6317
  margin-left: -30px;
6489
6318
  margin-top: -30px; }
6490
- .loader--cover:after {
6491
- content: initial !important; }
6492
- .loader--cover.is-processing, .loader--cover.is-loading {
6493
- background-image: none;
6494
- color: transparent; }
6495
- .loader--cover.is-processing:after, .loader--cover.is-loading:after {
6496
- content: ' ' !important; }
6497
- .loader--cover.is-processing *, .loader--cover.is-loading * {
6498
- background-image: none !important;
6499
- color: transparent !important; }
6500
6319
 
6501
- .loader--cover-transparent {
6320
+ .loader-teal {
6502
6321
  position: relative; }
6503
- .loader--cover-transparent.loader-slate:after {
6322
+ .loader-teal:after {
6504
6323
  content: ' ';
6505
6324
  position: absolute;
6506
6325
  top: 50%;
6507
6326
  left: 50%;
6508
- display: block;
6509
6327
  margin-left: -15px;
6510
6328
  margin-top: -15px;
6511
6329
  height: 30px;
6512
- width: 30px; }
6513
- .loader--cover-transparent.loader-slate:after:after {
6514
- content: ' ';
6515
- width: 30px;
6516
- height: 30px;
6517
- display: inline-block;
6518
- margin: 0;
6519
- padding: 0;
6520
- background-position: center center;
6521
- background-size: contain;
6522
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6523
- .loader--cover-transparent.loader-slate:after.loader--small:after {
6524
- width: 16px;
6525
- height: 16px; }
6526
- .loader--cover-transparent.loader-slate:after.loader--medium:after {
6527
- width: 30px;
6528
- height: 30px; }
6529
- .loader--cover-transparent.loader-slate:after.loader--large:after {
6530
- width: 46px;
6531
- height: 46px; }
6532
- .loader--cover-transparent.loader-slate:after.loader--xlarge:after {
6533
- width: 60px;
6534
- height: 60px; }
6535
- .loader--cover-transparent.loader-slate.loader--small:after {
6536
- width: 16px;
6537
- height: 16px;
6538
- margin-left: -8px;
6539
- margin-top: -8px; }
6540
- .loader--cover-transparent.loader-slate.loader--large:after {
6541
- width: 46px;
6542
- height: 46px;
6543
- margin-left: -23px;
6544
- margin-top: -23px; }
6545
- .loader--cover-transparent.loader-slate.loader--xlarge:after {
6546
- width: 60px;
6547
- height: 60px;
6548
- margin-left: -30px;
6549
- margin-top: -30px; }
6550
- .loader--cover-transparent.loader-white:after {
6551
- content: ' ';
6552
- position: absolute;
6553
- top: 50%;
6554
- left: 50%;
6330
+ width: 30px;
6555
6331
  display: block;
6556
- margin-left: -15px;
6557
- margin-top: -15px;
6558
- height: 30px;
6559
- width: 30px; }
6560
- .loader--cover-transparent.loader-white:after:after {
6561
- content: ' ';
6562
- width: 30px;
6563
- height: 30px;
6564
- display: inline-block;
6565
- margin: 0;
6566
- padding: 0;
6567
- background-position: center center;
6568
- background-size: contain;
6569
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6570
- .loader--cover-transparent.loader-white:after.loader--small:after {
6571
- width: 16px;
6572
- height: 16px; }
6573
- .loader--cover-transparent.loader-white:after.loader--medium:after {
6574
- width: 30px;
6575
- height: 30px; }
6576
- .loader--cover-transparent.loader-white:after.loader--large:after {
6577
- width: 46px;
6578
- height: 46px; }
6579
- .loader--cover-transparent.loader-white:after.loader--xlarge:after {
6580
- width: 60px;
6581
- height: 60px; }
6582
- .loader--cover-transparent.loader-white.loader--small:after {
6332
+ padding: 0;
6333
+ background-position: center center;
6334
+ background-size: contain;
6335
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%2322b9b0%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%2322b9b0%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6336
+ .loader-teal.loader--small:after {
6583
6337
  width: 16px;
6584
6338
  height: 16px;
6585
6339
  margin-left: -8px;
6586
6340
  margin-top: -8px; }
6587
- .loader--cover-transparent.loader-white.loader--large:after {
6341
+ .loader-teal.loader--large:after {
6588
6342
  width: 46px;
6589
6343
  height: 46px;
6590
6344
  margin-left: -23px;
6591
6345
  margin-top: -23px; }
6592
- .loader--cover-transparent.loader-white.loader--xlarge:after {
6346
+ .loader-teal.loader--xlarge:after {
6593
6347
  width: 60px;
6594
6348
  height: 60px;
6595
6349
  margin-left: -30px;
6596
6350
  margin-top: -30px; }
6597
- .loader--cover-transparent:before {
6351
+
6352
+ /* Cover
6353
+ ......................................*/
6354
+ .loader--transparent {
6355
+ position: relative;
6356
+ transition: opacity 500ms ease; }
6357
+ .loader--transparent:after {
6598
6358
  display: none;
6599
- content: initial; }
6600
- .loader--cover-transparent.is-processing, .loader--cover-transparent.is-loading {
6601
- background-image: none !important;
6602
- color: transparent !important;
6603
- text-shadow: none !important; }
6604
- .loader--cover-transparent.is-processing:before, .loader--cover-transparent.is-loading:before {
6605
- display: block;
6606
- content: ' '; }
6607
- .loader--cover-transparent.is-processing:after {
6608
- content: ' ';
6359
+ content: initial !important; }
6360
+ .loader--transparent.is-processing:after, .loader--transparent.is-loading:after {
6609
6361
  display: block;
6610
- z-index: 100;
6611
- position: absolute;
6612
- top: 0;
6613
- left: 0;
6614
- width: 100%;
6615
- height: 100%;
6616
- background-color: rgba(255, 255, 255, 0.7); }
6362
+ content: ' ' !important; }
6363
+ .loader--transparent.is-processing *, .loader--transparent.is-loading * {
6364
+ opacity: .2; }
6617
6365
 
6618
- .loader--cover-hide {
6366
+ .loader--hide {
6619
6367
  position: relative; }
6620
- .loader--cover-hide.loader-slate:after {
6621
- content: ' ';
6622
- position: absolute;
6623
- top: 50%;
6624
- left: 50%;
6625
- display: block;
6626
- margin-left: -15px;
6627
- margin-top: -15px;
6628
- height: 30px;
6629
- width: 30px; }
6630
- .loader--cover-hide.loader-slate:after:after {
6631
- content: ' ';
6632
- width: 30px;
6633
- height: 30px;
6634
- display: inline-block;
6635
- margin: 0;
6636
- padding: 0;
6637
- background-position: center center;
6638
- background-size: contain;
6639
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6640
- .loader--cover-hide.loader-slate:after.loader--small:after {
6641
- width: 16px;
6642
- height: 16px; }
6643
- .loader--cover-hide.loader-slate:after.loader--medium:after {
6644
- width: 30px;
6645
- height: 30px; }
6646
- .loader--cover-hide.loader-slate:after.loader--large:after {
6647
- width: 46px;
6648
- height: 46px; }
6649
- .loader--cover-hide.loader-slate:after.loader--xlarge:after {
6650
- width: 60px;
6651
- height: 60px; }
6652
- .loader--cover-hide.loader-slate.loader--small:after {
6653
- width: 16px;
6654
- height: 16px;
6655
- margin-left: -8px;
6656
- margin-top: -8px; }
6657
- .loader--cover-hide.loader-slate.loader--large:after {
6658
- width: 46px;
6659
- height: 46px;
6660
- margin-left: -23px;
6661
- margin-top: -23px; }
6662
- .loader--cover-hide.loader-slate.loader--xlarge:after {
6663
- width: 60px;
6664
- height: 60px;
6665
- margin-left: -30px;
6666
- margin-top: -30px; }
6667
- .loader--cover-hide.loader-white:after {
6668
- content: ' ';
6669
- position: absolute;
6670
- top: 50%;
6671
- left: 50%;
6672
- display: block;
6673
- margin-left: -15px;
6674
- margin-top: -15px;
6675
- height: 30px;
6676
- width: 30px; }
6677
- .loader--cover-hide.loader-white:after:after {
6678
- content: ' ';
6679
- width: 30px;
6680
- height: 30px;
6681
- display: inline-block;
6682
- margin: 0;
6683
- padding: 0;
6684
- background-position: center center;
6685
- background-size: contain;
6686
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6687
- .loader--cover-hide.loader-white:after.loader--small:after {
6688
- width: 16px;
6689
- height: 16px; }
6690
- .loader--cover-hide.loader-white:after.loader--medium:after {
6691
- width: 30px;
6692
- height: 30px; }
6693
- .loader--cover-hide.loader-white:after.loader--large:after {
6694
- width: 46px;
6695
- height: 46px; }
6696
- .loader--cover-hide.loader-white:after.loader--xlarge:after {
6697
- width: 60px;
6698
- height: 60px; }
6699
- .loader--cover-hide.loader-white.loader--small:after {
6700
- width: 16px;
6701
- height: 16px;
6702
- margin-left: -8px;
6703
- margin-top: -8px; }
6704
- .loader--cover-hide.loader-white.loader--large:after {
6705
- width: 46px;
6706
- height: 46px;
6707
- margin-left: -23px;
6708
- margin-top: -23px; }
6709
- .loader--cover-hide.loader-white.loader--xlarge:after {
6710
- width: 60px;
6711
- height: 60px;
6712
- margin-left: -30px;
6713
- margin-top: -30px; }
6714
- .loader--cover-hide:before {
6368
+ .loader--hide:after {
6715
6369
  display: none;
6716
- content: initial; }
6717
- .loader--cover-hide.is-processing, .loader--cover-hide.is-loading {
6718
- background-image: none !important;
6719
- color: transparent !important;
6720
- text-shadow: none !important; }
6721
- .loader--cover-hide.is-processing:before, .loader--cover-hide.is-loading:before {
6722
- display: block;
6723
- content: ' '; }
6724
- .loader--cover-hide.is-processing *, .loader--cover-hide.is-loading * {
6370
+ content: initial !important; }
6371
+ .loader--hide.is-processing:after, .loader--hide.is-loading:after {
6372
+ display: block;
6373
+ content: ' ' !important; }
6374
+ .loader--hide.is-processing *, .loader--hide.is-loading * {
6725
6375
  background-image: none !important;
6726
6376
  color: transparent !important;
6727
6377
  text-shadow: none !important;
6728
6378
  background: none !important;
6729
6379
  border: none !important; }
6730
6380
 
6731
- /* .....................................
6732
- Fonts
6733
- ..................................... */
6734
- /* .....................................
6735
- Sets
6736
- ..................................... */
6737
- /* .....................................
6738
- Media Query Ranges
6739
- ..................................... */
6740
- /* .....................................
6741
- Colors - Grays
6742
- ..................................... */
6743
- /* .....................................
6744
- Colors - Teals
6745
- ..................................... */
6746
- /* .....................................
6747
- Colors - Red
6748
- ..................................... */
6749
- /* .....................................
6750
- Colors - Navy
6751
- ..................................... */
6752
- /* .....................................
6753
- Colors - Brand Palette
6754
- ..................................... */
6755
- /* .....................................
6756
- Colors - External Palette
6757
- ..................................... */
6758
- /* helper function for margin and padding
6759
- ......................................*/
6760
6381
  /* imports
6761
6382
  ...................................*/
6762
6383
  /* .....................................