@raketa-cloud/admin 1.10.11 → 1.10.13

package/dist/application.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -50,6 +50,7 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-2xl: 42rem;
+    --container-3xl: 48rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -70,6 +71,7 @@
     --font-weight-bold: 700;
     --tracking-wider: 0.05em;
     --leading-tight: 1.25;
+    --leading-relaxed: 1.625;
     --radius-sm: 0.25rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
@@ -86,6 +88,7 @@
     --color-raketa-primary: rgb(var(--primary));
     --color-raketa-primary-dark: rgb(var(--primary-dark));
     --color-mono-purple-25: #f0f0f8;
+    --color-mono-purple-100: #9d9dd2;
     --color-mono-25: #eaeaea;
     --color-mono-50: #d0d1d2;
   }
@@ -267,16 +270,16 @@
     position: sticky;
   }
   .inset-0 {
-    inset: 0px;
+    inset: calc(var(--spacing) * 0);
   }
   .inset-x-0 {
-    inset-inline: 0px;
+    inset-inline: calc(var(--spacing) * 0);
   }
   .-top-0\.5 {
     top: calc(var(--spacing) * -0.5);
   }
   .top-0 {
-    top: 0px;
+    top: calc(var(--spacing) * 0);
   }
   .top-0\.5 {
     top: calc(var(--spacing) * 0.5);
@@ -297,19 +300,19 @@
     right: calc(var(--spacing) * -4);
   }
   .right-0 {
-    right: 0px;
+    right: calc(var(--spacing) * 0);
   }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
   .bottom-0 {
-    bottom: 0px;
+    bottom: calc(var(--spacing) * 0);
   }
   .bottom-20 {
     bottom: calc(var(--spacing) * 20);
   }
   .left-0 {
-    left: 0px;
+    left: calc(var(--spacing) * 0);
   }
   .left-8 {
     left: calc(var(--spacing) * 8);
@@ -323,17 +326,26 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-50 {
     z-index: 50;
   }
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
   .m-auto {
     margin: auto;
   }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
   .mt-1 {
-    margin-top: var(--spacing);
+    margin-top: calc(var(--spacing) * 1);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
@@ -348,13 +360,13 @@
     margin-top: calc(var(--spacing) * 8);
   }
   .mr-1 {
-    margin-right: var(--spacing);
+    margin-right: calc(var(--spacing) * 1);
   }
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
   .mb-1 {
-    margin-bottom: var(--spacing);
+    margin-bottom: calc(var(--spacing) * 1);
   }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
@@ -368,6 +380,9 @@
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
+  .mb-8 {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
   .ml-1\.5 {
     margin-left: calc(var(--spacing) * 1.5);
   }
@@ -386,6 +401,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -419,6 +437,10 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .size-12 {
     width: calc(var(--spacing) * 12);
     height: calc(var(--spacing) * 12);
@@ -460,6 +482,9 @@
   .\!max-h-fit {
     max-height: fit-content !important;
   }
+  .max-h-56 {
+    max-height: calc(var(--spacing) * 56);
+  }
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
@@ -467,10 +492,10 @@
     max-height: 100vh;
   }
   .min-h-0 {
-    min-height: 0px;
+    min-height: calc(var(--spacing) * 0);
   }
   .w-1 {
-    width: var(--spacing);
+    width: calc(var(--spacing) * 1);
   }
   .w-1\/2 {
     width: calc(1 / 2 * 100%);
@@ -496,6 +521,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -511,6 +539,15 @@
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .min-w-0 {
+    min-width: calc(var(--spacing) * 0);
+  }
   .flex-1 {
     flex: 1;
   }
@@ -524,6 +561,9 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-rotate-45 {
+    rotate: calc(45deg * -1);
+  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -545,6 +585,12 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize {
+    resize: both;
+  }
+  .resize-y {
+    resize: vertical;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -579,7 +625,10 @@
     gap: calc(var(--spacing) * 0.5);
   }
   .gap-1 {
-    gap: var(--spacing);
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
   }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
@@ -593,24 +642,39 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-7 {
+    gap: calc(var(--spacing) * 7);
+  }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
-  :where(.space-y-1 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
-    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+  .space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
   }
-  :where(.divide-y > :not(:last-child)) {
-    --tw-divide-y-reverse: 0;
-    border-bottom-style: var(--tw-border-style);
-    border-top-style: var(--tw-border-style);
-    border-top-width: calc(1px * var(--tw-divide-y-reverse));
-    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -633,6 +697,10 @@
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
+  .rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -661,12 +729,19 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
   .border-mono-25 {
     border-color: var(--color-mono-25);
   }
   .border-mono-purple-25 {
     border-color: var(--color-mono-purple-25);
   }
+  .border-mono-purple-100 {
+    border-color: var(--color-mono-purple-100);
+  }
   .border-neutral-200 {
     border-color: var(--color-neutral-200);
   }
@@ -682,6 +757,12 @@
       border-color: color-mix(in oklab, var(--color-raketa-primary) 20%, transparent);
     }
   }
+  .border-raketa-primary\/40 {
+    border-color: color-mix(in srgb, rgb(var(--primary)) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-raketa-primary) 40%, transparent);
+    }
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -733,6 +814,12 @@
       background-color: color-mix(in oklab, var(--color-raketa-primary) 5%, transparent);
     }
   }
