coveragebook_components 0.10.1.beta.1 → 0.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +3968 -3053
  3. data/app/assets/build/coco/app.js +5 -4
  4. data/app/assets/build/coco/book.css +1609 -627
  5. data/app/assets/build/coco/book.js +2 -2
  6. data/app/assets/css/app/tippy.css +1 -1
  7. data/app/assets/css/base.css +0 -4
  8. data/app/assets/css/shared/tippy.css +2 -2
  9. data/app/assets/css/shared/utils/text.css +323 -66
  10. data/app/components/coco/app/blocks/sidebar_nav/item/item.css +3 -3
  11. data/app/components/coco/app/blocks/sidebar_nav/menu/menu.css +3 -3
  12. data/app/components/coco/app/elements/alert/alert.css +7 -7
  13. data/app/components/coco/app/elements/color_picker/color_picker.css +2 -2
  14. data/app/components/coco/app/elements/confirm_panel/confirm_panel.css +1 -1
  15. data/app/components/coco/app/elements/image_picker/image_picker.css +4 -4
  16. data/app/components/coco/app/elements/menu/menu.css +2 -2
  17. data/app/components/coco/app/elements/menu_items/user_profile/user_profile.css +1 -1
  18. data/app/components/coco/app/elements/snackbar/snackbar.css +1 -1
  19. data/app/components/coco/app/layouts/page/page.css +1 -5
  20. data/app/components/coco/app/layouts/page/page.html.erb +3 -9
  21. data/app/components/coco/app/layouts/page/page.rb +18 -3
  22. data/app/components/coco/shared/button/button.css +31 -31
  23. data/app/components/coco/shared/button/button.rb +2 -2
  24. data/app/components/coco/shared/link/link.css +67 -0
  25. data/app/components/coco/shared/link/link.rb +20 -1
  26. data/app/components/coco/shared/prose/prose.css +28 -0
  27. data/app/components/coco/shared/prose/prose.rb +14 -0
  28. data/app/components/coco/shared/spacer/spacer.css +201 -0
  29. data/app/components/coco/shared/spacer/spacer.rb +23 -0
  30. data/app/components/coco/shared/stack/stack.css +4 -0
  31. data/app/components/coco/shared/stack/stack.html.erb +4 -0
  32. data/app/components/coco/shared/stack/stack.rb +47 -0
  33. data/app/helpers/coco/app_helper.rb +1 -1
  34. data/app/helpers/coco/shared_helper.rb +13 -0
  35. data/config/tailwind.base.config.cjs +3 -1
  36. data/config/tokens.cjs +1 -0
  37. data/lib/coco.rb +1 -1
  38. metadata +12 -7
  39. data/app/components/coco/app/elements/link/link.css +0 -70
  40. data/app/components/coco/app/elements/link/link.rb +0 -33
data/app/assets/build/coco/book.css CHANGED
@@ -386,7 +386,7 @@ video {
386
386
  display: none;
387
387
  }
388
388
 
