indicator-ui 0.0.230 → 0.0.232

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.
Files changed (42) hide show
  1. package/dist/index.css +595 -289
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +6 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/adaptive/_breakpoints.scss +37 -0
  6. package/dist/scss/styles/adaptive/_variables.scss +5 -0
  7. package/dist/scss/styles/adaptive/index.scss +2 -0
  8. package/dist/scss/styles/index.scss +2 -1
  9. package/dist/scss/test/global.scss +6 -0
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +16 -12
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +19 -5
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +16 -12
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +11 -6
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +12 -9
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +21 -15
  16. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +23 -15
  17. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +18 -14
  18. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +15 -12
  19. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +17 -12
  20. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +15 -12
  21. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-link-color.scss +19 -5
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +17 -7
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +12 -8
  24. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +5 -2
  25. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +28 -25
  26. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +4 -2
  27. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +8 -4
  28. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +4 -2
  29. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +4 -2
  30. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +8 -4
  31. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +4 -2
  32. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +10 -2
  33. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +12 -3
  34. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +12 -3
  35. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +12 -3
  36. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +10 -2
  37. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +12 -3
  38. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +12 -3
  39. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +12 -3
  40. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +12 -3
  41. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +12 -3
  42. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -289,15 +289,19 @@
289
289
  font-weight: 500;
290
290
  color: var(--base-white);
291
291
  }
292
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover {
293
- background-color: var(--blue-dark-600);
292
+ @media only screen and (min-width: 1024px) {
293
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
294
+ background-color: var(--blue-dark-600);
295
+ }
296
+ }
297
+ @media only screen and (max-width: 1024px) {
298
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
299
+ background-color: var(--blue-dark-600);
300
+ }
294
301
  }
295
302
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
296
303
  opacity: 0.3;
297
304
  }
298
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx:hover {
299
- background-color: var(--blue-dark-500);
300
- }
301
305
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
302
306
  border-radius: 8px;
303
307
  background-color: var(--base-white);
@@ -311,17 +315,21 @@
311
315
  font-weight: 500;
312
316
  color: var(--blue-dark-500);
313
317
  }
314
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:hover {
315
- background-color: var(--blue-dark-50);
316
- border: 1px solid var(--blue-dark-300);
318
+ @media only screen and (min-width: 1024px) {
319
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
320
+ background-color: var(--blue-dark-50);
321
+ border: 1px solid var(--blue-dark-300);
322
+ }
323
+ }
324
+ @media only screen and (max-width: 1024px) {
325
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
326
+ background-color: var(--blue-dark-50);
327
+ border: 1px solid var(--blue-dark-300);
328
+ }
317
329
  }
318
330
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
319
331
  opacity: 0.5;
320
332
  }
321
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx:hover {
322
- background-color: var(--base-white);
323
- border: 1px solid var(--blue-dark-200);
324
- }
325
333
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne {
326
334
  border-radius: 8px;
327
335
  background-color: var(--base-white);
@@ -335,23 +343,27 @@
335
343
  font-weight: 500;
336
344
  color: var(--gray-700);
337
345
  }
338
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover {
339
- background-color: var(--gray-50);
340
- border: 1px solid var(--gray-300);
346
+ @media only screen and (min-width: 1024px) {
347
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
348
+ background-color: var(--gray-50);
349
+ border: 1px solid var(--gray-300);
350
+ }
351
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
352
+ color: var(--gray-800);
353
+ }
341
354
  }
342
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover .Buttons-module__text___htxqX {
343
- color: var(--gray-800);
355
+ @media only screen and (max-width: 1024px) {
356
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
357
+ background-color: var(--gray-50);
358
+ border: 1px solid var(--gray-300);
359
+ }
360
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
361
+ color: var(--gray-800);
362
+ }
344
363
  }
345
364
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx {
346
365
  opacity: 0.5;
347
366
  }
348
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx:hover {
349
- background-color: var(--base-white);
350
- border: 1px solid var(--gray-300);
351
- }
352
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
353
- color: var(--gray-700);
354
- }
355
367
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq {
356
368
  border: 1px solid transparent;
357
369
  }
@@ -362,21 +374,25 @@
362
374
  font-weight: 400;
363
375
  color: var(--blue-dark-100);
364
376
  }
365
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover .Buttons-module__text___htxqX {
366
- color: var(--base-white);
377
+ @media only screen and (min-width: 1024px) {
378
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
379
+ color: var(--base-white);
380
+ }
381
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
382
+ stroke: var(--base-white);
383
+ }
367
384
  }
368
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:hover .Buttons-module__icon___U2AOU svg * {
369
- stroke: var(--base-white);
385
+ @media only screen and (max-width: 1024px) {
386
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
387
+ color: var(--base-white);
388
+ }
389
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
390
+ stroke: var(--base-white);
391
+ }
370
392
  }
371
393
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq.Buttons-module__disabled___INiFx {
372
394
  opacity: 0.5;
373
395
  }
374
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
375
- color: var(--blue-dark-100);
376
- }
377
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
378
- stroke: var(--blue-dark-100);
379
- }
380
396
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw {
381
397
  border: 1px solid transparent;
382
398
  }
@@ -386,23 +402,27 @@
386
402
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__text___htxqX {
387
403
  color: var(--blue-dark-500);
388
404
  }
389
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__text___htxqX {
390
- font-weight: 400;
391
- color: var(--blue-dark-700);
405
+ @media only screen and (min-width: 1024px) {
406
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
407
+ font-weight: 400;
408
+ color: var(--blue-dark-700);
409
+ }
410
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
411
+ stroke: var(--blue-dark-700);
412
+ }
392
413
  }
393
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:hover .Buttons-module__icon___U2AOU svg * {
394
- stroke: var(--blue-dark-700);
414
+ @media only screen and (max-width: 1024px) {
415
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
416
+ font-weight: 400;
417
+ color: var(--blue-dark-700);
418
+ }
419
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
420
+ stroke: var(--blue-dark-700);
421
+ }
395
422
  }