+  .bg-raketa-primary\/10 {
+    background-color: color-mix(in srgb, rgb(var(--primary)) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-raketa-primary) 10%, transparent);
+    }
+  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
@@ -772,8 +859,14 @@
   .fill-\[\#fbbc05\] {
     fill: #fbbc05;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
-    padding: 0px;
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
   }
   .p-2 {
     padding: calc(var(--spacing) * 2);
@@ -790,6 +883,12 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -802,6 +901,15 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -811,8 +919,11 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
   .pt-1 {
-    padding-top: var(--spacing);
+    padding-top: calc(var(--spacing) * 1);
   }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
@@ -821,7 +932,7 @@
     padding-right: calc(var(--spacing) * 8);
   }
   .pb-1 {
-    padding-bottom: var(--spacing);
+    padding-bottom: calc(var(--spacing) * 1);
   }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
@@ -841,6 +952,9 @@
   .text-center {
     text-align: center;
   }
+  .text-left {
+    text-align: left;
+  }
   .text-3xl {
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
@@ -935,6 +1049,12 @@
       color: color-mix(in oklab, var(--color-raketa-foreground) 50%, transparent);
     }
   }
+  .text-raketa-foreground\/60 {
+    color: color-mix(in srgb, rgb(var(--foreground)) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-raketa-foreground) 60%, transparent);
+    }
+  }
   .text-raketa-foreground\/70 {
     color: color-mix(in srgb, rgb(var(--foreground)) 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1005,6 +1125,10 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .blur {
+    --tw-blur: blur(8px);
+    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,);
+  }
   .grayscale {
     --tw-grayscale: grayscale(100%);
     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,);
@@ -1017,6 +1141,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1034,204 +1163,424 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
-  @media (hover: hover) {
-    .group-hover\:block:is(:where(.group):hover *) {
-      display: block;
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .group-hover\:block {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        display: block;
+      }
+    }
+  }
+  .group-hover\/comment\:opacity-100 {
+    &:is(:where(.group\/comment):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
     }
-    .group-hover\/item\:block:is(:where(.group\/item):hover *) {
+  }
+  .group-hover\/item\:block {
+    &:is(:where(.group\/item):hover *) {
+      @media (hover: hover) {
+        display: block;
+      }
+    }
+  }
+  .group-hover\/item\:bg-raketa-primary {
+    &:is(:where(.group\/item):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-raketa-primary);
+      }
+    }
+  }
+  .group-hover\/item\:text-white {
+    &:is(:where(.group\/item):hover *) {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .group-\[\.expanded\]\:block {
+    &:is(:where(.group):is(.expanded) *) {
       display: block;
     }
-    .group-hover\/item\:bg-raketa-primary:is(:where(.group\/item):hover *) {
+  }
+  .group-\[\.expanded\]\:hidden {
+    &:is(:where(.group):is(.expanded) *) {
+      display: none;
+    }
+  }
+  .group-\[\.expanded\]\:w-60 {
+    &:is(:where(.group):is(.expanded) *) {
+      width: calc(var(--spacing) * 60);
+    }
+  }
+  .group-\[\.expanded\]\:rotate-0 {
+    &:is(:where(.group):is(.expanded) *) {
+      rotate: 0deg;
+    }
+  }
+  .group-\[\.expanded\]\:opacity-50 {
+    &:is(:where(.group):is(.expanded) *) {
+      opacity: 50%;
+    }
+  }
+  .group-\[\.is-active\]\/item\:bg-raketa-primary {
+    &:is(:where(.group\/item):is(.is-active) *) {
       background-color: var(--color-raketa-primary);
     }
-    .group-hover\/item\:text-white:is(:where(.group\/item):hover *) {
+  }
+  .group-\[\.is-active\]\/item\:text-white {
+    &:is(:where(.group\/item):is(.is-active) *) {
       color: var(--color-white);
     }
   }
-  .group-\[\.expanded\]\:block:is(:where(.group):is(.expanded) *) {
-    display: block;
+  .backdrop\:bg-black\/50 {
+    &::backdrop {
+      background-color: color-mix(in srgb, #000 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+      }
+    }
   }
-  .group-\[\.expanded\]\:hidden:is(:where(.group):is(.expanded) *) {
-    display: none;
+  .focus-within\:opacity-100 {
+    &:focus-within {
+      opacity: 100%;
+    }
   }
-  .group-\[\.expanded\]\:w-60:is(:where(.group):is(.expanded) *) {
-    width: calc(var(--spacing) * 60);
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
   }
-  .group-\[\.expanded\]\:rotate-0:is(:where(.group):is(.expanded) *) {
-    rotate: 0deg;
+  .hover\:border-neutral-400 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-neutral-400);
+      }
+    }
   }
-  .group-\[\.expanded\]\:opacity-50:is(:where(.group):is(.expanded) *) {
-    opacity: 50%;
+  .hover\:border-raketa-primary {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-raketa-primary);
+      }
+    }
   }
-  .group-\[\.is-active\]\/item\:bg-raketa-primary:is(:where(.group\/item):is(.is-active) *) {
-    background-color: var(--color-raketa-primary);
+  .hover\:bg-mono-purple-25 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono-purple-25);
+      }
+    }
   }
