manolis-ui 0.21.0 → 0.22.3

package/dist/style.css

@@ -16,7 +16,6 @@
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-black: #000;
     --spacing: 0.25rem;
-    --container-2xs: 18rem;
     --container-xs: 20rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -36,7 +35,6 @@
     --font-weight-bold: 700;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -887,9 +885,6 @@
   .collapse {
     visibility: collapse;
   }
-  .visible {
-    visibility: visible;
-  }
   .list {
     display: flex;
     flex-direction: column;
@@ -943,230 +938,6 @@
       }
     }
   }
-  .toast {
-    position: fixed;
-    inset-inline-start: auto;
-    inset-inline-end: calc(0.25rem * 0);
-    top: auto;
-    bottom: calc(0.25rem * 0);
-    margin: calc(0.25rem * 4);
-    display: flex;
-    min-width: fit-content;
-    flex-direction: column;
-    gap: calc(0.25rem * 2);
-    background-color: transparent;
-    white-space: nowrap;
-    translate: var(--toast-x, 0) var(--toast-y, 0);
-    & > * {
-      animation: toast 0.25s ease-out;
-    }
-    &:where(.toast-start) {
-      inset-inline-start: calc(0.25rem * 0);
-      inset-inline-end: auto;
-      --toast-x: 0;
-    }
-    &:where(.toast-center) {
-      inset-inline-start: calc(1/2 * 100%);
-      inset-inline-end: calc(1/2 * 100%);
-      --toast-x: -50%;
-    }
-    &:where(.toast-end) {
-      inset-inline-start: auto;
-      inset-inline-end: calc(0.25rem * 0);
-      --toast-x: 0;
-    }
-    &:where(.toast-bottom) {
-      top: auto;
-      bottom: calc(0.25rem * 0);
-      --toast-y: 0;
-    }
-    &:where(.toast-middle) {
-      top: calc(1/2 * 100%);
-      bottom: auto;
-      --toast-y: -50%;
-    }
-    &:where(.toast-top) {
-      top: calc(0.25rem * 0);
-      bottom: auto;
-      --toast-y: 0;
-    }
-  }
-  .toast\! {
-    position: fixed !important;
-    inset-inline-start: auto !important;
-    inset-inline-end: calc(0.25rem * 0) !important;
-    top: auto !important;
-    bottom: calc(0.25rem * 0) !important;
-    margin: calc(0.25rem * 4) !important;
-    display: flex !important;
-    min-width: fit-content !important;
-    flex-direction: column !important;
-    gap: calc(0.25rem * 2) !important;
-    background-color: transparent !important;
-    white-space: nowrap !important;
-    translate: var(--toast-x, 0) var(--toast-y, 0) !important;
-    & > * {
-      animation: toast 0.25s ease-out !important;
-    }
-    &:where(.toast-start) {
-      inset-inline-start: calc(0.25rem * 0) !important;
-      inset-inline-end: auto !important;
-      --toast-x: 0 !important;
-    }
-    &:where(.toast-center) {
-      inset-inline-start: calc(1/2 * 100%) !important;
-      inset-inline-end: calc(1/2 * 100%) !important;
-      --toast-x: -50% !important;
-    }
-    &:where(.toast-end) {
-      inset-inline-start: auto !important;
-      inset-inline-end: calc(0.25rem * 0) !important;
-      --toast-x: 0 !important;
-    }
-    &:where(.toast-bottom) {
-      top: auto !important;
-      bottom: calc(0.25rem * 0) !important;
-      --toast-y: 0 !important;
-    }
-    &:where(.toast-middle) {
-      top: calc(1/2 * 100%) !important;
-      bottom: auto !important;
-      --toast-y: -50% !important;
-    }
-    &:where(.toast-top) {
-      top: calc(0.25rem * 0) !important;
-      bottom: auto !important;
-      --toast-y: 0 !important;
-    }
-  }
-  .\!toggle {
-    border: var(--border) solid currentColor !important;
-    color: var(--input-color) !important;
-    position: relative !important;
-    display: inline-grid !important;
-    flex-shrink: 0 !important;
-    cursor: pointer !important;
-    appearance: none !important;
-    place-content: center !important;
-    vertical-align: middle !important;
-    webkit-user-select: none !important;
-    user-select: none !important;
-    grid-template-columns: 0fr 1fr 1fr !important;
-    --radius-selector-max: calc(
-    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
-  ) !important;
-    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) ) !important;
-    padding: var(--toggle-p) !important;
-    box-shadow: 0 1px currentColor inset !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset !important;
-    }
-    transition: color 0.3s, grid-template-columns 0.2s !important;
-    --input-color: var(--color-base-content) !important;
-    @supports (color: color-mix(in lab, red, red)) {
-      --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000) !important;
-    }
-    --toggle-p: 0.1875rem !important;
-    --size: calc(var(--size-selector, 0.25rem) * 6) !important;
-    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2) !important;
-    height: var(--size) !important;
-    > * {
-      z-index: 1 !important;
-      grid-column: span 1 / span 1 !important;
-      grid-column-start: 2 !important;
-      grid-row-start: 1 !important;
-      height: 100% !important;
-      cursor: pointer !important;
-      appearance: none !important;
-      background-color: transparent !important;
-      padding: calc(0.25rem * 0.5) !important;
-      transition: opacity 0.2s, rotate 0.4s !important;
-      border: none !important;
-      &:focus {
-        outline-style: none !important;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent !important;
-          outline-offset: 2px !important;
-        }
-      }
-      &:nth-child(2) {
-        color: var(--color-base-100) !important;
-        rotate: 0deg !important;
-      }
-      &:nth-child(3) {
-        color: var(--color-base-100) !important;
-        opacity: 0% !important;
-        rotate: -15deg !important;
-      }
-    }
-    &:has(:checked) {
-      > :nth-child(2) {
-        opacity: 0% !important;
-        rotate: 15deg !important;
-      }
-      > :nth-child(3) {
-        opacity: 100% !important;
-        rotate: 0deg !important;
-      }
-    }
-    &:before {
-      position: relative !important;
-      inset-inline-start: calc(0.25rem * 0) !important;
-      grid-column-start: 2 !important;
-      grid-row-start: 1 !important;
-      aspect-ratio: 1 / 1 !important;
-      height: 100% !important;
-      border-radius: var(--radius-selector) !important;
-      background-color: currentColor !important;
-      @media print {
-        outline: .25rem solid !important;
-      }
-      @media print {
-        outline-offset: -1rem !important;
-      }
-      translate: 0 !important;
-      --tw-content: "" !important;
-      content: var(--tw-content) !important;
-      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s !important;
-      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor !important;
-      @supports (color: color-mix(in lab, red, red)) {
-        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) !important;
-      }
-      background-size: auto, calc(var(--noise) * 100%) !important;
-      background-image: none, var(--fx-noise) !important;
-      @media (forced-colors: active) {
-        outline-style: var(--tw-outline-style) !important;
-        outline-width: 1px !important;
-        outline-offset: calc(1px * -1) !important;
-      }
-    }
-    &:focus-visible, &:has(:focus-visible) {
-      outline: 2px solid currentColor !important;
-      outline-offset: 2px !important;
-    }
-    &:checked, &[aria-checked="true"], &:has(> input:checked) {
-      grid-template-columns: 1fr 1fr 0fr !important;
-      background-color: var(--color-base-100) !important;
-      --input-color: var(--color-base-content) !important;
-      &:before {
-        background-color: currentColor !important;
-        @starting-style {
-          opacity: 0 !important;
-        }
-      }
-    }
-    &:indeterminate {
-      grid-template-columns: 0.5fr 1fr 0.5fr !important;
-    }
-    &:disabled {
-      cursor: not-allowed !important;
-      opacity: 30% !important;
-      &:before {
-        background-color: transparent !important;
-        border: var(--border) solid currentColor !important;
-      }
-    }
-  }
   .toggle {
     border: var(--border) solid currentColor;
     color: var(--input-color);
@@ -2227,9 +1998,6 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
-  .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
-  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -2239,83 +2007,6 @@
   .left-5 {
     left: calc(var(--spacing) * 5);
   }
-  .stack {
-    display: inline-grid;
-    grid-template-columns: 3px 4px 1fr 4px 3px;
-    grid-template-rows: 3px 4px 1fr 4px 3px;
-    & > * {
-      height: 100%;
-      width: 100%;
-      &:nth-child(n + 2) {
-        width: 100%;
-        opacity: 70%;
-      }
-      &:nth-child(2) {
-        z-index: 2;
-        opacity: 90%;
-      }
-      &:nth-child(1) {
-        z-index: 3;
-        width: 100%;
-      }
-    }
-    &, &.stack-bottom {
-      > * {
-        grid-column: 3 / 4;
-        grid-row: 3 / 6;
-        &:nth-child(2) {
-          grid-column: 2 / 5;
-          grid-row: 2 / 5;
-        }
-        &:nth-child(1) {
-          grid-column: 1 / 6;
-          grid-row: 1 / 4;
-        }
-      }
-    }
-    &.stack-top {
-      > * {
-        grid-column: 3 / 4;
-        grid-row: 1 / 4;
-        &:nth-child(2) {
-          grid-column: 2 / 5;
-          grid-row: 2 / 5;
-        }
-        &:nth-child(1) {
-          grid-column: 1 / 6;
-          grid-row: 3 / 6;
-        }
-      }
-    }
-    &.stack-start {
-      > * {
-        grid-column: 1 / 4;
-        grid-row: 3 / 4;
-        &:nth-child(2) {
-          grid-column: 2 / 5;
-          grid-row: 2 / 5;
-        }
-        &:nth-child(1) {
-          grid-column: 3 / 6;
-          grid-row: 1 / 6;
-        }
-      }
-    }
-    &.stack-end {
-      > * {
-        grid-column: 3 / 6;
-        grid-row: 3 / 4;
-        &:nth-child(2) {
-          grid-column: 2 / 5;
-          grid-row: 2 / 5;
-        }
-        &:nth-child(1) {
-          grid-column: 1 / 4;
-          grid-row: 1 / 6;
-        }
-      }
-    }
-  }
   .modal-backdrop {
     grid-column-start: 1;
     grid-row-start: 1;
@@ -2340,9 +2031,6 @@
   .z-50 {
     z-index: 50;
   }
-  .z-60 {
-    z-index: 60;
-  }
   .tab-content {
     order: var(--tabcontent-order);
     display: none;
@@ -2509,6 +2197,9 @@
       }
     }
   }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -2572,43 +2263,6 @@
       }
     }
   }
