@import "https://rsms.me/inter/inter.css";
/* [project]/apps/artdirect/src/components/oad/dossier-sidebar.css [app-client] (css) */
.eac-dos-side, .eac-dos-side-tab {
  --dside-w: min(420px, 100vw);
  --dside-bg: var(--eac-dos-bg-accent, #1b1915);
  --dside-bg-soft: #262218;
  --dside-ink: var(--eac-dos-paper, #f4efe4);
  --dside-soft: #b3aa98;
  --dside-line: #45402f;
  --dside-accent: var(--eac-dos-manila, #d8bd8a);
  --dside-red: var(--eac-dos-stamp-red, #8a2f2a);
  --dside-type: var(--eac-dos-typewriter, "Courier Prime", "Courier New", monospace);
  --dside-display: var(--eac-dos-display, "Playfair Display", Georgia, serif);
}

.eac-dos-side-tab {
  z-index: 120;
  transform-origin: 100%;
  writing-mode: vertical-rl;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg);
  color: var(--dside-accent);
  font-family: var(--dside-type);
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  padding: 1.1rem .55rem;
  font-size: .72rem;
  font-weight: 700;
  transition: right .22s;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.eac-dos-side-tab:hover, .eac-dos-side-tab:focus-visible {
  color: var(--dside-bg);
  background: var(--dside-accent);
}

.eac-dos-side-tab[data-open="true"] {
  right: var(--dside-w);
  border-radius: 4px 0 0 4px;
}

@media (prefers-reduced-motion: reduce) {
  .eac-dos-side-tab {
    transition: none;
  }
}

.eac-dos-side {
  z-index: 119;
  width: var(--dside-w);
  overscroll-behavior: contain;
  background: var(--dside-bg);
  border-left: 1px solid var(--dside-line);
  color: var(--dside-ink);
  font-family: var(--dside-type);
  padding: 1.5rem 1.5rem 5rem;
  font-size: .88rem;
  line-height: 1.5;
  transition: transform .22s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
  box-shadow: -18px 0 50px #00000073;
}

.eac-dos-side[data-open="true"] {
  transform: translateX(0);
}

.eac-dos-side[data-open="false"] {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .eac-dos-side {
    transition: none;
  }
}

.eac-dos-side-head h2 {
  font-family: var(--dside-display);
  margin: 0 0 .35rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.eac-dos-side-head p {
  color: var(--dside-soft);
  margin: 0 0 1.5rem;
  font-size: .82rem;
}

.eac-dos-side-error {
  border: 1px solid var(--dside-red);
  color: var(--dside-ink);
  background: #8a2f2a2e;
  margin: 0 0 1rem;
  padding: .6rem .75rem;
  font-size: .82rem;
}

.eac-dos-side-note {
  border-left: 2px solid var(--dside-accent);
  background: var(--dside-bg-soft);
  color: var(--dside-soft);
  margin: 0 0 1.25rem;
  padding: .7rem .8rem;
  font-size: .8rem;
}

.eac-dos-side-group {
  border-top: 1px solid var(--dside-line);
  padding: 1.1rem 0;
}

.eac-dos-side-group h3 {
  font-family: var(--dside-display);
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin: 0 0 .3rem;
  font-size: 1.08rem;
  font-weight: 700;
  display: flex;
}

.eac-dos-side-status {
  font-family: var(--dside-type);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dside-soft);
  border: 1px solid var(--dside-line);
  flex: none;
  padding: .1rem .4rem;
  font-size: .62rem;
  font-weight: 400;
}

.eac-dos-side-group[data-showing="true"] .eac-dos-side-status {
  color: var(--dside-accent);
  border-color: var(--dside-accent);
}

.eac-dos-side-blurb {
  color: var(--dside-soft);
  margin: 0 0 .85rem;
  font-size: .8rem;
}

.eac-dos-side-managed {
  background: var(--dside-bg-soft);
  color: var(--dside-soft);
  margin: 0 0 .85rem;
  padding: .6rem .75rem;
  font-size: .8rem;
}

.eac-dos-side-managed a, .eac-dos-side-out {
  color: var(--dside-accent);
  border-bottom: 1px solid;
  text-decoration: none;
}

.eac-dos-side-out {
  font-size: .82rem;
  display: inline-block;
}

.eac-dos-side-switch {
  cursor: pointer;
  align-items: flex-start;
  gap: .6rem;
  margin-bottom: .9rem;
  font-size: .83rem;
  display: flex;
}

.eac-dos-side-switch input, .eac-dos-side-layout input {
  accent-color: var(--dside-accent);
  flex: none;
  margin-top: .2rem;
}

.eac-dos-side-layouts {
  gap: .6rem;
  display: grid;
}

.eac-dos-side-layout {
  border: 1px solid var(--dside-line);
  cursor: pointer;
  align-items: flex-start;
  gap: .65rem;
  padding: .7rem .8rem;
  display: flex;
}

.eac-dos-side-layout[data-checked="true"] {
  border-color: var(--dside-accent);
  background: var(--dside-bg-soft);
}

.eac-dos-side-layout b {
  font-weight: 700;
  display: block;
}

.eac-dos-side-layout span span {
  color: var(--dside-soft);
  margin-top: .15rem;
  font-size: .78rem;
  display: block;
}

.eac-dos-side-field {
  margin-bottom: 1rem;
  display: block;
}

.eac-dos-side-label {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dside-soft);
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem;
  margin-bottom: .3rem;
  font-size: .68rem;
  font-weight: 700;
  display: flex;
}

.eac-dos-side-label em {
  letter-spacing: .1em;
  color: var(--dside-accent);
  font-style: normal;
}

.eac-dos-side-field input[type="text"], .eac-dos-side-field input[type="url"], .eac-dos-side-field textarea, .eac-dos-side-sub input, .eac-dos-side-sub textarea {
  box-sizing: border-box;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  width: 100%;
  color: var(--dside-ink);
  font-family: var(--dside-type);
  resize: vertical;
  padding: .5rem .6rem;
  font-size: .86rem;
  line-height: 1.45;
}

.eac-dos-side-field input:focus, .eac-dos-side-field textarea:focus, .eac-dos-side-sub input:focus, .eac-dos-side-sub textarea:focus {
  outline: 2px solid var(--dside-accent);
  outline-offset: 1px;
}

.eac-dos-side-field ::placeholder, .eac-dos-side-sub ::placeholder {
  color: #8e8676;
  opacity: 1;
}

.eac-dos-side-hint {
  color: var(--dside-soft);
  margin-top: .3rem;
  font-size: .75rem;
  display: block;
}

.eac-dos-side-btn {
  border: 1px solid var(--dside-line);
  color: var(--dside-ink);
  font-family: var(--dside-type);
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  padding: .4rem .8rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.eac-dos-side-btn:hover {
  border-color: var(--dside-accent);
  color: var(--dside-accent);
}

.eac-dos-side-upload {
  cursor: pointer;
  align-items: center;
  gap: .7rem;
  display: flex;
}

.eac-dos-side-upload img {
  object-fit: cover;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  width: 46px;
  height: 58px;
}

.eac-dos-side-upload input[type="file"] {
  display: none;
}

.eac-dos-side-rows {
  gap: .75rem;
  margin: 0 0 .75rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-dos-side-row {
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  padding: .7rem .75rem;
}

.eac-dos-side-rowhead {
  letter-spacing: .14em;
  color: var(--dside-soft);
  justify-content: space-between;
  align-items: center;
  margin-bottom: .55rem;
  font-size: .7rem;
  display: flex;
}

.eac-dos-side-rowhead div {
  gap: .25rem;
  display: flex;
}

.eac-dos-side-rowhead button {
  border: 1px solid var(--dside-line);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--dside-ink);
  font-family: var(--dside-type);
  cursor: pointer;
  background: none;
  font-size: .8rem;
  line-height: 1;
}

.eac-dos-side-rowhead button:hover:not(:disabled) {
  border-color: var(--dside-accent);
  color: var(--dside-accent);
}

.eac-dos-side-rowhead button:disabled {
  opacity: .35;
  cursor: default;
}

.eac-dos-side-sub {
  margin-bottom: .5rem;
  display: block;
}

.eac-dos-side-sub > span {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dside-soft);
  margin-bottom: .2rem;
  font-size: .66rem;
  display: block;
}

.eac-dos-side-subimage > .eac-dos-side-upload {
  margin-top: .1rem;
}

@media (max-width: 480px) {
  .eac-dos-side {
    padding: 1.25rem 1rem 5rem;
  }
}

@media (min-width: 1000px) {
  body[data-dos-side="open"] {
    padding-right: var(--dside-w, 420px);
    transition: padding-right .22s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-dos-side="open"] {
    transition: none;
  }
}

/* [project]/packages/cms-ui/src/surface/surface.css [app-client] (css) */
:root {
  --sf-bg: var(--eac-surface-bg, var(--paper, var(--surface, #fff)));
  --sf-bg-soft: var(--eac-surface-bg-soft, color-mix(in srgb, var(--sf-fg) 4%, var(--sf-bg)));
  --sf-fg: var(--eac-surface-fg, var(--ink, #16181d));
  --sf-muted: var(--eac-surface-muted, var(--ink-soft, #5e667a));
  --sf-faint: var(--eac-surface-faint, color-mix(in srgb, var(--sf-muted) 60%, var(--sf-bg)));
  --sf-line: var(--eac-surface-line, var(--line, #cfd4db));
  --sf-accent: var(--eac-surface-accent, var(--eac-accent, #5b45a8));
  --sf-on-accent: var(--eac-surface-on-accent, #fff);
  --sf-scrim: var(--eac-surface-scrim, #14121075);
  --sf-danger: var(--eac-surface-danger, #ae3a31);
  --sf-radius: var(--eac-surface-radius, 6px);
  --sf-radius-sm: max(2px, calc(var(--sf-radius)  - 3px));
  --sf-rule: var(--eac-surface-rule, color-mix(in srgb, var(--sf-fg) 55%, var(--sf-line)));
  --sf-shadow: var(--eac-surface-shadow, 0 28px 70px -24px #00000061, 0 2px 10px #00000014);
  --sf-font-record: var(--eac-font-record, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
  --sf-font-title: var(--eac-font-title, var(--font-serif, inherit));
  --sf-font-body: var(--eac-font-body, inherit);
  --sf-w-compact: 440px;
  --sf-w-standard: 640px;
  --sf-w-wide: 940px;
  --sf-w-full: 1180px;
  --sf-kind-post: var(--eac-kind-post, var(--sf-accent));
  --sf-kind-event: var(--eac-kind-event, var(--sf-accent));
  --sf-kind-meeting: var(--eac-kind-meeting, var(--sf-accent));
  --sf-kind-workshop: var(--eac-kind-workshop, var(--sf-accent));
  --sf-kind-service: var(--eac-kind-service, var(--sf-accent));
  --sf-kind-product: var(--eac-kind-product, var(--sf-accent));
  --sf-kind-questionnaire: var(--eac-kind-questionnaire, var(--sf-accent));
  --sf-kind-poll: var(--eac-kind-poll, var(--sf-accent));
  --sf-kind-calendar: var(--eac-kind-calendar, var(--sf-accent));
  --sf-kind-gallery: var(--eac-kind-gallery, var(--sf-accent));
  --sf-kind-board: var(--eac-kind-board, var(--sf-accent));
  --sf-kind-forum: var(--eac-kind-forum, var(--sf-accent));
  --sf-kind-compose: var(--eac-kind-compose, var(--sf-accent));
  --sf-kind-document: var(--eac-kind-document, var(--sf-accent));
  --sf-kind-idea: var(--eac-kind-idea, var(--sf-accent));
  --sf-kind-neutral: var(--eac-kind-neutral, var(--sf-muted));
}

[data-kind="post"] {
  --sf-kind: var(--sf-kind-post);
  --sf-on-kind: var(--eac-kind-post-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="event"] {
  --sf-kind: var(--sf-kind-event);
  --sf-on-kind: var(--eac-kind-event-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="meeting"] {
  --sf-kind: var(--sf-kind-meeting);
  --sf-on-kind: var(--eac-kind-meeting-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="workshop"] {
  --sf-kind: var(--sf-kind-workshop);
  --sf-on-kind: var(--eac-kind-workshop-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="service"] {
  --sf-kind: var(--sf-kind-service);
  --sf-on-kind: var(--eac-kind-service-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="product"] {
  --sf-kind: var(--sf-kind-product);
  --sf-on-kind: var(--eac-kind-product-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="questionnaire"] {
  --sf-kind: var(--sf-kind-questionnaire);
  --sf-on-kind: var(--eac-kind-questionnaire-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="poll"] {
  --sf-kind: var(--sf-kind-poll);
  --sf-on-kind: var(--eac-kind-poll-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="calendar"] {
  --sf-kind: var(--sf-kind-calendar);
  --sf-on-kind: var(--eac-kind-calendar-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="board"] {
  --sf-kind: var(--sf-kind-board);
  --sf-on-kind: var(--eac-kind-board-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="forum"] {
  --sf-kind: var(--sf-kind-forum);
  --sf-on-kind: var(--eac-kind-forum-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="gallery"] {
  --sf-kind: var(--sf-kind-gallery);
  --sf-on-kind: var(--eac-kind-gallery-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="compose"] {
  --sf-kind: var(--sf-kind-compose);
  --sf-on-kind: var(--eac-kind-compose-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="document"] {
  --sf-kind: var(--sf-kind-document);
  --sf-on-kind: var(--eac-kind-document-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="idea"] {
  --sf-kind: var(--sf-kind-idea);
  --sf-on-kind: var(--eac-kind-idea-on, var(--eac-surface-on-accent, #fff));
}

[data-kind="neutral"], [data-kind=""] {
  --sf-kind: var(--sf-kind-neutral);
  --sf-on-kind: var(--eac-kind-neutral-on, var(--sf-bg));
}

.eac-face-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.eac-face {
  min-width: 0;
  min-height: 210px;
  color: var(--sf-fg);
  background: radial-gradient(124% 96% at 0% 0%, color-mix(in srgb, var(--sf-kind) var(--eac-face-wash, 5%), transparent), transparent 64%), var(--eac-face-bg, var(--sf-bg));
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  text-align: left;
  font: inherit;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 56px 20px 20px;
  text-decoration: none;
  transition: transform .18s cubic-bezier(.2, .7, .3, 1), box-shadow .18s, border-color .18s;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #0000000a, 0 10px 22px -18px #0003;
}

.eac-face:before {
  content: "";
  background: linear-gradient(90deg, var(--sf-kind), color-mix(in srgb, var(--sf-kind) 34%, transparent) 40%, transparent 66%);
  border-radius: var(--sf-radius) var(--sf-radius) 0 0;
  height: 2px;
  position: absolute;
  inset: 0 0 auto;
}

.eac-face:not(.is-disabled):hover, .eac-face:not(.is-disabled):focus-within {
  border-color: color-mix(in srgb, var(--sf-kind) 45%, var(--sf-line));
  transform: translateY(-3px);
  box-shadow: 0 2px 4px #0000000d, 0 24px 44px -22px #00000057;
}

.eac-face:not(.is-disabled):hover > .eac-face-glyph, .eac-face:not(.is-disabled):focus-within > .eac-face-glyph {
  background: var(--sf-kind);
  border-color: var(--sf-kind);
  color: var(--sf-on-kind);
}

.eac-face--wide {
  grid-column: 1 / -1;
  min-height: 132px;
}

.eac-face--small {
  gap: 4px;
  min-height: 0;
  padding: 14px 16px;
}

.eac-face.is-disabled {
  opacity: .55;
}

.eac-face-hit {
  z-index: 0;
  border-radius: inherit;
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}

.eac-face-hit:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-face.is-disabled .eac-face-hit {
  cursor: default;
}

.eac-face > :not(.eac-face-hit, .eac-face-glyph, .eac-face-cue) {
  z-index: 1;
  pointer-events: none;
  position: relative;
}

.eac-face > .eac-face-glyph, .eac-face > .eac-face-cue {
  z-index: 1;
  pointer-events: none;
}

.eac-face .eac-face-live, .eac-face .eac-face-live * {
  pointer-events: auto;
}

.eac-face-glyph {
  color: var(--sf-kind);
  font-size: 1.35rem;
  line-height: 1;
  position: absolute;
  top: 18px;
  left: 20px;
}

.eac-face > .eac-face-glyph {
  background: color-mix(in srgb, var(--sf-kind) 12%, var(--sf-bg));
  border: 1px solid color-mix(in srgb, var(--sf-kind) 26%, transparent);
  border-radius: max(var(--sf-radius), 5px);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1.05rem;
  transition: background .18s, border-color .18s, color .18s;
  display: inline-flex;
  top: 16px;
  left: 18px;
}

.eac-face--small > .eac-face-glyph {
  width: 26px;
  height: 26px;
  margin-bottom: 6px;
  font-size: .95rem;
  position: static;
}

.eac-face-cue {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .95rem;
  transition: color .16s, transform .16s;
  position: absolute;
  top: 16px;
  right: 18px;
}

.eac-face > .eac-face-cue {
  width: 24px;
  height: 24px;
  color: var(--sf-faint);
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: color .18s, border-color .18s, background .18s, transform .18s;
  display: inline-flex;
  top: 15px;
  right: 15px;
}

.eac-face:hover > .eac-face-cue, .eac-face:focus-within > .eac-face-cue {
  color: var(--sf-kind);
  border-color: color-mix(in srgb, var(--sf-kind) 32%, transparent);
  background: color-mix(in srgb, var(--sf-kind) 9%, transparent);
  transform: translateX(1px);
}

.eac-face-kicker {
  font-family: var(--sf-font-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sf-fg);
  font-size: .64rem;
  font-weight: 600;
}

.eac-face > .eac-face-kicker {
  letter-spacing: .16em;
  color: var(--sf-muted);
  align-items: center;
  gap: 7px;
  font-size: .62rem;
  display: flex;
}

.eac-face > .eac-face-kicker:before {
  content: "";
  background: var(--sf-kind);
  border-radius: 1px;
  flex: none;
  width: 12px;
  height: 2px;
}

.eac-face-title {
  font-family: var(--sf-font-title);
  letter-spacing: -.012em;
  font-size: 1.26rem;
  font-weight: 500;
  line-height: 1.22;
}

.eac-face--small .eac-face-title {
  font-size: 1rem;
}

.eac-face-blurb {
  color: var(--sf-muted);
  max-width: 36ch;
  font-size: .86rem;
  line-height: 1.5;
}

.eac-face-preview {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-height: 0;
  margin: 10px 0 4px;
  font-size: .84rem;
  display: flex;
}

.eac-face-preview:empty {
  display: none;
}

.eac-face-preview > * {
  flex: none;
}

.eac-face-preview:after {
  content: "";
  flex: 1 1 0;
  min-height: 0;
}

.eac-face-preview:has( > .eac-preview-cover):after {
  display: none;
}

.eac-face-preview:has( > .eac-face-live:only-child):after {
  display: none;
}

.eac-preview-line {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.eac-preview-line > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.eac-preview-date {
  font-family: var(--sf-font-record);
  color: var(--sf-kind);
  flex: none;
  min-width: 5.2ch;
  font-size: .7rem;
}

.eac-preview-cue {
  background: color-mix(in srgb, var(--sf-kind) 14%, transparent);
  color: var(--sf-fg);
  font-family: var(--sf-font-record);
  letter-spacing: .04em;
  border-radius: 999px;
  align-self: flex-start;
  padding: 2px 8px;
  font-size: .68rem;
  display: inline-block;
}

.eac-preview-empty {
  color: var(--sf-faint);
  font-style: italic;
}

.eac-preview-action {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-self: flex-start;
  padding: 3px 10px;
  font-size: .72rem;
}

.eac-preview-action:hover, .eac-preview-action:focus-visible {
  border-color: var(--sf-kind);
  outline: none;
}

.eac-preview-cover {
  aspect-ratio: 16 / 7;
  object-fit: cover;
  border-radius: var(--sf-radius-sm);
  flex: 1;
  width: 100%;
  min-height: 0;
  margin-bottom: 4px;
}

dialog.eac-surface {
  color: var(--sf-fg);
  max-width: none;
  max-height: none;
  width: min(var(--sf-width, var(--sf-w-standard)), calc(100vw - 32px));
  background: none;
  border: 0;
  margin: auto;
  padding: 0;
  overflow: visible;
}

dialog.eac-surface[data-size="compact"] {
  --sf-width: var(--sf-w-compact);
}

dialog.eac-surface[data-size="standard"] {
  --sf-width: var(--sf-w-standard);
}

dialog.eac-surface[data-size="wide"] {
  --sf-width: var(--sf-w-wide);
}

dialog.eac-surface[data-size="full"] {
  --sf-width: var(--sf-w-full);
}

dialog.eac-surface[data-size="bare"] {
  --sf-width: min(92vw, 78vh);
}

dialog.eac-surface[data-size="bare"]:focus {
  outline: none;
}

dialog.eac-surface[data-size="bare"] .eac-surface-panel {
  max-height: none;
  box-shadow: none;
  background: none;
  border: 0;
  display: block;
  overflow: visible;
}

dialog.eac-surface::backdrop {
  background: var(--sf-scrim);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

dialog.eac-surface {
  opacity: 0;
  transition: opacity .18s ease, transform .22s cubic-bezier(.2, .8, .2, 1), display .22s allow-discrete, overlay .22s allow-discrete;
  transform: translateY(10px)scale(.985);
}

dialog.eac-surface[open] {
  opacity: 1;
  transform: none;
}

@starting-style {
  dialog.eac-surface[open] {
    opacity: 0;
    transform: translateY(10px)scale(.985);
  }
}

dialog.eac-surface::backdrop {
  opacity: 0;
  transition: opacity .2s ease, display .22s allow-discrete, overlay .22s allow-discrete;
}

dialog.eac-surface[open]::backdrop {
  opacity: 1;
}

@starting-style {
  dialog.eac-surface[open]::backdrop {
    opacity: 0;
  }
}

.eac-surface-panel {
  background: var(--sf-bg);
  border: 1px solid var(--sf-rule);
  border-radius: var(--sf-radius);
  max-height: min(88vh, 920px);
  box-shadow: var(--sf-shadow);
  font-family: var(--sf-font-body);
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas: "head"
                       "body"
                       "foot";
  display: grid;
  overflow: hidden;
}

.eac-surface-head {
  border-bottom: 2px solid var(--sf-kind);
  grid-area: head;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px 14px 18px;
  display: grid;
}

.eac-surface-glyph {
  border-radius: var(--sf-radius-sm);
  background: color-mix(in srgb, var(--sf-kind) 14%, transparent);
  width: 38px;
  height: 38px;
  color: var(--sf-kind);
  place-items: center;
  font-size: 1.15rem;
  line-height: 1;
  display: grid;
}

.eac-surface-headings {
  min-width: 0;
}

.eac-surface-kicker {
  font-family: var(--sf-font-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sf-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 8px;
  font-size: .66rem;
  display: flex;
  overflow: hidden;
}

.eac-surface-kicker .eac-surface-crumb {
  color: var(--sf-fg);
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: color-mix(in srgb, var(--sf-fg) 30%, transparent);
  text-decoration-color: color-mix(in srgb, var(--sf-fg) 30%, transparent);
  text-underline-offset: 3px;
  background: none;
  border: 0;
  padding: 0;
}

.eac-surface-kicker .eac-surface-crumb:hover {
  -webkit-text-decoration-color: var(--sf-kind);
  text-decoration-color: var(--sf-kind);
}

.eac-surface-kicker .eac-surface-sep {
  color: var(--sf-faint);
}

.eac-surface-title {
  font-family: var(--sf-font-title);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 2px 0 0;
  font-size: 1.22rem;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.eac-surface-controls {
  align-items: center;
  gap: 6px;
  display: flex;
}

.eac-surface-iconbtn {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 32px;
  height: 32px;
  color: var(--sf-fg);
  font: inherit;
  cursor: pointer;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  display: grid;
}

.eac-surface-iconbtn:hover {
  border-color: var(--sf-fg);
}

.eac-surface-iconbtn:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-surface-body {
  scrollbar-gutter: stable;
  grid-area: body;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  display: grid;
  overflow: auto;
}

.eac-surface-body.has-rail {
  grid-template-columns: minmax(0, 1fr) 272px;
}

@media (max-width: 760px) {
  .eac-surface-body.has-rail {
    grid-template-columns: minmax(0, 1fr);
  }
}

.eac-surface-main {
  min-width: 0;
  padding: 20px 22px 22px;
}

.eac-surface-main.is-flush {
  padding: 0;
}

.eac-surface-rail {
  border-left: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  min-width: 0;
  padding: 20px 20px 22px;
}

@media (max-width: 760px) {
  .eac-surface-rail {
    border-left: 0;
    border-bottom: 1px solid var(--sf-line);
    order: -1;
  }
}

.eac-surface-foot {
  border-top: 1px solid var(--sf-rule);
  background: var(--sf-bg-soft);
  flex-wrap: wrap;
  grid-area: foot;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.eac-surface-foot:empty {
  display: none;
}

.eac-surface-status {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  min-width: 0;
  font-size: .74rem;
}

.eac-surface-status.is-error {
  color: var(--sf-danger);
}

.eac-surface-buttons {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

@media (max-width: 640px) {
  dialog.eac-surface {
    width: 100vw;
    max-width: 100vw;
    margin: auto 0 0;
    transform: translateY(24px);
  }

  dialog.eac-surface[open] {
    transform: none;
  }

  @starting-style {
    dialog.eac-surface[open] {
      transform: translateY(24px);
    }
  }

  .eac-surface-panel {
    border-radius: var(--sf-radius) var(--sf-radius) 0 0;
    border-bottom: 0;
    max-height: 92dvh;
  }

  .eac-surface-head {
    padding: 12px 12px 12px 16px;
  }

  .eac-surface-title {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  dialog.eac-surface, dialog.eac-surface::backdrop, .eac-face, .eac-face-cue, .eac-face > .eac-face-glyph {
    transition: none;
  }
}

.eac-btn {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: .88rem;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.eac-btn:hover {
  border-color: var(--sf-fg);
}

.eac-btn:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-btn:disabled, .eac-btn[aria-disabled="true"] {
  opacity: .55;
  cursor: default;
}

.eac-btn--primary {
  background: var(--sf-kind, var(--sf-accent));
  border-color: var(--sf-kind, var(--sf-accent));
  color: var(--sf-on-kind, var(--sf-on-accent, #fff));
}

.eac-btn--primary:hover {
  filter: brightness(.94);
  border-color: var(--sf-kind, var(--sf-accent));
}

.eac-btn--quiet {
  color: var(--sf-muted);
  border-color: #0000;
}

.eac-btn--quiet:hover {
  color: var(--sf-fg);
  background: var(--sf-bg-soft);
  border-color: #0000;
}

.eac-btn--danger {
  color: var(--sf-danger);
}

.eac-btn--danger:hover {
  border-color: var(--sf-danger);
}

.eac-btn--done {
  background: color-mix(in srgb, var(--sf-kind) 14%, transparent);
  border-color: color-mix(in srgb, var(--sf-kind) 40%, transparent);
}

.eac-facts {
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px 14px;
  margin: 0;
  font-size: .9rem;
  display: grid;
}

.eac-facts dt {
  font-family: var(--sf-font-record);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sf-fg);
  padding-top: 3px;
  font-size: .66rem;
  font-weight: 600;
}

.eac-facts dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}

.eac-facts dd .eac-chip {
  margin-left: 8px;
}

.eac-chip {
  background: color-mix(in srgb, var(--sf-kind) 14%, transparent);
  font-family: var(--sf-font-record);
  letter-spacing: .04em;
  vertical-align: 1px;
  border-radius: 999px;
  padding: 1px 8px;
  font-size: .66rem;
  display: inline-block;
}

.eac-chip--warn {
  background: color-mix(in srgb, var(--sf-danger) 14%, transparent);
  color: var(--sf-danger);
}

.eac-surface-cover {
  object-fit: cover;
  border-radius: var(--sf-radius-sm);
  width: 100%;
  max-height: 260px;
  margin-bottom: 16px;
  display: block;
}

.eac-surface-lede {
  color: var(--sf-muted);
  margin: 0 0 14px;
  font-size: 1.02rem;
  line-height: 1.5;
}

.eac-surface-section {
  margin: 0 0 18px;
}

.eac-surface-section > h3 {
  border-bottom: 1px solid var(--sf-rule);
  font-family: var(--sf-font-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sf-fg);
  margin: 0 0 10px;
  padding-bottom: 6px;
  font-size: .66rem;
  font-weight: 600;
}

.eac-surface-prose {
  font-family: var(--read-face-prose, var(--sf-font-body));
  font-size: var(--eac-surface-prose-size, 1.02rem);
  line-height: var(--read-leading, 1.6);
  color: var(--sf-fg);
  max-width: var(--read-measure, 66ch);
}

.eac-surface-prose > * + * {
  margin-top: .9em;
}

.eac-surface-prose p {
  margin: 0;
}

.eac-surface-prose img {
  border-radius: var(--sf-radius-sm);
  max-width: 100%;
}

.eac-surface-prose a {
  color: var(--sf-kind);
}

.eac-surface-prose h2, .eac-surface-prose h3 {
  font-family: var(--sf-font-title);
  line-height: 1.25;
}

.eac-surface-prose blockquote {
  border-left: 2px solid var(--sf-kind);
  color: var(--sf-muted);
  margin: 0;
  padding-left: 14px;
}

.eac-surface-record {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  letter-spacing: .02em;
  font-size: .74rem;
}

.eac-surface-muted {
  color: var(--sf-muted);
  font-size: .9rem;
}

.eac-surface-error {
  color: var(--sf-danger);
  font-size: .88rem;
}

.eac-skeleton {
  gap: 10px;
  display: grid;
}

.eac-skeleton > span {
  background: linear-gradient(90deg, var(--sf-bg-soft), color-mix(in srgb, var(--sf-fg) 9%, var(--sf-bg)), var(--sf-bg-soft));
  background-size: 200% 100%;
  border-radius: 6px;
  height: 12px;
  animation: 1.3s ease-in-out infinite eac-shimmer;
  display: block;
}

.eac-skeleton > span:nth-child(2) {
  width: 82%;
}

.eac-skeleton > span:nth-child(3) {
  width: 64%;
}

.eac-skeleton > span.is-block {
  border-radius: var(--sf-radius-sm);
  height: 120px;
}

@keyframes eac-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eac-skeleton > span {
    animation: none;
  }
}

.eac-surface-empty {
  text-align: center;
  color: var(--sf-muted);
  padding: 28px 16px;
  font-size: .92rem;
}

.eac-options {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-options .eac-face {
  min-height: 118px;
}

.eac-cal {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.eac-cal-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-cal-head h3 {
  font-family: var(--sf-font-title);
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.eac-cal-nav {
  gap: 4px;
  display: flex;
}

.eac-cal-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.eac-cal-weekday {
  text-align: center;
  border-bottom: 1px solid var(--sf-rule);
  font-family: var(--sf-font-record);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sf-fg);
  padding: 2px 0 6px;
  font-size: .62rem;
  font-weight: 600;
}

.eac-cal-day {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  min-height: 64px;
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  padding: 6px;
  transition: border-color .12s, background .12s;
  display: flex;
}

.eac-cal-day.is-pad {
  cursor: default;
  background: none;
  border-color: #0000;
}

.eac-cal-day.is-empty {
  background: var(--sf-bg-soft);
}

.eac-cal-day.is-past .eac-cal-num {
  color: var(--sf-faint);
}

.eac-cal-day:not(.is-pad):hover {
  border-color: color-mix(in srgb, var(--sf-kind, var(--sf-accent)) 60%, var(--sf-line));
}

.eac-cal-day.is-selected {
  border-color: var(--sf-kind, var(--sf-accent));
  box-shadow: inset 0 0 0 1px var(--sf-kind, var(--sf-accent));
}

.eac-cal-day:focus-visible {
  outline: 2px solid var(--sf-kind, var(--sf-accent));
  outline-offset: 1px;
}

.eac-cal-num {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .72rem;
  line-height: 1;
}

.eac-cal-day.has-events .eac-cal-num {
  color: var(--sf-fg);
  font-weight: 600;
}

.eac-cal-day.is-today .eac-cal-num {
  background: var(--sf-kind, var(--sf-accent));
  width: 18px;
  height: 18px;
  color: var(--sf-on-kind, #fff);
  border-radius: 50%;
  place-items: center;
  font-weight: 600;
  display: inline-grid;
}

.eac-cal-pip {
  background: color-mix(in srgb, var(--sf-kind, var(--sf-accent)) 16%, transparent);
  border-left: 2px solid var(--sf-kind, var(--sf-accent));
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: .66rem;
  line-height: 1.35;
  display: block;
  overflow: hidden;
}

.eac-cal-more {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .62rem;
}

@media (max-width: 640px) {
  .eac-cal-day {
    min-height: 46px;
    padding: 4px;
  }

  .eac-cal-pip {
    border-left: 0;
    border-radius: 2px;
    height: 4px;
    padding: 0;
    font-size: 0;
  }
}

.eac-cal--compact .eac-cal-grid {
  gap: 1px;
}

.eac-cal--compact .eac-cal-day {
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 26px;
  min-height: 0;
  padding: 0;
}

.eac-cal--compact .eac-cal-day.is-empty {
  background: none;
}

.eac-cal--compact .eac-cal-day.has-events:hover {
  background: color-mix(in srgb, var(--sf-kind, var(--sf-accent)) 14%, transparent);
}

.eac-cal--compact .eac-cal-num {
  font-size: .66rem;
}

.eac-cal--compact .eac-cal-day.is-today .eac-cal-num {
  width: 16px;
  height: 16px;
}

.eac-cal--compact .eac-cal-dots {
  align-items: center;
  gap: 2px;
  height: 4px;
  display: flex;
}

.eac-cal--compact .eac-cal-dots > i {
  background: var(--sf-kind, var(--sf-accent));
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.eac-cal--compact .eac-cal-weekday {
  padding: 0 0 2px;
  font-size: .55rem;
}

.eac-cal--compact .eac-cal-head h3 {
  font-size: .8rem;
  font-family: var(--sf-font-record);
}

.eac-cal-rail-date {
  font-family: var(--sf-font-title);
  margin: 0 0 12px;
  font-size: 1.05rem;
  font-weight: 500;
}

.eac-occ-list {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-occ {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.eac-occ:hover {
  border-color: color-mix(in srgb, var(--sf-kind) 60%, var(--sf-line));
}

.eac-occ:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-occ-glyph {
  color: var(--sf-kind);
  font-size: 1rem;
  line-height: 1.2;
}

.eac-occ-title {
  font-size: .92rem;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.eac-occ-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  margin-top: 2px;
  font-size: .7rem;
  display: block;
}

.eac-occ--static {
  cursor: default;
}

.eac-occ--static:hover {
  border-color: var(--sf-line);
}

.eac-terms {
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  display: flex;
}

.eac-term {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  color: var(--sf-fg);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: .82rem;
  line-height: 1.3;
  text-decoration: none;
  display: inline-block;
}

a.eac-term:hover {
  border-color: color-mix(in srgb, var(--sf-kind) 60%, var(--sf-line));
}

a.eac-term:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-gathered-at {
  margin: 16px 0 0;
}

.eac-gathered-at a {
  color: inherit;
}

.eac-gather-input {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  padding: 9px 12px;
  font-size: .95rem;
}

.eac-gather-input::placeholder {
  color: var(--sf-faint);
}

.eac-gather-input:focus-visible {
  border-color: var(--sf-kind);
  outline: 2px solid var(--sf-kind);
  outline-offset: 1px;
}

.eac-gather-add {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.eac-gather-add > .eac-gather-input {
  flex: 14rem;
  min-width: 0;
}

.eac-gather-rel {
  color: var(--sf-muted);
  align-items: center;
  gap: 6px;
  font-size: .82rem;
  display: flex;
}

.eac-gather-rel > .eac-gather-input {
  width: auto;
  color: var(--sf-fg);
  padding: 8px 10px;
  font-size: .85rem;
}

.eac-gather-held {
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-gather-held > .eac-occ {
  flex: auto;
  min-width: 0;
}

.eac-gather-tools {
  flex: none;
  gap: 2px;
  display: flex;
}

.eac-gather-tools .eac-btn {
  padding: 4px 8px;
  font-size: .78rem;
}

@media (max-width: 520px) {
  .eac-gather-held {
    flex-wrap: wrap;
  }

  .eac-gather-tools {
    margin-left: auto;
  }
}

.eac-gal-grid {
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 8px;
  display: grid;
}

.eac-gal-tile {
  aspect-ratio: 1;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  cursor: pointer;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.eac-gal-tile img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .2s;
  display: block;
}

.eac-gal-tile:hover img {
  transform: scale(1.03);
}

.eac-gal-tile:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-gal-tile.is-selected {
  box-shadow: inset 0 0 0 3px var(--sf-kind);
}

.eac-gal-tile.is-selected:after {
  content: "✓";
  background: var(--sf-kind);
  width: 22px;
  height: 22px;
  color: var(--sf-on-kind, #fff);
  border-radius: 50%;
  place-items: center;
  font-size: .8rem;
  display: grid;
  position: absolute;
  top: 6px;
  right: 6px;
}

.eac-gal-upload {
  aspect-ratio: 1;
  border: 1px dashed color-mix(in srgb, var(--sf-kind) 60%, var(--sf-line));
  border-radius: var(--sf-radius-sm);
  background: color-mix(in srgb, var(--sf-kind) 6%, transparent);
  color: var(--sf-kind);
  font: inherit;
  cursor: pointer;
  text-align: center;
  place-items: center;
  gap: 4px;
  padding: 8px;
  font-size: .8rem;
  display: grid;
}

.eac-gal-upload.is-dragging {
  background: color-mix(in srgb, var(--sf-kind) 16%, transparent);
}

.eac-gal-upload input {
  display: none;
}

.eac-gal-upload > b {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}

.eac-gal-name {
  color: #fff;
  font-family: var(--sf-font-record);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  background: linear-gradient(#0000, #0000008c);
  padding: 14px 8px 6px;
  font-size: .62rem;
  transition: opacity .16s;
  position: absolute;
  inset: auto 0 0;
  overflow: hidden;
}

.eac-gal-tile:hover .eac-gal-name, .eac-gal-tile:focus-visible .eac-gal-name {
  opacity: 1;
}

.eac-compose-tier {
  justify-content: center;
  margin-top: 18px;
  display: flex;
}

.eac-compose-tier button {
  color: var(--sf-muted);
  font: inherit;
  cursor: pointer;
  border: 0;
  border-bottom: 1px dashed var(--sf-line);
  background: none;
  padding: 6px 10px;
  font-size: .82rem;
}

.eac-compose-tier button:hover {
  color: var(--sf-fg);
  border-bottom-color: var(--sf-fg);
}

.eac-compose-prefill {
  border-radius: var(--sf-radius-sm);
  background: color-mix(in srgb, var(--sf-kind) 10%, transparent);
  font-family: var(--sf-font-record);
  color: var(--sf-fg);
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 6px 10px;
  font-size: .72rem;
  display: inline-flex;
}

.eac-write {
  grid-template-rows: auto minmax(0, 1fr);
  min-height: min(72vh, 760px);
  display: grid;
}

.eac-write-bar {
  border-bottom: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: flex;
}

.eac-seg {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg);
  border-radius: 999px;
  padding: 2px;
  display: inline-flex;
}

.eac-seg-btn {
  color: var(--sf-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: .8rem;
}

.eac-seg-btn.is-on {
  background: var(--sf-kind, var(--sf-accent));
  color: var(--sf-on-kind, var(--sf-on-accent, #fff));
}

.eac-seg-btn:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 1px;
}

.eac-write-panes {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  display: grid;
}

.eac-write[data-view="split"] .eac-write-panes {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.eac-write-editor {
  align-content: start;
  gap: 14px;
  min-width: 0;
  padding: 26px 26px 30px;
  display: grid;
}

.eac-write-preview {
  border-left: 1px solid var(--sf-line);
  background: var(--eac-write-preview-bg, var(--sf-bg));
  min-width: 0;
  padding: 30px 30px 40px;
  overflow: auto;
}

.eac-write[data-view="preview"] .eac-write-preview {
  border-left: 0;
}

.eac-write-preview .eac-article {
  margin: 0 auto;
}

@media (max-width: 999px) {
  .eac-write[data-view="split"] .eac-write-panes {
    grid-template-columns: minmax(0, 1fr);
  }

  .eac-write[data-view="split"] .eac-write-preview, .eac-seg-btn--wide-only {
    display: none;
  }
}

.eac-write-title, .eac-write-lede {
  width: 100%;
  color: var(--sf-fg);
  resize: none;
  background: none;
  border: 0;
  outline: none;
  padding: 0;
  overflow: hidden;
}

.eac-write-title {
  font-family: var(--sf-font-title);
  letter-spacing: -.015em;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  font-weight: 500;
  line-height: 1.15;
}

.eac-write-lede {
  color: var(--sf-muted);
  font-size: 1.08rem;
  line-height: 1.5;
}

.eac-write-title::placeholder, .eac-write-lede::placeholder {
  color: var(--sf-faint);
}

.eac-write-body {
  min-height: 260px;
}

.eac-write-settings {
  margin-top: 10px;
}

.eac-surface-page {
  gap: 12px;
  display: grid;
}

.eac-surface-page-crumb {
  color: var(--sf-muted);
  font-size: .9rem;
}

.eac-surface-page-crumb a {
  color: inherit;
  text-decoration: none;
}

.eac-surface-page-crumb a:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.eac-surface-panel--page {
  max-height: none;
  box-shadow: none;
}

.eac-surface-panel--page .eac-surface-body {
  overflow: visible;
}

.eac-surface-panel--page .eac-surface-title {
  white-space: normal;
  font-size: clamp(1.5rem, 3.2vw, 2.1rem);
}

.eac-surface-panel--page .eac-surface-head {
  align-items: start;
  padding: 18px 22px;
}

.eac-surface-panel--page .eac-surface-glyph {
  margin-top: 4px;
}

.eac-surface-panel--page .eac-surface-main {
  padding: 24px 26px 28px;
}

.eac-surface-panel--page .eac-surface-cover {
  max-height: 420px;
}

@media (max-width: 760px) {
  .eac-surface-panel--page .eac-surface-rail {
    order: -1;
  }
}

.eac-face--row {
  justify-content: flex-start;
  gap: 8px;
  min-height: 0;
  padding: 18px 20px 18px 24px;
}

.eac-face--row > .eac-face-glyph {
  width: 26px;
  height: 26px;
  margin-bottom: 2px;
  font-size: .95rem;
  position: static;
}

.eac-face--row .eac-face-title {
  font-size: 1.35rem;
}

.eac-face--row .eac-face-blurb {
  max-width: 68ch;
}

.eac-face--row .eac-face-preview {
  margin: 0 0 4px;
}

.eac-face--row:before {
  background: linear-gradient(180deg, var(--sf-kind), color-mix(in srgb, var(--sf-kind) 34%, transparent) 46%, transparent 78%);
  border-radius: var(--sf-radius) 0 0 var(--sf-radius);
  width: 3px;
  height: auto;
  inset: 0 auto 0 0;
}

.eac-face-cover {
  aspect-ratio: 21 / 8;
  object-fit: cover;
  border-radius: var(--sf-radius-sm);
  width: 100%;
  margin: 0 0 6px;
}

.eac-face-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 6px;
  font-size: .72rem;
  display: flex;
}

.eac-face-meta b {
  color: var(--sf-fg);
  font-weight: 600;
}

.eac-face-actions {
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.eac-face .eac-face-actions, .eac-face .eac-face-actions * {
  pointer-events: auto;
}

.eac-board {
  align-items: stretch;
  gap: 12px;
  min-height: min(62vh, 640px);
  padding: 2px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.eac-board-col {
  border: 2px solid color-mix(in srgb, var(--sf-fg) 28%, var(--sf-line));
  border-radius: var(--sf-radius);
  background: var(--sf-bg-soft);
  flex-direction: column;
  flex: 0 0 264px;
  min-width: 0;
  display: flex;
}

.eac-board-col-head {
  border-bottom: 2px solid var(--sf-fg);
  background: var(--sf-bg);
  border-radius: var(--sf-radius) var(--sf-radius) 0 0;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.eac-board-col-head h3 {
  min-width: 0;
  font-family: var(--sf-font-record);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sf-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin: 0;
  font-size: .7rem;
  font-weight: 700;
  overflow: hidden;
}

.eac-board-count {
  background: var(--sf-fg);
  color: var(--sf-bg);
  font-family: var(--sf-font-record);
  border-radius: 3px;
  padding: 1px 7px;
  font-size: .68rem;
  font-weight: 600;
}

.eac-board-cards {
  flex: 1;
  align-content: start;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.eac-board-card {
  border: 1px solid color-mix(in srgb, var(--sf-fg) 35%, var(--sf-line));
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  gap: 6px;
  padding: 10px 12px;
  display: grid;
  box-shadow: 0 1px 2px #0000000f;
}

.eac-board-card:hover {
  border-color: var(--sf-kind);
  box-shadow: 0 4px 14px -8px #0000004d;
}

.eac-board-card:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-board-card.is-done .eac-board-card-title {
  color: var(--sf-muted);
  text-decoration: line-through;
}

.eac-board-card-title {
  font-size: .92rem;
  font-weight: 500;
  line-height: 1.35;
}

.eac-board-labels {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.eac-board-label {
  border-radius: 3px;
  padding: 1px 6px;
  font-size: .66rem;
  font-weight: 600;
  line-height: 1.4;
}

.eac-board-card-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: .68rem;
  display: flex;
}

.eac-board-card-meta .is-overdue {
  color: var(--sf-danger);
  font-weight: 600;
}

.eac-board-empty {
  color: var(--sf-muted);
  padding: 14px 6px;
  font-size: .8rem;
  font-style: italic;
}

.eac-board-add {
  border: 1px dashed color-mix(in srgb, var(--sf-fg) 35%, var(--sf-line));
  border-radius: var(--sf-radius-sm);
  color: var(--sf-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  margin: 0 10px 10px;
  padding: 8px 10px;
  font-size: .82rem;
}

.eac-board-add:hover {
  color: var(--sf-fg);
  border-color: var(--sf-fg);
}

.eac-board-add-form {
  gap: 6px;
  margin: 0 10px 10px;
  display: grid;
}

.eac-board-mini {
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  align-items: end;
  gap: 6px;
  min-height: 84px;
  display: grid;
}

.eac-board-mini-col {
  align-content: end;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.eac-board-mini-card {
  background: color-mix(in srgb, var(--sf-fg) 78%, var(--sf-bg));
  border-left: 2px solid var(--sf-kind);
  border-radius: 2px;
  height: 9px;
}

.eac-board-mini-card.is-done {
  opacity: .35;
}

.eac-board-mini-name {
  font-family: var(--sf-font-record);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sf-fg);
  border-top: 2px solid var(--sf-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  font-size: .58rem;
  font-weight: 600;
  overflow: hidden;
}

.eac-board-mini-name b {
  float: right;
  font-weight: 700;
}

.eac-board-detail {
  gap: 14px;
  display: grid;
}

.eac-board-comments {
  gap: 10px;
  display: grid;
}

.eac-board-comment {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  gap: 2px;
  padding: 10px 12px;
  display: grid;
}

.eac-board-comment-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .68rem;
}

.eac-board-comment p {
  white-space: pre-wrap;
  margin: 0;
  font-size: .92rem;
}

.eac-forum {
  gap: 4px;
  display: grid;
}

.eac-forum-unread {
  border-radius: var(--sf-radius-sm);
  background: color-mix(in srgb, var(--sf-kind, var(--sf-accent)) 10%, transparent);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: .9rem;
  display: flex;
}

.eac-forum-unread b {
  font-variant-numeric: tabular-nums;
}

.eac-forum-unread-tools {
  gap: 6px;
  display: flex;
}

.eac-forum-feeds {
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-forum-feed {
  border-left: 3px solid var(--eac-forum-feed, var(--sf-line));
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 6px 10px;
  display: flex;
  position: relative;
}

.eac-forum-feed:hover {
  background: color-mix(in srgb, var(--sf-fg) 3%, transparent);
}

.eac-forum-feed-name {
  color: inherit;
  min-width: 0;
  font-weight: 600;
  text-decoration: none;
}

.eac-forum-feed-name:after {
  content: "";
  position: absolute;
  inset: 0;
}

.eac-forum-feed-count {
  position: relative;
}

.eac-forum-feed:focus-within {
  outline: 2px solid var(--sf-kind, var(--sf-accent));
  outline-offset: -2px;
}

.eac-forum-feed.is-unread .eac-forum-feed-name {
  font-weight: 700;
}

.eac-forum-feed-count {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  white-space: nowrap;
  font-size: .72rem;
}

.eac-forum-feed-count b {
  color: var(--sf-kind, var(--sf-accent));
  font-weight: 600;
}

.eac-forum-dot {
  background: var(--sf-kind, var(--sf-accent));
  vertical-align: middle;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  display: inline-block;
}

.eac-forum-rows {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-forum-row {
  border-bottom: 1px solid var(--sf-line);
}

.eac-forum-row:last-child {
  border-bottom: 0;
}

.eac-forum-row-hit {
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px;
  display: grid;
}

.eac-forum-row-hit:hover {
  background: color-mix(in srgb, var(--sf-fg) 3%, transparent);
}

.eac-forum-row-glyph {
  color: var(--sf-kind, var(--sf-muted));
  text-align: center;
}

.eac-forum-row-main {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.eac-forum-row-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

.eac-forum-row.is-unread .eac-forum-row-title {
  font-weight: 700;
}

.eac-forum-row.is-unread .eac-forum-row-title:before {
  content: "";
  background: var(--sf-accent);
  vertical-align: middle;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  display: inline-block;
}

.eac-forum-row-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .7rem;
}

.eac-forum-row-when {
  font-family: var(--sf-font-record);
  color: var(--sf-faint);
  white-space: nowrap;
  font-size: .7rem;
}

.eac-forum-mini {
  align-content: start;
  gap: 4px;
  display: grid;
}

.eac-forum-mini-row {
  grid-template-columns: 14px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 6px;
  font-size: .82rem;
  display: grid;
}

.eac-forum-mini-when {
  font-family: var(--sf-font-record);
  color: var(--sf-faint);
  white-space: nowrap;
  font-size: .64rem;
}

.eac-forum-mini-glyph {
  color: var(--sf-kind, var(--sf-muted));
  font-size: .75rem;
}

.eac-forum-mini-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sf-fg);
  overflow: hidden;
}

.eac-forum-mini-row.is-unread .eac-forum-mini-title {
  font-weight: 700;
}

.eac-forum-mini-feeds {
  font-family: var(--sf-font-record);
  color: var(--sf-faint);
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 2px;
  font-size: .66rem;
  display: flex;
}

.eac-forum-mini-feeds .is-unread {
  color: var(--sf-accent);
}

dialog.eac-surface[data-morph], dialog.eac-surface[data-morph][open] {
  transition: opacity .12s ease, display .22s allow-discrete, overlay .22s allow-discrete;
  transform: none;
}

@starting-style {
  dialog.eac-surface[data-morph][open] {
    transform: none;
  }
}

.eac-surface-panel[data-move] {
  transform-origin: 0 0;
  will-change: transform;
}

.eac-surface-panel[data-move="pending"] {
  transform: translate(calc(var(--sf-dx, 0) * 1px), calc(var(--sf-dy, 0) * 1px)) scale(var(--sf-dw, 1), var(--sf-dh, 1));
  transition: none;
}

.eac-surface-panel[data-move="pending"] > * {
  opacity: 0;
}

.eac-surface-panel[data-move="moving"] {
  transition: transform .34s var(--sf-morph-easing, cubic-bezier(.7, 0, .3, 1));
  transform: none;
}

.eac-surface-panel[data-move="moving"] > * {
  opacity: 1;
  transition: opacity .22s .14s;
}

@media (prefers-reduced-motion: reduce) {
  .eac-surface-panel[data-move], .eac-surface-panel[data-move] > * {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

.eac-preview-action:disabled {
  opacity: .5;
  cursor: default;
  border-color: var(--sf-line);
}

.eac-preview-action--quiet {
  color: var(--sf-muted);
  border-color: #0000;
}

.eac-preview-action--quiet:hover {
  color: var(--sf-fg);
}

.eac-gal-face {
  gap: 6px;
}

.eac-gal-face-shot {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  cursor: zoom-in;
  width: 100%;
  padding: 0;
  display: block;
  overflow: hidden;
}

.eac-gal-face-shot img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  display: block;
}

.eac-gal-face-shot:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-gal-face-skip {
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-gal-face-skip .eac-preview-action {
  align-self: auto;
  min-width: 28px;
  padding: 2px 8px;
  font-size: .9rem;
  line-height: 1.2;
}

.eac-gal-face-count {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-variant-numeric: tabular-nums;
  font-size: .68rem;
}

.eac-compose-quick {
  flex-flow: wrap;
  gap: 6px;
}

.eac-compose-quick .eac-preview-action {
  align-self: auto;
}

.eac-profile-face {
  gap: 8px;
}

.eac-profile-face-id {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.eac-profile-face-avatar {
  object-fit: cover;
  border: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  border-radius: 50%;
  flex: none;
  width: 44px;
  height: 44px;
}

.eac-profile-face-avatar.is-empty {
  color: var(--sf-faint);
  place-items: center;
  font-size: 1.1rem;
  display: grid;
}

.eac-profile-face-lines {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.eac-profile-face-name {
  font-family: var(--sf-font-title);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.2;
  overflow: hidden;
}

.eac-profile-face-doors {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.eac-profile-face-doors .eac-preview-action {
  align-self: auto;
}

.eac-doc-face {
  gap: 6px;
}

.eac-doc-face-current {
  border: 1px solid var(--sf-line);
  border-left: 3px solid var(--sf-kind);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  color: inherit;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
  text-decoration: none;
  display: flex;
}

.eac-doc-face-current:hover {
  border-color: var(--sf-kind);
}

.eac-doc-face-title {
  font-family: var(--sf-font-title);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .98rem;
  line-height: 1.25;
  overflow: hidden;
}

.eac-doc-face-snippet {
  color: var(--sf-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .8rem;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.eac-doc-face-offer {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.eac-doc-face-offer .eac-preview-action {
  align-self: auto;
}

.eac-idea-face {
  gap: 6px;
}

.eac-idea-form {
  align-items: stretch;
  gap: 6px;
  display: flex;
}

.eac-idea-form .eac-preview-action {
  flex: none;
  align-self: auto;
}

.eac-idea-input {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg);
  min-width: 0;
  color: var(--sf-fg);
  font: inherit;
  border-radius: 999px;
  flex: auto;
  padding: 4px 10px;
  font-size: .78rem;
}

.eac-idea-input::placeholder {
  color: var(--sf-faint);
}

.eac-idea-input:focus {
  border-color: var(--sf-kind);
  outline: none;
}

.eac-idea-error {
  color: var(--sf-danger);
  font-size: .74rem;
}

.eac-idea-row {
  color: var(--sf-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px;
  font-size: .8rem;
  position: relative;
  overflow: hidden;
}

.eac-idea-row:before {
  content: "✦";
  color: var(--sf-kind);
  font-size: .62rem;
  position: absolute;
  left: 0;
}

.eac-doc-start {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
  display: flex;
}

.eac-doc-label {
  font-family: var(--sf-font-record);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sf-muted);
  font-size: .64rem;
}

.eac-doc-input {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  padding: 9px 12px;
  font-size: .95rem;
}

.eac-doc-input:focus {
  border-color: var(--sf-kind);
  outline: none;
}

.eac-doc-hint {
  color: var(--sf-muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.55;
}

.eac-doc-subhead {
  font-family: var(--sf-font-record);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sf-muted);
  margin: 0 0 8px;
  font-size: .66rem;
  font-weight: 400;
}

.eac-doc-list {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.eac-doc-row {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  padding: 10px 12px;
  display: flex;
}

.eac-doc-open {
  color: inherit;
  flex: 20rem;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 10px;
  min-width: 0;
  text-decoration: none;
  display: grid;
}

.eac-doc-glyph {
  color: var(--sf-kind);
  grid-row: 1 / span 3;
  align-self: start;
}

.eac-doc-name {
  font-family: var(--sf-font-title);
  font-size: 1rem;
  line-height: 1.25;
}

.eac-doc-open:hover .eac-doc-name {
  color: var(--sf-kind);
}

.eac-doc-snippet {
  color: var(--sf-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .84rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.eac-doc-meta {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  font-size: .7rem;
}

.eac-doc-remove {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  color: var(--sf-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  flex: none;
  padding: 5px 10px;
  font-size: .8rem;
}

.eac-doc-remove:hover:not(:disabled), .eac-doc-remove:focus-visible {
  border-color: var(--sf-danger);
  color: var(--sf-danger);
}

.eac-doc-remove:disabled {
  opacity: .5;
  cursor: default;
}

.eac-doc-assign {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.eac-doc-assign select {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: inherit;
  max-width: 16rem;
  padding: 5px 8px;
  font-size: .82rem;
}

.eac-board-note {
  color: var(--sf-muted);
  margin: 0;
  padding: 18px 20px;
  font-size: .88rem;
}

.eac-face-head {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.eac-face-tools {
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-bottom: 8px;
  display: flex;
}

.eac-face--header {
  justify-content: flex-start;
}

.eac-face--header .eac-face-preview {
  flex: 1;
  min-height: 0;
  margin-top: 10px;
}

.eac-face--tools, .eac-face--header {
  padding-top: 18px;
}

.eac-face-tool {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: .76rem;
  line-height: 1.2;
  transition: border-color .14s, background .14s, color .14s;
  display: inline-flex;
}

.eac-face-tool:hover, .eac-face-tool:focus-visible {
  border-color: var(--sf-kind);
  color: var(--sf-kind);
  outline: none;
}

.eac-face-tool:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-face-tool[aria-pressed="true"], .eac-face-tool.is-on {
  background: var(--sf-kind);
  border-color: var(--sf-kind);
  color: var(--sf-on-kind);
}

.eac-face-tool:disabled {
  opacity: .55;
  cursor: default;
}

.eac-face-switch {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  border-radius: 999px;
  padding: 2px;
  display: inline-flex;
}

.eac-face-switch > button {
  color: var(--sf-muted);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 3px 11px;
  font-size: .74rem;
  line-height: 1.2;
}

.eac-face-switch > button[aria-pressed="true"] {
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: 0 1px 2px #00000014;
}

.eac-face-switch > button:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 1px;
}

.eac-face-tool-input {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  min-width: 0;
  color: var(--sf-fg);
  font: inherit;
  flex: 1;
  padding: 5px 10px;
  font-size: .78rem;
}

.eac-face-tool-input:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 1px;
  border-color: var(--sf-kind);
}

.eac-face-tool-label {
  font-family: var(--sf-font-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sf-muted);
  white-space: nowrap;
  font-size: .64rem;
}

.eac-idea-latest {
  border-top: 1px solid var(--sf-line);
  flex-direction: column;
  gap: 2px;
  margin-top: auto;
  padding-top: 8px;
  display: flex;
}

a.eac-idea-row {
  color: var(--sf-fg);
  text-decoration: none;
}

a.eac-idea-row:hover, a.eac-idea-row:focus-visible {
  color: var(--sf-kind);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.eac-doc-dir {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.eac-doc-dir-row {
  border-radius: var(--sf-radius-sm);
  color: var(--sf-fg);
  grid-template-columns: 1.1rem 1fr auto;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  margin: 0 -4px;
  padding: 3px 4px;
  font-size: .83rem;
  text-decoration: none;
  display: grid;
}

.eac-doc-dir-row:hover, .eac-doc-dir-row:focus-visible {
  background: var(--sf-bg-soft);
  outline: none;
}

.eac-doc-dir-row:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: -2px;
}

.eac-doc-dir-glyph {
  color: var(--sf-kind);
  font-size: .9rem;
  line-height: 1;
}

.eac-doc-dir-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.eac-doc-dir-when {
  font-family: var(--sf-font-record);
  color: var(--sf-faint);
  white-space: nowrap;
  font-size: .68rem;
}

.eac-file-grid-wrap {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.eac-file-grid {
  grid-template-columns: repeat(auto-fill, minmax(62px, 1fr));
  gap: 8px;
  min-width: 0;
  display: grid;
}

.eac-file-tile {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.eac-file-thumb {
  aspect-ratio: 1;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  color: var(--sf-kind);
  place-items: center;
  font-size: 1.1rem;
  display: grid;
  overflow: hidden;
}

.eac-file-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.eac-file-name {
  color: var(--sf-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .66rem;
  line-height: 1.25;
  overflow: hidden;
}

:root {
  --eac-light-green: #2f8f4e;
  --eac-light-amber: #b0761a;
  --eac-light-red: #d1483a;
}

.eac-face .eac-face-tools {
  z-index: 3;
}

.eac-light {
  flex: none;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.eac-light-btn {
  gap: 7px;
  padding-left: 8px;
}

.eac-light-btn.is-static {
  cursor: default;
}

.eac-light-btn.is-static:hover {
  border-color: var(--sf-line);
  color: var(--sf-fg);
}

.eac-light-dot {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sf-fg) 22%, transparent);
  border-radius: 50%;
  flex: none;
}

.eac-light-dot--green {
  background: var(--eac-light-green);
}

.eac-light-dot--yellow {
  background: var(--eac-light-amber);
}

.eac-light-dot--red {
  background: var(--eac-light-red);
}

.eac-light-word {
  font-family: var(--sf-font-record);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .68rem;
}

.eac-light-why {
  z-index: 5;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  max-width: 260px;
  color: var(--sf-fg);
  box-shadow: var(--sf-shadow);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 6px 9px;
  font-size: .72rem;
  line-height: 1.35;
  transition: opacity .12s;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
}

.eac-light:hover > .eac-light-why, .eac-light-btn:focus-visible ~ .eac-light-why {
  opacity: 1;
  visibility: visible;
}

.eac-rsvp {
  min-width: 0;
  display: inline-flex;
  position: relative;
}

.eac-rsvp-btn {
  min-width: 0;
}

.eac-rsvp-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.eac-rsvp-thumb {
  flex: none;
  font-size: .7em;
  line-height: 1;
}

.eac-rsvp-btn.is-yes {
  border-color: color-mix(in srgb, var(--eac-light-green) 55%, var(--sf-line));
  background: color-mix(in srgb, var(--eac-light-green) 9%, var(--sf-bg));
}

.eac-rsvp-btn.is-no {
  border-color: color-mix(in srgb, var(--eac-light-red) 45%, var(--sf-line));
  background: color-mix(in srgb, var(--eac-light-red) 8%, var(--sf-bg));
}

.eac-face-menu {
  z-index: 6;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  background: var(--sf-bg);
  min-width: 232px;
  max-width: 300px;
  box-shadow: var(--sf-shadow);
  flex-direction: column;
  gap: 2px;
  padding: 6px;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
}

.eac-face-menu-head {
  padding: 4px 8px 6px;
}

.eac-face-menu-item {
  border-radius: var(--sf-radius-sm);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 8px;
  display: flex;
}

.eac-face-menu-item:hover, .eac-face-menu-item:focus-visible {
  background: var(--sf-bg-soft);
  outline: none;
}

.eac-face-menu-item:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: -2px;
}

.eac-face-menu-item[aria-current="true"] {
  background: color-mix(in srgb, var(--sf-kind) 12%, transparent);
}

.eac-face-menu-item:disabled {
  opacity: .55;
  cursor: default;
}

.eac-face-menu-item > span:last-child {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.eac-face-menu-label {
  font-size: .82rem;
  line-height: 1.25;
  display: block;
}

.eac-face-menu-note {
  color: var(--sf-muted);
  font-size: .72rem;
  line-height: 1.3;
  display: block;
}

.eac-face-menu-item--quiet .eac-face-menu-label {
  color: var(--sf-muted);
}

.eac-face-menu-field {
  border-top: 1px solid var(--sf-line);
  flex-direction: column;
  gap: 3px;
  margin-top: 4px;
  padding: 6px 8px 2px;
  display: flex;
}

.eac-face-menu-field .eac-face-tool-input {
  flex: none;
}

.eac-rsvp-menu {
  left: auto;
  right: 0;
}

.eac-rsvp-menu-row {
  align-items: center;
  gap: 4px;
  display: flex;
}

.eac-rsvp-menu-row .eac-face-menu-item {
  flex: 1;
  min-width: 0;
}

.eac-rsvp-promise {
  cursor: pointer;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 2px;
  padding: 2px 6px;
  display: flex;
}

.eac-rsvp-promise-cap {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sf-muted);
  white-space: nowrap;
  font-size: .62rem;
}

.eac-meet-pager {
  flex: none;
  gap: 4px;
  margin-left: auto;
  display: inline-flex;
}

.eac-meet-arrow {
  padding: 4px 8px;
  line-height: 1;
}

.eac-meet-mats {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-top: 2px;
  display: flex;
}

.eac-meet-mat {
  border-radius: var(--sf-radius-sm);
  width: 100%;
  min-width: 0;
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: baseline;
  gap: 7px;
  padding: 2px 4px;
  font-size: .8rem;
  display: flex;
}

.eac-meet-mat:hover, .eac-meet-mat:focus-visible {
  background: var(--sf-bg-soft);
  outline: none;
}

.eac-meet-mat:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: -2px;
}

.eac-meet-mat-glyph {
  color: var(--sf-kind);
  flex: none;
}

.eac-meet-mat-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.eac-meet-host {
  color: var(--sf-muted);
  font-size: .82rem;
}

.eac-meet-host--unassigned {
  color: var(--sf-accent);
  font-weight: 600;
}

.eac-rota-intro, .eac-rota-empty {
  color: var(--sf-muted);
  margin: 0 0 12px;
  font-size: .9rem;
  line-height: 1.5;
}

.eac-rota {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.eac-rota__row {
  border-bottom: 1px solid var(--sf-line);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 2px;
  display: flex;
}

.eac-rota__row:last-child {
  border-bottom: 0;
}

.eac-rota__when {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  font-size: .92rem;
  display: flex;
}

.eac-rota__flag {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sf-faint);
  font-size: .72rem;
}

.eac-rota__roles {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.eac-rota__pick {
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-rota__self {
  white-space: nowrap;
}

.eac-rota__pick-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sf-muted);
  font-size: .75rem;
}

.eac-rota__pick .eac-input {
  min-width: 170px;
}

.eac-rota__row--past {
  opacity: .78;
}

.eac-rota__row--past:focus-within, .eac-rota__row--past:hover {
  opacity: 1;
}

.eac-rota__record {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  background: var(--sf-bg-soft);
  flex: 1 0 100%;
  margin-top: 8px;
  padding: 12px;
}

.eac-rota__record-head {
  color: var(--sf-muted);
  margin: 0 0 10px;
  font-size: .85rem;
  line-height: 1.5;
}

.eac-rota__people {
  flex-direction: column;
  gap: 6px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: flex;
}

.eac-rota__people label {
  align-items: baseline;
  gap: 8px;
  font-size: .9rem;
  display: flex;
}

.eac-rota__people em {
  color: var(--sf-faint);
  font-size: .76rem;
  font-style: normal;
}

.eac-rota__note {
  display: block;
}

.eac-rota__note > span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sf-muted);
  margin-bottom: 4px;
  font-size: .78rem;
  display: block;
}

.eac-rota__note textarea {
  resize: vertical;
  width: 100%;
}

.eac-rota__record-actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.eac-rota__save {
  background: var(--sf-accent);
  color: var(--sf-on-accent);
  border-color: var(--sf-accent);
}

.eac-rota__problem {
  color: var(--sf-danger);
  margin: 8px 0 0;
  font-size: .85rem;
}

.eac-rota__host {
  font-size: .9rem;
  font-weight: 600;
}

.eac-rota__host--none {
  color: var(--sf-accent);
  font-weight: 500;
}

.eac-meet-note {
  color: var(--sf-muted);
  font-size: .74rem;
}

.eac-material {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}

.eac-material-image, .eac-material-player {
  border-radius: var(--sf-radius-sm);
  max-width: 100%;
  max-height: 68vh;
}

.eac-material-audio {
  width: 100%;
}

.eac-material-frame {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  width: 100%;
  height: 68vh;
}

.eac-material-note {
  color: var(--sf-muted);
  font-size: .86rem;
  line-height: 1.5;
}

.eac-face-tool-when {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  flex: none;
}

.eac-face-tool-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.eac-doc-start-row {
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.eac-doc-start-row > .eac-doc-input {
  flex: 1;
  min-width: 0;
}

@media (max-width: 460px) {
  .eac-doc-start-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.eac-cal-next {
  border: 1px solid var(--sf-line);
  border-left: 3px solid var(--sf-kind);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  width: 100%;
  min-width: 0;
  color: var(--sf-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  align-items: baseline;
  gap: 8px;
  padding: 5px 8px;
  transition: border-color .14s, background .14s;
  display: flex;
}

.eac-cal-next:hover, .eac-cal-next:focus-visible {
  border-color: var(--sf-kind);
  background: var(--sf-bg);
  outline: none;
}

.eac-cal-next:focus-visible {
  outline: 2px solid var(--sf-kind);
  outline-offset: 2px;
}

.eac-cal-next-rubric {
  font-family: var(--sf-font-record);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sf-kind);
  flex: none;
  font-size: .58rem;
}

.eac-cal-next-when {
  font-family: var(--sf-font-record);
  color: var(--sf-muted);
  flex: none;
  font-size: .7rem;
}

.eac-cal-next-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .8rem;
  overflow: hidden;
}

.eac-face--tools .eac-cal--compact {
  margin-top: 2px;
}

.eac-meet-back {
  flex: none;
  margin-left: auto;
}

.eac-forum-back {
  color: var(--sf-muted);
  font: inherit;
  cursor: pointer;
  border-radius: var(--sf-radius-sm);
  background: none;
  border: 0;
  align-self: flex-start;
  margin-bottom: 4px;
  padding: 3px 8px 3px 4px;
  font-size: .78rem;
}

.eac-forum-back:hover, .eac-forum-back:focus-visible {
  color: var(--sf-kind, var(--sf-accent));
  outline: none;
}

.eac-forum-back:focus-visible {
  outline: 2px solid var(--sf-kind, var(--sf-accent));
  outline-offset: 1px;
}

.eac-forum-feed-all {
  align-self: flex-start;
  margin-top: 8px;
}

button.eac-forum-feed-name {
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
}

.eac-forum-face-feeds {
  flex-wrap: wrap;
  gap: 5px 6px;
  min-width: 0;
  display: flex;
}

.eac-forum-face-feed {
  border: 1px solid var(--sf-line);
  font-family: var(--sf-font-record);
  letter-spacing: .04em;
  color: var(--sf-muted);
  white-space: nowrap;
  border-radius: 999px;
  flex: none;
  padding: 2px 8px;
  font-size: .62rem;
}

.eac-forum-face-feed.is-unread {
  border-color: color-mix(in srgb, var(--sf-kind) 45%, var(--sf-line));
  color: var(--sf-kind);
}

.eac-ident-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.eac-ident-row {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.eac-ident-row.is-retired {
  border-style: dashed;
}

.eac-ident-row.is-retired .eac-ident-avatar {
  opacity: .55;
}

.eac-ident-avatar {
  background: var(--sf-bg);
  border: 1px solid var(--sf-line);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  overflow: hidden;
}

.eac-ident-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.eac-ident-initial {
  font-family: var(--sf-font-title);
  color: var(--sf-kind);
  font-size: 1rem;
}

.eac-ident-body {
  flex-direction: column;
  flex: auto;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.eac-ident-kicker {
  font-family: var(--sf-font-record);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sf-muted);
  font-size: .62rem;
}

.eac-ident-name {
  font-family: var(--sf-font-title);
  color: var(--sf-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25;
  overflow: hidden;
}

.eac-ident-note-inline {
  color: var(--sf-muted);
  font-size: .8rem;
}

.eac-ident-action {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  color: var(--sf-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  flex: none;
  padding: 5px 10px;
  font-size: .78rem;
}

.eac-ident-action:hover:not(:disabled) {
  color: var(--sf-fg);
  border-color: var(--sf-kind);
}

.eac-ident-action:disabled {
  opacity: .5;
  cursor: default;
}

.eac-ident-open {
  border-top: 1px solid var(--sf-line);
  flex-direction: column;
  gap: 6px;
  margin-top: 20px;
  padding-top: 16px;
  display: flex;
}

.eac-ident-label {
  font-family: var(--sf-font-record);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sf-muted);
  font-size: .64rem;
}

.eac-ident-hint {
  text-transform: none;
  letter-spacing: 0;
}

.eac-ident-input {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  padding: 9px 12px;
  font-size: .95rem;
}

.eac-ident-input:focus {
  border-color: var(--sf-kind);
  outline: none;
}

.eac-ident-note {
  color: var(--sf-muted);
  margin: 4px 0 0;
  font-size: .8rem;
  line-height: 1.55;
}

.eac-ident-face {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  display: flex;
}

.eac-ident-face-chip {
  border: 1px solid var(--sf-line);
  background: var(--sf-bg-soft);
  max-width: 100%;
  color: var(--sf-fg);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 9px 3px 3px;
  font-size: .78rem;
  display: inline-flex;
}

.eac-ident-face-dot {
  background: var(--sf-bg);
  width: 20px;
  height: 20px;
  color: var(--sf-kind);
  font-family: var(--sf-font-record);
  border-radius: 50%;
  place-items: center;
  font-size: .62rem;
  display: grid;
  overflow: hidden;
}

.eac-ident-face-dot img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.eac-ident-face-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.eac-compose-byline {
  border-bottom: 1px solid var(--sf-line);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  display: flex;
}

.eac-compose-byline-label {
  font-family: var(--sf-font-record);
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--sf-muted);
  font-size: .64rem;
}

.eac-compose-byline-select {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  min-width: 0;
  color: var(--sf-fg);
  font: inherit;
  flex: auto;
  padding: 7px 10px;
  font-size: .9rem;
}

.eac-compose-byline-select:focus {
  border-color: var(--sf-kind);
  outline: none;
}

.eac-page-panel {
  border-top: 1px solid var(--sf-line);
  margin-top: 6px;
  padding-top: 14px;
}

.eac-page-panel__head {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sf-muted);
  margin: 0 0 10px;
  font-size: .74rem;
  font-weight: 700;
}

.eac-page-sections {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.eac-page-sections li, .eac-page-payouts {
  border-bottom: 1px solid var(--sf-line);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.eac-page-sections li:last-child {
  border-bottom: 0;
}

.eac-page-payouts {
  border-top: 1px solid var(--sf-line);
  border-bottom: 0;
  margin-top: 6px;
}

.eac-page-section__id {
  flex-direction: column;
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.eac-page-section__id strong {
  font-size: .94rem;
}

.eac-page-section__id em {
  color: var(--sf-muted);
  font-size: .8rem;
  font-style: normal;
  line-height: 1.45;
}

.eac-page-section__blocked {
  max-width: 18rem;
  color: var(--sf-muted);
  text-align: right;
  flex: none;
  font-size: .8rem;
  line-height: 1.4;
}

.eac-rota__plan {
  color: var(--sf-fg);
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  font-size: 13px;
  display: flex;
}

.eac-rota__plan-label {
  font-family: var(--sf-font-record);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sf-muted);
  font-size: 11px;
}

.eac-rota__plan-empty {
  color: var(--sf-faint);
  font-style: italic;
}

.eac-rota__plan-edit {
  appearance: none;
  font: inherit;
  color: var(--sf-muted);
  text-underline-offset: .15em;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  text-decoration: underline;
}

.eac-rota__plan-edit:hover, .eac-rota__plan-edit:focus-visible {
  color: var(--sf-fg);
}

.eac-rota__plan-input {
  min-width: 0;
  font: inherit;
  color: inherit;
  background: var(--sf-bg);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  flex: 16rem;
  min-height: 34px;
  padding: 5px 8px;
}

.eac-rota__plan-input:focus {
  border-color: var(--sf-fg);
  outline: none;
}

.eac-conn {
  color: var(--sf-fg);
  gap: 14px;
  display: grid;
}

.eac-conn__list {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-conn__item {
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  gap: 6px;
  padding: 12px 14px;
  display: grid;
}

.eac-conn__item[data-status="error"] {
  border-color: var(--sf-danger);
}

.eac-conn__head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.eac-conn__status {
  font-family: var(--sf-font-record);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sf-muted);
  font-size: .68rem;
}

.eac-conn__item[data-status="connected"] .eac-conn__status {
  color: var(--sf-fg);
}

.eac-conn__meta, .eac-conn__muted {
  color: var(--sf-muted);
  margin: 0;
  font-size: .9rem;
}

.eac-conn__meta a {
  color: inherit;
  text-decoration: underline;
}

.eac-conn__error {
  color: var(--sf-danger);
  margin: 0;
  font-size: .9rem;
}

.eac-conn__notice {
  margin: 0;
  font-size: .9rem;
}

.eac-conn__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-conn__pick {
  align-items: center;
  gap: 4px;
  font-size: .9rem;
  display: inline-flex;
}

.eac-conn__form {
  border-top: 1px solid var(--sf-line);
  gap: 12px;
  padding-top: 14px;
  display: grid;
}

.eac-conn__field {
  gap: 4px;
  font-size: .9rem;
  display: grid;
}

.eac-conn__field > span {
  font-family: var(--sf-font-record);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sf-muted);
  font-size: .66rem;
}

.eac-conn__field input, .eac-conn__field select {
  box-sizing: border-box;
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg);
  width: 100%;
  color: var(--sf-fg);
  font: inherit;
  padding: 8px 10px;
}

.eac-conn__field small {
  color: var(--sf-muted);
  font-size: .8rem;
}

.eac-conn__code {
  overflow-wrap: anywhere;
  font-family: var(--sf-font-record);
  border-radius: var(--sf-radius-sm);
  background: var(--sf-bg-soft);
  -webkit-user-select: all;
  user-select: all;
  padding: 8px 10px;
  font-size: .82rem;
  display: block;
}

/* [project]/packages/cms-ui/src/wizard/fields.css [app-client] (css) */
.eac-field {
  --fld-fg: var(--eac-field-fg, var(--sf-fg, var(--ink, #16181d)));
  --fld-muted: var(--eac-field-muted, var(--sf-muted, var(--ink-soft, #5e667a)));
  --fld-line: var(--eac-field-line, var(--sf-rule, var(--sf-line, var(--line, #b9c0c9))));
  --fld-bg: var(--eac-field-bg, var(--sf-bg, var(--paper, #fff)));
  --fld-bg-soft: var(--eac-field-bg-soft, var(--sf-bg-soft, #f2f3f1));
  --fld-accent: var(--eac-field-accent, var(--sf-kind, var(--sf-accent, #5b45a8)));
  --fld-on-accent: var(--eac-field-on-accent, var(--sf-on-kind, #fff));
  --fld-danger: var(--eac-field-danger, var(--sf-danger, #ae3a31));
  --fld-radius: var(--eac-field-radius, var(--sf-radius-sm, 3px));
  --fld-record: var(--eac-font-record, var(--sf-font-record, ui-monospace, Menlo, monospace));
  min-width: 0;
  color: var(--fld-fg);
  gap: 6px;
  display: grid;
}

.eac-field-label {
  align-items: baseline;
  gap: 6px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.eac-field-req {
  color: var(--fld-danger);
}

.eac-field-hint {
  color: var(--fld-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.45;
}

.eac-field-error {
  color: var(--fld-danger);
  margin: 0;
  font-size: .78rem;
}

.eac-input {
  border: 1px solid var(--fld-line);
  border-radius: var(--fld-radius);
  background: var(--fld-bg);
  width: 100%;
  min-width: 0;
  color: var(--fld-fg);
  font: inherit;
  padding: 9px 11px;
  font-size: .95rem;
  line-height: 1.35;
  box-shadow: 0 1px #00000005;
}

.eac-input::placeholder {
  color: var(--fld-muted);
  opacity: .8;
}

.eac-input:focus-visible {
  outline: 2px solid var(--fld-accent);
  outline-offset: 1px;
  border-color: var(--fld-accent);
}

.eac-input:disabled {
  opacity: .6;
}

.eac-input--textarea {
  resize: vertical;
  min-height: 5.5em;
}

.eac-input--short {
  max-width: 9ch;
}

select.eac-input {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--fld-muted) 50%), linear-gradient(135deg, var(--fld-muted) 50%, transparent 50%);
  background-position: calc(100% - 17px) 55%, calc(100% - 12px) 55%;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 32px;
}

.eac-check {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  font-size: .92rem;
  display: flex;
}

.eac-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--fld-accent);
  margin: 0;
}

.eac-check span {
  color: var(--fld-muted);
}

.eac-choice-list {
  gap: 8px;
  display: grid;
}

.eac-toggle {
  color: var(--fld-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 0;
  font-size: .92rem;
  display: inline-flex;
}

.eac-toggle-track {
  background: var(--fld-line);
  border-radius: 999px;
  flex: none;
  width: 36px;
  height: 20px;
  transition: background .16s;
  position: relative;
}

.eac-toggle-track:after {
  content: "";
  background: var(--fld-bg);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .16s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 2px #00000040;
}

.eac-toggle[aria-checked="true"] .eac-toggle-track {
  background: var(--fld-accent);
}

.eac-toggle[aria-checked="true"] .eac-toggle-track:after {
  transform: translateX(16px);
}

.eac-toggle:focus-visible .eac-toggle-track {
  outline: 2px solid var(--fld-accent);
  outline-offset: 2px;
}

.eac-toggle-text {
  color: var(--fld-muted);
}

.eac-toggle[aria-checked="true"] .eac-toggle-text {
  color: var(--fld-fg);
}

.eac-color {
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-color input[type="color"] {
  border: 1px solid var(--fld-line);
  border-radius: var(--fld-radius);
  background: var(--fld-bg);
  cursor: pointer;
  width: 44px;
  height: 38px;
  padding: 2px;
}

.eac-duration {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 14px;
  display: grid;
}

.eac-duration-readout {
  font-family: var(--fld-record);
  color: var(--fld-muted);
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: baseline;
  font-size: .74rem;
  display: flex;
}

.eac-duration-readout b {
  font: inherit;
  color: var(--fld-fg);
  font-size: 1.05rem;
  font-weight: 500;
}

.eac-duration input[type="range"] {
  width: 100%;
  accent-color: var(--fld-accent);
  cursor: pointer;
  margin: 0;
}

.eac-duration-num {
  color: var(--fld-muted);
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  display: flex;
}

.eac-duration-num .eac-input {
  text-align: right;
  font-variant-numeric: tabular-nums;
  width: 7ch;
  padding: 6px 8px;
}

.eac-duration-ticks {
  font-family: var(--fld-record);
  color: var(--fld-muted);
  grid-column: 1 / 2;
  justify-content: space-between;
  padding: 0 2px;
  font-size: .62rem;
  display: flex;
}

.eac-when {
  gap: 6px;
  display: grid;
}

.eac-when-inputs {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 8px;
  display: grid;
}

.eac-when-readout {
  font-family: var(--fld-record);
  color: var(--fld-muted);
  min-height: 1.2em;
  font-size: .74rem;
}

.eac-when-readout b {
  color: var(--fld-fg);
  font-weight: 500;
}

.eac-field-row {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  align-items: start;
  gap: 12px 14px;
  display: grid;
}

.eac-field-row > .eac-field {
  min-width: 0;
}

.eac-field-missing {
  color: var(--fld-muted);
  font-size: .8rem;
  font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
  .eac-toggle-track, .eac-toggle-track:after {
    transition: none;
  }
}

/* [project]/packages/cms-ui/src/compose/compose.css [app-client] (css) */
.eac-compose {
  --cmp-fg: var(--sf-fg, var(--ink, #16181d));
  --cmp-muted: var(--sf-muted, var(--ink-soft, #5e667a));
  --cmp-line: var(--sf-line, var(--line, #d9dde2));
  --cmp-bg-soft: var(--sf-bg-soft, #f2f3f1);
  --cmp-accent: var(--sf-kind, var(--sf-accent, #5b45a8));
  --cmp-record: var(--eac-font-record, var(--sf-font-record, ui-monospace, Menlo, monospace));
  color: var(--cmp-fg);
  gap: 22px;
  display: grid;
}

.eac-group {
  gap: 14px;
  display: grid;
}

.eac-group > h3 {
  border-bottom: 1px solid var(--sf-rule, var(--cmp-fg));
  font-family: var(--cmp-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cmp-fg);
  margin: 0;
  padding-bottom: 6px;
  font-size: .66rem;
  font-weight: 600;
}

.eac-group-fields {
  gap: 14px;
  display: grid;
}

details.eac-group--optional {
  border: 1px solid var(--sf-rule, var(--cmp-line));
  border-radius: var(--sf-radius-sm, 6px);
  background: var(--cmp-bg-soft);
  gap: 0;
}

details.eac-group--optional > summary {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: baseline;
  gap: 10px;
  padding: 10px 14px;
  list-style: none;
  display: flex;
}

details.eac-group--optional > summary::-webkit-details-marker {
  display: none;
}

details.eac-group--optional > summary:before {
  content: "+";
  font-family: var(--cmp-record);
  color: var(--cmp-accent);
  flex: none;
  width: 1ch;
  font-size: .9rem;
}

details.eac-group--optional[open] > summary:before {
  content: "–";
}

details.eac-group--optional > summary:focus-visible {
  outline: 2px solid var(--cmp-accent);
  outline-offset: -2px;
  border-radius: inherit;
}

.eac-group-name {
  font-family: var(--cmp-record);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cmp-fg);
  font-size: .66rem;
  font-weight: 600;
}

.eac-group-blurb {
  color: var(--cmp-muted);
  font-size: .82rem;
}

details.eac-group--optional[open] > summary .eac-group-blurb {
  display: none;
}

details.eac-group--optional > .eac-group-fields {
  border-top: 1px solid var(--cmp-line);
  background: var(--sf-bg, #fff);
  border-radius: 0 0 var(--sf-radius-sm, 6px) var(--sf-radius-sm, 6px);
  margin-top: 0;
  padding: 14px 14px 16px;
}

details.eac-group--optional.has-values:not([open]) > summary:after {
  content: "set";
  font-family: var(--cmp-record);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cmp-accent);
  margin-left: auto;
  font-size: .62rem;
}

.eac-slot-label {
  margin-bottom: 6px;
  font-size: .9rem;
  font-weight: 500;
  display: block;
}

.eac-sessions {
  gap: 10px;
  display: grid;
}

.eac-sessions-list {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-session {
  border: 1px solid var(--sf-rule, var(--cmp-line));
  border-left: 4px solid var(--cmp-accent);
  border-radius: var(--sf-radius-sm, 4px);
  background: var(--sf-bg, #fff);
}

.eac-session-head {
  width: 100%;
  color: var(--cmp-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.eac-session-num {
  font-family: var(--cmp-record);
  color: var(--cmp-accent);
  font-size: .72rem;
  font-weight: 700;
}

.eac-session-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.eac-session-meta {
  font-family: var(--cmp-record);
  color: var(--cmp-muted);
  white-space: nowrap;
  font-size: .68rem;
}

.eac-session-body {
  border-top: 1px solid var(--cmp-line);
  gap: 12px;
  padding: 4px 12px 14px;
  display: grid;
}

.eac-session-tools {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.eac-focal {
  gap: 8px;
  display: grid;
}

.eac-focal-preview {
  aspect-ratio: 21 / 8;
  border: 1px solid var(--sf-rule, var(--cmp-line));
  border-radius: var(--sf-radius-sm, 4px);
  background: var(--cmp-bg-soft);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.eac-focal-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.eac-focal-preview .eac-focal-line {
  background: var(--cmp-accent);
  pointer-events: none;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: 0 0 0 1px #fff9;
}

.eac-focal-empty {
  height: 100%;
  color: var(--cmp-muted);
  place-items: center;
  font-size: .8rem;
  font-style: italic;
  display: grid;
}

.eac-focal-row {
  font-family: var(--cmp-record);
  color: var(--cmp-muted);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  font-size: .72rem;
  display: grid;
}

.eac-focal-row input[type="range"] {
  width: 100%;
  accent-color: var(--cmp-accent);
}

.eac-resources {
  border-top: 1px dashed var(--eac-line, #0000001f);
  gap: .5rem;
  margin-top: .75rem;
  padding-top: .75rem;
  display: grid;
}

.eac-resources-list {
  gap: .6rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-resource {
  border: 1px solid var(--eac-line, #0000001f);
  background: var(--eac-well, #00000005);
  border-radius: 6px;
  gap: .4rem;
  padding: .6rem .7rem;
  display: grid;
}

.eac-resource-row {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.eac-resource-row > .eac-input {
  flex: auto;
  min-width: 0;
}

.eac-resource-type {
  flex: none;
  width: auto;
}

.eac-resource-picker {
  padding: .5rem 0 .25rem;
}

.eac-resource-foot {
  flex-wrap: wrap;
  justify-content: space-between;
}

.eac-pick {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.eac-pick .eac-face {
  justify-content: flex-start;
}

.eac-pick .eac-face-blurb {
  font-size: .8rem;
  line-height: 1.45;
}

.eac-pick-empty {
  text-align: center;
  color: var(--sf-muted, var(--ink-soft, #5e667a));
  margin: 0;
  padding: 28px 0;
  font-size: .9rem;
}

.eac-compose-note {
  color: var(--sf-muted, #5b5349);
  margin: 4px 0 0;
  font-size: .85rem;
  line-height: 1.5;
}

.eac-compose-problem {
  color: var(--sf-danger, #ae3a31);
  margin: 8px 0 0;
  font-size: .88rem;
}

.eac-compose-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.eac-compose-head {
  border-bottom: 1px solid var(--sf-line, #e3ddd1);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 4px;
  padding-bottom: 12px;
  display: flex;
}

.eac-compose-blurb {
  min-width: 0;
  color: var(--sf-muted, #5b5349);
  flex: 1;
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}

.eac-art-dims {
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px;
  display: grid;
}

/* [project]/packages/cms-ui/src/editor/editor.css [app-client] (css) */
.eac-ed {
  --ed-fg: var(--sf-fg, var(--ink, #16181d));
  --ed-muted: var(--sf-muted, var(--ink-soft, #5e667a));
  --ed-line: var(--sf-line, var(--line, #d9dde2));
  --ed-bg-soft: var(--sf-bg-soft, #f2f3f1);
  --ed-accent: var(--sf-kind, var(--sf-accent, #5b45a8));
  --ed-radius: var(--sf-radius-sm, 6px);
  --ed-record: var(--eac-font-record, var(--sf-font-record, ui-monospace, Menlo, monospace));
  border: 1px solid var(--ed-line);
  border-radius: var(--ed-radius);
  color: var(--ed-fg);
  background: none;
}

.eac-ed:focus-within {
  border-color: var(--ed-accent);
}

.eac-ed-bar {
  border-bottom: 1px solid var(--ed-line);
  background: var(--ed-bg-soft);
  border-radius: var(--ed-radius) var(--ed-radius) 0 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
}

.eac-ed-bar--placeholder {
  height: 33px;
}

.eac-ed-btn {
  min-width: 26px;
  height: 26px;
  color: var(--ed-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: .74rem;
  line-height: 1;
  display: inline-flex;
}

.eac-ed-btn:hover:not(:disabled) {
  background: color-mix(in srgb, var(--ed-fg) 8%, transparent);
  color: var(--ed-fg);
}

.eac-ed-btn:disabled {
  opacity: .38;
  cursor: default;
}

.eac-ed-btn[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ed-accent) 16%, transparent);
  color: var(--ed-accent);
}

.eac-ed-btn b {
  font-weight: 700;
}

.eac-ed-btn i {
  font-style: italic;
}

.eac-ed-btn u {
  text-decoration: underline;
}

.eac-ed-btn s {
  text-decoration: line-through;
}

.eac-ed-sep {
  background: var(--ed-line);
  width: 1px;
  height: 16px;
  margin: 0 4px;
}

.eac-ed-body {
  cursor: text;
  padding: 10px 12px;
}

.eac-ed-content {
  font-size: .9rem;
  line-height: 1.6;
}

.eac-ed-content:focus {
  outline: none;
}

.eac-ed-content > :first-child {
  margin-top: 0;
}

.eac-ed-content > :last-child {
  margin-bottom: 0;
}

.eac-ed-content p {
  margin: .5em 0;
}

.eac-ed-content h2, .eac-ed-content h3, .eac-ed-content h4 {
  font-family: var(--sf-font-display, var(--eac-font-display, Georgia, serif));
  margin: 1.1em 0 .4em;
  line-height: 1.25;
}

.eac-ed-content h2 {
  font-size: 1.3rem;
}

.eac-ed-content h3 {
  font-size: 1.12rem;
}

.eac-ed-content h4 {
  font-size: 1rem;
}

.eac-ed-content ul, .eac-ed-content ol {
  margin: .5em 0;
  padding-left: 1.4em;
}

.eac-ed-content li {
  margin: .2em 0;
}

.eac-ed-content li > p {
  margin: .15em 0;
}

.eac-ed-content a {
  color: var(--ed-accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.eac-ed-content strong {
  color: var(--ed-fg);
  font-weight: 650;
}

.eac-ed-content hr {
  border: 0;
  border-top: 1px solid var(--ed-line);
  margin: 1.2em 0;
}

.eac-ed-content blockquote {
  border-left: 2px solid var(--ed-accent);
  color: var(--ed-muted);
  margin: .8em 0;
  padding: .1em 0 .1em .9em;
  font-style: italic;
}

.eac-ed-content code {
  background: var(--ed-bg-soft);
  font-family: var(--ed-record);
  border-radius: 3px;
  padding: .1em .35em;
  font-size: .86em;
}

.eac-ed-content pre {
  border: 1px solid var(--ed-line);
  border-radius: var(--ed-radius);
  background: var(--ed-bg-soft);
  font-family: var(--ed-record);
  margin: .8em 0;
  padding: .7em .9em;
  font-size: .82rem;
  line-height: 1.5;
  overflow-x: auto;
}

.eac-ed-content pre code {
  font-size: inherit;
  background: none;
  padding: 0;
}

.eac-ed-content img {
  border-radius: var(--ed-radius);
  max-width: 100%;
  height: auto;
}

.eac-ed-content img.ProseMirror-selectednode {
  outline: 2px solid var(--ed-accent);
}

.eac-ed-content table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: .8em 0;
  overflow: hidden;
}

.eac-ed-content th, .eac-ed-content td {
  border: 1px solid var(--ed-line);
  vertical-align: top;
  text-align: left;
  min-width: 3em;
  padding: 6px 8px;
  position: relative;
}

.eac-ed-content th {
  background: var(--ed-bg-soft);
  font-weight: 650;
}

.eac-ed-content .selectedCell:after {
  content: "";
  background: color-mix(in srgb, var(--ed-accent) 12%, transparent);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.eac-ed-content .column-resize-handle {
  background: var(--ed-accent);
  pointer-events: none;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
}

.eac-term {
  cursor: help;
  border-bottom: 1px dotted;
  font-style: normal;
}

.eac-term:not([data-definition]) {
  border-bottom-color: color-mix(in srgb, currentColor 45%, transparent);
  cursor: default;
}

.eac-ed-content mark {
  color: inherit;
  background: #fde68a;
  border-radius: 3px;
  padding: .05em .2em;
}

.eac-ed-content div[data-youtube-video] {
  margin: .9em 0;
}

.eac-ed-content div[data-youtube-video] iframe {
  aspect-ratio: 16 / 9;
  border-radius: var(--ed-radius);
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.eac-ed-content {
  position: relative;
}

.eac-ed-content p.is-editor-empty:first-child:before {
  content: attr(data-placeholder);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ed-muted);
  pointer-events: none;
  position: absolute;
  inset: 0 0 auto;
  overflow: hidden;
}

.eac-ed-suggest {
  z-index: 60;
  border: 1px solid var(--ed-line);
  border-radius: var(--ed-radius);
  background: var(--sf-bg, #fff);
  min-width: 220px;
  max-width: 340px;
  max-height: 240px;
  padding: 4px;
  position: fixed;
  overflow-y: auto;
  box-shadow: 0 8px 24px #0000001f;
}

.eac-ed-suggest-item {
  width: 100%;
  color: var(--ed-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: .84rem;
  display: block;
}

.eac-ed-suggest-item:hover, .eac-ed-suggest-item[aria-selected="true"] {
  background: color-mix(in srgb, var(--ed-accent) 14%, transparent);
  color: var(--ed-accent);
}

.eac-ed-suggest-new {
  color: var(--ed-muted);
  font-style: italic;
}

.eac-ed-suggest-empty {
  color: var(--ed-muted);
  padding: 6px 8px;
  font-size: .8rem;
}

/* [project]/packages/cms-ui/src/files/files-card.css [app-client] (css) */
.eac-files {
  --eac-files-fg: var(--ink, #1a1d26);
  --eac-files-muted: var(--ink-soft, #5e667a);
  --eac-files-line: var(--line, #d6dbe4);
  --eac-files-accent: var(--gold, #a8681a);
  --eac-files-surface: var(--paper, #fff);
  border: 1px solid var(--eac-files-line);
  background: var(--eac-files-surface);
  color: var(--eac-files-fg);
  border-radius: 6px;
  padding: 18px 20px 20px;
}

.eac-files-head {
  border-bottom: 1px solid var(--eac-files-line);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 14px;
  display: flex;
}

.eac-files-head h2 {
  margin: 0;
  font-size: 1.05rem;
}

.eac-files-sub {
  color: var(--eac-files-muted);
  margin: 4px 0 0;
  font-size: .82rem;
}

.eac-files-upload {
  border: 1px solid var(--eac-files-accent);
  color: var(--eac-files-accent);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  padding: 6px 14px;
  font-size: .82rem;
}

.eac-files-upload:hover {
  background: var(--eac-files-accent);
  color: var(--eac-files-surface);
}

.eac-files-upload:focus-within {
  outline: 2px solid var(--eac-files-accent);
  outline-offset: 2px;
}

.eac-files-crumbs {
  color: var(--eac-files-muted);
  margin: 12px 0 0;
  font-size: .8rem;
}

.eac-files-crumbs button {
  cursor: pointer;
  color: var(--eac-files-accent);
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.eac-files-crumbs button:disabled {
  color: var(--eac-files-muted);
  cursor: default;
}

.eac-files-error {
  color: #ae3a31;
  margin: 12px 0 0;
  font-size: .82rem;
}

.eac-files-empty {
  color: var(--eac-files-muted);
  margin: 20px 0 4px;
  font-size: .85rem;
}

.eac-files-list {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.eac-files-item {
  border-bottom: 1px solid var(--eac-files-line);
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  display: flex;
}

.eac-files-item:last-child {
  border-bottom: 0;
}

.eac-files-thumb {
  object-fit: cover;
  border: 1px solid var(--eac-files-line);
  border-radius: 3px;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
}

.eac-files-thumb--none {
  background: var(--eac-files-line);
  opacity: .5;
}

.eac-files-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--eac-files-fg);
  text-align: left;
  background: none;
  border: 0;
  flex: auto;
  padding: 0;
  font-family: inherit;
  font-size: .88rem;
  text-decoration: none;
  overflow: hidden;
}

.eac-files-name:hover {
  color: var(--eac-files-accent);
}

.eac-files-folder {
  cursor: pointer;
  font-weight: 600;
}

.eac-files-folder:before {
  content: "📁 ";
}

.eac-files-size {
  color: var(--eac-files-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .78rem;
}

.eac-files-remove {
  cursor: pointer;
  color: var(--eac-files-muted);
  background: none;
  border: 0;
  padding: 2px 4px;
  font-family: inherit;
  font-size: .75rem;
}

.eac-files-remove:hover {
  color: #ae3a31;
}

.eac-picker {
  --eac-picker-fg: var(--ink, #1a1d26);
  --eac-picker-muted: var(--ink-soft, #5e667a);
  --eac-picker-line: var(--line, #d6dbe4);
  --eac-picker-accent: var(--gold, #a8681a);
  color: var(--eac-picker-fg);
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.eac-picker-label {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: .82rem;
  font-weight: 600;
  display: flex;
}

.eac-picker-tabs {
  flex-wrap: wrap;
  gap: 4px;
  display: inline-flex;
}

.eac-picker-tabs button {
  font: inherit;
  color: var(--eac-picker-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: .78rem;
  font-weight: 500;
}

.eac-picker-tabs button.is-active {
  border-color: var(--eac-picker-line);
  color: var(--eac-picker-accent);
}

.eac-picker-current {
  align-items: center;
  gap: 10px;
  display: flex;
}

.eac-picker-current img {
  object-fit: cover;
  border: 1px solid var(--eac-picker-line);
  border-radius: 4px;
  width: 76px;
  height: 76px;
}

.eac-picker-clear {
  font: inherit;
  color: var(--eac-picker-muted);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: .78rem;
  text-decoration: underline;
}

.eac-picker-clear:hover {
  color: #ae3a31;
}

.eac-picker-drop {
  border: 1px dashed var(--eac-picker-line);
  text-align: center;
  cursor: pointer;
  color: var(--eac-picker-muted);
  border-radius: 6px;
  padding: 22px 16px;
  font-size: .85rem;
}

.eac-picker-drop.is-dragging, .eac-picker-drop:hover {
  border-color: var(--eac-picker-accent);
  color: var(--eac-picker-accent);
}

.eac-picker-drop:focus-visible {
  outline: 2px solid var(--eac-picker-accent);
  outline-offset: 2px;
}

.eac-picker-drop p {
  margin: 0;
}

.eac-picker-hint {
  color: var(--eac-picker-muted);
  margin: 6px 0 0;
  font-size: .76rem;
}

.eac-picker-error {
  color: #ae3a31;
  margin: 0;
  font-size: .8rem;
}

.eac-picker-grid {
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  gap: 8px;
  max-height: 360px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow-y: auto;
}

.eac-picker-grid button {
  border: 1px solid var(--eac-picker-line);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  width: 100%;
  padding: 0;
  display: block;
}

.eac-picker-grid button.is-selected {
  border-color: var(--eac-picker-accent);
  border-width: 2px;
}

.eac-picker-grid img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 3px;
  width: 100%;
  display: block;
}

.eac-picker-grid video {
  aspect-ratio: 1;
  object-fit: cover;
  pointer-events: none;
  background: #000;
  border-radius: 3px;
  width: 100%;
  display: block;
}

.eac-browse-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.25;
  display: block;
  overflow: hidden;
}

.eac-picker-grid button {
  position: relative;
}

.eac-picker-grid button[draggable="true"] {
  cursor: grab;
}

.eac-picker-grid button[draggable="true"]:active {
  cursor: grabbing;
}

.eac-picker.is-dragging {
  outline: 2px dashed var(--eac-picker-accent);
  outline-offset: 4px;
  border-radius: 6px;
}

.eac-picker-dropnote {
  color: var(--eac-picker-accent);
  margin: 0;
  font-size: .8rem;
  font-weight: 600;
}

.eac-browse {
  gap: 8px;
  display: grid;
}

.eac-browse-bar {
  gap: 6px;
  display: grid;
}

.eac-browse-bar input[type="search"] {
  width: 100%;
  min-height: 30px;
  font: inherit;
  border: 1px solid var(--eac-picker-line);
  color: var(--eac-picker-fg);
  background: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: .8rem;
}

.eac-browse-crumbs {
  color: var(--eac-picker-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
  font-size: .76rem;
  display: flex;
}

.eac-browse-crumbs button {
  font: inherit;
  color: var(--eac-picker-accent);
  cursor: pointer;
  word-break: break-all;
  text-align: left;
  background: none;
  border: 0;
  padding: 2px 3px;
  text-decoration: underline;
}

.eac-browse-crumbs button[aria-current="true"] {
  color: var(--eac-picker-fg);
  font-weight: 600;
  text-decoration: none;
}

.eac-browse-folders {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-browse-folders button {
  border: 1px solid var(--eac-picker-line);
  width: 100%;
  min-height: 34px;
  font: inherit;
  color: var(--eac-picker-fg);
  text-align: left;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: .74rem;
  display: flex;
}

.eac-browse-folders button:hover {
  border-color: var(--eac-picker-accent);
}

.eac-browse-folder-icon {
  background: var(--eac-picker-accent);
  opacity: .75;
  clip-path: polygon(0 0, 40% 0, 50% 18%, 100% 18%, 100% 100%, 0 100%);
  border-radius: 2px;
  flex: none;
  width: 16px;
  height: 12px;
}

.eac-browse-folder-name {
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.eac-browse-check {
  background: var(--eac-picker-accent);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  position: absolute;
  top: 3px;
  right: 3px;
}

/* [project]/apps/artdirect/src/components/oad/ManageSpace.module.css [app-client] (css) */
.ManageSpace-module__yxULxa__dock {
  z-index: 40;
  position: fixed;
  bottom: 68px;
  right: 16px;
}

.ManageSpace-module__yxULxa__open {
  font-family: var(--font-mono, "Courier Prime", monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--paper, #121413);
  background: var(--gold, #c79a42);
  border: 1px solid var(--gold, #c79a42);
  cursor: pointer;
  border-radius: .375rem;
  align-items: center;
  gap: .4rem;
  padding: .55rem .9rem;
  font-size: .8rem;
  display: inline-flex;
}

.ManageSpace-module__yxULxa__open:hover, .ManageSpace-module__yxULxa__open:focus-visible {
  opacity: .88;
  outline: 2px solid var(--gold, #c79a42);
  outline-offset: 2px;
}

.ManageSpace-module__yxULxa__panel {
  gap: 1.5rem;
  display: grid;
}

.ManageSpace-module__yxULxa__heading {
  color: var(--sf-fg);
  margin: 0 0 .35rem;
  font-size: .95rem;
  font-weight: 600;
}

.ManageSpace-module__yxULxa__note {
  color: var(--sf-muted);
  margin: 0 0 .75rem;
  font-size: .85rem;
  line-height: 1.45;
}

.ManageSpace-module__yxULxa__error {
  color: var(--sf-danger);
  margin: 0 0 .75rem;
  font-size: .85rem;
}

.ManageSpace-module__yxULxa__row {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.ManageSpace-module__yxULxa__primary, .ManageSpace-module__yxULxa__secondary {
  border-radius: var(--sf-radius-sm, .375rem);
  cursor: pointer;
  border: 1px solid var(--sf-rule);
  align-items: center;
  padding: .45rem .8rem;
  font-size: .8rem;
  text-decoration: none;
  display: inline-flex;
}

.ManageSpace-module__yxULxa__primary {
  background: var(--sf-accent);
  border-color: var(--sf-accent);
  color: var(--eac-surface-on-accent, #fff);
}

.ManageSpace-module__yxULxa__secondary {
  color: var(--sf-fg);
  background: none;
}

.ManageSpace-module__yxULxa__secondary:hover, .ManageSpace-module__yxULxa__secondary:focus-visible {
  border-color: var(--sf-accent);
  outline: none;
}

.ManageSpace-module__yxULxa__primary[disabled], .ManageSpace-module__yxULxa__secondary[disabled] {
  opacity: .6;
  cursor: progress;
}

.ManageSpace-module__yxULxa__list {
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ManageSpace-module__yxULxa__item {
  border: 1px solid var(--sf-rule);
  border-radius: var(--sf-radius-sm, .375rem);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem 1rem;
  padding: .6rem .75rem;
  display: flex;
}

.ManageSpace-module__yxULxa__itemText {
  gap: .15rem;
  min-width: 0;
  display: grid;
}

.ManageSpace-module__yxULxa__itemTitle {
  color: var(--sf-fg);
  overflow-wrap: anywhere;
  font-size: .9rem;
}

.ManageSpace-module__yxULxa__itemMeta {
  color: var(--sf-muted);
  font-size: .75rem;
}

/* [project]/apps/artdirect/src/components/oad/PersonDrawer.module.css [app-client] (css) */
.PersonDrawer-module__FpASHa__tab {
  z-index: 45;
  writing-mode: vertical-rl;
  font-family: var(--font-mono, "Courier Prime", monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #e8e3e4;
  cursor: pointer;
  background: #0b0b0c;
  border: 1px solid #7a7266;
  border-left: 0;
  border-radius: 0 .375rem .375rem 0;
  padding: .9rem .45rem;
  font-size: .72rem;
  position: fixed;
  top: 40%;
  left: 0;
  transform: rotate(180deg);
}

.PersonDrawer-module__FpASHa__tab:hover, .PersonDrawer-module__FpASHa__tab:focus-visible {
  color: #c79a42;
  outline-offset: 2px;
  outline: 2px solid #c79a42;
}

.PersonDrawer-module__FpASHa__scrim {
  z-index: 46;
  background: #00000080;
  position: fixed;
  inset: 0;
}

.PersonDrawer-module__FpASHa__drawer {
  z-index: 47;
  color: #e8e3e4;
  background: #0b0b0c;
  border-right: 1px solid #35322c;
  outline: none;
  width: min(22rem, 88vw);
  padding: 1.25rem 1.25rem 2rem;
  transition: transform .2s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  transform: translateX(-100%);
}

.PersonDrawer-module__FpASHa__open {
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .PersonDrawer-module__FpASHa__drawer {
    transition: none;
  }
}

.PersonDrawer-module__FpASHa__close {
  float: right;
  color: #e8e3e4;
  cursor: pointer;
  background: none;
  border: 1px solid #7a7266;
  border-radius: .375rem;
  width: 2rem;
  height: 2rem;
}

.PersonDrawer-module__FpASHa__portrait {
  object-fit: cover;
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
  margin: .5rem 0 1rem;
  display: block;
}

.PersonDrawer-module__FpASHa__portraitBlank {
  color: #bca7cf;
  background: #161618;
  place-items: center;
  font-size: 2rem;
  display: grid;
}

.PersonDrawer-module__FpASHa__name {
  color: #e8e3e4;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
}

.PersonDrawer-module__FpASHa__bio {
  color: #bca7cf;
  white-space: pre-line;
  margin: 0 0 1rem;
  font-size: .9rem;
  line-height: 1.5;
}

.PersonDrawer-module__FpASHa__links {
  gap: .5rem;
  margin: .5rem 0 1.25rem;
  display: grid;
}

.PersonDrawer-module__FpASHa__primary {
  text-align: center;
  color: #121413;
  background: #c79a42;
  border-radius: .375rem;
  padding: .55rem .9rem;
  font-size: .85rem;
  text-decoration: none;
  display: inline-block;
}

.PersonDrawer-module__FpASHa__full {
  cursor: pointer;
  width: 100%;
  font: inherit;
  border: 0;
  font-size: .85rem;
}

.PersonDrawer-module__FpASHa__linkButton {
  font: inherit;
  color: #20d7ff;
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  font-size: .9rem;
}

.PersonDrawer-module__FpASHa__linkButton:hover, .PersonDrawer-module__FpASHa__linkButton:focus-visible {
  outline: none;
  text-decoration: underline;
}

.PersonDrawer-module__FpASHa__link {
  color: #20d7ff;
  font-size: .9rem;
  text-decoration: none;
}

.PersonDrawer-module__FpASHa__link:hover, .PersonDrawer-module__FpASHa__link:focus-visible, .PersonDrawer-module__FpASHa__primary:focus-visible {
  outline: none;
  text-decoration: underline;
}

.PersonDrawer-module__FpASHa__block {
  border-top: 1px solid #35322c;
  margin-top: 1rem;
  padding-top: 1rem;
}

.PersonDrawer-module__FpASHa__heading {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #e8e3e4;
  margin: 0 0 .25rem;
  font-size: .85rem;
}

.PersonDrawer-module__FpASHa__note {
  color: #bca7cf;
  margin: 0 0 .6rem;
  font-size: .8rem;
}

.PersonDrawer-module__FpASHa__error {
  color: #ff8a80;
  margin: .5rem 0 0;
  font-size: .8rem;
}

.PersonDrawer-module__FpASHa__order {
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.PersonDrawer-module__FpASHa__orderItem {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  display: flex;
}

.PersonDrawer-module__FpASHa__off {
  color: #bca7cf;
}

.PersonDrawer-module__FpASHa__orderButtons, .PersonDrawer-module__FpASHa__row {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.PersonDrawer-module__FpASHa__small {
  color: #e8e3e4;
  cursor: pointer;
  background: none;
  border: 1px solid #7a7266;
  border-radius: .375rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .5rem;
  font-size: .85rem;
}

.PersonDrawer-module__FpASHa__small:hover:not([disabled]), .PersonDrawer-module__FpASHa__small:focus-visible {
  border-color: #c79a42;
  outline: none;
}

.PersonDrawer-module__FpASHa__small[disabled] {
  opacity: .45;
  cursor: default;
}

.PersonDrawer-module__FpASHa__swatch {
  background: none;
  border: 1px solid #7a7266;
  border-radius: .375rem;
  width: 3rem;
  height: 2rem;
  padding: 0;
}

/* [project]/apps/artdirect/src/components/oad/person-frame.css [app-client] (css) */
body:has(.oad-person.eac-person-page--frame) {
  background: var(--oad-page-bg, #020202);
}

.oad-person.eac-person-page--frame {
  --eac-person-ground: var(--oad-page-bg, #020202);
  --eac-person-panel-bg: var(--oad-page-bg, #050505);
  --eac-person-panel-border: 0 solid transparent;
  --eac-person-line: transparent;
  --read-bg: var(--oad-page-bg, #050505);
}

/* [project]/node_modules/.pnpm/@puckeditor+core@0.23.0_@floating-ui+dom@1.7.4_@types+react-dom@19.2.3_@types+react@19.2.14___ghg3o3gnnzmdtebd6v6gwbhrhy/node_modules/@puckeditor/core/dist/index.css [app-client] (css) */
@layer puck-tokens {
  :root {
    --puck-color-rose-01: #4a001c;
    --puck-color-rose-02: #670833;
    --puck-color-rose-03: #87114c;
    --puck-color-rose-04: #a81a66;
    --puck-color-rose-05: #bc5089;
    --puck-color-rose-06: #cc7ca5;
    --puck-color-rose-07: #d89aba;
    --puck-color-rose-08: #e3b8cf;
    --puck-color-rose-09: #efd6e3;
    --puck-color-rose-10: #f6eaf1;
    --puck-color-rose-11: #faf4f8;
    --puck-color-rose-12: #fef8fc;
    --puck-color-azure-01: #00175d;
    --puck-color-azure-02: #002c77;
    --puck-color-azure-03: #014292;
    --puck-color-azure-04: #0158ad;
    --puck-color-azure-05: #3479be;
    --puck-color-azure-06: #6499cf;
    --puck-color-azure-07: #88b0da;
    --puck-color-azure-08: #abc7e5;
    --puck-color-azure-09: #cfdff0;
    --puck-color-azure-10: #e7eef7;
    --puck-color-azure-11: #f3f6fb;
    --puck-color-azure-12: #f7faff;
    --puck-color-green-01: #002000;
    --puck-color-green-02: #043604;
    --puck-color-green-03: #084e08;
    --puck-color-green-04: #0c680c;
    --puck-color-green-05: #1d882f;
    --puck-color-green-06: #2faa53;
    --puck-color-green-07: #56c16f;
    --puck-color-green-08: #7dd78b;
    --puck-color-green-09: #b8e8bf;
    --puck-color-green-10: #ddf3e0;
    --puck-color-green-11: #eff8f0;
    --puck-color-green-12: #f3fcf4;
    --puck-color-yellow-01: #211000;
    --puck-color-yellow-02: #362700;
    --puck-color-yellow-03: #4c4000;
    --puck-color-yellow-04: #645a00;
    --puck-color-yellow-05: #877614;
    --puck-color-yellow-06: #ab9429;
    --puck-color-yellow-07: #bfac4e;
    --puck-color-yellow-08: #d4c474;
    --puck-color-yellow-09: #e6deb1;
    --puck-color-yellow-10: #f3efd9;
    --puck-color-yellow-11: #f9f7ed;
    --puck-color-yellow-12: #fcfaf0;
    --puck-color-red-01: #4c0000;
    --puck-color-red-02: #6a0a10;
    --puck-color-red-03: #8a1422;
    --puck-color-red-04: #ac1f35;
    --puck-color-red-05: #bf5366;
    --puck-color-red-06: #ce7e8e;
    --puck-color-red-07: #d99ca8;
    --puck-color-red-08: #e4b9c2;
    --puck-color-red-09: #efd7db;
    --puck-color-red-10: #f6eaec;
    --puck-color-red-11: #faf4f5;
    --puck-color-red-12: #fff9fa;
    --puck-color-grey-01: #181818;
    --puck-color-grey-02: #292929;
    --puck-color-grey-03: #404040;
    --puck-color-grey-04: #5a5a5a;
    --puck-color-grey-05: #767676;
    --puck-color-grey-06: #949494;
    --puck-color-grey-07: #ababab;
    --puck-color-grey-08: #c3c3c3;
    --puck-color-grey-09: #dcdcdc;
    --puck-color-grey-10: #efefef;
    --puck-color-grey-11: #f5f5f5;
    --puck-color-grey-12: #fafafa;
    --puck-color-black: #000;
    --puck-color-white: #fff;
  }

  :root {
    --puck-color-surface: var(--puck-color-white);
    --puck-color-surface-muted: var(--puck-color-grey-11);
    --puck-color-surface-subtle: var(--puck-color-grey-12);
    --puck-color-surface-inverse: var(--puck-color-grey-01);
    --puck-color-border: var(--puck-color-grey-09);
    --puck-color-border-hover: var(--puck-color-grey-05);
    --puck-color-border-muted: var(--puck-color-grey-10);
    --puck-color-border-inverse: var(--puck-color-grey-05);
    --puck-color-text: var(--puck-color-black);
    --puck-color-text-secondary: var(--puck-color-grey-04);
    --puck-color-text-muted: var(--puck-color-grey-05);
    --puck-color-text-subtle: var(--puck-color-grey-07);
    --puck-color-text-inverse: var(--puck-color-white);
    --puck-opacity-text-inverse: .75;
    --puck-color-interactive: var(--puck-color-azure-04);
    --puck-color-interactive-hover: var(--puck-color-azure-03);
    --puck-color-interactive-active: var(--puck-color-azure-02);
    --puck-color-interactive-subtle: var(--puck-color-azure-10);
    --puck-color-interactive-soft: var(--puck-color-azure-11);
    --puck-color-interactive-soft-hover: var(--puck-color-azure-12);
    --puck-color-interactive-neutral-hover: var(--puck-color-grey-10);
    --puck-color-interactive-inverse-hover: var(--puck-color-azure-06);
    --puck-color-interactive-inverse-active: var(--puck-color-azure-07);
    --puck-color-focus-ring: var(--puck-color-azure-05);
    --puck-color-selection-bg: var(--puck-color-azure-09);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --puck-color-selection-bg: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
    }
  }

  :root {
    --puck-color-selection-border: var(--puck-color-azure-08);
    --puck-color-line-placeholder: var(--puck-color-azure-06);
    --puck-color-highlight: var(--puck-color-rose-07);
    --puck-color-bg-disabled: var(--puck-color-grey-07);
    --puck-color-text-disabled: var(--puck-color-grey-03);
    --puck-color-overlay-backdrop: var(--puck-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --puck-color-overlay-backdrop: color-mix(in srgb, var(--puck-color-black) 75%, transparent);
    }
  }

  :root {
    --puck-space-1: 4px;
    --puck-space-2: 8px;
    --puck-space-3: 12px;
    --puck-space-4: 16px;
    --puck-space-5: 24px;
    --puck-space-chrome-gutter: var(--puck-space-4);
    --puck-radius-none: 0;
    --puck-radius-xs: 2px;
    --puck-radius-s: 3px;
    --puck-radius-m: 4px;
    --puck-radius-l: 8px;
    --puck-radius-pill: 30px;
    --puck-radius-round: 100%;
    --puck-border-width-hairline: .5px;
    --puck-border-width-regular: 1px;
    --puck-border-width-focus: 2px;
    --puck-border-width-strong: 4px;
    --puck-duration-fast: 50ms;
    --puck-duration-medium: .15s;
    --puck-duration-slow: .25s;
    --puck-ease-exit: ease-in;
    --puck-ease-emphasized: ease-in-out;
    --puck-ease-entrance: ease-out;
    --puck-font-weight-regular: 400;
    --puck-font-weight-medium: 500;
    --puck-font-weight-semibold: 600;
    --puck-font-weight-bold: 700;
    --puck-font-weight-heavy: 800;
    --puck-letter-spacing-ui: .05ch;
    --puck-letter-spacing-heading: .08ch;
    --puck-icon-size-xs: 14px;
    --puck-icon-size-s: 16px;
    --puck-icon-size-m: 18px;
    --puck-icon-size-l: 24px;
    --puck-space-m-unitless: 24;
    --puck-user-sidebar-left-width: var(--puck-sidebar-width);
    --puck-user-sidebar-right-width: var(--puck-sidebar-width);
    --puck-slot-min-empty-height: 128px;
    --puck-line-placeholder-width: 2px;
  }

  :root {
    --puck-font-size-scale-base-unitless: 12;
    --puck-font-size-xxxs-unitless: 12;
    --puck-font-size-xxs-unitless: 14;
    --puck-font-size-xs-unitless: 16;
    --puck-font-size-s-unitless: 18;
    --puck-font-size-m-unitless: 21;
    --puck-font-size-l-unitless: 24;
    --puck-font-size-xl-unitless: 28;
    --puck-font-size-xxl-unitless: 36;
    --puck-font-size-xxxl-unitless: 48;
    --puck-font-size-xxxxl-unitless: 56;
    --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
    --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
    --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
    --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
    --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
    --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
    --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
    --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
    --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
    --puck-font-size-xxxxl: calc(1rem * var(--puck-font-size-xxxxl-unitless) / 16);
    --puck-font-size-base: var(--puck-font-size-xs);
    --puck-line-height-reset: 1;
    --puck-line-height-xs: calc(var(--puck-space-m-unitless) / var(--puck-font-size-m-unitless));
    --puck-line-height-s: calc(var(--puck-space-m-unitless) / var(--puck-font-size-s-unitless));
    --puck-line-height-m: calc(var(--puck-space-m-unitless) / var(--puck-font-size-xs-unitless));
    --puck-line-height-l: calc(var(--puck-space-m-unitless) / var(--puck-font-size-xxs-unitless));
    --puck-line-height-xl: calc(var(--puck-space-m-unitless) / var(--puck-font-size-scale-base-unitless));
    --puck-line-height-base: var(--puck-line-height-m);
    --puck-fallback-font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --puck-font-family: Inter, var(--puck-fallback-font-stack);
    --puck-font-family-monospaced: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  }

  @supports (font-variation-settings: normal) {
    :root {
      --puck-font-family: InterVariable, var(--puck-fallback-font-stack);
    }
  }
}

:root {
  --_puck-styles-loaded: "true";
}

#frame-root {
  height: 1px;
  min-height: 100vh;
}

[data-puck-entry] {
  z-index: 0;
  position: relative;
}

._ActionBar_5vdfr_1 {
  cursor: default;
  width: auto;
  padding-top: var(--puck-actionbar-space-y, var(--puck-space-1));
  padding-bottom: var(--puck-actionbar-space-y, var(--puck-space-1));
  border-radius: var(--puck-actionbar-radius, var(--puck-radius-l));
  background: var(--puck-actionbar-color-bg, var(--puck-color-surface-inverse));
  color: var(--puck-color-text-inverse);
  font-family: var(--puck-font-family);
  align-items: center;
  min-height: 26px;
  padding-inline-start: var(--puck-actionbar-space-x, 0);
  padding-inline-end: var(--puck-actionbar-space-x, 0);
  display: flex;
}

._ActionBar-label_5vdfr_17 {
  color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
  font-size: var(--puck-actionbar-font-size, var(--puck-font-size-xxxs));
  opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
  font-weight: var(--puck-font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-inline-start: var(--puck-space-1);
  margin-inline-end: var(--puck-space-1);
  padding-inline-start: var(--puck-space-2);
  padding-inline-end: var(--puck-space-2);
}

._ActionBarAction_5vdfr_30 + ._ActionBar-label_5vdfr_17 {
  padding-inline-start: 0;
}

._ActionBar-label_5vdfr_17 + ._ActionBarAction_5vdfr_30 {
  margin-inline-start: calc(var(--puck-space-1) * -1);
}

._ActionBar-group_5vdfr_38 {
  border-inline-start: var(--puck-border-width-hairline) solid var(--puck-actionbar-color-separator, var(--puck-color-border-inverse));
  height: 100%;
  align-items: center;
  padding-inline-start: var(--puck-space-1);
  padding-inline-end: var(--puck-space-1);
  display: flex;
}

._ActionBar-group_5vdfr_38:first-of-type {
  border-inline-start: 0;
}

._ActionBar-group_5vdfr_38:empty {
  display: none;
}

._ActionBarAction_5vdfr_30 {
  color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
  cursor: pointer;
  padding: var(--puck-actionbar-action-space, 6px);
  border-radius: var(--puck-radius-m);
  opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
  transition: color var(--puck-duration-fast) var(--puck-ease-exit), opacity var(--puck-duration-fast) var(--puck-ease-exit);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-inline-start: var(--puck-space-1);
  margin-inline-end: var(--puck-space-1);
  display: flex;
  overflow: hidden;
}

._ActionBarAction--disabled_5vdfr_74 {
  cursor: auto;
  color: var(--puck-actionbar-color-action-disabled, var(--puck-color-text-inverse));
  opacity: var(--puck-actionbar-opacity-action-disabled, .54);
}

._ActionBarAction_5vdfr_30 svg {
  max-width: none !important;
}

._ActionBarAction_5vdfr_30:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: calc(var(--puck-border-width-focus) * -1);
}

@media (hover: hover) and (pointer: fine) {
  ._ActionBarAction_5vdfr_30:hover:not(._ActionBarAction--disabled_5vdfr_74) {
    color: var(--puck-actionbar-color-action-hover, var(--puck-color-interactive-inverse-hover));
    opacity: 1;
    transition: none;
  }
}

._ActionBarAction_5vdfr_30:active:not(._ActionBarAction--disabled_5vdfr_74), ._ActionBarAction--active_5vdfr_104 {
  color: var(--puck-actionbar-color-action-active, var(--puck-color-interactive-inverse-active));
  opacity: 1;
  transition: none;
}

._ActionBar-group_5vdfr_38 * {
  margin: 0;
}

._ActionBar-separator_5vdfr_117 {
  background: var(--puck-actionbar-color-separator, var(--puck-color-border-inverse));
  margin-inline: var(--puck-space-1);
  width: var(--puck-border-width-hairline);
  height: 100%;
}

._InputWrapper_qyenz_1 + ._InputWrapper_qyenz_1 {
  margin-top: var(--puck-space-3);
}

._Input-label_qyenz_5 {
  color: var(--puck-field-label-color-text, var(--puck-color-text-secondary));
  padding-bottom: var(--puck-field-label-space-y, var(--puck-space-3));
  font-size: var(--puck-field-label-font-size, var(--puck-font-size-xxs));
  font-weight: var(--puck-field-label-font-weight, var(--puck-font-weight-semibold));
  align-items: center;
  display: flex;
}

._Input-labelIcon_qyenz_17 {
  color: var(--puck-field-label-color-icon, var(--puck-color-text-subtle));
  margin-inline-end: var(--puck-space-1);
  padding-inline-start: var(--puck-space-1);
  display: flex;
}

._Input-disabledIcon_qyenz_24 {
  color: var(--puck-color-text-muted);
  margin-inline-start: auto;
}

._Input-input_qyenz_29 {
  background: var(--puck-field-color-bg, var(--puck-color-surface));
  border-width: var(--puck-field-border-width, var(--puck-border-width-regular));
  border-style: solid;
  border-color: var(--puck-field-color-border, var(--puck-color-border));
  border-radius: var(--puck-field-radius, var(--puck-radius-m));
  box-sizing: border-box;
  color: var(--puck-field-color-text, var(--puck-color-text));
  font-family: inherit;
  font-size: var(--puck-font-size-xs);
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--puck-field-border-width, var(--puck-border-width-regular))));
  transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
  width: 100%;
  max-width: 100%;
}

@media (min-width: 458px) {
  ._Input-input_qyenz_29 {
    font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
  }
}

._Input-select_qyenz_61 {
  width: 100%;
  position: relative;
}

select._Input-input_qyenz_29 {
  appearance: none;
  cursor: pointer;
}

._Input-selectIcon_qyenz_71 {
  pointer-events: none;
  fill: var(--puck-field-color-border, var(--puck-color-border));
  stroke-width: 0;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

._Input-selectIcon_qyenz_71:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 12px;
  right: auto;
}

@media (hover: hover) and (pointer: fine) {
  :is(._Input_qyenz_1:has( > input):hover ._Input-input_qyenz_29:not([readonly]), ._Input_qyenz_1:has( > textarea):hover ._Input-input_qyenz_29:not([readonly])) {
    border-color: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
    transition: none;
  }

  ._Input_qyenz_1:has( > ._Input-select_qyenz_61):hover ._Input-input_qyenz_29:not([disabled]) {
    color: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
    background-color: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
    border-color: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
    transition: none;
  }

  ._Input_qyenz_1:not(._Input--readOnly_qyenz_111):has( > ._Input-select_qyenz_61):hover ._Input-selectIcon_qyenz_71 {
    fill: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
  }
}

._Input-input_qyenz_29:focus {
  border-color: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
  outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
  transition: none;
}

._Input--readOnly_qyenz_111 > ._Input-input_qyenz_29, ._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 {
  background-color: var(--puck-field-color-bg-disabled, var(--puck-color-surface-muted));
  border-color: var(--puck-field-color-border-disabled, var(--puck-color-border));
  color: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
  cursor: default;
  opacity: 1;
  outline: 0;
  transition: none;
}

._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 ~ ._Input-selectIcon_qyenz_71 {
  fill: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
}

._Input-radioGroupItems_qyenz_150 {
  --_puck-field-radio-radius: var(--puck-field-radius, var(--puck-radius-m));
  --_puck-field-radio-border-width: var(--puck-field-border-width, var(--puck-border-width-regular));
  --_puck-field-radio-border-color: var(--puck-field-color-border, var(--puck-color-border));
  border: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color);
  border-radius: var(--_puck-field-radio-radius);
  flex-wrap: wrap;
  display: flex;
}

._Input-radio_qyenz_150 {
  border-inline-end: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color);
  flex-grow: 1;
}

._Input-radio_qyenz_150:first-of-type {
  border-bottom-left-radius: var(--_puck-field-radio-radius);
  border-top-left-radius: var(--_puck-field-radio-radius);
}

._Input-radio_qyenz_150:first-of-type ._Input-radioInner_qyenz_179 {
  border-bottom-left-radius: calc(var(--_puck-field-radio-radius)  - var(--_puck-field-radio-border-width));
  border-top-left-radius: calc(var(--_puck-field-radio-radius)  - var(--_puck-field-radio-border-width));
}

._Input-radio_qyenz_150:last-of-type {
  border-bottom-right-radius: var(--_puck-field-radio-radius);
  border-top-right-radius: var(--_puck-field-radio-radius);
  border-inline-end: 0;
}

._Input-radio_qyenz_150:last-of-type ._Input-radioInner_qyenz_179 {
  border-bottom-right-radius: calc(var(--_puck-field-radio-radius)  - var(--_puck-field-radio-border-width));
  border-top-right-radius: calc(var(--_puck-field-radio-radius)  - var(--_puck-field-radio-border-width));
}

._Input-radioInner_qyenz_179 {
  background-color: var(--puck-field-color-bg, var(--puck-color-surface));
  color: var(--puck-field-color-text, var(--puck-color-text));
  cursor: pointer;
  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--_puck-field-radio-border-width)));
  text-align: center;
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
}

._Input-radio_qyenz_150:has(:focus-visible) {
  outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
  outline-offset: var(--puck-border-width-focus);
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  ._Input-radioInner_qyenz_179:hover {
    background-color: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
    color: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
    transition: none;
  }
}

._Input--readOnly_qyenz_111 ._Input-radioGroupItems_qyenz_150 {
  border-color: var(--puck-field-color-border-disabled, var(--puck-color-border));
}

._Input--readOnly_qyenz_111 ._Input-radioInner_qyenz_179 {
  background-color: var(--puck-field-color-bg, var(--puck-color-surface));
  color: var(--puck-field-color-text, var(--puck-color-text-secondary));
  cursor: default;
}

._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150 {
  border-inline-end: var(--_puck-field-radio-border-width) solid var(--puck-field-color-border-disabled, var(--puck-color-border));
}

._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150:last-of-type {
  border-inline-end: 0;
}

._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 {
  background-color: var(--puck-field-color-bg-active, var(--puck-color-interactive-soft));
  color: var(--puck-field-color-text-active, var(--puck-color-interactive));
  font-weight: var(--puck-font-weight-medium);
}

._Input--readOnly_qyenz_111 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 {
  background-color: var(--puck-field-color-bg-disabled, var(--puck-color-surface-muted));
  color: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
}

._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

textarea._Input-input_qyenz_29 {
  margin-bottom: calc(var(--puck-space-1) * -1);
}

._ArrayField_62huh_5 {
  --_puck-field-array-border-color: var(--puck-field-color-border, var(--puck-color-border));
  --_puck-field-array-border-width: var(--puck-field-border-width, var(--puck-border-width-regular));
  --_puck-field-array-radius: var(--puck-field-radius, var(--puck-radius-m));
  --_puck-field-array-radius-inner: calc(var(--_puck-field-array-radius)  - var(--_puck-field-array-border-width));
  background: var(--puck-field-color-bg-active, var(--puck-color-interactive-soft));
  border: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
  border-radius: var(--_puck-field-array-radius);
  flex-direction: column;
  display: flex;
}

._ArrayField--isDraggingFrom_62huh_30 {
  background-color: var(--puck-field-color-bg-active, var(--puck-color-interactive-soft));
  overflow: hidden;
}

._ArrayField-addButton_62huh_38 {
  background-color: var(--puck-field-color-bg, var(--puck-color-surface));
  border-radius: var(--_puck-field-array-radius-inner);
  color: var(--puck-field-array-add-color-icon, var(--puck-color-interactive));
  cursor: pointer;
  width: 100%;
  padding: calc(var(--puck-field-space-y, var(--puck-space-3))  + 2px) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--_puck-field-array-border-width)));
  text-align: left;
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
  border: none;
  justify-content: center;
  margin: 0;
  display: flex;
}

._ArrayField--hasItems_62huh_58 > ._ArrayField-addButton_62huh_38 {
  border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._ArrayField-addButton_62huh_38:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  ._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:hover {
    background: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
    color: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
    transition: none;
  }
}

._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:active {
  background: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
  transition: none;
}

._ArrayField-inner_62huh_93 {
  margin-top: -1px;
}

._ArrayFieldItem_62huh_101 {
  border-top-left-radius: var(--_puck-field-array-radius-inner);
  border-top-right-radius: var(--_puck-field-array-radius-inner);
  border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
  display: block;
  position: relative;
}

._ArrayFieldItem--isDragging_62huh_110 {
  border-top: #0000;
}

._ArrayFieldItem--isExpanded_62huh_114:before {
  display: none;
}

._ArrayFieldItem--isExpanded_62huh_114 {
  z-index: 2;
  border-bottom: 0;
  outline-offset: 0px !important;
  outline: var(--_puck-field-array-border-width) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)) !important;
}

._ArrayFieldItem--isDragging_62huh_110 {
  outline: var(--puck-border-width-focus) var(--puck-field-color-border-dragging, var(--puck-color-selection-border)) solid !important;
}

._ArrayFieldItem--isDragging_62huh_110 ._ArrayFieldItem-summary_62huh_132:active {
  background-color: var(--puck-field-color-bg, var(--puck-color-surface));
}

._ArrayFieldItem_62huh_101 + ._ArrayFieldItem_62huh_101 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._ArrayFieldItem-summary_62huh_132 {
  --_puck-drag-icon-color: var(--puck-field-color-text, var(--puck-color-text));
  --_puck-drag-icon-color-hover: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
  background: var(--puck-field-color-bg, var(--puck-color-surface));
  color: var(--puck-field-color-text, var(--puck-color-text));
  cursor: pointer;
  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--_puck-field-array-border-width)));
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  list-style: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._ArrayFieldItem--noFields_62huh_167 > ._ArrayFieldItem-summary_62huh_132 {
  cursor: grab;
}

._ArrayFieldItem_62huh_101:first-of-type > ._ArrayFieldItem-summary_62huh_132 {
  border-top-left-radius: var(--_puck-field-array-radius-inner);
  border-top-right-radius: var(--_puck-field-array-radius-inner);
}

._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem_62huh_101:last-of-type:not(._ArrayFieldItem--isExpanded_62huh_114) > ._ArrayFieldItem-summary_62huh_132, ._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem--isExpanded_62huh_114:last-of-type {
  border-bottom-left-radius: var(--_puck-field-array-radius-inner);
  border-bottom-right-radius: var(--_puck-field-array-radius-inner);
}

._ArrayFieldItem-summary_62huh_132:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._ArrayFieldItem-summary_62huh_132:hover {
    background-color: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
    color: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
    transition: none;
  }
}

._ArrayFieldItem-summary_62huh_132:active {
  background-color: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
  transition: none;
}

._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-summary_62huh_132 {
  background: var(--puck-field-color-bg-active, var(--puck-color-interactive-soft));
  color: var(--puck-field-color-text-active, var(--puck-color-interactive));
  font-weight: var(--puck-font-weight-semibold);
  transition: none;
}

._ArrayFieldItem-body_62huh_228 {
  background: var(--puck-field-color-surface, var(--puck-color-surface));
  display: none;
}

._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-body_62huh_228 {
  display: block;
}

._ArrayFieldItem-fieldset_62huh_237 {
  border: none;
  border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
  min-width: 0;
  padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var(--puck-field-space-surface-x, calc(var(--puck-space-4)  - var(--_puck-field-array-border-width)));
  margin: 0;
}

._ArrayFieldItem-rhs_62huh_250 {
  gap: var(--puck-space-1);
  align-items: center;
  display: flex;
}

._ArrayFieldItem-actions_62huh_256 {
  color: var(--puck-color-text-secondary);
  gap: var(--puck-space-1);
  opacity: 0;
  display: flex;
}

._ArrayFieldItem-summary_62huh_132:focus-within > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256, ._ArrayFieldItem-summary_62huh_132:hover > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256 {
  opacity: 1;
}

._IconButton_1pxxt_1 {
  background: var(--puck-iconbutton-color-bg, transparent);
  border-radius: var(--puck-iconbutton-radius, var(--puck-radius-m));
  color: var(--puck-iconbutton-color-icon, currentColor);
  font-family: var(--puck-font-family);
  padding: var(--puck-iconbutton-space, var(--puck-space-1));
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

._IconButton--active_1pxxt_15 {
  color: var(--puck-iconbutton-color-icon-active, var(--puck-color-interactive));
}

._IconButton_1pxxt_1:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: calc(var(--puck-border-width-focus) * -1);
}

@media (hover: hover) and (pointer: fine) {
  ._IconButton_1pxxt_1:hover:not(._IconButton--disabled_1pxxt_28) {
    background: var(--_puck-iconbutton-color-bg-hover, var(--puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover)));
    color: var(--puck-iconbutton-color-icon-hover, var(--puck-color-interactive));
    cursor: pointer;
    transition: none;
  }
}

._IconButton_1pxxt_1:active {
  background: var(--puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft));
  transition: none;
}

._IconButton--disabled_1pxxt_28 {
  color: var(--puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle));
}

@keyframes _loader-animation_1w5zn_1 {
  0% {
    transform: rotate(0)scale(1);
  }

  50% {
    transform: rotate(180deg)scale(.8);
  }

  100% {
    transform: rotate(360deg)scale(1);
  }
}

._Loader_1w5zn_13 {
  border-radius: var(--puck-radius-round);
  border: var(--puck-border-width-focus) solid currentColor;
  background: none;
  border-bottom-color: #0000;
  animation: 1s linear infinite both _loader-animation_1w5zn_1;
  display: inline-block;
}

._DragIcon_5e515_1 {
  color: var(--_puck-drag-icon-color, var(--puck-color-text-muted));
  cursor: grab;
  padding: var(--puck-space-1);
  border-radius: var(--puck-radius-m);
}

._DragIcon--disabled_5e515_10 {
  cursor: no-drop;
}

@media (hover: hover) and (pointer: fine) {
  ._DragIcon_5e515_1:not(._DragIcon--disabled_5e515_10):hover {
    color: var(--_puck-drag-icon-color-hover, var(--puck-color-focus-ring));
  }
}

[data-dnd-placeholder]:not([data-puck-line-drag] *) * {
  opacity: 0 !important;
}

._ExternalInput-actions_143vl_1 {
  display: flex;
}

._ExternalInput-button_143vl_5 {
  gap: var(--puck-space-2);
  background-color: var(--puck-field-color-bg, var(--puck-color-surface));
  border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
  border-radius: var(--puck-field-radius, var(--puck-radius-m));
  color: var(--puck-field-color-text-active, var(--puck-color-interactive));
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--puck-field-border-width, var(--puck-border-width-regular))));
  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
  font-weight: var(--puck-font-weight-medium);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
  cursor: pointer;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

._ExternalInput--dataSelected_143vl_34 ._ExternalInput-button_143vl_5 {
  color: var(--puck-field-color-text, var(--puck-color-text));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: block;
}

._ExternalInput--readOnly_143vl_41 ._ExternalInput-button_143vl_5 {
  background-color: var(--puck-field-color-bg-disabled, var(--puck-color-surface-muted));
}

._ExternalInput-detachButton_143vl_48 {
  border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
  border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));
  border-bottom-right-radius: var(--puck-field-radius, var(--puck-radius-m));
  background-color: var(--puck-field-external-detach-color-bg, var(--puck-color-surface-subtle));
  color: var(--puck-field-external-detach-color-text, var(--puck-color-text-muted));
  gap: var(--puck-space-2);
  padding: var(--puck-space-2) var(--puck-space-3);
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-inline-start: -1px;
  display: flex;
  position: relative;
}

._ExternalInput-button_143vl_5:focus-visible, ._ExternalInput-detachButton_143vl_48:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover, ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover {
    background: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
    transition: none;
  }

  ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover {
    color: var(--puck-field-color-text-hover, var(--puck-field-external-detach-color-text, var(--puck-color-text-muted)));
  }

  ._ExternalInput--dataSelected_143vl_34:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover {
    color: var(--puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)));
  }
}

._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:active, ._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:active {
  background: var(--puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover));
  transition: none;
}

._ExternalInputModal_143vl_118 {
  color: var(--puck-color-text);
  grid-template-rows: min-content minmax(128px, 100%) min-content;
  grid-template-columns: 100%;
  min-height: 50dvh;
  max-height: 90dvh;
  display: grid;
  position: relative;
}

._ExternalInputModal-grid_143vl_128 {
  flex-direction: column;
  display: flex;
}

@media (min-width: 458px) {
  ._ExternalInputModal-grid_143vl_128 {
    grid-template-columns: 100%;
    display: grid;
  }

  ._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-grid_143vl_128 {
    grid-template-columns: 25% 75%;
  }
}

._ExternalInputModal-filters_143vl_144 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
}

._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 {
  display: none;
}

@media (min-width: 458px) {
  ._ExternalInputModal-filters_143vl_144 {
    border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
    display: none;
  }

  ._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 {
    display: block;
  }
}

._ExternalInputModal-masthead_143vl_164 {
  background-color: var(--puck-color-surface-subtle);
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  gap: var(--puck-space-5);
  padding: var(--puck-space-5);
  flex-wrap: wrap;
  display: flex;
}

._ExternalInputModal-tableWrapper_143vl_173 {
  flex-grow: 1;
  position: relative;
  overflow: auto;
}

._ExternalInputModal-table_143vl_173 {
  border-collapse: unset;
  border-spacing: 0;
  color: var(--puck-color-text);
  z-index: 0;
  min-width: 100%;
  position: relative;
}

._ExternalInputModal-thead_143vl_189 {
  background-color: var(--puck-color-surface);
  z-index: 1;
  position: sticky;
  top: 0;
}

._ExternalInputModal-th_143vl_189 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  color: var(--puck-color-text-secondary);
  font-weight: var(--puck-font-weight-medium);
  font-size: var(--puck-font-size-xxs);
  padding: var(--puck-space-4) var(--puck-space-5);
}

._ExternalInputModal-td_143vl_204 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
  padding: var(--puck-space-4) var(--puck-space-5);
}

._ExternalInputModal-tr_143vl_210 ._ExternalInputModal-td_143vl_204:first-of-type {
  font-weight: var(--puck-font-weight-medium);
  white-space: nowrap;
  width: 1%;
}

@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover {
    background: var(--puck-color-interactive-soft-hover);
    color: var(--puck-color-interactive);
    cursor: pointer;
    margin-inline-start: -5px;
    position: relative;
  }

  ._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover ._ExternalInputModal-td_143vl_204:first-of-type {
    border-inline-start: var(--puck-border-width-strong) solid var(--puck-color-interactive);
    padding-inline-start: 20px;
  }
}

._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:last-of-type ._ExternalInputModal-td_143vl_204 {
  border-bottom: none;
}

._ExternalInputModal-tableWrapper_143vl_173 {
  display: none;
}

._ExternalInputModal--hasData_143vl_244 ._ExternalInputModal-tableWrapper_143vl_173 {
  display: block;
}

._ExternalInputModal-loadingBanner_143vl_248 {
  background-color: var(--puck-color-surface);
  display: none;
}

@supports (color: color-mix(in lab, red, red)) {
  ._ExternalInputModal-loadingBanner_143vl_248 {
    background-color: color-mix(in srgb, var(--puck-color-surface) 90%, transparent);
  }
}

._ExternalInputModal-loadingBanner_143vl_248 {
  justify-content: center;
  align-items: center;
  padding: 64px;
  position: absolute;
  inset: 0;
}

._ExternalInputModal--isLoading_143vl_265 ._ExternalInputModal-loadingBanner_143vl_248 {
  display: flex;
}

._ExternalInputModal-searchForm_143vl_269 {
  gap: var(--puck-space-3);
  flex-wrap: wrap;
  flex-grow: 1;
  display: flex;
}

@media (min-width: 458px) {
  ._ExternalInputModal-searchForm_143vl_269 {
    flex-wrap: nowrap;
  }
}

._ExternalInputModal-search_143vl_269 {
  background: var(--puck-color-surface);
  border-width: var(--puck-border-width-regular);
  border-style: solid;
  border-color: var(--puck-color-border);
  border-radius: var(--puck-radius-m);
  transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
  flex-grow: 1;
  display: flex;
}

._ExternalInputModal-search_143vl_269:focus-within {
  border-color: var(--puck-color-border-hover);
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-search_143vl_269:hover {
    border-color: var(--puck-color-border-hover);
    transition: none;
  }
}

._ExternalInputModal-searchIcon_143vl_306 {
  background: var(--puck-color-surface-subtle);
  border-bottom-left-radius: var(--puck-radius-m);
  border-top-left-radius: var(--puck-radius-m);
  border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
  color: var(--puck-color-text-subtle);
  padding: var(--puck-space-3) calc(var(--puck-space-4)  - var(--puck-border-width-regular));
  transition: color var(--puck-duration-fast) var(--puck-ease-exit);
  justify-content: center;
  align-items: center;
  display: flex;
}

._ExternalInputModal-search_143vl_269:focus-within ._ExternalInputModal-searchIcon_143vl_306 {
  color: var(--puck-color-text-secondary);
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-search_143vl_269:hover ._ExternalInputModal-searchIcon_143vl_306 {
    color: var(--puck-color-text-secondary);
    transition: none;
  }
}

._ExternalInputModal-searchIconText_143vl_333 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

._ExternalInputModal-searchInput_143vl_343 {
  border-radius: var(--puck-radius-m);
  background: var(--puck-color-surface);
  font-family: inherit;
  font-size: var(--puck-font-size-xxs);
  padding: var(--puck-space-3) calc(var(--puck-space-4)  - var(--puck-border-width-regular));
  border: none;
  width: 100%;
}

._ExternalInputModal-searchInput_143vl_343:focus {
  outline: 0;
}

._ExternalInputModal-searchActions_143vl_358 {
  gap: var(--puck-space-2);
  width: 100%;
  height: 44px;
  display: flex;
}

@media (min-width: 458px) {
  ._ExternalInputModal-searchActions_143vl_358 {
    width: auto;
  }
}

._ExternalInputModal-searchActionIcon_143vl_371 {
  align-self: center;
}

._ExternalInputModal-footerContainer_143vl_375 {
  background-color: var(--puck-color-surface-subtle);
  border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
  color: var(--puck-color-text-secondary);
  padding: var(--puck-space-4);
}

._ExternalInputModal-footer_143vl_375 {
  font-weight: var(--puck-font-weight-medium);
  font-size: var(--puck-font-size-xxs);
  text-align: right;
}

._ExternalInputModal-field_143vl_388 {
  color: var(--puck-color-text-secondary);
  margin: var(--puck-space-4);
  margin-bottom: var(--puck-space-3);
  display: block;
}

._Modal_g5xob_1 {
  background: var(--puck-color-overlay-backdrop);
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0;
}

._Modal--isOpen_g5xob_15 {
  display: flex;
}

._Modal-inner_g5xob_19 {
  border-radius: var(--puck-radius-l);
  background: var(--puck-color-surface);
  flex-direction: column;
  width: 100%;
  max-width: 1024px;
  max-height: 90dvh;
  display: flex;
  overflow: hidden;
}

._Heading_97eh4_1 {
  color: var(--_puck-heading-color, var(--puck-color-text));
  font-weight: var(--puck-font-weight-bold);
  margin: 0;
  display: block;
}

._Heading_97eh4_1 b {
  font-weight: var(--puck-font-weight-bold);
}

._Heading--xxxxl_97eh4_12 {
  font-size: var(--puck-font-size-xxxxl);
  letter-spacing: var(--puck-letter-spacing-heading);
  font-weight: var(--puck-font-weight-heavy);
}

._Heading--xxxl_97eh4_18 {
  font-size: var(--puck-font-size-xxxl);
}

._Heading--xxl_97eh4_22 {
  font-size: var(--puck-font-size-xxl);
}

._Heading--xl_97eh4_26 {
  font-size: var(--puck-font-size-xl);
}

._Heading--l_97eh4_30 {
  font-size: var(--puck-font-size-l);
}

._Heading--m_97eh4_34 {
  font-size: var(--puck-font-size-m);
}

._Heading--s_97eh4_38 {
  font-size: var(--puck-font-size-s);
}

._Heading--xs_97eh4_42 {
  font-size: var(--puck-font-size-xs);
}

._Button_oe4qj_1 {
  --_puck-button-default-space-x: 20px;
  --_puck-button-default-font-size: var(--puck-font-size-xxs);
  --_puck-button-default-font-weight: var(--puck-font-weight-regular);
  --_puck-button-default-color-bg-disabled: var(--puck-color-bg-disabled);
  --_puck-button-default-color-text-disabled: var(--puck-color-text-disabled);
  appearance: none;
  border: var(--puck-border-width-regular) solid transparent;
  border-radius: var(--puck-button-radius, var(--puck-radius-m));
  color: var(--puck-color-text-inverse);
  align-items: center;
  gap: var(--puck-space-2);
  letter-spacing: var(--puck-letter-spacing-ui);
  font-family: var(--puck-font-family);
  box-sizing: border-box;
  text-align: center;
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  margin: 0;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

._Button_oe4qj_1:hover, ._Button_oe4qj_1:active {
  transition: none;
}

._Button--medium_oe4qj_34 {
  min-height: 34px;
  padding-bottom: var(--puck-button-medium-space-y, calc(var(--puck-space-2)  - var(--puck-border-width-regular)));
  padding-inline-start: var(--puck-button-medium-space-x, calc(var(--_puck-button-default-space-x)  - var(--puck-border-width-regular)));
  padding-inline-end: var(--puck-button-medium-space-x, calc(var(--_puck-button-default-space-x)  - var(--puck-border-width-regular)));
  padding-top: var(--puck-button-medium-space-y, calc(var(--puck-space-2)  - var(--puck-border-width-regular)));
  font-weight: var(--puck-button-medium-font-weight, var(--_puck-button-default-font-weight));
  font-size: var(--puck-button-medium-font-size, var(--_puck-button-default-font-size));
}

._Button--large_oe4qj_62 {
  padding-bottom: var(--puck-button-large-space-y, calc(var(--puck-space-3)  - var(--puck-border-width-regular)));
  padding-inline-start: var(--puck-button-large-space-x, calc(var(--_puck-button-default-space-x)  - var(--puck-border-width-regular)));
  padding-inline-end: var(--puck-button-large-space-x, calc(var(--_puck-button-default-space-x)  - var(--puck-border-width-regular)));
  padding-top: var(--puck-button-large-space-y, calc(var(--puck-space-3)  - var(--puck-border-width-regular)));
  font-weight: var(--puck-button-large-font-weight, var(--_puck-button-default-font-weight));
  font-size: var(--puck-button-large-font-size, var(--_puck-button-default-font-size));
}

._Button-icon_oe4qj_89 {
  margin-top: 2px;
}

._Button--primary_oe4qj_93 {
  background: var(--puck-button-primary-color-bg, var(--puck-color-interactive));
  border-color: var(--puck-button-primary-color-border, transparent);
  color: var(--puck-button-primary-color-text, var(--puck-color-text-inverse));
}

._Button_oe4qj_1:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._Button--primary_oe4qj_93:hover {
    background-color: var(--puck-button-primary-color-bg-hover, var(--puck-color-interactive-hover));
  }
}

._Button--primary_oe4qj_93:active {
  background-color: var(--puck-button-primary-color-bg-active, var(--puck-color-interactive-active));
}

._Button--primary_oe4qj_93._Button--disabled_oe4qj_123, ._Button--primary_oe4qj_93._Button--disabled_oe4qj_123:hover {
  background-color: var(--puck-button-primary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled));
  color: var(--puck-button-primary-color-text-disabled, var(--_puck-button-default-color-text-disabled));
}

._Button--secondary_oe4qj_135 {
  background: var(--puck-button-secondary-color-bg, transparent);
  border-color: var(--puck-button-secondary-color-border, currentColor);
  color: var(--puck-button-secondary-color-text, currentColor);
}

@media (hover: hover) and (pointer: fine) {
  ._Button--secondary_oe4qj_135:hover {
    background-color: var(--puck-button-secondary-color-bg-hover, var(--puck-color-interactive-soft));
    color: var(--puck-button-secondary-color-text, var(--puck-color-text));
  }
}

._Button--secondary_oe4qj_135:active {
  background-color: var(--puck-button-secondary-color-bg-active, var(--puck-color-interactive-soft));
  color: var(--puck-button-secondary-color-text, var(--puck-color-text));
}

._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123, ._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123:hover {
  background-color: var(--puck-button-secondary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled));
  color: var(--puck-button-secondary-color-text-disabled, var(--_puck-button-default-color-text-disabled));
}

._Button--flush_oe4qj_171 {
  border-radius: var(--puck-radius-none);
}

._Button--disabled_oe4qj_123:hover {
  cursor: not-allowed;
}

._Button--fullWidth_oe4qj_179 {
  justify-content: center;
  width: 100%;
}

._Button-spinner_oe4qj_184 {
  padding-inline-start: var(--puck-space-2);
}

._RichTextMenu_1ve2j_1 {
  flex-flow: row;
  display: flex;
}

._RichTextMenu--form_1ve2j_7 {
  border-top-left-radius: var(--puck-field-radius, var(--puck-radius-m));
  border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));
  padding: var(--puck-field-richtext-menu-space-y, 6px) var(--puck-field-richtext-menu-space-x, 6px);
  background-color: var(--puck-field-richtext-menu-color-bg, var(--puck-color-surface-subtle));
  scrollbar-width: none;
  position: relative;
  overflow-x: auto;
}

._RichTextMenu-group_1ve2j_21 {
  align-items: space-between;
  flex-flow: row;
  gap: 2px;
  padding-inline: 6px;
  display: flex;
  position: relative;
}

._RichTextMenu-group_1ve2j_21:first-of-type {
  padding-left: 0;
}

._RichTextMenu-group_1ve2j_21:last-of-type {
  padding-right: 0;
}

._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 {
  color: var(--puck-color-text-inverse);
  flex-wrap: nowrap;
  gap: 0;
}

._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
  border-left: var(--puck-border-width-regular) solid var(--puck-field-richtext-menu-color-separator, var(--puck-color-border-muted));
}

._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
  border-left: var(--puck-border-width-hairline) solid var(--puck-color-border-inverse);
}

._Control_id4pm_1 .lucide {
  height: var(--puck-icon-size-m);
  width: var(--puck-icon-size-m);
}

._Control--inline_id4pm_6 .lucide {
  height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
  width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
}

._Select_1n4iv_1 {
  z-index: 1;
  position: relative;
}

._Select-buttonInner_1n4iv_6 {
  align-items: center;
  display: flex;
}

._Select-buttonIcon_1n4iv_11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

._Select--standalone_1n4iv_17 ._Select-buttonIcon_1n4iv_11 .lucide {
  height: var(--puck-icon-size-m);
  width: var(--puck-icon-size-m);
}

._Select--actionBar_1n4iv_22 ._Select-buttonIcon_1n4iv_11 .lucide {
  height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
  width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
}

._Select-items_1n4iv_27 {
  background: var(--puck-color-surface);
  border: var(--puck-border-width-regular) solid var(--puck-color-border);
  border-radius: var(--puck-radius-l);
  padding: var(--puck-space-1);
  z-index: 2;
  margin: 10px 8px 10px 0;
  list-style: none;
}

._SelectItem_1n4iv_38 {
  border-radius: var(--puck-radius-m);
  color: var(--puck-color-text-secondary);
  cursor: pointer;
  gap: var(--puck-space-2);
  font-size: var(--puck-font-size-xxs);
  padding: var(--puck-space-2) var(--puck-space-3);
  background: none;
  border: none;
  align-items: center;
  width: 100%;
  margin: 0;
  display: flex;
}

._SelectItem--isSelected_1n4iv_53 {
  background: var(--puck-color-interactive-soft);
  color: var(--puck-color-interactive);
  font-weight: var(--puck-font-weight-medium);
}

._SelectItem--isSelected_1n4iv_53 ._SelectItem-icon_1n4iv_59 {
  color: var(--puck-color-interactive);
}

._SelectItem_1n4iv_38:hover {
  background: var(--puck-color-interactive-soft);
  color: var(--puck-color-interactive);
}

._RichTextEditor_5wzos_1 .ProseMirror {
  white-space: pre-wrap;
  word-wrap: break-word;
  cursor: text;
  outline: none;
  position: relative;
}

._RichTextEditor_5wzos_1 .rich-text * {
  white-space: pre-wrap;
  -webkit-user-select: auto;
  user-select: auto;
}

._RichTextEditor_5wzos_1 .rich-text blockquote {
  border-left: var(--puck-border-width-strong) solid var(--puck-color-border);
  margin: 1em 0;
  padding: 0 1em;
}

._RichTextEditor_5wzos_1 .rich-text code {
  background-color: var(--puck-color-surface-muted);
  padding: var(--puck-space-1) var(--puck-space-2);
  border-radius: var(--puck-radius-m);
}

._RichTextEditor_5wzos_1 .rich-text p:empty:before {
  content: " ";
}

._RichTextEditor_5wzos_1 .rich-text pre code {
  padding: var(--puck-space-2) var(--puck-space-3);
  display: block;
}

._RichTextEditor_5wzos_1 .rich-text > :first-child, ._RichTextEditor_5wzos_1 .ProseMirror > :first-child, ._RichTextEditor_5wzos_1 .rich-text * p:first-of-type {
  margin-top: 0;
}

._RichTextEditor_5wzos_1 .rich-text > :last-child, ._RichTextEditor_5wzos_1 .ProseMirror > :last-child, ._RichTextEditor_5wzos_1 .rich-text * p:last-of-type {
  margin-bottom: 0;
}

._RichTextEditor--editor_5wzos_50 {
  color: var(--puck-field-color-text, var(--puck-color-text));
  background: var(--puck-field-color-bg, var(--puck-color-surface));
  border-width: var(--puck-field-border-width, var(--puck-border-width-regular));
  border-style: solid;
  border-color: var(--puck-field-color-border, var(--puck-color-border));
  border-radius: var(--puck-field-radius, var(--puck-radius-m));
  box-sizing: border-box;
  font-family: inherit;
  font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
  resize: vertical;
  text-align: initial;
  transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-height: 128px;
  display: flex;
}

._RichTextEditor--editor_5wzos_50 .rich-text {
  flex-grow: 1;
}

._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror {
  height: 100%;
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--puck-field-border-width, var(--puck-border-width-regular))));
}

._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)) {
  height: 100%;
  padding: var(--puck-field-space-y, var(--puck-space-3)) var(--puck-field-space-x, calc(var(--puck-space-4)  - var(--puck-field-border-width, var(--puck-border-width-regular))));
}

._RichTextEditor--editor_5wzos_50 .rich-text ul, ._RichTextEditor--editor_5wzos_50 .rich-text ol {
  padding-left: var(--puck-space-5);
}

._RichTextEditor--editor_5wzos_50 .rich-text li {
  line-height: 1.5;
}

._RichTextEditor--editor_5wzos_50 .rich-text p {
  margin-block: var(--puck-space-3);
}

._RichTextEditor--editor_5wzos_50 .rich-text ul {
  list-style: outside;
}

._RichTextEditor--editor_5wzos_50 .rich-text ol {
  list-style: decimal;
}

._RichTextEditor--editor_5wzos_50:focus-within {
  border-color: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
  outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  ._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) {
    border-color: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
    transition: none;
  }
}

._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 {
  background: var(--puck-field-color-bg-disabled, var(--puck-color-surface-muted));
  border-color: var(--puck-field-color-border-disabled, var(--puck-color-border));
}

._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror {
  color: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
}

._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)) {
  color: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
}

._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable="false"] {
  cursor: default;
}

._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection {
  background-color: #0000;
}

._RichTextEditor-menu_5wzos_165 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
  z-index: 1;
  position: sticky;
  top: 0;
}

._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
}

._ObjectField_c5reb_1 {
  background-color: var(--puck-field-color-surface, var(--puck-color-surface));
  border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
  border-radius: var(--puck-field-radius, var(--puck-radius-m));
  flex-direction: column;
  display: flex;
}

._ObjectField-fieldset_c5reb_10 {
  min-width: 0;
  padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var(--puck-field-space-surface-x, calc(var(--puck-space-4)  - var(--puck-field-border-width, var(--puck-border-width-regular))));
  border: none;
  margin: 0;
}

._Drawer_1n90m_1 {
  font-family: var(--puck-font-family);
  gap: var(--puck-space-3);
  flex-direction: column;
  display: flex;
}

._Drawer-draggable_1n90m_8 {
  position: relative;
}

._Drawer-draggableBg_1n90m_12 {
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
}

._DrawerItem-draggable_1n90m_22 {
  background: var(--puck-drawer-item-color-bg, var(--puck-color-surface));
  color: var(--puck-drawer-item-color-text, var(--puck-color-text));
  cursor: grab;
  padding: var(--puck-drawer-item-space, var(--puck-space-3));
  border: var(--puck-drawer-item-border-width, var(--puck-border-width-regular)) var(--puck-drawer-item-color-border, var(--puck-color-border)) solid;
  border-radius: var(--puck-drawer-item-radius, var(--puck-radius-m));
  font-size: var(--puck-drawer-item-font-size, var(--puck-font-size-xxs));
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._DrawerItem--disabled_1n90m_38 ._DrawerItem-draggable_1n90m_22 {
  background: var(--puck-color-surface-muted);
  color: var(--puck-color-text-muted);
  cursor: not-allowed;
}

._DrawerItem_1n90m_22:focus-visible {
  outline: 0;
}

._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:focus-visible ._DrawerItem-draggable_1n90m_22 {
  border-radius: var(--puck-radius-m);
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:not(._DrawerItem--disabled_1n90m_38) ._DrawerItem-draggable_1n90m_22:hover {
    background-color: var(--puck-drawer-item-color-bg-hover, var(--puck-color-interactive-soft-hover));
    color: var(--puck-drawer-item-color-text-hover, var(--puck-color-interactive));
    transition: none;
  }
}

._DrawerItem-name_1n90m_72 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

._DraggableComponent_1627v_1 {
  pointer-events: none;
  position: absolute;
}

._DraggableComponent-overlayWrapper_1627v_6 {
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

._DraggableComponent-overlay_1627v_6 {
  cursor: pointer;
  outline: var(--puck-slot-component-border-width, var(--puck-border-width-focus)) var(--puck-slot-component-color-overlay-border, var(--puck-color-selection-border)) solid;
  outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1);
  width: 100%;
  height: 100%;
}

._DraggableComponent_1627v_1:focus-visible > ._DraggableComponent-overlayWrapper_1627v_6 {
  outline: var(--puck-border-width-regular) solid var(--puck-color-focus-ring);
}

._DraggableComponent-loadingOverlay_1627v_38 {
  background: var(--puck-color-surface);
  color: var(--puck-color-text);
  border-radius: var(--puck-radius-m);
  padding: var(--puck-space-2);
  top: var(--puck-space-2);
  right: var(--puck-space-2);
  pointer-events: all;
  box-sizing: border-box;
  opacity: .8;
  z-index: 1;
  display: flex;
  position: absolute;
}

._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {
  background: var(--puck-slot-component-color-overlay, var(--puck-color-selection-bg));
  outline: var(--puck-slot-component-border-width, var(--puck-border-width-focus)) var(--puck-slot-component-color-overlay-border, var(--puck-color-selection-border)) solid;
}

._DraggableComponent--isSelected_1627v_72 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {
  outline-color: var(--puck-slot-component-color-border-selected, var(--puck-color-selection-border));
}

._DraggableComponent_1627v_1:has(._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6) > ._DraggableComponent-overlayWrapper_1627v_6 {
  display: none;
}

._DraggableComponent-actionsOverlay_1627v_89 {
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  position: sticky;
}

._DraggableComponent--isSelected_1627v_72 ._DraggableComponent-actionsOverlay_1627v_89 {
  opacity: 1;
  pointer-events: auto;
}

._DraggableComponent-actions_1627v_89 {
  cursor: grab;
  box-sizing: border-box;
  transform-origin: 100% 0;
  width: auto;
  min-height: 36px;
  display: flex;
  position: absolute;
}

._DraggableComponent-actionsAction_1627v_111 {
  height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
  width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
}

[data-puck-component] * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-puck-component] {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto !important;
}

[data-puck-dropzone] {
  pointer-events: auto !important;
}

[data-puck-disabled] {
  cursor: pointer;
}

[data-dnd-placeholder]:not([data-puck-line-drag] *) {
  background: var(--puck-slot-component-color-placeholder, var(--puck-color-azure-06)) !important;
  color: #0000 !important;
  opacity: .3 !important;
  border: none !important;
  outline: none !important;
  transition: none !important;
}

[data-dnd-placeholder]:not([data-puck-line-drag] *) *, [data-dnd-placeholder]:not([data-puck-line-drag] *):after, [data-dnd-placeholder]:not([data-puck-line-drag] *):before {
  opacity: 0 !important;
}

[data-puck-line-drag] [data-dnd-placeholder] {
  opacity: .4 !important;
  outline: none !important;
  transition: none !important;
}

[data-puck-line-drag] [data-dnd-dragging][data-puck-component] {
  opacity: .9 !important;
}

[data-dnd-dragging][data-puck-component] {
  pointer-events: none !important;
  outline: var(--puck-slot-component-border-width, var(--puck-border-width-focus)) var(--puck-slot-component-color-border-dragging, var(--puck-color-azure-09)) solid !important;
  outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1) !important;
}

[data-dnd-dragging][data-puck-component] > :first-child {
  margin-top: 0 !important;
}

[data-dnd-dragging][data-puck-component] > :last-child {
  margin-bottom: 0 !important;
}

._DropZone_wc2ks_1 {
  height: 100%;
  min-height: var(--puck-slot-min-empty-height);
  outline-offset: calc(var(--puck-slot-border-width, var(--puck-border-width-focus)) * -1);
  width: 100%;
  position: relative;
}

._DropZone--hasChildren_wc2ks_11 {
  min-height: 0;
}

._DropZone_wc2ks_1:empty {
  min-height: var(--puck-slot-min-empty-height);
}

[data-puck-entry]:not([data-puck-dragging]) ._DropZone_wc2ks_1 {
  transition: min-height var(--puck-duration-medium) var(--puck-ease-exit);
}

._DropZone--isAreaSelected_wc2ks_24, ._DropZone--hoveringOverArea_wc2ks_25:not(._DropZone--isRootZone_wc2ks_25), ._DropZone_wc2ks_1:empty {
  background: var(--puck-slot-color-bg, var(--puck-color-selection-bg));
  outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));
}

._DropZone-item_wc2ks_39 {
  position: relative;
}

._DropZone-linePlaceholder_wc2ks_43 {
  background: var(--puck-slot-component-color-placeholder, var(--puck-color-line-placeholder));
  border-radius: calc(var(--puck-line-placeholder-width, 2px) / 2);
  pointer-events: none;
  z-index: 1;
  position: absolute;
}

._DropZone-hitbox_wc2ks_55 {
  bottom: calc(var(--puck-space-3) * -1);
  height: var(--puck-space-5);
  z-index: 1;
  width: 100%;
  position: absolute;
}

[data-puck-dragging] ._DropZone--isEnabled_wc2ks_63 {
  outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));
}

._DropZone_wc2ks_1 > :not([data-puck-component]):not([data-puck-line-placeholder]) {
  opacity: 0;
}

body:has(._DropZone--isAnimating_wc2ks_74:empty) [data-puck-overlay] {
  opacity: 0 !important;
}

[data-puck-overlay-portal], [data-puck-overlay-portal] * {
  pointer-events: auto !important;
}

[data-puck-entry][data-puck-dragging] [data-puck-overlay-portal], [data-puck-entry][data-puck-dragging] [data-puck-overlay-portal] * {
  pointer-events: none !important;
}

[data-puck-entry][data-puck-preview-mode="edit"] [data-puck-overlay-portal]:hover {
  outline: 2px var(--puck-color-azure-09, #cfdff0) dashed;
  outline-offset: 2px;
}

[data-puck-entry][data-puck-preview-mode="edit"] [data-puck-overlay-portal]:focus-within {
  outline: 2px var(--puck-color-azure-07, #88b0da) dashed;
  outline-offset: 2px;
}

._InlineTextField_104qp_1 {
  cursor: text;
  white-space: pre-wrap;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  display: inline-block;
}

[data-dnd-dragging] ._InlineTextField_104qp_1 {
  cursor: none;
  caret-color: #0000;
}

[data-dnd-dragging] ._InlineTextField_104qp_1::selection {
  display: none;
}

._PuckFields_wnj25_1 {
  font-family: var(--puck-font-family);
  position: relative;
}

._PuckFields--isLoading_wnj25_6 {
  min-height: 48px;
}

._PuckFields-loadingOverlay_wnj25_10 {
  background: var(--puck-color-surface);
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: .8;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

._PuckFields-loadingOverlayInner_wnj25_25 {
  padding: var(--puck-space-4);
  display: flex;
  position: sticky;
  top: 0;
}

._PuckFields-field_wnj25_32 * {
  box-sizing: border-box;
}

._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 {
  color: var(--puck-color-text-secondary);
  padding: var(--puck-space-4);
  padding-bottom: var(--puck-space-3);
  display: block;
}

._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 + ._PuckFields-field_wnj25_32 {
  border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
  margin-top: var(--puck-space-2);
}

._ComponentList_htktj_1 {
  max-width: 100%;
}

._ComponentList--isExpanded_htktj_5 + ._ComponentList_htktj_1 {
  margin-top: var(--puck-space-3);
}

._ComponentList-content_htktj_9 {
  display: none;
}

._ComponentList--isExpanded_htktj_5 > ._ComponentList-content_htktj_9 {
  display: block;
}

._ComponentList-title_htktj_17 {
  color: var(--puck-drawer-category-color-text, var(--puck-color-text-muted));
  cursor: pointer;
  font: inherit;
  font-size: var(--puck-drawer-category-font-size, var(--puck-font-size-xxxs));
  padding: var(--puck-drawer-category-space, var(--puck-space-2));
  text-transform: uppercase;
  transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
  gap: var(--puck-space-1);
  border-radius: var(--puck-radius-m);
  background-color: #0000;
  border: 0;
  width: 100%;
  margin-bottom: 6px;
  list-style: none;
  display: flex;
}

._ComponentList-title_htktj_17:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._ComponentList-title_htktj_17:hover {
    background-color: var(--puck-drawer-category-color-bg-hover, var(--puck-color-interactive-soft));
    color: var(--puck-drawer-category-color-text-hover, var(--puck-color-interactive));
    transition: none;
  }
}

._ComponentList-title_htktj_17:active {
  background-color: var(--puck-drawer-category-color-bg-active, var(--puck-color-interactive-subtle));
  transition: none;
}

._ComponentList-titleIcon_htktj_63 {
  margin-inline-start: auto;
}

._PuckPreview_zbic3_1 {
  height: 100%;
  position: relative;
}

._PuckPreview-frame_zbic3_6 {
  border: none;
  width: 100%;
  height: 100%;
}

._PuckPreview-frame_zbic3_6[data-puck-outline-dragging] {
  pointer-events: none;
}

._DropLine_eyz3q_2 {
  background: var(--_puck-outline-color-drop-indicator);
  border-radius: calc(var(--_puck-outline-drop-indicator-size) / 2);
  height: var(--_puck-outline-drop-indicator-size);
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset-inline: 0;
}

._DropLine--top_eyz3q_12 {
  top: 0;
}

._DropLine--bottom_eyz3q_16 {
  bottom: 0;
}

._DropLine--top_eyz3q_12._DropLine--outset_eyz3q_20 {
  top: calc(-1 * var(--_puck-outline-drop-indicator-size));
}

._DropLine--bottom_eyz3q_16._DropLine--outset_eyz3q_20 {
  bottom: calc(-1 * var(--_puck-outline-drop-indicator-size));
}

._LayerTree-helper_1m7e4_2 {
  color: var(--puck-outline-color-text-helper, var(--puck-color-text-subtle));
  padding-top: var(--puck-space-1);
  padding-bottom: var(--puck-space-1);
  border: var(--_puck-outline-border-width) solid transparent;
  padding-inline-start: var(--_puck-outline-label-indent);
}

._LayerTree-helperRoot_1m7e4_11 {
  padding-inline-start: var(--puck-space-3);
}

._LayerTree-helper_1m7e4_2[data-puck-drop-target] {
  position: relative;
  overflow: visible;
}

._Layer_onfgu_1 {
  border: var(--_puck-outline-border-width) solid transparent;
  border-radius: var(--_puck-outline-radius);
  position: relative;
}

._Layer-inner_onfgu_8 {
  border: var(--_puck-outline-border-width) solid transparent;
  border-radius: var(--_puck-outline-radius);
  cursor: pointer;
  transition: color var(--puck-duration-fast) var(--puck-ease-exit);
  align-items: center;
  display: flex;
  position: relative;
}

._Layer--isSortable_onfgu_18 > ._Layer-inner_onfgu_8 {
  cursor: grab;
}

._Layer-content_onfgu_22 {
  gap: var(--puck-space-4);
  flex: auto;
  min-width: 0;
  display: flex;
}

._Layer-clickable_onfgu_29 {
  border-radius: var(--_puck-outline-radius);
  color: inherit;
  cursor: inherit;
  font: inherit;
  background: none;
  border: 0;
  flex: auto;
  align-items: center;
  min-width: 0;
  padding: 0;
  display: flex;
}

[data-puck-dnd-disabled] ._Layer-inner_onfgu_8, [data-puck-dnd-disabled] ._Layer-clickable_onfgu_29 {
  cursor: pointer;
}

._Layer-clickable_onfgu_29:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
  z-index: 1;
  position: relative;
}

._Layer-caret_onfgu_57 {
  visibility: hidden;
  flex-shrink: 0;
  display: flex;
}

._Layer-caret_onfgu_57 svg {
  height: var(--_puck-outline-caret-size);
  width: var(--_puck-outline-caret-size);
}

._Layer--containsZone_onfgu_68 > ._Layer-inner_onfgu_8 > ._Layer-content_onfgu_22 {
  font-weight: var(--puck-font-weight-bold);
}

._Layer--containsZone_onfgu_68 > ._Layer-inner_onfgu_8 > ._Layer-caret_onfgu_57 {
  visibility: visible;
}

._Layer-title_onfgu_76 {
  gap: var(--puck-space-2);
  margin: var(--puck-space-1);
  cursor: pointer;
  align-items: center;
  display: flex;
  overflow-x: hidden;
}

._Layer-name_onfgu_85 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

._Layer-icon_onfgu_91 {
  color: var(--puck-outline-color-icon, var(--puck-color-text-subtle));
  margin-top: var(--puck-space-1);
}

._Layer-icon_onfgu_91 svg {
  height: var(--_puck-outline-icon-size);
  width: var(--_puck-outline-icon-size);
}

._Layer-zones_onfgu_101 {
  margin-inline-start: var(--puck-outline-space-indent, var(--puck-space-4));
  display: none;
}

._Layer--isExpanded_onfgu_106 > ._Layer-zones_onfgu_101 {
  display: block;
}

._Layer--isExpanded_onfgu_106 > ._Layer-inner_onfgu_8 > ._Layer-caret_onfgu_57 svg {
  transform: rotate(90deg);
}

@media (hover: hover) and (pointer: fine) {
  ._Layer_onfgu_1:not(._Layer--isSelected_onfgu_115) > ._Layer-inner_onfgu_8:hover {
    --_puck-outline-actions-color-bg: var(--_puck-outline-color-bg-hover);
    border-color: var(--_puck-outline-color-border-hover);
    background: var(--_puck-outline-color-bg-hover);
    transition: none;
  }
}

._Layer--isSelected_onfgu_115 > ._Layer-inner_onfgu_8 {
  border-color: var(--puck-outline-color-border-selected, var(--puck-color-selection-border));
  --_puck-outline-actions-color-bg: var(--_puck-outline-color-bg-selected);
  background: var(--_puck-outline-color-bg-selected);
}

._Layer--isExpandCandidate_onfgu_138 > ._Layer-inner_onfgu_8 {
  border-color: var(--_puck-outline-color-border-hover);
  background: var(--_puck-outline-color-bg-hover);
}

._Layer--isDragSource_onfgu_143 > ._Layer-inner_onfgu_8 {
  color: var(--puck-color-text-muted);
  background: none;
}

._Layer--isDragSource_onfgu_143 > ._Layer-zones_onfgu_101 {
  opacity: .5;
}

._LayerActions_d90t9_2 {
  padding-inline: var(--puck-space-1);
  visibility: hidden;
  color: var(--_puck-outline-color-text);
  background: var(--_puck-outline-actions-color-bg);
  border-top-right-radius: var(--_puck-outline-radius);
  border-bottom-right-radius: var(--_puck-outline-radius);
  flex-shrink: 0;
  display: flex;
  position: sticky;
  inset-inline-end: calc(var(--puck-space-1) * -1);
}

._LayerActions--visible_d90t9_18 {
  visibility: visible;
}

._LayerActions_d90t9_2 svg {
  height: var(--_puck-outline-caret-size);
  width: var(--_puck-outline-caret-size);
}

._LayerTree_o5tyt_1 {
  color: var(--_puck-outline-color-text);
  font-family: var(--puck-outline-font-family, var(--puck-font-family));
  font-size: var(--puck-outline-font-size, var(--puck-font-size-xxxs));
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

._LayerTree--nested_o5tyt_12 {
  margin-inline-start: var(--puck-outline-space-indent, var(--puck-space-3));
}

._LayerTree-zoneTitle_fvhlh_2 {
  color: var(--_puck-outline-zone-color-text);
  font-size: var(--puck-outline-zone-font-size, calc(var(--puck-font-size-xxxs) * .9));
  gap: var(--puck-space-2);
  padding-top: var(--puck-space-1);
  padding-bottom: var(--puck-space-1);
  border: var(--_puck-outline-border-width) solid transparent;
  align-items: center;
  padding-inline-start: var(--_puck-outline-label-indent);
  display: flex;
  overflow-x: hidden;
}

._LayerTree-zoneIcon_fvhlh_19 {
  margin-top: var(--puck-space-1);
}

._LayerTree-zoneIcon_fvhlh_19 svg {
  height: var(--_puck-outline-icon-size);
  width: var(--_puck-outline-icon-size);
}

._LayerTree-zoneTitle_fvhlh_2[data-puck-drop-target] {
  color: var(--_puck-outline-color-text-hover);
  position: relative;
  overflow: visible;
}

._LayerTreeRoot_1qowl_1 {
  --_puck-iconbutton-color-bg-hover: transparent;
  --_puck-outline-color-text: var(--puck-outline-color-text, var(--puck-color-text-primary));
  --_puck-outline-border-width: var(--puck-outline-border-width, var(--puck-border-width-regular));
  --_puck-outline-radius: var(--puck-outline-radius, var(--puck-radius-m));
  --_puck-outline-caret-size: var(--puck-outline-action-size, var(--puck-icon-size-s));
  --_puck-outline-icon-size: var(--puck-outline-icon-size, var(--puck-icon-size-xs));
  --_puck-outline-color-bg-selected: var(--puck-outline-color-bg-selected, var(--puck-color-interactive-subtle));
  --_puck-outline-color-bg-hover: var(--puck-outline-color-bg-hover, var(--puck-color-interactive-soft));
  --_puck-outline-color-border-hover: var(--puck-outline-color-border-hover, var(--puck-color-interactive-subtle));
  --_puck-outline-color-text-hover: var(--puck-outline-color-text-hover, var(--puck-color-interactive));
  --_puck-outline-color-drop-indicator: var(--puck-outline-color-drop-indicator, var(--puck-color-line-placeholder));
  --_puck-outline-drop-indicator-size: var(--puck-line-placeholder-width);
  --_puck-outline-zone-color-text: var(--puck-outline-zone-color-text, var(--puck-color-text-muted));
  --_puck-outline-actions-color-bg: transparent;
  --_puck-outline-caret-slot: calc(var(--_puck-outline-caret-size)  + var(--puck-iconbutton-space, var(--puck-space-1)) * 2);
  --_puck-outline-label-indent: calc(var(--_puck-outline-caret-slot)  + var(--puck-space-2)  + var(--_puck-outline-border-width));
  min-width: max-content;
}

._CollapseAll_1r4cy_1 {
  visibility: hidden;
}

._CollapseAll-icon_1r4cy_5 {
  height: var(--puck-icon-size-m);
  width: var(--puck-icon-size-m);
}

._CollapseAll--visible_1r4cy_10 {
  visibility: visible;
}

._OutlineHeader_ntv8r_1 {
  align-items: center;
  gap: var(--puck-space-2);
  width: 100%;
  padding-block: var(--puck-space-3);
  padding-inline: var(--puck-space-4);
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  box-sizing: border-box;
  display: flex;
}

._OutlineWrapper_b9ln0_1 {
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

._OutlineWrapper-collapseAll_b9ln0_9 {
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

._OutlineWrapper-layers_b9ln0_15 {
  min-height: 0;
  padding: var(--puck-space-1);
  box-sizing: border-box;
  flex-grow: 1;
  overflow: auto;
}

._Puck_tzaxg_19 {
  font-family: var(--puck-font-family);
  overflow-x: hidden;
  visibility: visible !important;
}

@media (min-width: 766px) {
  ._Puck_tzaxg_19 {
    overflow-x: auto;
  }
}

._Puck-portal_tzaxg_31 {
  z-index: 2;
  position: relative;
}

._PuckLayout_tzaxg_36 {
  height: 100dvh;
}

._PuckLayout-inner_tzaxg_40 {
  --puck-frame-width: auto;
  --puck-pluginbar-width: min-content;
  --puck-sidebar-width: 0px;
  --puck-sidebar-left-width: var(--puck-user-sidebar-left-width, var(--puck-sidebar-width));
  --puck-sidebar-right-width: var(--puck-user-sidebar-right-width, var(--puck-sidebar-width));
  background-color: var(--puck-color-surface-subtle);
  grid-template-areas: "header"
                       "editor"
                       "left"
                       "right"
                       "sidenav";
  grid-template-columns: var(--puck-frame-width);
  grid-template-rows: min-content auto 0 0 var(--puck-pluginbar-width);
  height: 100%;
  transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-exit);
  z-index: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

@media (min-width: 638px) {
  ._PuckLayout-inner_tzaxg_40 {
    --puck-pluginbar-width: 68px;
    grid-template-areas: "header header header header"
                         "sidenav left editor right";
    grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) 0;
    grid-template-rows: min-content auto;
  }

  ._Puck--hidePlugins_tzaxg_73 ._PuckLayout-inner_tzaxg_40 {
    --puck-pluginbar-width: 0;
  }
}

._PuckLayout--mounted_tzaxg_78 ._PuckLayout-inner_tzaxg_40 {
  --puck-sidebar-width: 186px;
}

._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40 {
  grid-template-rows: 0 auto 30% 0 var(--puck-pluginbar-width);
  transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
}

._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
  grid-template-rows: 0 auto 55% 0 var(--puck-pluginbar-width);
  transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
}

@media (min-width: 638px) {
  ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40 {
    grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var(--puck-frame-width) 0;
    grid-template-rows: min-content auto;
  }
}

._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40, ._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
  grid-template-rows: 0 auto min-content 0 var(--puck-pluginbar-width);
}

@media (min-width: 638px) {
  ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40, ._PuckLayout--mobilePanelHeightToggle_tzaxg_82._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40, ._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-inner_tzaxg_40, ._PuckLayout--mobilePanelHeightMinContent_tzaxg_110._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--isExpanded_tzaxg_90 ._PuckLayout-inner_tzaxg_40 {
    grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var(--puck-frame-width) 0;
    grid-template-rows: min-content auto;
  }

  ._PuckLayout--rightSideBarVisible_tzaxg_137 ._PuckLayout-inner_tzaxg_40 {
    grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) var(--puck-sidebar-right-width);
  }

  ._PuckLayout--leftSideBarVisible_tzaxg_82._PuckLayout--rightSideBarVisible_tzaxg_137 ._PuckLayout-inner_tzaxg_40 {
    grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var(--puck-frame-width) var(--puck-sidebar-right-width);
  }
}

@media (min-width: 458px) {
  ._PuckLayout-mounted_tzaxg_156 ._PuckLayout-inner_tzaxg_40 {
    --puck-frame-width: minmax(266px, auto);
  }
}

@media (min-width: 638px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-sidebar-width: minmax(186px, 250px);
  }
}

@media (min-width: 766px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-frame-width: auto;
  }
}

@media (min-width: 990px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-sidebar-width: 256px;
  }
}

@media (min-width: 1198px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-sidebar-width: 274px;
  }
}

@media (min-width: 1398px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-sidebar-width: 290px;
  }
}

@media (min-width: 1598px) {
  ._PuckLayout_tzaxg_36 ._PuckLayout-inner_tzaxg_40 {
    --puck-sidebar-width: 320px;
  }
}

._PuckLayout-nav_tzaxg_197 {
  border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
  background-color: var(--puck-pluginbar-color-bg, var(--puck-color-surface-subtle));
  grid-area: sidenav;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 638px) {
  ._PuckLayout-nav_tzaxg_197 {
    border-top: 0;
    border-right: var(--puck-border-width-regular) solid var(--puck-color-border);
    box-sizing: border-box;
  }
}

._PuckLayout-header_tzaxg_217 {
  grid-area: header;
}

._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-header_tzaxg_217 {
  overflow: hidden;
}

@media (min-width: 638px) {
  ._PuckLayout--leftSideBarVisible_tzaxg_82 ._PuckLayout-header_tzaxg_217 {
    overflow: auto;
  }
}

._PuckPluginTab_tzaxg_231 {
  flex-grow: 1;
  max-height: 100%;
  display: none;
}

._PuckPluginTab--visible_tzaxg_237 {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

._PuckPluginTab-body_tzaxg_243 {
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  max-height: 100%;
  display: flex;
}

._MenuBar_1hxnj_1 {
  background-color: var(--_puck-menu-bar-color-bg, var(--puck-color-surface));
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  padding: var(--puck-space-2) var(--puck-space-4);
  z-index: 2;
  margin-top: 1px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

._MenuBar--menuOpen_1hxnj_14 {
  display: block;
}

@media (min-width: 638px) {
  ._MenuBar_1hxnj_1 {
    border: none;
    margin-top: 0;
    padding: 0;
    display: block;
    position: static;
    overflow-y: visible;
  }
}

._MenuBar-inner_1hxnj_29 {
  align-items: center;
  gap: var(--puck-space-2) var(--puck-space-4);
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

@media (min-width: 638px) {
  ._MenuBar-inner_1hxnj_29 {
    flex-flow: row;
    display: flex;
  }
}

._MenuBar-history_1hxnj_45 {
  display: flex;
}

._PuckHeader_c2nei_1 {
  --_puck-menu-bar-color-bg: var(--puck-header-color-bg, var(--puck-color-surface));
  background: var(--puck-header-color-bg, var(--puck-color-surface));
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  color: var(--puck-header-color-text, var(--puck-color-text));
  --_puck-heading-color: var(--puck-header-color-text, var(--puck-color-text));
  grid-area: header;
  max-width: 100vw;
  position: relative;
}

@media (min-width: 638px) {
  ._PuckHeader_c2nei_1 {
    padding-left: 67px;
  }

  ._PuckHeader--hidePlugins_c2nei_21 {
    padding-left: 0;
  }
}

._PuckHeader-inner_c2nei_26 {
  align-items: end;
  gap: var(--puck-space-chrome-gutter);
  padding: var(--puck-space-chrome-gutter);
  grid-template: "left middle right"
  / 1fr auto 1fr;
  display: grid;
}

@media (min-width: 638px) {
  ._PuckHeader-inner_c2nei_26 {
    border-left: var(--puck-border-width-regular) solid var(--puck-color-border);
  }

  ._PuckHeader--hidePlugins_c2nei_21 ._PuckHeader-inner_c2nei_26 {
    border-left: none;
  }
}

._PuckHeader-toggle_c2nei_46 {
  margin-inline-start: calc(var(--puck-space-1) * -1);
  padding-top: 2px;
  display: flex;
}

._PuckHeader-rightSideBarToggle_c2nei_52, ._PuckHeader-leftSideBarToggle_c2nei_53 {
  display: none;
}

@media (min-width: 638px) {
  ._PuckHeader-rightSideBarToggle_c2nei_52, ._PuckHeader-leftSideBarToggle_c2nei_53 {
    display: block;
  }
}

._PuckHeader-title_c2nei_64 {
  align-self: center;
}

._PuckHeader-path_c2nei_68 {
  font-family: var(--puck-font-family-monospaced);
  font-size: var(--puck-font-size-xxs);
  word-break: break-all;
  font-weight: normal;
}

._PuckHeader-tools_c2nei_75 {
  gap: var(--puck-space-4);
  justify-content: flex-end;
  display: flex;
}

._PuckHeader-menuButton_c2nei_81 {
  color: var(--puck-color-text-muted);
  margin-inline-start: calc(var(--puck-space-1) * -1);
}

._PuckHeader--menuOpen_c2nei_86 ._PuckHeader-menuButton_c2nei_81 {
  color: var(--puck-color-text);
}

@media (min-width: 638px) {
  ._PuckHeader-menuButton_c2nei_81 {
    display: none;
  }
}

._SidebarSection_1uv88_1 {
  color: var(--puck-color-text);
  flex-direction: column;
  display: flex;
  position: relative;
}

._SidebarSection_1uv88_1:last-of-type {
  flex-grow: 1;
}

._SidebarSection-title_1uv88_12 {
  background: var(--_puck-sidebar-section-color-bg, var(--puck-color-surface));
  padding: var(--puck-space-4);
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
  overflow-x: auto;
}

._SidebarSection--noBorderTop_1uv88_20 > ._SidebarSection-title_1uv88_12 {
  border-top: 0;
}

._SidebarSection-content_1uv88_24:last-child {
  padding-bottom: var(--puck-space-1);
}

._SidebarSection_1uv88_1:last-of-type ._SidebarSection-content_1uv88_24 {
  border-bottom: none;
  flex-grow: 1;
}

._SidebarSection-breadcrumbLabel_1uv88_33 {
  border-radius: var(--puck-radius-xs);
  color: var(--puck-color-interactive);
  cursor: pointer;
  font: inherit;
  transition: color var(--puck-duration-fast) var(--puck-ease-exit);
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

._SidebarSection-breadcrumbLabel_1uv88_33:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._SidebarSection-breadcrumbLabel_1uv88_33:hover {
    color: var(--puck-color-interactive-hover);
    transition: none;
  }
}

._SidebarSection-breadcrumbLabel_1uv88_33:active {
  color: var(--puck-color-interactive-active);
  transition: none;
}

._SidebarSection-breadcrumbs_1uv88_62, ._SidebarSection-breadcrumb_1uv88_33 {
  align-items: center;
  gap: var(--puck-space-1);
  display: flex;
}

._SidebarSection-heading_1uv88_74 {
  padding-inline-end: var(--puck-space-4);
}

._SidebarSection-loadingOverlay_1uv88_78 {
  background: var(--puck-color-surface);
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: .8;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

._Breadcrumbs_8c6w5_1 {
  align-items: center;
  gap: var(--puck-space-1);
  display: flex;
}

._Breadcrumbs-breadcrumbLabel_8c6w5_7 {
  border-radius: var(--puck-radius-xs);
  color: var(--puck-color-interactive);
  cursor: pointer;
  font: inherit;
  transition: color var(--puck-duration-fast) var(--puck-ease-exit);
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

._Breadcrumbs-breadcrumbLabel_8c6w5_7:focus-visible {
  outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
  outline-offset: var(--puck-border-width-focus);
}

@media (hover: hover) and (pointer: fine) {
  ._Breadcrumbs-breadcrumbLabel_8c6w5_7:hover {
    color: var(--puck-color-interactive-hover);
    transition: none;
  }
}

._Breadcrumbs-breadcrumbLabel_8c6w5_7:active {
  color: var(--puck-color-interactive-active);
  transition: none;
}

._Breadcrumbs-breadcrumb_8c6w5_7 {
  align-items: center;
  gap: var(--puck-space-1);
  display: flex;
}

._ViewportControls_v26yb_1 {
  position: relative;
}

._ViewportControls--fullScreen_v26yb_5 {
  bottom: var(--puck-space-3);
  right: var(--puck-space-3);
  border-radius: 32px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

._ViewportControls-toggleButton_v26yb_14 {
  display: none;
}

._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14 {
  background-color: var(--puck-color-surface-inverse);
  border: var(--puck-border-width-regular) solid var(--puck-color-border-inverse);
  border-radius: var(--puck-radius-pill);
  cursor: pointer;
  color: var(--puck-color-text-inverse);
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14:hover {
  color: var(--puck-color-interactive-inverse-hover);
  border: var(--puck-border-width-regular) solid var(--puck-color-interactive-inverse-hover);
}

._ViewportControls-actions_v26yb_39 {
  display: flex;
}

._ViewportControls-actionsInner_v26yb_43 {
  box-sizing: border-box;
  z-index: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-actionsInner_v26yb_43 {
  background: var(--puck-color-surface-muted);
  border: var(--puck-border-width-regular) solid var(--puck-color-border);
  border-radius: var(--puck-radius-pill);
  margin-left: none;
  margin-right: none;
  transition: transform var(--puck-duration-medium) var(--puck-ease-emphasized);
  padding-right: 42px;
  transform: translateX(100%);
}

._ViewportControls--fullScreen_v26yb_5._ViewportControls--isExpanded_v26yb_67 ._ViewportControls-actionsInner_v26yb_43 {
  transform: translateX(42px);
}

._ViewportControls-divider_v26yb_72 {
  border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
  margin-bottom: var(--puck-space-2);
  margin-top: var(--puck-space-2);
}

._ViewportControls-zoomSelect_v26yb_79 {
  appearance: none;
  color: currentColor;
  font-size: var(--puck-font-size-xxxs);
  padding: 0;
  padding-left: var(--puck-space-2);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") calc(100% - 12px) calc(50% + 3px) / 10px no-repeat;
  border: 0;
  width: 96px;
}

._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 {
  display: none;
}

@media (min-width: 638px) {
  ._ViewportControls-zoom_v26yb_79, ._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 {
    justify-content: center;
    display: flex;
  }
}

._ViewportControls-zoomSelect_v26yb_79:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  background-position: 12px calc(50% + 3px);
}

._ViewportButton-inner_v26yb_110 {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

._ViewportButton--isActive_v26yb_118 ._ViewportButton-inner_v26yb_110 {
  color: var(--puck-color-interactive);
}

._PuckCanvas_zw9iy_1 {
  color: var(--puck-canvas-color-text, var(--puck-color-text));
  background: var(--puck-canvas-color-bg, var(--puck-color-surface-muted));
  padding: var(--puck-space-chrome-gutter);
  flex-direction: column;
  grid-area: editor;
  display: flex;
  position: relative;
  overflow: auto;
}

@media (min-width: 1198px) {
  ._PuckCanvas_zw9iy_1 {
    padding: calc(var(--puck-space-chrome-gutter) * 1.5);
    padding-top: calc(var(--puck-space-chrome-gutter) * .5);
  }

  ._PuckCanvas_zw9iy_1:not(._PuckCanvas_zw9iy_1:has(._PuckCanvas-controls_zw9iy_18)) {
    padding-top: calc(var(--puck-space-chrome-gutter) * 1.5);
  }
}

._PuckCanvas--fullScreen_zw9iy_23 {
  padding: 0;
  overflow: hidden;
}

@media (min-width: 1198px) {
  ._PuckCanvas--fullScreen_zw9iy_23 {
    padding: 0;
  }
}

._PuckCanvas-inner_zw9iy_34 {
  justify-content: center;
  width: 100%;
  min-width: 288px;
  height: 100%;
  display: flex;
  position: relative;
}

._PuckCanvas-root_zw9iy_43 {
  background: var(--puck-canvas-preview-color-bg, var(--puck-color-surface));
  outline: var(--puck-border-width-regular) solid var(--puck-color-border);
  box-sizing: content-box;
  pointer-events: none;
  transform-origin: top;
  opacity: 0;
  min-width: 321px;
  position: absolute;
  top: 0;
  bottom: 0;
}

@media (min-width: 1198px) {
  ._PuckCanvas-root_zw9iy_43 {
    min-width: unset;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._PuckCanvas-root_zw9iy_43 {
    transition: none !important;
  }
}

._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-root_zw9iy_43 {
  pointer-events: unset;
  opacity: 1;
}

._PuckCanvas-loader_zw9iy_73 {
  color: var(--puck-color-text-subtle);
  height: 100%;
  transition: opacity var(--puck-duration-slow) var(--puck-ease-entrance);
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

._PuckCanvas--showLoader_zw9iy_84 ._PuckCanvas-loader_zw9iy_73 {
  opacity: 1;
}

._PuckCanvas--showLoader_zw9iy_84._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-loader_zw9iy_73 {
  opacity: 0;
  height: 0;
  transition: none;
}

._PuckCanvas-controls_zw9iy_18 {
  padding-bottom: calc(var(--puck-space-chrome-gutter) * .5);
}

._PuckCanvas--fullScreen_zw9iy_23 ._PuckCanvas-controls_zw9iy_18 {
  z-index: 1;
  padding-bottom: 0;
}

@media (min-width: 766px) {
  ._ResizeHandle_144bf_2 {
    cursor: col-resize;
    z-index: 10;
    background: none;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
  }

  ._ResizeHandle_144bf_2:hover {
    background: #0000001a;
  }

  ._ResizeHandle--left_144bf_16 {
    right: -3px;
  }

  ._ResizeHandle--right_144bf_20 {
    left: -3px;
  }
}

[data-resize-overlay] {
  z-index: 9999;
  cursor: col-resize;
  position: fixed;
  inset: 0;
}

._Sidebar_16oed_1 {
  border-block-start: var(--puck-border-width-regular) solid var(--puck-color-border);
  flex-direction: column;
  display: none;
  position: relative;
  overflow-y: auto;
}

._Sidebar--isVisible_16oed_10 {
  display: flex;
}

._Sidebar--left_16oed_14 {
  --_puck-sidebar-section-color-bg: var(--puck-sidebar-left-color-bg, var(--puck-color-surface));
  background: var(--puck-sidebar-left-color-bg, var(--puck-color-surface-subtle));
  grid-area: left;
}

@media (min-width: 766px) {
  ._Sidebar--left_16oed_14 {
    border-block-start: 0;
    border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
  }
}

._Sidebar--right_16oed_34 {
  --_puck-sidebar-section-color-bg: var(--puck-sidebar-right-color-bg, var(--puck-color-surface));
  background: var(--puck-sidebar-right-color-bg, var(--puck-color-surface));
  grid-area: right;
}

@media (min-width: 766px) {
  ._Sidebar--right_16oed_34 {
    border-block-start: 0;
    border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border);
  }
}

._Sidebar-resizeHandle_16oed_51 {
  height: 100%;
  position: absolute;
}

._Sidebar--left_16oed_14 + ._Sidebar-resizeHandle_16oed_51 {
  grid-area: left;
  justify-self: end;
}

._Sidebar--right_16oed_34 + ._Sidebar-resizeHandle_16oed_51 {
  grid-area: right;
  justify-self: start;
}

._Nav_vll2r_1 {
  display: flex;
}

._Nav-list_vll2r_5 {
  gap: var(--puck-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}

@media (min-width: 638px) {
  ._Nav-list_vll2r_5 {
    gap: var(--puck-space-4);
    flex-direction: column;
    width: 100%;
    padding-top: 32px;
  }
}

._Nav-mobileActions_vll2r_23 {
  padding: var(--puck-space-1) var(--puck-space-4);
  border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border);
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

@media (min-width: 638px) {
  ._Nav-mobileActions_vll2r_23 {
    display: none;
  }
}

._NavItem-link_vll2r_39 {
  text-align: center;
  color: var(--puck-pluginbar-color-text, var(--puck-color-text-secondary));
  align-items: center;
  gap: var(--puck-space-2);
  cursor: pointer;
  border-radius: var(--puck-radius-m);
  padding: var(--puck-space-2) var(--puck-space-1);
  box-sizing: border-box;
  width: 64px;
  text-decoration: none;
  display: flex;
}

@media (min-width: 638px) {
  ._NavItem-link_vll2r_39 {
    width: auto;
  }
}

._NavItem_vll2r_39:first-of-type {
  padding-left: var(--puck-space-4);
}

._NavItem_vll2r_39:last-of-type {
  padding-right: var(--puck-space-4);
}

@media (min-width: 638px) {
  ._NavItem_vll2r_39:first-of-type, ._NavItem_vll2r_39:last-of-type {
    padding: 0;
  }
}

._NavItem-link_vll2r_39 {
  border-top: var(--puck-border-width-strong) solid transparent;
  border-bottom: var(--puck-border-width-strong) solid transparent;
  border-radius: var(--puck-radius-none);
  font-size: var(--puck-pluginbar-font-size, var(--puck-font-size-xxxs));
  flex-direction: column;
}

@media (min-width: 638px) {
  ._NavItem-link_vll2r_39 {
    border: 0;
    border-left: var(--puck-border-width-strong) solid transparent;
    border-right: var(--puck-border-width-strong) solid transparent;
  }
}

._NavItem-linkIcon_vll2r_90 {
  width: 2em;
  height: 2em;
}

._NavItem-linkIcon_vll2r_90 svg {
  width: 100%;
  height: 100%;
}

._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 {
  background-color: var(--puck-color-interactive-subtle);
  color: var(--puck-pluginbar-color-text-selected, var(--puck-color-interactive));
  font-weight: var(--puck-font-weight-semibold);
  border-top-color: var(--puck-color-interactive);
  font-weight: var(--puck-font-weight-semibold);
  background-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 638px) {
  ._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 {
    border-top-color: #0000;
    border-right-color: var(--puck-pluginbar-color-text-selected, var(--puck-color-interactive));
  }
}

._NavItem_vll2r_39:not(._NavItem--active_vll2r_100) > ._NavItem-link_vll2r_39:hover {
  background-color: var(--puck-pluginbar-color-bg-hover, var(--puck-color-interactive-soft));
  color: var(--puck-pluginbar-color-text-hover, var(--puck-color-interactive));
}

@media (min-width: 638px) {
  ._NavItem--mobileOnly_vll2r_136 {
    display: none;
  }
}

._NavItem--desktopOnly_vll2r_141 {
  display: none;
}

@media (min-width: 638px) {
  ._NavItem--desktopOnly_vll2r_141 {
    display: block;
  }
}

._BlocksPlugin_9af19_1 {
  padding: var(--puck-drawer-space, var(--puck-space-4));
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}

._OutlinePlugin_1ylsc_1 {
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

._FieldsPlugin_18cj3_1 {
  background: var(--puck-color-surface);
  height: 100%;
  overflow-y: auto;
}

._FieldsPlugin-header_18cj3_7 {
  border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
  font-weight: var(--puck-font-weight-semibold);
  padding-bottom: var(--puck-space-2);
  padding-left: var(--puck-space-4);
  padding-right: var(--puck-space-4);
  padding-top: var(--puck-space-2);
}

@media (min-width: 638px) {
  ._FieldsPlugin-header_18cj3_7 {
    padding: var(--puck-space-4);
  }
}

/* [project]/packages/page-builder/src/editor.css [app-client] (css) */
[data-puck-component] span[data-puck-overlay-portal]:empty {
  outline: 1px dashed color-mix(in srgb, currentColor 45%, transparent);
  outline-offset: 3px;
  cursor: text;
  min-width: 8ch;
  min-height: 1em;
  display: inline-block;
}

[data-puck-component] span[data-puck-overlay-portal]:empty:before {
  content: "Click to type…";
  opacity: .55;
  pointer-events: none;
  font-style: italic;
}

[data-puck-component] span[data-puck-overlay-portal]:empty:focus:before {
  content: "";
}

.eac-empty-block {
  box-sizing: border-box;
  color: #1d2330;
  text-align: start;
  background: #f3f5f9;
  border: 2px dashed #8a93a6;
  border-radius: 8px;
  justify-items: start;
  gap: 4px;
  min-height: 72px;
  margin: 8px 0;
  padding: 14px 16px;
  font: 14px / 1.4 system-ui, -apple-system, Segoe UI, sans-serif;
  display: grid;
}

.eac-empty-block-name {
  font-size: 15px;
  font-weight: 600;
}

.eac-empty-block-about, .eac-empty-block-next {
  color: #4a5263;
  font-size: 13px;
}

.eac-empty-block-fill {
  color: #fff;
  font: inherit;
  cursor: pointer;
  background: #0158ad;
  border: 1px solid #0158ad;
  border-radius: 6px;
  margin-top: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
}

.eac-empty-block-fill:hover {
  background: #014292;
}

.eac-empty-block-fill:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0158ad;
}

.eac-drawer-item-about {
  -webkit-line-clamp: 2;
  color: var(--puck-color-text-secondary, #5a5a5a);
  -webkit-box-orient: vertical;
  margin: 4px 2px 0;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.eac-row-focus {
  gap: var(--puck-space-4, 16px);
  padding: var(--puck-space-4, 16px);
  font-family: var(--puck-font-family);
  display: grid;
}

.eac-row-focus-bar {
  padding-bottom: var(--puck-space-3, 12px);
  border-bottom: 1px solid var(--puck-color-border, #dcdcdc);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.eac-row-focus-back, .eac-row-focus-step button {
  border: 1px solid var(--puck-color-border, #dcdcdc);
  border-radius: var(--puck-radius-m, 4px);
  background: var(--puck-color-surface, #fff);
  color: #0158ad;
  font: inherit;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.eac-row-focus-back {
  padding: 5px 10px;
}

.eac-row-focus-step {
  color: var(--puck-color-text-secondary, #5a5a5a);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: inline-flex;
}

.eac-row-focus-step button {
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 1;
}

.eac-row-focus-back:hover, .eac-row-focus-step button:hover:not(:disabled) {
  background: var(--puck-color-azure-11, #f3f6fb);
}

.eac-row-focus-back:focus-visible, .eac-row-focus-step button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0158ad;
}

.eac-row-focus-step button:disabled {
  color: var(--puck-color-grey-07, #ababab);
  cursor: default;
}

.eac-row-focus-title {
  overflow-wrap: anywhere;
  color: var(--puck-color-text, #000);
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.eac-height-handle {
  z-index: 41;
  box-sizing: border-box;
  cursor: ns-resize;
  touch-action: none;
  background: #fff;
  border: 2px solid #0158ad;
  border-radius: 6px;
}

.eac-height-handle:before {
  content: "";
  border-block: 1px solid #0158ad;
  position: absolute;
  inset: 3px 14px;
}

.eac-height-handle-hint {
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  background: #0158ad;
  border-radius: 4px;
  padding: 2px 8px;
  font: 500 12px / 1.6 system-ui, sans-serif;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.eac-canvas-menu {
  z-index: 60;
  box-sizing: border-box;
  color: #1d2330;
  text-align: start;
  text-transform: none;
  letter-spacing: normal;
  background: #fff;
  border: 1px solid #c9ced8;
  border-radius: 8px;
  min-width: 190px;
  max-width: 260px;
  padding: 6px;
  font: 14px / 1.3 system-ui, -apple-system, Segoe UI, sans-serif;
  display: grid;
  position: fixed;
  box-shadow: 0 8px 24px #0000002e;
}

.eac-canvas-menu button {
  color: #1d2330;
  width: 100%;
  font: inherit;
  text-align: start;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  margin: 0;
  padding: 7px 10px;
  display: block;
}

.eac-canvas-menu button:hover:not(:disabled), .eac-canvas-menu button:focus-visible {
  background: #e7eef7;
  outline: none;
}

.eac-canvas-menu button:disabled {
  color: #9aa1ae;
  cursor: default;
}

.eac-canvas-menu .eac-menu-danger:not(:disabled) {
  color: #a4161a;
}

.eac-canvas-menu .eac-menu-back {
  color: #4a5263;
  font-size: 13px;
}

.eac-canvas-menu .eac-menu-title {
  color: #4a5263;
  letter-spacing: .02em;
  margin: 2px 10px 4px;
  font-size: 12px;
  font-weight: 600;
}

.eac-canvas-menu .eac-menu-note {
  color: #4a5263;
  margin: 4px 10px 6px;
  font-size: 13px;
}

.eac-canvas-menu hr {
  border: 0;
  border-top: 1px solid #e1e4ea;
  margin: 4px 6px;
}

/*# sourceMappingURL=_b4c510d4._.css.map*/