396
423
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx {
397
424
  opacity: 0.5;
398
425
  }
399
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
400
- font-weight: 400;
401
- color: var(--blue-dark-500);
402
- }
403
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
404
- stroke: var(--blue-dark-500);
405
- }
406
426
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu {
407
427
  border: 1px solid transparent;
408
428
  }
@@ -416,21 +436,25 @@
416
436
  font-weight: 400;
417
437
  color: var(--gray-400);
418
438
  }
419
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover .Buttons-module__text___htxqX {
420
- color: var(--gray-900);
439
+ @media only screen and (min-width: 1024px) {
440
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
441
+ color: var(--gray-900);
442
+ }
443
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
444
+ stroke: var(--gray-900);
445
+ }
421
446
  }
422
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:hover .Buttons-module__icon___U2AOU svg * {
423
- stroke: var(--gray-900);
447
+ @media only screen and (max-width: 1024px) {
448
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
449
+ color: var(--gray-900);
450
+ }
451
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
452
+ stroke: var(--gray-900);
453
+ }
424
454
  }
425
455
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu.Buttons-module__disabled___INiFx {
426
456
  opacity: 0.5;
427
457
  }
428
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
429
- color: var(--gray-700);
430
- }
431
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
432
- stroke: var(--gray-700);
433
- }
434
458
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN {
435
459
  padding: 0 !important;
436
460
  gap: 4px;
@@ -445,11 +469,21 @@
445
469
  font-weight: 400;
446
470
  color: var(--blue-dark-500);
447
471
  }
448
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
449
- color: var(--blue-dark-700);
472
+ @media only screen and (min-width: 1024px) {
473
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
474
+ color: var(--blue-dark-700);
475
+ }
476
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
477
+ stroke: var(--blue-dark-700);
478
+ }
450
479
  }
451
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
452
- stroke: var(--blue-dark-700);
480
+ @media only screen and (max-width: 1024px) {
481
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
482
+ color: var(--blue-dark-700);
483
+ }
484
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
485
+ stroke: var(--blue-dark-700);
486
+ }
453
487
  }
454
488
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN.Buttons-module__disabled___INiFx {
455
489
  opacity: 0.5;
@@ -468,21 +502,25 @@
468
502
  font-weight: 400;
469
503
  color: var(--gray-700);
470
504
  }
471
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover .Buttons-module__text___htxqX {
472
- color: var(--gray-900);
505
+ @media only screen and (min-width: 1024px) {
506
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
507
+ color: var(--gray-900);
508
+ }
509
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
510
+ stroke: var(--gray-900);
511
+ }
473
512
  }
474
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:hover .Buttons-module__icon___U2AOU svg * {
475
- stroke: var(--gray-900);
513
+ @media only screen and (max-width: 1024px) {
514
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
515
+ color: var(--gray-900);
516
+ }
517
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
518
+ stroke: var(--gray-900);
519
+ }
476
520
  }
477
521
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t.Buttons-module__disabled___INiFx {
478
522
  opacity: 0.5;
479
523
  }
480
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
481
- color: var(--gray-700);
482
- }
483
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
484
- stroke: var(--gray-700);
485
- }
486
524
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd {
487
525
  padding: 0 !important;
488
526
  gap: 4px;
@@ -497,21 +535,25 @@
497
535
  font-weight: 400;
498
536
  color: var(--gray-400);
499
537
  }
500
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover .Buttons-module__text___htxqX {
501
- color: var(--gray-500);
538
+ @media only screen and (min-width: 1024px) {
539
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
540
+ color: var(--gray-500);
541
+ }
542
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
543
+ stroke: var(--gray-500);
544
+ }
502
545
  }
503
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:hover .Buttons-module__icon___U2AOU svg * {
504
- stroke: var(--gray-500);
546
+ @media only screen and (max-width: 1024px) {
547
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
548
+ color: var(--gray-500);
549
+ }
550
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
551
+ stroke: var(--gray-500);
552
+ }
505
553
  }
506
554
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd.Buttons-module__disabled___INiFx {
507
555
  opacity: 0.5;
508
556
  }
509
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
510
- color: var(--gray-400);
511
- }
512
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
513
- stroke: var(--gray-400);
514
- }
515
557
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq {
516
558
  border-radius: 6px;
517
559
  background-color: var(--base-white);
@@ -525,21 +567,25 @@
525
567
  font-weight: 500;
526
568
  color: var(--gray-700);
527
569
  }
528
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover .Buttons-module__icon___U2AOU svg * {
529
- stroke: var(--gray-900);
570
+ @media only screen and (min-width: 1024px) {
571
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active):hover .Buttons-module__icon___U2AOU svg * {
572
+ stroke: var(--gray-900);
573
+ }
574
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active):hover .Buttons-module__text___htxqX {
575
+ color: var(--gray-900);
576
+ }
530
577
  }
531
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:hover .Buttons-module__text___htxqX {
532
- color: var(--gray-900);
578
+ @media only screen and (max-width: 1024px) {
579
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:active:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU svg * {
580
+ stroke: var(--gray-900);
581
+ }
582
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:active:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
583
+ color: var(--gray-900);
584
+ }
533
585
  }
534
586
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:disabled, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq.Buttons-module__disabled___INiFx {
535
587
  opacity: 0.5;
536
588
  }
537
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
538
- stroke: var(--gray-700);
539
- }
540
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
541
- color: var(--gray-700);
542
- }
543
589
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo {
544
590
  border-radius: 6px;
545
591
  background-color: var(--gray-100);
@@ -553,43 +599,56 @@
553
599
  font-weight: 500;
554
600
  color: var(--gray-500);
555
601
  }
