coveragebook_components 0.10.1.beta.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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}