@inkra/react 0.0.0-stage → 0.1.0

package/dist/styles.css

@@ -0,0 +1,3663 @@
+@import "./tokens.css";
+
+@font-face {
+  font-family: "Trip Map Hand";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./assets/ui-hand-yozai.woff2") format("woff2");
+}
+
+.inkra-pencil-surface {
+  background: transparent;
+  box-sizing: border-box;
+  isolation: isolate;
+  position: relative;
+}
+
+.inkra-pencil-surface > .inkra-pencil-surface__ink {
+  display: block;
+  height: 100%;
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  z-index: -1;
+}
+
+.inkra-pencil-surface--wash > .inkra-pencil-surface__ink {
+  height: calc(100% + 24px);
+  inset: -12px;
+  width: calc(100% + 24px);
+}
+
+.inkra-pencil-surface--selection {
+  color: var(--inkra-selection-foreground, #244b37);
+}
+
+.inkra-pencil-surface__content {
+  align-items: inherit;
+  display: inherit;
+  height: 100%;
+  justify-content: inherit;
+  min-width: 0;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+}
+
+.inkra-pencil-surface--clipped > .inkra-pencil-surface__content {
+  clip-path: var(--inkra-pencil-clip, inset(3px));
+}
+
+.inkra-pencil-surface > .inkra-pencil-surface__border {
+  height: 100%;
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+.inkra-pencil-surface:is(button, a, span) {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  vertical-align: middle;
+}
+
+.inkra-pencil-surface:is(button, a) {
+  border: 0;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.inkra-pencil-surface:is(button, a):focus-visible {
+  outline: var(--inkra-focus-width) solid var(--inkra-focus);
+  outline-offset: var(--inkra-focus-offset);
+}
+
+.inkra-pencil-surface:disabled,
+.inkra-pencil-surface[aria-disabled="true"] {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-pencil-surface[data-pencil-fallback="true"] {
+  background: var(--inkra-surface);
+  border: 1px solid var(--inkra-border-strong);
+}
+
+.inkra-pencil-surface--action[data-pencil-fallback="true"] {
+  background: var(--inkra-accent-soft);
+}
+
+.inkra-pencil-surface--outline[data-pencil-fallback="true"] {
+  background: transparent;
+  border-color: var(--inkra-accent-strong);
+}
+
+.inkra-pencil-surface--danger[data-pencil-fallback="true"] {
+  background: var(--inkra-danger-soft);
+  border-color: var(--inkra-danger);
+}
+
+.inkra-pencil-surface--ghost[data-pencil-fallback="true"] {
+  background: transparent;
+  border: 0;
+}
+
+.inkra-pencil-surface--selection[data-pencil-fallback="true"] {
+  background: transparent;
+  border: 0;
+}
+
+[data-theme="dark"] .inkra-pencil-surface--selection,
+[data-inkra-theme="dark"] .inkra-pencil-surface--selection {
+  color: var(--inkra-selection-foreground, #e5e2cf);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]):not([data-inkra-theme]) .inkra-pencil-surface--selection,
+  [data-theme="auto"] .inkra-pencil-surface--selection,
+  [data-inkra-theme="auto"] .inkra-pencil-surface--selection {
+    color: var(--inkra-selection-foreground, #e5e2cf);
+  }
+}
+
+.inkra-pencil-text,
+.inkra-pencil-text__source {
+  color: inherit;
+  font: inherit;
+  font-family: "Trip Map Hand", "HanziPen SC", "Hannotate SC", "Kaiti SC", "STKaiti", cursive;
+  font-kerning: none;
+  font-variant-ligatures: none;
+  letter-spacing: 0;
+}
+
+.inkra-pencil-text {
+  display: inline-block;
+  max-width: 100%;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.inkra-pencil-text canvas {
+  display: none;
+  pointer-events: none;
+  position: absolute;
+}
+
+.inkra-pencil-text[data-pencil-ready="true"] canvas {
+  display: block;
+}
+
+.inkra-pencil-text[data-pencil-ready="true"] > .inkra-pencil-text__source {
+  color: transparent;
+}
+
+.inkra-pencil-text__source::selection {
+  background: var(--inkra-selection);
+  color: var(--inkra-ink);
+}
+
+.inkra-pencil-text--ellipsis {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  overflow-wrap: normal;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.inkra-pencil-text--ellipsis > .inkra-pencil-text__source {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.inkra-pencil-icon,
+.inkra-pencil-line {
+  color: currentcolor;
+  display: block;
+  pointer-events: none;
+}
+
+.inkra-pencil-line[data-orientation="horizontal"] {
+  height: 8px;
+  width: 100%;
+}
+
+.inkra-pencil-line[data-orientation="vertical"] {
+  height: 100%;
+  width: 8px;
+}
+
+.inkra-button {
+  --inkra-button-visual-height: var(--inkra-control-md);
+  --inkra-button-visual-padding: var(--inkra-space-5);
+  --inkra-button-font-size: var(--inkra-text-md);
+  --inkra-button-icon-size: var(--inkra-icon-md);
+  --inkra-button-content-gap: var(--inkra-space-2);
+
+  align-items: center;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  box-sizing: border-box;
+  color: var(--inkra-on-accent, var(--inkra-accent-strong));
+  cursor: pointer;
+  display: inline-flex;
+  font-family: "Trip Map Hand", "HanziPen SC", "Hannotate SC", "Kaiti SC", "STKaiti", cursive;
+  font-weight: var(--inkra-weight-regular);
+  justify-content: center;
+  letter-spacing: var(--inkra-letter-spacing);
+  line-height: var(--inkra-line-ui);
+  min-height: var(--inkra-touch-target);
+  min-width: var(--inkra-touch-target);
+  overflow: visible;
+  padding: 0;
+  position: relative;
+  text-decoration: none;
+  user-select: none;
+  vertical-align: middle;
+}
+
+.inkra-button__surface {
+  align-items: center;
+  box-sizing: border-box;
+  color: inherit;
+  display: inline-flex;
+  font-size: var(--inkra-button-font-size);
+  height: var(--inkra-button-visual-height);
+  justify-content: center;
+  line-height: var(--inkra-line-ui);
+  min-width: var(--inkra-button-visual-height);
+  overflow: visible;
+  padding: 0 var(--inkra-button-visual-padding);
+  pointer-events: none;
+  transition:
+    background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
+    border-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
+    transform var(--inkra-motion-fast) var(--inkra-ease);
+  white-space: nowrap;
+}
+
+.inkra-button__surface > .inkra-pencil-surface__ink {
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.inkra-button:hover:not(:disabled):not([aria-disabled="true"])
+  .inkra-button__surface {
+  transform: translateY(-0.5px);
+}
+
+.inkra-button:active:not(:disabled):not([aria-disabled="true"]) .inkra-button__surface {
+  transform: translateY(1px) rotate(-0.15deg);
+}
+
+.inkra-button:focus-visible {
+  outline: 0;
+}
+
+.inkra-button__focus-ring {
+  --inkra-accent-strong: var(--inkra-focus);
+  display: block !important;
+  position: absolute !important;
+  inset-inline: calc(-1 * var(--inkra-focus-offset));
+  top: 50%;
+  height: calc(var(--inkra-button-visual-height) + 2 * var(--inkra-focus-offset));
+  transform: translateY(-50%);
+  pointer-events: none;
+  opacity: 0;
+  z-index: 3;
+}
+
+.inkra-button:focus-visible > .inkra-button__focus-ring {
+  opacity: 1;
+}
+
+.inkra-button-group .inkra-button__focus-ring,
+.inkra-input__end-action .inkra-button__focus-ring {
+  inset-inline: 0;
+  height: var(--inkra-button-visual-height);
+}
+
+@media (forced-colors: active) {
+  .inkra-button:focus-visible {
+    outline: var(--inkra-focus-width) solid Highlight;
+    outline-offset: var(--inkra-focus-offset);
+  }
+
+  .inkra-button__focus-ring {
+    display: none !important;
+  }
+}
+
+.inkra-button:disabled,
+.inkra-button[aria-disabled="true"] {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-button[data-size="xs"],
+.inkra-button[data-size="icon-xs"] {
+  --inkra-button-visual-height: var(--inkra-control-xs, 32px);
+  --inkra-button-visual-padding: var(--inkra-space-3);
+  --inkra-button-font-size: var(--inkra-text-xs);
+  --inkra-button-icon-size: var(--inkra-icon-xs, 14px);
+  --inkra-button-content-gap: var(--inkra-space-1);
+}
+
+.inkra-button[data-size="sm"] {
+  --inkra-button-visual-height: var(--inkra-control-sm);
+  --inkra-button-visual-padding: var(--inkra-space-4);
+  --inkra-button-font-size: var(--inkra-text-sm);
+  --inkra-button-icon-size: var(--inkra-icon-sm);
+}
+
+.inkra-button[data-size="lg"] {
+  --inkra-button-visual-height: var(--inkra-control-lg);
+  --inkra-button-visual-padding: var(--inkra-space-6);
+  --inkra-button-font-size: var(--inkra-text-lg);
+  --inkra-button-icon-size: var(--inkra-icon-lg);
+}
+
+.inkra-button[data-size="icon-sm"] {
+  --inkra-button-visual-height: var(--inkra-control-sm);
+  --inkra-button-font-size: var(--inkra-text-sm);
+  --inkra-button-icon-size: var(--inkra-icon-sm);
+}
+
+.inkra-button[data-size="icon-lg"] {
+  --inkra-button-visual-height: var(--inkra-control-lg);
+  --inkra-button-font-size: var(--inkra-text-lg);
+  --inkra-button-icon-size: var(--inkra-icon-lg);
+}
+
+.inkra-button[data-size^="icon"] .inkra-button__surface {
+  padding-inline: 0;
+  width: var(--inkra-button-visual-height);
+}
+
+.inkra-button[data-variant="secondary"] {
+  color: var(--inkra-ink);
+}
+
+.inkra-button[data-variant="ghost"] {
+  color: var(--inkra-ink-muted);
+}
+
+.inkra-button[data-variant="outline"] {
+  color: var(--inkra-accent-strong);
+}
+
+.inkra-button[data-variant="destructive"] {
+  color: var(--inkra-on-danger, var(--inkra-danger));
+}
+
+.inkra-button[data-variant="link"] {
+  color: var(--inkra-accent-strong);
+}
+
+.inkra-button[data-variant="ghost"]
+  .inkra-button__surface > .inkra-pencil-surface__ink {
+  opacity: 0;
+}
+
+.inkra-button[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"])
+  .inkra-button__surface > .inkra-pencil-surface__ink,
+.inkra-button[data-variant="ghost"]:focus-visible
+  .inkra-button__surface > .inkra-pencil-surface__ink {
+  opacity: 1;
+}
+
+.inkra-button[data-variant="ghost"]
+  .inkra-button__surface[data-pencil-fallback="true"] {
+  background: transparent;
+  border: 1px solid transparent;
+}
+
+.inkra-button[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"])
+  .inkra-button__surface[data-pencil-fallback="true"],
+.inkra-button[data-variant="ghost"]:focus-visible
+  .inkra-button__surface[data-pencil-fallback="true"] {
+  background: var(--inkra-surface-muted);
+  border-color: var(--inkra-border);
+}
+
+.inkra-button[data-variant="link"] .inkra-button__label {
+  position: relative;
+}
+
+.inkra-button .inkra-button__underline {
+  position: absolute;
+  inset-inline: 0;
+  bottom: -5px;
+  width: 100%;
+  height: 6px;
+  color: inherit;
+}
+
+@media (forced-colors: active), print {
+  .inkra-button[data-variant="link"] .inkra-button__label {
+    text-decoration-line: underline;
+    text-underline-offset: 0.2em;
+  }
+}
+
+.inkra-button__content {
+  align-items: center;
+  display: inline-flex;
+  gap: var(--inkra-button-content-gap);
+  justify-content: center;
+  min-width: 0;
+  position: relative;
+  white-space: nowrap;
+}
+
+.inkra-button__icon {
+  position: relative;
+  align-items: center;
+  display: inline-flex;
+  flex: 0 0 var(--inkra-button-icon-size);
+  height: var(--inkra-button-icon-size);
+  justify-content: center;
+  width: var(--inkra-button-icon-size);
+}
+
+.inkra-button__icon-content { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
+.inkra-button__icon-content > :is(svg, canvas),
+.inkra-button__loading-indicator > :is(svg, canvas) {
+  height: 100% !important;
+  max-height: 100%;
+  max-width: 100%;
+  width: 100% !important;
+}
+
+.inkra-button__label,
+.inkra-button__label > span {
+  align-items: center;
+  display: inline-flex;
+  min-width: 0;
+  overflow: visible;
+  white-space: nowrap;
+}
+
+.inkra-button__spinner {
+  animation: inkra-button-spin 800ms steps(8, end) infinite;
+  border: 1.5px dashed currentcolor;
+  border-radius: 50%;
+  box-sizing: border-box;
+  height: var(--inkra-icon-sm);
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--inkra-icon-sm);
+}
+
+.inkra-button[data-loading="true"][data-loading-position="center"] .inkra-button__label {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.inkra-button[data-loading="true"][data-loading-position="center"] .inkra-button__icon,
+.inkra-button[data-loading="true"] [data-loading-slot="true"] > .inkra-button__icon-content {
+  opacity: 0;
+}
+
+.inkra-button__loading-indicator { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: var(--inkra-button-icon-size); height: var(--inkra-button-icon-size); }
+.inkra-button[data-full-width="true"], .inkra-button[data-full-width="true"] .inkra-button__surface { width: 100%; }
+.inkra-button[data-align="start"] .inkra-button__surface { justify-content: flex-start; }
+.inkra-button[data-align="end"] .inkra-button__surface { justify-content: flex-end; }
+.inkra-button[data-size^="icon"] .inkra-button__surface { justify-content: center; }
+
+.inkra-button-group {
+  align-items: stretch;
+  display: inline-flex;
+  gap: 0;
+  max-width: 100%;
+}
+
+.inkra-button-group > .inkra-button {
+  flex: 0 0 auto;
+}
+.inkra-button-group[data-full-width="true"] { display: flex; width: 100%; }
+.inkra-button-group[data-equal-width="true"][data-orientation="horizontal"] { display: inline-grid; grid-auto-flow: column; grid-auto-columns: minmax(max-content, 1fr); }
+.inkra-button-group[data-equal-width="true"][data-orientation="vertical"] > .inkra-button { width: 100%; }
+
+.inkra-button-group > .inkra-pencil-surface__ink {
+  z-index: 3;
+}
+
+.inkra-button-group > .inkra-button .inkra-button__surface {
+  width: 100%;
+  transform: none;
+}
+
+.inkra-button-group > .inkra-button .inkra-pencil-surface__content {
+  clip-path: none;
+}
+
+.inkra-button-group > .inkra-button .inkra-pencil-surface__border {
+  display: none;
+}
+
+.inkra-button-group > .inkra-button .inkra-button__surface[data-pencil-fallback="true"] {
+  border: 0;
+}
+
+.inkra-button-group__divider {
+  color: var(--inkra-border-strong);
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  z-index: 3;
+}
+
+.inkra-button-group > .inkra-button + .inkra-button > .inkra-button-group__divider {
+  display: block;
+}
+
+.inkra-button-group__divider[data-orientation="vertical"] {
+  height: 100%;
+  inset-block-start: 0;
+  inset-inline-start: -4px;
+  width: 8px;
+}
+
+.inkra-button-group__divider[data-orientation="horizontal"] {
+  height: 8px;
+  inset-block-start: -4px;
+  inset-inline-start: 0;
+  width: 100%;
+}
+
+.inkra-button-group > .inkra-button:focus-visible {
+  outline-offset: calc(-1 * var(--inkra-focus-width));
+  z-index: 4;
+}
+
+.inkra-button-group[data-orientation="vertical"] {
+  flex-direction: column;
+}
+
+.inkra-button-group[data-orientation="horizontal"] {
+  flex-direction: row;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  scrollbar-width: thin;
+}
+
+@keyframes inkra-button-spin {
+  to {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-button__surface {
+    transition-duration: 0ms;
+  }
+
+  .inkra-button__surface > .inkra-pencil-surface__ink {
+    transition-duration: 0ms;
+  }
+
+  .inkra-button__spinner {
+    animation: none;
+  }
+}
+
+@media (forced-colors: active), print {
+  .inkra-pencil-surface > canvas,
+  .inkra-pencil-icon,
+  .inkra-pencil-text canvas {
+    display: none !important;
+  }
+
+  .inkra-pencil-line {
+    background: CanvasText;
+    display: block !important;
+  }
+
+  .inkra-pencil-line[data-orientation="horizontal"] {
+    height: 1px;
+  }
+
+  .inkra-pencil-line[data-orientation="vertical"] {
+    width: 1px;
+  }
+
+  .inkra-button .inkra-button__underline {
+    display: none !important;
+  }
+
+  .inkra-pencil-surface {
+    border: 1px solid CanvasText;
+  }
+
+  .inkra-button-group > .inkra-button .inkra-button__surface {
+    border: 0;
+  }
+
+  .inkra-button-group > .inkra-button:not(.inkra-button + .inkra-button) > .inkra-button-group__divider {
+    display: none !important;
+  }
+
+  .inkra-button-group__divider[data-orientation="vertical"] {
+    inset-inline-start: 0;
+  }
+
+  .inkra-button-group__divider[data-orientation="horizontal"] {
+    inset-block-start: 0;
+  }
+
+  .inkra-button[data-variant="link"] .inkra-button__surface,
+  .inkra-button[data-variant="ghost"] .inkra-button__surface {
+    border: 0;
+  }
+
+  .inkra-pencil-text[data-pencil-ready="true"] > .inkra-pencil-text__source {
+    color: inherit;
+  }
+}
+
+.inkra-field {
+  display: grid;
+  gap: var(--inkra-space-2);
+  min-width: 0;
+  color: var(--inkra-ink);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-ui);
+}
+
+.inkra-field__label {
+  display: inline-flex;
+  width: fit-content;
+  align-items: baseline;
+  gap: var(--inkra-space-1);
+  color: var(--inkra-ink);
+  cursor: pointer;
+}
+
+.inkra-field__required,
+.inkra-field__error {
+  color: var(--inkra-danger-foreground, var(--inkra-danger));
+}
+
+.inkra-field__control {
+  min-width: 0;
+}
+
+.inkra-field__description,
+.inkra-field__error {
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+}
+
+.inkra-field__description {
+  color: var(--inkra-ink-muted);
+}
+
+.inkra-field[data-disabled="true"] .inkra-field__label {
+  cursor: not-allowed;
+}
+
+.inkra-field-control-hit {
+  --inkra-field-control-height: var(--inkra-control-md);
+  --inkra-field-control-font-size: var(--inkra-text-md);
+  --inkra-field-control-icon-size: var(--inkra-icon-md);
+  --inkra-field-control-padding: var(--inkra-space-3);
+
+  display: flex;
+  min-width: 0;
+  min-height: var(--inkra-touch-target);
+  align-items: center;
+}
+
+.inkra-field-control-hit[data-size="sm"] {
+  --inkra-field-control-height: var(--inkra-control-sm);
+  --inkra-field-control-font-size: var(--inkra-text-sm);
+  --inkra-field-control-icon-size: var(--inkra-icon-sm);
+  --inkra-field-control-padding: var(--inkra-space-2);
+}
+
+.inkra-field-control-hit[data-size="lg"] {
+  --inkra-field-control-height: var(--inkra-control-lg);
+  --inkra-field-control-font-size: var(--inkra-text-lg);
+  --inkra-field-control-icon-size: var(--inkra-icon-lg);
+  --inkra-field-control-padding: var(--inkra-space-4);
+}
+
+.inkra-field-control {
+  position: relative;
+  isolation: isolate;
+  display: flex !important;
+  width: 100%;
+  min-width: 0;
+  height: var(--inkra-field-control-height);
+  align-items: center;
+  color: var(--inkra-ink);
+}
+
+.inkra-field-control-hit:focus-within .inkra-field-control > .inkra-pencil-surface__ink,
+.inkra-field-control-hit:focus-within .inkra-field-control > .inkra-pencil-surface__border {
+  filter: contrast(1.28) saturate(1.08);
+}
+
+.inkra-field-control__icon {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  width: var(--inkra-field-control-icon-size);
+  height: var(--inkra-field-control-icon-size);
+  flex: 0 0 var(--inkra-field-control-icon-size);
+  align-items: center;
+  justify-content: center;
+  color: var(--inkra-ink-muted);
+  pointer-events: none;
+}
+
+.inkra-field-control__icon--start {
+  margin-inline-start: var(--inkra-field-control-padding);
+}
+
+.inkra-field-control__icon--end {
+  margin-inline-end: var(--inkra-field-control-padding);
+}
+
+.inkra-field-control__icon > :is(svg, canvas) {
+  width: 100%;
+  height: 100%;
+}
+
+.inkra-input,
+.inkra-textarea {
+  --inkra-editable-text-color: var(--inkra-ink);
+  --inkra-editable-placeholder-color: var(--inkra-ink-subtle);
+
+  position: relative;
+  z-index: 2;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--inkra-ink);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-field-control-font-size);
+  font-weight: var(--inkra-weight-regular);
+  letter-spacing: var(--inkra-letter-spacing);
+  line-height: var(--inkra-line-ui);
+  caret-color: var(--inkra-ink);
+}
+
+.inkra-input:focus-visible,
+.inkra-textarea:focus-visible {
+  outline: 0;
+}
+
+.inkra-input {
+  height: 100%;
+  padding-block: 0;
+  padding-inline: var(--inkra-field-control-padding);
+}
+
+.inkra-field-control__icon--start + .inkra-input {
+  padding-inline-start: var(--inkra-space-2);
+}
+
+.inkra-input:has(+ .inkra-field-control__icon--end) {
+  padding-inline-end: var(--inkra-space-2);
+}
+
+.inkra-input::placeholder,
+.inkra-textarea::placeholder {
+  color: var(--inkra-ink-subtle);
+  opacity: 1;
+}
+
+.inkra-editable-text {
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.inkra-field-control-hit[data-pencil-editable-ready="true"] .inkra-editable-text {
+  opacity: 1;
+}
+
+.inkra-field-control-hit[data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea) {
+  color: transparent !important;
+}
+
+.inkra-field-control-hit[data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea)::placeholder {
+  color: transparent !important;
+}
+
+.inkra-field-control-hit[data-composing="true"] .inkra-editable-text {
+  opacity: 0;
+}
+
+.inkra-field-control-hit[data-composing="true"] :is(.inkra-input, .inkra-textarea) {
+  color: var(--inkra-editable-text-color, var(--inkra-ink)) !important;
+}
+
+.inkra-field-control-hit[data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea)::selection {
+  background: var(--inkra-selection);
+  color: transparent;
+}
+
+.inkra-field-control-hit[data-disabled="true"] {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-field-control-hit[data-readonly="true"] .inkra-input,
+.inkra-field-control-hit[data-readonly="true"] .inkra-textarea {
+  --inkra-editable-text-color: var(--inkra-ink-muted);
+  color: var(--inkra-ink-muted);
+}
+
+.inkra-field-control-hit[data-readonly="true"][data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea) {
+  color: transparent !important;
+}
+
+.inkra-field-control-hit--textarea {
+  min-height: 0;
+  align-items: stretch;
+}
+
+.inkra-field-control--textarea {
+  min-height: 96px;
+  height: auto;
+  align-items: stretch;
+}
+
+.inkra-field-control-hit--textarea[data-size="sm"] .inkra-field-control--textarea {
+  min-height: 80px;
+}
+
+.inkra-field-control-hit--textarea[data-size="lg"] .inkra-field-control--textarea {
+  min-height: 112px;
+}
+
+.inkra-textarea {
+  min-height: inherit;
+  padding: var(--inkra-field-control-padding);
+  resize: vertical;
+}
+
+.inkra-input-root {
+  --inkra-field-control-icon-size: calc(var(--inkra-icon-md) + 2px);
+
+  display: inline-flex;
+  inline-size: 20rem;
+  max-inline-size: 100%;
+  vertical-align: middle;
+}
+
+.inkra-input-root[data-size="sm"] {
+  --inkra-field-control-icon-size: calc(var(--inkra-icon-sm) + 2px);
+}
+
+.inkra-input-root[data-size="lg"] {
+  --inkra-field-control-icon-size: calc(var(--inkra-icon-lg) + 2px);
+}
+
+.inkra-input-root[data-full-width="true"] {
+  display: flex;
+  inline-size: 100%;
+}
+
+.inkra-input-root .inkra-field-control--input {
+  box-sizing: border-box;
+  min-block-size: var(--inkra-field-control-height);
+  block-size: auto;
+  flex-wrap: wrap;
+  gap: var(--inkra-space-2);
+  padding-inline: var(--inkra-field-control-padding);
+}
+
+.inkra-input-root .inkra-field-control--input > .inkra-pencil-surface__content {
+  min-block-size: var(--inkra-field-control-height);
+  block-size: auto;
+  flex-wrap: inherit;
+  gap: inherit;
+  clip-path: none;
+}
+
+.inkra-input-root .inkra-field-control__icon {
+  margin-inline: 0;
+}
+
+.inkra-input-root .inkra-field-control__icon > :is(svg, canvas) {
+  inline-size: 100% !important;
+  block-size: 100% !important;
+}
+
+.inkra-input-root .inkra-input {
+  flex: 1 1 4rem;
+  inline-size: 0;
+  min-inline-size: min(4rem, 100%);
+  block-size: var(--inkra-field-control-height);
+  padding-inline: 0;
+}
+
+.inkra-input-root .inkra-input__underline {
+  position: absolute;
+  z-index: 4;
+  inset-inline-start: calc(-1 * var(--inkra-field-control-padding));
+  inset-block-end: -2px;
+  inline-size: calc(100% + 2 * var(--inkra-field-control-padding));
+  block-size: 8px;
+  color: var(--inkra-border-strong);
+  pointer-events: none;
+}
+
+.inkra-input-root[data-invalid="true"] .inkra-input__underline {
+  color: var(--inkra-danger-foreground, var(--inkra-danger));
+}
+
+.inkra-field-control--input[data-pencil-fallback="true"] .inkra-input__underline {
+  inset-block-end: 0;
+  block-size: 1px;
+  background: currentColor;
+}
+
+.inkra-input__affix {
+  position: relative;
+  z-index: 1;
+  min-inline-size: 0;
+  max-inline-size: 25%;
+  overflow: hidden;
+  flex: 0 1 auto;
+  color: var(--inkra-ink-muted);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-field-control-font-size);
+  line-height: var(--inkra-line-ui);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.inkra-input__actions,
+.inkra-input__end-action {
+  position: relative;
+  z-index: 2;
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 0;
+}
+
+.inkra-input__actions {
+  block-size: var(--inkra-field-control-height);
+  align-self: center;
+  margin-inline-end: calc(-1 * var(--inkra-field-control-padding));
+}
+
+.inkra-input__end-action {
+  block-size: var(--inkra-field-control-height);
+  min-block-size: 0;
+  align-self: center;
+  padding: 0;
+  isolation: isolate;
+  color: var(--inkra-selection-foreground);
+}
+
+.inkra-input__action-wash {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  overflow: hidden;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  border-start-end-radius: var(--inkra-radius-lg);
+  border-end-end-radius: var(--inkra-radius-lg);
+  opacity: 0;
+  pointer-events: none;
+}
+
+.inkra-input-root:is([data-variant="underline"], [data-variant="ghost"]) .inkra-input__action-wash {
+  inset: 4px;
+  border-radius: 3px;
+}
+
+.inkra-input__end-action[data-active="true"] > .inkra-input__action-wash {
+  opacity: 1;
+}
+
+.inkra-input__action-wash[data-pencil-fallback="true"] {
+  background: color-mix(in srgb, var(--inkra-selection-pigment) 15%, transparent);
+}
+
+.inkra-input__end-action .inkra-button {
+  z-index: 1;
+  color: inherit;
+}
+
+.inkra-input__action-divider {
+  position: absolute;
+  z-index: 3;
+  inset-inline-start: -4px;
+  inset-block-start: 0;
+  inline-size: 8px;
+  block-size: 100%;
+  color: var(--inkra-border-strong);
+  pointer-events: none;
+}
+
+.inkra-input-root[data-variant="underline"] .inkra-input__action-divider {
+  inset-block-start: 8px;
+  block-size: calc(100% - 16px);
+}
+
+.inkra-input__end-action > .inkra-button:focus-visible {
+  outline-offset: calc(-1 * var(--inkra-focus-width));
+}
+
+.inkra-input__end-action .inkra-button__surface {
+  overflow: hidden;
+  border: 0 !important;
+  background: transparent !important;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  border-start-end-radius: 7px;
+  border-end-end-radius: 7px;
+  transform: none !important;
+}
+
+.inkra-input__end-action .inkra-button__surface > .inkra-pencil-surface__border {
+  display: none;
+}
+
+.inkra-input__start-action {
+  margin-inline-start: calc(-1 * var(--inkra-field-control-padding));
+}
+
+.inkra-input__start-action .inkra-input__action-divider {
+  inset-inline-start: auto;
+  inset-inline-end: -4px;
+}
+
+.inkra-input__start-action .inkra-input__action-wash,
+.inkra-input__start-action .inkra-button__surface {
+  border-start-start-radius: var(--inkra-radius-lg);
+  border-end-start-radius: var(--inkra-radius-lg);
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.inkra-input__clear {
+  display: inline-flex;
+  box-sizing: border-box;
+  flex: 0 0 var(--inkra-touch-target);
+  inline-size: var(--inkra-touch-target);
+  block-size: var(--inkra-touch-target);
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 0;
+  border-radius: var(--inkra-radius-md);
+  background: transparent;
+  color: var(--inkra-ink-muted);
+  cursor: pointer;
+}
+
+.inkra-input__clear:hover {
+  color: var(--inkra-ink);
+}
+
+.inkra-input__clear:focus-visible {
+  outline: var(--inkra-focus-width) solid var(--inkra-focus);
+  outline-offset: calc(-1 * var(--inkra-focus-width));
+}
+
+.inkra-input__clear[data-visible="false"] {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.inkra-input__loading {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  inline-size: 30px;
+  block-size: 30px;
+  flex: 0 0 30px;
+  align-items: center;
+  justify-content: center;
+  color: var(--inkra-ink-muted);
+  pointer-events: none;
+}
+
+.inkra-input__loading[data-active="false"] {
+  visibility: hidden;
+}
+
+.inkra-input__loading[data-active="true"] .inkra-input__spinner {
+  animation: inkra-input-loading 900ms linear infinite;
+}
+
+.inkra-input-root[data-clearable="true"] .inkra-input::-webkit-search-cancel-button {
+  display: none;
+  -webkit-appearance: none;
+}
+
+@keyframes inkra-input-loading {
+  to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-input__loading[data-active="true"] .inkra-input__spinner {
+    animation: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-field-control {
+    border: 1px solid CanvasText;
+  }
+
+  .inkra-field-control-hit[data-invalid="true"] .inkra-field-control {
+    border-color: Mark;
+  }
+
+  .inkra-editable-text {
+    display: none !important;
+  }
+
+  .inkra-field-control-hit :is(.inkra-input, .inkra-textarea) {
+    color: FieldText !important;
+    caret-color: FieldText;
+  }
+
+  .inkra-field-control-hit :is(.inkra-input, .inkra-textarea)::placeholder {
+    color: GrayText !important;
+    opacity: 1;
+  }
+
+  .inkra-field-control-hit[data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea)::selection {
+    background: Highlight;
+    color: HighlightText;
+  }
+
+  .inkra-field-control-hit :is(.inkra-input, .inkra-textarea):focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+
+  .inkra-input__clear {
+    color: ButtonText;
+  }
+
+  .inkra-input-root[data-variant="underline"] .inkra-field-control {
+    border: 0;
+  }
+
+  .inkra-input__action-wash {
+    display: none;
+  }
+
+  .inkra-input__clear canvas,
+  .inkra-input__spinner {
+    forced-color-adjust: none;
+  }
+}
+
+@media print {
+  .inkra-editable-text {
+    display: none !important;
+  }
+
+  .inkra-field-control-hit :is(.inkra-input, .inkra-textarea) {
+    color: var(--inkra-ink) !important;
+  }
+
+  .inkra-field-control-hit :is(.inkra-input, .inkra-textarea)::placeholder {
+    color: var(--inkra-ink-subtle) !important;
+    opacity: 1;
+  }
+
+  .inkra-field-control-hit[data-pencil-editable-ready="true"] :is(.inkra-input, .inkra-textarea)::selection {
+    background: var(--inkra-selection);
+    color: var(--inkra-ink);
+  }
+}
+
+.inkra-input-number .inkra-input {
+  appearance: textfield;
+  -moz-appearance: textfield;
+}
+
+.inkra-input-number .inkra-input::-webkit-inner-spin-button,
+.inkra-input-number .inkra-input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.inkra-input-number__controls {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 0;
+}
+
+.inkra-slider {
+  --inkra-slider-track-size: 8px;
+  --inkra-slider-thumb-size: 24px;
+
+  align-items: center;
+  box-sizing: border-box;
+  color: var(--inkra-ink);
+  cursor: pointer;
+  display: flex;
+  min-height: var(--inkra-touch-target);
+  min-width: var(--inkra-touch-target);
+  position: relative;
+  touch-action: none;
+  user-select: none;
+  width: 100%;
+}
+
+.inkra-slider[data-size="sm"] {
+  --inkra-slider-track-size: 6px;
+  --inkra-slider-thumb-size: 20px;
+}
+
+.inkra-slider[data-size="lg"] {
+  --inkra-slider-track-size: 12px;
+  --inkra-slider-thumb-size: 28px;
+}
+
+.inkra-slider[data-variant="inset"] {
+  --inkra-slider-track-size: 32px;
+  --inkra-slider-thumb-size: 24px;
+}
+
+.inkra-slider[data-variant="inset"][data-size="sm"] {
+  --inkra-slider-track-size: 24px;
+  --inkra-slider-thumb-size: 16px;
+}
+
+.inkra-slider[data-variant="inset"][data-size="lg"] {
+  --inkra-slider-track-size: 40px;
+  --inkra-slider-thumb-size: 32px;
+}
+
+.inkra-slider[data-orientation="vertical"] {
+  flex-direction: column;
+  height: 200px;
+  width: var(--inkra-touch-target);
+}
+
+.inkra-slider[data-disabled] {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-slider__track {
+  display: block;
+  flex: 1;
+  height: var(--inkra-slider-track-size);
+  position: relative;
+}
+
+.inkra-slider[data-orientation="vertical"] .inkra-slider__track {
+  height: auto;
+  width: var(--inkra-slider-track-size);
+}
+
+.inkra-slider__range {
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+  position: absolute;
+}
+
+.inkra-slider__track-surface,
+.inkra-slider__range-surface {
+  height: 100%;
+  inset: 0;
+  pointer-events: none;
+  position: absolute !important;
+  width: 100%;
+}
+
+.inkra-slider__thumb {
+  align-items: center;
+  box-sizing: border-box;
+  cursor: inherit;
+  display: flex;
+  height: var(--inkra-touch-target);
+  justify-content: center;
+  outline: none;
+  width: var(--inkra-touch-target);
+}
+
+.inkra-slider__thumb-surface {
+  border-radius: 8px;
+  display: block !important;
+  height: var(--inkra-slider-thumb-size);
+  pointer-events: none;
+  width: var(--inkra-slider-thumb-size);
+}
+
+.inkra-slider__thumb:focus-visible {
+  outline: none;
+}
+
+.inkra-slider__focus-ring {
+  --inkra-ink: var(--inkra-focus);
+
+  inset: -4px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute !important;
+  transition: opacity var(--inkra-motion-fast) var(--inkra-ease);
+}
+
+.inkra-slider__thumb:focus-visible .inkra-slider__focus-ring {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-slider__focus-ring {
+    transition: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-slider__track-surface {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+  .inkra-slider__range-surface {
+    background: Highlight;
+    forced-color-adjust: none;
+  }
+  .inkra-slider__thumb-surface {
+    background: Canvas;
+    border: 2px solid ButtonText;
+  }
+  .inkra-slider__thumb:focus-visible .inkra-slider__thumb-surface {
+    outline: var(--inkra-focus-width) solid Highlight;
+    outline-offset: var(--inkra-focus-offset);
+  }
+  .inkra-slider__focus-ring {
+    display: none !important;
+  }
+}
+
+.inkra-selection-control {
+  align-items: center;
+  color: var(--inkra-ink);
+  cursor: pointer;
+  display: grid;
+  gap: var(--inkra-space-2);
+  grid-template-columns: auto minmax(0, 1fr);
+  min-height: var(--inkra-touch-target);
+  min-width: 0;
+  position: relative;
+}
+
+.inkra-selection-control__input {
+  cursor: inherit;
+  height: 100%;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+.inkra-selection-control__mark {
+  align-items: center;
+  color: var(--inkra-ink);
+  display: inline-flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+
+.inkra-selection-control__glyph {
+  color: var(--inkra-ink);
+  display: block;
+}
+
+.inkra-selection-control__copy {
+  display: grid;
+  gap: var(--inkra-space-1);
+  min-width: 0;
+  padding-block: var(--inkra-space-1);
+}
+
+.inkra-selection-control__label {
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-ui);
+}
+
+.inkra-selection-control__description,
+.inkra-radio-group__description {
+  color: var(--inkra-ink-muted);
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+}
+
+.inkra-selection-control:has(.inkra-selection-control__input:focus-visible) .inkra-selection-control__mark,
+.inkra-selection-control:has(.inkra-selection-control__input:focus-visible) .inkra-switch__track,
+.inkra-selection-control:has(.inkra-selection-control__input:focus-visible) .inkra-radio-group__segment {
+  outline: var(--inkra-focus-width) solid var(--inkra-focus);
+  outline-offset: var(--inkra-focus-offset);
+}
+
+.inkra-selection-control[data-disabled="true"] {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-radio-group {
+  border: 0;
+  color: var(--inkra-ink);
+  margin: 0;
+  max-width: 100%;
+  min-width: 0;
+  padding: 0;
+}
+
+.inkra-radio-group__label {
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-ui);
+  margin: 0;
+  padding: 0;
+}
+
+.inkra-radio-group__description {
+  display: block;
+  margin-block-start: var(--inkra-space-1);
+}
+
+.inkra-radio-group__items {
+  display: grid;
+  gap: var(--inkra-space-2);
+  margin-block-start: var(--inkra-space-2);
+}
+
+.inkra-radio-group__items[data-orientation="horizontal"] {
+  align-items: stretch;
+  display: flex;
+  flex-wrap: nowrap;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-inline: contain;
+  scrollbar-width: thin;
+}
+
+.inkra-radio-group__mark {
+  color: var(--inkra-ink);
+}
+
+.inkra-radio-group__icon {
+  align-items: center;
+  display: inline-flex;
+  flex: 0 0 auto;
+  justify-content: center;
+}
+
+.inkra-radio-group__item:has(.inkra-radio-group__icon):not(:has(.inkra-radio-group__segment)) {
+  grid-template-columns: auto auto minmax(0, 1fr);
+}
+
+.inkra-radio-group[data-variant="segmented"] .inkra-radio-group__item {
+  display: block;
+  flex: 0 0 auto;
+  min-height: var(--inkra-touch-target);
+  min-width: max-content;
+}
+
+.inkra-radio-group__frame {
+  box-sizing: border-box;
+  margin-block-start: var(--inkra-space-2);
+  max-width: 100%;
+  padding: var(--inkra-space-1);
+  width: fit-content;
+}
+
+.inkra-radio-group__frame > .inkra-radio-group__items {
+  gap: 0;
+  margin: 0;
+}
+
+.inkra-radio-group__frame .inkra-selection-control:has(.inkra-selection-control__input:focus-visible) .inkra-radio-group__segment {
+  outline-offset: calc(-1 * var(--inkra-focus-width));
+}
+
+.inkra-radio-group__segment {
+  align-items: center;
+  color: var(--inkra-ink);
+  display: flex;
+  justify-content: center;
+  min-height: var(--inkra-touch-target);
+  min-width: max-content;
+  padding: var(--inkra-space-2) var(--inkra-space-3);
+  position: relative;
+  white-space: nowrap;
+}
+
+.inkra-radio-group__item[data-checked="true"] .inkra-radio-group__segment {
+  color: var(--inkra-selection-foreground);
+}
+
+.inkra-radio-segment__surface {
+  inset: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: none;
+}
+
+.inkra-radio-segment__surface--selection {
+  opacity: 0;
+}
+
+.inkra-radio-group__item[data-checked="true"] .inkra-radio-segment__surface--selection {
+  opacity: 1;
+  transition: none;
+}
+
+.inkra-radio-segment__content {
+  align-items: center;
+  display: flex;
+  gap: var(--inkra-space-2);
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+
+.inkra-radio-group__segment .inkra-selection-control__copy {
+  padding-block: 0;
+}
+
+.inkra-pencil-surface.inkra-switch__track {
+  align-items: center;
+  display: inline-flex;
+  height: 32px;
+  justify-content: flex-start;
+  overflow: hidden;
+  padding-inline: 4px;
+  width: 52px;
+}
+
+.inkra-switch__thumb {
+  --inkra-switch-thumb-shift: 0px;
+
+  color: var(--inkra-ink-muted);
+  display: block;
+  transform: translateX(var(--inkra-switch-thumb-shift));
+  transition: transform var(--inkra-motion-fast) var(--inkra-ease);
+}
+
+.inkra-switch[data-checked="true"] .inkra-switch__thumb {
+  --inkra-switch-thumb-shift: 20px;
+
+  color: var(--inkra-on-accent);
+}
+
+.inkra-switch:dir(rtl)[data-checked="true"] .inkra-switch__thumb {
+  --inkra-switch-thumb-shift: -20px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-radio-segment__surface,
+  .inkra-switch__thumb {
+    transition: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-selection-control__input {
+    appearance: auto;
+    forced-color-adjust: auto;
+    height: 24px;
+    opacity: 1;
+    position: static;
+    width: 24px;
+    z-index: auto;
+  }
+
+  .inkra-selection-control__mark,
+  .inkra-switch__track,
+  .inkra-radio-segment__surface {
+    display: none;
+  }
+}
+
+.inkra-portal-theme-bridge {
+  display: contents;
+  font-family: var(--inkra-font-body);
+}
+
+.inkra-overlay__backdrop {
+  animation: inkra-overlay-backdrop-in var(--inkra-motion-normal) var(--inkra-ease);
+  background: var(--inkra-overlay);
+  inset: 0;
+  position: fixed;
+  z-index: calc(var(--inkra-z-modal, 30) + var(--inkra-floating-layer-offset, 0));
+}
+
+.inkra-overlay__backdrop[data-state="closed"] {
+  animation: inkra-overlay-backdrop-out var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-overlay__content {
+  animation: inkra-overlay-content-in var(--inkra-motion-normal) var(--inkra-ease);
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  max-height: min(80vh, calc(100dvh - var(--inkra-space-8)));
+  outline: 0;
+  position: fixed;
+  transform: translate(-50%, -50%);
+  width: min(36rem, calc(100vw - var(--inkra-space-8)));
+  z-index: calc(var(--inkra-z-modal, 30) + var(--inkra-floating-layer-offset, 0) + 1);
+}
+
+.inkra-overlay__content[data-state="closed"] {
+  animation: inkra-overlay-content-out var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-overlay__content:focus-visible,
+.inkra-popover__content:focus-visible {
+  outline: var(--inkra-focus-width) solid var(--inkra-focus);
+  outline-offset: var(--inkra-focus-offset);
+}
+
+.inkra-overlay__surface {
+  color: var(--inkra-ink);
+  display: block;
+  max-height: inherit;
+  width: 100%;
+}
+
+.inkra-overlay__content-body {
+  box-sizing: border-box;
+  max-height: inherit;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding: var(--inkra-space-6);
+  scrollbar-gutter: stable;
+}
+
+.inkra-overlay__title,
+.inkra-popover__title {
+  color: var(--inkra-ink);
+  font-family: var(--inkra-font-display);
+  font-size: var(--inkra-text-xl);
+  font-weight: var(--inkra-weight-regular);
+  line-height: var(--inkra-line-ui);
+  margin: 0;
+}
+
+.inkra-overlay__content[data-layout="sections"] > .inkra-overlay__surface,
+.inkra-overlay__content[data-layout="sections"] > .inkra-overlay__surface > .inkra-overlay__content-body {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.inkra-overlay__content[data-layout="sections"] > .inkra-overlay__surface > .inkra-overlay__content-body {
+  overflow: hidden;
+  padding: 0;
+  scrollbar-gutter: auto;
+}
+
+.inkra-overlay__header,
+.inkra-overlay__footer {
+  position: relative;
+  display: flex;
+  flex: none;
+  gap: var(--inkra-space-3);
+  padding: var(--inkra-space-5);
+  min-width: 0;
+}
+
+.inkra-overlay__header { align-items: flex-start; }
+.inkra-overlay__heading { display: grid; gap: var(--inkra-space-2); flex: 1; min-width: 0; overflow-wrap: anywhere; }
+.inkra-overlay__header-actions { display: flex; flex: none; align-items: center; gap: var(--inkra-space-2); }
+.inkra-overlay__close-button { flex: none; }
+
+.inkra-overlay__body {
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+  padding: var(--inkra-space-5);
+}
+
+.inkra-overlay__footer { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
+.inkra-overlay__footer[data-align="start"] { justify-content: flex-start; }
+.inkra-overlay__footer[data-align="center"] { justify-content: center; }
+.inkra-overlay__footer > .inkra-button { max-width: 100%; }
+
+.inkra-overlay__section-divider {
+  position: absolute;
+  inset-inline: 0;
+  width: 100%;
+  height: 8px;
+  pointer-events: none;
+}
+.inkra-overlay__header > .inkra-overlay__section-divider { bottom: -4px; }
+.inkra-overlay__footer > .inkra-overlay__section-divider { top: -4px; }
+
+.inkra-overlay__description,
+.inkra-popover__description {
+  color: var(--inkra-ink-muted);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-body);
+  margin: 0;
+}
+
+.inkra-popover__content {
+  animation: inkra-popover-content-in var(--inkra-motion-normal) var(--inkra-ease);
+  max-height: min(70vh, var(--radix-popover-content-available-height, 70vh));
+  max-width: min(24rem, calc(100vw - var(--inkra-space-8)));
+  outline: 0;
+  transform-origin: var(--radix-popover-content-transform-origin);
+  width: max-content;
+  z-index: calc(var(--inkra-z-popover, 20) + var(--inkra-floating-layer-offset, 0));
+}
+
+.inkra-popover__content[data-state="closed"] {
+  animation: inkra-popover-content-out var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-popover__surface {
+  color: var(--inkra-ink);
+  display: block;
+  max-height: inherit;
+  max-width: inherit;
+}
+
+.inkra-popover__content-body {
+  box-sizing: border-box;
+  max-height: inherit;
+  max-width: inherit;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding: var(--inkra-space-4);
+  scrollbar-gutter: stable;
+}
+
+.inkra-popover__arrow {
+  color: var(--inkra-paper);
+  fill: currentcolor;
+  height: 8px;
+  width: 16px;
+}
+
+@keyframes inkra-overlay-backdrop-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes inkra-overlay-backdrop-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+@keyframes inkra-overlay-content-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-50% + var(--inkra-space-2))) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+@keyframes inkra-overlay-content-out {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, calc(-50% + var(--inkra-space-2))) scale(0.98);
+  }
+}
+
+@keyframes inkra-popover-content-in {
+  from {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes inkra-popover-content-out {
+  from {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+}
+
+@media (max-width: 30rem) {
+  .inkra-overlay__content {
+    max-height: calc(100dvh - var(--inkra-space-4));
+    width: calc(100vw - var(--inkra-space-4));
+  }
+
+  .inkra-overlay__content-body {
+    padding: var(--inkra-space-4);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-overlay__backdrop,
+  .inkra-overlay__content,
+  .inkra-popover__content {
+    animation: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-overlay__header[data-divided] { border-bottom: 1px solid CanvasText; }
+  .inkra-overlay__footer[data-divided] { border-top: 1px solid CanvasText; }
+  .inkra-overlay__backdrop {
+    background: CanvasText;
+    opacity: 0.25;
+  }
+
+  .inkra-overlay__surface,
+  .inkra-popover__surface {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+
+  .inkra-popover__arrow {
+    color: Canvas;
+    forced-color-adjust: none;
+    stroke: CanvasText;
+  }
+}
+
+@media print {
+  .inkra-overlay__backdrop {
+    display: none;
+  }
+
+  .inkra-overlay__content,
+  .inkra-popover__content {
+    animation: none;
+    max-height: none;
+    max-width: none;
+    position: static;
+    transform: none;
+    width: auto;
+  }
+}
+
+.inkra-search-select { width: 100%; min-width: 0; }
+.inkra-search-select__anchor { display: flex; align-items: center; gap: 4px; min-width: 0; }
+.inkra-search-select__anchor > .inkra-input-root,
+.inkra-search-select__trigger { flex: 1; min-width: 0; }
+.inkra-search-select__anchor > button:not(.inkra-search-select__trigger) { flex: none; }
+.inkra-search-select__summary { display: block; margin-top: 8px; font-size: var(--inkra-text-sm); }
+.inkra-search-select__positioner { width: var(--anchor-width); max-width: calc(100vw - 16px); }
+.inkra-search-select__popup { outline: 0; width: 100%; }
+.inkra-search-select__search { padding: 12px; }
+.inkra-search-select__list { max-height: min(280px, var(--available-height)); overflow: auto; }
+.inkra-search-select__empty:not(:empty) { padding: 16px; font-family: var(--inkra-font-body); }
+.inkra-search-select__popup [data-selected] .inkra-select__item-surface,
+.inkra-search-select__popup [data-highlighted] .inkra-select__item-surface { color: var(--inkra-selection-foreground); }
+.inkra-search-select__popup [data-disabled] { opacity: 0.5; }
+
+.inkra-select__trigger {
+  --inkra-select-height: var(--inkra-control-md);
+  --inkra-select-font-size: var(--inkra-text-md);
+  --inkra-select-icon-size: 28px;
+  --inkra-select-slot-size: 22px;
+  --inkra-select-padding: var(--inkra-space-3);
+
+  align-items: center;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  box-sizing: border-box;
+  color: var(--inkra-ink);
+  cursor: pointer;
+  display: inline-flex;
+  font-family: var(--inkra-font-body);
+  font-weight: var(--inkra-weight-regular);
+  letter-spacing: var(--inkra-letter-spacing);
+  line-height: var(--inkra-line-ui);
+  min-height: var(--inkra-touch-target);
+  min-width: var(--inkra-touch-target);
+  padding: 0;
+  width: 100%;
+}
+
+.inkra-select__trigger[data-size="sm"] {
+  --inkra-select-height: var(--inkra-control-sm);
+  --inkra-select-font-size: var(--inkra-text-sm);
+  --inkra-select-icon-size: 24px;
+  --inkra-select-slot-size: 18px;
+  --inkra-select-padding: var(--inkra-space-2);
+}
+
+.inkra-select__trigger[data-size="lg"] {
+  --inkra-select-height: var(--inkra-control-lg);
+  --inkra-select-font-size: var(--inkra-text-lg);
+  --inkra-select-icon-size: 32px;
+  --inkra-select-slot-size: 26px;
+  --inkra-select-padding: var(--inkra-space-4);
+}
+
+.inkra-select__trigger:focus-visible {
+  outline: 0;
+}
+
+.inkra-select__trigger:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-select__clear {
+  flex-shrink: 0;
+}
+
+.inkra-select__trigger-surface {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex !important;
+  font-size: var(--inkra-select-font-size);
+  gap: var(--inkra-space-2);
+  height: var(--inkra-select-height);
+  min-width: 0;
+  padding-inline: var(--inkra-select-padding);
+  pointer-events: none;
+  width: 100%;
+}
+
+.inkra-select__focus-ring {
+  --inkra-accent-strong: var(--inkra-focus);
+
+  display: block !important;
+  inset: calc(-1 * var(--inkra-focus-offset));
+  opacity: 0;
+  pointer-events: none;
+  position: absolute !important;
+  transition: opacity var(--inkra-motion-fast) var(--inkra-ease);
+  z-index: 2;
+}
+
+.inkra-select__trigger:focus-visible .inkra-select__focus-ring {
+  opacity: 1;
+}
+
+.inkra-select__trigger-value {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-align: start;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.inkra-select__trigger[data-full-width="false"] {
+  width: fit-content;
+  max-width: 100%;
+}
+
+.inkra-select__trigger[data-text-align="center"] .inkra-select__trigger-value { text-align: center; }
+.inkra-select__trigger[data-text-align="end"] .inkra-select__trigger-value { text-align: end; }
+
+.inkra-select__trigger-slot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: var(--inkra-select-slot-size);
+  height: var(--inkra-select-slot-size);
+}
+
+.inkra-select__trigger-slot > * { max-width: 100%; max-height: 100%; }
+.inkra-select__trigger-slot:has(.inkra-select__trigger-glyph) {
+  width: var(--inkra-select-icon-size);
+  height: var(--inkra-select-icon-size);
+}
+.inkra-select__trigger-icon { flex: none; margin-inline-start: auto; }
+
+.inkra-select__trigger-value-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+.inkra-select__trigger[data-icon-only="true"] {
+  flex: none;
+  width: max(var(--inkra-touch-target), var(--inkra-select-height));
+  justify-content: center;
+}
+
+.inkra-select__trigger[data-icon-only="true"] .inkra-select__trigger-surface {
+  width: var(--inkra-select-height);
+  justify-content: center;
+  padding: 0;
+  gap: 0;
+}
+
+.inkra-select__trigger[data-placeholder] .inkra-select__trigger-value {
+  color: var(--inkra-ink-subtle);
+}
+
+.inkra-select__trigger-icon {
+  align-items: center;
+  color: var(--inkra-ink-muted);
+  display: inline-flex;
+  height: var(--inkra-select-icon-size);
+  justify-content: center;
+  transition: transform var(--inkra-motion-fast) var(--inkra-ease);
+  width: var(--inkra-select-icon-size);
+}
+
+.inkra-select__trigger[data-state="open"] .inkra-select__trigger-icon,
+.inkra-select__trigger[data-popup-open] .inkra-select__trigger-icon {
+  transform: rotate(180deg);
+}
+
+.inkra-select__trigger-glyph {
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.inkra-select__value-copy,
+.inkra-select__item-text-copy {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.inkra-select__content {
+  animation: inkra-select-content-in var(--inkra-motion-normal) var(--inkra-ease);
+  max-height: min(70vh, var(--radix-select-content-available-height, 70vh));
+  max-width: min(28rem, calc(100vw - var(--inkra-space-8)));
+  min-width: min(max(var(--radix-select-trigger-width, 0px), 12rem), calc(100vw - var(--inkra-space-8)));
+  outline: 0;
+  transform-origin: var(--radix-select-content-transform-origin);
+  z-index: calc(var(--inkra-z-popover, 20) + var(--inkra-floating-layer-offset, 0));
+}
+
+.inkra-select__positioner {
+  --radix-select-trigger-width: var(--anchor-width);
+  --radix-select-content-available-height: var(--available-height);
+  --radix-select-content-transform-origin: var(--transform-origin);
+
+  z-index: calc(var(--inkra-z-popover, 20) + var(--inkra-floating-layer-offset, 0));
+}
+
+.inkra-select__positioner .inkra-select__viewport {
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.inkra-select__positioner[data-hide-when-detached][data-anchor-hidden] {
+  visibility: hidden;
+}
+
+.inkra-select__content[data-closed] {
+  pointer-events: none;
+}
+
+.inkra-select__content[data-closed]:not([data-ending-style]) {
+  visibility: hidden;
+}
+
+.inkra-select__content[data-ending-style] {
+  animation: inkra-select-content-out var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-select__content[data-state="closed"] {
+  animation: inkra-select-content-out var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-select__content-surface {
+  box-sizing: border-box;
+  color: var(--inkra-ink);
+  display: block;
+  max-height: inherit;
+  max-width: inherit;
+  min-width: inherit;
+  overflow: hidden;
+  width: 100%;
+}
+
+.inkra-select__viewport {
+  box-sizing: border-box;
+  max-height: inherit;
+  padding: var(--inkra-space-1);
+}
+
+.inkra-select__content[data-position="popper"] .inkra-select__viewport {
+  min-width: var(--radix-select-trigger-width);
+  width: 100%;
+}
+
+.inkra-select__group + .inkra-select__group {
+  margin-block-start: var(--inkra-space-1);
+}
+
+.inkra-select__label {
+  color: var(--inkra-ink-muted);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+  padding: var(--inkra-space-2) var(--inkra-space-3) var(--inkra-space-1);
+}
+
+.inkra-select__item {
+  color: var(--inkra-ink);
+  cursor: pointer;
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-ui);
+  outline: 0;
+  padding: 0;
+  user-select: none;
+}
+
+.inkra-select__item:focus-visible {
+  outline: 0;
+}
+
+.inkra-select__item-surface {
+  align-items: center;
+  box-sizing: border-box;
+  color: inherit;
+  display: flex;
+  gap: var(--inkra-space-2);
+  min-height: var(--inkra-touch-target);
+  padding-block: var(--inkra-space-2);
+  padding-inline-end: calc(var(--inkra-space-3) + var(--inkra-icon-sm) + var(--inkra-space-2));
+  padding-inline-start: var(--inkra-space-3);
+  pointer-events: none;
+  position: relative;
+  width: 100%;
+}
+
+.inkra-select__item-text-copy {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.inkra-select__item-surface > .inkra-pencil-surface__ink {
+  opacity: 0;
+  transition: opacity var(--inkra-motion-fast) var(--inkra-ease);
+}
+
+.inkra-select__item[data-highlighted] .inkra-select__item-surface,
+.inkra-select__item[data-selected] .inkra-select__item-surface,
+.inkra-select__item[data-state="checked"] .inkra-select__item-surface {
+  color: var(--inkra-selection-foreground);
+}
+
+.inkra-select__item[data-highlighted] .inkra-select__item-surface > .inkra-pencil-surface__ink,
+.inkra-select__item[data-selected] .inkra-select__item-surface > .inkra-pencil-surface__ink,
+.inkra-select__item[data-state="checked"] .inkra-select__item-surface > .inkra-pencil-surface__ink {
+  opacity: 1;
+}
+
+.inkra-select__item[data-disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.inkra-select__item-indicator {
+  align-items: center;
+  display: inline-flex;
+  height: var(--inkra-icon-sm);
+  inset-inline-end: var(--inkra-space-3);
+  justify-content: center;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--inkra-icon-sm);
+}
+
+.inkra-select__scroll-button {
+  align-items: center;
+  color: var(--inkra-ink-muted);
+  cursor: default;
+  display: flex;
+  height: var(--inkra-control-xs);
+  justify-content: center;
+}
+
+.inkra-select__separator {
+  color: var(--inkra-border);
+  height: 8px;
+  margin: 0 var(--inkra-space-2);
+}
+
+.inkra-select__separator > .inkra-pencil-line {
+  height: 8px;
+  width: 100%;
+}
+
+@keyframes inkra-select-content-in {
+  from {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes inkra-select-content-out {
+  from {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-select__content,
+  .inkra-select__content[data-ending-style],
+  .inkra-select__content[data-state="closed"] {
+    animation: none;
+  }
+
+  .inkra-select__trigger-icon,
+  .inkra-select__focus-ring,
+  .inkra-select__item-surface > .inkra-pencil-surface__ink {
+    transition-duration: 0ms;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-select__trigger:focus-visible {
+    outline: var(--inkra-focus-width) solid Highlight;
+    outline-offset: var(--inkra-focus-offset);
+  }
+
+  .inkra-select__focus-ring {
+    display: none !important;
+  }
+
+  .inkra-select__trigger-surface,
+  .inkra-select__content-surface {
+    background: Canvas;
+    border: 1px solid CanvasText;
+  }
+
+  .inkra-select__trigger[data-invalid="true"] .inkra-select__trigger-surface {
+    border-color: Mark;
+  }
+
+  .inkra-select__item[data-highlighted] .inkra-select__item-surface,
+  .inkra-select__item[data-selected] .inkra-select__item-surface,
+  .inkra-select__item[data-state="checked"] .inkra-select__item-surface {
+    background: Highlight;
+    color: HighlightText;
+    forced-color-adjust: none;
+  }
+
+  .inkra-select__item:focus-visible {
+    outline: var(--inkra-focus-width) solid CanvasText;
+    outline-offset: calc(-1 * var(--inkra-focus-offset));
+  }
+}
+
+@media print {
+  .inkra-select__content {
+    animation: none;
+  }
+}
+
+.inkra-tabs { min-width: 0; --inkra-tabs-font-size: var(--inkra-text-md); --inkra-tabs-padding: var(--inkra-space-3); --inkra-tabs-icon-size: 20px; }
+.inkra-tabs[data-size="sm"] { --inkra-tabs-font-size: var(--inkra-text-sm); --inkra-tabs-padding: var(--inkra-space-2); --inkra-tabs-icon-size: 16px; }
+.inkra-tabs[data-size="lg"] { --inkra-tabs-font-size: 17px; --inkra-tabs-padding: var(--inkra-space-4); --inkra-tabs-icon-size: 24px; }
+.inkra-tabs__list { display: flex; gap: var(--inkra-space-2); max-width: 100%; overflow-x: auto; }
+.inkra-tabs__list[data-orientation="vertical"] { flex-direction: column; }
+.inkra-tabs__list[data-divided] { gap: 24px; }
+.inkra-tabs__divider { position: absolute; color: var(--inkra-ink-muted); opacity: 0.56; }
+.inkra-tabs__trigger > .inkra-tabs__divider[data-orientation="vertical"] { inset-inline-start: -16px; top: 8px; width: 8px; height: calc(100% - 16px); }
+.inkra-tabs__trigger > .inkra-tabs__divider[data-orientation="horizontal"] { inset-inline: 8px; top: -16px; width: calc(100% - 16px); height: 8px; }
+.inkra-tabs__trigger:first-child > .inkra-tabs__divider { display: none; }
+.inkra-tabs__list[data-align="center"] { justify-content: safe center; }
+.inkra-tabs__list[data-align="end"] { justify-content: safe end; }
+.inkra-tabs__list[data-full-width] { width: 100%; }
+.inkra-tabs__list[data-full-width] > .inkra-tabs__trigger { flex: 1 0 0; }
+.inkra-tabs__list[data-orientation="vertical"][data-full-width] > .inkra-tabs__trigger { flex: none; width: 100%; }
+.inkra-tabs__trigger {
+  position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center;
+  min-height: var(--inkra-touch-target); min-width: var(--inkra-touch-target);
+  padding: var(--inkra-space-2) var(--inkra-tabs-padding); border: 0; gap: var(--inkra-space-2);
+  background: transparent; color: var(--inkra-ink-muted); font: inherit;
+  white-space: nowrap; cursor: pointer; border-radius: var(--inkra-radius-md);
+  font-size: var(--inkra-tabs-font-size); line-height: var(--inkra-line-ui);
+}
+.inkra-tabs[data-size="lg"] .inkra-tabs__trigger { min-height: 48px; }
+.inkra-tabs__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--inkra-tabs-icon-size); height: var(--inkra-tabs-icon-size); flex: none; pointer-events: none; }
+.inkra-tabs__icon > * { width: 100%; height: 100%; }
+.inkra-tabs__trigger[data-state="active"] { color: var(--inkra-selection-foreground); }
+.inkra-tabs__trigger:disabled { cursor: not-allowed; opacity: 0.55; }
+.inkra-tabs__trigger:focus-visible { outline: 0; }
+.inkra-tabs__focus-ring {
+  --inkra-accent-strong: var(--inkra-focus);
+  position: absolute !important;
+  display: block !important;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: 2;
+}
+.inkra-tabs__trigger:focus-visible > .inkra-tabs__focus-ring { opacity: 1; }
+.inkra-tabs__content:focus-visible {
+  outline: var(--inkra-focus-width) solid var(--inkra-focus);
+  outline-offset: calc(-1 * var(--inkra-focus-width));
+}
+.inkra-tabs__selection { position: absolute; inset: 0; pointer-events: none; opacity: 0; }
+.inkra-tabs__trigger[data-state="active"] > .inkra-tabs__selection { opacity: 1; }
+.inkra-tabs__label { position: relative; }
+.inkra-tabs__content { min-width: 0; }
+.inkra-tabs__content[hidden] { display: none !important; }
+@media (forced-colors: active) {
+  .inkra-tabs__focus-ring { display: none !important; }
+  .inkra-tabs__trigger:focus-visible { outline: var(--inkra-focus-width) solid Highlight; outline-offset: calc(-1 * var(--inkra-focus-width)); }
+  .inkra-tabs__selection { display: none; }
+  .inkra-tabs__trigger[data-state="active"] { color: Highlight; outline: 2px solid Highlight; outline-offset: -2px; }
+}
+@media print { .inkra-tabs__selection, .inkra-tabs__focus-ring { display: none !important; } }
+
+.inkra-tooltip__content {
+  animation: inkra-tooltip-content-in var(--inkra-motion-fast) var(--inkra-ease);
+  max-width: min(20rem, calc(100vw - var(--inkra-space-4)));
+  outline: 0;
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+  z-index: calc(var(--inkra-z-tooltip, 40) + var(--inkra-floating-layer-offset, 0));
+}
+
+.inkra-tooltip__content[data-state="closed"] {
+  animation: inkra-tooltip-content-out var(--inkra-motion-fast) var(--inkra-ease);
+}
+
+.inkra-tooltip__surface {
+  color: var(--inkra-ink);
+  display: block;
+  max-width: inherit;
+}
+
+.inkra-tooltip__content-body {
+  box-sizing: border-box;
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+  max-width: inherit;
+  overflow-wrap: anywhere;
+  padding: var(--inkra-space-2) var(--inkra-space-3);
+  user-select: text;
+}
+
+@keyframes inkra-tooltip-content-in {
+  from {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@keyframes inkra-tooltip-content-out {
+  from {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(var(--inkra-space-1)) scale(0.98);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-tooltip__content {
+    animation: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-tooltip__surface {
+    background: Canvas;
+    border: 1px solid CanvasText;
+    color: CanvasText;
+  }
+}
+
+@media print {
+  .inkra-tooltip__content {
+    display: none;
+  }
+}
+
+.inkra-accordion {
+  color: var(--inkra-ink);
+  width: 100%;
+}
+
+.inkra-accordion[data-orientation="horizontal"] {
+  display: flex;
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.inkra-accordion__item {
+  min-width: 0;
+  position: relative;
+}
+
+.inkra-accordion[data-orientation="horizontal"] > .inkra-accordion__item {
+  display: flex;
+  flex: 0 0 auto;
+}
+
+.inkra-accordion__header {
+  font: inherit;
+  margin: 0;
+}
+
+.inkra-accordion__trigger {
+  align-items: center;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  box-sizing: border-box;
+  color: var(--inkra-ink);
+  cursor: pointer;
+  display: flex;
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-md);
+  font-weight: var(--inkra-weight-regular);
+  gap: var(--inkra-space-3);
+  justify-content: space-between;
+  letter-spacing: var(--inkra-letter-spacing);
+  line-height: var(--inkra-line-ui);
+  min-height: var(--inkra-touch-target);
+  min-width: var(--inkra-touch-target);
+  padding: var(--inkra-space-2) var(--inkra-space-3);
+  position: relative;
+  text-align: start;
+  width: 100%;
+}
+
+.inkra-accordion__trigger:focus-visible {
+  outline: 0;
+}
+
+.inkra-accordion__trigger:disabled,
+.inkra-accordion__item[data-disabled] .inkra-accordion__trigger {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.inkra-accordion__focus-ring {
+  --inkra-accent-strong: var(--inkra-focus);
+
+  display: block !important;
+  inset: calc(-1 * var(--inkra-focus-offset));
+  opacity: 0;
+  pointer-events: none;
+  position: absolute !important;
+  transition: opacity var(--inkra-motion-fast) var(--inkra-ease);
+  z-index: 2;
+}
+
+.inkra-accordion__trigger:focus-visible .inkra-accordion__focus-ring {
+  opacity: 1;
+}
+
+.inkra-accordion__trigger-label {
+  min-width: 0;
+  position: relative;
+}
+
+.inkra-accordion__trigger-icon {
+  align-items: center;
+  color: var(--inkra-ink-muted);
+  display: inline-flex;
+  flex: 0 0 var(--inkra-icon-md);
+  height: var(--inkra-icon-md);
+  justify-content: center;
+  pointer-events: none;
+  transition: transform var(--inkra-motion-fast) var(--inkra-ease);
+  width: var(--inkra-icon-md);
+}
+
+.inkra-accordion__trigger[data-state="open"] .inkra-accordion__trigger-icon {
+  transform: rotate(180deg);
+}
+
+.inkra-accordion__trigger-glyph {
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.inkra-accordion__content {
+  overflow: hidden;
+}
+
+.inkra-accordion__content[data-state="open"] {
+  animation: inkra-accordion-content-down var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-accordion__content[data-state="closed"] {
+  animation: inkra-accordion-content-up var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-accordion__content-body {
+  box-sizing: border-box;
+  color: var(--inkra-ink-muted);
+  font-family: var(--inkra-font-body);
+  font-size: var(--inkra-text-md);
+  line-height: var(--inkra-line-body);
+  padding: var(--inkra-space-2) var(--inkra-space-3) var(--inkra-space-4);
+}
+
+.inkra-accordion__divider {
+  color: var(--inkra-border);
+  inset-block-end: -4px;
+  inset-inline: 0;
+  pointer-events: none;
+  position: absolute;
+}
+
+.inkra-accordion[data-orientation="horizontal"] .inkra-accordion__divider {
+  inset-block: 0;
+  inset-inline-end: -4px;
+  inset-inline-start: auto;
+}
+
+@keyframes inkra-accordion-content-down {
+  from { height: 0; }
+  to { height: var(--radix-accordion-content-height); }
+}
+
+@keyframes inkra-accordion-content-up {
+  from { height: var(--radix-accordion-content-height); }
+  to { height: 0; }
+}
+
+@keyframes inkra-accordion-content-open-horizontal {
+  from { width: 0; }
+  to { width: var(--radix-accordion-content-width); }
+}
+
+@keyframes inkra-accordion-content-close-horizontal {
+  from { width: var(--radix-accordion-content-width); }
+  to { width: 0; }
+}
+
+.inkra-accordion[data-orientation="horizontal"] .inkra-accordion__content[data-state="open"] {
+  animation-name: inkra-accordion-content-open-horizontal;
+}
+
+.inkra-accordion[data-orientation="horizontal"] .inkra-accordion__content[data-state="closed"] {
+  animation-name: inkra-accordion-content-close-horizontal;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-accordion__content {
+    animation: none !important;
+  }
+
+  .inkra-accordion__focus-ring,
+  .inkra-accordion__trigger-icon {
+    transition-duration: 0ms;
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-accordion__focus-ring {
+    display: none !important;
+  }
+
+  .inkra-accordion__trigger:focus-visible {
+    outline: var(--inkra-focus-width) solid Highlight;
+    outline-offset: var(--inkra-focus-offset);
+  }
+
+  .inkra-accordion__trigger-icon::before {
+    content: "+";
+  }
+
+  .inkra-accordion__trigger[data-state="open"] .inkra-accordion__trigger-icon::before {
+    content: "−";
+  }
+}
+
+@media print {
+  .inkra-accordion__content {
+    animation: none;
+  }
+}
+
+.inkra-badge {
+  align-items: center;
+  display: inline-flex;
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+  min-height: 28px;
+  padding: var(--inkra-space-1) var(--inkra-space-2);
+  white-space: nowrap;
+  gap: var(--inkra-space-1);
+}
+.inkra-badge[data-size="sm"] { min-height: 24px; font-size: 12px; }
+.inkra-badge[data-size="lg"] { min-height: 32px; font-size: var(--inkra-text-md); padding-inline: var(--inkra-space-3); }
+.inkra-badge__icon { display: inline-flex; width: 16px; height: 16px; flex: none; }
+.inkra-badge__icon > * { width: 100%; height: 100%; }
+
+.inkra-separator {
+  color: var(--inkra-border-strong);
+  flex: 0 0 auto;
+  overflow: hidden;
+}
+
+.inkra-separator[data-orientation="horizontal"] {
+  block-size: 8px;
+  inline-size: 100%;
+}
+
+.inkra-separator[data-orientation="vertical"] {
+  align-self: stretch;
+  block-size: auto;
+  inline-size: 8px;
+  min-block-size: 24px;
+}
+
+.inkra-separator__line {
+  block-size: 100%;
+  display: block;
+  inline-size: 100%;
+}
+
+.inkra-skeleton {
+  block-size: 16px;
+  inline-size: 100%;
+  max-inline-size: 100%;
+  min-inline-size: 8px;
+}
+
+.inkra-progress {
+  display: grid;
+  gap: var(--inkra-space-2);
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.inkra-progress__label {
+  color: var(--inkra-ink);
+  font-size: var(--inkra-text-sm);
+  line-height: var(--inkra-line-ui);
+}
+
+.inkra-progress__track {
+  block-size: 16px;
+  display: block;
+  inline-size: 100%;
+  min-inline-size: 0;
+  overflow: hidden;
+  position: relative;
+}
+.inkra-progress[data-size="sm"] .inkra-progress__track { block-size: 12px; }
+.inkra-progress[data-size="lg"] .inkra-progress__track { block-size: 24px; }
+
+.inkra-progress__outline,
+.inkra-progress__fill,
+.inkra-progress__fill-clip {
+  block-size: 100%;
+  display: block;
+}
+
+.inkra-progress__outline {
+  inset: 0;
+  position: absolute;
+}
+
+.inkra-progress__fill-clip {
+  clip-path: inset(0 calc(100% - var(--inkra-progress-value)) 0 0);
+  inline-size: 100%;
+  inset-block: 0;
+  inset-inline-start: 0;
+  overflow: hidden;
+  position: absolute;
+  transition: clip-path var(--inkra-motion-normal) var(--inkra-ease);
+}
+
+.inkra-progress__fill {
+  inline-size: 100%;
+  inset-block: 0;
+  inset-inline-start: 0;
+  position: absolute;
+}
+
+.inkra-progress[data-state="indeterminate"] .inkra-progress__fill-clip {
+  animation: inkra-progress-indeterminate var(--inkra-motion-slow) var(--inkra-ease) infinite alternate;
+}
+
+.inkra-progress:dir(rtl) .inkra-progress__fill-clip {
+  clip-path: inset(0 0 0 calc(100% - var(--inkra-progress-value)));
+}
+
+.inkra-progress:dir(rtl)[data-state="indeterminate"] .inkra-progress__fill-clip {
+  animation-name: inkra-progress-indeterminate-rtl;
+}
+
+@keyframes inkra-progress-indeterminate {
+  from {
+    clip-path: inset(0 64% 0 0);
+  }
+
+  to {
+    clip-path: inset(0 0 0 64%);
+  }
+}
+
+@keyframes inkra-progress-indeterminate-rtl {
+  from {
+    clip-path: inset(0 0 0 64%);
+  }
+
+  to {
+    clip-path: inset(0 64% 0 0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .inkra-progress__fill-clip {
+    transition: none;
+  }
+
+  .inkra-progress[data-state="indeterminate"] .inkra-progress__fill-clip {
+    animation: none;
+    clip-path: inset(0 32%);
+  }
+}
+
+@media (forced-colors: active) {
+  .inkra-progress__fill-clip {
+    background: Highlight;
+  }
+
+  .inkra-skeleton {
+    outline: 1px solid CanvasText;
+  }
+}
+
+.inkra-card { --inkra-card-padding: var(--inkra-space-4); min-width: 0; color: var(--inkra-ink); }
+.inkra-card[data-size="sm"] { --inkra-card-padding: var(--inkra-space-3); }
+.inkra-card[data-size="lg"] { --inkra-card-padding: var(--inkra-space-6); }
+.inkra-card__header, .inkra-card__content, .inkra-card__footer { position: relative; padding: var(--inkra-card-padding); min-width: 0; overflow-wrap: anywhere; }
+.inkra-card__header { display: flex; align-items: start; flex-wrap: wrap; gap: var(--inkra-space-2); }
+.inkra-card__heading { display: grid; gap: var(--inkra-space-2); min-width: 0; flex: 1 1 160px; }
+.inkra-card__action { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; margin-inline-start: auto; }
+.inkra-card > [data-padding="none"] { padding: 0; }
+.inkra-card > [data-padding="sm"] { padding: var(--inkra-space-3); }
+.inkra-card > [data-padding="md"] { padding: var(--inkra-space-4); }
+.inkra-card > [data-padding="lg"] { padding: var(--inkra-space-6); }
+.inkra-card__header[data-align="center"] { align-items: center; }
+.inkra-card__header[data-align="end"] { align-items: flex-end; }
+.inkra-card__content > :first-child { margin-block-start: 0; }
+.inkra-card__content > :last-child { margin-block-end: 0; }
+.inkra-card__title, .inkra-card__description { margin: 0; font-weight: 400; }
+.inkra-card__title { font-size: 17px; line-height: var(--inkra-line-ui); }
+.inkra-card__description { font-size: var(--inkra-text-sm); color: var(--inkra-ink-muted); }
+.inkra-card__footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--inkra-space-2); }
+.inkra-card__footer[data-justify="center"] { justify-content: center; }
+.inkra-card__footer[data-justify="end"] { justify-content: flex-end; }
+.inkra-card__footer[data-justify="between"] { justify-content: space-between; }
+.inkra-card__footer[data-orientation="vertical"] { flex-direction: column; align-items: stretch; }
+.inkra-card__footer[data-orientation="vertical"] > :not(.inkra-card__divider) { max-width: 100%; }
+.inkra-card__divider { position: absolute; inset-inline: 4px; bottom: -4px; width: calc(100% - 8px); pointer-events: none; }
+.inkra-card__footer > .inkra-card__divider { bottom: auto; top: -4px; }
+.inkra-alert { display: flex; gap: var(--inkra-space-3); padding: var(--inkra-space-4); min-width: 0; }
+.inkra-alert[data-size="sm"] { padding: var(--inkra-space-3); }
+.inkra-alert[data-size="lg"] { padding: var(--inkra-space-6); }
+.inkra-alert__actions { display: flex; flex-wrap: wrap; gap: 8px; }
+.inkra-alert__icon { display: inline-flex; width: 20px; height: 20px; flex: none; }
+.inkra-alert__icon > * { width: 100%; height: 100%; }
+.inkra-alert__body { display: grid; gap: var(--inkra-space-2); min-width: 0; overflow-wrap: anywhere; }
+.inkra-alert__title { margin: 0; font-size: 17px; line-height: var(--inkra-line-ui); }
+.inkra-alert__description { font-size: var(--inkra-text-md); line-height: var(--inkra-line-body); }
+.inkra-avatar { position: relative; display: inline-flex; width: 44px; height: 44px; flex: none; isolation: isolate; }
+.inkra-avatar[data-size="sm"] { width: 32px; height: 32px; font-size: var(--inkra-text-sm); }
+.inkra-avatar[data-size="lg"] { width: 64px; height: 64px; font-size: 20px; }
+.inkra-avatar__image, .inkra-avatar__fallback { width: 100%; height: 100%; border-radius: var(--inkra-avatar-radius, 8px); }
+.inkra-avatar__image { object-fit: cover; padding: 3px; box-sizing: border-box; }
+.inkra-avatar__image[data-fit="contain"] { object-fit: contain; }
+.inkra-avatar[data-bordered="false"] .inkra-avatar__image { padding: 0; }
+.inkra-avatar__fallback { display: inline-flex; align-items: center; justify-content: center; background: var(--inkra-surface-muted); color: var(--inkra-ink); overflow: hidden; }
+.inkra-avatar__outline { position: absolute; inset: 0; pointer-events: none; }
+.inkra-table-container { max-width: 100%; min-width: 0; overflow: auto; }
+.inkra-table { width: 100%; min-width: 0; border-collapse: collapse; color: var(--inkra-ink); font: inherit; }
+.inkra-table tbody tr { background: transparent; }
+.inkra-table[data-layout="fixed"] { table-layout: fixed; }
+.inkra-table[data-layout="fixed"] th, .inkra-table[data-layout="fixed"] td { overflow-wrap: anywhere; }
+.inkra-table [data-vertical-align="top"] { vertical-align: top; }
+.inkra-table [data-vertical-align="middle"] { vertical-align: middle; }
+.inkra-table [data-vertical-align="bottom"] { vertical-align: bottom; }
+.inkra-table [data-wrap="false"] { white-space: nowrap; }
+.inkra-table__nowrap { max-width: 100%; overflow: auto; }
+.inkra-table__nowrap:focus-visible { outline: 2px solid var(--inkra-focus); outline-offset: -2px; }
+.inkra-table th, .inkra-table td { position: relative; text-align: start; padding: var(--inkra-space-3) var(--inkra-space-4); font-weight: 400; }
+.inkra-table[data-density="compact"] th, .inkra-table[data-density="compact"] td { padding: var(--inkra-space-2) var(--inkra-space-3); }
+.inkra-table th, .inkra-table tfoot { color: var(--inkra-ink-muted); }
+.inkra-table caption { text-align: start; padding-block: var(--inkra-space-2); font-size: var(--inkra-text-sm); color: var(--inkra-ink-muted); }
+.inkra-table__divider { position: absolute; bottom: -4px; inset-inline: 0; width: 100%; pointer-events: none; }
+.inkra-table tr[data-selected] { background: var(--inkra-surface-muted); }
+.inkra-table[data-striped] tbody tr:nth-child(even) { background: var(--inkra-surface-muted); }
+.inkra-table[data-hoverable] tbody tr:hover { background: var(--inkra-surface-muted); }
+.inkra-table[data-sticky-header] { border-collapse: separate; border-spacing: 0; }
+.inkra-table[data-sticky-header] thead { position: sticky; top: 0; z-index: 1; background: var(--inkra-paper); }
+.inkra-table[data-caption-side="bottom"] { caption-side: bottom; }
+.inkra-table [data-align="center"] { text-align: center; }
+.inkra-table [data-align="end"] { text-align: end; }
+.inkra-table [data-align="left"] { text-align: left; }
+.inkra-table [data-align="right"] { text-align: right; }
+.inkra-table [data-align="justify"] { text-align: justify; }
+.inkra-table-container:focus-visible { outline: 2px solid var(--inkra-focus); outline-offset: -2px; }
+@media (forced-colors: active) {
+  .inkra-card, .inkra-alert, .inkra-avatar { outline: 1px solid CanvasText; }
+  .inkra-table th, .inkra-table td { border-bottom: 1px solid CanvasText; }
+  .inkra-table tr[data-selected] { outline: 1px solid Highlight; }
+}
+
+.inkra-menu { min-width: 180px; max-width: min(320px, calc(100vw - 16px)); outline: 0; z-index: calc(40 + var(--inkra-floating-layer-offset, 0)); }
+.inkra-menu__paper { padding: 4px; max-height: var(--radix-dropdown-menu-content-available-height); overflow-y: auto; }
+.inkra-menu__item { position: relative; display: flex; align-items: center; gap: 8px; padding: 8px 12px; min-height: 44px; box-sizing: border-box; color: var(--inkra-ink); outline: 0; cursor: default; font-family: var(--inkra-font-body); font-size: var(--inkra-text-md); line-height: var(--inkra-line-ui); }
+.inkra-menu__item[data-destructive] { color: var(--inkra-danger-foreground); }
+.inkra-menu__item[data-disabled] { opacity: 0.5; pointer-events: none; }
+.inkra-menu__highlight { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
+.inkra-menu__item[data-highlighted] > .inkra-menu__highlight { opacity: 1; }
+.inkra-menu__icon { display: inline-flex; width: 16px; height: 16px; flex: none; position: relative; }
+.inkra-menu__label { position: relative; min-width: 0; overflow-wrap: anywhere; }
+.inkra-menu__group-label { padding: 8px 12px; color: var(--inkra-ink-muted); font-size: var(--inkra-text-sm); }
+.inkra-menu__separator { height: 8px; }
+@media (forced-colors: active) {
+  .inkra-menu { border: 1px solid CanvasText; background: Canvas; }
+  .inkra-menu__item[data-highlighted] { outline: 2px solid Highlight; outline-offset: -2px; }
+}
+
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+	position: absolute;
+	left: 0;
+	top: 0;
+	}
+.leaflet-container {
+	overflow: hidden;
+	}
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+	  -webkit-user-drag: none;
+	}
+/* Prevents IE11 from highlighting tiles in blue */
+.leaflet-tile::selection {
+	background: transparent;
+}
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile {
+	image-rendering: -webkit-optimize-contrast;
+	}
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container {
+	width: 1600px;
+	height: 1600px;
+	-webkit-transform-origin: 0 0;
+	}
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	display: block;
+	}
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg {
+	max-width: none !important;
+	max-height: none !important;
+	}
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer,
+.leaflet-container .leaflet-tile {
+	max-width: none !important;
+	max-height: none !important;
+	width: auto;
+	padding: 0;
+	}
+
+.leaflet-container img.leaflet-tile {
+	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
+	mix-blend-mode: plus-lighter;
+}
+
+.leaflet-container.leaflet-touch-zoom {
+	-ms-touch-action: pan-x pan-y;
+	touch-action: pan-x pan-y;
+	}
+.leaflet-container.leaflet-touch-drag {
+	-ms-touch-action: pinch-zoom;
+	/* Fallback for FF which doesn't support pinch-zoom */
+	touch-action: none;
+	touch-action: pinch-zoom;
+}
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.leaflet-container {
+	-webkit-tap-highlight-color: transparent;
+}
+.leaflet-container a {
+	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
+}
+.leaflet-tile {
+	filter: inherit;
+	visibility: hidden;
+	}
+.leaflet-tile-loaded {
+	visibility: inherit;
+	}
+.leaflet-zoom-box {
+	width: 0;
+	height: 0;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	z-index: 800;
+	}
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg {
+	-moz-user-select: none;
+	}
+
+.leaflet-pane         { z-index: 400; }
+
+.leaflet-tile-pane    { z-index: 200; }
+.leaflet-overlay-pane { z-index: 400; }
+.leaflet-shadow-pane  { z-index: 500; }
+.leaflet-marker-pane  { z-index: 600; }
+.leaflet-tooltip-pane   { z-index: 650; }
+.leaflet-popup-pane   { z-index: 700; }
+
+.leaflet-map-pane canvas { z-index: 100; }
+.leaflet-map-pane svg    { z-index: 200; }
+
+.leaflet-vml-shape {
+	width: 1px;
+	height: 1px;
+	}
+.lvml {
+	behavior: url(#default#VML);
+	display: inline-block;
+	position: absolute;
+	}
+
+
+/* control positioning */
+
+.leaflet-control {
+	position: relative;
+	z-index: 800;
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+.leaflet-top,
+.leaflet-bottom {
+	position: absolute;
+	z-index: 1000;
+	pointer-events: none;
+	}
+.leaflet-top {
+	top: 0;
+	}
+.leaflet-right {
+	right: 0;
+	}
+.leaflet-bottom {
+	bottom: 0;
+	}
+.leaflet-left {
+	left: 0;
+	}
+.leaflet-control {
+	float: left;
+	clear: both;
+	}
+.leaflet-right .leaflet-control {
+	float: right;
+	}
+.leaflet-top .leaflet-control {
+	margin-top: 10px;
+	}
+.leaflet-bottom .leaflet-control {
+	margin-bottom: 10px;
+	}
+.leaflet-left .leaflet-control {
+	margin-left: 10px;
+	}
+.leaflet-right .leaflet-control {
+	margin-right: 10px;
+	}
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-popup {
+	opacity: 0;
+	-webkit-transition: opacity 0.2s linear;
+	   -moz-transition: opacity 0.2s linear;
+	        transition: opacity 0.2s linear;
+	}
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+	opacity: 1;
+	}
+.leaflet-zoom-animated {
+	-webkit-transform-origin: 0 0;
+	    -ms-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	}
+svg.leaflet-zoom-animated {
+	will-change: transform;
+}
+
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
+	}
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile {
+	-webkit-transition: none;
+	   -moz-transition: none;
+	        transition: none;
+	}
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+	visibility: hidden;
+	}
+
+
+/* cursors */
+
+.leaflet-interactive {
+	cursor: pointer;
+	}
+.leaflet-grab {
+	cursor: -webkit-grab;
+	cursor:    -moz-grab;
+	cursor:         grab;
+	}
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive {
+	cursor: crosshair;
+	}
+.leaflet-popup-pane,
+.leaflet-control {
+	cursor: auto;
+	}
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable {
+	cursor: move;
+	cursor: -webkit-grabbing;
+	cursor:    -moz-grabbing;
+	cursor:         grabbing;
+	}
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container {
+	pointer-events: none;
+	}
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive,
+svg.leaflet-image-layer.leaflet-interactive path {
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+
+/* visual tweaks */
+
+.leaflet-container {
+	background: #ddd;
+	outline-offset: 1px;
+	}
+.leaflet-container a {
+	color: #0078A8;
+	}
+.leaflet-zoom-box {
+	border: 2px dotted #38f;
+	background: rgba(255,255,255,0.5);
+	}
+
+
+/* general typography */
+.leaflet-container {
+	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	font-size: 0.75rem;
+	line-height: 1.5;
+	}
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+	border-radius: 4px;
+	}
+.leaflet-bar a {
+	background-color: #fff;
+	border-bottom: 1px solid #ccc;
+	width: 26px;
+	height: 26px;
+	line-height: 26px;
+	display: block;
+	text-align: center;
+	text-decoration: none;
+	color: black;
+	}
+.leaflet-bar a,
+.leaflet-control-layers-toggle {
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	display: block;
+	}
+.leaflet-bar a:hover,
+.leaflet-bar a:focus {
+	background-color: #f4f4f4;
+	}
+.leaflet-bar a:first-child {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	}
+.leaflet-bar a:last-child {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom: none;
+	}
+.leaflet-bar a.leaflet-disabled {
+	cursor: default;
+	background-color: #f4f4f4;
+	color: #bbb;
+	}
+
+.leaflet-touch .leaflet-bar a {
+	width: 30px;
+	height: 30px;
+	line-height: 30px;
+	}
+.leaflet-touch .leaflet-bar a:first-child {
+	border-top-left-radius: 2px;
+	border-top-right-radius: 2px;
+	}
+.leaflet-touch .leaflet-bar a:last-child {
+	border-bottom-left-radius: 2px;
+	border-bottom-right-radius: 2px;
+	}
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+	font: bold 18px 'Lucida Console', Monaco, monospace;
+	text-indent: 1px;
+	}
+
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
+	font-size: 22px;
+	}
+
+
+/* layers control */
+
+.leaflet-control-layers {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+	background: #fff;
+	border-radius: 5px;
+	}
+.leaflet-control-layers-toggle {
+	background-image: url(images/layers.png);
+	width: 36px;
+	height: 36px;
+	}
+.leaflet-retina .leaflet-control-layers-toggle {
+	background-image: url(images/layers-2x.png);
+	background-size: 26px 26px;
+	}
+.leaflet-touch .leaflet-control-layers-toggle {
+	width: 44px;
+	height: 44px;
+	}
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+	display: none;
+	}
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+	display: block;
+	position: relative;
+	}
+.leaflet-control-layers-expanded {
+	padding: 6px 10px 6px 6px;
+	color: #333;
+	background: #fff;
+	}
+.leaflet-control-layers-scrollbar {
+	overflow-y: scroll;
+	overflow-x: hidden;
+	padding-right: 5px;
+	}
+.leaflet-control-layers-selector {
+	margin-top: 2px;
+	position: relative;
+	top: 1px;
+	}
+.leaflet-control-layers label {
+	display: block;
+	font-size: 13px;
+	font-size: 1.08333em;
+	}
+.leaflet-control-layers-separator {
+	height: 0;
+	border-top: 1px solid #ddd;
+	margin: 5px -10px 5px -6px;
+	}
+
+/* Default icon URLs */
+.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
+	background-image: url(images/marker-icon.png);
+	}
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+	background: #fff;
+	background: rgba(255, 255, 255, 0.8);
+	margin: 0;
+	}
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+	padding: 0 5px;
+	color: #333;
+	line-height: 1.4;
+	}
+.leaflet-control-attribution a {
+	text-decoration: none;
+	}
+.leaflet-control-attribution a:hover,
+.leaflet-control-attribution a:focus {
+	text-decoration: underline;
+	}
+.leaflet-attribution-flag {
+	display: inline !important;
+	vertical-align: baseline !important;
+	width: 1em;
+	height: 0.6669em;
+	}
+.leaflet-left .leaflet-control-scale {
+	margin-left: 5px;
+	}
+.leaflet-bottom .leaflet-control-scale {
+	margin-bottom: 5px;
+	}
+.leaflet-control-scale-line {
+	border: 2px solid #777;
+	border-top: none;
+	line-height: 1.1;
+	padding: 2px 5px 1px;
+	white-space: nowrap;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	background: rgba(255, 255, 255, 0.8);
+	text-shadow: 1px 1px #fff;
+	}
+.leaflet-control-scale-line:not(:first-child) {
+	border-top: 2px solid #777;
+	border-bottom: none;
+	margin-top: -2px;
+	}
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+	border-bottom: 2px solid #777;
+	}
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	box-shadow: none;
+	}
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	border: 2px solid rgba(0,0,0,0.2);
+	background-clip: padding-box;
+	}
+
+
+/* popup */
+
+.leaflet-popup {
+	position: absolute;
+	text-align: center;
+	margin-bottom: 20px;
+	}
+.leaflet-popup-content-wrapper {
+	padding: 1px;
+	text-align: left;
+	border-radius: 12px;
+	}
+.leaflet-popup-content {
+	margin: 13px 24px 13px 20px;
+	line-height: 1.3;
+	font-size: 13px;
+	font-size: 1.08333em;
+	min-height: 1px;
+	}
+.leaflet-popup-content p {
+	margin: 17px 0;
+	margin: 1.3em 0;
+	}
+.leaflet-popup-tip-container {
+	width: 40px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	margin-top: -1px;
+	margin-left: -20px;
+	overflow: hidden;
+	pointer-events: none;
+	}
+.leaflet-popup-tip {
+	width: 17px;
+	height: 17px;
+	padding: 1px;
+
+	margin: -10px auto 0;
+	pointer-events: auto;
+
+	-webkit-transform: rotate(45deg);
+	   -moz-transform: rotate(45deg);
+	    -ms-transform: rotate(45deg);
+	        transform: rotate(45deg);
+	}
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+	background: white;
+	color: #333;
+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+	}
+.leaflet-container a.leaflet-popup-close-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	border: none;
+	text-align: center;
+	width: 24px;
+	height: 24px;
+	font: 16px/24px Tahoma, Verdana, sans-serif;
+	color: #757575;
+	text-decoration: none;
+	background: transparent;
+	}
+.leaflet-container a.leaflet-popup-close-button:hover,
+.leaflet-container a.leaflet-popup-close-button:focus {
+	color: #585858;
+	}
+.leaflet-popup-scrolled {
+	overflow: auto;
+	}
+
+.leaflet-oldie .leaflet-popup-content-wrapper {
+	-ms-zoom: 1;
+	}
+.leaflet-oldie .leaflet-popup-tip {
+	width: 24px;
+	margin: 0 auto;
+
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+	}
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+	border: 1px solid #999;
+	}
+
+
+/* div icon */
+
+.leaflet-div-icon {
+	background: #fff;
+	border: 1px solid #666;
+	}
+
+
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+	position: absolute;
+	padding: 6px;
+	background-color: #fff;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	color: #222;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+	}
+.leaflet-tooltip.leaflet-interactive {
+	cursor: pointer;
+	pointer-events: auto;
+	}
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	position: absolute;
+	pointer-events: none;
+	border: 6px solid transparent;
+	background: transparent;
+	content: "";
+	}
+
+/* Directions */
+
+.leaflet-tooltip-bottom {
+	margin-top: 6px;
+}
+.leaflet-tooltip-top {
+	margin-top: -6px;
+}
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+	left: 50%;
+	margin-left: -6px;
+	}
+.leaflet-tooltip-top:before {
+	bottom: 0;
+	margin-bottom: -12px;
+	border-top-color: #fff;
+	}
+.leaflet-tooltip-bottom:before {
+	top: 0;
+	margin-top: -12px;
+	margin-left: -6px;
+	border-bottom-color: #fff;
+	}
+.leaflet-tooltip-left {
+	margin-left: -6px;
+}
+.leaflet-tooltip-right {
+	margin-left: 6px;
+}
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	top: 50%;
+	margin-top: -6px;
+	}
+.leaflet-tooltip-left:before {
+	right: 0;
+	margin-right: -12px;
+	border-left-color: #fff;
+	}
+.leaflet-tooltip-right:before {
+	left: 0;
+	margin-left: -12px;
+	border-right-color: #fff;
+	}
+
+/* Printing */
+
+@media print {
+	/* Prevent printers from removing background-images of controls. */
+	.leaflet-control {
+		-webkit-print-color-adjust: exact;
+		print-color-adjust: exact;
+		}
+	}
+
+.inkra-breadcrumb { min-width: 0; color: var(--inkra-ink); }
+.inkra-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
+.inkra-breadcrumb__item { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; }
+.inkra-breadcrumb__link { max-width: 100%; color: var(--inkra-ink-muted); }
+.inkra-breadcrumb__link .inkra-button__label { white-space: normal; overflow-wrap: anywhere; }
+.inkra-breadcrumb__page { min-height: 44px; display: inline-flex; align-items: center; padding-inline: 12px; overflow-wrap: anywhere; }
+.inkra-breadcrumb__separator { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 16px; color: var(--inkra-ink-subtle); pointer-events: none; }
+
+.inkra-calendar-scroll { max-width: 100%; min-width: 0; overflow-x: auto; }
+.inkra-calendar { color: var(--inkra-ink); font: inherit; }
+.inkra-calendar .rdp-months { display: flex; flex-wrap: wrap; gap: 24px; position: relative; width: max-content; max-width: 100%; }
+.inkra-calendar .rdp-month { width: 308px; min-width: 308px; }
+.inkra-calendar .rdp-month_caption { height: 44px; display: flex; align-items: center; padding-inline: 8px 88px; }
+.inkra-calendar .rdp-nav { position: absolute; top: 0; inset-inline-end: 0; display: flex; }
+.inkra-calendar .rdp-button_previous, .inkra-calendar .rdp-button_next { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
+.inkra-calendar .rdp-chevron { width: 20px; height: 20px; fill: currentColor; }
+.inkra-calendar .rdp-month_grid { width: 308px; min-width: 0; table-layout: fixed; border-collapse: collapse; }
+.inkra-calendar[data-week-numbers] .rdp-month, .inkra-calendar[data-week-numbers] .rdp-month_grid { width: 352px; min-width: 352px; }
+.inkra-calendar .rdp-week_number, .inkra-calendar .rdp-week_number_header { width: 44px; height: 44px; padding: 0; color: var(--inkra-ink-muted); font: 12px/1.5 monospace; text-align: center; }
+.inkra-calendar__event[data-indicator="dot"] { inset-inline-end: 5px; font-size: 16px; }
+.inkra-calendar .rdp-weekday, .inkra-calendar .rdp-day { border: 0; padding: 0; width: 44px; height: 44px; font-weight: 400; text-align: center; }
+.inkra-calendar .rdp-weekday { color: var(--inkra-ink-muted); font-size: 13px; }
+.inkra-calendar .rdp-day_button { position: relative; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; padding: 0; color: inherit; font: inherit; cursor: pointer; }
+.inkra-calendar .rdp-week { background: transparent; }
+.inkra-calendar__selection { position: absolute; inset: 0; pointer-events: none; }
+.inkra-calendar__event { position: absolute; bottom: 1px; inset-inline-end: 3px; font: 10px/1.2 monospace; color: var(--inkra-accent-strong); }
+.inkra-calendar .rdp-outside { color: var(--inkra-ink-subtle); }
+.inkra-calendar .rdp-range_start, .inkra-calendar .rdp-range_end { color: var(--inkra-accent-strong); text-decoration: underline; text-underline-offset: 5px; }
+.inkra-calendar .rdp-today { text-decoration: underline; text-underline-offset: 5px; }
+.inkra-calendar .rdp-hidden { visibility: hidden; }
+.inkra-calendar button:disabled { opacity: .4; cursor: not-allowed; }
+.inkra-calendar button:not(.inkra-button):focus-visible { outline: 2px solid var(--inkra-focus); outline-offset: -2px; }
+.inkra-calendar .rdp-dropdowns { display: flex; gap: 8px; }
+.inkra-calendar .rdp-footer { padding-block: 8px; }
+@media (forced-colors: active) { .inkra-calendar .rdp-selected { outline: 2px solid Highlight; outline-offset: -2px; } }
+
+/* Ported from AdventureCalendar: seven spaced day cards, density by container. */
+.inkra-calendar-scroll[data-appearance="itinerary"] { width: 100%; container-type: inline-size; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-months { width: 100%; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-month { width: 100%; min-width: 0; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-month_grid { width: 100%; border-collapse: separate; border-spacing: 6px; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-day { width: auto; height: auto; vertical-align: top; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-week:not(:has(.rdp-day:not(.rdp-hidden))) { display: none; }
+.inkra-calendar__day-card { position: relative; min-height: 152px; padding: 44px 5px 8px; box-sizing: border-box; }
+.inkra-calendar__day-paper { position: absolute; inset: 0; pointer-events: none; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-day_button { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; display: flex; align-items: start; justify-content: start; padding: 10px; text-align: start; }
+.inkra-calendar__events { position: relative; display: grid; gap: 4px; pointer-events: none; }
+.inkra-calendar__event-card { min-width: 0; min-height: 44px; width: 100%; text-align: start; padding: 4px 6px; pointer-events: auto; font: inherit; border: 0; background: transparent; color: inherit; }
+.inkra-calendar__event-card .inkra-pencil-text { max-width: 100%; }
+.inkra-calendar__accessory { position: absolute; top: 0; inset-inline-end: 2px; max-width: 50%; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-outside { opacity: .45; }
+.inkra-calendar[data-appearance="itinerary"] .rdp-week_number { width: 28px; }
+@container (max-width: 1000px) {
+  .inkra-calendar__event-card:nth-child(n + 3) { display: none; }
+}
+@container (max-width: 700px) {
+  .inkra-calendar__events { display: none; }
+  .inkra-calendar__day-card { min-height: 100px; padding: 0; }
+  .inkra-calendar[data-appearance="itinerary"] .rdp-day_button { justify-content: center; padding: 12px 0 0; }
+  .inkra-calendar[data-appearance="itinerary"] .rdp-month_grid { border-spacing: 2px 6px; }
+  .inkra-calendar__accessory { top: 46px; inset-inline: 0; margin: auto; max-width: 100%; }
+}
+
+.inkra-agenda { display: flex; flex-direction: column; gap: 12px; min-width: 0; height: 100%; color: var(--inkra-ink); }
+.inkra-agenda__heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; flex: none; }
+.inkra-agenda__heading h3 { margin: 0; font-size: 20px; font-weight: 400; }
+.inkra-agenda__heading > span { color: var(--inkra-ink-muted); font-size: 13px; }
+.inkra-agenda__timeline { min-height: 180px; overflow: auto; flex: 1; padding-inline-end: 4px; }
+.inkra-agenda__scale { position: relative; min-width: 220px; }
+.inkra-agenda__tick { position: absolute; inset-inline: 0; display: flex; align-items: center; gap: 8px; transform: translateY(-50%); pointer-events: none; font-size: 12px; color: var(--inkra-ink-muted); }
+.inkra-agenda__tick > span { width: 66px; flex: none; text-align: end; }
+.inkra-agenda[data-hour-cycle="h12"] .inkra-agenda__tick > span { width: 92px; }
+.inkra-agenda__tick > .inkra-pencil-line { flex: 1; opacity: .45; }
+.inkra-agenda__timeline[data-overview="false"] .inkra-agenda__tick > .inkra-pencil-line { visibility: hidden; }
+.inkra-agenda__lanes { position: absolute; inset-block: 0; inset-inline: 78px 0; padding: 0; margin: 0; list-style: none; }
+.inkra-agenda[data-hour-cycle="h12"] .inkra-agenda__lanes { inset-inline-start: 104px; }
+.inkra-agenda__lanes > li { position: absolute; padding-inline: 3px; box-sizing: border-box; min-width: 0; }
+.inkra-agenda__card { position: relative; height: 100%; min-height: 44px; padding: 8px; box-sizing: border-box; overflow: hidden; }
+.inkra-agenda__card[data-selected="true"] { outline: 2px solid var(--inkra-focus); outline-offset: -3px; border-radius: 6px; }
+.inkra-agenda__card-copy { position: relative; pointer-events: none; display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
+.inkra-agenda__card-title { display: flex; gap: 6px; align-items: center; font-size: 15px; }
+.inkra-agenda__card-title > span[aria-hidden] { display: inline-flex; flex: none; }
+.inkra-agenda__card-title > .inkra-pencil-text { min-width: 0; }
+.inkra-agenda__description { font-size: 13px; color: var(--inkra-ink-muted); }
+.inkra-agenda__hit { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; cursor: pointer; }
+.inkra-agenda__hit:disabled { cursor: not-allowed; }
+.inkra-agenda__card:has(.inkra-agenda__hit:disabled) { opacity: .5; }
+.inkra-agenda__hit:focus-visible { outline: 2px solid var(--inkra-focus); outline-offset: -3px; }
+.inkra-agenda__accessible-time { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
+.inkra-agenda__pending { display: grid; gap: 6px; flex: none; }
+.inkra-agenda__pending > span { font-size: 13px; color: var(--inkra-ink-muted); }
+.inkra-agenda__navigation { position: relative; display: flex; justify-content: space-between; padding-top: 8px; flex: none; }
+.inkra-agenda__navigation > .inkra-pencil-line { position: absolute; inset: 0 0 auto; }
+
+.inkra-journey-map { min-width: 0; width: 100%; color: var(--inkra-ink); }
+.inkra-journey-map__viewport { position: relative; overflow: hidden; isolation: isolate; background: var(--inkra-paper); }
+.inkra-journey-map__host { position: absolute; inset: 0; background: transparent; font: inherit; }
+.inkra-journey-map__ink { position: absolute; inset: 0; pointer-events: none; z-index: 350; }
+.inkra-journey-map__tools { position: absolute; z-index: 600; inset-block-end: 9px; inset-inline-start: 9px; display: grid; gap: 4px; }
+.inkra-journey-map__marker { display: grid; place-items: center; }
+.inkra-journey-map__pin { position: absolute; top: 37px; left: 50%; transform: translateX(-50%); width: max-content; max-width: 140px; text-align: center; color: var(--inkra-ink); font: 14px/1.4 var(--inkra-font-hand); }
+.inkra-journey-map__marker[aria-pressed="true"] .inkra-journey-map__pin { color: var(--inkra-accent-strong); }
+.inkra-journey-map__orientation { position: absolute; bottom: 18px; right: 18px; z-index: 600; display: flex; align-items: end; gap: 12px; pointer-events: none; }
+.inkra-journey-map__scale { display: grid; justify-items: center; gap: 1px; font-size: 13px; line-height: 22px; }
+.inkra-journey-map__scale canvas { display: block; height: 12px; }
+.inkra-journey-map__compass { display: grid; justify-items: center; width: 34px; height: 50px; font-size: 14px; line-height: 20px; }
+.inkra-journey-map__attribution { margin: 8px 0; color: var(--inkra-ink-muted); font-size: 12px; }
+.inkra-journey-map__credits { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; z-index: 600; }
+.inkra-journey-map__credits-content { width: min(340px, calc(100vw - 40px)); }
+.inkra-journey-map__places { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
+.inkra-journey-map__places button { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
+.inkra-journey-map__places button[aria-pressed="true"] { text-decoration: underline; text-underline-offset: 4px; }
+.inkra-journey-map button:focus-visible, .inkra-journey-map__marker:focus-visible { outline: 2px solid var(--inkra-focus); outline-offset: -2px; }