-  .group-\[\.is-active\]\/item\:text-white:is(:where(.group\/item):is(.is-active) *) {
-    color: var(--color-white);
+  .hover\:bg-neutral-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral-200);
+      }
+    }
   }
-  .backdrop\:bg-black\/50::backdrop {
-    background-color: color-mix(in srgb, #000 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+  .hover\:bg-raketa-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-raketa-primary);
+      }
     }
   }
-  @media (hover: hover) {
-    .hover\:cursor-pointer:hover {
-      cursor: pointer;
+  .hover\:bg-raketa-primary\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, rgb(var(--primary)) 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-raketa-primary) 5%, transparent);
+        }
+      }
     }
-    .hover\:border-neutral-400:hover {
-      border-color: var(--color-neutral-400);
+  }
+  .hover\:bg-raketa-primary\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, rgb(var(--primary)) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-raketa-primary) 10%, transparent);
+        }
+      }
     }
-    .hover\:bg-mono-purple-25:hover {
-      background-color: var(--color-mono-purple-25);
+  }
+  .hover\:text-raketa-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-raketa-foreground);
+      }
     }
-    .hover\:bg-neutral-200:hover {
-      background-color: var(--color-neutral-200);
+  }
+  .hover\:text-raketa-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-raketa-primary);
+      }
     }
-    .hover\:bg-raketa-primary:hover {
-      background-color: var(--color-raketa-primary);
+  }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
     }
-    .hover\:text-raketa-foreground:hover {
-      color: var(--color-raketa-foreground);
+  }
+  .hover\:opacity-100 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
     }
