coveragebook_components 0.8.9 → 0.9.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.
- checksums.yaml +4 -4
- data/app/assets/build/coco/app.css +254 -242
- data/app/assets/build/coco/app.js +64 -34
- data/app/assets/build/coco/book.css +23 -16
- data/app/assets/build/coco/book.js +50 -21
- data/app/assets/js/libs/alpine/directives/dropdown.js +5 -2
- data/app/components/coco/app/elements/alert/alert.css +1 -1
- data/app/components/coco/app/elements/button/button.css +38 -58
- data/app/components/coco/app/elements/button/button.rb +2 -3
- data/app/components/coco/app/elements/button_group/button_group.css +7 -2
- data/app/components/coco/app/elements/button_group/button_group.html.erb +2 -1
- data/app/components/coco/app/elements/button_group/button_group.js +28 -14
- data/app/components/coco/app/elements/button_to/button_to.css +4 -8
- data/app/components/coco/app/elements/color_picker_button/color_picker_button.css +1 -2
- data/app/components/coco/app/elements/image_picker_button/image_picker_button.css +1 -2
- data/app/components/coco/app/elements/layout_picker_button/layout_picker_button.css +1 -2
- data/app/components/coco/app/elements/menu/menu.css +7 -5
- data/app/components/coco/app/elements/menu_button/menu_button.css +1 -2
- data/app/components/coco/app/elements/snackbar/snackbar.css +3 -3
- data/app/components/coco/base/button/button.css +9 -9
- data/app/components/coco/base/button/button.html.erb +16 -18
- data/app/components/coco/base/button/button.js +6 -18
- data/app/components/coco/base/button/button.rb +38 -58
- data/app/components/coco/base/button/button_dropdown.js +27 -0
- data/lib/coco.rb +1 -1
- metadata +3 -6
- data/app/assets/build/coco/app.dev.css +0 -5535
- data/app/assets/build/coco/app.dev.js +0 -27473
- data/app/assets/build/coco/book.dev.css +0 -2009
- data/app/assets/build/coco/book.dev.js +0 -15801
| @@ -756,6 +756,8 @@ select{ | |
| 756 756 | 
             
            [data-coco][data-component="avatar"][data-size="xl"]{
         | 
| 757 757 | 
             
              height: 2rem;
         | 
| 758 758 | 
             
              width: 2rem}
         | 
| 759 | 
            +
            .coco-button-wrapper{
         | 
| 760 | 
            +
              display: contents !important}
         | 
| 759 761 | 
             
            [data-coco].coco-button{
         | 
| 760 762 | 
             
              display: flex;
         | 
| 761 763 | 
             
              width: auto;
         | 
| @@ -767,19 +769,18 @@ select{ | |
| 767 769 | 
             
              border-color: transparent;
         | 
| 768 770 | 
             
              background-color: transparent;
         | 
| 769 771 | 
             
              color: currentColor;
         | 
| 770 | 
            -
              transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
         | 
| 771 | 
            -
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 772 | 
            -
              transition-duration: 150ms;
         | 
| 773 | 
            -
                width: -moz-min-content;
         | 
| 774 | 
            -
                width: min-content}
         | 
| 775 | 
            -
            [data-coco].coco-button .button-element{
         | 
| 776 | 
            -
              display: inline-flex;
         | 
| 777 | 
            -
              width: 100%;
         | 
| 778 772 | 
             
              text-decoration-line: none;
         | 
| 779 773 | 
             
              outline: 2px solid transparent;
         | 
| 780 | 
            -
              outline-offset: 2px | 
| 781 | 
            -
             | 
| 774 | 
            +
              outline-offset: 2px;
         | 
| 775 | 
            +
              transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
         | 
| 776 | 
            +
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 777 | 
            +
              transition-duration: 150ms}
         | 
| 778 | 
            +
            [data-coco].coco-button:focus-visible{
         | 
| 782 779 | 
             
              outline-width: 0px}
         | 
| 780 | 
            +
            [data-coco].coco-button {
         | 
| 781 | 
            +
                width: -moz-min-content;
         | 
| 782 | 
            +
                width: min-content;
         | 
| 783 | 
            +
              }
         | 
| 783 784 | 
             
            [data-coco].coco-button .button-inner{
         | 
| 784 785 | 
             
              margin-left: auto;
         | 
| 785 786 | 
             
              margin-right: auto;
         | 
| @@ -808,7 +809,7 @@ select{ | |
| 808 809 | 
             
            [data-coco].coco-button .button-toggle{
         | 
| 809 810 | 
             
              order: 3}
         | 
| 810 811 | 
             
            /* disabled */
         | 
| 811 | 
            -
            [data-coco].coco-button[data-disabled="true"] | 
| 812 | 
            +
            [data-coco].coco-button[data-disabled="true"]{
         | 
| 812 813 | 
             
              pointer-events: none;
         | 
| 813 814 | 
             
              cursor: not-allowed}
         | 
| 814 815 | 
             
            /* loading */
         | 
| @@ -816,19 +817,19 @@ select{ | |
| 816 817 |  | 
| 817 818 | 
             
              to{
         | 
| 818 819 | 
             
                transform: rotate(360deg)}}
         | 
| 819 | 
            -
            [data-coco].coco-button[data-state="loading"]  | 
| 820 | 
            +
            [data-coco].coco-button[data-state="loading"] .button-icon{
         | 
| 820 821 | 
             
              animation: spin 1.5s linear infinite}
         | 
| 821 822 | 
             
            /* Fit */
         | 
| 822 823 | 
             
            [data-coco].coco-button[data-fit="full"]{
         | 
| 823 824 | 
             
              width: 100%}
         | 
| 824 825 | 
             
            /* Icons */
         | 
| 825 | 
            -
            [data-coco].coco-button[data-icon-position="end"]  | 
| 826 | 
            +
            [data-coco].coco-button[data-icon-position="end"] .button-content{
         | 
| 826 827 | 
             
              order: 1}
         | 
| 827 | 
            -
            [data-coco].coco-button[data-icon-position="end"]  | 
| 828 | 
            +
            [data-coco].coco-button[data-icon-position="end"] .button-icon{
         | 
| 828 829 | 
             
              order: 2}
         | 
| 829 | 
            -
            [data-coco].coco-button[data-icon-position="end"]  | 
| 830 | 
            +
            [data-coco].coco-button[data-icon-position="end"] .button-toggle{
         | 
| 830 831 | 
             
              order: 3}
         | 
| 831 | 
            -
            [data-coco].coco-button.with-icon[data-collapsed="true"]  | 
| 832 | 
            +
            [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
         | 
| 832 833 | 
             
                    display: none;
         | 
| 833 834 | 
             
                  }
         | 
| 834 835 | 
             
            [data-coco][data-component="dropdown"] {
         | 
| @@ -2270,7 +2271,7 @@ select{ | |
| 2270 2271 | 
             
            /* Dismissable */
         | 
| 2271 2272 | 
             
            [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss{
         | 
| 2272 2273 | 
             
              flex: none}
         | 
| 2273 | 
            -
            [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button | 
| 2274 | 
            +
            [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button{
         | 
| 2274 2275 | 
             
              background-color: transparent;
         | 
| 2275 2276 | 
             
              --tw-text-opacity: 1;
         | 
| 2276 2277 | 
             
              color: rgb(31 41 55 / var(--tw-text-opacity));
         | 
| @@ -2279,7 +2280,7 @@ select{ | |
| 2279 2280 | 
             
              transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
         | 
| 2280 2281 | 
             
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 2281 2282 | 
             
              transition-duration: 150ms}
         | 
| 2282 | 
            -
            [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button | 
| 2283 | 
            +
            [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button:hover{
         | 
| 2283 2284 | 
             
              background-color: rgb(255 255 255 / 0.1);
         | 
| 2284 2285 | 
             
              --tw-text-opacity: 1;
         | 
| 2285 2286 | 
             
              color: rgb(17 24 39 / var(--tw-text-opacity))}
         | 
| @@ -2584,7 +2585,7 @@ select{ | |
| 2584 2585 | 
             
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         | 
| 2585 2586 | 
             
              transition-duration: 150ms;
         | 
| 2586 2587 | 
             
                  border-radius: 44px}
         | 
| 2587 | 
            -
            [data-coco][data-component="app-button"][data-theme]  | 
| 2588 | 
            +
            [data-coco][data-component="app-button"][data-theme] .button-content{
         | 
| 2588 2589 | 
             
              font-weight: 600}
         | 
| 2589 2590 | 
             
            [data-coco][data-component="app-button"][data-theme="primary"],
         | 
| 2590 2591 | 
             
                [data-coco][data-component="app-button"][data-theme="positive"]{
         | 
| @@ -2608,7 +2609,7 @@ select{ | |
| 2608 2609 | 
             
            [data-coco][data-component="app-button"][data-theme="primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="positive"][data-state="active"]{
         | 
| 2609 2610 | 
             
              --tw-bg-opacity: 1;
         | 
| 2610 2611 | 
             
              background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
         | 
| 2611 | 
            -
            [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"]  | 
| 2612 | 
            +
            [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] .button-icon{
         | 
| 2612 2613 | 
             
              --tw-text-opacity: 1;
         | 
| 2613 2614 | 
             
              color: rgb(118 184 170 / var(--tw-text-opacity))}
         | 
| 2614 2615 | 
             
            [data-coco][data-component="app-button"][data-theme="primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="positive"][data-disabled="true"]{
         | 
| @@ -2632,7 +2633,7 @@ select{ | |
| 2632 2633 | 
             
            [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="active"]{
         | 
| 2633 2634 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2634 2635 | 
             
                background-blend-mode: hard-light}
         | 
| 2635 | 
            -
            [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"]  | 
| 2636 | 
            +
            [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] .button-icon{
         | 
| 2636 2637 | 
             
              --tw-text-opacity: 1;
         | 
| 2637 2638 | 
             
              color: rgb(118 184 170 / var(--tw-text-opacity))}
         | 
| 2638 2639 | 
             
            [data-coco][data-component="app-button"][data-theme="text-primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-disabled="true"]{
         | 
| @@ -2660,7 +2661,7 @@ select{ | |
| 2660 2661 | 
             
            [data-coco][data-component="app-button"][data-theme="secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="active"]{
         | 
| 2661 2662 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2662 2663 | 
             
                background-blend-mode: hard-light}
         | 
| 2663 | 
            -
            [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"]  | 
| 2664 | 
            +
            [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="loading"] .button-icon{
         | 
| 2664 2665 | 
             
              --tw-text-opacity: 1;
         | 
| 2665 2666 | 
             
              color: rgb(118 184 170 / var(--tw-text-opacity))}
         | 
| 2666 2667 | 
             
            [data-coco][data-component="app-button"][data-theme="secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-disabled="true"]{
         | 
| @@ -2698,7 +2699,7 @@ select{ | |
| 2698 2699 | 
             
            [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="active"]{
         | 
| 2699 2700 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2700 2701 | 
             
                background-blend-mode: hard-light}
         | 
| 2701 | 
            -
            [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"]  | 
| 2702 | 
            +
            [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] .button-icon{
         | 
| 2702 2703 | 
             
              --tw-text-opacity: 1;
         | 
| 2703 2704 | 
             
              color: rgb(118 184 170 / var(--tw-text-opacity))}
         | 
| 2704 2705 | 
             
            [data-coco][data-component="app-button"][data-theme="text-secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-disabled="true"]{
         | 
| @@ -2723,7 +2724,7 @@ select{ | |
| 2723 2724 | 
             
            [data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
         | 
| 2724 2725 | 
             
              --tw-bg-opacity: 1;
         | 
| 2725 2726 | 
             
              background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
         | 
| 2726 | 
            -
            [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"]  | 
| 2727 | 
            +
            [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] .button-icon{
         | 
| 2727 2728 | 
             
              --tw-text-opacity: 1;
         | 
| 2728 2729 | 
             
              color: rgb(252 165 165 / var(--tw-text-opacity))}
         | 
| 2729 2730 | 
             
            [data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
         | 
| @@ -2744,7 +2745,7 @@ select{ | |
| 2744 2745 | 
             
            [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
         | 
| 2745 2746 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2746 2747 | 
             
                background-blend-mode: hard-light}
         | 
| 2747 | 
            -
            [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"]  | 
| 2748 | 
            +
            [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] .button-icon{
         | 
| 2748 2749 | 
             
              --tw-text-opacity: 1;
         | 
| 2749 2750 | 
             
              color: rgb(252 165 165 / var(--tw-text-opacity))}
         | 
| 2750 2751 | 
             
            [data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
         | 
| @@ -2769,7 +2770,7 @@ select{ | |
| 2769 2770 | 
             
            [data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
         | 
| 2770 2771 | 
             
              --tw-bg-opacity: 1;
         | 
| 2771 2772 | 
             
              background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
         | 
| 2772 | 
            -
            [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"]  | 
| 2773 | 
            +
            [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] .button-icon{
         | 
| 2773 2774 | 
             
              --tw-text-opacity: 1;
         | 
| 2774 2775 | 
             
              color: rgb(252 211 77 / var(--tw-text-opacity))}
         | 
| 2775 2776 | 
             
            [data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
         | 
| @@ -2790,7 +2791,7 @@ select{ | |
| 2790 2791 | 
             
            [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
         | 
| 2791 2792 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2792 2793 | 
             
                background-blend-mode: hard-light}
         | 
| 2793 | 
            -
            [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"]  | 
| 2794 | 
            +
            [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] .button-icon{
         | 
| 2794 2795 | 
             
              --tw-text-opacity: 1;
         | 
| 2795 2796 | 
             
              color: rgb(252 211 77 / var(--tw-text-opacity))}
         | 
| 2796 2797 | 
             
            [data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
         | 
| @@ -2815,7 +2816,7 @@ select{ | |
| 2815 2816 | 
             
            [data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
         | 
| 2816 2817 | 
             
              --tw-bg-opacity: 1;
         | 
| 2817 2818 | 
             
              background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
         | 
| 2818 | 
            -
            [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"]  | 
| 2819 | 
            +
            [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] .button-icon{
         | 
| 2819 2820 | 
             
              --tw-text-opacity: 1;
         | 
| 2820 2821 | 
             
              color: rgb(125 211 252 / var(--tw-text-opacity))}
         | 
| 2821 2822 | 
             
            [data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
         | 
| @@ -2836,7 +2837,7 @@ select{ | |
| 2836 2837 | 
             
            [data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
         | 
| 2837 2838 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 2838 2839 | 
             
                background-blend-mode: hard-light}
         | 
| 2839 | 
            -
            [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"]  | 
| 2840 | 
            +
            [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] .button-icon{
         | 
| 2840 2841 | 
             
              --tw-text-opacity: 1;
         | 
| 2841 2842 | 
             
              color: rgb(125 211 252 / var(--tw-text-opacity))}
         | 
| 2842 2843 | 
             
            [data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{
         | 
| @@ -2866,28 +2867,27 @@ select{ | |
| 2866 2867 | 
             
              background-color: rgb(209 213 219 / var(--tw-bg-opacity))}
         | 
| 2867 2868 | 
             
            [data-coco][data-component="app-button"][data-theme="neutral-light"]{
         | 
| 2868 2869 | 
             
              border-width: 1px;
         | 
| 2869 | 
            -
              border-color: transparent | 
| 2870 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"] .button-element{
         | 
| 2870 | 
            +
              border-color: transparent;
         | 
| 2871 2871 | 
             
              --tw-bg-opacity: 1;
         | 
| 2872 2872 | 
             
              background-color: rgb(255 255 255 / var(--tw-bg-opacity));
         | 
| 2873 2873 | 
             
              --tw-text-opacity: 1;
         | 
| 2874 2874 | 
             
              color: rgb(17 24 39 / var(--tw-text-opacity))}
         | 
| 2875 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"] | 
| 2875 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"]:hover{
         | 
| 2876 2876 | 
             
              --tw-bg-opacity: 1;
         | 
| 2877 2877 | 
             
              background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
         | 
| 2878 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"] | 
| 2878 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"]:active{
         | 
| 2879 2879 | 
             
              --tw-bg-opacity: 1;
         | 
| 2880 2880 | 
             
              background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
         | 
| 2881 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"] | 
| 2881 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"]{
         | 
| 2882 2882 | 
             
              --tw-bg-opacity: 1;
         | 
| 2883 2883 | 
             
              background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
         | 
| 2884 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"] | 
| 2884 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"]{
         | 
| 2885 2885 | 
             
              --tw-bg-opacity: 1;
         | 
| 2886 2886 | 
             
              background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
         | 
| 2887 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] | 
| 2887 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"]{
         | 
| 2888 2888 | 
             
              --tw-bg-opacity: 1;
         | 
| 2889 2889 | 
             
              background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
         | 
| 2890 | 
            -
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button- | 
| 2890 | 
            +
            [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-inner{
         | 
| 2891 2891 | 
             
              opacity: 0.4}
         | 
| 2892 2892 | 
             
            [data-coco][data-component="app-button"][data-theme="text-neutral-light"]{
         | 
| 2893 2893 | 
             
              background-color: transparent;
         | 
| @@ -2919,18 +2919,18 @@ select{ | |
| 2919 2919 | 
             
            [data-coco][data-component="app-button"][data-size="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="xs"] .button-toggle{
         | 
| 2920 2920 | 
             
              height: 0.875rem;
         | 
| 2921 2921 | 
             
              width: 0.875rem}
         | 
| 2922 | 
            -
            [data-coco][data-component="app-button"][data-size="xs"][data-theme] | 
| 2922 | 
            +
            [data-coco][data-component="app-button"][data-size="xs"][data-theme]{
         | 
| 2923 2923 | 
             
              padding-top: 0.5rem;
         | 
| 2924 2924 | 
             
              padding-bottom: 0.5rem;
         | 
| 2925 2925 | 
             
              padding-left: 0.75rem;
         | 
| 2926 2926 | 
             
              padding-right: 0.75rem}
         | 
| 2927 | 
            -
            [data-coco][data-component="app-button"][data-size="xs"].icon-only  | 
| 2927 | 
            +
            [data-coco][data-component="app-button"][data-size="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-collapsed="true"] .button-icon{
         | 
| 2928 2928 | 
             
              margin-left: -0.25rem;
         | 
| 2929 2929 | 
             
              margin-right: -0.25rem}
         | 
| 2930 | 
            -
            [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"] | 
| 2930 | 
            +
            [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"]{
         | 
| 2931 2931 | 
             
              padding-left: 0.5rem;
         | 
| 2932 2932 | 
             
              padding-right: 0.5rem}
         | 
| 2933 | 
            -
            [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only  | 
| 2933 | 
            +
            [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 2934 2934 | 
             
              padding-left: 0.5rem;
         | 
| 2935 2935 | 
             
              padding-right: 0.5rem}
         | 
| 2936 2936 | 
             
            [data-coco][data-component="app-button"][data-size="sm"] .button-content{
         | 
| @@ -2939,18 +2939,18 @@ select{ | |
| 2939 2939 | 
             
            [data-coco][data-component="app-button"][data-size="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="sm"] .button-toggle{
         | 
| 2940 2940 | 
             
              height: 1rem;
         | 
| 2941 2941 | 
             
              width: 1rem}
         | 
| 2942 | 
            -
            [data-coco][data-component="app-button"][data-size="sm"][data-theme] | 
| 2942 | 
            +
            [data-coco][data-component="app-button"][data-size="sm"][data-theme]{
         | 
| 2943 2943 | 
             
              padding-top: 0.625rem;
         | 
| 2944 2944 | 
             
              padding-bottom: 0.625rem;
         | 
| 2945 2945 | 
             
              padding-left: 1rem;
         | 
| 2946 2946 | 
             
              padding-right: 1rem}
         | 
| 2947 | 
            -
            [data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only  | 
| 2947 | 
            +
            [data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 2948 2948 | 
             
              margin-left: -0.375rem;
         | 
| 2949 2949 | 
             
              margin-right: -0.375rem}
         | 
| 2950 | 
            -
            [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"] | 
| 2950 | 
            +
            [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"]{
         | 
| 2951 2951 | 
             
              padding-left: 0.5rem;
         | 
| 2952 2952 | 
             
              padding-right: 0.5rem}
         | 
| 2953 | 
            -
            [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only  | 
| 2953 | 
            +
            [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 2954 2954 | 
             
              padding-left: 0.5rem;
         | 
| 2955 2955 | 
             
              padding-right: 0.5rem}
         | 
| 2956 2956 | 
             
            [data-coco][data-component="app-button"][data-size="md"] .button-content{
         | 
| @@ -2959,18 +2959,18 @@ select{ | |
| 2959 2959 | 
             
            [data-coco][data-component="app-button"][data-size="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="md"] .button-toggle{
         | 
| 2960 2960 | 
             
              height: 1.25rem;
         | 
| 2961 2961 | 
             
              width: 1.25rem}
         | 
| 2962 | 
            -
            [data-coco][data-component="app-button"][data-size="md"][data-theme] | 
| 2962 | 
            +
            [data-coco][data-component="app-button"][data-size="md"][data-theme]{
         | 
| 2963 2963 | 
             
              padding-top: 0.75rem;
         | 
| 2964 2964 | 
             
              padding-bottom: 0.75rem;
         | 
| 2965 2965 | 
             
              padding-left: 1.25rem;
         | 
| 2966 2966 | 
             
              padding-right: 1.25rem}
         | 
| 2967 | 
            -
            [data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only  | 
| 2967 | 
            +
            [data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 2968 2968 | 
             
              margin-left: -0.5rem;
         | 
| 2969 2969 | 
             
              margin-right: -0.5rem}
         | 
| 2970 | 
            -
            [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"] | 
| 2970 | 
            +
            [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"]{
         | 
| 2971 2971 | 
             
              padding-left: 0.75rem;
         | 
| 2972 2972 | 
             
              padding-right: 0.75rem}
         | 
| 2973 | 
            -
            [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only  | 
| 2973 | 
            +
            [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 2974 2974 | 
             
              padding-left: 0.5rem;
         | 
| 2975 2975 | 
             
              padding-right: 0.5rem}
         | 
| 2976 2976 | 
             
            [data-coco][data-component="app-button"][data-size="lg"] .button-content{
         | 
| @@ -2979,18 +2979,18 @@ select{ | |
| 2979 2979 | 
             
            [data-coco][data-component="app-button"][data-size="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="lg"] .button-toggle{
         | 
| 2980 2980 | 
             
              height: 1.5rem;
         | 
| 2981 2981 | 
             
              width: 1.5rem}
         | 
| 2982 | 
            -
            [data-coco][data-component="app-button"][data-size="lg"][data-theme] | 
| 2982 | 
            +
            [data-coco][data-component="app-button"][data-size="lg"][data-theme]{
         | 
| 2983 2983 | 
             
              padding-top: 1rem;
         | 
| 2984 2984 | 
             
              padding-bottom: 1rem;
         | 
| 2985 2985 | 
             
              padding-left: 1.5rem;
         | 
| 2986 2986 | 
             
              padding-right: 1.5rem}
         | 
| 2987 | 
            -
            [data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only  | 
| 2987 | 
            +
            [data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 2988 2988 | 
             
              margin-left: -8px;
         | 
| 2989 2989 | 
             
              margin-right: -8px}
         | 
| 2990 | 
            -
            [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"] | 
| 2990 | 
            +
            [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"]{
         | 
| 2991 2991 | 
             
              padding-left: 0.75rem;
         | 
| 2992 2992 | 
             
              padding-right: 0.75rem}
         | 
| 2993 | 
            -
            [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only  | 
| 2993 | 
            +
            [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 2994 2994 | 
             
              padding-left: 0.75rem;
         | 
| 2995 2995 | 
             
              padding-right: 0.75rem}
         | 
| 2996 2996 | 
             
            @media (min-width: 768px) {
         | 
| @@ -3002,20 +3002,22 @@ select{ | |
| 3002 3002 | 
             
                [data-coco][data-component="app-button"][data-size-md="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="xs"] .button-toggle{
         | 
| 3003 3003 | 
             
                height: 0.875rem;
         | 
| 3004 3004 | 
             
                width: 0.875rem}
         | 
| 3005 | 
            -
             | 
| 3005 | 
            +
             | 
| 3006 | 
            +
                [data-coco][data-component="app-button"][data-size-md="xs"][data-theme]{
         | 
| 3006 3007 | 
             
                padding-top: 0.5rem;
         | 
| 3007 3008 | 
             
                padding-bottom: 0.5rem;
         | 
| 3008 3009 | 
             
                padding-left: 0.75rem;
         | 
| 3009 3010 | 
             
                padding-right: 0.75rem}
         | 
| 3010 3011 |  | 
| 3011 | 
            -
                [data-coco][data-component="app-button"][data-size-md="xs"].icon-only  | 
| 3012 | 
            +
                [data-coco][data-component="app-button"][data-size-md="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-collapsed="true"] .button-icon{
         | 
| 3012 3013 | 
             
                margin-left: -0.25rem;
         | 
| 3013 3014 | 
             
                margin-right: -0.25rem}
         | 
| 3014 | 
            -
             | 
| 3015 | 
            +
             | 
| 3016 | 
            +
                [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"]{
         | 
| 3015 3017 | 
             
                padding-left: 0.5rem;
         | 
| 3016 3018 | 
             
                padding-right: 0.5rem}
         | 
| 3017 3019 |  | 
| 3018 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only  | 
| 3020 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3019 3021 | 
             
                padding-left: 0.5rem;
         | 
| 3020 3022 | 
             
                padding-right: 0.5rem}
         | 
| 3021 3023 | 
             
                [data-coco][data-component="app-button"][data-size-md="sm"] .button-content{
         | 
| @@ -3025,20 +3027,22 @@ select{ | |
| 3025 3027 | 
             
                [data-coco][data-component="app-button"][data-size-md="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="sm"] .button-toggle{
         | 
| 3026 3028 | 
             
                height: 1rem;
         | 
| 3027 3029 | 
             
                width: 1rem}
         | 
| 3028 | 
            -
             | 
| 3030 | 
            +
             | 
| 3031 | 
            +
                [data-coco][data-component="app-button"][data-size-md="sm"][data-theme]{
         | 
| 3029 3032 | 
             
                padding-top: 0.625rem;
         | 
| 3030 3033 | 
             
                padding-bottom: 0.625rem;
         | 
| 3031 3034 | 
             
                padding-left: 1rem;
         | 
| 3032 3035 | 
             
                padding-right: 1rem}
         | 
| 3033 3036 |  | 
| 3034 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only  | 
| 3037 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3035 3038 | 
             
                margin-left: -0.375rem;
         | 
| 3036 3039 | 
             
                margin-right: -0.375rem}
         | 
| 3037 | 
            -
             | 
| 3040 | 
            +
             | 
| 3041 | 
            +
                [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"]{
         | 
| 3038 3042 | 
             
                padding-left: 0.5rem;
         | 
| 3039 3043 | 
             
                padding-right: 0.5rem}
         | 
| 3040 3044 |  | 
| 3041 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only  | 
| 3045 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3042 3046 | 
             
                padding-left: 0.5rem;
         | 
| 3043 3047 | 
             
                padding-right: 0.5rem}
         | 
| 3044 3048 | 
             
                [data-coco][data-component="app-button"][data-size-md="md"] .button-content{
         | 
| @@ -3048,20 +3052,22 @@ select{ | |
| 3048 3052 | 
             
                [data-coco][data-component="app-button"][data-size-md="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="md"] .button-toggle{
         | 
| 3049 3053 | 
             
                height: 1.25rem;
         | 
| 3050 3054 | 
             
                width: 1.25rem}
         | 
| 3051 | 
            -
             | 
| 3055 | 
            +
             | 
| 3056 | 
            +
                [data-coco][data-component="app-button"][data-size-md="md"][data-theme]{
         | 
| 3052 3057 | 
             
                padding-top: 0.75rem;
         | 
| 3053 3058 | 
             
                padding-bottom: 0.75rem;
         | 
| 3054 3059 | 
             
                padding-left: 1.25rem;
         | 
| 3055 3060 | 
             
                padding-right: 1.25rem}
         | 
| 3056 3061 |  | 
| 3057 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only  | 
| 3062 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3058 3063 | 
             
                margin-left: -0.5rem;
         | 
| 3059 3064 | 
             
                margin-right: -0.5rem}
         | 
| 3060 | 
            -
             | 
| 3065 | 
            +
             | 
| 3066 | 
            +
                [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"]{
         | 
| 3061 3067 | 
             
                padding-left: 0.75rem;
         | 
| 3062 3068 | 
             
                padding-right: 0.75rem}
         | 
| 3063 3069 |  | 
| 3064 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only  | 
| 3070 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3065 3071 | 
             
                padding-left: 0.5rem;
         | 
| 3066 3072 | 
             
                padding-right: 0.5rem}
         | 
| 3067 3073 | 
             
                [data-coco][data-component="app-button"][data-size-md="lg"] .button-content{
         | 
| @@ -3071,20 +3077,22 @@ select{ | |
| 3071 3077 | 
             
                [data-coco][data-component="app-button"][data-size-md="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="lg"] .button-toggle{
         | 
| 3072 3078 | 
             
                height: 1.5rem;
         | 
| 3073 3079 | 
             
                width: 1.5rem}
         | 
| 3074 | 
            -
             | 
| 3080 | 
            +
             | 
| 3081 | 
            +
                [data-coco][data-component="app-button"][data-size-md="lg"][data-theme]{
         | 
| 3075 3082 | 
             
                padding-top: 1rem;
         | 
| 3076 3083 | 
             
                padding-bottom: 1rem;
         | 
| 3077 3084 | 
             
                padding-left: 1.5rem;
         | 
| 3078 3085 | 
             
                padding-right: 1.5rem}
         | 
| 3079 3086 |  | 
| 3080 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only  | 
| 3087 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 3081 3088 | 
             
                margin-left: -8px;
         | 
| 3082 3089 | 
             
                margin-right: -8px}
         | 
| 3083 | 
            -
             | 
| 3090 | 
            +
             | 
| 3091 | 
            +
                [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"]{
         | 
| 3084 3092 | 
             
                padding-left: 0.75rem;
         | 
| 3085 3093 | 
             
                padding-right: 0.75rem}
         | 
| 3086 3094 |  | 
| 3087 | 
            -
                  [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only  | 
| 3095 | 
            +
                  [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3088 3096 | 
             
                padding-left: 0.75rem;
         | 
| 3089 3097 | 
             
                padding-right: 0.75rem}
         | 
| 3090 3098 | 
             
                }
         | 
| @@ -3097,20 +3105,22 @@ select{ | |
| 3097 3105 | 
             
                [data-coco][data-component="app-button"][data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="xs"] .button-toggle{
         | 
| 3098 3106 | 
             
                height: 0.875rem;
         | 
| 3099 3107 | 
             
                width: 0.875rem}
         | 
| 3100 | 
            -
             | 
| 3108 | 
            +
             | 
| 3109 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme]{
         | 
| 3101 3110 | 
             
                padding-top: 0.5rem;
         | 
| 3102 3111 | 
             
                padding-bottom: 0.5rem;
         | 
| 3103 3112 | 
             
                padding-left: 0.75rem;
         | 
| 3104 3113 | 
             
                padding-right: 0.75rem}
         | 
| 3105 3114 |  | 
| 3106 | 
            -
                [data-coco][data-component="app-button"][data-size-lg="xs"].icon-only  | 
| 3115 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-collapsed="true"] .button-icon{
         | 
| 3107 3116 | 
             
                margin-left: -0.25rem;
         | 
| 3108 3117 | 
             
                margin-right: -0.25rem}
         | 
| 3109 | 
            -
             | 
| 3118 | 
            +
             | 
| 3119 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"]{
         | 
| 3110 3120 | 
             
                padding-left: 0.5rem;
         | 
| 3111 3121 | 
             
                padding-right: 0.5rem}
         | 
| 3112 3122 |  | 
| 3113 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only  | 
| 3123 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3114 3124 | 
             
                padding-left: 0.5rem;
         | 
| 3115 3125 | 
             
                padding-right: 0.5rem}
         | 
| 3116 3126 | 
             
                [data-coco][data-component="app-button"][data-size-lg="sm"] .button-content{
         | 
| @@ -3120,20 +3130,22 @@ select{ | |
| 3120 3130 | 
             
                [data-coco][data-component="app-button"][data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="sm"] .button-toggle{
         | 
| 3121 3131 | 
             
                height: 1rem;
         | 
| 3122 3132 | 
             
                width: 1rem}
         | 
| 3123 | 
            -
             | 
| 3133 | 
            +
             | 
| 3134 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme]{
         | 
| 3124 3135 | 
             
                padding-top: 0.625rem;
         | 
| 3125 3136 | 
             
                padding-bottom: 0.625rem;
         | 
| 3126 3137 | 
             
                padding-left: 1rem;
         | 
| 3127 3138 | 
             
                padding-right: 1rem}
         | 
| 3128 3139 |  | 
| 3129 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only  | 
| 3140 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3130 3141 | 
             
                margin-left: -0.375rem;
         | 
| 3131 3142 | 
             
                margin-right: -0.375rem}
         | 
| 3132 | 
            -
             | 
| 3143 | 
            +
             | 
| 3144 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"]{
         | 
| 3133 3145 | 
             
                padding-left: 0.5rem;
         | 
| 3134 3146 | 
             
                padding-right: 0.5rem}
         | 
| 3135 3147 |  | 
| 3136 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only  | 
| 3148 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3137 3149 | 
             
                padding-left: 0.5rem;
         | 
| 3138 3150 | 
             
                padding-right: 0.5rem}
         | 
| 3139 3151 | 
             
                [data-coco][data-component="app-button"][data-size-lg="md"] .button-content{
         | 
| @@ -3143,20 +3155,22 @@ select{ | |
| 3143 3155 | 
             
                [data-coco][data-component="app-button"][data-size-lg="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="md"] .button-toggle{
         | 
| 3144 3156 | 
             
                height: 1.25rem;
         | 
| 3145 3157 | 
             
                width: 1.25rem}
         | 
| 3146 | 
            -
             | 
| 3158 | 
            +
             | 
| 3159 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="md"][data-theme]{
         | 
| 3147 3160 | 
             
                padding-top: 0.75rem;
         | 
| 3148 3161 | 
             
                padding-bottom: 0.75rem;
         | 
| 3149 3162 | 
             
                padding-left: 1.25rem;
         | 
| 3150 3163 | 
             
                padding-right: 1.25rem}
         | 
| 3151 3164 |  | 
| 3152 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only  | 
| 3165 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3153 3166 | 
             
                margin-left: -0.5rem;
         | 
| 3154 3167 | 
             
                margin-right: -0.5rem}
         | 
| 3155 | 
            -
             | 
| 3168 | 
            +
             | 
| 3169 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"]{
         | 
| 3156 3170 | 
             
                padding-left: 0.75rem;
         | 
| 3157 3171 | 
             
                padding-right: 0.75rem}
         | 
| 3158 3172 |  | 
| 3159 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only  | 
| 3173 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3160 3174 | 
             
                padding-left: 0.5rem;
         | 
| 3161 3175 | 
             
                padding-right: 0.5rem}
         | 
| 3162 3176 | 
             
                [data-coco][data-component="app-button"][data-size-lg="lg"] .button-content{
         | 
| @@ -3166,20 +3180,22 @@ select{ | |
| 3166 3180 | 
             
                [data-coco][data-component="app-button"][data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="lg"] .button-toggle{
         | 
| 3167 3181 | 
             
                height: 1.5rem;
         | 
| 3168 3182 | 
             
                width: 1.5rem}
         | 
| 3169 | 
            -
             | 
| 3183 | 
            +
             | 
| 3184 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme]{
         | 
| 3170 3185 | 
             
                padding-top: 1rem;
         | 
| 3171 3186 | 
             
                padding-bottom: 1rem;
         | 
| 3172 3187 | 
             
                padding-left: 1.5rem;
         | 
| 3173 3188 | 
             
                padding-right: 1.5rem}
         | 
| 3174 3189 |  | 
| 3175 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only  | 
| 3190 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 3176 3191 | 
             
                margin-left: -8px;
         | 
| 3177 3192 | 
             
                margin-right: -8px}
         | 
| 3178 | 
            -
             | 
| 3193 | 
            +
             | 
| 3194 | 
            +
                [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"]{
         | 
| 3179 3195 | 
             
                padding-left: 0.75rem;
         | 
| 3180 3196 | 
             
                padding-right: 0.75rem}
         | 
| 3181 3197 |  | 
| 3182 | 
            -
                  [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only  | 
| 3198 | 
            +
                  [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3183 3199 | 
             
                padding-left: 0.75rem;
         | 
| 3184 3200 | 
             
                padding-right: 0.75rem}
         | 
| 3185 3201 | 
             
                }
         | 
| @@ -3192,20 +3208,22 @@ select{ | |
| 3192 3208 | 
             
                [data-coco][data-component="app-button"][data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="xs"] .button-toggle{
         | 
| 3193 3209 | 
             
                height: 0.875rem;
         | 
| 3194 3210 | 
             
                width: 0.875rem}
         | 
| 3195 | 
            -
             | 
| 3211 | 
            +
             | 
| 3212 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme]{
         | 
| 3196 3213 | 
             
                padding-top: 0.5rem;
         | 
| 3197 3214 | 
             
                padding-bottom: 0.5rem;
         | 
| 3198 3215 | 
             
                padding-left: 0.75rem;
         | 
| 3199 3216 | 
             
                padding-right: 0.75rem}
         | 
| 3200 3217 |  | 
| 3201 | 
            -
                [data-coco][data-component="app-button"][data-size-xl="xs"].icon-only  | 
| 3218 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-collapsed="true"] .button-icon{
         | 
| 3202 3219 | 
             
                margin-left: -0.25rem;
         | 
| 3203 3220 | 
             
                margin-right: -0.25rem}
         | 
| 3204 | 
            -
             | 
| 3221 | 
            +
             | 
| 3222 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"]{
         | 
| 3205 3223 | 
             
                padding-left: 0.5rem;
         | 
| 3206 3224 | 
             
                padding-right: 0.5rem}
         | 
| 3207 3225 |  | 
| 3208 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only  | 
| 3226 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3209 3227 | 
             
                padding-left: 0.5rem;
         | 
| 3210 3228 | 
             
                padding-right: 0.5rem}
         | 
| 3211 3229 | 
             
                [data-coco][data-component="app-button"][data-size-xl="sm"] .button-content{
         | 
| @@ -3215,20 +3233,22 @@ select{ | |
| 3215 3233 | 
             
                [data-coco][data-component="app-button"][data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="sm"] .button-toggle{
         | 
| 3216 3234 | 
             
                height: 1rem;
         | 
| 3217 3235 | 
             
                width: 1rem}
         | 
| 3218 | 
            -
             | 
| 3236 | 
            +
             | 
| 3237 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme]{
         | 
| 3219 3238 | 
             
                padding-top: 0.625rem;
         | 
| 3220 3239 | 
             
                padding-bottom: 0.625rem;
         | 
| 3221 3240 | 
             
                padding-left: 1rem;
         | 
| 3222 3241 | 
             
                padding-right: 1rem}
         | 
| 3223 3242 |  | 
| 3224 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only  | 
| 3243 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3225 3244 | 
             
                margin-left: -0.375rem;
         | 
| 3226 3245 | 
             
                margin-right: -0.375rem}
         | 
| 3227 | 
            -
             | 
| 3246 | 
            +
             | 
| 3247 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"]{
         | 
| 3228 3248 | 
             
                padding-left: 0.5rem;
         | 
| 3229 3249 | 
             
                padding-right: 0.5rem}
         | 
| 3230 3250 |  | 
| 3231 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only  | 
| 3251 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3232 3252 | 
             
                padding-left: 0.5rem;
         | 
| 3233 3253 | 
             
                padding-right: 0.5rem}
         | 
| 3234 3254 | 
             
                [data-coco][data-component="app-button"][data-size-xl="md"] .button-content{
         | 
| @@ -3238,20 +3258,22 @@ select{ | |
| 3238 3258 | 
             
                [data-coco][data-component="app-button"][data-size-xl="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="md"] .button-toggle{
         | 
| 3239 3259 | 
             
                height: 1.25rem;
         | 
| 3240 3260 | 
             
                width: 1.25rem}
         | 
| 3241 | 
            -
             | 
| 3261 | 
            +
             | 
| 3262 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="md"][data-theme]{
         | 
| 3242 3263 | 
             
                padding-top: 0.75rem;
         | 
| 3243 3264 | 
             
                padding-bottom: 0.75rem;
         | 
| 3244 3265 | 
             
                padding-left: 1.25rem;
         | 
| 3245 3266 | 
             
                padding-right: 1.25rem}
         | 
| 3246 3267 |  | 
| 3247 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only  | 
| 3268 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3248 3269 | 
             
                margin-left: -0.5rem;
         | 
| 3249 3270 | 
             
                margin-right: -0.5rem}
         | 
| 3250 | 
            -
             | 
| 3271 | 
            +
             | 
| 3272 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"]{
         | 
| 3251 3273 | 
             
                padding-left: 0.75rem;
         | 
| 3252 3274 | 
             
                padding-right: 0.75rem}
         | 
| 3253 3275 |  | 
| 3254 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only  | 
| 3276 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3255 3277 | 
             
                padding-left: 0.5rem;
         | 
| 3256 3278 | 
             
                padding-right: 0.5rem}
         | 
| 3257 3279 | 
             
                [data-coco][data-component="app-button"][data-size-xl="lg"] .button-content{
         | 
| @@ -3261,20 +3283,22 @@ select{ | |
| 3261 3283 | 
             
                [data-coco][data-component="app-button"][data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="lg"] .button-toggle{
         | 
| 3262 3284 | 
             
                height: 1.5rem;
         | 
| 3263 3285 | 
             
                width: 1.5rem}
         | 
| 3264 | 
            -
             | 
| 3286 | 
            +
             | 
| 3287 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme]{
         | 
| 3265 3288 | 
             
                padding-top: 1rem;
         | 
| 3266 3289 | 
             
                padding-bottom: 1rem;
         | 
| 3267 3290 | 
             
                padding-left: 1.5rem;
         | 
| 3268 3291 | 
             
                padding-right: 1.5rem}
         | 
| 3269 3292 |  | 
| 3270 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only  | 
| 3293 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 3271 3294 | 
             
                margin-left: -8px;
         | 
| 3272 3295 | 
             
                margin-right: -8px}
         | 
| 3273 | 
            -
             | 
| 3296 | 
            +
             | 
| 3297 | 
            +
                [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"]{
         | 
| 3274 3298 | 
             
                padding-left: 0.75rem;
         | 
| 3275 3299 | 
             
                padding-right: 0.75rem}
         | 
| 3276 3300 |  | 
| 3277 | 
            -
                  [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only  | 
| 3301 | 
            +
                  [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3278 3302 | 
             
                padding-left: 0.75rem;
         | 
| 3279 3303 | 
             
                padding-right: 0.75rem}
         | 
| 3280 3304 | 
             
                }
         | 
| @@ -3290,26 +3314,28 @@ select{ | |
| 3290 3314 | 
             
                  [data-coco][data-component="app-button"][data-size-2xl="xs"] .button-toggle{
         | 
| 3291 3315 | 
             
                height: 0.875rem;
         | 
| 3292 3316 | 
             
                width: 0.875rem}
         | 
| 3293 | 
            -
             | 
| 3294 | 
            -
             | 
| 3317 | 
            +
             | 
| 3318 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme],
         | 
| 3319 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme]{
         | 
| 3295 3320 | 
             
                padding-top: 0.5rem;
         | 
| 3296 3321 | 
             
                padding-bottom: 0.5rem;
         | 
| 3297 3322 | 
             
                padding-left: 0.75rem;
         | 
| 3298 3323 | 
             
                padding-right: 0.75rem}
         | 
| 3299 3324 |  | 
| 3300 | 
            -
                [data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only  | 
| 3301 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only  | 
| 3302 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"]  | 
| 3325 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-collapsed="true"] .button-icon,
         | 
| 3326 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only .button-icon,
         | 
| 3327 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"] .button-icon{
         | 
| 3303 3328 | 
             
                margin-left: -0.25rem;
         | 
| 3304 3329 | 
             
                margin-right: -0.25rem}
         | 
| 3305 | 
            -
             | 
| 3306 | 
            -
             | 
| 3330 | 
            +
             | 
| 3331 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"],
         | 
| 3332 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"]{
         | 
| 3307 3333 | 
             
                padding-left: 0.5rem;
         | 
| 3308 3334 | 
             
                padding-right: 0.5rem}
         | 
| 3309 3335 |  | 
| 3310 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only  | 
| 3311 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only  | 
| 3312 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"]  | 
| 3336 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon,
         | 
| 3337 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only .button-icon,
         | 
| 3338 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3313 3339 | 
             
                padding-left: 0.5rem;
         | 
| 3314 3340 | 
             
                padding-right: 0.5rem}
         | 
| 3315 3341 | 
             
                [data-coco][data-component="app-button"][data-size-xxl="sm"] .button-content,
         | 
| @@ -3322,26 +3348,28 @@ select{ | |
| 3322 3348 | 
             
                  [data-coco][data-component="app-button"][data-size-2xl="sm"] .button-toggle{
         | 
| 3323 3349 | 
             
                height: 1rem;
         | 
| 3324 3350 | 
             
                width: 1rem}
         | 
| 3325 | 
            -
             | 
| 3326 | 
            -
             | 
| 3351 | 
            +
             | 
| 3352 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme],
         | 
| 3353 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme]{
         | 
| 3327 3354 | 
             
                padding-top: 0.625rem;
         | 
| 3328 3355 | 
             
                padding-bottom: 0.625rem;
         | 
| 3329 3356 | 
             
                padding-left: 1rem;
         | 
| 3330 3357 | 
             
                padding-right: 1rem}
         | 
| 3331 3358 |  | 
| 3332 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only  | 
| 3333 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only  | 
| 3334 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"]  | 
| 3359 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme][data-collapsed="true"] .button-icon,
         | 
| 3360 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only .button-icon,
         | 
| 3361 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3335 3362 | 
             
                margin-left: -0.375rem;
         | 
| 3336 3363 | 
             
                margin-right: -0.375rem}
         | 
| 3337 | 
            -
             | 
| 3338 | 
            -
             | 
| 3364 | 
            +
             | 
| 3365 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"],
         | 
| 3366 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"]{
         | 
| 3339 3367 | 
             
                padding-left: 0.5rem;
         | 
| 3340 3368 | 
             
                padding-right: 0.5rem}
         | 
| 3341 3369 |  | 
| 3342 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only  | 
| 3343 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only  | 
| 3344 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"]  | 
| 3370 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon,
         | 
| 3371 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only .button-icon,
         | 
| 3372 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3345 3373 | 
             
                padding-left: 0.5rem;
         | 
| 3346 3374 | 
             
                padding-right: 0.5rem}
         | 
| 3347 3375 | 
             
                [data-coco][data-component="app-button"][data-size-xxl="md"] .button-content,
         | 
| @@ -3354,26 +3382,28 @@ select{ | |
| 3354 3382 | 
             
                  [data-coco][data-component="app-button"][data-size-2xl="md"] .button-toggle{
         | 
| 3355 3383 | 
             
                height: 1.25rem;
         | 
| 3356 3384 | 
             
                width: 1.25rem}
         | 
| 3357 | 
            -
             | 
| 3358 | 
            -
             | 
| 3385 | 
            +
             | 
| 3386 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme],
         | 
| 3387 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme]{
         | 
| 3359 3388 | 
             
                padding-top: 0.75rem;
         | 
| 3360 3389 | 
             
                padding-bottom: 0.75rem;
         | 
| 3361 3390 | 
             
                padding-left: 1.25rem;
         | 
| 3362 3391 | 
             
                padding-right: 1.25rem}
         | 
| 3363 3392 |  | 
| 3364 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only  | 
| 3365 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only  | 
| 3366 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"]  | 
| 3393 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme][data-collapsed="true"] .button-icon,
         | 
| 3394 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only .button-icon,
         | 
| 3395 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3367 3396 | 
             
                margin-left: -0.5rem;
         | 
| 3368 3397 | 
             
                margin-right: -0.5rem}
         | 
| 3369 | 
            -
             | 
| 3370 | 
            -
             | 
| 3398 | 
            +
             | 
| 3399 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"],
         | 
| 3400 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"]{
         | 
| 3371 3401 | 
             
                padding-left: 0.75rem;
         | 
| 3372 3402 | 
             
                padding-right: 0.75rem}
         | 
| 3373 3403 |  | 
| 3374 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only  | 
| 3375 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only  | 
| 3376 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"]  | 
| 3404 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] .button-icon,
         | 
| 3405 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only .button-icon,
         | 
| 3406 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3377 3407 | 
             
                padding-left: 0.5rem;
         | 
| 3378 3408 | 
             
                padding-right: 0.5rem}
         | 
| 3379 3409 | 
             
                [data-coco][data-component="app-button"][data-size-xxl="lg"] .button-content,
         | 
| @@ -3386,26 +3416,28 @@ select{ | |
| 3386 3416 | 
             
                  [data-coco][data-component="app-button"][data-size-2xl="lg"] .button-toggle{
         | 
| 3387 3417 | 
             
                height: 1.5rem;
         | 
| 3388 3418 | 
             
                width: 1.5rem}
         | 
| 3389 | 
            -
             | 
| 3390 | 
            -
             | 
| 3419 | 
            +
             | 
| 3420 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme],
         | 
| 3421 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme]{
         | 
| 3391 3422 | 
             
                padding-top: 1rem;
         | 
| 3392 3423 | 
             
                padding-bottom: 1rem;
         | 
| 3393 3424 | 
             
                padding-left: 1.5rem;
         | 
| 3394 3425 | 
             
                padding-right: 1.5rem}
         | 
| 3395 3426 |  | 
| 3396 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only  | 
| 3397 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only  | 
| 3427 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
         | 
| 3428 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only .button-icon,
         | 
| 3398 3429 | 
             
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 3399 3430 | 
             
                margin-left: -8px;
         | 
| 3400 3431 | 
             
                margin-right: -8px}
         | 
| 3401 | 
            -
             | 
| 3402 | 
            -
             | 
| 3432 | 
            +
             | 
| 3433 | 
            +
                [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"],
         | 
| 3434 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"]{
         | 
| 3403 3435 | 
             
                padding-left: 0.75rem;
         | 
| 3404 3436 | 
             
                padding-right: 0.75rem}
         | 
| 3405 3437 |  | 
| 3406 | 
            -
                  [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only  | 
| 3407 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only  | 
| 3408 | 
            -
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"]  | 
| 3438 | 
            +
                  [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon,
         | 
| 3439 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only .button-icon,
         | 
| 3440 | 
            +
                  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3409 3441 | 
             
                padding-left: 0.75rem;
         | 
| 3410 3442 | 
             
                padding-right: 0.75rem}
         | 
| 3411 3443 | 
             
                }
         | 
| @@ -3418,20 +3450,22 @@ select{ | |
| 3418 3450 | 
             
                [data-coco][data-component="app-button"][data-size-max="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="xs"] .button-toggle{
         | 
| 3419 3451 | 
             
                height: 0.875rem;
         | 
| 3420 3452 | 
             
                width: 0.875rem}
         | 
| 3421 | 
            -
             | 
| 3453 | 
            +
             | 
| 3454 | 
            +
                [data-coco][data-component="app-button"][data-size-max="xs"][data-theme]{
         | 
| 3422 3455 | 
             
                padding-top: 0.5rem;
         | 
| 3423 3456 | 
             
                padding-bottom: 0.5rem;
         | 
| 3424 3457 | 
             
                padding-left: 0.75rem;
         | 
| 3425 3458 | 
             
                padding-right: 0.75rem}
         | 
| 3426 3459 |  | 
| 3427 | 
            -
                [data-coco][data-component="app-button"][data-size-max="xs"].icon-only  | 
| 3460 | 
            +
                [data-coco][data-component="app-button"][data-size-max="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-collapsed="true"] .button-icon{
         | 
| 3428 3461 | 
             
                margin-left: -0.25rem;
         | 
| 3429 3462 | 
             
                margin-right: -0.25rem}
         | 
| 3430 | 
            -
             | 
| 3463 | 
            +
             | 
| 3464 | 
            +
                [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"]{
         | 
| 3431 3465 | 
             
                padding-left: 0.5rem;
         | 
| 3432 3466 | 
             
                padding-right: 0.5rem}
         | 
| 3433 3467 |  | 
| 3434 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only  | 
| 3468 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3435 3469 | 
             
                padding-left: 0.5rem;
         | 
| 3436 3470 | 
             
                padding-right: 0.5rem}
         | 
| 3437 3471 | 
             
                [data-coco][data-component="app-button"][data-size-max="sm"] .button-content{
         | 
| @@ -3441,20 +3475,22 @@ select{ | |
| 3441 3475 | 
             
                [data-coco][data-component="app-button"][data-size-max="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="sm"] .button-toggle{
         | 
| 3442 3476 | 
             
                height: 1rem;
         | 
| 3443 3477 | 
             
                width: 1rem}
         | 
| 3444 | 
            -
             | 
| 3478 | 
            +
             | 
| 3479 | 
            +
                [data-coco][data-component="app-button"][data-size-max="sm"][data-theme]{
         | 
| 3445 3480 | 
             
                padding-top: 0.625rem;
         | 
| 3446 3481 | 
             
                padding-bottom: 0.625rem;
         | 
| 3447 3482 | 
             
                padding-left: 1rem;
         | 
| 3448 3483 | 
             
                padding-right: 1rem}
         | 
| 3449 3484 |  | 
| 3450 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only  | 
| 3485 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3451 3486 | 
             
                margin-left: -0.375rem;
         | 
| 3452 3487 | 
             
                margin-right: -0.375rem}
         | 
| 3453 | 
            -
             | 
| 3488 | 
            +
             | 
| 3489 | 
            +
                [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"]{
         | 
| 3454 3490 | 
             
                padding-left: 0.5rem;
         | 
| 3455 3491 | 
             
                padding-right: 0.5rem}
         | 
| 3456 3492 |  | 
| 3457 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only  | 
| 3493 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3458 3494 | 
             
                padding-left: 0.5rem;
         | 
| 3459 3495 | 
             
                padding-right: 0.5rem}
         | 
| 3460 3496 | 
             
                [data-coco][data-component="app-button"][data-size-max="md"] .button-content{
         | 
| @@ -3464,20 +3500,22 @@ select{ | |
| 3464 3500 | 
             
                [data-coco][data-component="app-button"][data-size-max="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="md"] .button-toggle{
         | 
| 3465 3501 | 
             
                height: 1.25rem;
         | 
| 3466 3502 | 
             
                width: 1.25rem}
         | 
| 3467 | 
            -
             | 
| 3503 | 
            +
             | 
| 3504 | 
            +
                [data-coco][data-component="app-button"][data-size-max="md"][data-theme]{
         | 
| 3468 3505 | 
             
                padding-top: 0.75rem;
         | 
| 3469 3506 | 
             
                padding-bottom: 0.75rem;
         | 
| 3470 3507 | 
             
                padding-left: 1.25rem;
         | 
| 3471 3508 | 
             
                padding-right: 1.25rem}
         | 
| 3472 3509 |  | 
| 3473 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only  | 
| 3510 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme][data-collapsed="true"] .button-icon{
         | 
| 3474 3511 | 
             
                margin-left: -0.5rem;
         | 
| 3475 3512 | 
             
                margin-right: -0.5rem}
         | 
| 3476 | 
            -
             | 
| 3513 | 
            +
             | 
| 3514 | 
            +
                [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"]{
         | 
| 3477 3515 | 
             
                padding-left: 0.75rem;
         | 
| 3478 3516 | 
             
                padding-right: 0.75rem}
         | 
| 3479 3517 |  | 
| 3480 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only  | 
| 3518 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3481 3519 | 
             
                padding-left: 0.5rem;
         | 
| 3482 3520 | 
             
                padding-right: 0.5rem}
         | 
| 3483 3521 | 
             
                [data-coco][data-component="app-button"][data-size-max="lg"] .button-content{
         | 
| @@ -3487,20 +3525,22 @@ select{ | |
| 3487 3525 | 
             
                [data-coco][data-component="app-button"][data-size-max="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="lg"] .button-toggle{
         | 
| 3488 3526 | 
             
                height: 1.5rem;
         | 
| 3489 3527 | 
             
                width: 1.5rem}
         | 
| 3490 | 
            -
             | 
| 3528 | 
            +
             | 
| 3529 | 
            +
                [data-coco][data-component="app-button"][data-size-max="lg"][data-theme]{
         | 
| 3491 3530 | 
             
                padding-top: 1rem;
         | 
| 3492 3531 | 
             
                padding-bottom: 1rem;
         | 
| 3493 3532 | 
             
                padding-left: 1.5rem;
         | 
| 3494 3533 | 
             
                padding-right: 1.5rem}
         | 
| 3495 3534 |  | 
| 3496 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only  | 
| 3535 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
         | 
| 3497 3536 | 
             
                margin-left: -8px;
         | 
| 3498 3537 | 
             
                margin-right: -8px}
         | 
| 3499 | 
            -
             | 
| 3538 | 
            +
             | 
| 3539 | 
            +
                [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"]{
         | 
| 3500 3540 | 
             
                padding-left: 0.75rem;
         | 
| 3501 3541 | 
             
                padding-right: 0.75rem}
         | 
| 3502 3542 |  | 
| 3503 | 
            -
                  [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only  | 
| 3543 | 
            +
                  [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 3504 3544 | 
             
                padding-left: 0.75rem;
         | 
| 3505 3545 | 
             
                padding-right: 0.75rem}
         | 
| 3506 3546 | 
             
                }
         | 
| @@ -3508,7 +3548,10 @@ select{ | |
| 3508 3548 | 
             
                width: -moz-fit-content;
         | 
| 3509 3549 | 
             
                width: fit-content;
         | 
| 3510 3550 | 
             
                border-radius: 44px;
         | 
| 3551 | 
            +
                opacity: 0;
         | 
| 3511 3552 | 
             
              }
         | 
| 3553 | 
            +
            [data-coco][data-component="app-button-group"].button-group-ready{
         | 
| 3554 | 
            +
              opacity: 1}
         | 
| 3512 3555 | 
             
            [data-coco][data-component="app-button-group"] .button-group-buttons{
         | 
| 3513 3556 | 
             
              display: flex;
         | 
| 3514 3557 | 
             
              align-items: center;
         | 
| @@ -3527,11 +3570,11 @@ select{ | |
| 3527 3570 | 
             
            [data-coco][data-component="app-button-group"][data-segmented="true"] .button-group-buttons{
         | 
| 3528 3571 | 
             
              -moz-column-gap: 0px;
         | 
| 3529 3572 | 
             
                   column-gap: 0px}
         | 
| 3530 | 
            -
            [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:first-child){
         | 
| 3573 | 
            +
            [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
         | 
| 3531 3574 | 
             
              border-top-left-radius: 0px;
         | 
| 3532 3575 | 
             
              border-bottom-left-radius: 0px;
         | 
| 3533 3576 | 
             
              border-left-width: 0px}
         | 
| 3534 | 
            -
            [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:last-child){
         | 
| 3577 | 
            +
            [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
         | 
| 3535 3578 | 
             
              border-top-right-radius: 0px;
         | 
| 3536 3579 | 
             
              border-bottom-right-radius: 0px}
         | 
| 3537 3580 | 
             
            [data-coco][data-component="app-button-group"][data-segmented="true"][data-floating="true"]{
         | 
| @@ -3539,13 +3582,10 @@ select{ | |
| 3539 3582 | 
             
              --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
         | 
| 3540 3583 | 
             
              box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
         | 
| 3541 3584 | 
             
            [data-coco][data-component="app-button-to"]{
         | 
| 3542 | 
            -
              display:  | 
| 3543 | 
            -
             | 
| 3544 | 
            -
                 | 
| 3545 | 
            -
             | 
| 3546 | 
            -
              width: 100%}
         | 
| 3547 | 
            -
            [data-coco][data-component="app-button-to"][data-fit="full"]{
         | 
| 3548 | 
            -
              width: 100%}
         | 
| 3585 | 
            +
              display: contents}
         | 
| 3586 | 
            +
            [data-coco][data-component="app-button-to"] form,
         | 
| 3587 | 
            +
                [data-coco][data-component="app-button-to"] input{
         | 
| 3588 | 
            +
              display: contents}
         | 
| 3549 3589 | 
             
            [data-coco][data-component="app-color-picker"]{
         | 
| 3550 3590 | 
             
              --tw-bg-opacity: 1;
         | 
| 3551 3591 | 
             
              background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
         | 
| @@ -3836,9 +3876,7 @@ select{ | |
| 3836 3876 | 
             
                width: 1.5rem}
         | 
| 3837 3877 | 
             
                }
         | 
| 3838 3878 | 
             
            [data-coco][data-component="app-color-picker-button"]{
         | 
| 3839 | 
            -
              display:  | 
| 3840 | 
            -
                width: -moz-max-content;
         | 
| 3841 | 
            -
                width: max-content}
         | 
| 3879 | 
            +
              display: contents}
         | 
| 3842 3880 | 
             
            [data-coco][data-component="app-color-picker-button"] .picker-icon{
         | 
| 3843 3881 | 
             
              display: block;
         | 
| 3844 3882 | 
             
              height: 100%;
         | 
| @@ -4050,15 +4088,11 @@ select{ | |
| 4050 4088 | 
             
                padding-top: 2rem}
         | 
| 4051 4089 | 
             
                }
         | 
| 4052 4090 | 
             
            [data-coco][data-component="app-image-picker-button"]{
         | 
| 4053 | 
            -
              display:  | 
| 4054 | 
            -
                width: -moz-max-content;
         | 
| 4055 | 
            -
                width: max-content}
         | 
| 4091 | 
            +
              display: contents}
         | 
| 4056 4092 | 
             
            [data-coco][data-component="app-image-picker-button"] [data-component="app-image-picker"]{
         | 
| 4057 4093 | 
             
              border-radius: 0.375rem}
         | 
| 4058 4094 | 
             
            [data-coco][data-component="app-layout-picker-button"]{
         | 
| 4059 | 
            -
              display:  | 
| 4060 | 
            -
                width: -moz-max-content;
         | 
| 4061 | 
            -
                width: max-content}
         | 
| 4095 | 
            +
              display: contents}
         | 
| 4062 4096 | 
             
            [data-coco][data-component="app-layout-picker-button"] .layout-picker{
         | 
| 4063 4097 | 
             
              display: grid;
         | 
| 4064 4098 | 
             
              grid-template-columns: repeat(2, minmax(0, 1fr))}
         | 
| @@ -4181,22 +4215,30 @@ select{ | |
| 4181 4215 | 
             
              }
         | 
| 4182 4216 | 
             
            [data-coco][data-component="app-menu"] .menu-item > *{
         | 
| 4183 4217 | 
             
              width: 100%}
         | 
| 4184 | 
            -
            [data-coco][data-component="app-menu"] .menu-item >  | 
| 4185 | 
            -
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:hover,
         | 
| 4186 | 
            -
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] | 
| 4218 | 
            +
            [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:hover,
         | 
| 4219 | 
            +
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:hover,
         | 
| 4220 | 
            +
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
         | 
| 4221 | 
            +
                    > .coco-button-wrapper
         | 
| 4222 | 
            +
                    > .coco-button:hover{
         | 
| 4187 4223 | 
             
              background-color: rgba(0, 12, 39, 0.06);
         | 
| 4188 4224 | 
             
                background-blend-mode: hard-light}
         | 
| 4189 | 
            -
            [data-coco][data-component="app-menu"] .menu-item >  | 
| 4190 | 
            -
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:active,
         | 
| 4191 | 
            -
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] | 
| 4225 | 
            +
            [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:active,
         | 
| 4226 | 
            +
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:active,
         | 
| 4227 | 
            +
                  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
         | 
| 4228 | 
            +
                    > .coco-button-wrapper
         | 
| 4229 | 
            +
                    > .coco-button:active{
         | 
| 4192 4230 | 
             
              background-color: rgba(0, 12, 39, 0.1);
         | 
| 4193 4231 | 
             
                background-blend-mode: hard-light}
         | 
| 4194 | 
            -
            [data-coco][data-component="app-menu"] .menu-item >  | 
| 4232 | 
            +
            [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
         | 
| 4233 | 
            +
                    > .coco-button-wrapper
         | 
| 4234 | 
            +
                    > .coco-button .button-inner{
         | 
| 4195 4235 | 
             
              margin-left: 0px;
         | 
| 4196 4236 | 
             
              margin-right: 0px;
         | 
| 4197 4237 | 
             
              justify-content: flex-start;
         | 
| 4198 4238 | 
             
              text-align: left}
         | 
| 4199 | 
            -
            [data-coco][data-component="app-menu"] .menu-item >  | 
| 4239 | 
            +
            [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
         | 
| 4240 | 
            +
                    > .coco-button-wrapper
         | 
| 4241 | 
            +
                    > .coco-button .button-content{
         | 
| 4200 4242 | 
             
              font-weight: 400 !important}
         | 
| 4201 4243 | 
             
            [data-coco][data-component="app-menu"] .menu-item .divider{
         | 
| 4202 4244 | 
             
              margin-top: 0.375rem;
         | 
| @@ -4205,31 +4247,31 @@ select{ | |
| 4205 4247 | 
             
                [data-coco][data-component="app-menu"][data-size="xs"]{
         | 
| 4206 4248 | 
             
              padding-top: 0.375rem;
         | 
| 4207 4249 | 
             
              padding-bottom: 0.375rem}
         | 
| 4208 | 
            -
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] | 
| 4250 | 
            +
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"]{
         | 
| 4209 4251 | 
             
              padding-left: 1rem;
         | 
| 4210 4252 | 
             
              padding-right: 1rem;
         | 
| 4211 4253 | 
             
              padding-top: 0.5rem;
         | 
| 4212 4254 | 
             
              padding-bottom: 0.5rem;
         | 
| 4213 4255 | 
             
              font-size: 14px;
         | 
| 4214 4256 | 
             
              line-height: 16px}
         | 
| 4215 | 
            -
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"]  | 
| 4257 | 
            +
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner{
         | 
| 4216 4258 | 
             
              gap: 0.5rem}
         | 
| 4217 | 
            -
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"]  | 
| 4259 | 
            +
            [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
         | 
| 4218 4260 | 
             
              height: 1rem;
         | 
| 4219 4261 | 
             
              width: 1rem}
         | 
| 4220 4262 | 
             
            [data-coco][data-component="app-menu"][data-size="md"]{
         | 
| 4221 4263 | 
             
              padding-top: 0.5rem;
         | 
| 4222 4264 | 
             
              padding-bottom: 0.5rem}
         | 
| 4223 | 
            -
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] | 
| 4265 | 
            +
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]{
         | 
| 4224 4266 | 
             
              padding-left: 1.25rem;
         | 
| 4225 4267 | 
             
              padding-right: 1.25rem;
         | 
| 4226 4268 | 
             
              padding-top: 0.625rem;
         | 
| 4227 4269 | 
             
              padding-bottom: 0.625rem;
         | 
| 4228 4270 | 
             
              font-size: 16px;
         | 
| 4229 4271 | 
             
              line-height: 20px}
         | 
| 4230 | 
            -
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]  | 
| 4272 | 
            +
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner{
         | 
| 4231 4273 | 
             
              gap: 0.5rem}
         | 
| 4232 | 
            -
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]  | 
| 4274 | 
            +
            [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
         | 
| 4233 4275 | 
             
              height: 1.25rem;
         | 
| 4234 4276 | 
             
              width: 1.25rem}
         | 
| 4235 4277 | 
             
            [data-coco][data-component="app-menu"] .divider{
         | 
| @@ -4238,9 +4280,7 @@ select{ | |
| 4238 4280 | 
             
              --tw-border-opacity: 1;
         | 
| 4239 4281 | 
             
              border-color: rgb(209 213 219 / var(--tw-border-opacity))}
         | 
| 4240 4282 | 
             
            [data-coco][data-component="app-menu-button"]{
         | 
| 4241 | 
            -
              display:  | 
| 4242 | 
            -
                width: -moz-max-content;
         | 
| 4243 | 
            -
                width: max-content}
         | 
| 4283 | 
            +
              display: contents}
         | 
| 4244 4284 | 
             
            [data-coco][data-component="app-menu-button"][data-fit="full"]{
         | 
| 4245 4285 | 
             
              width: 100%}
         | 
| 4246 4286 | 
             
            [data-coco][data-component="app-menu-button"] [data-component="menu"]{
         | 
| @@ -4372,13 +4412,13 @@ select{ | |
| 4372 4412 | 
             
              font-weight: 600;
         | 
| 4373 4413 | 
             
              --tw-text-opacity: 1;
         | 
| 4374 4414 | 
             
              color: rgb(255 255 255 / var(--tw-text-opacity))}
         | 
| 4375 | 
            -
            [data-coco][data-component="app-snackbar"] .coco-button | 
| 4415 | 
            +
            [data-coco][data-component="app-snackbar"] .coco-button:hover{
         | 
| 4376 4416 | 
             
              --tw-bg-opacity: 1;
         | 
| 4377 4417 | 
             
              background-color: rgb(55 65 81 / var(--tw-bg-opacity))}
         | 
| 4378 4418 | 
             
            [data-coco][data-component="app-snackbar"] .snackbar-action{
         | 
| 4379 4419 | 
             
              margin-left: auto;
         | 
| 4380 4420 | 
             
              flex: none}
         | 
| 4381 | 
            -
            [data-coco][data-component="app-snackbar"] .snackbar-action .coco-button | 
| 4421 | 
            +
            [data-coco][data-component="app-snackbar"] .snackbar-action .coco-button{
         | 
| 4382 4422 | 
             
              padding-left: 0.5rem;
         | 
| 4383 4423 | 
             
              padding-right: 0.5rem;
         | 
| 4384 4424 | 
             
              --tw-text-opacity: 1;
         | 
| @@ -4386,10 +4426,10 @@ select{ | |
| 4386 4426 | 
             
            [data-coco][data-component="app-snackbar"] .snackbar-dismiss{
         | 
| 4387 4427 | 
             
              margin-left: auto;
         | 
| 4388 4428 | 
             
              flex: none}
         | 
| 4389 | 
            -
            [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button | 
| 4429 | 
            +
            [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button{
         | 
| 4390 4430 | 
             
              --tw-text-opacity: 1;
         | 
| 4391 4431 | 
             
              color: rgb(229 231 235 / var(--tw-text-opacity))}
         | 
| 4392 | 
            -
            [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button | 
| 4432 | 
            +
            [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button:hover{
         | 
| 4393 4433 | 
             
              --tw-text-opacity: 1;
         | 
| 4394 4434 | 
             
              color: rgb(255 255 255 / var(--tw-text-opacity))}
         | 
| 4395 4435 | 
             
            /* Positioning */
         | 
| @@ -5102,6 +5142,8 @@ select{ | |
| 5102 5142 | 
             
              display: contents}
         | 
| 5103 5143 | 
             
            .hidden{
         | 
| 5104 5144 | 
             
              display: none}
         | 
| 5145 | 
            +
            .transform{
         | 
| 5146 | 
            +
              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))}
         | 
| 5105 5147 | 
             
            .resize{
         | 
| 5106 5148 | 
             
              resize: both}
         | 
| 5107 5149 | 
             
            .italic{
         | 
| @@ -5122,6 +5164,8 @@ select{ | |
| 5122 5164 | 
             
              text-decoration-line: underline}
         | 
| 5123 5165 | 
             
            .filter{
         | 
| 5124 5166 | 
             
              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)}
         | 
| 5167 | 
            +
            .ease-out{
         | 
| 5168 | 
            +
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
         | 
| 5125 5169 | 
             
            /* Transparent gray blend-mode background utilities */
         | 
| 5126 5170 | 
             
            .\!icon {
         | 
| 5127 5171 | 
             
              }
         | 
| @@ -5350,20 +5394,12 @@ select{ | |
| 5350 5394 | 
             
                .app-button-xs .button-toggle{
         | 
| 5351 5395 | 
             
              height: 0.875rem;
         | 
| 5352 5396 | 
             
              width: 0.875rem}
         | 
| 5353 | 
            -
            .app-button-xs | 
| 5354 | 
            -
             | 
| 5355 | 
            -
              padding-bottom: 0.5rem;
         | 
| 5356 | 
            -
              padding-left: 0.75rem;
         | 
| 5357 | 
            -
              padding-right: 0.75rem}
         | 
| 5358 | 
            -
            .app-button-xs.icon-only > .button-element .button-icon,
         | 
| 5359 | 
            -
                .app-button-xs[data-collapsed="true"] > .button-element .button-icon{
         | 
| 5397 | 
            +
            .app-button-xs.icon-only .button-icon,
         | 
| 5398 | 
            +
                .app-button-xs[data-collapsed="true"] .button-icon{
         | 
| 5360 5399 | 
             
              margin-left: -0.25rem;
         | 
| 5361 5400 | 
             
              margin-right: -0.25rem}
         | 
| 5362 | 
            -
            .app-button-xs[data-theme|="text"] .button- | 
| 5363 | 
            -
             | 
| 5364 | 
            -
              padding-right: 0.5rem}
         | 
| 5365 | 
            -
            .app-button-xs[data-theme|="text"].icon-only > .button-element .button-icon,
         | 
| 5366 | 
            -
                  .app-button-xs[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5401 | 
            +
            .app-button-xs[data-theme|="text"].icon-only .button-icon,
         | 
| 5402 | 
            +
                  .app-button-xs[data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 5367 5403 | 
             
              padding-left: 0.5rem;
         | 
| 5368 5404 | 
             
              padding-right: 0.5rem}
         | 
| 5369 5405 | 
             
            .app-button-sm .button-content{
         | 
| @@ -5373,20 +5409,12 @@ select{ | |
| 5373 5409 | 
             
                .app-button-sm .button-toggle{
         | 
| 5374 5410 | 
             
              height: 1rem;
         | 
| 5375 5411 | 
             
              width: 1rem}
         | 
| 5376 | 
            -
            .app-button-sm[data-theme] .button- | 
| 5377 | 
            -
             | 
| 5378 | 
            -
              padding-bottom: 0.625rem;
         | 
| 5379 | 
            -
              padding-left: 1rem;
         | 
| 5380 | 
            -
              padding-right: 1rem}
         | 
| 5381 | 
            -
            .app-button-sm[data-theme].icon-only > .button-element .button-icon,
         | 
| 5382 | 
            -
                  .app-button-sm[data-theme][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5412 | 
            +
            .app-button-sm[data-theme].icon-only .button-icon,
         | 
| 5413 | 
            +
                  .app-button-sm[data-theme][data-collapsed="true"] .button-icon{
         | 
| 5383 5414 | 
             
              margin-left: -0.375rem;
         | 
| 5384 5415 | 
             
              margin-right: -0.375rem}
         | 
| 5385 | 
            -
            .app-button-sm[data-theme|="text"] .button- | 
| 5386 | 
            -
             | 
| 5387 | 
            -
              padding-right: 0.5rem}
         | 
| 5388 | 
            -
            .app-button-sm[data-theme|="text"].icon-only > .button-element .button-icon,
         | 
| 5389 | 
            -
                  .app-button-sm[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5416 | 
            +
            .app-button-sm[data-theme|="text"].icon-only .button-icon,
         | 
| 5417 | 
            +
                  .app-button-sm[data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 5390 5418 | 
             
              padding-left: 0.5rem;
         | 
| 5391 5419 | 
             
              padding-right: 0.5rem}
         | 
| 5392 5420 | 
             
            .app-button-md .button-content{
         | 
| @@ -5396,20 +5424,12 @@ select{ | |
| 5396 5424 | 
             
                .app-button-md .button-toggle{
         | 
| 5397 5425 | 
             
              height: 1.25rem;
         | 
| 5398 5426 | 
             
              width: 1.25rem}
         | 
| 5399 | 
            -
            .app-button-md[data-theme] .button- | 
| 5400 | 
            -
             | 
| 5401 | 
            -
              padding-bottom: 0.75rem;
         | 
| 5402 | 
            -
              padding-left: 1.25rem;
         | 
| 5403 | 
            -
              padding-right: 1.25rem}
         | 
| 5404 | 
            -
            .app-button-md[data-theme].icon-only > .button-element .button-icon,
         | 
| 5405 | 
            -
                  .app-button-md[data-theme][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5427 | 
            +
            .app-button-md[data-theme].icon-only .button-icon,
         | 
| 5428 | 
            +
                  .app-button-md[data-theme][data-collapsed="true"] .button-icon{
         | 
| 5406 5429 | 
             
              margin-left: -0.5rem;
         | 
| 5407 5430 | 
             
              margin-right: -0.5rem}
         | 
| 5408 | 
            -
            .app-button-md[data-theme|="text"] .button- | 
| 5409 | 
            -
             | 
| 5410 | 
            -
              padding-right: 0.75rem}
         | 
| 5411 | 
            -
            .app-button-md[data-theme|="text"].icon-only > .button-element .button-icon,
         | 
| 5412 | 
            -
                  .app-button-md[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5431 | 
            +
            .app-button-md[data-theme|="text"].icon-only .button-icon,
         | 
| 5432 | 
            +
                  .app-button-md[data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 5413 5433 | 
             
              padding-left: 0.5rem;
         | 
| 5414 5434 | 
             
              padding-right: 0.5rem}
         | 
| 5415 5435 | 
             
            .app-button-lg .button-content{
         | 
| @@ -5419,20 +5439,12 @@ select{ | |
| 5419 5439 | 
             
                .app-button-lg .button-toggle{
         | 
| 5420 5440 | 
             
              height: 1.5rem;
         | 
| 5421 5441 | 
             
              width: 1.5rem}
         | 
| 5422 | 
            -
            .app-button-lg[data-theme] .button- | 
| 5423 | 
            -
              padding-top: 1rem;
         | 
| 5424 | 
            -
              padding-bottom: 1rem;
         | 
| 5425 | 
            -
              padding-left: 1.5rem;
         | 
| 5426 | 
            -
              padding-right: 1.5rem}
         | 
| 5427 | 
            -
            .app-button-lg[data-theme].icon-only > .button-element .button-icon,
         | 
| 5442 | 
            +
            .app-button-lg[data-theme].icon-only .button-icon,
         | 
| 5428 5443 | 
             
                  .app-button-lg[data-theme][data-collapsed="true"] .button-inner{
         | 
| 5429 5444 | 
             
              margin-left: -8px;
         | 
| 5430 5445 | 
             
              margin-right: -8px}
         | 
| 5431 | 
            -
            .app-button-lg[data-theme|="text"] .button- | 
| 5432 | 
            -
             | 
| 5433 | 
            -
              padding-right: 0.75rem}
         | 
| 5434 | 
            -
            .app-button-lg[data-theme|="text"].icon-only > .button-element .button-icon,
         | 
| 5435 | 
            -
                  .app-button-lg[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
         | 
| 5446 | 
            +
            .app-button-lg[data-theme|="text"].icon-only .button-icon,
         | 
| 5447 | 
            +
                  .app-button-lg[data-theme|="text"][data-collapsed="true"] .button-icon{
         | 
| 5436 5448 | 
             
              padding-left: 0.75rem;
         | 
| 5437 5449 | 
             
              padding-right: 0.75rem}
         | 
| 5438 5450 | 
             
            .app-color-picker-sm .picker-section:not(:first-child){
         |