556
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover {
557
- background-color: var(--gray-200);
558
- }
559
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover .Buttons-module__icon___U2AOU svg * {
560
- stroke: var(--gray-800);
602
+ @media only screen and (min-width: 1024px) {
603
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
604
+ background-color: var(--gray-200);
605
+ }
606
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__icon___U2AOU svg * {
607
+ stroke: var(--gray-800);
608
+ }
609
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
610
+ color: var(--gray-800);
611
+ }
561
612
  }
562
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:hover .Buttons-module__text___htxqX {
563
- color: var(--gray-800);
613
+ @media only screen and (max-width: 1024px) {
614
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
615
+ background-color: var(--gray-200);
616
+ }
617
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
618
+ stroke: var(--gray-800);
619
+ }
620
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
621
+ color: var(--gray-800);
622
+ }
564
623
  }
565
624
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:disabled, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo.Buttons-module__disabled___INiFx {
566
625
  opacity: 0.5;
567
626
  }
568
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo.Buttons-module__disabled___INiFx:hover {
569
- background-color: var(--gray-100);
570
- }
571
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:disabled:hover .Buttons-module__icon___U2AOU svg *, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo.Buttons-module__disabled___INiFx:hover .Buttons-module__icon___U2AOU svg * {
572
- stroke: var(--gray-500);
573
- }
574
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:disabled:hover .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo.Buttons-module__disabled___INiFx:hover .Buttons-module__text___htxqX {
575
- color: var(--gray-500);
576
- }
577
627
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN {
578
628
  border-radius: 8px;
579
629
  background-color: var(--error-500);
580
630
  border: 1px solid transparent;
581
631
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
582
632
  }
583
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:hover {
584
- border: 1px solid var(--error-600);
585
- background-color: var(--error-600);
633
+ @media only screen and (min-width: 1024px) {
634
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) {
635
+ border: 1px solid var(--error-600);
636
+ background-color: var(--error-600);
637
+ }
638
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
639
+ border: 1px solid var(--error-500);
640
+ background-color: var(--error-500);
641
+ }
642
+ }
643
+ @media only screen and (max-width: 1024px) {
644
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
645
+ border: 1px solid var(--error-600);
646
+ background-color: var(--error-600);
647
+ }
586
648
  }
587
649
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
588
650
  opacity: 0.3;
589
651
  }
590
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx:hover {
591
- border: 1px solid var(--error-500);
592
- }
593
652
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ {
594
653
  border: 1px solid var(--error-200);
595
654
  background-color: var(--base-white);
@@ -601,17 +660,21 @@
601
660
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__text___htxqX {
602
661
  color: var(--error-500);
603
662
  }
604
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:hover {
605
- background-color: var(--error-50);
606
- border: 1px solid var(--error-400);
663
+ @media only screen and (min-width: 1024px) {
664
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) {
665
+ background-color: var(--error-50);
666
+ border: 1px solid var(--error-400);
667
+ }
668
+ }
669
+ @media only screen and (max-width: 1024px) {
670
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:active:not(.Buttons-module__disabled___INiFx):not(:disabled) {
671
+ background-color: var(--error-50);
672
+ border: 1px solid var(--error-400);
673
+ }
607
674
  }
608
675
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
609
676
  opacity: 0.5;
610
677
  }
611
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:disabled:hover, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx:hover {
612
- background-color: var(--base-white);
613
- border: 1px solid var(--error-200f);
614
- }
615
678
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU svg * {
616
679
  stroke: var(--error-500);
617
680
  }
@@ -622,11 +685,21 @@
622
685
  font-weight: 400;
623
686
  color: var(--error-500);
624
687
  }
625
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
626
- color: var(--error-700);
688
+ @media only screen and (min-width: 1024px) {
689
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__text___htxqX {
690
+ color: var(--error-700);
691
+ }
692
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled):not(:active) .Buttons-module__icon___U2AOU svg * {
693
+ stroke: var(--error-700);
694
+ }
627
695
  }
628
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:hover:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
629
- stroke: var(--error-700);
696
+ @media only screen and (max-width: 1024px) {
697
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__text___htxqX {
698
+ color: var(--error-700);
699
+ }
700
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:active:not(.Buttons-module__disabled___INiFx):not(:disabled) .Buttons-module__icon___U2AOU svg * {
701
+ stroke: var(--error-700);
702
+ }
630
703
  }
