coveragebook_components 0.10.1.beta.2 → 0.12.0

data/app/assets/build/coco/book.css

@@ -386,7 +386,7 @@ video {
   display: none;
 }
 
-[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -403,7 +403,7 @@ video {
   --tw-shadow: 0 0 #0000;
 }
 
-[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -416,35 +416,35 @@ video {
   border-color: #0284C7;
 }
 
-input::-moz-placeholder, textarea::-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder{
   color: #6B7280;
   opacity: 1;
 }
 
-input::placeholder,textarea::placeholder {
+input::placeholder,textarea::placeholder{
   color: #6B7280;
   opacity: 1;
 }
 
-::-webkit-datetime-edit-fields-wrapper {
+::-webkit-datetime-edit-fields-wrapper{
   padding: 0;
 }
 
-::-webkit-date-and-time-value {
+::-webkit-date-and-time-value{
   min-height: 1.5em;
   text-align: inherit;
 }
 
-::-webkit-datetime-edit {
+::-webkit-datetime-edit{
   display: inline-flex;
 }
 
-::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
   padding-top: 0;
   padding-bottom: 0;
 }
 
-select {
+select{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
   background-position: right 0.5rem center;
   background-repeat: no-repeat;
@@ -454,7 +454,7 @@ select {
           print-color-adjust: exact;
 }
 
-[multiple],[size]:where(select:not([size="1"])) {
+[multiple],[size]:where(select:not([size="1"])){
   background-image: initial;
   background-position: initial;
   background-repeat: unset;
@@ -464,7 +464,7 @@ select {
           print-color-adjust: unset;
 }
 
-[type='checkbox'],[type='radio'] {
+[type='checkbox'],[type='radio']{
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -487,15 +487,15 @@ select {
   --tw-shadow: 0 0 #0000;
 }
 
-[type='checkbox'] {
+[type='checkbox']{
   border-radius: 0px;
 }
 
-[type='radio'] {
+[type='radio']{
   border-radius: 100%;
 }
 
-[type='checkbox']:focus,[type='radio']:focus {
+[type='checkbox']:focus,[type='radio']:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -507,7 +507,7 @@ select {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
-[type='checkbox']:checked,[type='radio']:checked {
+[type='checkbox']:checked,[type='radio']:checked{
   border-color: transparent;
   background-color: currentColor;
   background-size: 100% 100%;
@@ -515,20 +515,20 @@ select {
   background-repeat: no-repeat;
 }
 
-[type='checkbox']:checked {
+[type='checkbox']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
-[type='radio']:checked {
+[type='radio']:checked{
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
 }
 
-[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
   border-color: transparent;
   background-color: currentColor;
 }
 
-[type='checkbox']:indeterminate {
+[type='checkbox']:indeterminate{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
   border-color: transparent;
   background-color: currentColor;
@@ -537,12 +537,12 @@ select {
   background-repeat: no-repeat;
 }
 
-[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
   border-color: transparent;
   background-color: currentColor;
 }
 
-[type='file'] {
+[type='file']{
   background: unset;
   border-color: inherit;
   border-width: 0;
@@ -552,7 +552,7 @@ select {
   line-height: inherit;
 }
 
-[type='file']:focus {
+[type='file']:focus{
   outline: 1px solid ButtonText;
   outline: 1px auto -webkit-focus-ring-color;
 }
@@ -560,21 +560,21 @@ select {
     --app-height: 100%;
   }
 
-  html {
+  html{
   scroll-behavior: smooth;
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
-  @media (prefers-reduced-motion: no-preference) {
+  @media (prefers-reduced-motion: no-preference){
 
-  html {
+  html{
     scroll-behavior: auto;
   }
 }
 
-  a {
+  a{
   color: currentColor;
   text-decoration-line: underline;
   text-underline-offset: 2px;
@@ -583,17 +583,11 @@ select {
   [x-cloak] {
     display: none !important;
   }
-
-  [data-coco] {
-  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-    [x-dropdown] [x-dropdown\:content] {
+    [x-dropdown] [x-dropdown\:content]{
   display: none;
 }
 
-*, ::before, ::after {
+*, ::before, ::after{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -643,7 +637,7 @@ select {
   --tw-backdrop-sepia:  ;
 }
 
-::backdrop {
+::backdrop{
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -692,32 +686,32 @@ select {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
-[data-tippy-root] {
+[data-tippy-root]{
   z-index: 10010 !important;
 }
-.tippy-box[data-theme^="coco-"] {
+.tippy-box[data-theme^="coco-"]{
   white-space: normal;
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 16px;
   line-height: 20px;
-  font-weight: 600;
 }
-.tippy-box[data-theme^="coco-"] .tippy-content {
+.tippy-box[data-theme^="coco-"] .tippy-content{
   padding: 0px;
 }
 /* arrow border */
-.tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:first-child {
+.tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:first-child{
   fill: transparent;
 }
 /* arrow background */
-.tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:last-child {
+.tippy-box[data-theme^="coco-"] .tippy-svg-arrow > svg:last-child{
   fill: transparent;
 }
 /* Tooltip theme */
-.tippy-box[data-theme~="coco-tooltip"] {
+.tippy-box[data-theme~="coco-tooltip"]{
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -727,11 +721,11 @@ select {
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 14px;
   line-height: 16px;
-  font-weight: 600;
 }
-.tippy-box[data-theme~="coco-tooltip"] .tippy-content {
+.tippy-box[data-theme~="coco-tooltip"] .tippy-content{
   max-width: 240px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -742,42 +736,99 @@ select {
   padding-bottom: 0.5rem;
 }
 /* arrow background */
-.tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:first-child {
+.tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:first-child{
   display: none;
 }
-.tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:last-child {
+.tippy-box[data-theme~="coco-tooltip"] .tippy-svg-arrow > svg:last-child{
   fill: #111827;
 }
-[data-coco][data-component="avatar"] {
+[data-coco][data-component="avatar"]{
   display: block;
   flex: none;
   overflow: hidden;
   border-radius: 9999px;
 }
-[data-coco][data-component="avatar"] img {
+@supports (aspect-ratio: 1 / 1){
+
+  [data-coco][data-component="avatar"]{
+    aspect-ratio: 1 / 1;
+  }
+}
+@supports not (aspect-ratio: 1 / 1){
+
+  [data-coco][data-component="avatar"]::before{
+    content: "";
+    float: left;
+    padding-top: calc(100% / (1 / 1));
+  }
+
+  [data-coco][data-component="avatar"]::after{
+    clear: left;
+    content: "";
+    display: block;
+  }
+}
+[data-coco][data-component="avatar"] img{
   width: 100%;
   border-radius: 9999px;
 }
-[data-coco][data-component="avatar"][data-size="sm"] {
+[data-coco][data-component="avatar"][data-size="sm"]{
   height: 1.25rem;
   width: 1.25rem;
 }
-[data-coco][data-component="avatar"][data-size="md"] {
+[data-coco][data-component="avatar"][data-size="md"]{
   height: 1.5rem;
   width: 1.5rem;
 }
-[data-coco][data-component="avatar"][data-size="lg"] {
+[data-coco][data-component="avatar"][data-size="lg"]{
   height: 1.75rem;
   width: 1.75rem;
 }
-[data-coco][data-component="avatar"][data-size="xl"] {
+[data-coco][data-component="avatar"][data-size="xl"]{
   height: 2rem;
   width: 2rem;
 }
-.coco-button-wrapper {
+[data-coco][data-component="avatar"][data-size="full"]{
+  height: 100%;
+  width: 100%;
+}
+[data-coco][data-component="badge"]{
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+    width: -moz-min-content;
+    width: min-content;
+}
+[data-coco][data-component="badge"] .badge-icon{
+  margin-right: 0.25rem;
+}
+[data-coco][data-component="badge"][data-size="sm"]{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+}
+[data-coco][data-component="badge"][data-size="md"]{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 20px;
+}
+.coco-button-wrapper{
   display: contents !important;
 }
-[data-coco].coco-button {
+[data-coco].coco-button{
   display: flex;
   width: auto;
   flex: none;
@@ -795,14 +846,14 @@ select {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-[data-coco].coco-button:focus-visible {
+[data-coco].coco-button:focus-visible{
   outline-width: 0px;
 }
 [data-coco].coco-button {
     width: -moz-min-content;
     width: min-content;
   }
-[data-coco].coco-button .button-inner {
+[data-coco].coco-button .button-inner{
   margin-left: auto;
   margin-right: auto;
   display: inline-flex;
@@ -812,7 +863,7 @@ select {
       width: -moz-fit-content;
       width: fit-content;
 }
-[data-coco].coco-button .button-content {
+[data-coco].coco-button .button-content{
   position: relative;
   order: 2;
   display: inline-flex;
@@ -820,66 +871,72 @@ select {
   white-space: nowrap;
   line-height: 1;
 }
-[data-coco].coco-button .button-state-content {
+[data-coco].coco-button .button-state-content{
   display: contents;
 }
-[data-coco].coco-button .button-icon {
+[data-coco].coco-button .button-icon{
   order: 1;
   display: inline-flex;
   align-items: center;
 }
-[data-coco].coco-button .button-dropdown {
+[data-coco].coco-button .button-dropdown{
   display: contents;
   border-radius: 0.375rem;
 }
-[data-coco].coco-button .button-toggle {
+[data-coco].coco-button .button-toggle{
   order: 3;
 }
 /* disabled */
-[data-coco].coco-button[data-disabled="true"] {
+[data-coco].coco-button[data-disabled="true"]{
   pointer-events: none;
   cursor: not-allowed;
 }
 /* loading */
-@keyframes spin {
+@keyframes spin{
 
-  to {
+  to{
     transform: rotate(360deg);
   }
 }
-[data-coco].coco-button[data-state="loading"] .button-icon {
+[data-coco].coco-button[data-state="loading"] .button-icon{
   animation: spin 1.5s linear infinite;
 }
 /* Fit */
-[data-coco].coco-button[data-fit="full"] {
+[data-coco].coco-button[data-fit="full"]{
   width: 100%;
 }
 /* Icons */
-[data-coco].coco-button[data-icon-position="end"] .button-content {
+[data-coco].coco-button[data-icon-position="end"] .button-content{
   order: 1;
 }
-[data-coco].coco-button[data-icon-position="end"] .button-icon {
+[data-coco].coco-button[data-icon-position="end"] .button-icon{
   order: 2;
 }
-[data-coco].coco-button[data-icon-position="end"] .button-toggle {
+[data-coco].coco-button[data-icon-position="end"] .button-toggle{
   order: 3;
 }
 [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
         display: none;
       }
+/* Floating */
+[data-coco].coco-button[data-floating="true"]{
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 /* Themes */
-[data-coco].coco-button[data-theme] {
+[data-coco].coco-button[data-theme]{
   overflow: hidden;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
       border-radius: 44px;
 }
-[data-coco].coco-button[data-theme] .button-content {
+[data-coco].coco-button[data-theme] .button-content{
   font-weight: 600;
 }
 [data-coco].coco-button[data-theme="primary"],
-    [data-coco].coco-button[data-theme="positive"] {
+    [data-coco].coco-button[data-theme="positive"]{
   --tw-bg-opacity: 1;
   background-color: rgb(26 136 113 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -888,65 +945,65 @@ select {
   -moz-osx-font-smoothing: grayscale;
 }
 [data-coco].coco-button[data-theme="primary"]:hover,
-    [data-coco].coco-button[data-theme="positive"]:hover {
+    [data-coco].coco-button[data-theme="positive"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(19 116 100 / var(--tw-bg-opacity));
 }
 [data-coco].coco-button[data-theme="primary"]:active,
-    [data-coco].coco-button[data-theme="positive"]:active {
+    [data-coco].coco-button[data-theme="positive"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(13 97 89 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="primary"][data-state="loading"], [data-coco].coco-button[data-theme="positive"][data-state="loading"] {
+[data-coco].coco-button[data-theme="primary"][data-state="loading"], [data-coco].coco-button[data-theme="positive"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(26 136 113 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="primary"][data-state="active"], [data-coco].coco-button[data-theme="positive"][data-state="active"] {
+[data-coco].coco-button[data-theme="primary"][data-state="active"], [data-coco].coco-button[data-theme="positive"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(13 97 89 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="positive"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="positive"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(118 184 170 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="primary"][data-disabled="true"], [data-coco].coco-button[data-theme="positive"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="primary"][data-disabled="true"], [data-coco].coco-button[data-theme="positive"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(163 207 197 / var(--tw-bg-opacity));
 }
 [data-coco].coco-button[data-theme="text-primary"],
-    [data-coco].coco-button[data-theme="text-positive"] {
+    [data-coco].coco-button[data-theme="text-positive"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(26 136 113 / var(--tw-text-opacity));
 }
 [data-coco].coco-button[data-theme="text-primary"]:hover,
-    [data-coco].coco-button[data-theme="text-positive"]:hover {
+    [data-coco].coco-button[data-theme="text-positive"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
 [data-coco].coco-button[data-theme="text-primary"]:active,
-    [data-coco].coco-button[data-theme="text-positive"]:active {
+    [data-coco].coco-button[data-theme="text-positive"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-primary"][data-state="loading"], [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] {
+[data-coco].coco-button[data-theme="text-primary"][data-state="loading"], [data-coco].coco-button[data-theme="text-positive"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="text-primary"][data-state="active"], [data-coco].coco-button[data-theme="text-positive"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-primary"][data-state="active"], [data-coco].coco-button[data-theme="text-positive"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(118 184 170 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-primary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-positive"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-primary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-positive"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
 [data-coco].coco-button[data-theme="secondary"],
     [data-coco].coco-button[data-theme="toolbar"],
-    [data-coco].coco-button[data-theme="toolbar-floating"] {
+    [data-coco].coco-button[data-theme="toolbar-floating"]{
   border-color: rgba(0, 12, 39, 0.18);
   background-color: transparent;
   --tw-text-opacity: 1;
@@ -954,81 +1011,81 @@ select {
 }
 [data-coco].coco-button[data-theme="secondary"]:hover,
     [data-coco].coco-button[data-theme="toolbar"]:hover,
-    [data-coco].coco-button[data-theme="toolbar-floating"]:hover {
+    [data-coco].coco-button[data-theme="toolbar-floating"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
 [data-coco].coco-button[data-theme="secondary"]:active,
     [data-coco].coco-button[data-theme="toolbar"]:active,
-    [data-coco].coco-button[data-theme="toolbar-floating"]:active {
+    [data-coco].coco-button[data-theme="toolbar-floating"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="secondary"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] {
+[data-coco].coco-button[data-theme="secondary"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar"][data-state="loading"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="secondary"][data-state="active"], [data-coco].coco-button[data-theme="toolbar"][data-state="active"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"] {
+[data-coco].coco-button[data-theme="secondary"][data-state="active"], [data-coco].coco-button[data-theme="toolbar"][data-state="active"], [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(118 184 170 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar-floating"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar-floating"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="toolbar-floating"] {
+[data-coco].coco-button[data-theme="toolbar-floating"]{
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="toolbar-floating"]:hover {
+[data-coco].coco-button[data-theme="toolbar-floating"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="toolbar-floating"]:active {
+[data-coco].coco-button[data-theme="toolbar-floating"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"] {
+[data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 [data-coco].coco-button[data-theme="text-secondary"],
-    [data-coco].coco-button[data-theme="text-toolbar"] {
+    [data-coco].coco-button[data-theme="text-toolbar"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 [data-coco].coco-button[data-theme="text-secondary"]:hover,
-    [data-coco].coco-button[data-theme="text-toolbar"]:hover {
+    [data-coco].coco-button[data-theme="text-toolbar"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
 [data-coco].coco-button[data-theme="text-secondary"]:active,
-    [data-coco].coco-button[data-theme="text-toolbar"]:active {
+    [data-coco].coco-button[data-theme="text-toolbar"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-secondary"][data-state="loading"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] {
+[data-coco].coco-button[data-theme="text-secondary"][data-state="loading"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="text-secondary"][data-state="active"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-secondary"][data-state="active"], [data-coco].coco-button[data-theme="text-toolbar"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(118 184 170 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-toolbar"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-toolbar"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="negative"] {
+[data-coco].coco-button[data-theme="negative"]{
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1036,59 +1093,59 @@ select {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-coco].coco-button[data-theme="negative"]:hover {
+[data-coco].coco-button[data-theme="negative"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="negative"]:active {
+[data-coco].coco-button[data-theme="negative"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="negative"][data-state="loading"] {
+[data-coco].coco-button[data-theme="negative"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="negative"][data-state="active"] {
+[data-coco].coco-button[data-theme="negative"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="negative"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="negative"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="negative"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="negative"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="text-negative"] {
+[data-coco].coco-button[data-theme="text-negative"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-negative"]:hover {
+[data-coco].coco-button[data-theme="text-negative"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-negative"]:active {
+[data-coco].coco-button[data-theme="text-negative"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-negative"][data-state="loading"] {
+[data-coco].coco-button[data-theme="text-negative"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="text-negative"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-negative"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-negative"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="text-negative"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-negative"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-negative"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="warning"] {
+[data-coco].coco-button[data-theme="warning"]{
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1096,59 +1153,59 @@ select {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-coco].coco-button[data-theme="warning"]:hover {
+[data-coco].coco-button[data-theme="warning"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(180 83 9 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="warning"]:active {
+[data-coco].coco-button[data-theme="warning"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(146 64 14 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="warning"][data-state="loading"] {
+[data-coco].coco-button[data-theme="warning"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="warning"][data-state="active"] {
+[data-coco].coco-button[data-theme="warning"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(146 64 14 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="warning"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="warning"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(252 211 77 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="warning"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="warning"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(253 230 138 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="text-warning"] {
+[data-coco].coco-button[data-theme="text-warning"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(217 119 6 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-warning"]:hover {
+[data-coco].coco-button[data-theme="text-warning"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-warning"]:active {
+[data-coco].coco-button[data-theme="text-warning"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-warning"][data-state="loading"] {
+[data-coco].coco-button[data-theme="text-warning"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="text-warning"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-warning"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-warning"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="text-warning"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(252 211 77 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-warning"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-warning"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="info"] {
+[data-coco].coco-button[data-theme="info"]{
   --tw-bg-opacity: 1;
   background-color: rgb(2 132 199 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1156,59 +1213,59 @@ select {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-coco].coco-button[data-theme="info"]:hover {
+[data-coco].coco-button[data-theme="info"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(3 105 161 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="info"]:active {
+[data-coco].coco-button[data-theme="info"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(7 89 133 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="info"][data-state="loading"] {
+[data-coco].coco-button[data-theme="info"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(2 132 199 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="info"][data-state="active"] {
+[data-coco].coco-button[data-theme="info"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(7 89 133 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="info"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="info"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(125 211 252 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="info"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="info"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(186 230 253 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="text-info"] {
+[data-coco].coco-button[data-theme="text-info"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(2 132 199 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-info"]:hover {
+[data-coco].coco-button[data-theme="text-info"]:hover{
   background-color: rgba(0, 12, 39, 0.06);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-info"]:active {
+[data-coco].coco-button[data-theme="text-info"]:active{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-info"][data-state="loading"] {
+[data-coco].coco-button[data-theme="text-info"][data-state="loading"]{
   background-color: transparent;
 }
-[data-coco].coco-button[data-theme="text-info"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-info"][data-state="active"]{
   background-color: rgba(0, 12, 39, 0.1);
     background-blend-mode: hard-light;
 }
-[data-coco].coco-button[data-theme="text-info"][data-state="loading"] .button-icon {
+[data-coco].coco-button[data-theme="text-info"][data-state="loading"] .button-icon{
   --tw-text-opacity: 1;
   color: rgb(125 211 252 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-info"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-info"][data-disabled="true"]{
   background-color: transparent;
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="neutral-dark"] {
+[data-coco].coco-button[data-theme="neutral-dark"]{
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -1216,27 +1273,27 @@ select {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-coco].coco-button[data-theme="neutral-dark"]:hover {
+[data-coco].coco-button[data-theme="neutral-dark"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-dark"]:active {
+[data-coco].coco-button[data-theme="neutral-dark"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-dark"][data-state="loading"] {
+[data-coco].coco-button[data-theme="neutral-dark"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-dark"][data-state="active"] {
+[data-coco].coco-button[data-theme="neutral-dark"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-dark"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="neutral-dark"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"] {
+[data-coco].coco-button[data-theme="neutral-light"]{
   border-width: 1px;
   border-color: transparent;
   --tw-bg-opacity: 1;
@@ -1244,57 +1301,57 @@ select {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"]:hover {
+[data-coco].coco-button[data-theme="neutral-light"]:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"]:active {
+[data-coco].coco-button[data-theme="neutral-light"]:active{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"][data-state="loading"] {
+[data-coco].coco-button[data-theme="neutral-light"][data-state="loading"]{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"][data-state="active"] {
+[data-coco].coco-button[data-theme="neutral-light"][data-state="active"]{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"]{
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-[data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] .button-inner {
+[data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] .button-inner{
   opacity: 0.4;
 }
-[data-coco].coco-button[data-theme="text-neutral-light"] {
+[data-coco].coco-button[data-theme="text-neutral-light"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-[data-coco].coco-button[data-theme="text-neutral-light"]:hover {
+[data-coco].coco-button[data-theme="text-neutral-light"]:hover{
   background-color: rgb(255 255 255 / 0.1);
 }
-[data-coco].coco-button[data-theme="text-neutral-light"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-neutral-light"][data-state="active"]{
   background-color: rgb(255 255 255 / 0.1);
 }
-[data-coco].coco-button[data-theme="text-neutral-light"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-neutral-light"][data-disabled="true"]{
   opacity: 0.3;
 }
-[data-coco].coco-button[data-theme="text-neutral-dark"] {
+[data-coco].coco-button[data-theme="text-neutral-dark"]{
   background-color: transparent;
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-[data-coco].coco-button[data-theme="text-neutral-dark"]:hover {
+[data-coco].coco-button[data-theme="text-neutral-dark"]:hover{
   background-color: rgb(17 24 39 / 0.1);
 }
-[data-coco].coco-button[data-theme="text-neutral-dark"][data-state="active"] {
+[data-coco].coco-button[data-theme="text-neutral-dark"][data-state="active"]{
   background-color: rgb(17 24 39 / 0.1);
 }
-[data-coco].coco-button[data-theme="text-neutral-dark"][data-disabled="true"] {
+[data-coco].coco-button[data-theme="text-neutral-dark"][data-disabled="true"]{
   opacity: 0.3;
 }
 /* Responsive resizing */
@@ -1302,109 +1359,109 @@ select {
       font-size: 14px;
       line-height: 14px;
     }
-[data-coco].coco-button[data-size="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="xs"] .button-toggle {
+[data-coco].coco-button[data-size="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="xs"] .button-toggle{
   height: 0.875rem;
   width: 0.875rem;
 }
-[data-coco].coco-button[data-size="xs"][data-theme] {
+[data-coco].coco-button[data-size="xs"][data-theme]{
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-[data-coco].coco-button[data-size="xs"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="xs"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-collapsed="true"] .button-icon{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
-[data-coco].coco-button[data-size="xs"][data-theme|="text"] {
+[data-coco].coco-button[data-size="xs"][data-theme|="text"]{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-[data-coco].coco-button[data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-[data-coco].coco-button[data-size="sm"] .button-content {
+[data-coco].coco-button[data-size="sm"] .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 14px;
   line-height: 16px;
-  font-weight: 600;
 }
-[data-coco].coco-button[data-size="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="sm"] .button-toggle {
+[data-coco].coco-button[data-size="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="sm"] .button-toggle{
   height: 1rem;
   width: 1rem;
 }
-[data-coco].coco-button[data-size="sm"][data-theme] {
+[data-coco].coco-button[data-size="sm"][data-theme]{
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   padding-left: 1rem;
   padding-right: 1rem;
 }
-[data-coco].coco-button[data-size="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme][data-collapsed="true"] .button-icon{
   margin-left: -0.375rem;
   margin-right: -0.375rem;
 }
-[data-coco].coco-button[data-size="sm"][data-theme|="text"] {
+[data-coco].coco-button[data-size="sm"][data-theme|="text"]{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-[data-coco].coco-button[data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-[data-coco].coco-button[data-size="md"] .button-content {
+[data-coco].coco-button[data-size="md"] .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 16px;
   line-height: 20px;
-  font-weight: 600;
 }
-[data-coco].coco-button[data-size="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="md"] .button-toggle {
+[data-coco].coco-button[data-size="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="md"] .button-toggle{
   height: 1.25rem;
   width: 1.25rem;
 }
-[data-coco].coco-button[data-size="md"][data-theme] {
+[data-coco].coco-button[data-size="md"][data-theme]{
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-[data-coco].coco-button[data-size="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme][data-collapsed="true"] .button-icon{
   margin-left: -0.5rem;
   margin-right: -0.5rem;
 }
-[data-coco].coco-button[data-size="md"][data-theme|="text"] {
+[data-coco].coco-button[data-size="md"][data-theme|="text"]{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-[data-coco].coco-button[data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-[data-coco].coco-button[data-size="lg"] .button-content {
+[data-coco].coco-button[data-size="lg"] .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 18px;
   line-height: 24px;
-  font-weight: 600;
 }
-[data-coco].coco-button[data-size="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="lg"] .button-toggle {
+[data-coco].coco-button[data-size="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size="lg"] .button-toggle{
   height: 1.5rem;
   width: 1.5rem;
 }
-[data-coco].coco-button[data-size="lg"][data-theme] {
+[data-coco].coco-button[data-size="lg"][data-theme]{
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
-[data-coco].coco-button[data-size="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme][data-collapsed="true"] .button-inner {
+[data-coco].coco-button[data-size="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
   margin-left: -8px;
   margin-right: -8px;
 }
-[data-coco].coco-button[data-size="lg"][data-theme|="text"] {
+[data-coco].coco-button[data-size="lg"][data-theme|="text"]{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-[data-coco].coco-button[data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+[data-coco].coco-button[data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
@@ -1414,131 +1471,131 @@ select {
       line-height: 14px;
     }
 
-    [data-coco].coco-button[data-size-md="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="xs"] .button-toggle {
+    [data-coco].coco-button[data-size-md="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="xs"] .button-toggle{
     height: 0.875rem;
     width: 0.875rem;
   }
 
-    [data-coco].coco-button[data-size-md="xs"][data-theme] {
+    [data-coco].coco-button[data-size-md="xs"][data-theme]{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-    [data-coco].coco-button[data-size-md="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-collapsed="true"] .button-icon {
+    [data-coco].coco-button[data-size-md="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-collapsed="true"] .button-icon{
     margin-left: -0.25rem;
     margin-right: -0.25rem;
   }
 
-    [data-coco].coco-button[data-size-md="xs"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-md="xs"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-md="sm"] .button-content {
+  [data-coco].coco-button[data-size-md="sm"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 14px;
     line-height: 16px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-md="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="sm"] .button-toggle {
+    [data-coco].coco-button[data-size-md="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="sm"] .button-toggle{
     height: 1rem;
     width: 1rem;
   }
 
-    [data-coco].coco-button[data-size-md="sm"][data-theme] {
+    [data-coco].coco-button[data-size-md="sm"][data-theme]{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-      [data-coco].coco-button[data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.375rem;
     margin-right: -0.375rem;
   }
 
-    [data-coco].coco-button[data-size-md="sm"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-md="sm"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-md="md"] .button-content {
+  [data-coco].coco-button[data-size-md="md"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 16px;
     line-height: 20px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-md="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="md"] .button-toggle {
+    [data-coco].coco-button[data-size-md="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="md"] .button-toggle{
     height: 1.25rem;
     width: 1.25rem;
   }
 
-    [data-coco].coco-button[data-size-md="md"][data-theme] {
+    [data-coco].coco-button[data-size-md="md"][data-theme]{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
 
-      [data-coco].coco-button[data-size-md="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
 
-    [data-coco].coco-button[data-size-md="md"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-md="md"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-md="lg"] .button-content {
+  [data-coco].coco-button[data-size-md="lg"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 18px;
     line-height: 24px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-md="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="lg"] .button-toggle {
+    [data-coco].coco-button[data-size-md="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-md="lg"] .button-toggle{
     height: 1.5rem;
     width: 1.5rem;
   }
 
-    [data-coco].coco-button[data-size-md="lg"][data-theme] {
+    [data-coco].coco-button[data-size-md="lg"][data-theme]{
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-      [data-coco].coco-button[data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner {
+      [data-coco].coco-button[data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
     margin-left: -8px;
     margin-right: -8px;
   }
 
-    [data-coco].coco-button[data-size-md="lg"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-md="lg"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
@@ -1549,131 +1606,131 @@ select {
       line-height: 14px;
     }
 
-    [data-coco].coco-button[data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="xs"] .button-toggle {
+    [data-coco].coco-button[data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="xs"] .button-toggle{
     height: 0.875rem;
     width: 0.875rem;
   }
 
-    [data-coco].coco-button[data-size-lg="xs"][data-theme] {
+    [data-coco].coco-button[data-size-lg="xs"][data-theme]{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-    [data-coco].coco-button[data-size-lg="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-collapsed="true"] .button-icon {
+    [data-coco].coco-button[data-size-lg="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-collapsed="true"] .button-icon{
     margin-left: -0.25rem;
     margin-right: -0.25rem;
   }
 
-    [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-lg="sm"] .button-content {
+  [data-coco].coco-button[data-size-lg="sm"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 14px;
     line-height: 16px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="sm"] .button-toggle {
+    [data-coco].coco-button[data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="sm"] .button-toggle{
     height: 1rem;
     width: 1rem;
   }
 
-    [data-coco].coco-button[data-size-lg="sm"][data-theme] {
+    [data-coco].coco-button[data-size-lg="sm"][data-theme]{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-      [data-coco].coco-button[data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.375rem;
     margin-right: -0.375rem;
   }
 
-    [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-lg="md"] .button-content {
+  [data-coco].coco-button[data-size-lg="md"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 16px;
     line-height: 20px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-lg="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="md"] .button-toggle {
+    [data-coco].coco-button[data-size-lg="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="md"] .button-toggle{
     height: 1.25rem;
     width: 1.25rem;
   }
 
-    [data-coco].coco-button[data-size-lg="md"][data-theme] {
+    [data-coco].coco-button[data-size-lg="md"][data-theme]{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
 
-      [data-coco].coco-button[data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
 
-    [data-coco].coco-button[data-size-lg="md"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-lg="md"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-lg="lg"] .button-content {
+  [data-coco].coco-button[data-size-lg="lg"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 18px;
     line-height: 24px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="lg"] .button-toggle {
+    [data-coco].coco-button[data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-lg="lg"] .button-toggle{
     height: 1.5rem;
     width: 1.5rem;
   }
 
-    [data-coco].coco-button[data-size-lg="lg"][data-theme] {
+    [data-coco].coco-button[data-size-lg="lg"][data-theme]{
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-      [data-coco].coco-button[data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner {
+      [data-coco].coco-button[data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
     margin-left: -8px;
     margin-right: -8px;
   }
 
-    [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
@@ -1684,131 +1741,131 @@ select {
       line-height: 14px;
     }
 
-    [data-coco].coco-button[data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="xs"] .button-toggle {
+    [data-coco].coco-button[data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="xs"] .button-toggle{
     height: 0.875rem;
     width: 0.875rem;
   }
 
-    [data-coco].coco-button[data-size-xl="xs"][data-theme] {
+    [data-coco].coco-button[data-size-xl="xs"][data-theme]{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-    [data-coco].coco-button[data-size-xl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-collapsed="true"] .button-icon {
+    [data-coco].coco-button[data-size-xl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-collapsed="true"] .button-icon{
     margin-left: -0.25rem;
     margin-right: -0.25rem;
   }
 
-    [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-xl="sm"] .button-content {
+  [data-coco].coco-button[data-size-xl="sm"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 14px;
     line-height: 16px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="sm"] .button-toggle {
+    [data-coco].coco-button[data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="sm"] .button-toggle{
     height: 1rem;
     width: 1rem;
   }
 
-    [data-coco].coco-button[data-size-xl="sm"][data-theme] {
+    [data-coco].coco-button[data-size-xl="sm"][data-theme]{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-      [data-coco].coco-button[data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.375rem;
     margin-right: -0.375rem;
   }
 
-    [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-xl="md"] .button-content {
+  [data-coco].coco-button[data-size-xl="md"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 16px;
     line-height: 20px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-xl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="md"] .button-toggle {
+    [data-coco].coco-button[data-size-xl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="md"] .button-toggle{
     height: 1.25rem;
     width: 1.25rem;
   }
 
-    [data-coco].coco-button[data-size-xl="md"][data-theme] {
+    [data-coco].coco-button[data-size-xl="md"][data-theme]{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
 
-      [data-coco].coco-button[data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
 
-    [data-coco].coco-button[data-size-xl="md"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-xl="md"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-xl="lg"] .button-content {
+  [data-coco].coco-button[data-size-xl="lg"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 18px;
     line-height: 24px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="lg"] .button-toggle {
+    [data-coco].coco-button[data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xl="lg"] .button-toggle{
     height: 1.5rem;
     width: 1.5rem;
   }
 
-    [data-coco].coco-button[data-size-xl="lg"][data-theme] {
+    [data-coco].coco-button[data-size-xl="lg"][data-theme]{
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-      [data-coco].coco-button[data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner {
+      [data-coco].coco-button[data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
     margin-left: -8px;
     margin-right: -8px;
   }
 
-    [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
@@ -1822,13 +1879,13 @@ select {
 
     [data-coco].coco-button[data-size-xxl="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="xs"] .button-toggle,
       [data-coco].coco-button[data-size-2xl="xs"] .button-icon [data-component="icon"],
-      [data-coco].coco-button[data-size-2xl="xs"] .button-toggle {
+      [data-coco].coco-button[data-size-2xl="xs"] .button-toggle{
     height: 0.875rem;
     width: 0.875rem;
   }
 
     [data-coco].coco-button[data-size-xxl="xs"][data-theme],
-      [data-coco].coco-button[data-size-2xl="xs"][data-theme] {
+      [data-coco].coco-button[data-size-2xl="xs"][data-theme]{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 0.75rem;
@@ -1837,41 +1894,41 @@ select {
 
     [data-coco].coco-button[data-size-xxl="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="xs"][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="xs"].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="xs"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="xs"][data-collapsed="true"] .button-icon{
     margin-left: -0.25rem;
     margin-right: -0.25rem;
   }
 
     [data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"],
-      [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"] {
+      [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
       [data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   [data-coco].coco-button[data-size-xxl="sm"] .button-content,
-      [data-coco].coco-button[data-size-2xl="sm"] .button-content {
+      [data-coco].coco-button[data-size-2xl="sm"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 14px;
     line-height: 16px;
-    font-weight: 600;
   }
 
     [data-coco].coco-button[data-size-xxl="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="sm"] .button-toggle,
       [data-coco].coco-button[data-size-2xl="sm"] .button-icon [data-component="icon"],
-      [data-coco].coco-button[data-size-2xl="sm"] .button-toggle {
+      [data-coco].coco-button[data-size-2xl="sm"] .button-toggle{
     height: 1rem;
     width: 1rem;
   }
 
     [data-coco].coco-button[data-size-xxl="sm"][data-theme],
-      [data-coco].coco-button[data-size-2xl="sm"][data-theme] {
+      [data-coco].coco-button[data-size-2xl="sm"][data-theme]{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
     padding-left: 1rem;
@@ -1880,41 +1937,41 @@ select {
 
       [data-coco].coco-button[data-size-xxl="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="sm"][data-theme][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="sm"][data-theme].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.375rem;
     margin-right: -0.375rem;
   }
 
     [data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"],
-      [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"] {
+      [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
       [data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   [data-coco].coco-button[data-size-xxl="md"] .button-content,
-      [data-coco].coco-button[data-size-2xl="md"] .button-content {
+      [data-coco].coco-button[data-size-2xl="md"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 16px;
     line-height: 20px;
-    font-weight: 600;
   }
 
     [data-coco].coco-button[data-size-xxl="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="md"] .button-toggle,
       [data-coco].coco-button[data-size-2xl="md"] .button-icon [data-component="icon"],
-      [data-coco].coco-button[data-size-2xl="md"] .button-toggle {
+      [data-coco].coco-button[data-size-2xl="md"] .button-toggle{
     height: 1.25rem;
     width: 1.25rem;
   }
 
     [data-coco].coco-button[data-size-xxl="md"][data-theme],
-      [data-coco].coco-button[data-size-2xl="md"][data-theme] {
+      [data-coco].coco-button[data-size-2xl="md"][data-theme]{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     padding-left: 1.25rem;
@@ -1923,41 +1980,41 @@ select {
 
       [data-coco].coco-button[data-size-xxl="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="md"][data-theme][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="md"][data-theme].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
 
     [data-coco].coco-button[data-size-xxl="md"][data-theme|="text"],
-      [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"] {
+      [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
       [data-coco].coco-button[data-size-xxl="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   [data-coco].coco-button[data-size-xxl="lg"] .button-content,
-      [data-coco].coco-button[data-size-2xl="lg"] .button-content {
+      [data-coco].coco-button[data-size-2xl="lg"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 18px;
     line-height: 24px;
-    font-weight: 600;
   }
 
     [data-coco].coco-button[data-size-xxl="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-xxl="lg"] .button-toggle,
       [data-coco].coco-button[data-size-2xl="lg"] .button-icon [data-component="icon"],
-      [data-coco].coco-button[data-size-2xl="lg"] .button-toggle {
+      [data-coco].coco-button[data-size-2xl="lg"] .button-toggle{
     height: 1.5rem;
     width: 1.5rem;
   }
 
     [data-coco].coco-button[data-size-xxl="lg"][data-theme],
-      [data-coco].coco-button[data-size-2xl="lg"][data-theme] {
+      [data-coco].coco-button[data-size-2xl="lg"][data-theme]{
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 1.5rem;
@@ -1966,20 +2023,20 @@ select {
 
       [data-coco].coco-button[data-size-xxl="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
       [data-coco].coco-button[data-size-2xl="lg"][data-theme].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner {
+      [data-coco].coco-button[data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner{
     margin-left: -8px;
     margin-right: -8px;
   }
 
     [data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"],
-      [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"] {
+      [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
       [data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon,
       [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"].icon-only .button-icon,
-      [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
@@ -1990,131 +2047,131 @@ select {
       line-height: 14px;
     }
 
-    [data-coco].coco-button[data-size-max="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="xs"] .button-toggle {
+    [data-coco].coco-button[data-size-max="xs"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="xs"] .button-toggle{
     height: 0.875rem;
     width: 0.875rem;
   }
 
-    [data-coco].coco-button[data-size-max="xs"][data-theme] {
+    [data-coco].coco-button[data-size-max="xs"][data-theme]{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-    [data-coco].coco-button[data-size-max="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-collapsed="true"] .button-icon {
+    [data-coco].coco-button[data-size-max="xs"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-collapsed="true"] .button-icon{
     margin-left: -0.25rem;
     margin-right: -0.25rem;
   }
 
-    [data-coco].coco-button[data-size-max="xs"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-max="xs"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-max="sm"] .button-content {
+  [data-coco].coco-button[data-size-max="sm"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 14px;
     line-height: 16px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-max="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="sm"] .button-toggle {
+    [data-coco].coco-button[data-size-max="sm"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="sm"] .button-toggle{
     height: 1rem;
     width: 1rem;
   }
 
-    [data-coco].coco-button[data-size-max="sm"][data-theme] {
+    [data-coco].coco-button[data-size-max="sm"][data-theme]{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-      [data-coco].coco-button[data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.375rem;
     margin-right: -0.375rem;
   }
 
-    [data-coco].coco-button[data-size-max="sm"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-max="sm"][data-theme|="text"]{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-      [data-coco].coco-button[data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-max="md"] .button-content {
+  [data-coco].coco-button[data-size-max="md"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 16px;
     line-height: 20px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-max="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="md"] .button-toggle {
+    [data-coco].coco-button[data-size-max="md"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="md"] .button-toggle{
     height: 1.25rem;
     width: 1.25rem;
   }
 
-    [data-coco].coco-button[data-size-max="md"][data-theme] {
+    [data-coco].coco-button[data-size-max="md"][data-theme]{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     padding-left: 1.25rem;
     padding-right: 1.25rem;
   }
 
-      [data-coco].coco-button[data-size-max="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="md"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme][data-collapsed="true"] .button-icon{
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
 
-    [data-coco].coco-button[data-size-max="md"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-max="md"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
-  [data-coco].coco-button[data-size-max="lg"] .button-content {
+  [data-coco].coco-button[data-size-max="lg"] .button-content{
     font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 600;
     font-size: 18px;
     line-height: 24px;
-    font-weight: 600;
   }
 
-    [data-coco].coco-button[data-size-max="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="lg"] .button-toggle {
+    [data-coco].coco-button[data-size-max="lg"] .button-icon [data-component="icon"],[data-coco].coco-button[data-size-max="lg"] .button-toggle{
     height: 1.5rem;
     width: 1.5rem;
   }
 
-    [data-coco].coco-button[data-size-max="lg"][data-theme] {
+    [data-coco].coco-button[data-size-max="lg"][data-theme]{
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-      [data-coco].coco-button[data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner {
+      [data-coco].coco-button[data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
     margin-left: -8px;
     margin-right: -8px;
   }
 
-    [data-coco].coco-button[data-size-max="lg"][data-theme|="text"] {
+    [data-coco].coco-button[data-size-max="lg"][data-theme|="text"]{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
 
-      [data-coco].coco-button[data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon {
+      [data-coco].coco-button[data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco].coco-button[data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
   }
@@ -2124,13 +2181,13 @@ select {
     width: fit-content;
     border-radius: 44px;
   }
-[data-coco][data-component="button-group"][data-collapsible="true"] {
+[data-coco][data-component="button-group"][data-collapsible="true"]{
   opacity: 0;
 }
-[data-coco][data-component="button-group"][data-collapsible="true"].button-group-ready {
+[data-coco][data-component="button-group"][data-collapsible="true"].button-group-ready{
   opacity: 1;
 }
-[data-coco][data-component="button-group"] .button-group-buttons {
+[data-coco][data-component="button-group"] .button-group-buttons{
   display: flex;
   align-items: center;
   -moz-column-gap: 0.5rem;
@@ -2138,75 +2195,75 @@ select {
       width: -moz-fit-content;
       width: fit-content;
 }
-[data-coco][data-component="button-group"] .divider {
+[data-coco][data-component="button-group"] .divider{
   width: 0px;
   align-self: stretch;
   border-left-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
-[data-coco][data-component="button-group"][data-align="end"] .button-group-buttons {
+[data-coco][data-component="button-group"][data-align="end"] .button-group-buttons{
   margin-left: auto;
 }
-[data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons {
+[data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons{
   -moz-column-gap: 0px;
        column-gap: 0px;
 }
-[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button {
+[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   border-left-width: 0px;
 }
-[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button {
+[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-[data-coco][data-component="button-group"][data-segmented="true"][data-floating="true"] {
+[data-coco][data-component="button-group"][data-segmented="true"][data-floating="true"]{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="button-to"] {
+[data-coco][data-component="button-to"]{
   display: contents;
 }
 [data-coco][data-component="button-to"] form,
-    [data-coco][data-component="button-to"] input {
+    [data-coco][data-component="button-to"] input{
   display: contents;
 }
 [data-coco][data-component="dropdown"] {
     width: -moz-fit-content;
     width: fit-content;
   }
-[data-coco][data-component="dropdown"] .dropdown-trigger {
+[data-coco][data-component="dropdown"] .dropdown-trigger{
   cursor: pointer;
       width: -moz-fit-content;
       width: fit-content;
 }
-@supports (aspect-ratio: 1 / 1) {
+@supports (aspect-ratio: 1 / 1){
 
-  [data-coco][data-component="youtube-embed"] {
+  [data-coco][data-component="youtube-embed"]{
     aspect-ratio: 16/9;
   }
 }
-@supports not (aspect-ratio: 1 / 1) {
+@supports not (aspect-ratio: 1 / 1){
 
-  [data-coco][data-component="youtube-embed"]::before {
+  [data-coco][data-component="youtube-embed"]::before{
     content: "";
     float: left;
     padding-top: calc(100% / (16/9));
   }
 
-  [data-coco][data-component="youtube-embed"]::after {
+  [data-coco][data-component="youtube-embed"]::after{
     clear: left;
     content: "";
     display: block;
   }
 }
-[data-coco][data-component="youtube-embed"] iframe {
+[data-coco][data-component="youtube-embed"] iframe{
   height: 100%;
   width: 100%;
 }
-[data-coco][data-component="icon"] {
+[data-coco][data-component="icon"]{
   display: flex;
   height: 1.5rem;
   width: 1.5rem;
@@ -2214,12 +2271,12 @@ select {
   overflow: hidden;
   color: currentColor;
 }
-[data-coco][data-component="icon"] svg {
+[data-coco][data-component="icon"] svg{
   height: 100%;
   width: 100%;
 }
 /* Styles */
-[data-coco][data-component="icon"][data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg {
+[data-coco][data-component="icon"][data-icon]:not([data-style="fill"]):not([data-style="custom"]) svg{
   fill: none;
   stroke: currentColor;
   stroke-width: 2;
@@ -2227,106 +2284,166 @@ select {
     stroke-linecap: round;
     stroke-linejoin: round;
 }
-[data-coco][data-component="icon"][data-icon][data-style="fill"] svg {
+[data-coco][data-component="icon"][data-icon][data-style="fill"] svg{
   fill: currentColor;
   color: currentColor;
     stroke-linecap: round;
     stroke-linejoin: round;
 }
 /* Sizes */
-[data-coco][data-component="icon"][data-size="xs"] {
+[data-coco][data-component="icon"][data-size="xs"]{
   height: 0.75rem;
   width: 0.75rem;
 }
-[data-coco][data-component="icon"][data-size="sm"] {
+[data-coco][data-component="icon"][data-size="sm"]{
   height: 1rem;
   width: 1rem;
 }
-[data-coco][data-component="icon"][data-size="md"] {
+[data-coco][data-component="icon"][data-size="md"]{
   height: 1.25rem;
   width: 1.25rem;
 }
-[data-coco][data-component="icon"][data-size="lg"] {
+[data-coco][data-component="icon"][data-size="lg"]{
   height: 1.5rem;
   width: 1.5rem;
 }
-[data-coco][data-component="icon"][data-size="xl"] {
+[data-coco][data-component="icon"][data-size="xl"]{
   height: 2rem;
   width: 2rem;
 }
-[data-coco][data-component="icon"][data-size="xxl"] {
+[data-coco][data-component="icon"][data-size="xxl"]{
   height: 2.5rem;
   width: 2.5rem;
 }
-[data-coco][data-component="icon"][data-size="full"] {
+[data-coco][data-component="icon"][data-size="full"]{
   height: 100%;
   width: 100%;
 }
 /* Motion */
-@keyframes spin {
+@keyframes spin{
 
-  to {
+  to{
     transform: rotate(360deg);
   }
 }
-[data-coco][data-component="icon"][data-spin="true"] svg {
+[data-coco][data-component="icon"][data-spin="true"] svg{
   animation: spin 1.5s linear infinite;
 }
-@keyframes spin {
+@keyframes spin{
 
-  to {
+  to{
     transform: rotate(360deg);
   }
 }
-[data-coco][data-component="icon"][data-spin="reverse"] svg {
+[data-coco][data-component="icon"][data-spin="reverse"] svg{
   animation: spin 1.5s linear infinite reverse;
 }
-[data-coco][data-component="image"] {
+[data-coco][data-component="image"]{
   display: block;
   max-width: 100%;
 }
-[data-coco][data-component="image-uploader"] {
+[data-coco][data-component="image-uploader"]{
   display: contents;
 }
-[data-coco][data-component="image-uploader"][data-click="true"] {
+[data-coco][data-component="image-uploader"][data-click="true"]{
   cursor: pointer;
 }
-[data-coco][data-component="image-uploader"] .uploader-input {
+[data-coco][data-component="image-uploader"] .uploader-input{
   display: none;
 }
-[data-coco].coco-link {
+[data-coco].coco-link{
   display: inline-flex;
   align-items: center;
 }
-[data-coco].coco-link.with-icon > [data-component="icon"] {
+[data-coco].coco-link.with-icon > [data-component="icon"]{
   order: 1;
   margin-right: 0.4em;
 }
-[data-coco].coco-link.with-icon .link-text {
+[data-coco].coco-link.with-icon .link-text{
   order: 2;
 }
-[data-coco].coco-link.with-icon[data-icon-position="end"] .link-text {
+[data-coco].coco-link.with-icon[data-icon-position="end"] .link-text{
   order: 1;
   margin-right: 0.4em;
 }
-[data-coco].coco-link.with-icon[data-icon-position="end"] [data-component="icon"] {
+[data-coco].coco-link.with-icon[data-icon-position="end"] [data-component="icon"]{
   order: 2;
   margin-right: 0px;
 }
-[data-coco][data-component="modal"] {
+[data-coco].coco-link[data-theme]{
+  text-decoration-line: none;
+}
+[data-coco].coco-link[data-theme]:hover{
+  text-decoration-line: underline;
+}
+[data-coco].coco-link[data-underline="true"]{
+  text-decoration-line: underline;
+}
+[data-coco].coco-link[data-underline="false"]{
+  text-decoration-line: none;
+}
+[data-coco].coco-link[data-theme="primary"]{
+  --tw-text-opacity: 1;
+  color: rgb(26 136 113 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="primary"]:active{
+  --tw-text-opacity: 1;
+  color: rgb(13 97 89 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="positive"]{
+  --tw-text-opacity: 1;
+  color: rgb(26 136 113 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="positive"]:active{
+  --tw-text-opacity: 1;
+  color: rgb(13 97 89 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="negative"]{
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="negative"]:active{
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="warning"]{
+  --tw-text-opacity: 1;
+  color: rgb(217 119 6 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="warning"]:active{
+  --tw-text-opacity: 1;
+  color: rgb(146 64 14 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="info"]{
+  --tw-text-opacity: 1;
+  color: rgb(2 132 199 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="info"]:active{
+  --tw-text-opacity: 1;
+  color: rgb(7 89 133 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="neutral-dark"]{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+[data-coco].coco-link[data-theme="neutral-light"]{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+[data-coco][data-component="modal"]{
   position: fixed;
   inset: 0px;
   z-index: 10000;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-[data-coco][data-component="modal"] .modal-overlay {
+[data-coco][data-component="modal"] .modal-overlay{
   position: fixed;
   inset: 0px;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.6;
 }
-[data-coco][data-component="modal"] .modal-container {
+[data-coco][data-component="modal"] .modal-container{
   position: relative;
   z-index: 10000;
   display: flex;
@@ -2334,114 +2451,114 @@ select {
   justify-content: center;
   padding: 0.5rem;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal"] .modal-container {
+  [data-coco][data-component="modal"] .modal-container{
     padding: 2rem;
   }
 }
 [data-coco][data-component="modal"] .modal-container {
       min-height: var(--app-height);
     }
-[data-coco][data-component="modal"] .modal-content {
+[data-coco][data-component="modal"] .modal-content{
   display: contents;
 }
 /* transitions */
-[data-coco][data-component="modal"] .modal-overlay.overlay-enter {
+[data-coco][data-component="modal"] .modal-overlay.overlay-enter{
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-[data-coco][data-component="modal"] .modal-overlay.overlay-enter-start {
+[data-coco][data-component="modal"] .modal-overlay.overlay-enter-start{
   opacity: 0;
 }
-[data-coco][data-component="modal"] .modal-overlay.overlay-enter-end {
+[data-coco][data-component="modal"] .modal-overlay.overlay-enter-end{
   opacity: 1;
 }
-[data-coco][data-component="modal"] .modal-overlay.overlay-leave {
+[data-coco][data-component="modal"] .modal-overlay.overlay-leave{
   transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
-[data-coco][data-component="modal"] .modal-overlay.overlay-leave-start {
+[data-coco][data-component="modal"] .modal-overlay.overlay-leave-start{
   opacity: 1;
 }
-[data-coco][data-component="modal"] .modal-overlay.overlay-leave-end {
+[data-coco][data-component="modal"] .modal-overlay.overlay-leave-end{
   opacity: 0;
 }
-[data-coco][data-component="modal"] .modal-container.container-enter {
+[data-coco][data-component="modal"] .modal-container.container-enter{
   transition-duration: 400ms;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-[data-coco][data-component="modal"] .modal-container.container-enter-start {
+[data-coco][data-component="modal"] .modal-container.container-enter-start{
   --tw-translate-y: 1rem;
   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));
   opacity: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal"] .modal-container.container-enter-start {
+  [data-coco][data-component="modal"] .modal-container.container-enter-start{
     --tw-translate-y: 0px;
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     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));
   }
 }
-[data-coco][data-component="modal"] .modal-container.container-enter-end {
+[data-coco][data-component="modal"] .modal-container.container-enter-end{
   --tw-translate-y: 0px;
   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));
   opacity: 1;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal"] .modal-container.container-enter-end {
+  [data-coco][data-component="modal"] .modal-container.container-enter-end{
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     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));
   }
 }
-[data-coco][data-component="modal"] .modal-container.container-leave {
+[data-coco][data-component="modal"] .modal-container.container-leave{
   transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
-[data-coco][data-component="modal"] .modal-container.container-leave-start {
+[data-coco][data-component="modal"] .modal-container.container-leave-start{
   --tw-translate-y: 0px;
   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));
   opacity: 1;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal"] .modal-container.container-leave-start {
+  [data-coco][data-component="modal"] .modal-container.container-leave-start{
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     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));
   }
 }
-[data-coco][data-component="modal"] .modal-container.container-leave-end {
+[data-coco][data-component="modal"] .modal-container.container-leave-end{
   --tw-translate-y: 1rem;
   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));
   opacity: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal"] .modal-container.container-leave-end {
+  [data-coco][data-component="modal"] .modal-container.container-leave-end{
     --tw-translate-y: 0px;
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     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));
   }
 }
-.modal-frame {
+.modal-frame{
   display: contents;
 }
 /*
     Limit the size of modal content when rendered in the
     host page rather than displayed as a modal.
    */
-[data-role="inline-modal-content"] {
+[data-role="inline-modal-content"]{
   margin-left: auto;
   margin-right: auto;
   max-width: 42rem;
 }
-[data-role="inline-modal-content"] [data-component="modal-dialog"] {
+[data-role="inline-modal-content"] [data-component="modal-dialog"]{
   border-radius: 0.75rem;
   border-width: 1px;
   --tw-border-opacity: 1;
@@ -2450,17 +2567,17 @@ select {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="modal-dialog"] {
+[data-coco][data-component="modal-dialog"]{
   width: 100%;
   border-radius: 0.75rem;
 }
-.modal-frame [data-coco][data-component="modal-dialog"] {
+.modal-frame [data-coco][data-component="modal-dialog"]{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   max-width: 42rem; /* temp until sizes added */
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-header {
+[data-coco][data-component="modal-dialog"] .modal-dialog-header{
   position: relative;
   display: flex;
   align-items: center;
@@ -2475,15 +2592,15 @@ select {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal-dialog"] .modal-dialog-header {
+  [data-coco][data-component="modal-dialog"] .modal-dialog-header{
     height: 4rem;
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-title {
+[data-coco][data-component="modal-dialog"] .modal-dialog-title{
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2493,7 +2610,7 @@ select {
   line-height: 1.75rem;
   font-weight: 700;
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-close {
+[data-coco][data-component="modal-dialog"] .modal-dialog-close{
   position: absolute;
   top: 50%;
   right: 0.25rem;
@@ -2503,28 +2620,28 @@ select {
   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));
   padding: 0.5rem;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal-dialog"] .modal-dialog-close {
+  [data-coco][data-component="modal-dialog"] .modal-dialog-close{
     right: 0.75rem;
   }
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-close {
+[data-coco][data-component="modal-dialog"] .modal-dialog-close{
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-close:hover {
+[data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-close:focus {
+[data-coco][data-component="modal-dialog"] .modal-dialog-close:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-content {
+[data-coco][data-component="modal-dialog"] .modal-dialog-content{
   border-radius: 0.75rem;
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -2533,25 +2650,25 @@ select {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal-dialog"] .modal-dialog-content {
+  [data-coco][data-component="modal-dialog"] .modal-dialog-content{
     padding-left: 2rem;
     padding-right: 2rem;
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
   }
 }
-[data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content {
+[data-coco][data-component="modal-dialog"] .modal-dialog-header + .modal-dialog-content{
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
 }
-[data-coco][data-component="modal-lightbox"] {
+[data-coco][data-component="modal-lightbox"]{
   position: relative;
     width: -moz-fit-content;
     width: fit-content;
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
   position: absolute;
   right: -0.375rem;
   top: -0.375rem;
@@ -2563,14 +2680,14 @@ select {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-@media (min-width: 576px) {
+@media (min-width: 576px){
 
-  [data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
+  [data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
     right: -1rem;
     top: -1rem;
   }
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-close {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -2579,14 +2696,14 @@ select {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-close:focus {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-close:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-content {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-content{
   position: relative;
   min-height: 100px;
   min-width: 100px;
@@ -2595,7 +2712,7 @@ select {
       width: -moz-fit-content;
       width: fit-content;
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-loader {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-loader{
   position: absolute;
   inset: 0px;
   display: flex;
@@ -2606,24 +2723,24 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
   opacity: 0.7;
 }
-[data-coco][data-component="modal-lightbox"] .modal-lightbox-media {
+[data-coco][data-component="modal-lightbox"] .modal-lightbox-media{
   position: relative;
   z-index: 10;
 }
 [data-coco][data-component="modal-lightbox"] .modal-lightbox-media img {
         width: 100%;
       }
-[data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content {
+[data-coco][data-component="modal-lightbox"].\!loaded .modal-lightbox-content{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content {
+[data-coco][data-component="modal-lightbox"].loaded .modal-lightbox-content{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="pager-link"] {
+[data-coco][data-component="pager-link"]{
   display: block;
   --tw-scale-x: .75;
   --tw-scale-y: .75;
@@ -2638,21 +2755,21 @@ select {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-[data-coco][data-component="pager-link"]:hover {
+[data-coco][data-component="pager-link"]:hover{
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   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));
   --tw-bg-opacity: 0.6;
 }
-@media (min-width: 992px) {
+@media (min-width: 992px){
 
-  [data-coco][data-component="pager-link"] {
+  [data-coco][data-component="pager-link"]{
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     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));
   }
 
-  [data-coco][data-component="pager-link"]:hover {
+  [data-coco][data-component="pager-link"]:hover{
     --tw-scale-x: 1.25;
     --tw-scale-y: 1.25;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2662,35 +2779,35 @@ select {
     width: -moz-min-content;
     width: min-content;
   }
-[data-coco][data-component="pager-link"] .coco-icon {
+[data-coco][data-component="pager-link"] .coco-icon{
   position: relative;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-[data-coco][data-component="pager-link"][data-direction="previous"] {
+[data-coco][data-component="pager-link"][data-direction="previous"]{
   transform-origin: left;
   border-top-right-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
 }
-[data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon {
+[data-coco][data-component="pager-link"][data-direction="previous"] .coco-icon{
   margin-left: -0.25rem;
 }
-[data-coco][data-component="pager-link"][data-direction="next"] {
+[data-coco][data-component="pager-link"][data-direction="next"]{
   transform-origin: right;
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
 }
-[data-coco][data-component="pager-link"][data-direction="next"] .coco-icon {
+[data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
   margin-right: -0.25rem;
 }
-[data-coco][data-component="panel"] {
+[data-coco][data-component="panel"]{
   display: contents;
 }
-[data-coco][data-component="panel"] .panel-content {
+[data-coco][data-component="panel"] .panel-content{
   display: contents;
 }
 /* Only style Coco panels that are not rendered inside legacy panel components */
-[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) {
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]){
   display: block;
   border-radius: 0.75rem;
   border-width: 1px;
@@ -2702,14 +2819,14 @@ select {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content {
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content{
   display: block;
         padding: max(min(5%, 2rem), 1rem);
 }
-[data-coco][data-component="placeholder"] {
+[data-coco][data-component="placeholder"]{
   padding: 1rem;
 }
-[data-coco][data-component="placeholder"][data-boxed="true"] {
+[data-coco][data-component="placeholder"][data-boxed="true"]{
   border-width: 1px;
   border-style: dashed;
   --tw-border-opacity: 1;
@@ -2717,165 +2834,543 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
-[data-coco][data-component="placeholder"][data-prose="true"] .placeholder-content > :not([hidden]) ~ :not([hidden]) {
+[data-coco][data-component="placeholder"][data-prose="true"] .placeholder-content > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
-[data-coco][data-component="placeholder"][data-prose="false"] {
+[data-coco][data-component="placeholder"][data-prose="false"]{
   text-align: center;
 }
-[data-coco][data-component="placeholder"][data-size="full"] {
+[data-coco][data-component="placeholder"][data-size="full"]{
   height: 100%;
   width: 100%;
 }
-[data-coco][data-component="placeholder"][data-size="full"] .placeholder-inner {
+[data-coco][data-component="placeholder"][data-size="full"] .placeholder-inner{
   display: flex;
   height: 100%;
   width: 100%;
   align-items: center;
   justify-content: center;
 }
-[data-coco][data-component="placeholder"][data-size="full"] .placeholder-content {
+[data-coco][data-component="placeholder"][data-size="full"] .placeholder-content{
   margin: auto;
 }
-[data-coco][data-component="poll-controller"] {
+[data-coco][data-component="poll-controller"]{
   display: contents;
 }
-[data-coco][data-component="book-editable-slide"] {
-    /* 
-     * slide-padding-lg at max (1480px): 240px (16.2%)
-     * slide-padding-lg at min (320px): 16.2% x 320px = 52px
-     */
-    --slide-padding-lg: clamp(52px, 16.2cqw, 240px);
-
-    /* 
-     * slide-padding-md at max (1480px): 120px (8.1%)
-     * slide-padding-md at min (320px): 8.1% x 320px = 26px
-     */
-    --slide-padding-md: clamp(26px, 8.1cqw, 120px);
-
-    /* 
-     * slide-padding-sm at max (1480px): 80px (5.4%)
-     * slide-padding-sm at min (320px): 5.4% x 320px = 17px
-     */
-    --slide-padding-sm: max(24px, clamp(17px, 5.4cqw, 80px));
-
-    /* Visually-adjusted small padding size for grid gap and header spacing */
-    --slide-padding-sm-internal: max(20px, clamp(16px, 4.9cqw, 72px));
-
-    /* 
-     * Small title font size at max (1480px): 64px (4.3%)
-     * Small title font size at min (320px): 4.3% x 320px = 13.8px
-     */
-    --title-font-size: max(
-      32px,
-      clamp(13.8px, 4.3cqw, 64px)
-    );
-
-    /* 
-     * Text font size at max (1480px): 24px / 1.62%
-     * Text font size at min (320px): 1.62% x 320px = 5.2px
-     */
-    --text-font-size: max(12px, clamp(6.1px, 1.86cqw, 28px));
-
-    /* ------------- */
-
-    position: relative;
-
-    border-radius: 0.375rem;
-
-    container-type: inline-size;
-
-    --tw-bg-opacity: 1;
-
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-
-    background-size: cover;
-
-    background-position: center;
-
-    background-repeat: no-repeat;
-
-    min-width: 320px;
-  }
-[data-coco][data-component="book-editable-slide"] .slide-aspect {
-  display: grid;
-  min-height: 62.5cqw;
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-  grid-template-rows: repeat(1, minmax(0, 1fr));
+[data-coco].coco-prose{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 16px;
+  line-height: 24px;
 }
-@container (min-width: 700px) {
-
-  @supports (aspect-ratio: 1 / 1) {
-
-    [data-coco][data-component="book-editable-slide"] .slide-aspect {
-      aspect-ratio: 16 / 10;
-    }
-  }
-
-  @supports not (aspect-ratio: 1 / 1) {
-
-    [data-coco][data-component="book-editable-slide"] .slide-aspect::before {
-      content: "";
-      float: left;
-      padding-top: calc(100% / (16 / 10));
-    }
-
-    [data-coco][data-component="book-editable-slide"] .slide-aspect::after {
-      clear: left;
-      content: "";
-      display: block;
-    }
-  }
+[data-coco].coco-prose :last-child{
+  margin-bottom: 0px !important;
 }
-[data-coco][data-component="book-editable-slide"] .slide-container {
-  overflow: hidden;
+[data-coco].coco-prose a[href]:not([data-theme]){
+  --tw-text-opacity: 1;
+  color: rgb(26 136 113 / var(--tw-text-opacity));
 }
-@container (min-width: 700px) {
-
-  [data-coco][data-component="book-editable-slide"] .slide-container {
-    position: absolute;
-    inset: 0px;
-  }
+[data-coco].coco-prose[data-centered="true"]{
+  text-align: center;
 }
-[data-coco][data-component="book-editable-slide"] .slide-container {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
+[data-coco].coco-prose[data-style="display"] > h1,
+      [data-coco].coco-prose[data-style="display"] > h2,
+      [data-coco].coco-prose[data-style="display"] > h3,
+      [data-coco].coco-prose[data-style="display"] > h4,
+      [data-coco].coco-prose[data-style="display"] > h5,
+      [data-coco].coco-prose[data-style="display"] > h6 {
+        margin-bottom: 0.34em;
+      }
+[data-coco][data-component="spacer"]{
+  pointer-events: none;
+  visibility: hidden;
+  margin: 0px !important;
+  flex: none !important;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border-style: none !important;
+  padding: 0px !important;
 }
-@container (min-width: 700px) {
-
-  [data-coco][data-component="book-editable-slide"] .slide-container {
-    padding-left: var(--slide-padding-md);
-    padding-right: var(--slide-padding-md);
-    padding-top: var(--slide-padding-md);
-    padding-bottom: var(--slide-padding-md);
-  }
+[data-coco][data-component="spacer"][data-size="0"]{
+  display: none;
 }
-[data-coco][data-component="book-editable-slide"] .slide-layout {
-  height: 100%;
-  width: 100%;
+[data-coco][data-component="spacer"]{
+  width: 0px !important;
 }
-@container (min-width: 700px) {
-
-  [data-coco][data-component="book-editable-slide"] .slide-layout {
-    display: grid;
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"]{
+  height: 0.375rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"]{
+  height: 0.75rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"]{
+  height: 1.25rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"]{
+  height: 1.75rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"]{
+  height: 2.25rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"]{
+  height: 2.75rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"]{
+  height: 3.25rem;
+}
+[data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"]{
+  height: 3.75rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"]{
+  height: 0.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"]{
+  height: 1rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"]{
+  height: 1.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"]{
+  height: 2rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"]{
+  height: 2.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"]{
+  height: 3rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"]{
+  height: 3.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"]{
+  height: 4rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
+  height: 1rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
+  height: 1.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
+  height: 2rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
+  height: 2.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
+  height: 3rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
+  height: 3.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
+  height: 4rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
+  height: 4.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
+  height: 1.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
+  height: 2rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
+  height: 2.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
+  height: 3rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
+  height: 3.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
+  height: 4rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
+  height: 4.5rem;
+}
+[data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
+  height: 5rem;
+}
+@media (min-width: 576px) {
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"]{
+    height: 0.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"]{
+    height: 1rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"]{
+    height: 4rem;
+  }
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
+    height: 1rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
+    height: 4rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
+    height: 4.5rem;
+  }
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
+    height: 4rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
+    height: 4.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
+    height: 5rem;
+  }
+    }
+@media (min-width: 768px) {
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"]{
+    height: 1rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"]{
+    height: 4rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"]{
+    height: 4.5rem;
+  }
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
+    height: 4rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
+    height: 4.5rem;
+  }
+
+    [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
+    height: 5rem;
+  }
+    }
+@media (min-width: 992px) {
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="1"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="1"]{
+    height: 1.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="2"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="2"]{
+    height: 2rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="3"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="3"]{
+    height: 2.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="4"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="4"]{
+    height: 3rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="5"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="5"]{
+    height: 3.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="6"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="6"]{
+    height: 4rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="7"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="7"]{
+    height: 4.5rem;
+  }
+
+    [data-coco][data-component="spacer"]:not([data-scale-from])[data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="sm"][data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="md"][data-size="8"],
+      [data-coco][data-component="spacer"][data-scale-from="lg"][data-size="8"]{
+    height: 5rem;
+  }
+    }
+[data-coco][data-component="stack"] {
+  }
+[data-coco][data-component="book-editable-slide"] {
+    /* 
+     * slide-padding-lg at max (1480px): 240px (16.2%)
+     * slide-padding-lg at min (320px): 16.2% x 320px = 52px
+     */
+    --slide-padding-lg: clamp(52px, 16.2cqw, 240px);
+
+    /* 
+     * slide-padding-md at max (1480px): 120px (8.1%)
+     * slide-padding-md at min (320px): 8.1% x 320px = 26px
+     */
+    --slide-padding-md: clamp(26px, 8.1cqw, 120px);
+
+    /* 
+     * slide-padding-sm at max (1480px): 80px (5.4%)
+     * slide-padding-sm at min (320px): 5.4% x 320px = 17px
+     */
+    --slide-padding-sm: max(24px, clamp(17px, 5.4cqw, 80px));
+
+    /* Visually-adjusted small padding size for grid gap and header spacing */
+    --slide-padding-sm-internal: max(20px, clamp(16px, 4.9cqw, 72px));
+
+    /* 
+     * Small title font size at max (1480px): 64px (4.3%)
+     * Small title font size at min (320px): 4.3% x 320px = 13.8px
+     */
+    --title-font-size: max(
+      32px,
+      clamp(13.8px, 4.3cqw, 64px)
+    );
+
+    /* 
+     * Text font size at max (1480px): 24px / 1.62%
+     * Text font size at min (320px): 1.62% x 320px = 5.2px
+     */
+    --text-font-size: max(12px, clamp(6.1px, 1.86cqw, 28px));
+
+    /* ------------- */
+
+    position: relative;
+
+    border-radius: 0.375rem;
+
+    container-type: inline-size;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    background-size: cover;
+
+    background-position: center;
+
+    background-repeat: no-repeat;
+
+    min-width: 320px;
+  }
+[data-coco][data-component="book-editable-slide"] .slide-aspect{
+  display: grid;
+  min-height: 62.5cqw;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+@container (min-width: 700px){
+
+  @supports (aspect-ratio: 1 / 1){
+
+    [data-coco][data-component="book-editable-slide"] .slide-aspect{
+      aspect-ratio: 16 / 10;
+    }
+  }
+
+  @supports not (aspect-ratio: 1 / 1){
+
+    [data-coco][data-component="book-editable-slide"] .slide-aspect::before{
+      content: "";
+      float: left;
+      padding-top: calc(100% / (16 / 10));
+    }
+
+    [data-coco][data-component="book-editable-slide"] .slide-aspect::after{
+      clear: left;
+      content: "";
+      display: block;
+    }
+  }
+}
+[data-coco][data-component="book-editable-slide"] .slide-container{
+  overflow: hidden;
+}
+@container (min-width: 700px){
+
+  [data-coco][data-component="book-editable-slide"] .slide-container{
+    position: absolute;
+    inset: 0px;
+  }
+}
+[data-coco][data-component="book-editable-slide"] .slide-container{
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+@container (min-width: 700px){
+
+  [data-coco][data-component="book-editable-slide"] .slide-container{
+    padding-left: var(--slide-padding-md);
+    padding-right: var(--slide-padding-md);
+    padding-top: var(--slide-padding-md);
+    padding-bottom: var(--slide-padding-md);
+  }
+}
+[data-coco][data-component="book-editable-slide"] .slide-layout{
+  height: 100%;
+  width: 100%;
+}
+@container (min-width: 700px){
+
+  [data-coco][data-component="book-editable-slide"] .slide-layout{
+    display: grid;
   }
 }
 [data-coco][data-component="book-editable-slide"] .slide-header,
     [data-coco][data-component="book-editable-slide"] .slide-text,
-    [data-coco][data-component="book-editable-slide"] .slide-media {
+    [data-coco][data-component="book-editable-slide"] .slide-media{
   display: none;
 }
-[data-coco][data-component="book-editable-slide"] .slide-group {
+[data-coco][data-component="book-editable-slide"] .slide-group{
   display: contents;
 }
-[data-coco][data-component="book-editable-slide"] .slide-header {
+[data-coco][data-component="book-editable-slide"] .slide-header{
   width: 100%;
 }
-[data-coco][data-component="book-editable-slide"] .slide-title {
+[data-coco][data-component="book-editable-slide"] .slide-title{
   width: 100%;
   font-weight: 700;
   color: currentColor;
@@ -2883,7 +3378,7 @@ select {
       line-height: 1.1;
       font-size: var(--title-font-size);
 }
-[data-coco][data-component="book-editable-slide"] .slide-text {
+[data-coco][data-component="book-editable-slide"] .slide-text{
   width: 100%;
   overflow: hidden;
   font-size: 1rem;
@@ -2891,7 +3386,7 @@ select {
   color: currentColor;
       line-height: 1.5;
 }
-[data-coco][data-component="book-editable-slide"] .slide-media {
+[data-coco][data-component="book-editable-slide"] .slide-media{
   position: relative;
   width: 100%;
   font-size: 1rem;
@@ -2903,14 +3398,14 @@ select {
       [data-coco][data-component="book-editable-slide"] .slide-media {
         font-size: var(--text-font-size);
       }
-      [data-coco][data-component="book-editable-slide"] .slide-media-wrapper {
+      [data-coco][data-component="book-editable-slide"] .slide-media-wrapper{
     position: absolute;
     inset: 0px;
     height: 100%;
     width: 100%;
   }
     }
-[data-coco][data-component="book-editable-slide"] .slide-media-wrapper img {
+[data-coco][data-component="book-editable-slide"] .slide-media-wrapper img{
   height: 100%;
   width: 100%;
   -o-object-fit: contain;
@@ -2938,34 +3433,34 @@ select {
         clamp(7px, 2.16cqw, 32px)
       );
     }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container{
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-container{
     padding-left: var(--slide-padding-lg);
     padding-right: var(--slide-padding-lg);
     padding-top: var(--slide-padding-md);
     padding-bottom: var(--slide-padding-md);
   }
 }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout{
   margin-left: auto;
   margin-right: auto;
   max-width: 475px;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout{
     max-width: 100%;
   }
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-layout {
         grid-template-areas: "content";
       }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="group-primary-text"] {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="group-primary-text"]{
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -2975,7 +3470,7 @@ select {
         grid-area: content;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="header"],
-      [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="text-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] [data-role="text-primary"]{
   display: block;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"] .slide-text {
@@ -2984,18 +3479,18 @@ select {
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-title"].with-title .slide-text {
         margin-top: 0.875em;
       }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container{
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-container{
     padding-top: var(--slide-padding-sm);
     padding-bottom: var(--slide-padding-sm);
   }
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] .slide-layout{
     padding-top: 4.8cqw;
     padding-bottom: 4.8cqw;
   }
@@ -3004,7 +3499,7 @@ select {
         grid-template-areas: "content";
         grid-template-rows: auto;
       }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-layout {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-text"].with-title .slide-layout{
   padding-top: 0px;
   padding-bottom: 0px;
         grid-template-areas:
@@ -3014,28 +3509,28 @@ select {
         grid-gap: var(--slide-padding-sm-internal);
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"],
-      [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"]{
   display: block;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"] {
         grid-area: header;
         margin-bottom: 1.25rem;
       }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"] {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="header"]{
     margin-bottom: 0px;
   }
 }
 [data-coco][data-component="book-editable-slide"][data-layout="one-col-text"] [data-role="text-primary"] {
         grid-area: content;
       }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container{
   padding: 1.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-container{
     padding: var(--slide-padding-sm);
   }
 }
@@ -3043,21 +3538,21 @@ select {
         grid-template-areas: "content";
         grid-template-rows: 100%;
       }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-role="media-primary"] {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] [data-role="media-primary"]{
   display: block;
   height: 100%;
         grid-area: content;
 }
-[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-media-wrapper {
+[data-coco][data-component="book-editable-slide"][data-layout="one-col-media"] .slide-media-wrapper{
   height: 100%;
 }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container{
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] .slide-container{
     padding: var(--slide-padding-md);
   }
 }
@@ -3070,27 +3565,27 @@ select {
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="header"],
       [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="text-primary"],
       [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"],
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"]{
   display: block;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
         grid-area: text;
       }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"] {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="group-primary-text"]{
     display: flex;
     height: 100%;
     flex-direction: column;
     justify-content: center;
   }
 }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"] {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"]{
   margin-top: 1.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"] {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"] [data-role="media-primary"]{
     margin-top: 0px;
   }
 }
@@ -3100,17 +3595,17 @@ select {
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-mixed"].with-title .slide-text {
         margin-top: 0.875em;
       }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container{
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-container{
     padding: var(--slide-padding-sm);
   }
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-layout{
     padding-top: 4.8cqw;
     padding-bottom: 4.8cqw;
   }
@@ -3121,7 +3616,7 @@ select {
         grid-template-columns: 1fr 1fr;
         grid-gap: var(--slide-padding-sm-internal);
       }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-layout {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-text"].with-title .slide-layout{
   padding-top: 0px;
   padding-bottom: 0px;
         grid-template-areas:
@@ -3131,7 +3626,7 @@ select {
 }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="header"],
       [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"],
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-secondary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-secondary"]{
   display: block;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="header"] {
@@ -3144,27 +3639,27 @@ select {
         grid-area: secondary;
       }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header,
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"]{
   margin-bottom: 1.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
   [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] .slide-header,
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-text"] [data-role="text-primary"]{
     margin-bottom: 0px;
   }
 }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container{
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-container{
     padding: var(--slide-padding-sm);
   }
 
-  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout {
+  [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-layout{
     padding-top: 4.8cqw;
     padding-bottom: 4.8cqw;
   }
@@ -3175,7 +3670,7 @@ select {
         grid-template-columns: 1fr 1fr;
         grid-gap: var(--slide-padding-sm-internal);
       }
-[data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-layout {
+[data-coco][data-component="book-editable-slide"][data-layout="two-col-media"].with-title .slide-layout{
   padding-top: 0px;
   padding-bottom: 0px;
         grid-template-areas:
@@ -3185,7 +3680,7 @@ select {
 }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="header"],
       [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"],
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-secondary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-secondary"]{
   display: block;
 }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="header"] {
@@ -3198,82 +3693,82 @@ select {
         grid-area: secondary;
       }
 [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header,
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"]{
   margin-bottom: 1.5rem;
 }
-@container (min-width: 700px) {
+@container (min-width: 700px){
 
   [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] .slide-header,
-      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"] {
+      [data-coco][data-component="book-editable-slide"][data-layout="two-col-media"] [data-role="media-primary"]{
     margin-bottom: 0px;
   }
 }
-[data-coco][data-component="book-media-slide"] img {
+[data-coco][data-component="book-media-slide"] img{
   height: 100%;
   width: 100%;
   border-radius: 0.375rem;
   -o-object-fit: contain;
      object-fit: contain;
 }
-.visible {
+.visible{
   visibility: visible;
 }
-.static {
+.static{
   position: static;
 }
-.fixed {
+.fixed{
   position: fixed;
 }
-.\!block {
+.\!block{
   display: block !important;
 }
-.block {
+.block{
   display: block;
 }
-.flex {
+.flex{
   display: flex;
 }
-.grid {
+.grid{
   display: grid;
 }
-.contents {
+.contents{
   display: contents;
 }
-.hidden {
+.hidden{
   display: none;
 }
-.transform {
+.transform{
   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));
 }
-.resize {
+.resize{
   resize: both;
 }
-.italic {
+.italic{
   font-style: italic;
 }
-.\!text-red-500 {
+.\!text-red-500{
   --tw-text-opacity: 1 !important;
   color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
 }
-.text-amber-500 {
+.text-amber-500{
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity));
 }
-.text-red-500 {
+.text-red-500{
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-.text-teal-500 {
+.text-teal-500{
   --tw-text-opacity: 1;
   color: rgb(20 184 166 / var(--tw-text-opacity));
 }
-.underline {
+.underline{
   text-decoration-line: underline;
 }
-.filter {
+.filter{
   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);
 }
-.ease-out {
+.ease-out{
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 /* Transparent gray blend-mode background utilities */
@@ -3283,93 +3778,643 @@ select {
   }
 /* paragraphs */
 /* labels */
-/* standard headings */
 /* standard subheadings */
+/* standard headings */
 /* display headings */
 /* branded headings */
 /* branded display headings */
-.coco-button-xs .button-content {
+.button-xs .button-content {
       font-size: 14px;
       line-height: 14px;
     }
-.coco-button-xs .button-icon [data-component="icon"],
-    .coco-button-xs .button-toggle {
+.button-xs .button-icon [data-component="icon"],
+    .button-xs .button-toggle{
   height: 0.875rem;
   width: 0.875rem;
 }
-.coco-button-xs.icon-only .button-icon,
-    .coco-button-xs[data-collapsed="true"] .button-icon {
+.button-xs.icon-only .button-icon,
+    .button-xs[data-collapsed="true"] .button-icon{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
-.coco-button-xs[data-theme|="text"].icon-only .button-icon,
-      .coco-button-xs[data-theme|="text"][data-collapsed="true"] .button-icon {
+.button-xs[data-theme|="text"].icon-only .button-icon,
+      .button-xs[data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.coco-button-sm .button-content {
+.button-sm .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 14px;
   line-height: 16px;
-  font-weight: 600;
 }
-.coco-button-sm .button-icon [data-component="icon"],
-    .coco-button-sm .button-toggle {
+.button-sm .button-icon [data-component="icon"],
+    .button-sm .button-toggle{
   height: 1rem;
   width: 1rem;
 }
-.coco-button-sm[data-theme].icon-only .button-icon,
-      .coco-button-sm[data-theme][data-collapsed="true"] .button-icon {
+.button-sm[data-theme].icon-only .button-icon,
+      .button-sm[data-theme][data-collapsed="true"] .button-icon{
   margin-left: -0.375rem;
   margin-right: -0.375rem;
 }
-.coco-button-sm[data-theme|="text"].icon-only .button-icon,
-      .coco-button-sm[data-theme|="text"][data-collapsed="true"] .button-icon {
+.button-sm[data-theme|="text"].icon-only .button-icon,
+      .button-sm[data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.coco-button-md .button-content {
+.button-md .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 16px;
   line-height: 20px;
-  font-weight: 600;
 }
-.coco-button-md .button-icon [data-component="icon"],
-    .coco-button-md .button-toggle {
+.button-md .button-icon [data-component="icon"],
+    .button-md .button-toggle{
   height: 1.25rem;
   width: 1.25rem;
 }
-.coco-button-md[data-theme].icon-only .button-icon,
-      .coco-button-md[data-theme][data-collapsed="true"] .button-icon {
+.button-md[data-theme].icon-only .button-icon,
+      .button-md[data-theme][data-collapsed="true"] .button-icon{
   margin-left: -0.5rem;
   margin-right: -0.5rem;
 }
-.coco-button-md[data-theme|="text"].icon-only .button-icon,
-      .coco-button-md[data-theme|="text"][data-collapsed="true"] .button-icon {
+.button-md[data-theme|="text"].icon-only .button-icon,
+      .button-md[data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.coco-button-lg .button-content {
+.button-lg .button-content{
   font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 600;
   font-size: 18px;
   line-height: 24px;
-  font-weight: 600;
 }
-.coco-button-lg .button-icon [data-component="icon"],
-    .coco-button-lg .button-toggle {
+.button-lg .button-icon [data-component="icon"],
+    .button-lg .button-toggle{
   height: 1.5rem;
   width: 1.5rem;
 }
-.coco-button-lg[data-theme].icon-only .button-icon,
-      .coco-button-lg[data-theme][data-collapsed="true"] .button-inner {
+.button-lg[data-theme].icon-only .button-icon,
+      .button-lg[data-theme][data-collapsed="true"] .button-inner{
   margin-left: -8px;
   margin-right: -8px;
 }
-.coco-button-lg[data-theme|="text"].icon-only .button-icon,
-      .coco-button-lg[data-theme|="text"][data-collapsed="true"] .button-icon {
+.button-lg[data-theme|="text"].icon-only .button-icon,
+      .button-lg[data-theme|="text"][data-collapsed="true"] .button-icon{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+/*
+ * Internal text utilities
+ * These are *not* exported for use outside of components.
+ */
+/*
+ * Public text utilities
+ * These are exported as utility classes for use outside of components.
+ */
+/* standard subheadings */
+.coco-subheading-1{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 500;
+  font-size: 32px;
+  line-height: 40px;
+}
+@media (max-width: 576px){
+
+  .coco-subheading-1:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+  }
+}
+@media (min-width: 576px){
+
+  @media (max-width: 768px){
+
+  .coco-subheading-1:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 500;
+      font-size: 20px;
+      line-height: 28px;
+    }
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-subheading-1:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 500;
+      font-size: 24px;
+      line-height: 32px;
+    }
+  }
+}
+.coco-subheading-2{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 500;
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (max-width: 768px){
+
+  .coco-subheading-2:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-subheading-2:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 500;
+      font-size: 20px;
+      line-height: 28px;
+    }
+  }
+}
+.coco-subheading-3{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (max-width: 768px){
+
+  .coco-subheading-3:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+  }
+}
+.coco-subheading-4{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+}
+/* standard headings */
+.coco-heading-1{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 48px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-1:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-1:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 32px;
+      line-height: 40px;
+    }
+  }
+}
+.coco-heading-2{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 40px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-2:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 30px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-2:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 28px;
+      line-height: 36px;
+    }
+  }
+}
+.coco-heading-3{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-3:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-3:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 24px;
+      line-height: 30px;
+    }
+  }
+}
+.coco-heading-4{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 30px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-4:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+.coco-heading-5{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 24px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-5:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.coco-heading-6{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 20px;
+}
+/* display headings */
+.coco-display-1{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 96px;
+  line-height: 96px;
+}
+@media (max-width: 768px){
+
+  .coco-display-1:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 64px;
+    line-height: 68px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-1:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 80px;
+      line-height: 84px;
+    }
+  }
+}
+.coco-display-2{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 80px;
+  line-height: 84px;
+}
+@media (max-width: 768px){
+
+  .coco-display-2:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 48px;
+    line-height: 52px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-2:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 64px;
+      line-height: 68px;
+    }
+  }
+}
+.coco-display-3{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 64px;
+  line-height: 68px;
+}
+@media (max-width: 768px){
+
+  .coco-display-3:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 40px;
+    line-height: 48px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-3:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 48px;
+      line-height: 52px;
+    }
+  }
+}
+.coco-display-4{
+  font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 48px;
+  line-height: 52px;
+}
+@media (max-width: 768px){
+
+  .coco-display-4:not([data-resize="false"]){
+    font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 40px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-4:not([data-resize="false"]){
+      font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      font-weight: 700;
+      font-size: 40px;
+      line-height: 48px;
+    }
+  }
+}
+/* branded headings */
+.coco-heading-1-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 48px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-1-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-1-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 32px;
+      line-height: 40px;
+    }
+  }
+}
+.coco-heading-2-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 40px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-2-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 30px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-2-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 28px;
+      line-height: 36px;
+    }
+  }
+}
+.coco-heading-3-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-3-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-heading-3-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 24px;
+      line-height: 30px;
+    }
+  }
+}
+.coco-heading-4-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 30px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-4-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+.coco-heading-5-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 24px;
+}
+@media (max-width: 768px){
+
+  .coco-heading-5-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.coco-heading-6-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 20px;
+}
+/* branded display headings */
+.coco-display-1-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 96px;
+  line-height: 96px;
+}
+@media (max-width: 768px){
+
+  .coco-display-1-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 64px;
+    line-height: 68px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-1-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 80px;
+      line-height: 84px;
+    }
+  }
+}
+.coco-display-2-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 80px;
+  line-height: 84px;
+}
+@media (max-width: 768px){
+
+  .coco-display-2-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 48px;
+    line-height: 52px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-2-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 64px;
+      line-height: 68px;
+    }
+  }
+}
+.coco-display-3-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 64px;
+  line-height: 68px;
+}
+@media (max-width: 768px){
+
+  .coco-display-3-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 40px;
+    line-height: 48px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-3-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 48px;
+      line-height: 52px;
+    }
+  }
+}
+.coco-display-4-branded{
+  font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-weight: 700;
+  font-size: 48px;
+  line-height: 52px;
+}
+@media (max-width: 768px){
+
+  .coco-display-4-branded:not([data-resize="false"]){
+    font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+    font-weight: 700;
+    font-size: 32px;
+    line-height: 40px;
+  }
+}
+@media (min-width: 768px){
+
+  @media (max-width: 992px){
+
+  .coco-display-4-branded:not([data-resize="false"]){
+      font-family: , ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+      font-weight: 700;
+      font-size: 40px;
+      line-height: 48px;
+    }
+  }
+}
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
 [data-tippy-root]{max-width:calc(100vw - 10px)}
 .tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}