-    .hover\:text-white:hover {
-      color: var(--color-white);
+  }
+  .focus-visible\:opacity-100 {
+    &:focus-visible {
+      opacity: 100%;
     }
-    .hover\:opacity-100:hover {
+  }
+  .has-\[\[open\]\]\:opacity-100 {
+    &:has(*:is([open])) {
       opacity: 100%;
     }
   }
-  @media (width >= 48rem) {
-    .md\:grid-cols-2 {
+  .aria-selected\:bg-raketa-primary\/10 {
+    &[aria-selected="true"] {
+      background-color: color-mix(in srgb, rgb(var(--primary)) 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-raketa-primary) 10%, transparent);
+      }
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-    .md\:grid-cols-3 {
+  }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-    .md\:border-l {
+  }
+  .md\:border-l {
+    @media (width >= 48rem) {
       border-left-style: var(--tw-border-style);
       border-left-width: 1px;
     }
-    .md\:pl-8 {
+  }
+  .md\:pl-8 {
+    @media (width >= 48rem) {
       padding-left: calc(var(--spacing) * 8);
     }
   }
-  @media (width >= 64rem) {
-    .lg\:col-span-2 {
+  .lg\:col-span-2 {
+    @media (width >= 64rem) {
       grid-column: span 2 / span 2;
     }
-    .lg\:block {
+  }
+  .lg\:block {
+    @media (width >= 64rem) {
       display: block;
     }
-    .lg\:flex {
+  }
+  .lg\:flex {
+    @media (width >= 64rem) {
       display: flex;
     }
-    .lg\:grid-cols-2 {
+  }
+  .lg\:grid-cols-2 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-    .lg\:grid-cols-3 {
+  }
+  .lg\:grid-cols-3 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-    .lg\:grid-cols-4 {
+  }
+  .lg\:grid-cols-4 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
-    .lg\:grid-cols-5 {
+  }
+  .lg\:grid-cols-5 {
+    @media (width >= 64rem) {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-    .lg\:gap-0 {
-      gap: 0px;
+  }
+  .lg\:gap-0 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 0);
     }
-    :where(.lg\:divide-x > :not(:last-child)) {
-      --tw-divide-x-reverse: 0;
-      border-inline-style: var(--tw-border-style);
-      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+  .lg\:divide-x {
+    @media (width >= 64rem) {
+      :where(& > :not(:last-child)) {
+        --tw-divide-x-reverse: 0;
+        border-inline-style: var(--tw-border-style);
+        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+      }
     }
-    :where(.lg\:divide-neutral-200 > :not(:last-child)) {
-      border-color: var(--color-neutral-200);
+  }
+  .lg\:divide-neutral-200 {
+    @media (width >= 64rem) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-neutral-200);
+      }
     }
-    .lg\:px-5 {
+  }
+  .lg\:px-5 {
+    @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 5);
     }
-    .lg\:first\:pl-0:first-child {
-      padding-left: 0px;
+  }
+  .lg\:first\:pl-0 {
+    @media (width >= 64rem) {
+      &:first-child {
+        padding-left: calc(var(--spacing) * 0);
+      }
     }
-    .lg\:last\:pr-0:last-child {
-      padding-right: 0px;
+  }
+  .lg\:last\:pr-0 {
+    @media (width >= 64rem) {
+      &:last-child {
+        padding-right: calc(var(--spacing) * 0);
+      }
     }
   }
-  :where(.dark\:divide-neutral-700:where(.dark, .dark *) > :not(:last-child)) {
-    border-color: var(--color-neutral-700);
+  .dark\:divide-neutral-700 {
+    &:where(.dark, .dark *) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-neutral-700);
+      }
+    }
   }
-  .dark\:border-neutral-500:where(.dark, .dark *) {
-    border-color: var(--color-neutral-500);
+  .dark\:border-neutral-500 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-neutral-500);
+    }
   }
-  .dark\:border-neutral-700:where(.dark, .dark *) {
-    border-color: var(--color-neutral-700);
+  .dark\:border-neutral-700 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-neutral-700);
+    }
   }
-  .dark\:bg-blue-900\/50:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
+  .dark\:bg-blue-900\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
+      }
     }
   }