631
704
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN.Buttons-module__disabled___INiFx {
632
705
  opacity: 0.5;
@@ -695,11 +768,21 @@
695
768
  .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3 svg * {
696
769
  stroke: var(--gray-400);
697
770
  }
698
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:hover {
699
- background-color: var(--gray-200);
771
+ @media only screen and (min-width: 1024px) {
772
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:hover {
773
+ background-color: var(--gray-200);
774
+ }
775
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:hover svg * {
776
+ stroke: var(--gray-600);
777
+ }
700
778
  }
701
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:hover svg * {
702
- stroke: var(--gray-600);
779
+ @media only screen and (max-width: 1024px) {
780
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active {
781
+ background-color: var(--gray-200);
782
+ }
783
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active svg * {
784
+ stroke: var(--gray-600);
785
+ }
703
786
  }
704
787
  .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u {
705
788
  background-color: rgba(12, 17, 29, 0.5019607843);
@@ -708,8 +791,15 @@
708
791
  .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u svg * {
709
792
  stroke: var(--base-white);
710
793
  }
711
- .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:hover {
712
- background-color: rgba(12, 17, 29, 0.8);
794
+ @media only screen and (min-width: 1024px) {
795
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:hover {
796
+ background-color: rgba(12, 17, 29, 0.8);
797
+ }
798
+ }
799
+ @media only screen and (max-width: 1024px) {
800
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active {
801
+ background-color: rgba(12, 17, 29, 0.8);
802
+ }
713
803
  }
714
804
  .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2 {
715
805
  background-color: transparent;
@@ -718,11 +808,21 @@
718
808
  .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2 svg * {
719
809
  stroke: var(--gray-500);
720
810
  }
721
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:hover {
722
- background-color: var(--base-white);
811
+ @media only screen and (min-width: 1024px) {
812
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:hover {
813
+ background-color: var(--base-white);
814
+ }
815
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:hover svg * {
816
+ stroke: var(--gray-600);
817
+ }
723
818
  }
724
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:hover svg * {
725
- stroke: var(--gray-600);
819
+ @media only screen and (max-width: 1024px) {
820
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active {
821
+ background-color: var(--base-white);
822
+ }
823
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active svg * {
824
+ stroke: var(--gray-600);
825
+ }
726
826
  }
727
827
  .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e {
728
828
  background: none;
@@ -731,11 +831,21 @@
731
831
  .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e svg * {
732
832
  stroke: var(--blue-dark-500);
733
833
  }
734
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:hover {
735
- background-color: var(--base-white);
834
+ @media only screen and (min-width: 1024px) {
835
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:hover {
836
+ background-color: var(--base-white);
837
+ }
838
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:hover svg * {
839
+ stroke: var(--blue-dark-600);
840
+ }
736
841
  }
737
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:hover svg * {
738
- stroke: var(--blue-dark-600);
842
+ @media only screen and (max-width: 1024px) {
843
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active {
844
+ background-color: var(--base-white);
845
+ }
846
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active svg * {
847
+ stroke: var(--blue-dark-600);
848
+ }
739
849
  }
740
850
  .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 {
741
851
  background: none;
@@ -744,11 +854,21 @@
744
854
  .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 svg * {
745
855
  stroke: var(--blue-dark-400);
746
856
  }
747
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:hover {
748
- background-color: var(--blue-dark-100);
857
+ @media only screen and (min-width: 1024px) {
858
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:hover {
859
+ background-color: var(--blue-dark-100);
860
+ }
861
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:hover svg * {
862
+ stroke: var(--blue-dark-500);
863
+ }
749
864
  }
750
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:hover svg * {
751
- stroke: var(--blue-dark-500);
865
+ @media only screen and (max-width: 1024px) {
866
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active {
867
+ background-color: var(--blue-dark-100);
868
+ }
869
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active svg * {
870
+ stroke: var(--blue-dark-500);
871
+ }
752
872
  }
753
873
  .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq {
754
874
  background: none;
@@ -757,11 +877,21 @@
757
877
  .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq svg * {
758
878
  stroke: var(--error-400);
759
879
  }
760
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:hover {
761
- background-color: var(--error-100);
880
+ @media only screen and (min-width: 1024px) {
881
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:hover {
882
+ background-color: var(--error-100);
883
+ }
884
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:hover svg * {
885
+ stroke: var(--error-500);
886
+ }
762
887
  }
763
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:hover svg * {
764
- stroke: var(--error-500);
888
+ @media only screen and (max-width: 1024px) {
889
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active {
890
+ background-color: var(--error-100);
891
+ }
892
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active svg * {
893
+ stroke: var(--error-500);
894
+ }
765
895
  }
766
896
  .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 {
767
897
  background: var(--base-white);
@@ -770,11 +900,21 @@
770
900
  .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 svg * {
771
901
  stroke: var(--blue-dark-500);
772
902
  }
773
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:hover {
774
- background: var(--blue-dark-50);
903
+ @media only screen and (min-width: 1024px) {
904
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:hover {
905
+ background: var(--blue-dark-50);
906
+ }
907
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:hover svg * {
908
+ stroke: var(--blue-dark-500);
909
+ }
775
910
  }
776
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:hover svg * {
777
- stroke: var(--blue-dark-500);
911
+ @media only screen and (max-width: 1024px) {
912
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active {
913
+ background: var(--blue-dark-50);
914
+ }
915
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active svg * {
916
+ stroke: var(--blue-dark-500);
917
+ }
778
918
  }
779
919
  .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4 {
780
920
  background: var(--base-white);
@@ -783,11 +923,21 @@
783
923
  .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4 svg * {
784
924
  stroke: var(--gray-700);
785
925
  }
786
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:hover {
787
- background: var(--gray-50);
926
+ @media only screen and (min-width: 1024px) {
927
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:hover {
928
+ background: var(--gray-50);
929
+ }
930
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:hover svg * {
931
+ stroke: var(--gray-900);
932
+ }
788
933
  }
789
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:hover svg * {
790
- stroke: var(--gray-900);
934
+ @media only screen and (max-width: 1024px) {
935
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active {
936
+ background: var(--gray-50);
937
+ }
938
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active svg * {
939
+ stroke: var(--gray-900);
940
+ }
791
941
  }
792
942
  .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX {
793
943
  background: var(--base-white);
@@ -796,11 +946,21 @@
796
946
  .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX svg * {
797
947
  stroke: var(--error-500);
798
948
  }
799
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:hover {
800
- background: var(--error-50);
949
+ @media only screen and (min-width: 1024px) {
950
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:hover {
951
+ background: var(--error-50);
952
+ }
953
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:hover svg * {
954
+ stroke: var(--error-600);
955
+ }
801
956
  }
802
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:hover svg * {
803
- stroke: var(--error-600);
957
+ @media only screen and (max-width: 1024px) {
958
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active {
959
+ background: var(--error-50);
960
+ }
961
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active svg * {
962
+ stroke: var(--error-600);
963
+ }
804
964
  }
805
965
  .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5 {
806
966
  background: none;
@@ -809,8 +969,15 @@
809
969
  .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5 svg * {
810
970
  stroke: var(--blue-dark-50);
811
971
  }
812
- .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:hover svg * {
813
- stroke: var(--blue-dark-200);
972
+ @media only screen and (min-width: 1024px) {
973
+ .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:hover svg * {
974
+ stroke: var(--blue-dark-200);
975
+ }
976
+ }
977
+ @media only screen and (max-width: 1024px) {
978
+ .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active svg * {
979
+ stroke: var(--blue-dark-200);
980
+ }
814
981
  }
815
982
  .MicroButton-module__button___QMj95.MicroButton-module__size14___qZD63 {
816
983
  border-radius: 3px;
@@ -1520,8 +1687,10 @@
1520
1687
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK svg * {
1521
1688
  transition: stroke ease-in-out 200ms;
1522
1689
  }
1523
- .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK:hover svg * {
1524
- stroke: var(--gray-500);
1690
+ @media only screen and (min-width: 1024px) {
1691
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK:hover svg * {
1692
+ stroke: var(--gray-500);
1693
+ }
1525
1694
  }
1526
1695
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isFocus___rZ3KJ {
1527
1696
  border: 1px solid var(--gray-400);
@@ -1926,9 +2095,11 @@
1926
2095
  height: 14px;
1927
2096
  flex: none;
1928
2097
  }
1929
- .CheckboxMark-module__checkboxMark___QsRbu:hover {
1930
- background-color: var(--blue-dark-50);
1931
- border: 1px solid var(--blue-dark-200);
2098
+ @media only screen and (min-width: 1024px) {
2099
+ .CheckboxMark-module__checkboxMark___QsRbu:hover {
2100
+ background-color: var(--blue-dark-50);
2101
+ border: 1px solid var(--blue-dark-200);
2102
+ }
1932
2103
  }
1933
2104
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checkbox___hYxxO {
1934
2105
  border-radius: 6px;
@@ -1955,8 +2126,10 @@
1955
2126
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:after {
1956
2127
  display: block;
1957
2128
  }
1958
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:hover {
1959
- border: 1px solid var(--blue-dark-400);
2129
+ @media only screen and (min-width: 1024px) {
2130
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:hover {
2131
+ border: 1px solid var(--blue-dark-400);
2132
+ }
1960
2133
  }
1961
2134
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
1962
2135
  background-color: var(--blue-dark-50);
@@ -1975,8 +2148,10 @@
1975
2148
  font-style: normal;
1976
2149
  font-variant: normal;
1977
2150
  }
1978
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC:hover {
1979
- border: 1px solid var(--blue-dark-400);
2151
+ @media only screen and (min-width: 1024px) {
2152
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC:hover {
2153
+ border: 1px solid var(--blue-dark-400);
2154
+ }
1980
2155
  }
1981
2156
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
1982
2157
  background-color: var(--error-50);
@@ -1991,9 +2166,11 @@
1991
2166
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:after {
1992
2167
  background-color: var(--error-500);
1993
2168
  }
1994
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:hover {
1995
- background-color: var(--error-50);
1996
- border: 1px solid var(--error-400);
2169
+ @media only screen and (min-width: 1024px) {
2170
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:hover {
2171
+ background-color: var(--error-50);
2172
+ border: 1px solid var(--error-400);
2173
+ }
1997
2174
  }
1998
2175
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
1999
2176
  cursor: default;
@@ -2009,15 +2186,17 @@
2009
2186
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2010
2187
  color: var(--gray-300);
2011
2188
  }
2012
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2013
- background-color: var(--gray-100);
2014
- border: 1px solid var(--gray-300);
2015
- }
2016
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover svg * {
2017
- stroke: var(--gray-300);
2018
- }
2019
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2020
- color: var(--gray-300);
2189
+ @media only screen and (min-width: 1024px) {
2190
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2191
+ background-color: var(--gray-100);
2192
+ border: 1px solid var(--gray-300);
2193
+ }
2194
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover svg * {
2195
+ stroke: var(--gray-300);
2196
+ }
2197
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:hover {
2198
+ color: var(--gray-300);
2199
+ }
2021
2200
  }
2022
2201
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2023
2202
  background-color: var(--blue-dark-500);
@@ -2039,9 +2218,11 @@
2039
2218
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:after {
2040
2219
  display: none;
2041
2220
  }
2042
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2043
- background-color: var(--blue-dark-600);
2044
- border: transparent;
2221
+ @media only screen and (min-width: 1024px) {
2222
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2223
+ background-color: var(--blue-dark-600);
2224
+ border: transparent;
2225
+ }
2045
2226
  }
2046
2227
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2047
2228
  background-color: var(--gray-300);
@@ -2063,9 +2244,11 @@
2063
2244
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2064
2245
  display: none;
2065
2246
  }
2066
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2067
- background-color: var(--gray-300);
2068
- border: transparent;
2247
+ @media only screen and (min-width: 1024px) {
2248
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2249
+ background-color: var(--gray-300);
2250
+ border: transparent;
2251
+ }
2069
2252
  }
2070
2253
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2071
2254
  background-color: var(--error-500);
@@ -2087,9 +2270,11 @@
2087
2270
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:after {
2088
2271
  display: none;
2089
2272
  }
2090
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2091
- background-color: var(--error-600);
2092
- border: transparent;
2273
+ @media only screen and (min-width: 1024px) {
2274
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2275
+ background-color: var(--error-600);
2276
+ border: transparent;
2277
+ }
2093
2278
  }
2094
2279
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2095
2280
  background-color: var(--gray-300);
@@ -2111,49 +2296,53 @@
2111
2296
  .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2112
2297
  display: none;
2113
2298
  }
2114
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2115
- background-color: var(--gray-300);
2116
- border: transparent;
2117
- }
2118
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2119
- background-color: var(--blue-dark-50);
2120
- border: 1px solid var(--blue-dark-200);
2121
- }
2122
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2123
- border: 1px solid var(--blue-dark-400);
2124
- }
2125
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2126
- border: 1px solid var(--blue-dark-400);
2127
- }
2128
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2129
- background-color: var(--error-50);
2130
- border: 1px solid var(--error-400);
2131
- }
2132
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2133
- background-color: var(--gray-100);
2134
- border: 1px solid var(--gray-300);
2135
- }
2136
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh svg * {
2137
- stroke: var(--gray-300);
2138
- }
2139
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2140
- color: var(--gray-300);
2141
- }
2142
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2143
- background-color: var(--blue-dark-600);
2144
- border: transparent;
2145
- }
2146
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2147
- background-color: var(--gray-300);
2148
- border: transparent;
2149
- }
2150
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2151
- background-color: var(--error-600);
2152
- border: transparent;
2299
+ @media only screen and (min-width: 1024px) {
2300
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2301
+ background-color: var(--gray-300);
2302
+ border: transparent;
2303
+ }
2153
2304
  }
2154
- .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2155
- background-color: var(--gray-300);
2156
- border: transparent;
2305
+ @media only screen and (min-width: 1024px) {
2306
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2307
+ background-color: var(--blue-dark-50);
2308
+ border: 1px solid var(--blue-dark-200);
2309
+ }
2310
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2311
+ border: 1px solid var(--blue-dark-400);
2312
+ }
2313
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2314
+ border: 1px solid var(--blue-dark-400);
2315
+ }
2316
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2317
+ background-color: var(--error-50);
2318
+ border: 1px solid var(--error-400);
2319
+ }
2320
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2321
+ background-color: var(--gray-100);
2322
+ border: 1px solid var(--gray-300);
2323
+ }
2324
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh svg * {
2325
+ stroke: var(--gray-300);
2326
+ }
2327
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2328
+ color: var(--gray-300);
2329
+ }
2330
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2331
+ background-color: var(--blue-dark-600);
2332
+ border: transparent;
2333
+ }
2334
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2335
+ background-color: var(--gray-300);
2336
+ border: transparent;
2337
+ }
2338
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2339
+ background-color: var(--error-600);
2340
+ border: transparent;
2341
+ }
2342
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2343
+ background-color: var(--gray-300);
2344
+ border: transparent;
2345
+ }
2157
2346
  }
2158
2347
  /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
2159
2348
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Checkbox/styles/Checkbox.module.scss ***!
@@ -2212,6 +2401,7 @@
2212
2401
  }
2213
2402
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2214
2403
  text-align: start;
2404
+ width: fit-content;
2215
2405
  transition: color ease-in-out 200ms;
2216
2406
  }
2217
2407
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
@@ -2229,6 +2419,7 @@
2229
2419
  }
2230
2420
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2231
2421
  text-align: start;
2422
+ width: fit-content;
2232
2423
  transition: color ease-in-out 200ms;
2233
2424
  }
2234
2425
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
@@ -2241,11 +2432,21 @@
2241
2432
  font-style: normal;
2242
2433
  font-variant: normal;
2243
2434
  }
2244
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk {
2245
- color: var(--gray-900);
2435
+ @media only screen and (min-width: 1024px) {
2436
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk {
2437
+ color: var(--gray-900);
2438
+ }
2439
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6 {
2440
+ color: var(--gray-500);
2441
+ }
2246
2442
  }
2247
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6 {
2248
- color: var(--gray-500);
2443
+ @media only screen and (max-width: 1024px) {
2444
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
2445
+ color: var(--gray-900);
2446
+ }
2447
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__supportingText___BR8D6 {
2448
+ color: var(--gray-500);
2449
+ }
2249
2450
  }
2250
2451
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz {
2251
2452
  cursor: default;
@@ -2360,25 +2561,36 @@
2360
2561
  width: 20px;
2361
2562
  height: 20px;
2362
2563
  }
2363
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf:hover {
2364
- background-color: var(--gray-400);
2365
- }
2366
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__error___IfdU2 {
2367
- background-color: var(--error-300);
2368
- }
2369
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4 {
2370
- background-color: var(--blue-dark-600);
2371
- }
2372
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2 {
2373
- background-color: var(--error-600);
2564
+ @media only screen and (min-width: 1024px) {
2565
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf:hover {
2566
+ background-color: var(--gray-400);
2567
+ }
2568
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__error___IfdU2 {
2569
+ background-color: var(--error-300);
2570
+ }
2571
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4 {
2572
+ background-color: var(--blue-dark-600);
2573
+ }
2574
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2 {
2575
+ background-color: var(--error-600);
2576
+ }
2374
2577
  }
2375
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover {
2578
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75 {
2376
2579
  cursor: default;
2377
2580
  background-color: var(--gray-200);
2378
2581
  }
2379
- .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75 .ToggleBase-module__button___LaSpg, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy .ToggleBase-module__button___LaSpg, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover .ToggleBase-module__button___LaSpg {
2582
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75 .ToggleBase-module__button___LaSpg {
2380
2583
  background-color: var(--gray-50);
2381
2584
  }
2585
+ @media only screen and (min-width: 1024px) {
2586
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover {
2587
+ cursor: default;
2588
+ background-color: var(--gray-200);
2589
+ }
2590
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy .ToggleBase-module__button___LaSpg, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover .ToggleBase-module__button___LaSpg {
2591
+ background-color: var(--gray-50);
2592
+ }
2593
+ }
2382
2594
  /*!*****************************************************************************************************************************************************************************************************************************************************************!*\
2383
2595
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/Toggle/styles/Toggle.module.scss ***!
2384
2596
  \*****************************************************************************************************************************************************************************************************************************************************************/
@@ -2460,12 +2672,20 @@
2460
2672
  font-style: normal;
2461
2673
  font-variant: normal;
2462
2674
  }
2463
- .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__hover___Ws4WL .Toggle-module__text___i2f7B, .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__active___Skxl4 .Toggle-module__text___i2f7B {
2675
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__active___Skxl4 .Toggle-module__text___i2f7B {
2464
2676
  color: var(--gray-900);
2465
2677
  }
2466
- .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__hover___Ws4WL .Toggle-module__description___hvDOL, .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__active___Skxl4 .Toggle-module__description___hvDOL {
2678
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__active___Skxl4 .Toggle-module__description___hvDOL {
2467
2679
  color: var(--gray-500);
2468
2680
  }
2681
+ @media only screen and (min-width: 1024px) {
2682
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__hover___Ws4WL .Toggle-module__text___i2f7B {
2683
+ color: var(--gray-900);
2684
+ }
2685
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm.Toggle-module__hover___Ws4WL .Toggle-module__description___hvDOL {
2686
+ color: var(--gray-500);
2687
+ }
2688
+ }
2469
2689
  .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__hover___Ws4WL, .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__active___Skxl4, .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv {
2470
2690
  cursor: default;
2471
2691
  }
@@ -2627,9 +2847,11 @@
2627
2847
  opacity: 0;
2628
2848
  transition: opacity ease-in-out 200ms;
2629
2849
  }
2630
- .TagCheckbox-module__tagCheckbox___MS2eW:hover {
2631
- box-shadow: 0 0 0 1px var(--blue-dark-200);
2632
- background-color: var(--blue-dark-50);
2850
+ @media only screen and (min-width: 1024px) {
2851
+ .TagCheckbox-module__tagCheckbox___MS2eW:hover {
2852
+ box-shadow: 0 0 0 1px var(--blue-dark-200);
2853
+ background-color: var(--blue-dark-50);
2854
+ }
2633
2855
  }
2634
2856
  .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu {
2635
2857
  box-shadow: 0 0 0 1px var(--blue-dark-500);
@@ -2638,21 +2860,33 @@
2638
2860
  .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu svg {
2639
2861
  opacity: 1;
2640
2862
  }
2641
- .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu:hover {
2642
- box-shadow: 0 0 0 1px var(--blue-dark-600);
2643
- background-color: var(--blue-dark-600);
2863
+ @media only screen and (min-width: 1024px) {
2864
+ .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__checked___fWLOu:hover {
2865
+ box-shadow: 0 0 0 1px var(--blue-dark-600);
2866
+ background-color: var(--blue-dark-600);
2867
+ }
2644
2868
  }
2645
2869
  .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b {
2646
2870
  cursor: default;
2647
- }
2648
- .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b, .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b:hover {
2649
2871
  box-shadow: 0 0 0 1px var(--gray-200);
2650
2872
  background-color: var(--gray-100);
2651
2873
  }
2652
- .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b.TagCheckbox-module__checked___fWLOu, .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b.TagCheckbox-module__checked___fWLOu:hover {
2874
+ @media only screen and (min-width: 1024px) {
2875
+ .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b:hover {
2876
+ box-shadow: 0 0 0 1px var(--gray-200);
2877
+ background-color: var(--gray-100);
2878
+ }
2879
+ }
2880
+ .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b.TagCheckbox-module__checked___fWLOu {
2653
2881
  box-shadow: 0 0 0 1px var(--gray-200);
2654
2882
  background-color: var(--gray-200);
2655
2883
  }
2884
+ @media only screen and (min-width: 1024px) {
2885
+ .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__disabled___wQS0b.TagCheckbox-module__checked___fWLOu:hover {
2886
+ box-shadow: 0 0 0 1px var(--gray-200);
2887
+ background-color: var(--gray-200);
2888
+ }
2889
+ }
2656
2890
  .TagCheckbox-module__tagCheckbox___MS2eW.TagCheckbox-module__small___xi3Kd {
2657
2891
  width: 14px;
2658
2892
  height: 14px;
@@ -3112,11 +3346,21 @@
3112
3346
  font-style: normal;
3113
3347
  font-variant: normal;
3114
3348
  }
3115
- .TabButtons-module__tabButtons___vSLsZ:hover {
3116
- background-color: var(--gray-200);
3349
+ @media only screen and (min-width: 1024px) {
3350
+ .TabButtons-module__tabButtons___vSLsZ:hover {
3351
+ background-color: var(--gray-200);
3352
+ }
3353
+ .TabButtons-module__tabButtons___vSLsZ:hover .TabButtons-module__text___EbNMB {
3354
+ color: var(--gray-700);
3355
+ }
3117
3356
  }
3118
- .TabButtons-module__tabButtons___vSLsZ:hover .TabButtons-module__text___EbNMB {
3119
- color: var(--gray-700);
3357
+ @media only screen and (max-width: 1024px) {
3358
+ .TabButtons-module__tabButtons___vSLsZ:active {
3359
+ background-color: var(--gray-200);
3360
+ }
3361
+ .TabButtons-module__tabButtons___vSLsZ:active .TabButtons-module__text___EbNMB {
3362
+ color: var(--gray-700);
3363
+ }
3120
3364
  }
3121
3365
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43 {
3122
3366
  border: 1px solid var(--gray-300);
@@ -3135,8 +3379,15 @@
3135
3379
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43 .TabButtons-module__text___EbNMB {
3136
3380
  color: var(--gray-800);
3137
3381
  }
3138
- .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43:hover {
3139
- background-color: var(--gray-50);
3382
+ @media only screen and (min-width: 1024px) {
3383
+ .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43:hover {
3384
+ background-color: var(--gray-50);
3385
+ }
3386
+ }
3387
+ @media only screen and (max-width: 1024px) {
3388
+ .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43:active {
3389
+ background-color: var(--gray-50);
3390
+ }
3140
3391
  }
3141
3392
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__disabled___MlvE9, .TabButtons-module__tabButtons___vSLsZ:disabled {
3142
3393
  border: transparent 1px solid;
@@ -3238,11 +3489,13 @@
3238
3489
  font-style: normal;
3239
3490
  font-variant: normal;
3240
3491
  }
3241
- .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover {
3242
- color: var(--gray-700);
3243
- }
3244
- .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover svg * {
3245
- stroke: var(--gray-700);
3492
+ @media only screen and (min-width: 1024px) {
3493
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover {
3494
+ color: var(--gray-700);
3495
+ }
3496
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover svg * {
3497
+ stroke: var(--gray-700);
3498
+ }
3246
3499
  }
3247
3500
  .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:focus {
3248
3501
  color: var(--gray-600);
@@ -3303,9 +3556,11 @@
3303
3556
  align-items: center;
3304
3557
  justify-content: center;
3305
3558
  }
3306
- .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV:hover {
3307
- color: var(--gray-800);
3308
- background-color: var(--gray-100);
3559
+ @media only screen and (min-width: 1024px) {
3560
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV:hover {
3561
+ color: var(--gray-800);
3562
+ background-color: var(--gray-100);
3563
+ }
3309
3564
  }
3310
3565
  .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV.PageSwitcher-module__active___Mx_1z {
3311
3566
  color: var(--gray-800);
@@ -3472,8 +3727,15 @@
3472
3727
  width: 20px;
3473
3728
  height: 20px;
3474
3729
  }
3475
- .DropdownItem-module__dropdownItem___N8ZNV:hover {
3476
- background-color: var(--gray-100);
3730
+ @media only screen and (min-width: 1024px) {
3731
+ .DropdownItem-module__dropdownItem___N8ZNV:hover {
3732
+ background-color: var(--gray-100);
3733
+ }
3734
+ }
3735
+ @media only screen and (max-width: 1024px) {
3736
+ .DropdownItem-module__dropdownItem___N8ZNV:active {
3737
+ background-color: var(--gray-100);
3738
+ }
3477
3739
  }
3478
3740
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
3479
3741
  background-color: var(--blue-dark-50);
@@ -3481,8 +3743,15 @@
3481
3743
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
3482
3744
  opacity: 1;
3483
3745
  }
3484
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
3485
- background-color: var(--blue-dark-100);
3746
+ @media only screen and (min-width: 1024px) {
3747
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
3748
+ background-color: var(--blue-dark-100);
3749
+ }
3750
+ }
3751
+ @media only screen and (max-width: 1024px) {
3752
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
3753
+ background-color: var(--blue-dark-100);
3754
+ }
3486
3755
  }
3487
3756
  .DropdownItem-module__dropdownItem___N8ZNV:disabled {
3488
3757
  cursor: default;
@@ -4132,14 +4401,18 @@
4132
4401
  width: 8px;
4133
4402
  height: 8px;
4134
4403
  }
4135
- .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ:hover {
4136
- background-color: var(--blue-dark-400);
4404
+ @media only screen and (min-width: 1024px) {
4405
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__light___UMWaJ:hover {
4406
+ background-color: var(--blue-dark-400);
4407
+ }
4137
4408
  }
4138
4409
  .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx {
4139
4410
  background-color: rgba(0, 0, 0, 0.4);
4140
4411
  }
4141
- .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx:hover {
4142
- background-color: rgba(0, 0, 0, 0.8);
4412
+ @media only screen and (min-width: 1024px) {
4413
+ .PlayButton-module__PlayButton___JmGh_.PlayButton-module__dark___BHsWx:hover {
4414
+ background-color: rgba(0, 0, 0, 0.8);
4415
+ }
4143
4416
  }
4144
4417
  .PlayButton-module__PlayButton___JmGh_:disabled {
4145
4418
  cursor: pointer;
@@ -4268,14 +4541,28 @@
4268
4541
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj {
4269
4542
  background-color: var(--base-white);
4270
4543
  }
4271
- .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj:hover {
4272
- background-color: var(--gray-100);
4544
+ @media only screen and (min-width: 1024px) {
4545
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj:hover {
4546
+ background-color: var(--gray-100);
4547
+ }
4548
+ }
4549
+ @media only screen and (max-width: 1024px) {
4550
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj:active {
4551
+ background-color: var(--gray-100);
4552
+ }
4273
4553
  }
4274
4554
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3 {
4275
4555
  background-color: var(--blue-dark-50);
4276
4556
  }
4277
- .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:hover {
4278
- background-color: var(--blue-dark-100);
4557
+ @media only screen and (min-width: 1024px) {
4558
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:hover {
4559
+ background-color: var(--blue-dark-100);
4560
+ }
4561
+ }
4562
+ @media only screen and (max-width: 1024px) {
4563
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:active {
4564
+ background-color: var(--blue-dark-100);
4565
+ }
4279
4566
  }
4280
4567
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__holiday___cQBoW .CalendarDay-module__text___ft0zM {
4281
4568
  color: var(--error-500);
@@ -4295,11 +4582,23 @@
4295
4582
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:hover {
4296
4583
  background-color: var(--gray-100);
4297
4584
  }
4585
+ @media only screen and (max-width: 1024px) {
4586
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:active {
4587
+ background-color: var(--gray-100);
4588
+ }
4589
+ }
4298
4590
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ {
4299
4591
  background-color: var(--gray-100);
4300
4592
  }
4301
- .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:hover {
4302
- background-color: var(--gray-200);
4593
+ @media only screen and (min-width: 1024px) {
4594
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:hover {
4595
+ background-color: var(--gray-200);
4596
+ }
4597
+ }
4598
+ @media only screen and (max-width: 1024px) {
4599
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:active {
4600
+ background-color: var(--gray-200);
4601
+ }
4303
4602
  }
4304
4603
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE {
4305
4604
  background-color: var(--blue-dark-500);
@@ -4313,8 +4612,15 @@
4313
4612
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE .CalendarDay-module__info___MvJmM {
4314
4613
  color: var(--blue-dark-300);
4315
4614
  }
4316
- .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:hover {
4317
- background-color: var(--blue-dark-600);
4615
+ @media only screen and (min-width: 1024px) {
4616
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:hover {
4617
+ background-color: var(--blue-dark-600);
4618
+ }
4619
+ }
4620
+ @media only screen and (max-width: 1024px) {
4621
+ .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:active {
4622
+ background-color: var(--blue-dark-600);
4623
+ }
4318
4624
  }
4319
4625
  .CalendarDay-module__CalendarDayWrapper___oK70p.CalendarDay-module__filter___jE_gQ:before {
4320
4626
  position: absolute;