389
- [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
389
+ [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
390
390
  -webkit-appearance: none;
391
391
  -moz-appearance: none;
392
392
  appearance: none;
@@ -403,7 +403,7 @@ video {
403
403
  --tw-shadow: 0 0 #0000;
404
404
  }
405
405
 
406
- [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
406
+ [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
407
407
  outline: 2px solid transparent;
408
408
  outline-offset: 2px;
409
409
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -416,35 +416,35 @@ video {
416
416
  border-color: #0284C7;
417
417
  }
418
418
 
419
- input::-moz-placeholder, textarea::-moz-placeholder {
419
+ input::-moz-placeholder, textarea::-moz-placeholder{
420
420
  color: #6B7280;
421
421
  opacity: 1;
422
422
  }
423
423
 
424
- input::placeholder,textarea::placeholder {
424
+ input::placeholder,textarea::placeholder{
425
425
  color: #6B7280;
426
426
  opacity: 1;
427
427
  }
428
428
 
429
- ::-webkit-datetime-edit-fields-wrapper {
429
+ ::-webkit-datetime-edit-fields-wrapper{
430
430
  padding: 0;
431
431
  }
432
432
 
433
- ::-webkit-date-and-time-value {
433
+ ::-webkit-date-and-time-value{
434
434
  min-height: 1.5em;
435
435
  text-align: inherit;
436
436
  }
437
437
 
438
- ::-webkit-datetime-edit {
438
+ ::-webkit-datetime-edit{
439
439
  display: inline-flex;
440
440
  }
441
441
 
442
- ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
442
+ ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
443
443
  padding-top: 0;
444
444
  padding-bottom: 0;
445
445
  }
446
446
 
447
- select {
447
+ select{
448
448
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
449
449
  background-position: right 0.5rem center;
450
450
  background-repeat: no-repeat;
@@ -454,7 +454,7 @@ select {
454
454
  print-color-adjust: exact;
455
455
  }
456
456
 
457
- [multiple],[size]:where(select:not([size="1"])) {
457
+ [multiple],[size]:where(select:not([size="1"])){
458
458
  background-image: initial;
459
459
  background-position: initial;
460
460
  background-repeat: unset;
@@ -464,7 +464,7 @@ select {
464
464
  print-color-adjust: unset;
465
465
  }
466
466
 
467
- [type='checkbox'],[type='radio'] {
467
+ [type='checkbox'],[type='radio']{
468
468
  -webkit-appearance: none;
469
469
  -moz-appearance: none;
470
470
  appearance: none;
@@ -487,15 +487,15 @@ select {
487
487
  --tw-shadow: 0 0 #0000;
488
488
  }
489
489
 
490
- [type='checkbox'] {
490
+ [type='checkbox']{
491
491
  border-radius: 0px;
492
492
  }
493
493
 
494
- [type='radio'] {
494
+ [type='radio']{
495
495
  border-radius: 100%;
496
496
  }
497
497
 
498
- [type='checkbox']:focus,[type='radio']:focus {
498
+ [type='checkbox']:focus,[type='radio']:focus{
499
499
  outline: 2px solid transparent;
500
500
  outline-offset: 2px;
501
501
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -507,7 +507,7 @@ select {
507
507
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
508
508
  }
509
509
 
510
- [type='checkbox']:checked,[type='radio']:checked {
510
+ [type='checkbox']:checked,[type='radio']:checked{
511
511
  border-color: transparent;
512
512
  background-color: currentColor;
513
513
  background-size: 100% 100%;
@@ -515,20 +515,20 @@ select {
515
515
  background-repeat: no-repeat;
516
516
  }
517
517
 
518
- [type='checkbox']:checked {
518
+ [type='checkbox']:checked{
519
519
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
520
520
  }
521
521
 
522
- [type='radio']:checked {
522
+ [type='radio']:checked{
523
523
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
524
524
  }
525
525
 
526
- [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
526
+ [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
527
527
  border-color: transparent;
528
528
  background-color: currentColor;
529
529
  }
530
530
 
531
- [type='checkbox']:indeterminate {
531
+ [type='checkbox']:indeterminate{
532
532
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
533
533
  border-color: transparent;
534
534
  background-color: currentColor;
@@ -537,12 +537,12 @@ select {
537
537
  background-repeat: no-repeat;
538
538
  }
539
539
 
540
- [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
540
+ [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
541
541
  border-color: transparent;
542
542
  background-color: currentColor;
543
543
  }
544
544
 
545
- [type='file'] {
545
+ [type='file']{
546
546
  background: unset;
547
547
  border-color: inherit;
548
548
  border-width: 0;
@@ -552,7 +552,7 @@ select {
552
552
  line-height: inherit;
553
553
  }
554
554
 
555
- [type='file']:focus {
555
+ [type='file']:focus{
556
556
  outline: 1px solid ButtonText;
557
557
  outline: 1px auto -webkit-focus-ring-color;
558
558
  }
@@ -560,21 +560,21 @@ select {
560
560
  --app-height: 100%;
561
561
  }
562
562
 
563
- html {
563
+ html{
564
564
  scroll-behavior: smooth;
565
565
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
566
566
  --tw-text-opacity: 1;
567
567
  color: rgb(17 24 39 / var(--tw-text-opacity));
568
568
  }
569
569
 
570
- @media (prefers-reduced-motion: no-preference) {
570
+ @media (prefers-reduced-motion: no-preference){
571
571
 
572
- html {
572
+ html{
573
573
  scroll-behavior: auto;
574
574
  }
575
575
  }
576
576
 
577
- a {
577
+ a{
578
578
  color: currentColor;
579
579
  text-decoration-line: underline;
580
580
  text-underline-offset: 2px;
@@ -583,17 +583,11 @@ select {
583
583
  [x-cloak] {
584
584
  display: none !important;
585
585
  }
586
-
587
- [data-coco] {
588
- font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
589
- --tw-text-opacity: 1;
590
- color: rgb(17 24 39 / var(--tw-text-opacity));
591
- }
592
- [x-dropdown] [x-dropdown\:content] {
586
+ [x-dropdown] [x-dropdown\:content]{
593
587
  display: none;
594
588
  }
595
589
 
596
- *, ::before, ::after {
590
+ *, ::before, ::after{
597
591
  --tw-border-spacing-x: 0;
598
592
  --tw-border-spacing-y: 0;
599
593
  --tw-translate-x: 0;
@@ -643,7 +637,7 @@ select {
643
637
  --tw-backdrop-sepia: ;
644
638
  }
645
639
 
646
- ::backdrop {
640
+ ::backdrop{
647
641
  --tw-border-spacing-x: 0;
648
642
  --tw-border-spacing-y: 0;
649
643
  --tw-translate-x: 0;
@@ -692,32 +686,32 @@ select {
692
686
  --tw-backdrop-saturate: ;
693
687
  --tw-backdrop-sepia: ;
694
688
  }
695
- [data-tippy-root] {
689
+ [data-tippy-root]{
696
690
  z-index: 10010 !important;
697
691
  }
698
- .tippy-box[data-theme^="coco-"] {
692
+ .tippy-box[data-theme^="coco-"]{
699
693
  white-space: normal;
700
694
  background-color: transparent;
701
695
  --tw-text-opacity: 1;
702
696
  color: rgb(17 24 39 / var(--tw-text-opacity));
703
697
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
698
+ font-weight: 600;
704
699
  font-size: 16px;
705
700
  line-height: 20px;
706
- font-weight: 600;
707
701
  }
708
- .tippy-box[data-theme^="coco-"] .tippy-content {
702
+ .tippy-box[data-theme^="coco-"] .tippy-content{
709
703
  padding: 0px;
710
704
  }
711
705
  /* arrow border */
712
- .tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:first-child {
706
+ .tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:first-child{
713
707
  fill: transparent;
714
708
  }
715
709
  /* arrow background */
716
- .tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:last-child {
710
+ .tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:last-child{
717
711
  fill: transparent;
718
712
  }
719
713
  /* Tooltip theme */
720
- .tippy-box[data-theme~="coco-tooltip"] {
714
+ .tippy-box[data-theme~="coco-tooltip"]{
721
715
  border-radius: 0.5rem;
722
716
  --tw-bg-opacity: 1;
723
717
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -727,11 +721,11 @@ select {
727
721
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
728
722
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
729
723
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
724
+ font-weight: 600;
730
725
  font-size: 14px;
731
726
  line-height: 16px;
732
- font-weight: 600;
733
727
  }
734
- .tippy-box[data-theme~="coco-tooltip"] .tippy-content {
728
+ .tippy-box[data-theme~="coco-tooltip"] .tippy-content{
735
729
  max-width: 240px;
736
730
  overflow: hidden;
737
731
  text-overflow: ellipsis;
@@ -742,42 +736,42 @@ select {
742
736
  padding-bottom: 0.5rem;
743
737
  }
744
738
  /* arrow background */
745
- .tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:first-child {
739
+ .tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:first-child{
746
740
  display: none;
747
741
  }
748
- .tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:last-child {
742
+ .tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:last-child{
749
743
  fill: #111827;
750
744
  }
751
- [data-coco][data-component="avatar"] {
745
+ [data-coco][data-component="avatar"]{
752
746
  display: block;
753
747
  flex: none;
754
748
  overflow: hidden;
755
749
  border-radius: 9999px;
756
750
  }
757
- [data-coco][data-component="avatar"] img {
751
+ [data-coco][data-component="avatar"] img{
758
752
  width: 100%;
759
753
  border-radius: 9999px;
760
754
  }
761
- [data-coco][data-component="avatar"][data-size="sm"] {
755
+ [data-coco][data-component="avatar"][data-size="sm"]{
762
756
  height: 1.25rem;
763
757
  width: 1.25rem;
764
758
  }
765
- [data-coco][data-component="avatar"][data-size="md"] {
759
+ [data-coco][data-component="avatar"][data-size="md"]{
766
760
  height: 1.5rem;
767
761
  width: 1.5rem;
768
762
  }
769
- [data-coco][data-component="avatar"][data-size="lg"] {
763
+ [data-coco][data-component="avatar"][data-size="lg"]{
770
764
  height: 1.75rem;
771
765
  width: 1.75rem;
772
766
  }
773
- [data-coco][data-component="avatar"][data-size="xl"] {
767
+ [data-coco][data-component="avatar"][data-size="xl"]{
774
768
  height: 2rem;
775
769
  width: 2rem;
776
770
  }
777
- .coco-button-wrapper {
771
+ .coco-button-wrapper{
778
772
  display: contents !important;
779
773
  }
780
- [data-coco].coco-button {
774
+ [data-coco].coco-button{
781
775
  display: flex;
782
776
  width: auto;
783
777
  flex: none;
@@ -795,14 +789,14 @@ select {
795
789
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
796
790
  transition-duration: 150ms;
797
791
  }
798
- [data-coco].coco-button:focus-visible {
792
+ [data-coco].coco-button:focus-visible{
799
793
  outline-width: 0px;
800
794
  }
801
795
  [data-coco].coco-button {
802
796
  width: -moz-min-content;
803
797
  width: min-content;
804
798
  }
805
- [data-coco].coco-button .button-inner {
799
+ [data-coco].coco-button .button-inner{
806
800
  margin-left: auto;
807
801
  margin-right: auto;
808
802
  display: inline-flex;
@@ -812,7 +806,7 @@ select {
812
806
  width: -moz-fit-content;
813
807
  width: fit-content;
814
808
  }
815
- [data-coco].coco-button .button-content {
809
+ [data-coco].coco-button .button-content{
816
810
  position: relative;
817
811
  order: 2;
818
812
  display: inline-flex;
@@ -820,66 +814,66 @@ select {
820
814
  white-space: nowrap;
821
815
  line-height: 1;
822
816
  }
823
- [data-coco].coco-button .button-state-content {
817
+ [data-coco].coco-button .button-state-content{
824
818
  display: contents;
825
819
  }
826
- [data-coco].coco-button .button-icon {
820
+ [data-coco].coco-button .button-icon{
827
821
  order: 1;
828
822
  display: inline-flex;
829
823
  align-items: center;
830
824
  }
831
- [data-coco].coco-button .button-dropdown {
825
+ [data-coco].coco-button .button-dropdown{
832
826
  display: contents;
833
827
  border-radius: 0.375rem;
834
828
  }
835
- [data-coco].coco-button .button-toggle {
829
+ [data-coco].coco-button .button-toggle{
836
830
  order: 3;
837
831
  }
838
832
  /* disabled */
839
- [data-coco].coco-button[data-disabled="true"] {
833
+ [data-coco].coco-button[data-disabled="true"]{
840
834
  pointer-events: none;
841
835
  cursor: not-allowed;
842
836
  }
843
837
  /* loading */
844
- @keyframes spin {
838
+ @keyframes spin{
845
839
 
846
- to {
840
+ to{
847
841
  transform: rotate(360deg);
848
842
  }
849
843
  }
850
- [data-coco].coco-button[data-state="loading"] .button-icon {
844
+ [data-coco].coco-button[data-state="loading"] .button-icon{
851
845
  animation: spin 1.5s linear infinite;
852
846
  }
853
847
  /* Fit */
854
- [data-coco].coco-button[data-fit="full"] {
848
+ [data-coco].coco-button[data-fit="full"]{
855
849
  width: 100%;
856
850
  }
857
851
  /* Icons */
858
- [data-coco].coco-button[data-icon-position="end"] .button-content {
852
+ [data-coco].coco-button[data-icon-position="end"] .button-content{
859
853
  order: 1;
860
854
  }
861
- [data-coco].coco-button[data-icon-position="end"] .button-icon {
855
+ [data-coco].coco-button[data-icon-position="end"] .button-icon{
862
856
  order: 2;
863
857
  }
864
- [data-coco].coco-button[data-icon-position="end"] .button-toggle {
858
+ [data-coco].coco-button[data-icon-position="end"] .button-toggle{
865
859
  order: 3;
866
860
  }
867
861
  [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
868
862
  display: none;
869
863
  }
870
864
  /* Themes */
871
- [data-coco].coco-button[data-theme] {
865
+ [data-coco].coco-button[data-theme]{
872
866
  overflow: hidden;
873
867
  transition-property: all;
874
868
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
875
869
  transition-duration: 150ms;
876
870
  border-radius: 44px;
877
871
  }
878
- [data-coco].coco-button[data-theme] .button-content {
872
+ [data-coco].coco-button[data-theme] .button-content{
879
873
  font-weight: 600;
880
874
  }
881
875
  [data-coco].coco-button[data-theme="primary"],
882
- [data-coco].coco-button[data-theme="positive"] {
876
+ [data-coco].coco-button[data-theme="positive"]{
883
877
  --tw-bg-opacity: 1;
884
878
  background-color: rgb(26 136 113 / var(--tw-bg-opacity));
885
879
  --tw-text-opacity: 1;
@@ -888,65 +882,65 @@ select {
888
882
  -moz-osx-font-smoothing: grayscale;
889
883
  }
890
884
  [data-coco].coco-button[data-theme="primary"]:hover,
891
- [data-coco].coco-button[data-theme="positive"]:hover {
885
+ [data-coco].coco-button[data-theme="positive"]:hover{
892
886
  --tw-bg-opacity: 1;
893
887
  background-color: rgb(19 116 100 / var(--tw-bg-opacity));
894
888
  }
895
889
  [data-coco].coco-button[data-theme="primary"]:active,
896
- [data-coco].coco-button[data-theme="positive"]:active {
890
+ [data-coco].coco-button[data-theme="positive"]:active{
897
891
  --tw-bg-opacity: 1;
898
892
  background-color: rgb(13 97 89 / var(--tw-bg-opacity));
899
893
  }
900
- [data-coco].coco-button[data-theme="primary"][data-state="loading"], [data-coco].coco-button[data-theme="positive"][data-state="loading"] {
894
+ [data-coco].coco-button[data-theme="primary"][data-state="loading"], [data-coco].coco-button[data-theme="positive"][data-state="loading"]{
901
895
  --tw-bg-opacity: 1;
902
896
  background-color: rgb(26 136 113 / var(--tw-bg-opacity));
903
897
  }
904
- [data-coco].coco-button[data-theme="primary"][data-state="active"], [data-coco].coco-button[data-theme="positive"][data-state="active"] {
898
+ [data-coco].coco-button[data-theme="primary"][data-state="active"], [data-coco].coco-button[data-theme="positive"][data-state="active"]{
905
899
  --tw-bg-opacity: 1;
906
900
  background-color: rgb(13 97 89 / var(--tw-bg-opacity));
907
901
  }
908
- [data-coco].coco-button[data-theme="primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="positive"][data-state="loading"] .button-icon {
902
+ [data-coco].coco-button[data-theme="primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="positive"][data-state="loading"] .button-icon{
909
903
  --tw-text-opacity: 1;
910
904
  color: rgb(118 184 170 / var(--tw-text-opacity));
911
905
  }
912
- [data-coco].coco-button[data-theme="primary"][data-disabled="true"], [data-coco].coco-button[data-theme="positive"][data-disabled="true"] {
906
+ [data-coco].coco-button[data-theme="primary"][data-disabled="true"], [data-coco].coco-button[data-theme="positive"][data-disabled="true"]{
913
907
  --tw-bg-opacity: 1;
914
908
  background-color: rgb(163 207 197 / var(--tw-bg-opacity));
915
909
  }
916
910
  [data-coco].coco-button[data-theme="text-primary"],
917
- [data-coco].coco-button[data-theme="text-positive"] {
911
+ [data-coco].coco-button[data-theme="text-positive"]{
918
912
  background-color: transparent;
919
913
  --tw-text-opacity: 1;
920
914
  color: rgb(26 136 113 / var(--tw-text-opacity));
921
915
  }
922
916
  [data-coco].coco-button[data-theme="text-primary"]:hover,
923
- [data-coco].coco-button[data-theme="text-positive"]:hover {
917
+ [data-coco].coco-button[data-theme="text-positive"]:hover{
924
918
  background-color: rgba(0, 12, 39, 0.06);
925
919
  background-blend-mode: hard-light;
926
920
  }
927
921
  [data-coco].coco-button[data-theme="text-primary"]:active,
928
- [data-coco].coco-button[data-theme="text-positive"]:active {
922
+ [data-coco].coco-button[data-theme="text-positive"]:active{
929
923
  background-color: rgba(0, 12, 39, 0.1);
930
924
  background-blend-mode: hard-light;
931
925
  }
932
- [data-coco].coco-button[data-theme="text-primary"][data-state="loading"], [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] {
926
+ [data-coco].coco-button[data-theme="text-primary"][data-state="loading"], [data-coco].coco-button[data-theme="text-positive"][data-state="loading"]{
933
927
  background-color: transparent;
934
928
  }
935
- [data-coco].coco-button[data-theme="text-primary"][data-state="active"], [data-coco].coco-button[data-theme="text-positive"][data-state="active"] {
929
+ [data-coco].coco-button[data-theme="text-primary"][data-state="active"], [data-coco].coco-button[data-theme="text-positive"][data-state="active"]{
936
930
  background-color: rgba(0, 12, 39, 0.1);
937
931
  background-blend-mode: hard-light;
938
932
  }
939
- [data-coco].coco-button[data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] .button-icon {
933
+ [data-coco].coco-button[data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] .button-icon{
940
934
  --tw-text-opacity: 1;
941
935
  color: rgb(118 184 170 / var(--tw-text-opacity));
942
936
  }
943
- [data-coco].coco-button[data-theme="text-primary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-positive"][data-disabled="true"] {
937
+ [data-coco].coco-button[data-theme="text-primary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-positive"][data-disabled="true"]{
944
938
  background-color: transparent;
945
939
  opacity: 0.3;
946
940
  }
947
941
  [data-coco].coco-button[data-theme="secondary"],
948
942
  [data-coco].coco-button[data-theme="toolbar"],
949
- [data-coco].coco-button[data-theme="toolbar-floating"] {
943
+ [data-coco].coco-button[data-theme="toolbar-floating"]{
950
944
  border-color: rgba(0, 12, 39, 0.18);
951
945
  background-color: transparent;
952
946
  --tw-text-opacity: 1;
@@ -954,81 +948,81 @@ select {
954
948
  }
955
949
  [data-coco].coco-button[data-theme="secondary"]:hover,
956
950
  [data-coco].coco-button[data-theme="toolbar"]:hover,
957
- [data-coco].coco-button[data-theme="toolbar-floating"]:hover {
951
+ [data-coco].coco-button[data-theme="toolbar-floating"]:hover{
958
952
  background-color: rgba(0, 12, 39, 0.06);
959
953
  background-blend-mode: hard-light;
960
954
  }
961
955
  [data-coco].coco-button[data-theme="secondary"]:active,
962
956
  [data-coco].coco-button[data-theme="toolbar"]:active,
963
- [data-coco].coco-button[data-theme="toolbar-floating"]:active {
957
+ [data-coco].coco-button[data-theme="toolbar-floating"]:active{
964
958
  background-color: rgba(0, 12, 39, 0.1);
965
959
  background-blend-mode: hard-light;
966
960
  }
967
- [data-coco].coco-button[data-theme="secondary"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] {
961
+ [data-coco].coco-button[data-theme="secondary"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"]{
968
962
  background-color: transparent;
969
963
  }
970
- [data-coco].coco-button[data-theme="secondary"][data-state="active"], [data-coco].coco-button[data-theme="toolbar"][data-state="active"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"] {
964
+ [data-coco].coco-button[data-theme="secondary"][data-state="active"], [data-coco].coco-button[data-theme="toolbar"][data-state="active"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"]{
971
965
  background-color: rgba(0, 12, 39, 0.1);
972
966
  background-blend-mode: hard-light;
973
967
  }
974
- [data-coco].coco-button[data-theme="secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] .button-icon {
968
+ [data-coco].coco-button[data-theme="secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] .button-icon{
975
969
  --tw-text-opacity: 1;
976
970
  color: rgb(118 184 170 / var(--tw-text-opacity));
977
971
  }
978
- [data-coco].coco-button[data-theme="secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar-floating"][data-disabled="true"] {
972
+ [data-coco].coco-button[data-theme="secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar-floating"][data-disabled="true"]{
979
973
  background-color: transparent;
980
974
  opacity: 0.3;
981
975
  }
982
- [data-coco].coco-button[data-theme="toolbar-floating"] {
976
+ [data-coco].coco-button[data-theme="toolbar-floating"]{
983
977
  --tw-border-opacity: 1;
984
978
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
985
979
  --tw-bg-opacity: 1;
986
980
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
987
981
  }
988
- [data-coco].coco-button[data-theme="toolbar-floating"]:hover {
982
+ [data-coco].coco-button[data-theme="toolbar-floating"]:hover{
989
983
  --tw-bg-opacity: 1;
990
984
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
991
985
  }
992
- [data-coco].coco-button[data-theme="toolbar-floating"]:active {
986
+ [data-coco].coco-button[data-theme="toolbar-floating"]:active{
993
987
  --tw-bg-opacity: 1;
994
988
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
995
989
  }
996
- [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"] {
990
+ [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"]{
997
991
  --tw-bg-opacity: 1;
998
992
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
999
993
  }
1000
994
  [data-coco].coco-button[data-theme="text-secondary"],
1001
- [data-coco].coco-button[data-theme="text-toolbar"] {
995
+ [data-coco].coco-button[data-theme="text-toolbar"]{
1002
996
  background-color: transparent;
1003
997
  --tw-text-opacity: 1;
1004
998
  color: rgb(17 24 39 / var(--tw-text-opacity));
1005
999
  }
1006
1000
  [data-coco].coco-button[data-theme="text-secondary"]:hover,
1007
- [data-coco].coco-button[data-theme="text-toolbar"]:hover {
1001
+ [data-coco].coco-button[data-theme="text-toolbar"]:hover{
1008
1002
  background-color: rgba(0, 12, 39, 0.06);
1009
1003
  background-blend-mode: hard-light;
1010
1004
  }
1011
1005
  [data-coco].coco-button[data-theme="text-secondary"]:active,
1012
- [data-coco].coco-button[data-theme="text-toolbar"]:active {
1006
+ [data-coco].coco-button[data-theme="text-toolbar"]:active{
1013
1007
  background-color: rgba(0, 12, 39, 0.1);
1014
1008
  background-blend-mode: hard-light;
1015
1009
  }
1016
- [data-coco].coco-button[data-theme="text-secondary"][data-state="loading"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] {
1010
+ [data-coco].coco-button[data-theme="text-secondary"][data-state="loading"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"]{
1017
1011
  background-color: transparent;
1018
1012
  }
1019
- [data-coco].coco-button[data-theme="text-secondary"][data-state="active"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="active"] {
1013
+ [data-coco].coco-button[data-theme="text-secondary"][data-state="active"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="active"]{
1020
1014
  background-color: rgba(0, 12, 39, 0.1);
1021
1015
  background-blend-mode: hard-light;
1022
1016
  }
1023
- [data-coco].coco-button[data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] .button-icon {
1017
+ [data-coco].coco-button[data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] .button-icon{
1024
1018
  --tw-text-opacity: 1;
1025
1019
  color: rgb(118 184 170 / var(--tw-text-opacity));
1026
1020
  }
1027
- [data-coco].coco-button[data-theme="text-secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-toolbar"][data-disabled="true"] {
1021
+ [data-coco].coco-button[data-theme="text-secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-toolbar"][data-disabled="true"]{
1028
1022
  background-color: transparent;
1029
1023
  opacity: 0.3;
1030
1024
  }
1031
- [data-coco].coco-button[data-theme="negative"] {
1025
+ [data-coco].coco-button[data-theme="negative"]{
1032
1026
  --tw-bg-opacity: 1;
1033
1027
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1034
1028
  --tw-text-opacity: 1;
@@ -1036,59 +1030,59 @@ select {
1036
1030
  -webkit-font-smoothing: antialiased;
1037
1031
  -moz-osx-font-smoothing: grayscale;
1038
1032
  }
1039
- [data-coco].coco-button[data-theme="negative"]:hover {
1033
+ [data-coco].coco-button[data-theme="negative"]:hover{
1040
1034
  --tw-bg-opacity: 1;
1041
1035
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1042
1036
  }
1043
- [data-coco].coco-button[data-theme="negative"]:active {
1037
+ [data-coco].coco-button[data-theme="negative"]:active{
1044
1038
  --tw-bg-opacity: 1;
1045
1039
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
1046
1040
  }
1047
- [data-coco].coco-button[data-theme="negative"][data-state="loading"] {
1041
+ [data-coco].coco-button[data-theme="negative"][data-state="loading"]{
1048
1042
  --tw-bg-opacity: 1;
1049
1043
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1050
1044
  }
1051
- [data-coco].coco-button[data-theme="negative"][data-state="active"] {
1045
+ [data-coco].coco-button[data-theme="negative"][data-state="active"]{
1052
1046
  --tw-bg-opacity: 1;
1053
1047
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
1054
1048
  }
1055
- [data-coco].coco-button[data-theme="negative"][data-state="loading"] .button-icon {
1049
+ [data-coco].coco-button[data-theme="negative"][data-state="loading"] .button-icon{
1056
1050
  --tw-text-opacity: 1;
1057
1051
  color: rgb(252 165 165 / var(--tw-text-opacity));
1058
1052
  }
1059
- [data-coco].coco-button[data-theme="negative"][data-disabled="true"] {
1053
+ [data-coco].coco-button[data-theme="negative"][data-disabled="true"]{
1060
1054
  --tw-bg-opacity: 1;
1061
1055
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
1062
1056
  }
1063
- [data-coco].coco-button[data-theme="text-negative"] {
1057
+ [data-coco].coco-button[data-theme="text-negative"]{
1064
1058
  background-color: transparent;
1065
1059
  --tw-text-opacity: 1;
1066
1060
  color: rgb(220 38 38 / var(--tw-text-opacity));
1067
1061
  }
1068
- [data-coco].coco-button[data-theme="text-negative"]:hover {
1062
+ [data-coco].coco-button[data-theme="text-negative"]:hover{
1069
1063
  background-color: rgba(0, 12, 39, 0.06);
1070
1064
  background-blend-mode: hard-light;
1071
1065
  }
1072
- [data-coco].coco-button[data-theme="text-negative"]:active {
1066
+ [data-coco].coco-button[data-theme="text-negative"]:active{
1073
1067
  background-color: rgba(0, 12, 39, 0.1);
1074
1068
  background-blend-mode: hard-light;
1075
1069
  }
1076
- [data-coco].coco-button[data-theme="text-negative"][data-state="loading"] {
1070
+ [data-coco].coco-button[data-theme="text-negative"][data-state="loading"]{
1077
1071
  background-color: transparent;
1078
1072
  }
1079
- [data-coco].coco-button[data-theme="text-negative"][data-state="active"] {
1073
+ [data-coco].coco-button[data-theme="text-negative"][data-state="active"]{
1080
1074
  background-color: rgba(0, 12, 39, 0.1);
1081
1075
  background-blend-mode: hard-light;
1082
1076
  }
1083
- [data-coco].coco-button[data-theme="text-negative"][data-state="loading"] .button-icon {
1077
+ [data-coco].coco-button[data-theme="text-negative"][data-state="loading"] .button-icon{
1084
1078
  --tw-text-opacity: 1;
1085
1079
  color: rgb(252 165 165 / var(--tw-text-opacity));
1086
1080
  }
1087
- [data-coco].coco-button[data-theme="text-negative"][data-disabled="true"] {
1081
+ [data-coco].coco-button[data-theme="text-negative"][data-disabled="true"]{
1088
1082
  background-color: transparent;
1089
1083
  opacity: 0.3;
1090
1084
  }
1091
- [data-coco].coco-button[data-theme="warning"] {
1085
+ [data-coco].coco-button[data-theme="warning"]{
1092
1086
  --tw-bg-opacity: 1;
1093
1087
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
1094
1088
  --tw-text-opacity: 1;
@@ -1096,59 +1090,59 @@ select {
1096
1090
  -webkit-font-smoothing: antialiased;
1097
1091
  -moz-osx-font-smoothing: grayscale;
1098
1092
  }
1099
- [data-coco].coco-button[data-theme="warning"]:hover {
1093
+ [data-coco].coco-button[data-theme="warning"]:hover{
1100
1094
  --tw-bg-opacity: 1;
1101
1095
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
1102
1096
  }
1103
- [data-coco].coco-button[data-theme="warning"]:active {
1097
+ [data-coco].coco-button[data-theme="warning"]:active{
1104
1098
  --tw-bg-opacity: 1;
1105
1099
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
1106
1100
  }
1107
- [data-coco].coco-button[data-theme="warning"][data-state="loading"] {
1101
+ [data-coco].coco-button[data-theme="warning"][data-state="loading"]{
1108
1102
  --tw-bg-opacity: 1;
1109
1103
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
1110
1104
  }
1111
- [data-coco].coco-button[data-theme="warning"][data-state="active"] {
1105
+ [data-coco].coco-button[data-theme="warning"][data-state="active"]{
1112
1106
  --tw-bg-opacity: 1;
1113
1107
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
1114
1108
  }
1115
- [data-coco].coco-button[data-theme="warning"][data-state="loading"] .button-icon {
1109
+ [data-coco].coco-button[data-theme="warning"][data-state="loading"] .button-icon{
1116
1110
  --tw-text-opacity: 1;
1117
1111
  color: rgb(252 211 77 / var(--tw-text-opacity));
1118
1112
  }
1119
- [data-coco].coco-button[data-theme="warning"][data-disabled="true"] {
1113
+ [data-coco].coco-button[data-theme="warning"][data-disabled="true"]{
1120
1114
  --tw-bg-opacity: 1;
1121
1115
  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
1122
1116
  }
1123
- [data-coco].coco-button[data-theme="text-warning"] {
1117
+ [data-coco].coco-button[data-theme="text-warning"]{
1124
1118
  background-color: transparent;
1125
1119
  --tw-text-opacity: 1;
1126
1120
  color: rgb(217 119 6 / var(--tw-text-opacity));
1127
1121
  }
1128
- [data-coco].coco-button[data-theme="text-warning"]:hover {
1122
+ [data-coco].coco-button[data-theme="text-warning"]:hover{
1129
1123
  background-color: rgba(0, 12, 39, 0.06);
1130
1124
  background-blend-mode: hard-light;
1131
1125
  }
1132
- [data-coco].coco-button[data-theme="text-warning"]:active {
1126
+ [data-coco].coco-button[data-theme="text-warning"]:active{
1133
1127
  background-color: rgba(0, 12, 39, 0.1);
1134
1128
  background-blend-mode: hard-light;
1135
1129
  }
1136
- [data-coco].coco-button[data-theme="text-warning"][data-state="loading"] {
1130
+ [data-coco].coco-button[data-theme="text-warning"][data-state="loading"]{
1137
1131
  background-color: transparent;
1138
1132
  }
1139
- [data-coco].coco-button[data-theme="text-warning"][data-state="active"] {
1133
+ [data-coco].coco-button[data-theme="text-warning"][data-state="active"]{
1140
1134
  background-color: rgba(0, 12, 39, 0.1);
1141
1135
  background-blend-mode: hard-light;
1142
1136
  }
1143
- [data-coco].coco-button[data-theme="text-warning"][data-state="loading"] .button-icon {
1137
+ [data-coco].coco-button[data-theme="text-warning"][data-state="loading"] .button-icon{
1144
1138
  --tw-text-opacity: 1;
1145
1139
  color: rgb(252 211 77 / var(--tw-text-opacity));
1146
1140
  }
1147
- [data-coco].coco-button[data-theme="text-warning"][data-disabled="true"] {
1141
+ [data-coco].coco-button[data-theme="text-warning"][data-disabled="true"]{
1148
1142
  background-color: transparent;
1149
1143
  opacity: 0.3;
1150
1144
  }
1151
- [data-coco].coco-button[data-theme="info"] {
1145
+ [data-coco].coco-button[data-theme="info"]{
1152
1146
  --tw-bg-opacity: 1;
1153
1147
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
1154
1148
  --tw-text-opacity: 1;
@@ -1156,59 +1150,59 @@ select {
1156
1150
  -webkit-font-smoothing: antialiased;
1157
1151
  -moz-osx-font-smoothing: grayscale;
1158
1152
  }
1159
- [data-coco].coco-button[data-theme="info"]:hover {
1153
+ [data-coco].coco-button[data-theme="info"]:hover{
1160
1154
  --tw-bg-opacity: 1;
1161
1155
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
1162
1156
  }
1163
- [data-coco].coco-button[data-theme="info"]:active {
1157
+ [data-coco].coco-button[data-theme="info"]:active{
1164
1158
  --tw-bg-opacity: 1;
1165
1159
  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
1166
1160
  }
1167
- [data-coco].coco-button[data-theme="info"][data-state="loading"] {
1161
+ [data-coco].coco-button[data-theme="info"][data-state="loading"]{
1168
1162
  --tw-bg-opacity: 1;
1169
1163
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
1170
1164
  }
1171
- [data-coco].coco-button[data-theme="info"][data-state="active"] {
1165
+ [data-coco].coco-button[data-theme="info"][data-state="active"]{
1172
1166
  --tw-bg-opacity: 1;
1173
1167
  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
1174
1168
  }
1175
- [data-coco].coco-button[data-theme="info"][data-state="loading"] .button-icon {
1169
+ [data-coco].coco-button[data-theme="info"][data-state="loading"] .button-icon{
1176
1170
  --tw-text-opacity: 1;
1177
1171
  color: rgb(125 211 252 / var(--tw-text-opacity));
1178
1172
  }
1179
- [data-coco].coco-button[data-theme="info"][data-disabled="true"] {
1173
+ [data-coco].coco-button[data-theme="info"][data-disabled="true"]{
1180
1174
  --tw-bg-opacity: 1;
1181
1175
  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
1182
1176
  }
1183
- [data-coco].coco-button[data-theme="text-info"] {
1177
+ [data-coco].coco-button[data-theme="text-info"]{
1184
1178
  background-color: transparent;
1185
1179
  --tw-text-opacity: 1;
1186
1180
  color: rgb(2 132 199 / var(--tw-text-opacity));
1187
1181
  }
1188
- [data-coco].coco-button[data-theme="text-info"]:hover {
1182
+ [data-coco].coco-button[data-theme="text-info"]:hover{
1189
1183
  background-color: rgba(0, 12, 39, 0.06);
1190
1184
  background-blend-mode: hard-light;
1191
1185
  }
1192
- [data-coco].coco-button[data-theme="text-info"]:active {
1186
+ [data-coco].coco-button[data-theme="text-info"]:active{
1193
1187
  background-color: rgba(0, 12, 39, 0.1);
1194
1188
  background-blend-mode: hard-light;
1195
1189
  }
1196
- [data-coco].coco-button[data-theme="text-info"][data-state="loading"] {
1190
+ [data-coco].coco-button[data-theme="text-info"][data-state="loading"]{
1197
1191
  background-color: transparent;
1198
1192
  }
1199
- [data-coco].coco-button[data-theme="text-info"][data-state="active"] {
1193
+ [data-coco].coco-button[data-theme="text-info"][data-state="active"]{
1200
1194
  background-color: rgba(0, 12, 39, 0.1);
1201
1195
  background-blend-mode: hard-light;
1202
1196
  }
1203
- [data-coco].coco-button[data-theme="text-info"][data-state="loading"] .button-icon {
1197
+ [data-coco].coco-button[data-theme="text-info"][data-state="loading"] .button-icon{
1204
1198
  --tw-text-opacity: 1;
1205
1199
  color: rgb(125 211 252 / var(--tw-text-opacity));
1206
1200
  }
1207
- [data-coco].coco-button[data-theme="text-info"][data-disabled="true"] {
1201
+ [data-coco].coco-button[data-theme="text-info"][data-disabled="true"]{
1208
1202
  background-color: transparent;
1209
1203
  opacity: 0.3;
1210
1204
  }
1211
- [data-coco].coco-button[data-theme="neutral-dark"] {
1205
+ [data-coco].coco-button[data-theme="neutral-dark"]{
1212
1206
  --tw-bg-opacity: 1;
1213
1207
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1214
1208
  --tw-text-opacity: 1;
@@ -1216,27 +1210,27 @@ select {
1216
1210
  -webkit-font-smoothing: antialiased;
1217
1211
  -moz-osx-font-smoothing: grayscale;
1218
1212
  }
1219
- [data-coco].coco-button[data-theme="neutral-dark"]:hover {
1213
+ [data-coco].coco-button[data-theme="neutral-dark"]:hover{
1220
1214
  --tw-bg-opacity: 1;
1221
1215
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1222
1216
  }
1223
- [data-coco].coco-button[data-theme="neutral-dark"]:active {
1217
+ [data-coco].coco-button[data-theme="neutral-dark"]:active{
1224
1218
  --tw-bg-opacity: 1;
1225
1219
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1226
1220
  }
1227
- [data-coco].coco-button[data-theme="neutral-dark"][data-state="loading"] {
1221
+ [data-coco].coco-button[data-theme="neutral-dark"][data-state="loading"]{
1228
1222
  --tw-bg-opacity: 1;
1229
1223
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1230
1224
  }
1231
- [data-coco].coco-button[data-theme="neutral-dark"][data-state="active"] {
1225
+ [data-coco].coco-button[data-theme="neutral-dark"][data-state="active"]{
1232
1226
  --tw-bg-opacity: 1;
1233
1227
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1234
1228
  }
1235
- [data-coco].coco-button[data-theme="neutral-dark"][data-disabled="true"] {
1229
+ [data-coco].coco-button[data-theme="neutral-dark"][data-disabled="true"]{
1236
1230
  --tw-bg-opacity: 1;
1237
1231
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1238
1232
  }
1239
- [data-coco].coco-button[data-theme="neutral-light"] {
1233
+ [data-coco].coco-button[data-theme="neutral-light"]{
1240
1234
  border-width: 1px;
1241
1235
  border-color: transparent;
1242
1236
  --tw-bg-opacity: 1;
@@ -1244,57 +1238,57 @@ select {
1244
1238
  --tw-text-opacity: 1;
1245
1239
  color: rgb(17 24 39 / var(--tw-text-opacity));
1246
1240
  }
1247
- [data-coco].coco-button[data-theme="neutral-light"]:hover {
1241
+ [data-coco].coco-button[data-theme="neutral-light"]:hover{
1248
1242
  --tw-bg-opacity: 1;
1249
1243
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1250
1244
  }
1251
- [data-coco].coco-button[data-theme="neutral-light"]:active {
1245
+ [data-coco].coco-button[data-theme="neutral-light"]:active{
1252
1246
  --tw-bg-opacity: 1;
1253
1247
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1254
1248
  }
1255
- [data-coco].coco-button[data-theme="neutral-light"][data-state="loading"] {
1249
+ [data-coco].coco-button[data-theme="neutral-light"][data-state="loading"]{
1256
1250
  --tw-bg-opacity: 1;
1257
1251
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1258
1252
  }
1259
- [data-coco].coco-button[data-theme="neutral-light"][data-state="active"] {
1253
+ [data-coco].coco-button[data-theme="neutral-light"][data-state="active"]{
1260
1254
  --tw-bg-opacity: 1;
1261
1255
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1262
1256
  }
1263
- [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] {
1257
+ [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"]{
1264
1258
  --tw-bg-opacity: 1;
1265
1259
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1266
1260
  }
1267
- [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] .button-inner {
1261
+ [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] .button-inner{
1268
1262
  opacity: 0.4;
1269
1263
  }
1270
- [data-coco].coco-button[data-theme="text-neutral-light"] {
1264
+ [data-coco].coco-button[data-theme="text-neutral-light"]{
1271
1265
  background-color: transparent;
1272
1266
  --tw-text-opacity: 1;
1273
1267
  color: rgb(255 255 255 / var(--tw-text-opacity));
1274
1268
  -webkit-font-smoothing: antialiased;
1275
1269
  -moz-osx-font-smoothing: grayscale;
1276
1270
  }
1277
- [data-coco].coco-button[data-theme="text-neutral-light"]:hover {
1271
+ [data-coco].coco-button[data-theme="text-neutral-light"]:hover{
1278
1272
  background-color: rgb(255 255 255 / 0.1);
1279
1273
  }
1280
- [data-coco].coco-button[data-theme="text-neutral-light"][data-state="active"] {
1274
+ [data-coco].coco-button[data-theme="text-neutral-light"][data-state="active"]{
1281
1275
  background-color: rgb(255 255 255 / 0.1);
1282
1276
  }
1283
- [data-coco].coco-button[data-theme="text-neutral-light"][data-disabled="true"] {
1277
+ [data-coco].coco-button[data-theme="text-neutral-light"][data-disabled="true"]{
1284
1278
  opacity: 0.3;
1285
1279
  }
1286
- [data-coco].coco-button[data-theme="text-neutral-dark"] {
1280
+ [data-coco].coco-button[data-theme="text-neutral-dark"]{
1287
1281
  background-color: transparent;
1288
1282
  --tw-text-opacity: 1;
1289
1283
  color: rgb(17 24 39 / var(--tw-text-opacity));
1290
1284
  }
1291
- [data-coco].coco-button[data-theme="text-neutral-dark"]:hover {
1285
+ [data-coco].coco-button[data-theme="text-neutral-dark"]:hover{
1292
1286
  background-color: rgb(17 24 39 / 0.1);
1293
1287
  }
1294
- [data-coco].coco-button[data-theme="text-neutral-dark"][data-state="active"] {
1288
+ [data-coco].coco-button[data-theme="text-neutral-dark"][data-state="active"]{
1295
1289
  background-color: rgb(17 24 39 / 0.1);
1296
1290
  }
1297
- [data-coco].coco-button[data-theme="text-neutral-dark"][data-disabled="true"] {
1291
+ [data-coco].coco-button[data-theme="text-neutral-dark"][data-disabled="true"]{
1298
1292
  opacity: 0.3;
1299
1293
  }
1300
1294
  /* Responsive resizing */
@@ -1302,109 +1296,109 @@ select {
1302
1296
  font-size: 14px;
1303
1297
  line-height: 14px;
1304
1298
  }
1305
- [data-coco].coco-button[data-size="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="xs"] .button-toggle {
1299
+ [data-coco].coco-button[data-size="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="xs"] .button-toggle{
1306
1300
  height: 0.875rem;
1307
1301
  width: 0.875rem;
1308
1302
  }
1309
- [data-coco].coco-button[data-size="xs"][data-theme] {
1303
+ [data-coco].coco-button[data-size="xs"][data-theme]{
1310
1304
  padding-top: 0.5rem;
1311
1305
  padding-bottom: 0.5rem;
1312
1306
  padding-left: 0.75rem;
1313
1307
  padding-right: 0.75rem;
1314
1308
  }
1315
- [data-coco].coco-button[data-size="xs"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-collapsed="true"] .button-icon {
1309
+ [data-coco].coco-button[data-size="xs"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-collapsed="true"] .button-icon{
1316
1310
  margin-left: -0.25rem;
1317
1311
  margin-right: -0.25rem;
1318
1312
  }
1319
- [data-coco].coco-button[data-size="xs"][data-theme|="text"] {
1313
+ [data-coco].coco-button[data-size="xs"][data-theme|="text"]{
1320
1314
  padding-left: 0.5rem;
1321
1315
  padding-right: 0.5rem;
1322
1316
  }
1323
- [data-coco].coco-button[data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
1317
+ [data-coco].coco-button[data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
1324
1318
  padding-left: 0.5rem;
1325
1319
  padding-right: 0.5rem;
1326
1320
  }
1327
- [data-coco].coco-button[data-size="sm"] .button-content {
1321
+ [data-coco].coco-button[data-size="sm"] .button-content{
1328
1322
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1323
+ font-weight: 600;
1329
1324
  font-size: 14px;
1330
1325
  line-height: 16px;
1331
- font-weight: 600;
1332
1326
  }
1333
- [data-coco].coco-button[data-size="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="sm"] .button-toggle {
1327
+ [data-coco].coco-button[data-size="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="sm"] .button-toggle{
1334
1328
  height: 1rem;
1335
1329
  width: 1rem;
1336
1330
  }
1337
- [data-coco].coco-button[data-size="sm"][data-theme] {
1331
+ [data-coco].coco-button[data-size="sm"][data-theme]{
1338
1332
  padding-top: 0.625rem;
1339
1333
  padding-bottom: 0.625rem;
1340
1334
  padding-left: 1rem;
1341
1335
  padding-right: 1rem;
1342
1336
  }
1343
- [data-coco].coco-button[data-size="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme][data-collapsed="true"] .button-icon {
1337
+ [data-coco].coco-button[data-size="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme][data-collapsed="true"] .button-icon{
1344
1338
  margin-left: -0.375rem;
1345
1339
  margin-right: -0.375rem;
1346
1340
  }
1347
- [data-coco].coco-button[data-size="sm"][data-theme|="text"] {
1341
+ [data-coco].coco-button[data-size="sm"][data-theme|="text"]{
1348
1342
  padding-left: 0.5rem;
1349
1343
  padding-right: 0.5rem;
1350
1344
  }
1351
- [data-coco].coco-button[data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
1345
+ [data-coco].coco-button[data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
1352
1346
  padding-left: 0.5rem;
1353
1347
  padding-right: 0.5rem;
1354
1348
  }
1355
- [data-coco].coco-button[data-size="md"] .button-content {
1349
+ [data-coco].coco-button[data-size="md"] .button-content{
1356
1350
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1351
+ font-weight: 600;
1357
1352
  font-size: 16px;
1358
1353
  line-height: 20px;
1359
- font-weight: 600;
1360
1354
  }
1361
- [data-coco].coco-button[data-size="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="md"] .button-toggle {
1355
+ [data-coco].coco-button[data-size="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="md"] .button-toggle{
1362
1356
  height: 1.25rem;
1363
1357
  width: 1.25rem;
1364
1358
  }
1365
- [data-coco].coco-button[data-size="md"][data-theme] {
1359
+ [data-coco].coco-button[data-size="md"][data-theme]{
1366
1360
  padding-top: 0.75rem;
1367
1361
  padding-bottom: 0.75rem;
1368
1362
  padding-left: 1.25rem;
1369
1363
  padding-right: 1.25rem;
1370
1364
  }
1371
- [data-coco].coco-button[data-size="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme][data-collapsed="true"] .button-icon {
1365
+ [data-coco].coco-button[data-size="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme][data-collapsed="true"] .button-icon{
1372
1366
  margin-left: -0.5rem;
1373
1367
  margin-right: -0.5rem;
1374
1368
  }
1375
- [data-coco].coco-button[data-size="md"][data-theme|="text"] {
1369
+ [data-coco].coco-button[data-size="md"][data-theme|="text"]{
1376
1370
  padding-left: 0.75rem;
1377
1371
  padding-right: 0.75rem;
1378
1372
  }
1379
- [data-coco].coco-button[data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
1373
+ [data-coco].coco-button[data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
1380
1374
  padding-left: 0.5rem;
1381
1375
  padding-right: 0.5rem;
1382
1376
  }
1383
- [data-coco].coco-button[data-size="lg"] .button-content {
1377
+ [data-coco].coco-button[data-size="lg"] .button-content{
1384
1378
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1379
+ font-weight: 600;
1385
1380
  font-size: 18px;
1386
1381
  line-height: 24px;
1387
- font-weight: 600;
1388
1382
  }
1389
- [data-coco].coco-button[data-size="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="lg"] .button-toggle {
1383
+ [data-coco].coco-button[data-size="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="lg"] .button-toggle{
1390
1384
  height: 1.5rem;
1391
1385
  width: 1.5rem;
1392
1386
  }
1393
- [data-coco].coco-button[data-size="lg"][data-theme] {
1387
+ [data-coco].coco-button[data-size="lg"][data-theme]{
1394
1388
  padding-top: 1rem;
1395
1389
  padding-bottom: 1rem;
1396
1390
  padding-left: 1.5rem;
1397
1391
  padding-right: 1.5rem;
1398
1392
  }
1399
- [data-coco].coco-button[data-size="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme][data-collapsed="true"] .button-inner {
1393
+ [data-coco].coco-button[data-size="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
1400
1394
  margin-left: -8px;
1401
1395
  margin-right: -8px;
1402
1396
  }
1403
- [data-coco].coco-button[data-size="lg"][data-theme|="text"] {
1397
+ [data-coco].coco-button[data-size="lg"][data-theme|="text"]{
1404
1398
  padding-left: 0.75rem;
1405
1399
  padding-right: 0.75rem;
1406
1400
  }
1407
- [data-coco].coco-button[data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
1401
+ [data-coco].coco-button[data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
1408
1402
  padding-left: 0.75rem;
1409
1403
  padding-right: 0.75rem;
1410
1404
  }
@@ -1414,131 +1408,131 @@ select {
1414
1408
  line-height: 14px;
1415
1409
  }
1416
1410
 
1417
- [data-coco].coco-button[data-size-md="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="xs"] .button-toggle {
1411
+ [data-coco].coco-button[data-size-md="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="xs"] .button-toggle{
1418
1412
  height: 0.875rem;
1419
1413
  width: 0.875rem;
1420
1414
  }
1421
1415
 
1422
- [data-coco].coco-button[data-size-md="xs"][data-theme] {
1416
+ [data-coco].coco-button[data-size-md="xs"][data-theme]{
1423
1417
  padding-top: 0.5rem;
1424
1418
  padding-bottom: 0.5rem;
1425
1419
  padding-left: 0.75rem;
1426
1420
  padding-right: 0.75rem;
1427
1421
  }
1428
1422
 
1429
- [data-coco].coco-button[data-size-md="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-collapsed="true"] .button-icon {
1423
+ [data-coco].coco-button[data-size-md="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-collapsed="true"] .button-icon{
1430
1424
  margin-left: -0.25rem;
1431
1425
  margin-right: -0.25rem;
1432
1426
  }
1433
1427
 
1434
- [data-coco].coco-button[data-size-md="xs"][data-theme|="text"] {
1428
+ [data-coco].coco-button[data-size-md="xs"][data-theme|="text"]{
1435
1429
  padding-left: 0.5rem;
1436
1430
  padding-right: 0.5rem;
1437
1431
  }
1438
1432
 
1439
- [data-coco].coco-button[data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
1433
+ [data-coco].coco-button[data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
1440
1434
  padding-left: 0.5rem;
1441
1435
  padding-right: 0.5rem;
1442
1436
  }
1443
1437
 
1444
- [data-coco].coco-button[data-size-md="sm"] .button-content {
1438
+ [data-coco].coco-button[data-size-md="sm"] .button-content{
1445
1439
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1440
+ font-weight: 600;
1446
1441
  font-size: 14px;
1447
1442
  line-height: 16px;
1448
- font-weight: 600;
1449
1443
  }
1450
1444
 
1451
- [data-coco].coco-button[data-size-md="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="sm"] .button-toggle {
1445
+ [data-coco].coco-button[data-size-md="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="sm"] .button-toggle{
1452
1446
  height: 1rem;
1453
1447
  width: 1rem;
1454
1448
  }
1455
1449
 
1456
- [data-coco].coco-button[data-size-md="sm"][data-theme] {
1450
+ [data-coco].coco-button[data-size-md="sm"][data-theme]{
1457
1451
  padding-top: 0.625rem;
1458
1452
  padding-bottom: 0.625rem;
1459
1453
  padding-left: 1rem;
1460
1454
  padding-right: 1rem;
1461
1455
  }
1462
1456
 
1463
- [data-coco].coco-button[data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon {
1457
+ [data-coco].coco-button[data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon{
1464
1458
  margin-left: -0.375rem;
1465
1459
  margin-right: -0.375rem;
1466
1460
  }
1467
1461
 
1468
- [data-coco].coco-button[data-size-md="sm"][data-theme|="text"] {
1462
+ [data-coco].coco-button[data-size-md="sm"][data-theme|="text"]{
1469
1463
  padding-left: 0.5rem;
1470
1464
  padding-right: 0.5rem;
1471
1465
  }
1472
1466
 
1473
- [data-coco].coco-button[data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
1467
+ [data-coco].coco-button[data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
1474
1468
  padding-left: 0.5rem;
1475
1469
  padding-right: 0.5rem;
1476
1470
  }
1477
1471
 
1478
- [data-coco].coco-button[data-size-md="md"] .button-content {
1472
+ [data-coco].coco-button[data-size-md="md"] .button-content{
1479
1473
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1474
+ font-weight: 600;
1480
1475
  font-size: 16px;
1481
1476
  line-height: 20px;
1482
- font-weight: 600;
1483
1477
  }
1484
1478
 
1485
- [data-coco].coco-button[data-size-md="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="md"] .button-toggle {
1479
+ [data-coco].coco-button[data-size-md="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="md"] .button-toggle{
1486
1480
  height: 1.25rem;
1487
1481
  width: 1.25rem;
1488
1482
  }
1489
1483
 
1490
- [data-coco].coco-button[data-size-md="md"][data-theme] {
1484
+ [data-coco].coco-button[data-size-md="md"][data-theme]{
1491
1485
  padding-top: 0.75rem;
1492
1486
  padding-bottom: 0.75rem;
1493
1487
  padding-left: 1.25rem;
1494
1488
  padding-right: 1.25rem;
1495
1489
  }
1496
1490
 
1497
- [data-coco].coco-button[data-size-md="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme][data-collapsed="true"] .button-icon {
1491
+ [data-coco].coco-button[data-size-md="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme][data-collapsed="true"] .button-icon{
1498
1492
  margin-left: -0.5rem;
1499
1493
  margin-right: -0.5rem;
1500
1494
  }
1501
1495
 
1502
- [data-coco].coco-button[data-size-md="md"][data-theme|="text"] {
1496
+ [data-coco].coco-button[data-size-md="md"][data-theme|="text"]{
1503
1497
  padding-left: 0.75rem;
1504
1498
  padding-right: 0.75rem;
1505
1499
  }
1506
1500
 
1507
- [data-coco].coco-button[data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
1501
+ [data-coco].coco-button[data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
1508
1502
  padding-left: 0.5rem;
1509
1503
  padding-right: 0.5rem;
1510
1504
  }
1511
1505
 
1512
- [data-coco].coco-button[data-size-md="lg"] .button-content {
1506
+ [data-coco].coco-button[data-size-md="lg"] .button-content{
1513
1507
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1508
+ font-weight: 600;
1514
1509
  font-size: 18px;
1515
1510
  line-height: 24px;
1516
- font-weight: 600;
1517
1511
  }
1518
1512
 
1519
- [data-coco].coco-button[data-size-md="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="lg"] .button-toggle {
1513
+ [data-coco].coco-button[data-size-md="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="lg"] .button-toggle{
1520
1514
  height: 1.5rem;
1521
1515
  width: 1.5rem;
1522
1516
  }
1523
1517
 
1524
- [data-coco].coco-button[data-size-md="lg"][data-theme] {
1518
+ [data-coco].coco-button[data-size-md="lg"][data-theme]{
1525
1519
  padding-top: 1rem;
1526
1520
  padding-bottom: 1rem;
1527
1521
  padding-left: 1.5rem;
1528
1522
  padding-right: 1.5rem;
1529
1523
  }
1530
1524
 
1531
- [data-coco].coco-button[data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner {
1525
+ [data-coco].coco-button[data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
1532
1526
  margin-left: -8px;
1533
1527
  margin-right: -8px;
1534
1528
  }
1535
1529
 
1536
- [data-coco].coco-button[data-size-md="lg"][data-theme|="text"] {
1530
+ [data-coco].coco-button[data-size-md="lg"][data-theme|="text"]{
1537
1531
  padding-left: 0.75rem;
1538
1532
  padding-right: 0.75rem;
1539
1533
  }
1540
1534
 
1541
- [data-coco].coco-button[data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
1535
+ [data-coco].coco-button[data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
1542
1536
  padding-left: 0.75rem;
1543
1537
  padding-right: 0.75rem;
1544
1538
  }
@@ -1549,131 +1543,131 @@ select {
1549
1543
  line-height: 14px;
1550
1544
  }
1551
1545
 
1552
- [data-coco].coco-button[data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="xs"] .button-toggle {
1546
+ [data-coco].coco-button[data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="xs"] .button-toggle{
1553
1547
  height: 0.875rem;
1554
1548
  width: 0.875rem;
1555
1549
  }
1556
1550
 
1557
- [data-coco].coco-button[data-size-lg="xs"][data-theme] {
1551
+ [data-coco].coco-button[data-size-lg="xs"][data-theme]{
1558
1552
  padding-top: 0.5rem;
1559
1553
  padding-bottom: 0.5rem;
1560
1554
  padding-left: 0.75rem;
1561
1555
  padding-right: 0.75rem;
1562
1556
  }
1563
1557
 
1564
- [data-coco].coco-button[data-size-lg="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-collapsed="true"] .button-icon {
1558
+ [data-coco].coco-button[data-size-lg="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-collapsed="true"] .button-icon{
1565
1559
  margin-left: -0.25rem;
1566
1560
  margin-right: -0.25rem;
1567
1561
  }
1568
1562
 
1569
- [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"] {
1563
+ [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"]{
1570
1564
  padding-left: 0.5rem;
1571
1565
  padding-right: 0.5rem;
1572
1566
  }
1573
1567
 
1574
- [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
1568
+ [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
1575
1569
  padding-left: 0.5rem;
1576
1570
  padding-right: 0.5rem;
1577
1571
  }
1578
1572
 
1579
- [data-coco].coco-button[data-size-lg="sm"] .button-content {
1573
+ [data-coco].coco-button[data-size-lg="sm"] .button-content{
1580
1574
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1575
+ font-weight: 600;
1581
1576
  font-size: 14px;
1582
1577
  line-height: 16px;
1583
- font-weight: 600;
1584
1578
  }
1585
1579
 
1586
- [data-coco].coco-button[data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="sm"] .button-toggle {
1580
+ [data-coco].coco-button[data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="sm"] .button-toggle{
1587
1581
  height: 1rem;
1588
1582
  width: 1rem;
1589
1583
  }
1590
1584
 
1591
- [data-coco].coco-button[data-size-lg="sm"][data-theme] {
1585
+ [data-coco].coco-button[data-size-lg="sm"][data-theme]{
1592
1586
  padding-top: 0.625rem;
1593
1587
  padding-bottom: 0.625rem;
1594
1588
  padding-left: 1rem;
1595
1589
  padding-right: 1rem;
1596
1590
  }
1597
1591
 
1598
- [data-coco].coco-button[data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon {
1592
+ [data-coco].coco-button[data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon{
1599
1593
  margin-left: -0.375rem;
1600
1594
  margin-right: -0.375rem;
1601
1595
  }
1602
1596
 
1603
- [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"] {
1597
+ [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"]{
1604
1598
  padding-left: 0.5rem;
1605
1599
  padding-right: 0.5rem;
1606
1600
  }
1607
1601
 
1608
- [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
1602
+ [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
1609
1603
  padding-left: 0.5rem;
1610
1604
  padding-right: 0.5rem;
1611
1605
  }
1612
1606
 
1613
- [data-coco].coco-button[data-size-lg="md"] .button-content {
1607
+ [data-coco].coco-button[data-size-lg="md"] .button-content{
1614
1608
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1609
+ font-weight: 600;
1615
1610
  font-size: 16px;
1616
1611
  line-height: 20px;
1617
- font-weight: 600;
1618
1612
  }
1619
1613
 
1620
- [data-coco].coco-button[data-size-lg="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="md"] .button-toggle {
1614
+ [data-coco].coco-button[data-size-lg="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="md"] .button-toggle{
1621
1615
  height: 1.25rem;
1622
1616
  width: 1.25rem;
1623
1617
  }
1624
1618
 
1625
- [data-coco].coco-button[data-size-lg="md"][data-theme] {
1619
+ [data-coco].coco-button[data-size-lg="md"][data-theme]{
1626
1620
  padding-top: 0.75rem;
1627
1621
  padding-bottom: 0.75rem;
1628
1622
  padding-left: 1.25rem;
1629
1623
  padding-right: 1.25rem;
1630
1624
  }
1631
1625
 
1632
- [data-coco].coco-button[data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon {
1626
+ [data-coco].coco-button[data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon{
1633
1627
  margin-left: -0.5rem;
1634
1628
  margin-right: -0.5rem;
1635
1629
  }
1636
1630
 
1637
- [data-coco].coco-button[data-size-lg="md"][data-theme|="text"] {
1631
+ [data-coco].coco-button[data-size-lg="md"][data-theme|="text"]{
1638
1632
  padding-left: 0.75rem;
1639
1633
  padding-right: 0.75rem;
1640
1634
  }
1641
1635
 
1642
- [data-coco].coco-button[data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
1636
+ [data-coco].coco-button[data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
1643
1637
  padding-left: 0.5rem;
1644
1638
  padding-right: 0.5rem;
1645
1639
  }
1646
1640
 
1647
- [data-coco].coco-button[data-size-lg="lg"] .button-content {
1641
+ [data-coco].coco-button[data-size-lg="lg"] .button-content{
1648
1642
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1643
+ font-weight: 600;
1649
1644
  font-size: 18px;
1650
1645
  line-height: 24px;
1651
- font-weight: 600;
1652
1646
  }
1653
1647
 
1654
- [data-coco].coco-button[data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="lg"] .button-toggle {
1648
+ [data-coco].coco-button[data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="lg"] .button-toggle{
1655
1649
  height: 1.5rem;
1656
1650
  width: 1.5rem;
1657
1651
  }
1658
1652
 
1659
- [data-coco].coco-button[data-size-lg="lg"][data-theme] {
1653
+ [data-coco].coco-button[data-size-lg="lg"][data-theme]{
1660
1654
  padding-top: 1rem;
1661
1655
  padding-bottom: 1rem;
1662
1656
  padding-left: 1.5rem;
1663
1657
  padding-right: 1.5rem;
1664
1658
  }
1665
1659
 
1666
- [data-coco].coco-button[data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner {
1660
+ [data-coco].coco-button[data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
1667
1661
  margin-left: -8px;
1668
1662
  margin-right: -8px;
1669
1663
  }
1670
1664
 
1671
- [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"] {
1665
+ [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"]{
1672
1666
  padding-left: 0.75rem;
1673
1667
  padding-right: 0.75rem;
1674
1668
  }
1675
1669
 
1676
- [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
1670
+ [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
1677
1671
  padding-left: 0.75rem;
1678
1672
  padding-right: 0.75rem;
1679
1673
  }
@@ -1684,131 +1678,131 @@ select {
1684
1678
  line-height: 14px;
1685
1679
  }
1686
1680
 
1687
- [data-coco].coco-button[data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="xs"] .button-toggle {
1681
+ [data-coco].coco-button[data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="xs"] .button-toggle{
1688
1682
  height: 0.875rem;
1689
1683
  width: 0.875rem;
1690
1684
  }
1691
1685
 
1692
- [data-coco].coco-button[data-size-xl="xs"][data-theme] {
1686
+ [data-coco].coco-button[data-size-xl="xs"][data-theme]{
1693
1687
  padding-top: 0.5rem;
1694
1688
  padding-bottom: 0.5rem;
1695
1689
  padding-left: 0.75rem;
1696
1690
  padding-right: 0.75rem;
1697
1691
  }
1698
1692
 
1699
- [data-coco].coco-button[data-size-xl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-collapsed="true"] .button-icon {
1693
+ [data-coco].coco-button[data-size-xl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-collapsed="true"] .button-icon{
1700
1694
  margin-left: -0.25rem;
1701
1695
  margin-right: -0.25rem;
1702
1696
  }
1703
1697
 
1704
- [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"] {
1698
+ [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"]{
1705
1699
  padding-left: 0.5rem;
1706
1700
  padding-right: 0.5rem;
1707
1701
  }
1708
1702
 
1709
- [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
1703
+ [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
1710
1704
  padding-left: 0.5rem;
1711
1705
  padding-right: 0.5rem;
1712
1706
  }
1713
1707
 
1714
- [data-coco].coco-button[data-size-xl="sm"] .button-content {
1708
+ [data-coco].coco-button[data-size-xl="sm"] .button-content{
1715
1709
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1710
+ font-weight: 600;
1716
1711
  font-size: 14px;
1717
1712
  line-height: 16px;
1718
- font-weight: 600;
1719
1713
  }
1720
1714
 
1721
- [data-coco].coco-button[data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="sm"] .button-toggle {
1715
+ [data-coco].coco-button[data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="sm"] .button-toggle{
1722
1716
  height: 1rem;
1723
1717
  width: 1rem;
1724
1718
  }
1725
1719
 
1726
- [data-coco].coco-button[data-size-xl="sm"][data-theme] {
1720
+ [data-coco].coco-button[data-size-xl="sm"][data-theme]{
1727
1721
  padding-top: 0.625rem;
1728
1722
  padding-bottom: 0.625rem;
1729
1723
  padding-left: 1rem;
1730
1724
  padding-right: 1rem;
1731
1725
  }
1732
1726
 
1733
- [data-coco].coco-button[data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon {
1727
+ [data-coco].coco-button[data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon{
1734
1728
  margin-left: -0.375rem;
1735
1729
  margin-right: -0.375rem;
1736
1730
  }
1737
1731
 
1738
- [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"] {
1732
+ [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"]{
1739
1733
  padding-left: 0.5rem;
1740
1734
  padding-right: 0.5rem;
1741
1735
  }
1742
1736
 
1743
- [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
1737
+ [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
1744
1738
  padding-left: 0.5rem;
1745
1739
  padding-right: 0.5rem;
1746
1740
  }
1747
1741
 
1748
- [data-coco].coco-button[data-size-xl="md"] .button-content {
1742
+ [data-coco].coco-button[data-size-xl="md"] .button-content{
1749
1743
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1744
+ font-weight: 600;
1750
1745
  font-size: 16px;
1751
1746
  line-height: 20px;
1752
- font-weight: 600;
1753
1747
  }
1754
1748
 
1755
- [data-coco].coco-button[data-size-xl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="md"] .button-toggle {
1749
+ [data-coco].coco-button[data-size-xl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="md"] .button-toggle{
1756
1750
  height: 1.25rem;
1757
1751
  width: 1.25rem;
1758
1752
  }
1759
1753
 
1760
- [data-coco].coco-button[data-size-xl="md"][data-theme] {
1754
+ [data-coco].coco-button[data-size-xl="md"][data-theme]{
1761
1755
  padding-top: 0.75rem;
1762
1756
  padding-bottom: 0.75rem;
1763
1757
  padding-left: 1.25rem;
1764
1758
  padding-right: 1.25rem;
1765
1759
  }
1766
1760
 
1767
- [data-coco].coco-button[data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon {
1761
+ [data-coco].coco-button[data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon{
1768
1762
  margin-left: -0.5rem;
1769
1763
  margin-right: -0.5rem;
1770
1764
  }
1771
1765
 
1772
- [data-coco].coco-button[data-size-xl="md"][data-theme|="text"] {
1766
+ [data-coco].coco-button[data-size-xl="md"][data-theme|="text"]{
1773
1767
  padding-left: 0.75rem;
1774
1768
  padding-right: 0.75rem;
1775
1769
  }
1776
1770
 
1777
- [data-coco].coco-button[data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
1771
+ [data-coco].coco-button[data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
1778
1772
  padding-left: 0.5rem;
1779
1773
  padding-right: 0.5rem;
1780
1774
  }
1781
1775
 
1782
- [data-coco].coco-button[data-size-xl="lg"] .button-content {
1776
+ [data-coco].coco-button[data-size-xl="lg"] .button-content{
1783
1777
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1778
+ font-weight: 600;
1784
1779
  font-size: 18px;
1785
1780
  line-height: 24px;
1786
- font-weight: 600;
1787
1781
  }
1788
1782
 
1789
- [data-coco].coco-button[data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="lg"] .button-toggle {
1783
+ [data-coco].coco-button[data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="lg"] .button-toggle{
1790
1784
  height: 1.5rem;
1791
1785
  width: 1.5rem;
1792
1786
  }
1793
1787
 
1794
- [data-coco].coco-button[data-size-xl="lg"][data-theme] {
1788
+ [data-coco].coco-button[data-size-xl="lg"][data-theme]{
1795
1789
  padding-top: 1rem;
1796
1790
  padding-bottom: 1rem;
1797
1791
  padding-left: 1.5rem;
1798
1792
  padding-right: 1.5rem;
1799
1793
  }
1800
1794
 
1801
- [data-coco].coco-button[data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner {
1795
+ [data-coco].coco-button[data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
1802
1796
  margin-left: -8px;
1803
1797
  margin-right: -8px;
1804
1798
  }
1805
1799
 
1806
- [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"] {
1800
+ [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"]{
1807
1801
  padding-left: 0.75rem;
1808
1802
  padding-right: 0.75rem;
1809
1803
  }
1810
1804
 
1811
- [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
1805
+ [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
1812
1806
  padding-left: 0.75rem;
1813
1807
  padding-right: 0.75rem;
1814
1808
  }
@@ -1822,13 +1816,13 @@ select {
1822
1816
 
1823
1817
  [data-coco].coco-button[data-size-xxl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="xs"] .button-toggle,
1824
1818
  [data-coco].coco-button[data-size-2xl="xs"] .button-icon [data-component="icon"],
1825
- [data-coco].coco-button[data-size-2xl="xs"] .button-toggle {
1819
+ [data-coco].coco-button[data-size-2xl="xs"] .button-toggle{
1826
1820
  height: 0.875rem;
1827
1821
  width: 0.875rem;
1828
1822
  }
1829
1823
 
1830
1824
  [data-coco].coco-button[data-size-xxl="xs"][data-theme],
1831
- [data-coco].coco-button[data-size-2xl="xs"][data-theme] {
1825
+ [data-coco].coco-button[data-size-2xl="xs"][data-theme]{
1832
1826
  padding-top: 0.5rem;
1833
1827
  padding-bottom: 0.5rem;
1834
1828
  padding-left: 0.75rem;
@@ -1837,41 +1831,41 @@ select {
1837
1831
 
1838
1832
  [data-coco].coco-button[data-size-xxl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="xs"][data-collapsed="true"] .button-icon,
1839
1833
  [data-coco].coco-button[data-size-2xl="xs"].icon-only .button-icon,
1840
- [data-coco].coco-button[data-size-2xl="xs"][data-collapsed="true"] .button-icon {
1834
+ [data-coco].coco-button[data-size-2xl="xs"][data-collapsed="true"] .button-icon{
1841
1835
  margin-left: -0.25rem;
1842
1836
  margin-right: -0.25rem;
1843
1837
  }
1844
1838
 
1845
1839
  [data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"],
1846
- [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"] {
1840
+ [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"]{
1847
1841
  padding-left: 0.5rem;
1848
1842
  padding-right: 0.5rem;
1849
1843
  }
1850
1844
 
1851
1845
  [data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon,
1852
1846
  [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"].icon-only .button-icon,
1853
- [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
1847
+ [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
1854
1848
  padding-left: 0.5rem;
1855
1849
  padding-right: 0.5rem;
1856
1850
  }
1857
1851
 
1858
1852
  [data-coco].coco-button[data-size-xxl="sm"] .button-content,
1859
- [data-coco].coco-button[data-size-2xl="sm"] .button-content {
1853
+ [data-coco].coco-button[data-size-2xl="sm"] .button-content{
1860
1854
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1855
+ font-weight: 600;
1861
1856
  font-size: 14px;
1862
1857
  line-height: 16px;
1863
- font-weight: 600;
1864
1858
  }
1865
1859
 
1866
1860
  [data-coco].coco-button[data-size-xxl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="sm"] .button-toggle,
1867
1861
  [data-coco].coco-button[data-size-2xl="sm"] .button-icon [data-component="icon"],
1868
- [data-coco].coco-button[data-size-2xl="sm"] .button-toggle {
1862
+ [data-coco].coco-button[data-size-2xl="sm"] .button-toggle{
1869
1863
  height: 1rem;
1870
1864
  width: 1rem;
1871
1865
  }
1872
1866
 
1873
1867
  [data-coco].coco-button[data-size-xxl="sm"][data-theme],
1874
- [data-coco].coco-button[data-size-2xl="sm"][data-theme] {
1868
+ [data-coco].coco-button[data-size-2xl="sm"][data-theme]{
1875
1869
  padding-top: 0.625rem;
1876
1870
  padding-bottom: 0.625rem;
1877
1871
  padding-left: 1rem;
@@ -1880,41 +1874,41 @@ select {
1880
1874
 
1881
1875
  [data-coco].coco-button[data-size-xxl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="sm"][data-theme][data-collapsed="true"] .button-icon,
1882
1876
  [data-coco].coco-button[data-size-2xl="sm"][data-theme].icon-only .button-icon,
1883
- [data-coco].coco-button[data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon {
1877
+ [data-coco].coco-button[data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon{
1884
1878
  margin-left: -0.375rem;
1885
1879
  margin-right: -0.375rem;
1886
1880
  }
1887
1881
 
1888
1882
  [data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"],
1889
- [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"] {
1883
+ [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"]{
1890
1884
  padding-left: 0.5rem;
1891
1885
  padding-right: 0.5rem;
1892
1886
  }
1893
1887
 
1894
1888
  [data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon,
1895
1889
  [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"].icon-only .button-icon,
1896
- [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
1890
+ [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
1897
1891
  padding-left: 0.5rem;
1898
1892
  padding-right: 0.5rem;
1899
1893
  }
1900
1894
 
1901
1895
  [data-coco].coco-button[data-size-xxl="md"] .button-content,
1902
- [data-coco].coco-button[data-size-2xl="md"] .button-content {
1896
+ [data-coco].coco-button[data-size-2xl="md"] .button-content{
1903
1897
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1898
+ font-weight: 600;
1904
1899
  font-size: 16px;
1905
1900
  line-height: 20px;
1906
- font-weight: 600;
1907
1901
  }
1908
1902
 
1909
1903
  [data-coco].coco-button[data-size-xxl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="md"] .button-toggle,
1910
1904
  [data-coco].coco-button[data-size-2xl="md"] .button-icon [data-component="icon"],
1911
- [data-coco].coco-button[data-size-2xl="md"] .button-toggle {
1905
+ [data-coco].coco-button[data-size-2xl="md"] .button-toggle{
1912
1906
  height: 1.25rem;
1913
1907
  width: 1.25rem;
1914
1908
  }
1915
1909
 
1916
1910
  [data-coco].coco-button[data-size-xxl="md"][data-theme],
1917
- [data-coco].coco-button[data-size-2xl="md"][data-theme] {
1911
+ [data-coco].coco-button[data-size-2xl="md"][data-theme]{
1918
1912
  padding-top: 0.75rem;
1919
1913
  padding-bottom: 0.75rem;
1920
1914
  padding-left: 1.25rem;
@@ -1923,41 +1917,41 @@ select {
1923
1917
 
1924
1918
  [data-coco].coco-button[data-size-xxl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="md"][data-theme][data-collapsed="true"] .button-icon,
1925
1919
  [data-coco].coco-button[data-size-2xl="md"][data-theme].icon-only .button-icon,
1926
- [data-coco].coco-button[data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon {
1920
+ [data-coco].coco-button[data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon{
1927
1921
  margin-left: -0.5rem;
1928
1922
  margin-right: -0.5rem;
1929
1923
  }
1930
1924
 
1931
1925
  [data-coco].coco-button[data-size-xxl="md"][data-theme|="text"],
1932
- [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"] {
1926
+ [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"]{
1933
1927
  padding-left: 0.75rem;
1934
1928
  padding-right: 0.75rem;
1935
1929
  }
1936
1930
 
1937
1931
  [data-coco].coco-button[data-size-xxl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] .button-icon,
1938
1932
  [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"].icon-only .button-icon,
1939
- [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
1933
+ [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
1940
1934
  padding-left: 0.5rem;
1941
1935
  padding-right: 0.5rem;
1942
1936
  }
1943
1937
 
1944
1938
  [data-coco].coco-button[data-size-xxl="lg"] .button-content,
1945
- [data-coco].coco-button[data-size-2xl="lg"] .button-content {
1939
+ [data-coco].coco-button[data-size-2xl="lg"] .button-content{
1946
1940
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1941
+ font-weight: 600;
1947
1942
  font-size: 18px;
1948
1943
  line-height: 24px;
1949
- font-weight: 600;
1950
1944
  }
1951
1945
 
1952
1946
  [data-coco].coco-button[data-size-xxl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="lg"] .button-toggle,
1953
1947
  [data-coco].coco-button[data-size-2xl="lg"] .button-icon [data-component="icon"],
1954
- [data-coco].coco-button[data-size-2xl="lg"] .button-toggle {
1948
+ [data-coco].coco-button[data-size-2xl="lg"] .button-toggle{
1955
1949
  height: 1.5rem;
1956
1950
  width: 1.5rem;
1957
1951
  }
1958
1952
 
1959
1953
  [data-coco].coco-button[data-size-xxl="lg"][data-theme],
1960
- [data-coco].coco-button[data-size-2xl="lg"][data-theme] {
1954
+ [data-coco].coco-button[data-size-2xl="lg"][data-theme]{
1961
1955
  padding-top: 1rem;
1962
1956
  padding-bottom: 1rem;
1963
1957
  padding-left: 1.5rem;
@@ -1966,20 +1960,20 @@ select {
1966
1960
 
1967
1961
  [data-coco].coco-button[data-size-xxl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
1968
1962
  [data-coco].coco-button[data-size-2xl="lg"][data-theme].icon-only .button-icon,
1969
- [data-coco].coco-button[data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner {
1963
+ [data-coco].coco-button[data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner{
1970
1964
  margin-left: -8px;
1971
1965
  margin-right: -8px;
1972
1966
  }
1973
1967
 
1974
1968
  [data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"],
1975
- [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"] {
1969
+ [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"]{
1976
1970
  padding-left: 0.75rem;
1977
1971
  padding-right: 0.75rem;
1978
1972
  }
1979
1973
 
1980
1974
  [data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon,
1981
1975
  [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"].icon-only .button-icon,
1982
- [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
1976
+ [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
1983
1977
  padding-left: 0.75rem;
1984
1978
  padding-right: 0.75rem;
1985
1979
  }
@@ -1990,131 +1984,131 @@ select {
1990
1984
  line-height: 14px;
1991
1985
  }
1992
1986
 
1993
- [data-coco].coco-button[data-size-max="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="xs"] .button-toggle {
1987
+ [data-coco].coco-button[data-size-max="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="xs"] .button-toggle{
1994
1988
  height: 0.875rem;
1995
1989
  width: 0.875rem;
1996
1990
  }
1997
1991
 
1998
- [data-coco].coco-button[data-size-max="xs"][data-theme] {
1992
+ [data-coco].coco-button[data-size-max="xs"][data-theme]{
1999
1993
  padding-top: 0.5rem;
2000
1994
  padding-bottom: 0.5rem;
2001
1995
  padding-left: 0.75rem;
2002
1996
  padding-right: 0.75rem;
2003
1997
  }
2004
1998
 
2005
- [data-coco].coco-button[data-size-max="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-collapsed="true"] .button-icon {
1999
+ [data-coco].coco-button[data-size-max="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-collapsed="true"] .button-icon{
2006
2000
  margin-left: -0.25rem;
2007
2001
  margin-right: -0.25rem;
2008
2002
  }
2009
2003
 
2010
- [data-coco].coco-button[data-size-max="xs"][data-theme|="text"] {
2004
+ [data-coco].coco-button[data-size-max="xs"][data-theme|="text"]{
2011
2005
  padding-left: 0.5rem;
2012
2006
  padding-right: 0.5rem;
2013
2007
  }
2014
2008
 
2015
- [data-coco].coco-button[data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
2009
+ [data-coco].coco-button[data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
2016
2010
  padding-left: 0.5rem;
2017
2011
  padding-right: 0.5rem;
2018
2012
  }
2019
2013
 
2020
- [data-coco].coco-button[data-size-max="sm"] .button-content {
2014
+ [data-coco].coco-button[data-size-max="sm"] .button-content{
2021
2015
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2016
+ font-weight: 600;
2022
2017
  font-size: 14px;
2023
2018
  line-height: 16px;
2024
- font-weight: 600;
2025
2019
  }
2026
2020
 
2027
- [data-coco].coco-button[data-size-max="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="sm"] .button-toggle {
2021
+ [data-coco].coco-button[data-size-max="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="sm"] .button-toggle{
2028
2022
  height: 1rem;
2029
2023
  width: 1rem;
2030
2024
  }
2031
2025
 
2032
- [data-coco].coco-button[data-size-max="sm"][data-theme] {
2026
+ [data-coco].coco-button[data-size-max="sm"][data-theme]{
2033
2027
  padding-top: 0.625rem;
2034
2028
  padding-bottom: 0.625rem;
2035
2029
  padding-left: 1rem;
2036
2030
  padding-right: 1rem;
2037
2031
  }
2038
2032
 
2039
- [data-coco].coco-button[data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon {
2033
+ [data-coco].coco-button[data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon{
2040
2034
  margin-left: -0.375rem;
2041
2035
  margin-right: -0.375rem;
2042
2036
  }
2043
2037
 
2044
- [data-coco].coco-button[data-size-max="sm"][data-theme|="text"] {
2038
+ [data-coco].coco-button[data-size-max="sm"][data-theme|="text"]{
2045
2039
  padding-left: 0.5rem;
2046
2040
  padding-right: 0.5rem;
2047
2041
  }
2048
2042
 
2049
- [data-coco].coco-button[data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
2043
+ [data-coco].coco-button[data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
2050
2044
  padding-left: 0.5rem;
2051
2045
  padding-right: 0.5rem;
2052
2046
  }
2053
2047
 
2054
- [data-coco].coco-button[data-size-max="md"] .button-content {
2048
+ [data-coco].coco-button[data-size-max="md"] .button-content{
2055
2049
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2050
+ font-weight: 600;
2056
2051
  font-size: 16px;
2057
2052
  line-height: 20px;
2058
- font-weight: 600;
2059
2053
  }
2060
2054
 
2061
- [data-coco].coco-button[data-size-max="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="md"] .button-toggle {
2055
+ [data-coco].coco-button[data-size-max="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="md"] .button-toggle{
2062
2056
  height: 1.25rem;
2063
2057
  width: 1.25rem;
2064
2058
  }
2065
2059
 
2066
- [data-coco].coco-button[data-size-max="md"][data-theme] {
2060
+ [data-coco].coco-button[data-size-max="md"][data-theme]{
2067
2061
  padding-top: 0.75rem;
2068
2062
  padding-bottom: 0.75rem;
2069
2063
  padding-left: 1.25rem;
2070
2064
  padding-right: 1.25rem;
2071
2065
  }
2072
2066
 
2073
- [data-coco].coco-button[data-size-max="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme][data-collapsed="true"] .button-icon {
2067
+ [data-coco].coco-button[data-size-max="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme][data-collapsed="true"] .button-icon{
2074
2068
  margin-left: -0.5rem;
2075
2069
  margin-right: -0.5rem;
2076
2070
  }
2077
2071
 
2078
- [data-coco].coco-button[data-size-max="md"][data-theme|="text"] {
2072
+ [data-coco].coco-button[data-size-max="md"][data-theme|="text"]{
2079
2073
  padding-left: 0.75rem;
2080
2074
  padding-right: 0.75rem;
2081
2075
  }
2082
2076
 
2083
- [data-coco].coco-button[data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
2077
+ [data-coco].coco-button[data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
2084
2078
  padding-left: 0.5rem;
2085
2079
  padding-right: 0.5rem;
2086
2080
  }
2087
2081
 
2088
- [data-coco].coco-button[data-size-max="lg"] .button-content {
2082
+ [data-coco].coco-button[data-size-max="lg"] .button-content{
2089
2083
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2084
+ font-weight: 600;
2090
2085
  font-size: 18px;
2091
2086
  line-height: 24px;
2092
- font-weight: 600;
2093
2087
  }
2094
2088
 
2095
- [data-coco].coco-button[data-size-max="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="lg"] .button-toggle {
2089
+ [data-coco].coco-button[data-size-max="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="lg"] .button-toggle{
2096
2090
  height: 1.5rem;
2097
2091
  width: 1.5rem;
2098
2092
  }
2099
2093
 
2100
- [data-coco].coco-button[data-size-max="lg"][data-theme] {
2094
+ [data-coco].coco-button[data-size-max="lg"][data-theme]{
2101
2095
  padding-top: 1rem;
2102
2096
  padding-bottom: 1rem;
2103
2097
  padding-left: 1.5rem;
2104
2098
  padding-right: 1.5rem;
2105
2099
  }
2106
2100
 
2107
- [data-coco].coco-button[data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner {
2101
+ [data-coco].coco-button[data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
2108
2102
  margin-left: -8px;
2109
2103
  margin-right: -8px;
2110
2104
  }
2111
2105
 
2112
- [data-coco].coco-button[data-size-max="lg"][data-theme|="text"] {
2106
+ [data-coco].coco-button[data-size-max="lg"][data-theme|="text"]{
2113
2107
  padding-left: 0.75rem;
2114
2108
  padding-right: 0.75rem;
2115
2109
  }
2116
2110
 
2117
- [data-coco].coco-button[data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
2111
+ [data-coco].coco-button[data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
2118
2112
  padding-left: 0.75rem;
2119
2113
  padding-right: 0.75rem;
2120
2114
  }
@@ -2124,13 +2118,13 @@ select {
2124
2118
  width: fit-content;
2125
2119
  border-radius: 44px;
2126
2120
  }
2127
- [data-coco][data-component="button-group"][data-collapsible="true"] {
2121
+ [data-coco][data-component="button-group"][data-collapsible="true"]{
2128
2122
  opacity: 0;
2129
2123
  }
2130
- [data-coco][data-component="button-group"][data-collapsible="true"].button-group-ready {
2124
+ [data-coco][data-component="button-group"][data-collapsible="true"].button-group-ready{
2131
2125
  opacity: 1;
2132
2126
  }
2133
- [data-coco][data-component="button-group"] .button-group-buttons {
2127
+ [data-coco][data-component="button-group"] .button-group-buttons{
2134
2128
  display: flex;
2135
2129
  align-items: center;
2136
2130
  -moz-column-gap: 0.5rem;
@@ -2138,75 +2132,75 @@ select {
2138
2132
  width: -moz-fit-content;
2139
2133
  width: fit-content;
2140
2134
  }
2141
- [data-coco][data-component="button-group"] .divider {
2135
+ [data-coco][data-component="button-group"] .divider{
2142
2136
  width: 0px;
2143
2137
  align-self: stretch;
2144
2138
  border-left-width: 1px;
2145
2139
  --tw-border-opacity: 1;
2146
2140
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
2147
2141
  }
2148
- [data-coco][data-component="button-group"][data-align="end"] .button-group-buttons {
2142
+ [data-coco][data-component="button-group"][data-align="end"] .button-group-buttons{
2149
2143
  margin-left: auto;
2150
2144
  }
2151
- [data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons {
2145
+ [data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons{
2152
2146
  -moz-column-gap: 0px;
2153
2147
  column-gap: 0px;
2154
2148
  }
2155
- [data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button {
2149
+ [data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
2156
2150
  border-top-left-radius: 0px;
2157
2151
  border-bottom-left-radius: 0px;
2158
2152
  border-left-width: 0px;
2159
2153
  }
2160
- [data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button {
2154
+ [data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
2161
2155
  border-top-right-radius: 0px;
2162
2156
  border-bottom-right-radius: 0px;
2163
2157
  }
2164
- [data-coco][data-component="button-group"][data-segmented="true"][data-floating="true"] {
2158
+ [data-coco][data-component="button-group"][data-segmented="true"][data-floating="true"]{
2165
2159
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2166
2160
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2167
2161
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2168
2162
  }
2169
- [data-coco][data-component="button-to"] {
2163
+ [data-coco][data-component="button-to"]{
2170
2164
  display: contents;
2171
2165
  }
2172
2166
  [data-coco][data-component="button-to"] form,
2173
- [data-coco][data-component="button-to"] input {
2167
+ [data-coco][data-component="button-to"] input{
2174
2168
  display: contents;
2175
2169
  }
2176
2170
  [data-coco][data-component="dropdown"] {
2177
2171
  width: -moz-fit-content;
2178
2172
  width: fit-content;
2179
2173
  }
2180
- [data-coco][data-component="dropdown"] .dropdown-trigger {
2174
+ [data-coco][data-component="dropdown"] .dropdown-trigger{
2181
2175
  cursor: pointer;
2182
2176
  width: -moz-fit-content;
2183
2177
  width: fit-content;
2184
2178
  }
2185
- @supports (aspect-ratio: 1 / 1) {
2179
+ @supports (aspect-ratio: 1 / 1){
2186
2180
 
2187
- [data-coco][data-component="youtube-embed"] {
2181
+ [data-coco][data-component="youtube-embed"]{
2188
2182
  aspect-ratio: 16/9;
2189
2183
  }
2190
2184
  }
2191
- @supports not (aspect-ratio: 1 / 1) {
2185
+ @supports not (aspect-ratio: 1 / 1){
2192
2186
 
2193
- [data-coco][data-component="youtube-embed"]::before {
2187
+ [data-coco][data-component="youtube-embed"]::before{
2194
2188
  content: "";
2195
2189
  float: left;
2196
2190
  padding-top: calc(100% / (16/9));
2197
2191
  }
2198
2192
 
2199
- [data-coco][data-component="youtube-embed"]::after {
2193
+ [data-coco][data-component="youtube-embed"]::after{
2200
2194
  clear: left;
2201
2195
  content: "";
2202
2196
  display: block;
2203
2197
  }
2204
2198
  }
2205
- [data-coco][data-component="youtube-embed"] iframe {
2199
+ [data-coco][data-component="youtube-embed"] iframe{
2206
2200
  height: 100%;
2207
2201
  width: 100%;
2208
2202
  }
2209
- [data-coco][data-component="icon"] {
2203
+ [data-coco][data-component="icon"]{
2210
2204
  display: flex;
2211
2205
  height: 1.5rem;
2212
2206
  width: 1.5rem;
@@ -2214,12 +2208,12 @@ select {
2214
2208
  overflow: hidden;
2215
2209
  color: currentColor;
2216
2210
  }
2217
- [data-coco][data-component="icon"] svg {
2211
+ [data-coco][data-component="icon"] svg{
2218
2212
  height: 100%;
2219
2213
  width: 100%;
2220
2214
  }
2221
2215
  /* Styles */
2222
- [data-coco][data-component="icon"][data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg {
2216
+ [data-coco][data-component="icon"][data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg{
2223
2217
  fill: none;
2224
2218
  stroke: currentColor;
2225
2219
  stroke-width: 2;
@@ -2227,106 +2221,166 @@ select {
2227
2221
  stroke-linecap: round;
2228
2222
  stroke-linejoin: round;
2229
2223
  }
2230
- [data-coco][data-component="icon"][data-icon][data-style="fill"] svg {
2224
+ [data-coco][data-component="icon"][data-icon][data-style="fill"] svg{
2231
2225
  fill: currentColor;
2232
2226
  color: currentColor;
2233
2227
  stroke-linecap: round;
2234
2228
  stroke-linejoin: round;
2235
2229
  }
2236
2230
  /* Sizes */
2237
- [data-coco][data-component="icon"][data-size="xs"] {
2231
+ [data-coco][data-component="icon"][data-size="xs"]{
2238
2232
  height: 0.75rem;
2239
2233
  width: 0.75rem;
2240
2234
  }
2241
- [data-coco][data-component="icon"][data-size="sm"] {
2235
+ [data-coco][data-component="icon"][data-size="sm"]{
2242
2236
  height: 1rem;
2243
2237
  width: 1rem;
2244
2238
  }
2245
- [data-coco][data-component="icon"][data-size="md"] {
2239
+ [data-coco][data-component="icon"][data-size="md"]{
2246
2240
  height: 1.25rem;
2247
2241
  width: 1.25rem;
2248
2242
  }
2249
- [data-coco][data-component="icon"][data-size="lg"] {
2243
+ [data-coco][data-component="icon"][data-size="lg"]{
2250
2244
  height: 1.5rem;
2251
2245
  width: 1.5rem;
2252
2246
  }
2253
- [data-coco][data-component="icon"][data-size="xl"] {
2247
+ [data-coco][data-component="icon"][data-size="xl"]{
2254
2248
  height: 2rem;
2255
2249
  width: 2rem;
2256
2250
  }
2257
- [data-coco][data-component="icon"][data-size="xxl"] {
2251
+ [data-coco][data-component="icon"][data-size="xxl"]{
2258
2252
  height: 2.5rem;
2259
2253
  width: 2.5rem;
2260
2254
  }
2261
- [data-coco][data-component="icon"][data-size="full"] {
2255
+ [data-coco][data-component="icon"][data-size="full"]{
2262
2256
  height: 100%;
2263
2257
  width: 100%;
2264
2258
  }
2265
2259
  /* Motion */
2266
- @keyframes spin {
2260
+ @keyframes spin{
2267
2261
 
2268
- to {
2262
+ to{
2269
2263
  transform: rotate(360deg);
2270
2264
  }
2271
2265
  }
2272
- [data-coco][data-component="icon"][data-spin="true"] svg {
2266
+ [data-coco][data-component="icon"][data-spin="true"] svg{
2273
2267
  animation: spin 1.5s linear infinite;
2274
2268
  }
2275
- @keyframes spin {
2269
+ @keyframes spin{
2276
2270
 
2277
- to {
2271
+ to{
2278
2272
  transform: rotate(360deg);
2279
2273
  }
2280
2274
  }
2281
- [data-coco][data-component="icon"][data-spin="reverse"] svg {
2275
+ [data-coco][data-component="icon"][data-spin="reverse"] svg{
2282
2276
  animation: spin 1.5s linear infinite reverse;
2283
2277
  }
2284
- [data-coco][data-component="image"] {
2278
+ [data-coco][data-component="image"]{
2285
2279
  display: block;
2286
2280
  max-width: 100%;
2287
2281
  }
2288
- [data-coco][data-component="image-uploader"] {
2282
+ [data-coco][data-component="image-uploader"]{
2289
2283
  display: contents;
2290
2284
  }
2291
- [data-coco][data-component="image-uploader"][data-click="true"] {
2285
+ [data-coco][data-component="image-uploader"][data-click="true"]{
2292
2286
  cursor: pointer;
2293
2287
  }
2294
- [data-coco][data-component="image-uploader"] .uploader-input {
2288
+ [data-coco][data-component="image-uploader"] .uploader-input{
2295
2289
  display: none;
2296
2290
  }
2297
- [data-coco].coco-link {
2291
+ [data-coco].coco-link{
2298
2292
  display: inline-flex;
2299
2293
  align-items: center;
2300
2294
  }
2301
- [data-coco].coco-link.with-icon > [data-component="icon"] {
2295
+ [data-coco].coco-link.with-icon > [data-component="icon"]{
2302
2296
  order: 1;
2303
2297
  margin-right: 0.4em;
2304
2298
  }
2305
- [data-coco].coco-link.with-icon .link-text {
2299
+ [data-coco].coco-link.with-icon .link-text{
2306
2300
  order: 2;
2307
2301
  }
2308
- [data-coco].coco-link.with-icon[data-icon-position="end"] .link-text {
2302
+ [data-coco].coco-link.with-icon[data-icon-position="end"] .link-text{
2309
2303
  order: 1;
2310
2304
  margin-right: 0.4em;
2311
2305
  }
2312
- [data-coco].coco-link.with-icon[data-icon-position="end"] [data-component="icon"] {
2306
+ [data-coco].coco-link.with-icon[data-icon-position="end"] [data-component="icon"]{
2313
2307
  order: 2;
2314
2308
  margin-right: 0px;
2315
2309
  }
2316
- [data-coco][data-component="modal"] {
2310
+ [data-coco].coco-link[data-theme]{
2311
+ text-decoration-line: none;
2312
+ }
2313
+ [data-coco].coco-link[data-theme]:hover{
2314
+ text-decoration-line: underline;
2315
+ }
2316
+ [data-coco].coco-link[data-underline="true"]{
2317
+ text-decoration-line: underline;
2318
+ }
2319
+ [data-coco].coco-link[data-underline="false"]{
2320
+ text-decoration-line: none;
2321
+ }
2322
+ [data-coco].coco-link[data-theme="primary"]{
2323
+ --tw-text-opacity: 1;
2324
+ color: rgb(26 136 113 / var(--tw-text-opacity));
2325
+ }
2326
+ [data-coco].coco-link[data-theme="primary"]:active{
2327
+ --tw-text-opacity: 1;
2328
+ color: rgb(13 97 89 / var(--tw-text-opacity));
2329
+ }
2330
+ [data-coco].coco-link[data-theme="positive"]{
2331
+ --tw-text-opacity: 1;
2332
+ color: rgb(26 136 113 / var(--tw-text-opacity));
2333
+ }
2334
+ [data-coco].coco-link[data-theme="positive"]:active{
2335
+ --tw-text-opacity: 1;
2336
+ color: rgb(13 97 89 / var(--tw-text-opacity));
2337
+ }
2338
+ [data-coco].coco-link[data-theme="negative"]{
2339
+ --tw-text-opacity: 1;
2340
+ color: rgb(220 38 38 / var(--tw-text-opacity));
2341
+ }
2342
+ [data-coco].coco-link[data-theme="negative"]:active{
2343
+ --tw-text-opacity: 1;
2344
+ color: rgb(153 27 27 / var(--tw-text-opacity));
2345
+ }
2346
+ [data-coco].coco-link[data-theme="warning"]{
2347
+ --tw-text-opacity: 1;
2348
+ color: rgb(217 119 6 / var(--tw-text-opacity));
2349
+ }
2350
+ [data-coco].coco-link[data-theme="warning"]:active{
2351
+ --tw-text-opacity: 1;
2352
+ color: rgb(146 64 14 / var(--tw-text-opacity));
2353
+ }
2354
+ [data-coco].coco-link[data-theme="info"]{
2355
+ --tw-text-opacity: 1;
2356
+ color: rgb(2 132 199 / var(--tw-text-opacity));
2357
+ }
2358
+ [data-coco].coco-link[data-theme="info"]:active{
2359
+ --tw-text-opacity: 1;
2360
+ color: rgb(7 89 133 / var(--tw-text-opacity));
2361
+ }
2362
+ [data-coco].coco-link[data-theme="neutral-dark"]{
2363
+ --tw-text-opacity: 1;
2364
+ color: rgb(17 24 39 / var(--tw-text-opacity));
2365
+ }
2366
+ [data-coco].coco-link[data-theme="neutral-light"]{
2367
+ --tw-text-opacity: 1;
2368
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2369
+ }
2370
+ [data-coco][data-component="modal"]{
2317
2371
  position: fixed;
2318
2372
  inset: 0px;
2319
2373
  z-index: 10000;
2320
2374
  overflow-y: auto;
2321
2375
  scroll-behavior: smooth;
2322
2376
  }
2323
- [data-coco][data-component="modal"] .modal-overlay {
2377
+ [data-coco][data-component="modal"] .modal-overlay{
2324
2378
  position: fixed;
2325
2379
  inset: 0px;
2326
2380
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
2327
2381
  --tw-bg-opacity: 0.6;
2328
2382
  }
2329
- [data-coco][data-component="modal"] .modal-container {
2383
+ [data-coco][data-component="modal"] .modal-container{
2330
2384
  position: relative;
2331
2385
  z-index: 10000;
2332
2386
  display: flex;
@@ -2334,114 +2388,114 @@ select {
2334
2388
  justify-content: center;
2335
2389
  padding: 0.5rem;
2336
2390
  }
2337
- @media (min-width: 576px) {
2391
+ @media (min-width: 576px){
2338
2392
 
2339
- [data-coco][data-component="modal"] .modal-container {
2393
+ [data-coco][data-component="modal"] .modal-container{
2340
2394
  padding: 2rem;
2341
2395
  }
2342
2396
  }
2343
2397
  [data-coco][data-component="modal"] .modal-container {
2344
2398
  min-height: var(--app-height);
2345
2399
  }
2346
- [data-coco][data-component="modal"] .modal-content {
2400
+ [data-coco][data-component="modal"] .modal-content{
2347
2401
  display: contents;
2348
2402
  }
2349
2403
  /* transitions */
2350
- [data-coco][data-component="modal"] .modal-overlay.overlay-enter {
2404
+ [data-coco][data-component="modal"] .modal-overlay.overlay-enter{
2351
2405
  transition-duration: 200ms;
2352
2406
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2353
2407
  }
2354
- [data-coco][data-component="modal"] .modal-overlay.overlay-enter-start {
2408
+ [data-coco][data-component="modal"] .modal-overlay.overlay-enter-start{
2355
2409
  opacity: 0;
2356
2410
  }
2357
- [data-coco][data-component="modal"] .modal-overlay.overlay-enter-end {
2411
+ [data-coco][data-component="modal"] .modal-overlay.overlay-enter-end{
2358
2412
  opacity: 1;
2359
2413
  }
2360
- [data-coco][data-component="modal"] .modal-overlay.overlay-leave {
2414
+ [data-coco][data-component="modal"] .modal-overlay.overlay-leave{
2361
2415
  transition-duration: 150ms;
2362
2416
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2363
2417
  }
2364
- [data-coco][data-component="modal"] .modal-overlay.overlay-leave-start {
2418
+ [data-coco][data-component="modal"] .modal-overlay.overlay-leave-start{
2365
2419
  opacity: 1;
2366
2420
  }
2367
- [data-coco][data-component="modal"] .modal-overlay.overlay-leave-end {
2421
+ [data-coco][data-component="modal"] .modal-overlay.overlay-leave-end{
2368
2422
  opacity: 0;
2369
2423
  }
2370
- [data-coco][data-component="modal"] .modal-container.container-enter {
2424
+ [data-coco][data-component="modal"] .modal-container.container-enter{
2371
2425
  transition-duration: 400ms;
2372
2426
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2373
2427
  }
2374
- [data-coco][data-component="modal"] .modal-container.container-enter-start {
2428
+ [data-coco][data-component="modal"] .modal-container.container-enter-start{
2375
2429
  --tw-translate-y: 1rem;
2376
2430
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2377
2431
  opacity: 0;
2378
2432
  }
2379
- @media (min-width: 576px) {
2433
+ @media (min-width: 576px){
2380
2434
 
2381
- [data-coco][data-component="modal"] .modal-container.container-enter-start {
2435
+ [data-coco][data-component="modal"] .modal-container.container-enter-start{
2382
2436
  --tw-translate-y: 0px;
2383
2437
  --tw-scale-x: .95;
2384
2438
  --tw-scale-y: .95;
2385
2439
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2386
2440
  }
2387
2441
  }
2388
- [data-coco][data-component="modal"] .modal-container.container-enter-end {
2442
+ [data-coco][data-component="modal"] .modal-container.container-enter-end{
2389
2443
  --tw-translate-y: 0px;
2390
2444
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2391
2445
  opacity: 1;
2392
2446
  }
2393
- @media (min-width: 576px) {
2447
+ @media (min-width: 576px){
2394
2448
 
2395
- [data-coco][data-component="modal"] .modal-container.container-enter-end {
2449
+ [data-coco][data-component="modal"] .modal-container.container-enter-end{
2396
2450
  --tw-scale-x: 1;
2397
2451
  --tw-scale-y: 1;
2398
2452
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2399
2453
  }
2400
2454
  }
2401
- [data-coco][data-component="modal"] .modal-container.container-leave {
2455
+ [data-coco][data-component="modal"] .modal-container.container-leave{
2402
2456
  transition-duration: 150ms;
2403
2457
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2404
2458
  }
2405
- [data-coco][data-component="modal"] .modal-container.container-leave-start {
2459
+ [data-coco][data-component="modal"] .modal-container.container-leave-start{
2406
2460
  --tw-translate-y: 0px;
2407
2461
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2408
2462
  opacity: 1;
2409
2463
  }
2410
- @media (min-width: 576px) {
2464
+ @media (min-width: 576px){
2411
2465
 
2412
- [data-coco][data-component="modal"] .modal-container.container-leave-start {
2466
+ [data-coco][data-component="modal"] .modal-container.container-leave-start{
2413
2467
  --tw-scale-x: 1;
2414
2468
  --tw-scale-y: 1;
2415
2469
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2416
2470
  }
2417
2471
  }
2418
- [data-coco][data-component="modal"] .modal-container.container-leave-end {
2472
+ [data-coco][data-component="modal"] .modal-container.container-leave-end{
2419
2473
  --tw-translate-y: 1rem;
2420
2474
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2421
2475
  opacity: 0;
2422
2476
  }
2423
- @media (min-width: 576px) {
2477
+ @media (min-width: 576px){
2424
2478
 
2425
- [data-coco][data-component="modal"] .modal-container.container-leave-end {
2479
+ [data-coco][data-component="modal"] .modal-container.container-leave-end{
2426
2480
  --tw-translate-y: 0px;
2427
2481
  --tw-scale-x: .95;
2428
2482
  --tw-scale-y: .95;
2429
2483
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2430
2484
  }
2431
2485
  }
2432
- .modal-frame {
2486
+ .modal-frame{
2433
2487
  display: contents;
2434
2488
  }
2435
2489
  /*
2436
2490
  Limit the size of modal content when rendered in the
2437
2491
  host page rather than displayed as a modal.
2438
2492
  */
2439
- [data-role="inline-modal-content"] {
2493
+ [data-role="inline-modal-content"]{
2440
2494
  margin-left: auto;
2441
2495
  margin-right: auto;
2442
2496
  max-width: 42rem;
2443
2497
  }
2444
- [data-role="inline-modal-content"] [data-component="modal-dialog"] {
2498
+ [data-role="inline-modal-content"] [data-component="modal-dialog"]{
2445
2499
  border-radius: 0.75rem;
2446
2500
  border-width: 1px;
2447
2501
  --tw-border-opacity: 1;
@@ -2450,17 +2504,17 @@ select {
2450
2504
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2451
2505
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2452
2506
  }
2453
- [data-coco][data-component="modal-dialog"] {
2507
+ [data-coco][data-component="modal-dialog"]{
2454
2508
  width: 100%;
2455
2509
  border-radius: 0.75rem;
2456
2510
  }
2457
- .modal-frame [data-coco][data-component="modal-dialog"] {
2511
+ .modal-frame [data-coco][data-component="modal-dialog"]{
2458
2512
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2459
2513
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2460
2514
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2461
2515
  max-width: 42rem; /* temp until sizes added */
2462
2516
  }
2463
- [data-coco][data-component="modal-dialog"] .modal-dialog-header {
2517
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header{
2464
2518
  position: relative;
2465
2519
  display: flex;
2466
2520
  align-items: center;
@@ -2475,15 +2529,15 @@ select {
2475
2529
  padding-left: 1rem;
2476
2530
  padding-right: 1rem;
2477
2531
  }
2478
- @media (min-width: 576px) {
2532
+ @media (min-width: 576px){
2479
2533
 
2480
- [data-coco][data-component="modal-dialog"] .modal-dialog-header {
2534
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header{
2481
2535
  height: 4rem;
2482
2536
  padding-left: 2rem;
2483
2537
  padding-right: 2rem;
2484
2538
  }
2485
2539
  }
2486
- [data-coco][data-component="modal-dialog"] .modal-dialog-title {
2540
+ [data-coco][data-component="modal-dialog"] .modal-dialog-title{
2487
2541
  width: 100%;
2488
2542
  overflow: hidden;
2489
2543
  text-overflow: ellipsis;
@@ -2493,7 +2547,7 @@ select {
2493
2547
  line-height: 1.75rem;
2494
2548
  font-weight: 700;
2495
2549
  }
2496
- [data-coco][data-component="modal-dialog"] .modal-dialog-close {
2550
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
2497
2551
  position: absolute;
2498
2552
  top: 50%;
2499
2553
  right: 0.25rem;
@@ -2503,28 +2557,28 @@ select {
2503
2557
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2504
2558
  padding: 0.5rem;
2505
2559
  }
2506
- @media (min-width: 576px) {
2560
+ @media (min-width: 576px){
2507
2561
 
2508
- [data-coco][data-component="modal-dialog"] .modal-dialog-close {
2562
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
2509
2563
  right: 0.75rem;
2510
2564
  }
2511
2565
  }
2512
- [data-coco][data-component="modal-dialog"] .modal-dialog-close {
2566
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close{
2513
2567
  --tw-text-opacity: 1;
2514
2568
  color: rgb(156 163 175 / var(--tw-text-opacity));
2515
2569
  }
2516
- [data-coco][data-component="modal-dialog"] .modal-dialog-close:hover {
2570
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
2517
2571
  --tw-text-opacity: 1;
2518
2572
  color: rgb(31 41 55 / var(--tw-text-opacity));
2519
2573
  }
2520
- [data-coco][data-component="modal-dialog"] .modal-dialog-close:focus {
2574
+ [data-coco][data-component="modal-dialog"] .modal-dialog-close:focus{
2521
2575
  outline: 2px solid transparent;
2522
2576
  outline-offset: 2px;
2523
2577
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2524
2578
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2525
2579
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2526
2580
  }
2527
- [data-coco][data-component="modal-dialog"] .modal-dialog-content {
2581
+ [data-coco][data-component="modal-dialog"] .modal-dialog-content{
2528
2582
  border-radius: 0.75rem;
2529
2583
  --tw-bg-opacity: 1;
2530
2584
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -2533,25 +2587,25 @@ select {
2533
2587
  padding-top: 1rem;
2534
2588
  padding-bottom: 1rem;
2535
2589
  }
2536
- @media (min-width: 576px) {
2590
+ @media (min-width: 576px){
2537
2591
 
2538
- [data-coco][data-component="modal-dialog"] .modal-dialog-content {
2592
+ [data-coco][data-component="modal-dialog"] .modal-dialog-content{
2539
2593
  padding-left: 2rem;
2540
2594
  padding-right: 2rem;
2541
2595
  padding-top: 1.5rem;
2542
2596
  padding-bottom: 1.5rem;
2543
2597
  }
2544
2598
  }
2545
- [data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content {
2599
+ [data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
2546
2600
  border-top-left-radius: 0px;
2547
2601
  border-top-right-radius: 0px;
2548
2602
  }
2549
- [data-coco][data-component="modal-lightbox"] {
2603
+ [data-coco][data-component="modal-lightbox"]{
2550
2604
  position: relative;
2551
2605
  width: -moz-fit-content;
2552
2606
  width: fit-content;
2553
2607
  }
2554
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
2608
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
2555
2609
  position: absolute;
2556
2610
  right: -0.375rem;
2557
2611
  top: -0.375rem;
@@ -2563,14 +2617,14 @@ select {
2563
2617
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2564
2618
  transition-duration: 150ms;
2565
2619
  }
2566
- @media (min-width: 576px) {
2620
+ @media (min-width: 576px){
2567
2621
 
2568
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
2622
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
2569
2623
  right: -1rem;
2570
2624
  top: -1rem;
2571
2625
  }
2572
2626
  }
2573
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
2627
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
2574
2628
  --tw-bg-opacity: 1;
2575
2629
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
2576
2630
  --tw-text-opacity: 1;
@@ -2579,14 +2633,14 @@ select {
2579
2633
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2580
2634
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2581
2635
  }
2582
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-close:focus {
2636
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-close:focus{
2583
2637
  outline: 2px solid transparent;
2584
2638
  outline-offset: 2px;
2585
2639
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2586
2640
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2587
2641
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2588
2642
  }
2589
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-content {
2643
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-content{
2590
2644
  position: relative;
2591
2645
  min-height: 100px;
2592
2646
  min-width: 100px;
@@ -2595,7 +2649,7 @@ select {
2595
2649
  width: -moz-fit-content;
2596
2650
  width: fit-content;
2597
2651
  }
2598
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-loader {
2652
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-loader{
2599
2653
  position: absolute;
2600
2654
  inset: 0px;
2601
2655
  display: flex;
@@ -2606,24 +2660,24 @@ select {
2606
2660
  color: rgb(255 255 255 / var(--tw-text-opacity));
2607
2661
  opacity: 0.7;
2608
2662
  }
2609
- [data-coco][data-component="modal-lightbox"] .modal-lightbox-media {
2663
+ [data-coco][data-component="modal-lightbox"] .modal-lightbox-media{
2610
2664
  position: relative;
2611
2665
  z-index: 10;
2612
2666
  }
2613
2667
  [data-coco][data-component="modal-lightbox"] .modal-lightbox-media img {
2614
2668
  width: 100%;
2615
2669
  }
2616
- [data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content {
2670
+ [data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content{
2617
2671
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2618
2672
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2619
2673
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2620
2674
  }
2621
- [data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content {
2675
+ [data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content{
2622
2676
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2623
2677
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2624
2678
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2625
2679
  }
2626
- [data-coco][data-component="pager-link"] {
2680
+ [data-coco][data-component="pager-link"]{
2627
2681
  display: block;
2628
2682
  --tw-scale-x: .75;
2629
2683
  --tw-scale-y: .75;
@@ -2638,21 +2692,21 @@ select {
2638
2692
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2639
2693
  transition-duration: 150ms;
2640
2694
  }
2641
- [data-coco][data-component="pager-link"]:hover {
2695
+ [data-coco][data-component="pager-link"]:hover{
2642
2696
  --tw-scale-x: 1;
2643
2697
  --tw-scale-y: 1;
2644
2698
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2645
2699
  --tw-bg-opacity: 0.6;
2646
2700
  }
2647
- @media (min-width: 992px) {
2701
+ @media (min-width: 992px){
2648
2702
 
2649
- [data-coco][data-component="pager-link"] {
2703
+ [data-coco][data-component="pager-link"]{
2650
2704
  --tw-scale-x: 1;
2651
2705
  --tw-scale-y: 1;
2652
2706
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2653
2707
  }
2654
2708
 
2655
- [data-coco][data-component="pager-link"]:hover {
2709
+ [data-coco][data-component="pager-link"]:hover{
2656
2710
  --tw-scale-x: 1.25;
2657
2711
  --tw-scale-y: 1.25;
2658
2712
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2662,35 +2716,35 @@ select {
2662
2716
  width: -moz-min-content;
2663
2717
  width: min-content;
2664
2718
  }
2665
- [data-coco][data-component="pager-link"] .coco-icon {
2719
+ [data-coco][data-component="pager-link"] .coco-icon{
2666
2720
  position: relative;
2667
2721
  --tw-text-opacity: 1;
2668
2722
  color: rgb(255 255 255 / var(--tw-text-opacity));
2669
2723
  }
2670
- [data-coco][data-component="pager-link"][data-direction="previous"] {
2724
+ [data-coco][data-component="pager-link"][data-direction="previous"]{
2671
2725
  transform-origin: left;
2672
2726
  border-top-right-radius: 0.375rem;
2673
2727
  border-bottom-right-radius: 0.375rem;
2674
2728
  }
2675
- [data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon {
2729
+ [data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon{
2676
2730
  margin-left: -0.25rem;
2677
2731
  }
2678
- [data-coco][data-component="pager-link"][data-direction="next"] {
2732
+ [data-coco][data-component="pager-link"][data-direction="next"]{
2679
2733
  transform-origin: right;
2680
2734
  border-top-left-radius: 0.375rem;
2681
2735
  border-bottom-left-radius: 0.375rem;
2682
2736
  }
2683
- [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon {
2737
+ [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
2684
2738
  margin-right: -0.25rem;
2685
2739
  }
2686
- [data-coco][data-component="panel"] {
2740
+ [data-coco][data-component="panel"]{
2687
2741
  display: contents;
2688
2742
  }
2689
- [data-coco][data-component="panel"] .panel-content {
2743
+ [data-coco][data-component="panel"] .panel-content{
2690
2744
  display: contents;
2691
2745
  }
2692
2746
  /* Only style Coco panels that are not rendered inside legacy panel components */
2693
- [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) {
2747
+ [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]){
2694
2748
  display: block;
2695
2749
  border-radius: 0.75rem;
2696
2750
  border-width: 1px;
@@ -2702,14 +2756,14 @@ select {
2702
2756
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2703
2757
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2704
2758
  }
2705
- [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content {
2759
+ [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content{
2706
2760
  display: block;
2707
2761
  padding: max(min(5%, 2rem), 1rem);
2708
2762
  }
2709
- [data-coco][data-component="placeholder"] {
2763
+ [data-coco][data-component="placeholder"]{
2710
2764
  padding: 1rem;
2711
2765
  }
2712
- [data-coco][data-component="placeholder"][data-boxed="true"] {
2766
+ [data-coco][data-component="placeholder"][data-boxed="true"]{
2713
2767
  border-width: 1px;
2714
2768
  border-style: dashed;
2715
2769
  --tw-border-opacity: 1;
@@ -2717,165 +2771,543 @@ select {
2717
2771
  --tw-bg-opacity: 1;
2718
2772
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2719
2773
  }
2720
- [data-coco][data-component="placeholder"][data-prose="true"] .placeholder-content > :not([hidden]) ~ :not([hidden]) {
2774
+ [data-coco][data-component="placeholder"][data-prose="true"] .placeholder-content > :not([hidden]) ~ :not([hidden]){
2721
2775
  --tw-space-y-reverse: 0;
2722
2776
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
2723
2777
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
2724
2778
  }
2725
- [data-coco][data-component="placeholder"][data-prose="false"] {
2779
+ [data-coco][data-component="placeholder"][data-prose="false"]{
2726
2780
  text-align: center;
2727
2781
  }
2728
- [data-coco][data-component="placeholder"][data-size="full"] {
2782
+ [data-coco][data-component="placeholder"][data-size="full"]{
2729
2783
  height: 100%;
2730
2784
  width: 100%;
2731
2785
  }
2732
- [data-coco][data-component="placeholder"][data-size="full"] .placeholder-inner {
2786
+ [data-coco][data-component="placeholder"][data-size="full"] .placeholder-inner{
2733
2787
  display: flex;
2734
2788
  height: 100%;
2735
2789
  width: 100%;
2736
2790
  align-items: center;
2737
2791
  justify-content: center;
2738
2792
  }
2739
- [data-coco][data-component="placeholder"][data-size="full"] .placeholder-content {
2793
+ [data-coco][data-component="placeholder"][data-size="full"] .placeholder-content{
2740
2794
  margin: auto;
2741
2795
  }
2742
- [data-coco][data-component="poll-controller"] {
2796
+ [data-coco][data-component="poll-controller"]{
2743
2797
  display: contents;
2744
2798
  }
2745
- [data-coco][data-component="book-editable-slide"] {
2746
- /*
2747
- * slide-padding-lg at max (1480px): 240px (16.2%)
2748
- * slide-padding-lg at min (320px): 16.2% x 320px = 52px
2749
- */
2750
- --slide-padding-lg: clamp(52px, 16.2cqw, 240px);
2799
+ [data-coco].coco-prose{
2800
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2801
+ font-size: 16px;
2802
+ line-height: 24px;
2803
+ }
2804
+ [data-coco].coco-prose :last-child{
2805
+ margin-bottom: 0px !important;
2806
+ }
2807
+ [data-coco].coco-prose a[href]:not([data-theme]){
2808
+ --tw-text-opacity: 1;
2809
+ color: rgb(26 136 113 / var(--tw-text-opacity));
2810
+ }
2811
+ [data-coco].coco-prose[data-centered="true"]{
2812
+ text-align: center;
2813
+ }
2814
+ [data-coco].coco-prose[data-style="display"] > h1,
2815
+ [data-coco].coco-prose[data-style="display"] > h2,
2816
+ [data-coco].coco-prose[data-style="display"] > h3,
2817
+ [data-coco].coco-prose[data-style="display"] > h4,
2818
+ [data-coco].coco-prose[data-style="display"] > h5,
2819
+ [data-coco].coco-prose[data-style="display"] > h6 {
2820
+ margin-bottom: 0.34em;
2821
+ }
2822
+ [data-coco][data-component="spacer"]{
2823
+ pointer-events: none;
2824
+ visibility: hidden;
2825
+ margin: 0px !important;
2826
+ flex: none !important;
2827
+ -webkit-user-select: none;
2828
+ -moz-user-select: none;
2829
+ user-select: none;
2830
+ border-style: none !important;
2831
+ padding: 0px !important;
2832
+ }
2833
+ [data-coco][data-component="spacer"][data-size="0"]{
2834
+ display: none;
2835
+ }
2836
+ [data-coco][data-component="spacer"]{
2837
+ width: 0px !important;
2838
+ }
2839
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"]{
2840
+ height: 0.375rem;
2841
+ }
2842
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"]{
2843
+ height: 0.75rem;
2844
+ }
2845
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"]{
2846
+ height: 1.25rem;
2847
+ }
2848
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"]{
2849
+ height: 1.75rem;
2850
+ }
2851
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"]{
2852
+ height: 2.25rem;
2853
+ }
2854
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"]{
2855
+ height: 2.75rem;
2856
+ }
2857
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"]{
2858
+ height: 3.25rem;
2859
+ }
2860
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"]{
2861
+ height: 3.75rem;
2862
+ }
2863
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"]{
2864
+ height: 0.5rem;
2865
+ }
2866
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"]{
2867
+ height: 1rem;
2868
+ }
2869
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"]{
2870
+ height: 1.5rem;
2871
+ }
2872
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"]{
2873
+ height: 2rem;
2874
+ }
2875
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"]{
2876
+ height: 2.5rem;
2877
+ }
2878
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"]{
2879
+ height: 3rem;
2880
+ }
2881
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"]{
2882
+ height: 3.5rem;
2883
+ }
2884
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"]{
2885
+ height: 4rem;
2886
+ }
2887
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
2888
+ height: 1rem;
2889
+ }
2890
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
2891
+ height: 1.5rem;
2892
+ }
2893
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
2894
+ height: 2rem;
2895
+ }
2896
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
2897
+ height: 2.5rem;
2898
+ }
2899
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
2900
+ height: 3rem;
2901
+ }
2902
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
2903
+ height: 3.5rem;
2904
+ }
2905
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
2906
+ height: 4rem;
2907
+ }
2908
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
2909
+ height: 4.5rem;
2910
+ }
2911
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
2912
+ height: 1.5rem;
2913
+ }
2914
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
2915
+ height: 2rem;
2916
+ }
2917
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
2918
+ height: 2.5rem;
2919
+ }
2920
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
2921
+ height: 3rem;
2922
+ }
2923
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
2924
+ height: 3.5rem;
2925
+ }
2926
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
2927
+ height: 4rem;
2928
+ }
2929
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
2930
+ height: 4.5rem;
2931
+ }
2932
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
2933
+ height: 5rem;
2934
+ }
2935
+ @media (min-width: 576px) {
2936
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
2937
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"]{
2938
+ height: 0.5rem;
2939
+ }
2751
2940
 
2752
- /*
2753
- * slide-padding-md at max (1480px): 120px (8.1%)
2754
- * slide-padding-md at min (320px): 8.1% x 320px = 26px
2755
- */
2756
- --slide-padding-md: clamp(26px, 8.1cqw, 120px);
2941
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
2942
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"]{
2943
+ height: 1rem;
2944
+ }
2757
2945
 
2758
- /*
2759
- * slide-padding-sm at max (1480px): 80px (5.4%)
2760
- * slide-padding-sm at min (320px): 5.4% x 320px = 17px
2761
- */
2762
- --slide-padding-sm: max(24px, clamp(17px, 5.4cqw, 80px));
2946
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
2947
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"]{
2948
+ height: 1.5rem;
2949
+ }
2763
2950
 
2764
- /* Visually-adjusted small padding size for grid gap and header spacing */
2765
- --slide-padding-sm-internal: max(20px, clamp(16px, 4.9cqw, 72px));
2951
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
2952
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"]{
2953
+ height: 2rem;
2954
+ }
2766
2955
 
2767
- /*
2768
- * Small title font size at max (1480px): 64px (4.3%)
2769
- * Small title font size at min (320px): 4.3% x 320px = 13.8px
2770
- */
2771
- --title-font-size: max(
2772
- 32px,
2773
- clamp(13.8px, 4.3cqw, 64px)
2774
- );
2956
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
2957
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"]{
2958
+ height: 2.5rem;
2959
+ }
2775
2960
 
2776
- /*
2777
- * Text font size at max (1480px): 24px / 1.62%
2778
- * Text font size at min (320px): 1.62% x 320px = 5.2px
2779
- */
2780
- --text-font-size: max(12px, clamp(6.1px, 1.86cqw, 28px));
2961
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
2962
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"]{
2963
+ height: 3rem;
2964
+ }
2781
2965
 
2782
- /* ------------- */
2966
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
2967
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"]{
2968
+ height: 3.5rem;
2969
+ }
2783
2970
 
2784
- position: relative;
2971
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
2972
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"]{
2973
+ height: 4rem;
2974
+ }
2975
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
2976
+ height: 1rem;
2977
+ }
2785
2978
 
2786
- border-radius: 0.375rem;
2979
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
2980
+ height: 1.5rem;
2981
+ }
2787
2982
 
2788
- container-type: inline-size;
2983
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
2984
+ height: 2rem;
2985
+ }
2789
2986
 
2790
- --tw-bg-opacity: 1;
2987
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
2988
+ height: 2.5rem;
2989
+ }
2791
2990
 
2792
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2991
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
2992
+ height: 3rem;
2993
+ }
2793
2994
 
2794
- background-size: cover;
2995
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
2996
+ height: 3.5rem;
2997
+ }
2795
2998
 
2796
- background-position: center;
2999
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
3000
+ height: 4rem;
3001
+ }
2797
3002
 
2798
- background-repeat: no-repeat;
3003
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
3004
+ height: 4.5rem;
3005
+ }
3006
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
3007
+ height: 1.5rem;
3008
+ }
2799
3009
 
2800
- min-width: 320px;
3010
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
3011
+ height: 2rem;
2801
3012
  }
2802
- [data-coco][data-component="book-editable-slide"] .slide-aspect {
2803
- display: grid;
2804
- min-height: 62.5cqw;
2805
- grid-template-columns: repeat(1, minmax(0, 1fr));
2806
- grid-template-rows: repeat(1, minmax(0, 1fr));
2807
- }
2808
- @container (min-width: 700px) {
2809
3013
 
2810
- @supports (aspect-ratio: 1 / 1) {
3014
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
3015
+ height: 2.5rem;
3016
+ }
2811
3017
 
2812
- [data-coco][data-component="book-editable-slide"] .slide-aspect {
2813
- aspect-ratio: 16 / 10;
2814
- }
3018
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
3019
+ height: 3rem;
2815
3020
  }
2816
3021
 
2817
- @supports not (aspect-ratio: 1 / 1) {
3022
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
3023
+ height: 3.5rem;
3024
+ }
2818
3025
 
2819
- [data-coco][data-component="book-editable-slide"] .slide-aspect::before {
2820
- content: "";
2821
- float: left;
2822
- padding-top: calc(100% / (16 / 10));
2823
- }
3026
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
3027
+ height: 4rem;
3028
+ }
2824
3029
 
2825
- [data-coco][data-component="book-editable-slide"] .slide-aspect::after {
2826
- clear: left;
2827
- content: "";
2828
- display: block;
2829
- }
3030
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
3031
+ height: 4.5rem;
3032
+ }
3033
+
3034
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
3035
+ height: 5rem;
3036
+ }
3037
+ }
3038
+ @media (min-width: 768px) {
3039
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
3040
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"],
3041
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
3042
+ height: 1rem;
3043
+ }
3044
+
3045
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
3046
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"],
3047
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
3048
+ height: 1.5rem;
3049
+ }
3050
+
3051
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
3052
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"],
3053
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
3054
+ height: 2rem;
3055
+ }
3056
+
3057
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
3058
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"],
3059
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
3060
+ height: 2.5rem;
3061
+ }
3062
+
3063
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
3064
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"],
3065
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
3066
+ height: 3rem;
3067
+ }
3068
+
3069
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
3070
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"],
3071
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
3072
+ height: 3.5rem;
3073
+ }
3074
+
3075
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
3076
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"],
3077
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
3078
+ height: 4rem;
3079
+ }
3080
+
3081
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
3082
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"],
3083
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
3084
+ height: 4.5rem;
3085
+ }
3086
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
3087
+ height: 1.5rem;
3088
+ }
3089
+
3090
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
3091
+ height: 2rem;
3092
+ }
3093
+
3094
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
3095
+ height: 2.5rem;
3096
+ }
3097
+
3098
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
3099
+ height: 3rem;
3100
+ }
3101
+
3102
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
3103
+ height: 3.5rem;
3104
+ }
3105
+
3106
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
3107
+ height: 4rem;
3108
+ }
3109
+
3110
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
3111
+ height: 4.5rem;
3112
+ }
3113
+
3114
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
3115
+ height: 5rem;
3116
+ }
3117
+ }
3118
+ @media (min-width: 992px) {
3119
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
3120
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"],
3121
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"],
3122
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
3123
+ height: 1.5rem;
3124
+ }
3125
+
3126
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
3127
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"],
3128
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"],
3129
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
3130
+ height: 2rem;
3131
+ }
3132
+
3133
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
3134
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"],
3135
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"],
3136
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
3137
+ height: 2.5rem;
3138
+ }
3139
+
3140
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
3141
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"],
3142
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"],
3143
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
3144
+ height: 3rem;
3145
+ }
3146
+
3147
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
3148
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"],
3149
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"],
3150
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
3151
+ height: 3.5rem;
2830
3152
  }
2831
- }
2832
- [data-coco][data-component="book-editable-slide"] .slide-container {
2833
- overflow: hidden;
2834
- }
2835
- @container (min-width: 700px) {
2836
3153
 
2837
- [data-coco][data-component="book-editable-slide"] .slide-container {
3154
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
3155
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"],
3156
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"],
3157
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
3158
+ height: 4rem;
3159
+ }
3160
+
3161
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
3162
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"],
3163
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"],
3164
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
3165
+ height: 4.5rem;
3166
+ }
3167
+
3168
+ [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
3169
+ [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"],
3170
+ [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"],
3171
+ [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
3172
+ height: 5rem;
3173
+ }
3174
+ }
3175
+ [data-coco][data-component="stack"] {
3176
+ }
3177
+ [data-coco][data-component="book-editable-slide"] {
3178
+ /*
3179
+ * slide-padding-lg at max (1480px): 240px (16.2%)
3180
+ * slide-padding-lg at min (320px): 16.2% x 320px = 52px
3181
+ */
3182
+ --slide-padding-lg: clamp(52px, 16.2cqw, 240px);
3183
+
3184
+ /*
3185
+ * slide-padding-md at max (1480px): 120px (8.1%)
3186
+ * slide-padding-md at min (320px): 8.1% x 320px = 26px
3187
+ */
3188
+ --slide-padding-md: clamp(26px, 8.1cqw, 120px);
3189
+
3190
+ /*
3191
+ * slide-padding-sm at max (1480px): 80px (5.4%)
3192
+ * slide-padding-sm at min (320px): 5.4% x 320px = 17px
3193
+ */
3194
+ --slide-padding-sm: max(24px, clamp(17px, 5.4cqw, 80px));
3195
+
3196
+ /* Visually-adjusted small padding size for grid gap and header spacing */
3197
+ --slide-padding-sm-internal: max(20px, clamp(16px, 4.9cqw, 72px));
3198
+
3199
+ /*
3200
+ * Small title font size at max (1480px): 64px (4.3%)
3201
+ * Small title font size at min (320px): 4.3% x 320px = 13.8px
3202
+ */
3203
+ --title-font-size: max(
3204
+ 32px,
3205
+ clamp(13.8px, 4.3cqw, 64px)
3206
+ );
3207
+
3208
+ /*
3209
+ * Text font size at max (1480px): 24px / 1.62%
3210
+ * Text font size at min (320px): 1.62% x 320px = 5.2px
3211
+ */
3212
+ --text-font-size: max(12px, clamp(6.1px, 1.86cqw, 28px));
3213
+
3214
+ /* ------------- */
3215
+
3216
+ position: relative;
3217
+
3218
+ border-radius: 0.375rem;
3219
+
3220
+ container-type: inline-size;
3221
+
3222
+ --tw-bg-opacity: 1;
3223
+
3224
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3225
+
3226
+ background-size: cover;
3227
+
3228
+ background-position: center;
3229
+
3230
+ background-repeat: no-repeat;
3231
+
3232
+ min-width: 320px;
3233
+ }
3234
+ [data-coco][data-component="book-editable-slide"] .slide-aspect{
3235
+ display: grid;
3236
+ min-height: 62.5cqw;
3237
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3238
+ grid-template-rows: repeat(1, minmax(0, 1fr));
3239
+ }
3240
+ @container (min-width: 700px){
3241
+
3242
+ @supports (aspect-ratio: 1 / 1){
3243
+
3244
+ [data-coco][data-component="book-editable-slide"] .slide-aspect{
3245
+ aspect-ratio: 16 / 10;
3246
+ }
3247
+ }
3248
+
3249
+ @supports not (aspect-ratio: 1 / 1){
3250
+
3251
+ [data-coco][data-component="book-editable-slide"] .slide-aspect::before{
3252
+ content: "";
3253
+ float: left;
3254
+ padding-top: calc(100% / (16 / 10));
3255
+ }
3256
+
3257
+ [data-coco][data-component="book-editable-slide"] .slide-aspect::after{
3258
+ clear: left;
3259
+ content: "";
3260
+ display: block;
3261
+ }
3262
+ }
3263
+ }
3264
+ [data-coco][data-component="book-editable-slide"] .slide-container{
3265
+ overflow: hidden;
3266
+ }
3267
+ @container (min-width: 700px){
3268
+
3269
+ [data-coco][data-component="book-editable-slide"] .slide-container{
2838
3270
  position: absolute;
2839
3271
  inset: 0px;
2840
3272
  }
2841
3273
  }
2842
- [data-coco][data-component="book-editable-slide"] .slide-container {
3274
+ [data-coco][data-component="book-editable-slide"] .slide-container{
2843
3275
  padding-left: 1.5rem;
2844
3276
  padding-right: 1.5rem;
2845
3277
  padding-top: 2.5rem;
2846
3278
  padding-bottom: 2.5rem;
2847
3279
  }
2848
- @container (min-width: 700px) {
3280
+ @container (min-width: 700px){
2849
3281
 
2850
- [data-coco][data-component="book-editable-slide"] .slide-container {
3282
+ [data-coco][data-component="book-editable-slide"] .slide-container{
2851
3283
  padding-left: var(--slide-padding-md);
2852
3284
  padding-right: var(--slide-padding-md);
2853
3285
  padding-top: var(--slide-padding-md);
2854
3286
  padding-bottom: var(--slide-padding-md);
2855
3287
  }
2856
3288
  }
2857
- [data-coco][data-component="book-editable-slide"] .slide-layout {
3289
+ [data-coco][data-component="book-editable-slide"] .slide-layout{
2858
3290
  height: 100%;
2859
3291
  width: 100%;
2860
3292
  }
2861
- @container (min-width: 700px) {
3293
+ @container (min-width: 700px){
2862
3294
 
2863
- [data-coco][data-component="book-editable-slide"] .slide-layout {
3295
+ [data-coco][data-component="book-editable-slide"] .slide-layout{
2864
3296
  display: grid;
2865
3297
  }
2866
3298
  }
2867
3299
  [data-coco][data-component="book-editable-slide"] .slide-header,
2868
3300
  [data-coco][data-component="book-editable-slide"] .slide-text,
2869
- [data-coco][data-component="book-editable-slide"] .slide-media {
3301
+ [data-coco][data-component="book-editable-slide"] .slide-media{
2870
3302
  display: none;
2871
3303
  }
2872
- [data-coco][data-component="book-editable-slide"] .slide-group {
3304
+ [data-coco][data-component="book-editable-slide"] .slide-group{
2873
3305
  display: contents;
2874
3306
  }
2875
- [data-coco][data-component="book-editable-slide"] .slide-header {
3307
+ [data-coco][data-component="book-editable-slide"] .slide-header{
2876
3308
  width: 100%;
2877
3309
  }
2878
- [data-coco][data-component="book-editable-slide"] .slide-title {
3310
+ [data-coco][data-component="book-editable-slide"] .slide-title{
2879
3311
  width: 100%;
2880
3312
  font-weight: 700;
2881
3313
  color: currentColor;
@@ -2883,7 +3315,7 @@ select {
2883
3315
  line-height: 1.1;
2884
3316
  font-size: var(--title-font-size);
2885
3317
  }
2886
- [data-coco][data-component="book-editable-slide"] .slide-text {
3318
+ [data-coco][data-component="book-editable-slide"] .slide-text{
2887
3319
  width: 100%;
2888
3320
  overflow: hidden;
2889
3321
  font-size: 1rem;
@@ -2891,7 +3323,7 @@ select {
2891
3323
  color: currentColor;
2892
3324
  line-height: 1.5;
2893
3325
  }
2894
- [data-coco][data-component="book-editable-slide"] .slide-media {
3326
+ [data-coco][data-component="book-editable-slide"] .slide-media{
2895
3327
  position: relative;
2896
3328
  width: 100%;
2897
3329
  font-size: 1rem;
@@ -2903,14 +3335,14 @@ select {
2903
3335
  [data-coco][data-component="book-editable-slide"] .slide-media {
2904
3336
  font-size: var(--text-font-size);
2905
3337
  }
2906
- [data-coco][data-component="book-editable-slide"] .slide-media-wrapper {
3338
+ [data-coco][data-component="book-editable-slide"] .slide-media-wrapper{
2907
3339
  position: absolute;
2908
3340
  inset: 0px;
2909
3341
  height: 100%;
2910
3342
  width: 100%;
2911
3343
  }
2912
3344
  }
2913
- [data-coco][data-component="book-editable-slide"] .slide-media-wrapper img {
3345
+ [data-coco][data-component="book-editable-slide"] .slide-media-wrapper img{
2914
3346
  height: 100%;
2915
3347
  width: 100%;
2916
3348
  -o-object-fit: contain;
@@ -2938,34 +3370,34 @@ select {
2938
3370
  clamp(7px, 2.16cqw, 32px)
2939
3371
  );
2940
3372
  }
2941
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container {
3373
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container{
2942
3374
  padding-top: 3rem;
2943
3375
  padding-bottom: 3rem;
2944
3376
  }
2945
- @container (min-width: 700px) {
3377
+ @container (min-width: 700px){
2946
3378
 
2947
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container {
3379
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container{
2948
3380
  padding-left: var(--slide-padding-lg);
2949
3381
  padding-right: var(--slide-padding-lg);
2950
3382
  padding-top: var(--slide-padding-md);
2951
3383
  padding-bottom: var(--slide-padding-md);
2952
3384
  }
2953
3385
  }
2954
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
3386
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout{
2955
3387
  margin-left: auto;
2956
3388
  margin-right: auto;
2957
3389
  max-width: 475px;
2958
3390
  }
2959
- @container (min-width: 700px) {
3391
+ @container (min-width: 700px){
2960
3392
 
2961
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
3393
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout{
2962
3394
  max-width: 100%;
2963
3395
  }
2964
3396
  }
2965
3397
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
2966
3398
  grid-template-areas: "content";
2967
3399
  }
2968
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="group-primary-text"] {
3400
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="group-primary-text"]{
2969
3401
  display: flex;
2970
3402
  height: 100%;
2971
3403
  flex-direction: column;
@@ -2975,7 +3407,7 @@ select {
2975
3407
  grid-area: content;
2976
3408
  }
2977
3409
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="header"],
2978
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="text-primary"] {
3410
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="text-primary"]{
2979
3411
  display: block;
2980
3412
  }
2981
3413
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-text {
@@ -2984,18 +3416,18 @@ select {
2984
3416
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"].with-title .slide-text {
2985
3417
  margin-top: 0.875em;
2986
3418
  }
2987
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container {
3419
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container{
2988
3420
  padding-top: 2.5rem;
2989
3421
  padding-bottom: 2.5rem;
2990
3422
  }
2991
- @container (min-width: 700px) {
3423
+ @container (min-width: 700px){
2992
3424
 
2993
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container {
3425
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container{
2994
3426
  padding-top: var(--slide-padding-sm);
2995
3427
  padding-bottom: var(--slide-padding-sm);
2996
3428
  }
2997
3429
 
2998
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout {
3430
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout{
2999
3431
  padding-top: 4.8cqw;
3000
3432
  padding-bottom: 4.8cqw;
3001
3433
  }
@@ -3004,7 +3436,7 @@ select {
3004
3436
  grid-template-areas: "content";
3005
3437
  grid-template-rows: auto;
3006
3438
  }
3007
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-layout {
3439
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-layout{
3008
3440
  padding-top: 0px;
3009
3441
  padding-bottom: 0px;
3010
3442
  grid-template-areas:
@@ -3014,28 +3446,28 @@ select {
3014
3446
  grid-gap: var(--slide-padding-sm-internal);
3015
3447
  }
3016
3448
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"],
3017
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"] {
3449
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"]{
3018
3450
  display: block;
3019
3451
  }
3020
3452
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"] {
3021
3453
  grid-area: header;
3022
3454
  margin-bottom: 1.25rem;
3023
3455
  }
3024
- @container (min-width: 700px) {
3456
+ @container (min-width: 700px){
3025
3457
 
3026
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"] {
3458
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"]{
3027
3459
  margin-bottom: 0px;
3028
3460
  }
3029
3461
  }
3030
3462
  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"] {
3031
3463
  grid-area: content;
3032
3464
  }
3033
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
3465
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container{
3034
3466
  padding: 1.5rem;
3035
3467
  }
3036
- @container (min-width: 700px) {
3468
+ @container (min-width: 700px){
3037
3469
 
3038
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
3470
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container{
3039
3471
  padding: var(--slide-padding-sm);
3040
3472
  }
3041
3473
  }
@@ -3043,21 +3475,21 @@ select {
3043
3475
  grid-template-areas: "content";
3044
3476
  grid-template-rows: 100%;
3045
3477
  }
3046
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-role="media-primary"] {
3478
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-role="media-primary"]{
3047
3479
  display: block;
3048
3480
  height: 100%;
3049
3481
  grid-area: content;
3050
3482
  }
3051
- [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-media-wrapper {
3483
+ [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-media-wrapper{
3052
3484
  height: 100%;
3053
3485
  }
3054
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container {
3486
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container{
3055
3487
  padding-top: 2.5rem;
3056
3488
  padding-bottom: 2.5rem;
3057
3489
  }
3058
- @container (min-width: 700px) {
3490
+ @container (min-width: 700px){
3059
3491
 
3060
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container {
3492
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container{
3061
3493
  padding: var(--slide-padding-md);
3062
3494
  }
3063
3495
  }
@@ -3070,27 +3502,27 @@ select {
3070
3502
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="header"],
3071
3503
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="text-primary"],
3072
3504
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"],
3073
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
3505
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"]{
3074
3506
  display: block;
3075
3507
  }
3076
3508
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
3077
3509
  grid-area: text;
3078
3510
  }
3079
- @container (min-width: 700px) {
3511
+ @container (min-width: 700px){
3080
3512
 
3081
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
3513
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"]{
3082
3514
  display: flex;
3083
3515
  height: 100%;
3084
3516
  flex-direction: column;
3085
3517
  justify-content: center;
3086
3518
  }
3087
3519
  }
3088
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"] {
3520
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"]{
3089
3521
  margin-top: 1.5rem;
3090
3522
  }
3091
- @container (min-width: 700px) {
3523
+ @container (min-width: 700px){
3092
3524
 
3093
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"] {
3525
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"]{
3094
3526
  margin-top: 0px;
3095
3527
  }
3096
3528
  }
@@ -3100,17 +3532,17 @@ select {
3100
3532
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"].with-title .slide-text {
3101
3533
  margin-top: 0.875em;
3102
3534
  }
3103
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container {
3535
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container{
3104
3536
  padding-top: 2.5rem;
3105
3537
  padding-bottom: 2.5rem;
3106
3538
  }
3107
- @container (min-width: 700px) {
3539
+ @container (min-width: 700px){
3108
3540
 
3109
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container {
3541
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container{
3110
3542
  padding: var(--slide-padding-sm);
3111
3543
  }
3112
3544
 
3113
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout {
3545
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout{
3114
3546
  padding-top: 4.8cqw;
3115
3547
  padding-bottom: 4.8cqw;
3116
3548
  }
@@ -3121,7 +3553,7 @@ select {
3121
3553
  grid-template-columns: 1fr 1fr;
3122
3554
  grid-gap: var(--slide-padding-sm-internal);
3123
3555
  }
3124
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-layout {
3556
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-layout{
3125
3557
  padding-top: 0px;
3126
3558
  padding-bottom: 0px;
3127
3559
  grid-template-areas:
@@ -3131,7 +3563,7 @@ select {
3131
3563
  }
3132
3564
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="header"],
3133
3565
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"],
3134
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-secondary"] {
3566
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-secondary"]{
3135
3567
  display: block;
3136
3568
  }
3137
3569
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="header"] {
@@ -3144,27 +3576,27 @@ select {
3144
3576
  grid-area: secondary;
3145
3577
  }
3146
3578
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header,
3147
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"] {
3579
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"]{
3148
3580
  margin-bottom: 1.5rem;
3149
3581
  }
3150
- @container (min-width: 700px) {
3582
+ @container (min-width: 700px){
3151
3583
 
3152
3584
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header,
3153
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"] {
3585
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"]{
3154
3586
  margin-bottom: 0px;
3155
3587
  }
3156
3588
  }
3157
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
3589
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container{
3158
3590
  padding-top: 2.5rem;
3159
3591
  padding-bottom: 2.5rem;
3160
3592
  }
3161
- @container (min-width: 700px) {
3593
+ @container (min-width: 700px){
3162
3594
 
3163
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
3595
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container{
3164
3596
  padding: var(--slide-padding-sm);
3165
3597
  }
3166
3598
 
3167
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
3599
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout{
3168
3600
  padding-top: 4.8cqw;
3169
3601
  padding-bottom: 4.8cqw;
3170
3602
  }
@@ -3175,7 +3607,7 @@ select {
3175
3607
  grid-template-columns: 1fr 1fr;
3176
3608
  grid-gap: var(--slide-padding-sm-internal);
3177
3609
  }
3178
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-layout {
3610
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-layout{
3179
3611
  padding-top: 0px;
3180
3612
  padding-bottom: 0px;
3181
3613
  grid-template-areas:
@@ -3185,7 +3617,7 @@ select {
3185
3617
  }
3186
3618
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="header"],
3187
3619
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"],
3188
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-secondary"] {
3620
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-secondary"]{
3189
3621
  display: block;
3190
3622
  }
3191
3623
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="header"] {
@@ -3198,82 +3630,82 @@ select {
3198
3630
  grid-area: secondary;
3199
3631
  }
3200
3632
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header,
3201
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"] {
3633
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"]{
3202
3634
  margin-bottom: 1.5rem;
3203
3635
  }
3204
- @container (min-width: 700px) {
3636
+ @container (min-width: 700px){
3205
3637
 
3206
3638
  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header,
3207
- [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"] {
3639
+ [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"]{
3208
3640
  margin-bottom: 0px;
3209
3641
  }
3210
3642
  }
3211
- [data-coco][data-component="book-media-slide"] img {
3643
+ [data-coco][data-component="book-media-slide"] img{
3212
3644
  height: 100%;
3213
3645
  width: 100%;
3214
3646
  border-radius: 0.375rem;
3215
3647
  -o-object-fit: contain;
3216
3648
  object-fit: contain;
3217
3649
  }
3218
- .visible {
3650
+ .visible{
3219
3651
  visibility: visible;
3220
3652
  }
3221
- .static {
3653
+ .static{
3222
3654
  position: static;
3223
3655
  }
3224
- .fixed {
3656
+ .fixed{
3225
3657
  position: fixed;
3226
3658
  }
3227
- .\!block {
3659
+ .\!block{
3228
3660
  display: block !important;
3229
3661
  }
3230
- .block {
3662
+ .block{
3231
3663
  display: block;
3232
3664
  }
3233
- .flex {
3665
+ .flex{
3234
3666
  display: flex;
3235
3667
  }
3236
- .grid {
3668
+ .grid{
3237
3669
  display: grid;
3238
3670
  }
3239
- .contents {
3671
+ .contents{
3240
3672
  display: contents;
3241
3673
  }
3242
- .hidden {
3674
+ .hidden{
3243
3675
  display: none;
3244
3676
  }
3245
- .transform {
3677
+ .transform{
3246
3678
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3247
3679
  }
3248
- .resize {
3680
+ .resize{
3249
3681
  resize: both;
3250
3682
  }
3251
- .italic {
3683
+ .italic{
3252
3684
  font-style: italic;
3253
3685
  }
3254
- .\!text-red-500 {
3686
+ .\!text-red-500{
3255
3687
  --tw-text-opacity: 1 !important;
3256
3688
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
3257
3689
  }
3258
- .text-amber-500 {
3690
+ .text-amber-500{
3259
3691
  --tw-text-opacity: 1;
3260
3692
  color: rgb(245 158 11 / var(--tw-text-opacity));
3261
3693
  }
3262
- .text-red-500 {
3694
+ .text-red-500{
3263
3695
  --tw-text-opacity: 1;
3264
3696
  color: rgb(239 68 68 / var(--tw-text-opacity));
3265
3697
  }
3266
- .text-teal-500 {
3698
+ .text-teal-500{
3267
3699
  --tw-text-opacity: 1;
3268
3700
  color: rgb(20 184 166 / var(--tw-text-opacity));
3269
3701
  }
3270
- .underline {
3702
+ .underline{
3271
3703
  text-decoration-line: underline;
3272
3704
  }
3273
- .filter {
3705
+ .filter{
3274
3706
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3275
3707
  }
3276
- .ease-out {
3708
+ .ease-out{
3277
3709
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3278
3710
  }
3279
3711
  /* Transparent gray blend-mode background utilities */
@@ -3283,93 +3715,643 @@ select {
3283
3715
  }
3284
3716
  /* paragraphs */
3285
3717
  /* labels */
3286
- /* standard headings */
3287
3718
  /* standard subheadings */
3719
+ /* standard headings */
3288
3720
  /* display headings */
3289
3721
  /* branded headings */
3290
3722
  /* branded display headings */
3291
- .coco-button-xs .button-content {
3723
+ .button-xs .button-content {
3292
3724
  font-size: 14px;
3293
3725
  line-height: 14px;
3294
3726
  }
3295
- .coco-button-xs .button-icon [data-component="icon"],
3296
- .coco-button-xs .button-toggle {
3727
+ .button-xs .button-icon [data-component="icon"],
3728
+ .button-xs .button-toggle{
3297
3729
  height: 0.875rem;
3298
3730
  width: 0.875rem;
3299
3731
  }
3300
- .coco-button-xs.icon-only .button-icon,
3301
- .coco-button-xs[data-collapsed="true"] .button-icon {
3732
+ .button-xs.icon-only .button-icon,
3733
+ .button-xs[data-collapsed="true"] .button-icon{
3302
3734
  margin-left: -0.25rem;
3303
3735
  margin-right: -0.25rem;
3304
3736
  }
3305
- .coco-button-xs[data-theme|="text"].icon-only .button-icon,
3306
- .coco-button-xs[data-theme|="text"][data-collapsed="true"] .button-icon {
3737
+ .button-xs[data-theme|="text"].icon-only .button-icon,
3738
+ .button-xs[data-theme|="text"][data-collapsed="true"] .button-icon{
3307
3739
  padding-left: 0.5rem;
3308
3740
  padding-right: 0.5rem;
3309
3741
  }
3310
- .coco-button-sm .button-content {
3742
+ .button-sm .button-content{
3311
3743
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3744
+ font-weight: 600;
3312
3745
  font-size: 14px;
3313
3746
  line-height: 16px;
3314
- font-weight: 600;
3315
3747
  }
3316
- .coco-button-sm .button-icon [data-component="icon"],
3317
- .coco-button-sm .button-toggle {
3748
+ .button-sm .button-icon [data-component="icon"],
3749
+ .button-sm .button-toggle{
3318
3750
  height: 1rem;
3319
3751
  width: 1rem;
3320
3752
  }
3321
- .coco-button-sm[data-theme].icon-only .button-icon,
3322
- .coco-button-sm[data-theme][data-collapsed="true"] .button-icon {
3753
+ .button-sm[data-theme].icon-only .button-icon,
3754
+ .button-sm[data-theme][data-collapsed="true"] .button-icon{
3323
3755
  margin-left: -0.375rem;
3324
3756
  margin-right: -0.375rem;
3325
3757
  }
3326
- .coco-button-sm[data-theme|="text"].icon-only .button-icon,
3327
- .coco-button-sm[data-theme|="text"][data-collapsed="true"] .button-icon {
3758
+ .button-sm[data-theme|="text"].icon-only .button-icon,
3759
+ .button-sm[data-theme|="text"][data-collapsed="true"] .button-icon{
3328
3760
  padding-left: 0.5rem;
3329
3761
  padding-right: 0.5rem;
3330
3762
  }
3331
- .coco-button-md .button-content {
3763
+ .button-md .button-content{
3332
3764
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3765
+ font-weight: 600;
3333
3766
  font-size: 16px;
3334
3767
  line-height: 20px;
3335
- font-weight: 600;
3336
3768
  }
3337
- .coco-button-md .button-icon [data-component="icon"],
3338
- .coco-button-md .button-toggle {
3769
+ .button-md .button-icon [data-component="icon"],
3770
+ .button-md .button-toggle{
3339
3771
  height: 1.25rem;
3340
3772
  width: 1.25rem;
3341
3773
  }
3342
- .coco-button-md[data-theme].icon-only .button-icon,
3343
- .coco-button-md[data-theme][data-collapsed="true"] .button-icon {
3774
+ .button-md[data-theme].icon-only .button-icon,
3775
+ .button-md[data-theme][data-collapsed="true"] .button-icon{
3344
3776
  margin-left: -0.5rem;
3345
3777
  margin-right: -0.5rem;
3346
3778
  }
3347
- .coco-button-md[data-theme|="text"].icon-only .button-icon,
3348
- .coco-button-md[data-theme|="text"][data-collapsed="true"] .button-icon {
3779
+ .button-md[data-theme|="text"].icon-only .button-icon,
3780
+ .button-md[data-theme|="text"][data-collapsed="true"] .button-icon{
3349
3781
  padding-left: 0.5rem;
3350
3782
  padding-right: 0.5rem;
3351
3783
  }
3352
- .coco-button-lg .button-content {
3784
+ .button-lg .button-content{
3353
3785
  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3786
+ font-weight: 600;
3354
3787
  font-size: 18px;
3355
3788
  line-height: 24px;
3356
- font-weight: 600;
3357
3789
  }
3358
- .coco-button-lg .button-icon [data-component="icon"],
3359
- .coco-button-lg .button-toggle {
3790
+ .button-lg .button-icon [data-component="icon"],
3791
+ .button-lg .button-toggle{
3360
3792
  height: 1.5rem;
3361
3793
  width: 1.5rem;
3362
3794
  }
3363
- .coco-button-lg[data-theme].icon-only .button-icon,
3364
- .coco-button-lg[data-theme][data-collapsed="true"] .button-inner {
3795
+ .button-lg[data-theme].icon-only .button-icon,
3796
+ .button-lg[data-theme][data-collapsed="true"] .button-inner{
3365
3797
  margin-left: -8px;
3366
3798
  margin-right: -8px;
3367
3799
  }
3368
- .coco-button-lg[data-theme|="text"].icon-only .button-icon,
3369
- .coco-button-lg[data-theme|="text"][data-collapsed="true"] .button-icon {
3800
+ .button-lg[data-theme|="text"].icon-only .button-icon,
3801
+ .button-lg[data-theme|="text"][data-collapsed="true"] .button-icon{
3370
3802
  padding-left: 0.75rem;
3371
3803
  padding-right: 0.75rem;
3372
3804
  }
3805
+ /*
3806
+ * Internal text utilities
3807
+ * These are *not* exported for use outside of components.
3808
+ */
3809
+ /*
3810
+ * Public text utilities
3811
+ * These are exported as utility classes for use outside of components.
3812
+ */
3813
+ /* standard subheadings */
3814
+ .coco-subheading-1{
3815
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3816
+ font-weight: 500;
3817
+ font-size: 32px;
3818
+ line-height: 40px;
3819
+ }
3820
+ @media (max-width: 576px){
3821
+
3822
+ .coco-subheading-1:not([data-resize="false"]){
3823
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3824
+ font-weight: 500;
3825
+ font-size: 16px;
3826
+ line-height: 24px;
3827
+ }
3828
+ }
3829
+ @media (min-width: 576px){
3830
+
3831
+ @media (max-width: 768px){
3832
+
3833
+ .coco-subheading-1:not([data-resize="false"]){
3834
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3835
+ font-weight: 500;
3836
+ font-size: 20px;
3837
+ line-height: 28px;
3838
+ }
3839
+ }
3840
+ }
3841
+ @media (min-width: 768px){
3842
+
3843
+ @media (max-width: 992px){
3844
+
3845
+ .coco-subheading-1:not([data-resize="false"]){
3846
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3847
+ font-weight: 500;
3848
+ font-size: 24px;
3849
+ line-height: 32px;
3850
+ }
3851
+ }
3852
+ }
3853
+ .coco-subheading-2{
3854
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3855
+ font-weight: 500;
3856
+ font-size: 24px;
3857
+ line-height: 32px;
3858
+ }
3859
+ @media (max-width: 768px){
3860
+
3861
+ .coco-subheading-2:not([data-resize="false"]){
3862
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3863
+ font-weight: 500;
3864
+ font-size: 16px;
3865
+ line-height: 24px;
3866
+ }
3867
+ }
3868
+ @media (min-width: 768px){
3869
+
3870
+ @media (max-width: 992px){
3871
+
3872
+ .coco-subheading-2:not([data-resize="false"]){
3873
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3874
+ font-weight: 500;
3875
+ font-size: 20px;
3876
+ line-height: 28px;
3877
+ }
3878
+ }
3879
+ }
3880
+ .coco-subheading-3{
3881
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3882
+ font-weight: 500;
3883
+ font-size: 20px;
3884
+ line-height: 28px;
3885
+ }
3886
+ @media (max-width: 768px){
3887
+
3888
+ .coco-subheading-3:not([data-resize="false"]){
3889
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3890
+ font-weight: 500;
3891
+ font-size: 16px;
3892
+ line-height: 24px;
3893
+ }
3894
+ }
3895
+ .coco-subheading-4{
3896
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3897
+ font-weight: 500;
3898
+ font-size: 16px;
3899
+ line-height: 24px;
3900
+ }
3901
+ /* standard headings */
3902
+ .coco-heading-1{
3903
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3904
+ font-weight: 700;
3905
+ font-size: 40px;
3906
+ line-height: 48px;
3907
+ }
3908
+ @media (max-width: 768px){
3909
+
3910
+ .coco-heading-1:not([data-resize="false"]){
3911
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3912
+ font-weight: 700;
3913
+ font-size: 28px;
3914
+ line-height: 36px;
3915
+ }
3916
+ }
3917
+ @media (min-width: 768px){
3918
+
3919
+ @media (max-width: 992px){
3920
+
3921
+ .coco-heading-1:not([data-resize="false"]){
3922
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3923
+ font-weight: 700;
3924
+ font-size: 32px;
3925
+ line-height: 40px;
3926
+ }
3927
+ }
3928
+ }
3929
+ .coco-heading-2{
3930
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3931
+ font-weight: 700;
3932
+ font-size: 32px;
3933
+ line-height: 40px;
3934
+ }
3935
+ @media (max-width: 768px){
3936
+
3937
+ .coco-heading-2:not([data-resize="false"]){
3938
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3939
+ font-weight: 700;
3940
+ font-size: 24px;
3941
+ line-height: 30px;
3942
+ }
3943
+ }
3944
+ @media (min-width: 768px){
3945
+
3946
+ @media (max-width: 992px){
3947
+
3948
+ .coco-heading-2:not([data-resize="false"]){
3949
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3950
+ font-weight: 700;
3951
+ font-size: 28px;
3952
+ line-height: 36px;
3953
+ }
3954
+ }
3955
+ }
3956
+ .coco-heading-3{
3957
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3958
+ font-weight: 700;
3959
+ font-size: 28px;
3960
+ line-height: 36px;
3961
+ }
3962
+ @media (max-width: 768px){
3963
+
3964
+ .coco-heading-3:not([data-resize="false"]){
3965
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3966
+ font-weight: 700;
3967
+ font-size: 20px;
3968
+ line-height: 24px;
3969
+ }
3970
+ }
3971
+ @media (min-width: 768px){
3972
+
3973
+ @media (max-width: 992px){
3974
+
3975
+ .coco-heading-3:not([data-resize="false"]){
3976
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3977
+ font-weight: 700;
3978
+ font-size: 24px;
3979
+ line-height: 30px;
3980
+ }
3981
+ }
3982
+ }
3983
+ .coco-heading-4{
3984
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3985
+ font-weight: 700;
3986
+ font-size: 24px;
3987
+ line-height: 30px;
3988
+ }
3989
+ @media (max-width: 768px){
3990
+
3991
+ .coco-heading-4:not([data-resize="false"]){
3992
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3993
+ font-weight: 700;
3994
+ font-size: 20px;
3995
+ line-height: 24px;
3996
+ }
3997
+ }
3998
+ .coco-heading-5{
3999
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4000
+ font-weight: 700;
4001
+ font-size: 20px;
4002
+ line-height: 24px;
4003
+ }
4004
+ @media (max-width: 768px){
4005
+
4006
+ .coco-heading-5:not([data-resize="false"]){
4007
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4008
+ font-weight: 700;
4009
+ font-size: 16px;
4010
+ line-height: 20px;
4011
+ }
4012
+ }
4013
+ .coco-heading-6{
4014
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4015
+ font-weight: 700;
4016
+ font-size: 16px;
4017
+ line-height: 20px;
4018
+ }
4019
+ /* display headings */
4020
+ .coco-display-1{
4021
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4022
+ font-weight: 700;
4023
+ font-size: 96px;
4024
+ line-height: 96px;
4025
+ }
4026
+ @media (max-width: 768px){
4027
+
4028
+ .coco-display-1:not([data-resize="false"]){
4029
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4030
+ font-weight: 700;
4031
+ font-size: 64px;
4032
+ line-height: 68px;
4033
+ }
4034
+ }
4035
+ @media (min-width: 768px){
4036
+
4037
+ @media (max-width: 992px){
4038
+
4039
+ .coco-display-1:not([data-resize="false"]){
4040
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4041
+ font-weight: 700;
4042
+ font-size: 80px;
4043
+ line-height: 84px;
4044
+ }
4045
+ }
4046
+ }
4047
+ .coco-display-2{
4048
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4049
+ font-weight: 700;
4050
+ font-size: 80px;
4051
+ line-height: 84px;
4052
+ }
4053
+ @media (max-width: 768px){
4054
+
4055
+ .coco-display-2:not([data-resize="false"]){
4056
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4057
+ font-weight: 700;
4058
+ font-size: 48px;
4059
+ line-height: 52px;
4060
+ }
4061
+ }
4062
+ @media (min-width: 768px){
4063
+
4064
+ @media (max-width: 992px){
4065
+
4066
+ .coco-display-2:not([data-resize="false"]){
4067
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4068
+ font-weight: 700;
4069
+ font-size: 64px;
4070
+ line-height: 68px;
4071
+ }
4072
+ }
4073
+ }
4074
+ .coco-display-3{
4075
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4076
+ font-weight: 700;
4077
+ font-size: 64px;
4078
+ line-height: 68px;
4079
+ }
4080
+ @media (max-width: 768px){
4081
+
4082
+ .coco-display-3:not([data-resize="false"]){
4083
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4084
+ font-weight: 700;
4085
+ font-size: 40px;
4086
+ line-height: 48px;
4087
+ }
4088
+ }
4089
+ @media (min-width: 768px){
4090
+
4091
+ @media (max-width: 992px){
4092
+
4093
+ .coco-display-3:not([data-resize="false"]){
4094
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4095
+ font-weight: 700;
4096
+ font-size: 48px;
4097
+ line-height: 52px;
4098
+ }
4099
+ }
4100
+ }
4101
+ .coco-display-4{
4102
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4103
+ font-weight: 700;
4104
+ font-size: 48px;
4105
+ line-height: 52px;
4106
+ }
4107
+ @media (max-width: 768px){
4108
+
4109
+ .coco-display-4:not([data-resize="false"]){
4110
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4111
+ font-weight: 700;
4112
+ font-size: 32px;
4113
+ line-height: 40px;
4114
+ }
4115
+ }
4116
+ @media (min-width: 768px){
4117
+
4118
+ @media (max-width: 992px){
4119
+
4120
+ .coco-display-4:not([data-resize="false"]){
4121
+ font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4122
+ font-weight: 700;
4123
+ font-size: 40px;
4124
+ line-height: 48px;
4125
+ }
4126
+ }
4127
+ }
4128
+ /* branded headings */
4129
+ .coco-heading-1-branded{
4130
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4131
+ font-weight: 700;
4132
+ font-size: 40px;
4133
+ line-height: 48px;
4134
+ }
4135
+ @media (max-width: 768px){
4136
+
4137
+ .coco-heading-1-branded:not([data-resize="false"]){
4138
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4139
+ font-weight: 700;
4140
+ font-size: 28px;
4141
+ line-height: 36px;
4142
+ }
4143
+ }
4144
+ @media (min-width: 768px){
4145
+
4146
+ @media (max-width: 992px){
4147
+
4148
+ .coco-heading-1-branded:not([data-resize="false"]){
4149
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4150
+ font-weight: 700;
4151
+ font-size: 32px;
4152
+ line-height: 40px;
4153
+ }
4154
+ }
4155
+ }
4156
+ .coco-heading-2-branded{
4157
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4158
+ font-weight: 700;
4159
+ font-size: 32px;
4160
+ line-height: 40px;
4161
+ }
4162
+ @media (max-width: 768px){
4163
+
4164
+ .coco-heading-2-branded:not([data-resize="false"]){
4165
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4166
+ font-weight: 700;
4167
+ font-size: 24px;
4168
+ line-height: 30px;
4169
+ }
4170
+ }
4171
+ @media (min-width: 768px){
4172
+
4173
+ @media (max-width: 992px){
4174
+
4175
+ .coco-heading-2-branded:not([data-resize="false"]){
4176
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4177
+ font-weight: 700;
4178
+ font-size: 28px;
4179
+ line-height: 36px;
4180
+ }
4181
+ }
4182
+ }
4183
+ .coco-heading-3-branded{
4184
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4185
+ font-weight: 700;
4186
+ font-size: 28px;
4187
+ line-height: 36px;
4188
+ }
4189
+ @media (max-width: 768px){
4190
+
4191
+ .coco-heading-3-branded:not([data-resize="false"]){
4192
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4193
+ font-weight: 700;
4194
+ font-size: 20px;
4195
+ line-height: 24px;
4196
+ }
4197
+ }
4198
+ @media (min-width: 768px){
4199
+
4200
+ @media (max-width: 992px){
4201
+
4202
+ .coco-heading-3-branded:not([data-resize="false"]){
4203
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4204
+ font-weight: 700;
4205
+ font-size: 24px;
4206
+ line-height: 30px;
4207
+ }
4208
+ }
4209
+ }
4210
+ .coco-heading-4-branded{
4211
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4212
+ font-weight: 700;
4213
+ font-size: 24px;
4214
+ line-height: 30px;
4215
+ }
4216
+ @media (max-width: 768px){
4217
+
4218
+ .coco-heading-4-branded:not([data-resize="false"]){
4219
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4220
+ font-weight: 700;
4221
+ font-size: 20px;
4222
+ line-height: 24px;
4223
+ }
4224
+ }
4225
+ .coco-heading-5-branded{
4226
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4227
+ font-weight: 700;
4228
+ font-size: 20px;
4229
+ line-height: 24px;
4230
+ }
4231
+ @media (max-width: 768px){
4232
+
4233
+ .coco-heading-5-branded:not([data-resize="false"]){
4234
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4235
+ font-weight: 700;
4236
+ font-size: 16px;
4237
+ line-height: 20px;
4238
+ }
4239
+ }
4240
+ .coco-heading-6-branded{
4241
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4242
+ font-weight: 700;
4243
+ font-size: 16px;
4244
+ line-height: 20px;
4245
+ }
4246
+ /* branded display headings */
4247
+ .coco-display-1-branded{
4248
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4249
+ font-weight: 700;
4250
+ font-size: 96px;
4251
+ line-height: 96px;
4252
+ }
4253
+ @media (max-width: 768px){
4254
+
4255
+ .coco-display-1-branded:not([data-resize="false"]){
4256
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4257
+ font-weight: 700;
4258
+ font-size: 64px;
4259
+ line-height: 68px;
4260
+ }
4261
+ }
4262
+ @media (min-width: 768px){
4263
+
4264
+ @media (max-width: 992px){
4265
+
4266
+ .coco-display-1-branded:not([data-resize="false"]){
4267
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4268
+ font-weight: 700;
4269
+ font-size: 80px;
4270
+ line-height: 84px;
4271
+ }
4272
+ }
4273
+ }
4274
+ .coco-display-2-branded{
4275
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4276
+ font-weight: 700;
4277
+ font-size: 80px;
4278
+ line-height: 84px;
4279
+ }
4280
+ @media (max-width: 768px){
4281
+
4282
+ .coco-display-2-branded:not([data-resize="false"]){
4283
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4284
+ font-weight: 700;
4285
+ font-size: 48px;
4286
+ line-height: 52px;
4287
+ }
4288
+ }
4289
+ @media (min-width: 768px){
4290
+
4291
+ @media (max-width: 992px){
4292
+
4293
+ .coco-display-2-branded:not([data-resize="false"]){
4294
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4295
+ font-weight: 700;
4296
+ font-size: 64px;
4297
+ line-height: 68px;
4298
+ }
4299
+ }
4300
+ }
4301
+ .coco-display-3-branded{
4302
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4303
+ font-weight: 700;
4304
+ font-size: 64px;
4305
+ line-height: 68px;
4306
+ }
4307
+ @media (max-width: 768px){
4308
+
4309
+ .coco-display-3-branded:not([data-resize="false"]){
4310
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4311
+ font-weight: 700;
4312
+ font-size: 40px;
4313
+ line-height: 48px;
4314
+ }
4315
+ }
4316
+ @media (min-width: 768px){
4317
+
4318
+ @media (max-width: 992px){
4319
+
4320
+ .coco-display-3-branded:not([data-resize="false"]){
4321
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4322
+ font-weight: 700;
4323
+ font-size: 48px;
4324
+ line-height: 52px;
4325
+ }
4326
+ }
4327
+ }
4328
+ .coco-display-4-branded{
4329
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4330
+ font-weight: 700;
4331
+ font-size: 48px;
4332
+ line-height: 52px;
4333
+ }
4334
+ @media (max-width: 768px){
4335
+
4336
+ .coco-display-4-branded:not([data-resize="false"]){
4337
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4338
+ font-weight: 700;
4339
+ font-size: 32px;
4340
+ line-height: 40px;
4341
+ }
4342
+ }
4343
+ @media (min-width: 768px){
4344
+
4345
+ @media (max-width: 992px){
4346
+
4347
+ .coco-display-4-branded:not([data-resize="false"]){
4348
+ font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
4349
+ font-weight: 700;
4350
+ font-size: 40px;
4351
+ line-height: 48px;
4352
+ }
4353
+ }
4354
+ }
3373
4355
  .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
3374
4356
  [data-tippy-root]{max-width:calc(100vw - 10px)}
3375
4357
  .tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}