-  .dark\:bg-emerald-900\/50:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
+  .dark\:bg-emerald-900\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
+      }
     }
   }
-  .dark\:bg-neutral-800:where(.dark, .dark *) {
-    background-color: var(--color-neutral-800);
+  .dark\:bg-neutral-800 {
+    &:where(.dark, .dark *) {
+      background-color: var(--color-neutral-800);
+    }
   }
-  .dark\:bg-orange-900\/50:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
+  .dark\:bg-orange-900\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
+      }
     }
   }
-  .dark\:bg-orange-950\/40:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
+  .dark\:bg-orange-950\/40 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
+      }
     }
   }
-  .dark\:bg-raketa-primary\/15:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, rgb(var(--primary)) 15%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-raketa-primary) 15%, transparent);
+  .dark\:bg-raketa-primary\/15 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, rgb(var(--primary)) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-raketa-primary) 15%, transparent);
+      }
     }
   }
-  .dark\:bg-red-900\/50:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
+  .dark\:bg-red-900\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
+      }
+    }
+  }
+  .dark\:text-blue-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-blue-300);
+    }
+  }
+  .dark\:text-emerald-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-emerald-300);
     }
   }
-  .dark\:text-blue-300:where(.dark, .dark *) {
-    color: var(--color-blue-300);
+  .dark\:text-orange-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-orange-300);
+    }
   }
-  .dark\:text-emerald-300:where(.dark, .dark *) {
-    color: var(--color-emerald-300);
+  .dark\:text-red-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-red-300);
+    }
   }
-  .dark\:text-orange-300:where(.dark, .dark *) {
-    color: var(--color-orange-300);
+  .dark\:invert {
+    &:where(.dark, .dark *) {
+      --tw-invert: invert(100%);
+      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,);
+    }
   }
-  .dark\:text-red-300:where(.dark, .dark *) {
-    color: var(--color-red-300);
+  .dark\:hover\:bg-neutral-700 {
+    &:where(.dark, .dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-neutral-700);
+        }
+      }
+    }
   }
-  .dark\:invert:where(.dark, .dark *) {
-    --tw-invert: invert(100%);
-    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,);
+  .dark\:focus\:border-raketa-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        border-color: var(--color-raketa-primary);
+      }
+    }
   }
-  @media (hover: hover) {
-    .dark\:hover\:bg-neutral-700:where(.dark, .dark *):hover {
-      background-color: var(--color-neutral-700);
+  .dark\:focus\:ring-raketa-primary {
+    &:where(.dark, .dark *) {
+      &:focus {
+        --tw-ring-color: var(--color-raketa-primary);
+      }
     }
   }
-  @media (width >= 64rem) {
-    :where(.dark\:lg\:divide-neutral-700:where(.dark, .dark *) > :not(:last-child)) {
-      border-color: var(--color-neutral-700);
+  .dark\:lg\:divide-neutral-700 {
+    &:where(.dark, .dark *) {
+      @media (width >= 64rem) {
+        :where(& > :not(:last-child)) {
+          border-color: var(--color-neutral-700);
+        }
+      }
     }
   }
 }
@@ -1248,93 +1597,93 @@ body {
 .markdown {
   color: var(--tw-prose-body);
   max-width: 65ch;
-  :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 1.25em;
     margin-bottom: 1.25em;
   }
-  :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-lead);
     font-size: 1.25em;
     line-height: 1.6;
     margin-top: 1.2em;
     margin-bottom: 1.2em;
   }
-  :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-links);
     text-decoration: underline;
     font-weight: 500;
   }
-  :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-bold);
     font-weight: 600;
   }
-  :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: decimal;
     margin-top: 1.25em;
     margin-bottom: 1.25em;
     padding-inline-start: 1.625em;
   }
-  :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: upper-alpha;
   }
-  :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: lower-alpha;
   }
-  :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: upper-alpha;
   }
-  :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: lower-alpha;
   }
-  :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: upper-roman;
   }
-  :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: lower-roman;
   }
-  :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: upper-roman;
   }
-  :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: lower-roman;
   }
-  :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: decimal;
   }