-  .join-vertical {
-    flex-direction: column;
-    > .join-item:first-child {
-      --join-ss: var(--radius-field);
-      --join-se: var(--radius-field);
-      --join-es: 0;
-      --join-ee: 0;
-    }
-    :first-child:not(:last-child) {
-      .join-item {
-        --join-ss: var(--radius-field);
-        --join-se: var(--radius-field);
-        --join-es: 0;
-        --join-ee: 0;
-      }
-    }
-    > .join-item:last-child {
-      --join-ss: 0;
-      --join-se: 0;
-      --join-es: var(--radius-field);
-      --join-ee: var(--radius-field);
-    }
-    :last-child:not(:first-child) {
-      .join-item {
-        --join-ss: 0;
-        --join-se: 0;
-        --join-es: var(--radius-field);
-        --join-ee: var(--radius-field);
-      }
-    }
-    .join-item {
-      &:where(*:not(:first-child)) {
-        margin-inline-start: 0;
-        margin-block-start: calc(var(--border, 1px) * -1);
-      }
-    }
-  }
   .join-item {
     &:where(*:not(:first-child)) {
       margin-inline-start: calc(var(--border, 1px) * -1);
@@ -2656,9 +2310,6 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .mb-4 {
-    margin-bottom: calc(var(--spacing) * 4);
-  }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
@@ -2823,56 +2474,6 @@
       display: none;
     }
   }
