rei-kit 2.18.0 → 2.19.0

package/dist/styles.css

@@ -345,19 +345,19 @@
   height: 65%;
 }
 
-.rk-menu[data-v-e57ec901] {
+.rk-menu[data-v-ee62de72] {
   position: relative;
   display: inline-flex;
 }
-.rk-menu-trigger[data-v-e57ec901] {
+.rk-menu-trigger[data-v-ee62de72] {
   display: inline-flex;
   border-radius: var(--radius-cell);
 }
-.rk-menu-trigger[data-v-e57ec901]:focus-visible {
+.rk-menu-trigger[data-v-ee62de72]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-menu-panel[data-v-e57ec901] {
+.rk-menu-panel[data-v-ee62de72] {
   position: absolute;
   top: calc(100% + 0.5rem);
   z-index: 50;
@@ -366,16 +366,16 @@
   border-radius: var(--radius-card);
   padding: 0.375rem;
 }
-.rk-menu-panel.is-end[data-v-e57ec901] {
+.rk-menu-panel.is-end[data-v-ee62de72] {
   right: 0;
 }
-.rk-menu-panel.is-start[data-v-e57ec901] {
+.rk-menu-panel.is-start[data-v-ee62de72] {
   left: 0;
 }
 
 /* The items belong to the caller, so this styles them by role rather than by
    class: whatever they render, it lines up. */
-.rk-menu-panel[data-v-e57ec901] [role='menuitem'] {
+.rk-menu-panel[data-v-ee62de72] [role='menuitem'] {
   display: block;
   width: 100%;
   border-radius: var(--radius-cell);
@@ -385,14 +385,14 @@
   color: var(--color-ink);
   transition: background-color var(--duration-fast);
 }
-.rk-menu-panel[data-v-e57ec901] [role='menuitem']:hover {
+.rk-menu-panel[data-v-ee62de72] [role='menuitem']:hover {
   background: var(--color-muted);
 }
-.rk-menu-panel[data-v-e57ec901] [role='menuitem']:focus-visible {
+.rk-menu-panel[data-v-ee62de72] [role='menuitem']:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: -2px;
 }
-.rk-menu-panel[data-v-e57ec901] hr {
+.rk-menu-panel[data-v-ee62de72] hr {
   margin: 0.375rem 0;
   height: 1px;
   border: 0;
@@ -1117,20 +1117,20 @@ to {
   font-size: 0.8125rem;
 }
 
-.rk-cal[data-v-6d0b0811] {
+.rk-cal[data-v-30197a85] {
   display: flex;
   width: 100%;
   max-width: 19rem;
   flex-direction: column;
   gap: 0.5rem;
 }
-.rk-cal-head[data-v-6d0b0811] {
+.rk-cal-head[data-v-30197a85] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.25rem;
 }
-.rk-cal-arrow[data-v-6d0b0811] {
+.rk-cal-arrow[data-v-30197a85] {
   display: grid;
   width: 2rem;
   height: 2rem;
@@ -1139,40 +1139,40 @@ to {
   color: var(--color-ink);
   transition: background-color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-arrow[data-v-6d0b0811]:hover {
+.rk-cal-arrow[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
-.rk-cal-title[data-v-6d0b0811] {
+.rk-cal-title[data-v-30197a85] {
   border-radius: var(--radius-cell);
   padding: 0.25rem 0.625rem;
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--color-ink);
 }
-.rk-cal-title[data-v-6d0b0811]:hover {
+.rk-cal-title[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
-.rk-cal-weekdays[data-v-6d0b0811],
-.rk-cal-week[data-v-6d0b0811] {
+.rk-cal-weekdays[data-v-30197a85],
+.rk-cal-week[data-v-30197a85] {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-.rk-cal-weekdays[data-v-6d0b0811] {
+.rk-cal-weekdays[data-v-30197a85] {
   gap: 2px;
   font-size: 0.6875rem;
   font-weight: 600;
   text-align: center;
   color: var(--color-ink-soft);
 }
-.rk-cal-grid[data-v-6d0b0811] {
+.rk-cal-grid[data-v-30197a85] {
   display: grid;
   gap: 2px;
 }
-.rk-cal-cell[data-v-6d0b0811] {
+.rk-cal-cell[data-v-30197a85] {
   display: grid;
   place-items: center;
 }
-.rk-cal-day[data-v-6d0b0811] {
+.rk-cal-day[data-v-30197a85] {
   display: grid;
   width: 100%;
   height: 2.25rem;
@@ -1185,49 +1185,49 @@ to {
     background-color var(--duration-fast) var(--ease-standard),
     color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-day[data-v-6d0b0811]:hover:not(:disabled) {
+.rk-cal-day[data-v-30197a85]:hover:not(:disabled) {
   background: var(--color-muted);
 }
-.rk-cal-day[data-v-6d0b0811]:focus-visible {
+.rk-cal-day[data-v-30197a85]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: -2px;
 }
 
 /* A day from the month either side: still reachable, visibly not this month. */
-.rk-cal-day.is-outside[data-v-6d0b0811] {
+.rk-cal-day.is-outside[data-v-30197a85] {
   color: var(--color-ink-soft);
   opacity: 0.55;
 }
-.rk-cal-day.is-inside[data-v-6d0b0811] {
+.rk-cal-day.is-inside[data-v-30197a85] {
   background: color-mix(in oklab, var(--color-primary) 14%, transparent);
   border-radius: 0;
 }
-.rk-cal-day.is-selected[data-v-6d0b0811] {
+.rk-cal-day.is-selected[data-v-30197a85] {
   background: var(--color-primary);
   color: var(--color-on-primary);
   font-weight: 600;
   opacity: 1;
 }
-.rk-cal-day[aria-current='date'][data-v-6d0b0811]:not(.is-selected) {
+.rk-cal-day[aria-current='date'][data-v-30197a85]:not(.is-selected) {
   box-shadow: inset 0 0 0 1px var(--color-primary);
 }
-.rk-cal-day[data-v-6d0b0811]:disabled {
+.rk-cal-day[data-v-30197a85]:disabled {
   cursor: not-allowed;
   opacity: 0.3;
 }
-.rk-cal-blocks[data-v-6d0b0811] {
+.rk-cal-blocks[data-v-30197a85] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0.375rem;
 }
-.rk-cal-block[data-v-6d0b0811] {
+.rk-cal-block[data-v-30197a85] {
   height: 2.5rem;
   border-radius: var(--radius-cell);
   font-size: 0.8125rem;
   color: var(--color-ink);
   transition: background-color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-block[data-v-6d0b0811]:hover {
+.rk-cal-block[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
 
@@ -1362,17 +1362,17 @@ to {
   vertical-align: -0.1em;
 }
 
-.rk-rating[data-v-38007368] {
+.rk-rating[data-v-3118ad6b] {
   display: inline-flex;
   align-items: center;
   gap: 0.125rem;
   border-radius: var(--radius-cell);
 }
-.rk-rating[data-v-38007368]:focus-visible {
+.rk-rating[data-v-3118ad6b]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-rating-star[data-v-38007368] {
+.rk-rating-star[data-v-3118ad6b] {
   display: grid;
   place-items: center;
   padding: 0.125rem;
@@ -1381,34 +1381,34 @@ to {
     color var(--duration-fast) var(--ease-standard),
     transform var(--duration-fast) var(--ease-standard);
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368] {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b] {
   cursor: pointer;
 }
-.rk-rating-star.is-on[data-v-38007368] {
+.rk-rating-star.is-on[data-v-3118ad6b] {
   color: var(--color-warning);
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368]:hover {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
   transform: scale(1.12);
 }
-.rk-rating-icon[data-v-38007368] {
+.rk-rating-icon[data-v-3118ad6b] {
   width: 1.25rem;
   height: 1.25rem;
   fill: currentColor;
   stroke-width: 1.25;
 }
-.is-sm .rk-rating-icon[data-v-38007368] {
+.is-sm .rk-rating-icon[data-v-3118ad6b] {
   width: 1rem;
   height: 1rem;
 }
-.is-lg .rk-rating-icon[data-v-38007368] {
+.is-lg .rk-rating-icon[data-v-3118ad6b] {
   width: 1.75rem;
   height: 1.75rem;
 }
 @media (prefers-reduced-motion: reduce) {
-.rk-rating-star[data-v-38007368] {
+.rk-rating-star[data-v-3118ad6b] {
     transition: none;
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368]:hover {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
     transform: none;
 }
 }
@@ -1582,6 +1582,53 @@ to {
   padding: 0;
 }
 
+.rk-code[data-v-b45043be] {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--color-hair);
+  border-radius: var(--radius-card);
+  background: color-mix(in oklab, var(--color-muted) 50%, transparent);
+}
+.rk-code-bar[data-v-b45043be] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem 0.375rem 1rem;
+  border-block-end: 1px solid var(--color-hair);
+  color: var(--color-ink-soft);
+  font-size: 0.75rem;
+}
+.rk-code-lang[data-v-b45043be] {
+  font-family: ui-monospace, monospace;
+  letter-spacing: 0.04em;
+}
+
+/* Pushes the button to the end when there is no language beside it. */
+.rk-code-copy[data-v-b45043be] {
+  margin-inline-start: auto;
+}
+.rk-code-pre[data-v-b45043be] {
+  margin: 0;
+  overflow-x: auto;
+  padding: 1rem 1.25rem;
+  color: var(--color-ink);
+  font-size: 0.875rem;
+  line-height: 1.75;
+}
+.rk-code-pre[data-v-b45043be]:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: -2px;
+}
+.is-wrapped .rk-code-pre[data-v-b45043be] {
+  overflow-x: visible;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.rk-code-pre code[data-v-b45043be] {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
 .rk-dl[data-v-831e205b] {
   display: grid;
   gap: 0.75rem;
@@ -2613,6 +2660,57 @@ to {
   color: var(--color-hair);
 }
 
+.rk-ctx-area[data-v-4888e5a2] {
+  /*
+   * A real box, not `display: contents`.
+   *
+   * `contents` would have kept the app's layout untouched, and it also
+   * drops the element from the accessibility tree in some browsers --
+   * taking `aria-haspopup` with it, silently. So this renders a plain
+   * block, and the class is the app's to change.
+   */
+  display: block;
+}
+.rk-ctx-panel[data-v-4888e5a2] {
+  position: fixed;
+  z-index: 60;
+  min-width: 11rem;
+  padding: 0.25rem;
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-overlay);
+}
+
+/* Unscoped: the items come from the app's slot, so a scoped rule would not
+   reach them. Named off the panel rather than on their own, so this cannot
+   paint a menu item somewhere else on the page. */
+.rk-ctx-panel [role='menuitem'] {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: var(--radius-cell);
+  padding: 0.5rem 0.625rem;
+  text-align: start;
+  font-size: 0.875rem;
+  color: var(--color-ink);
+}
+.rk-ctx-panel [role='menuitem']:hover:not(:disabled),
+.rk-ctx-panel [role='menuitem']:focus-visible {
+  background: var(--color-muted);
+}
+.rk-ctx-panel [role='menuitem']:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: -2px;
+}
+.rk-ctx-panel [role='menuitem']:disabled {
+  opacity: 0.45;
+}
+.rk-ctx-panel hr {
+  margin: 0.25rem 0;
+  border: 0;
+  border-block-start: 1px solid var(--color-hair);
+}
+
 .rk-disclosure-control[data-v-ad5c09f5] {
   display: flex;
   width: 100%;
@@ -2690,7 +2788,188 @@ to {
 }
 }
 
-.rk-modal-scrim[data-v-61956691] {
+.rk-hovercard[data-v-70c09916] {
+  position: relative;
+  display: inline-flex;
+}
+.rk-hovercard-panel[data-v-70c09916] {
+  position: absolute;
+  z-index: 40;
+  inset-inline-start: 0;
+  width: max-content;
+  max-width: 20rem;
+  padding: 0.875rem 1rem;
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-overlay);
+}
+
+/*
+ * The card sits a little off the trigger, and the gap is bridged.
+ *
+ * Crossing that gap leaves the trigger without yet entering the card, which
+ * starts the close. `closeDelay` already covers a pointer moving at any
+ * normal speed, but the bridge means the pointer never actually leaves:
+ * a transparent strip, part of the panel, fills the space. Belt and braces,
+ * because the failure it prevents -- a card whose contents cannot be
+ * reached -- is total rather than cosmetic.
+ */
+.rk-hovercard-panel[data-v-70c09916]::before {
+  content: '';
+  position: absolute;
+  inset-inline: 0;
+  height: 0.5rem;
+}
+.rk-hovercard-panel.is-bottom[data-v-70c09916]::before {
+  top: -0.5rem;
+}
+.rk-hovercard-panel.is-top[data-v-70c09916]::before {
+  bottom: -0.5rem;
+}
+.rk-hovercard-panel.is-bottom[data-v-70c09916] {
+  top: 100%;
+  margin-block-start: 0.5rem;
+}
+.rk-hovercard-panel.is-top[data-v-70c09916] {
+  bottom: 100%;
+  margin-block-end: 0.5rem;
+}
+
+.rk-drawer-scrim[data-v-de2cccb9] {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+}
+.rk-drawer-veil[data-v-de2cccb9] {
+  position: absolute;
+  inset: 0;
+  background: color-mix(in oklab, var(--color-ink) 45%, transparent);
+  backdrop-filter: blur(2px);
+}
+.rk-drawer-panel[data-v-de2cccb9] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  max-height: 100%;
+  outline: none;
+  box-shadow: var(--shadow-overlay);
+}
+
+/* Logical, so the writing direction decides which edge this is. */
+.rk-drawer-panel.is-start[data-v-de2cccb9] {
+  margin-inline-end: auto;
+  height: 100%;
+  border-start-end-radius: var(--radius-card);
+  border-end-end-radius: var(--radius-card);
+}
+.rk-drawer-panel.is-end[data-v-de2cccb9] {
+  margin-inline-start: auto;
+  height: 100%;
+  border-start-start-radius: var(--radius-card);
+  border-end-start-radius: var(--radius-card);
+}
+.rk-drawer-panel.is-top[data-v-de2cccb9] {
+  margin-block-end: auto;
+  width: 100%;
+  border-end-start-radius: var(--radius-card);
+  border-end-end-radius: var(--radius-card);
+}
+.rk-drawer-panel.is-bottom[data-v-de2cccb9] {
+  margin-block-start: auto;
+  width: 100%;
+  border-start-start-radius: var(--radius-card);
+  border-start-end-radius: var(--radius-card);
+}
+.rk-drawer-head[data-v-de2cccb9] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1.25rem;
+  border-block-end: 1px solid var(--color-hair);
+}
+.rk-drawer-title[data-v-de2cccb9] {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--color-ink);
+}
+.rk-drawer-body[data-v-de2cccb9] {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1.25rem;
+}
+.rk-drawer-actions[data-v-de2cccb9] {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding: 1rem 1.25rem;
+  border-block-start: 1px solid var(--color-hair);
+}
+
+/* One pair per edge: a drawer that slid in from the wrong side reads as a
+   different component arriving. */
+.rk-drawer-start-enter-active[data-v-de2cccb9],
+.rk-drawer-start-leave-active[data-v-de2cccb9],
+.rk-drawer-end-enter-active[data-v-de2cccb9],
+.rk-drawer-end-leave-active[data-v-de2cccb9],
+.rk-drawer-top-enter-active[data-v-de2cccb9],
+.rk-drawer-top-leave-active[data-v-de2cccb9],
+.rk-drawer-bottom-enter-active[data-v-de2cccb9],
+.rk-drawer-bottom-leave-active[data-v-de2cccb9] {
+  transition: opacity var(--duration-base) var(--ease-standard);
+}
+.rk-drawer-start-enter-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-start-leave-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-end-enter-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-end-leave-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-top-enter-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-top-leave-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-bottom-enter-active .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-bottom-leave-active .rk-drawer-panel[data-v-de2cccb9] {
+  transition: transform var(--duration-base) var(--ease-sheet);
+}
+.rk-drawer-start-enter-from[data-v-de2cccb9],
+.rk-drawer-start-leave-to[data-v-de2cccb9],
+.rk-drawer-end-enter-from[data-v-de2cccb9],
+.rk-drawer-end-leave-to[data-v-de2cccb9],
+.rk-drawer-top-enter-from[data-v-de2cccb9],
+.rk-drawer-top-leave-to[data-v-de2cccb9],
+.rk-drawer-bottom-enter-from[data-v-de2cccb9],
+.rk-drawer-bottom-leave-to[data-v-de2cccb9] {
+  opacity: 0;
+}
+.rk-drawer-start-enter-from .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-start-leave-to .rk-drawer-panel[data-v-de2cccb9] {
+  transform: translateX(-100%);
+}
+.rk-drawer-end-enter-from .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-end-leave-to .rk-drawer-panel[data-v-de2cccb9] {
+  transform: translateX(100%);
+}
+.rk-drawer-top-enter-from .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-top-leave-to .rk-drawer-panel[data-v-de2cccb9] {
+  transform: translateY(-100%);
+}
+.rk-drawer-bottom-enter-from .rk-drawer-panel[data-v-de2cccb9],
+.rk-drawer-bottom-leave-to .rk-drawer-panel[data-v-de2cccb9] {
+  transform: translateY(100%);
+}
+@media (prefers-reduced-motion: reduce) {
+.rk-drawer-start-enter-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-start-leave-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-end-enter-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-end-leave-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-top-enter-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-top-leave-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-bottom-enter-active .rk-drawer-panel[data-v-de2cccb9],
+  .rk-drawer-bottom-leave-active .rk-drawer-panel[data-v-de2cccb9] {
+    transition: none;
+    transform: none;
+}
+}
+
+.rk-modal-scrim[data-v-92ea084c] {
   position: fixed;
   inset: 0;
   z-index: 50;
@@ -2700,7 +2979,7 @@ to {
   background: color-mix(in srgb, var(--color-ink) 70%, transparent);
   backdrop-filter: blur(4px);
 }
-.rk-modal-panel[data-v-61956691] {
+.rk-modal-panel[data-v-92ea084c] {
   width: 100%;
   max-width: 28rem;
   max-height: 85vh;
@@ -2708,21 +2987,21 @@ to {
   border-radius: var(--radius-card);
   padding: 1.5rem;
 }
-.rk-modal-panel[data-v-61956691]:focus {
+.rk-modal-panel[data-v-92ea084c]:focus {
   outline: none;
 }
-.rk-modal-head[data-v-61956691] {
+.rk-modal-head[data-v-92ea084c] {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 1rem;
 }
-.rk-modal-title[data-v-61956691] {
+.rk-modal-title[data-v-92ea084c] {
   font-size: 1.0625rem;
   font-weight: 600;
   color: var(--color-ink);
 }
-.rk-modal-close[data-v-61956691] {
+.rk-modal-close[data-v-92ea084c] {
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -2732,58 +3011,58 @@ to {
   color: var(--color-ink-soft);
   transition: background-color var(--duration-fast);
 }
-.rk-modal-close[data-v-61956691]:hover {
+.rk-modal-close[data-v-92ea084c]:hover {
   background: var(--color-muted);
 }
-.rk-modal-close[data-v-61956691]:focus-visible {
+.rk-modal-close[data-v-92ea084c]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-modal-close svg[data-v-61956691] {
+.rk-modal-close svg[data-v-92ea084c] {
   width: 1rem;
   height: 1rem;
 }
-.rk-modal-body[data-v-61956691] {
+.rk-modal-body[data-v-92ea084c] {
   margin-top: 0.75rem;
   color: var(--color-ink-soft);
   font-size: 0.875rem;
   line-height: 1.625;
 }
-.rk-modal-actions[data-v-61956691] {
+.rk-modal-actions[data-v-92ea084c] {
   margin-top: 1.5rem;
   display: flex;
   justify-content: flex-end;
   gap: 0.5rem;
 }
-.rk-modal-enter-active[data-v-61956691],
-.rk-modal-leave-active[data-v-61956691] {
+.rk-modal-enter-active[data-v-92ea084c],
+.rk-modal-leave-active[data-v-92ea084c] {
   transition: opacity var(--duration-base) ease;
 }
-.rk-modal-enter-active .rk-modal-panel[data-v-61956691],
-.rk-modal-leave-active .rk-modal-panel[data-v-61956691] {
+.rk-modal-enter-active .rk-modal-panel[data-v-92ea084c],
+.rk-modal-leave-active .rk-modal-panel[data-v-92ea084c] {
   transition:
     transform var(--duration-base) var(--ease-sheet),
     opacity var(--duration-base) ease;
 }
-.rk-modal-enter-from[data-v-61956691],
-.rk-modal-leave-to[data-v-61956691] {
+.rk-modal-enter-from[data-v-92ea084c],
+.rk-modal-leave-to[data-v-92ea084c] {
   opacity: 0;
 }
 
 /* From nowhere, not from an edge: a scale is what separates this from a sheet. */
-.rk-modal-enter-from .rk-modal-panel[data-v-61956691],
-.rk-modal-leave-to .rk-modal-panel[data-v-61956691] {
+.rk-modal-enter-from .rk-modal-panel[data-v-92ea084c],
+.rk-modal-leave-to .rk-modal-panel[data-v-92ea084c] {
   transform: scale(0.96);
   opacity: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-.rk-modal-enter-active .rk-modal-panel[data-v-61956691],
-  .rk-modal-leave-active .rk-modal-panel[data-v-61956691] {
+.rk-modal-enter-active .rk-modal-panel[data-v-92ea084c],
+  .rk-modal-leave-active .rk-modal-panel[data-v-92ea084c] {
     transition: opacity var(--duration-base) ease;
     transform: none;
 }
-.rk-modal-enter-from .rk-modal-panel[data-v-61956691],
-  .rk-modal-leave-to .rk-modal-panel[data-v-61956691] {
+.rk-modal-enter-from .rk-modal-panel[data-v-92ea084c],
+  .rk-modal-leave-to .rk-modal-panel[data-v-92ea084c] {
     transform: none;
 }
 }