-  :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     list-style-type: disc;
     margin-top: 1.25em;
     margin-bottom: 1.25em;
     padding-inline-start: 1.625em;
   }
-  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
+  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
     font-weight: 400;
     color: var(--tw-prose-counters);
   }
-  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
+  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
     color: var(--tw-prose-bullets);
   }
-  :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     margin-top: 1.25em;
   }
-  :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     border-color: var(--tw-prose-hr);
     border-top-width: 1px;
     margin-top: 3em;
     margin-bottom: 3em;
   }
-  :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 500;
     font-style: italic;
     color: var(--tw-prose-quotes);
@@ -1345,13 +1694,13 @@ body {
     margin-bottom: 1.6em;
     padding-inline-start: 1em;
   }
-  :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
+  :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
     content: open-quote;
   }
-  :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
+  :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
     content: close-quote;
   }
-  :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 800;
     font-size: 2.25em;
@@ -1359,11 +1708,11 @@ body {
     margin-bottom: 0.8888889em;
     line-height: 1.1111111;
   }
-  :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 900;
     color: inherit;
   }
-  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 700;
     font-size: 1.5em;
@@ -1371,11 +1720,11 @@ body {
     margin-bottom: 1em;
     line-height: 1.3333333;
   }
-  :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 800;
     color: inherit;
   }
-  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     font-size: 1.25em;
@@ -1383,35 +1732,35 @@ body {
     margin-bottom: 0.6em;
     line-height: 1.6;
   }
-  :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 700;
     color: inherit;
   }
-  :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     margin-top: 1.5em;
     margin-bottom: 0.5em;
     line-height: 1.5;
   }
-  :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 700;
     color: inherit;
   }
-  :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
-  :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     display: block;
     margin-top: 2em;
     margin-bottom: 2em;
   }
-  :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
-  :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     font-weight: 500;
     font-family: inherit;
     color: var(--tw-prose-kbd);
@@ -1423,41 +1772,41 @@ body {
     padding-bottom: 0.1875em;
     padding-inline-start: 0.375em;
   }
-  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-code);
     font-weight: 600;
     font-size: 0.875em;
   }
-  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
+  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
     content: "`";
   }
-  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
+  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
     content: "`";
   }
-  :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
     font-size: 0.875em;
   }
-  :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
     font-size: 0.9em;
   }
-  :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: inherit;
   }
-  :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-pre-code);
     background-color: var(--tw-prose-pre-bg);
     overflow-x: auto;
@@ -1472,7 +1821,7 @@ body {
     padding-bottom: 0.8571429em;
     padding-inline-start: 1.1428571em;
   }
-  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     background-color: transparent;
     border-width: 0;
     border-radius: 0;
@@ -1483,13 +1832,13 @@ body {
     font-family: inherit;
     line-height: inherit;
   }
-  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
+  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
     content: none;
   }
-  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
+  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
     content: none;
   }
-  :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     width: 100%;
     table-layout: auto;
     margin-top: 2em;
@@ -1497,11 +1846,11 @@ body {
     font-size: 0.875em;
     line-height: 1.7142857;
   }
-  :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     border-bottom-width: 1px;
     border-bottom-color: var(--tw-prose-th-borders);
   }
-  :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-headings);
     font-weight: 600;
     vertical-align: bottom;
@@ -1509,31 +1858,31 @@ body {
     padding-bottom: 0.5714286em;
     padding-inline-start: 0.5714286em;
   }
-  :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     border-bottom-width: 1px;
     border-bottom-color: var(--tw-prose-td-borders);
   }
-  :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     border-bottom-width: 0;
   }
-  :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     vertical-align: baseline;
   }
-  :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     border-top-width: 1px;
     border-top-color: var(--tw-prose-th-borders);
   }
-  :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     vertical-align: top;
   }
-  :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     text-align: start;
   }
-  :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
-  :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     color: var(--tw-prose-captions);
     font-size: 0.875em;
     line-height: 1.4285714;
@@ -1577,86 +1926,86 @@ body {
   --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
   font-size: 1rem;
   line-height: 1.75;
-  :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
-  :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   }
-  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-start: 0.375em;
   }
-  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-start: 0.375em;
   }