-  .alert {
-    display: grid;
-    align-items: center;
-    gap: calc(0.25rem * 4);
-    border-radius: var(--radius-box);
-    padding-inline: calc(0.25rem * 4);
-    padding-block: calc(0.25rem * 3);
-    color: var(--color-base-content);
-    background-color: var(--alert-color, var(--color-base-200));
-    justify-content: start;
-    justify-items: start;
-    grid-auto-flow: column;
-    grid-template-columns: auto minmax(auto, 1fr);
-    text-align: start;
-    border: var(--border) solid var(--color-base-200);
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    background-size: auto, calc(var(--noise) * 100%);
-    background-image: none, var(--fx-noise);
-    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
-    @supports (color: color-mix(in lab, red, red)) {
-      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
-    }
-    &.alert-outline {
-      background-color: transparent;
-      color: var(--alert-color);
-      box-shadow: none;
-      background-image: none;
-    }
-    &.alert-dash {
-      background-color: transparent;
-      color: var(--alert-color);
-      border-style: dashed;
-      box-shadow: none;
-      background-image: none;
-    }
-    &.alert-soft {
-      color: var(--alert-color, var(--color-base-content));
-      background: var(--alert-color, var(--color-base-content));
-      @supports (color: color-mix(in lab, red, red)) {
-        background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
-      }
-      border-color: var(--alert-color, var(--color-base-content));
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
-      }
-      box-shadow: none;
-      background-image: none;
-    }
-  }
   .card-actions {
     display: flex;
     flex-wrap: wrap;
@@ -3520,18 +3121,12 @@
   .w-svh {
     width: 100svh;
   }
-  .max-w-2xs {
-    max-width: var(--container-2xs);
-  }
   .max-w-full {
     max-width: 100%;
   }
   .max-w-xs {
     max-width: var(--container-xs);
   }
-  .min-w-2xs {
-    min-width: var(--container-2xs);
-  }
   .min-w-64 {
     min-width: calc(var(--spacing) * 64);
   }
@@ -3541,21 +3136,12 @@
   .min-w-max {
     min-width: max-content;
   }
-  .min-w-xs {
-    min-width: var(--container-xs);
-  }
   .flex-shrink {
     flex-shrink: 1;
   }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
   .shrink {
     flex-shrink: 1;
   }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
   .flex-grow {
     flex-grow: 1;
   }
@@ -3577,9 +3163,6 @@
       rotate: calc(45deg * -1);
     }
   }
-  .rotate-90 {
-    rotate: 90deg;
-  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -3617,9 +3200,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-grabbing {
-    cursor: grabbing;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -3666,18 +3246,12 @@
   .justify-center {
     justify-content: center;
   }
-  .justify-end {
-    justify-content: flex-end;
-  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
   .gap-2\.5 {
     gap: calc(var(--spacing) * 2.5);
   }
-  .gap-3 {
-    gap: calc(var(--spacing) * 3);
-  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -3695,14 +3269,14 @@
   .overflow-x-hidden {
     overflow-x: hidden;
   }
+  .overflow-x-scroll {
+    overflow-x: scroll;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overflow-y-scroll {
-    overflow-y: scroll;
-  }
-  .\!rounded {
-    border-radius: 0.25rem !important;
+  .scroll-smooth {
+    scroll-behavior: smooth;
   }
   .rounded {
     border-radius: 0.25rem;
@@ -3776,26 +3350,6 @@
       box-shadow: none;
     }
   }
-  .alert-error {
-    border-color: var(--color-error);
-    color: var(--color-error-content);
-    --alert-color: var(--color-error);
-  }
-  .alert-info {
-    border-color: var(--color-info);
-    color: var(--color-info-content);
-    --alert-color: var(--color-info);
-  }
-  .alert-success {
-    border-color: var(--color-success);
-    color: var(--color-success-content);
-    --alert-color: var(--color-success);
-  }
-  .alert-warning {
-    border-color: var(--color-warning);
-    color: var(--color-warning-content);
-    --alert-color: var(--color-warning);
-  }
   .border-base-100 {
     border-color: var(--color-base-100);
   }
@@ -3924,9 +3478,6 @@
   .fill-current {
     fill: currentcolor;
   }
-  .stroke-current {
-    stroke: currentcolor;
-  }
   .object-cover {
     object-fit: cover;
   }
@@ -3945,9 +3496,6 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
-  .p-10 {
-    padding: calc(var(--spacing) * 10);
-  }
   .p-\[25\%\] {
     padding: 25%;
   }
@@ -4102,9 +3650,6 @@
     --badge-color: var(--color-warning);
     color: var(--color-warning-content);
   }
-  .progress-neutral {
-    color: var(--color-neutral);
-  }
   .text-accent {
     color: var(--color-accent);
   }
@@ -4123,12 +3668,6 @@
       color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
     }
   }
-  .text-base-content\/60 {
-    color: var(--color-base-content);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
-    }
-  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -4271,19 +3810,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-transform {
-    transition-property: transform, translate, scale, rotate;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .duration-0 {
-    --tw-duration: 0ms;
-    transition-duration: 0ms;
-  }
-  .ease-out {
-    --tw-ease: var(--ease-out);
-    transition-timing-function: var(--ease-out);
-  }
   .btn-outline {
     &:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
       --btn-shadow: "";
@@ -4293,10 +3819,6 @@
       --btn-noise: none;
     }
   }
-  .\!select-none {
-    -webkit-user-select: none !important;
-    user-select: none !important;
-  }
   .btn-accent {
     --btn-color: var(--color-accent);
     --btn-fg: var(--color-accent-content);
@@ -4464,11 +3986,6 @@
       padding: calc(var(--spacing) * 1);
     }
   }
-  .empty\:hidden {
-    &:empty {
-      display: none;
-    }
-  }
   .hover\:-mb-0\.5 {
     &:hover {
       @media (hover: hover) {
@@ -4507,11 +4024,6 @@
       outline-style: none;
     }
   }
-  .max-lg\:w-full {
-    @media (width < 64rem) {
-      width: 100%;
-    }
-  }
   .max-md\:input {
     @media (width < 48rem) {
       cursor: text;
@@ -4605,6 +4117,11 @@
       }
     }
   }
+  .max-md\:max-w-xs {
+    @media (width < 48rem) {
+      max-width: var(--container-xs);
+    }
+  }
   .sm\:grid {
     @media (width >= 40rem) {
       display: grid;
@@ -4615,16 +4132,6 @@
       display: none;
     }
   }
-  .sm\:w-1\/4 {
-    @media (width >= 40rem) {
-      width: calc(1/4 * 100%);
-    }
-  }
-  .sm\:w-3\/4 {
-    @media (width >= 40rem) {
-      width: calc(3/4 * 100%);
-    }
-  }
   .sm\:footer-horizontal {
     @media (width >= 40rem) {
       grid-auto-flow: column;
@@ -4633,26 +4140,6 @@
       }
     }
   }