-  :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0.75em;
     margin-bottom: 0.75em;
   }
-  :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 1.25em;
   }
-  :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-bottom: 1.25em;
   }
-  :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 1.25em;
   }
-  :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-bottom: 1.25em;
   }
-  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0.75em;
     margin-bottom: 0.75em;
   }
-  :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 1.25em;
     margin-bottom: 1.25em;
   }
-  :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0.5em;
     padding-inline-start: 1.625em;
   }
-  :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
   }
-  :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
   }
-  :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
   }
-  :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
   }
-  :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-start: 0;
   }
-  :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-end: 0;
   }
-  :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-top: 0.5714286em;
     padding-inline-end: 0.5714286em;
     padding-bottom: 0.5714286em;
     padding-inline-start: 0.5714286em;
   }
-  :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-start: 0;
   }
-  :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     padding-inline-end: 0;
   }
-  :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
-  :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-top: 0;
   }
-  :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
     margin-bottom: 0;
   }
   font-size: var(--text-sm);
@@ -1675,7 +2024,7 @@ body {
     border-radius: calc(infinity * 1px);
     background-color: var(--color-slate-200);
     padding-inline: calc(var(--spacing) * 2.5);
-    padding-block: var(--spacing);
+    padding-block: calc(var(--spacing) * 1);
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
     --tw-font-weight: var(--font-weight-semibold);
@@ -1872,7 +2221,7 @@ body {
   .btn-toolbar {
     display: flex;
     align-items: center;
-    gap: var(--spacing);
+    gap: calc(var(--spacing) * 1);
     .btn-text, .btn-danger {
       padding-inline: calc(var(--spacing) * 2);
     }
@@ -1932,7 +2281,7 @@ body {
       opacity: 50%;
     }
     .radio-group, .checkbox-group {
-      margin-top: var(--spacing);
+      margin-top: calc(var(--spacing) * 1);
       max-height: 200px;
       overflow-y: auto;
       border-radius: 0.25rem;
@@ -1941,7 +2290,7 @@ body {
       border-color: var(--color-neutral-300);
       background-color: var(--color-raketa-background);
       padding-inline: calc(var(--spacing) * 2);
-      padding-block: var(--spacing);
+      padding-block: calc(var(--spacing) * 1);
       --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       &:where(.dark, .dark *) {
@@ -1958,13 +2307,13 @@ body {
     .checkbox-group input[type="checkbox"] {
       width: calc(var(--spacing) * 4);
       height: calc(var(--spacing) * 4);
-      padding-inline: 0px;
+      padding-inline: calc(var(--spacing) * 0);
     }
     .radio-group input[type="radio"] {
       width: calc(var(--spacing) * 4);
       height: calc(var(--spacing) * 4);
       border-radius: calc(infinity * 1px);
-      padding-inline: 0px;
+      padding-inline: calc(var(--spacing) * 0);
     }
     .checkbox-wrapper {
       display: flex;
@@ -1974,7 +2323,7 @@ body {
     .checkbox-wrapper input[type="checkbox"] {
       width: calc(var(--spacing) * 4);
       height: calc(var(--spacing) * 4);
-      padding-inline: 0px;
+      padding-inline: calc(var(--spacing) * 0);
     }
     .hint {
       font-size: var(--text-sm);
@@ -2003,10 +2352,10 @@ body {
     }
     .button-group div, .link-group div {
       grid-column: span 2 / span 2;
-      margin-bottom: 0px;
+      margin-bottom: calc(var(--spacing) * 0);
     }
     .no-margin {
-      margin: 0px;
+      margin: calc(var(--spacing) * 0);
     }
   }
   .inline-form {
@@ -2022,7 +2371,7 @@ body {
       border-style: var(--tw-border-style);
       border-width: 1px;
       border-color: var(--color-neutral-300);
-      padding-inline: 0px;
+      padding-inline: calc(var(--spacing) * 0);
       padding-block: calc(var(--spacing) * 1.5);
       padding-left: calc(var(--spacing) * 8);
     }
@@ -2124,12 +2473,12 @@ body {
       top: calc(var(--spacing) * 0.5);
       display: inline-flex;
       align-items: center;
-      gap: var(--spacing);
+      gap: calc(var(--spacing) * 1);
       --tw-leading: 1;
       line-height: 1;
     }
     .actions {
-      width: var(--spacing);
+      width: calc(var(--spacing) * 1);
       white-space: nowrap;
     }
     &.alt {
@@ -2160,7 +2509,7 @@ body {
       gap: calc(var(--spacing) * 4);
     }
     input {
-      margin-right: var(--spacing);
+      margin-right: calc(var(--spacing) * 1);
       width: calc(var(--spacing) * 20);
       border-radius: var(--radius-sm);
       border-style: var(--tw-border-style);
@@ -2211,7 +2560,7 @@ body {
     gap: calc(var(--spacing) * 4);
   }
   .toolbar-divider {
-    margin-inline: var(--spacing);
+    margin-inline: calc(var(--spacing) * 1);
     height: calc(var(--spacing) * 6);
     width: 1px;
     background-color: var(--color-mono-50);
@@ -2219,6 +2568,108 @@ body {
       background-color: var(--color-neutral-700);
     }
   }
+  .comment-body {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+    overflow-wrap: break-word;
+    p, ul, ol, blockquote {
+      margin-block: calc(var(--spacing) * 1.5);
+      &:first-child {
+        margin-top: calc(var(--spacing) * 0);
+      }
+      &:last-child {
+        margin-bottom: calc(var(--spacing) * 0);
+      }
+    }
+    ul {
+      list-style-type: disc;
+      padding-left: calc(var(--spacing) * 5);
+    }
+    ol {
+      list-style-type: decimal;
+      padding-left: calc(var(--spacing) * 5);
+    }
+    blockquote {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 4px;
+      border-color: color-mix(in srgb, rgb(var(--primary)) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-raketa-primary) 40%, transparent);
+      }
+      padding-left: calc(var(--spacing) * 3);
+      color: color-mix(in srgb, rgb(var(--foreground)) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-raketa-foreground) 70%, transparent);
+      }
+    }
+    a {
+      color: var(--color-raketa-primary);
+      text-decoration-line: underline;
+      text-underline-offset: 2px;
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-raketa-foreground);
+        }
+      }
+    }
+    strong {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+    .comment-mention {
+      border-radius: 0.25rem;
+      background-color: var(--color-blue-100);
+      padding-inline: calc(var(--spacing) * 1);
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+      color: var(--color-blue-700);
+      &:where(.dark, .dark *) {
+        background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
+        }
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-blue-300);
+      }
+    }
+    .comment-mention-unknown {
+      color: color-mix(in srgb, rgb(var(--foreground)) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-raketa-foreground) 50%, transparent);
+      }
+      font-style: italic;
+    }
+  }
+  .mention-input {
+    color: transparent;
+    caret-color: var(--color-raketa-foreground);
+  }
+  .mention-backdrop {
+    pointer-events: none;
+    position: absolute;
+    overflow: hidden;
+    --tw-border-style: solid;
+    border-style: solid;
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+    mark {
+      border-radius: var(--radius-sm);
+      background-color: var(--color-blue-100);
+      color: var(--color-blue-700);
+      &:where(.dark, .dark *) {
+        background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
+        }
+      }
+      &:where(.dark, .dark *) {
+        color: var(--color-blue-300);
+      }
+    }
+  }
   .card-button {
     margin-bottom: calc(var(--spacing) * 2);
     display: flex;
@@ -2258,8 +2709,10 @@ body {
       transition-timing-function: var(--ease-in-out);
     }
   }
-  .unstyled-details[open] .icon-toggle {
-    rotate: 180deg;
+  .unstyled-details[open] {
+    .icon-toggle {
+      rotate: 180deg;
+    }
   }
   .unstyled-details summary {
     list-style: none;
@@ -2346,6 +2799,8 @@ body {
   }
   ::-webkit-date-and-time-value {
     min-height: 1.5em;
+  }
+  ::-webkit-date-and-time-value {
     text-align: inherit;
   }
   ::-webkit-datetime-edit {