-  .sm\:grid-rows-1 {
-    @media (width >= 40rem) {
-      grid-template-rows: repeat(1, minmax(0, 1fr));
-    }
-  }
-  .sm\:grid-rows-2 {
-    @media (width >= 40rem) {
-      grid-template-rows: repeat(2, minmax(0, 1fr));
-    }
-  }
-  .sm\:grid-rows-3 {
-    @media (width >= 40rem) {
-      grid-template-rows: repeat(3, minmax(0, 1fr));
-    }
-  }
-  .sm\:flex-row {
-    @media (width >= 40rem) {
-      flex-direction: row;
-    }
-  }
   .md\:block {
     @media (width >= 48rem) {
       display: block;
@@ -4663,11 +4150,6 @@
       display: flex;
     }
   }
-  .md\:max-w-full {
-    @media (width >= 48rem) {
-      max-width: 100%;
-    }
-  }
   .md\:min-w-full {
     @media (width >= 48rem) {
       min-width: 100%;
@@ -4678,6 +4160,11 @@
       cursor: auto;
     }
   }
+  .md\:snap-none {
+    @media (width >= 48rem) {
+      scroll-snap-type: none;
+    }
+  }
   .md\:px-10 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 10);
@@ -5178,14 +4665,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -5232,8 +4711,6 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-duration: initial;
-      --tw-ease: initial;
       --tw-content: "";
     }
   }