@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-oblique.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-boldoblique.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Studio Helvetica";
  src: url("/ui-fonts/helvetica-lightoblique.woff") format("woff");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
:root {
  --ui-font: "Studio Helvetica", sans-serif;
  --ui-text: 13px;
  --ui-heading: 24px;
  font-family: var(--ui-font);
  font-synthesis: none;
  --ui-page: #ffffff;
  --ui-sidebar: #f9f9f9;
  --ui-soft: #f3f3f3;
  --ui-hover: #ebebeb;
  --ui-line: #e5e5e5;
  --ui-input-line: #d1d1d1;
  --ui-ink: #202020;
  --ui-muted: #676767;
  --ui-on-accent: #ffffff;
  --ui-focus: #416fa8;
  --ui-warning-bg: #fff4dc;
  --ui-warning-ink: #715218;
  --ui-error: #aa3e34;
  --ui-video-bg: #e7edf5;
  --ui-video-line: #a9b9cf;
  --ui-audio-bg: #e7efeb;
  --ui-audio-line: #a4bdb1;
  --ui-text-bg: #f2ecdf;
  --ui-text-line: #c6b696;
  --ui-overlay-bg: #eee8f3;
  --ui-overlay-line: #bbaacb;
  --ui-shadow: 0 12px 42px #00000014;
}
:root[data-theme="dark"] {
  --ui-page: #212121;
  --ui-sidebar: #181818;
  --ui-soft: #2f2f2f;
  --ui-hover: #3b3b3b;
  --ui-line: #3c3c3c;
  --ui-input-line: #565656;
  --ui-ink: #ececec;
  --ui-muted: #b2b2b2;
  --ui-on-accent: #202020;
  --ui-focus: #93bafa;
  --ui-warning-bg: #3b3222;
  --ui-warning-ink: #ecd29d;
  --ui-error: #f1a89f;
  --ui-video-bg: #303b49;
  --ui-video-line: #53667f;
  --ui-audio-bg: #2b3e36;
  --ui-audio-line: #527464;
  --ui-text-bg: #413b2e;
  --ui-text-line: #81714d;
  --ui-overlay-bg: #3c3245;
  --ui-overlay-line: #736083;
  --ui-shadow: 0 12px 42px #00000040;
}
::selection {
  background: #b9d3ef;
  color: #17283a;
}
:focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 3px;
}
input,
textarea {
  caret-color: var(--ui-ink);
}
input::placeholder,
textarea::placeholder {
  color: var(--ui-muted);
  opacity: 1;
}
.ui-icon {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
  flex-shrink: 0;
}
.theme-toggle {
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--ui-muted);
  cursor: pointer;
}
.theme-toggle:hover {
  background: var(--ui-hover);
  color: var(--ui-ink);
}
.sun-icon,
[data-theme="dark"] .moon-icon {
  display: none;
}
[data-theme="dark"] .sun-icon {
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}

/* All controls, document views and time labels share the application family. */
body, button, input, textarea, select, option, pre, code, kbd, samp, svg text { font-family: var(--ui-font); }
.time, time { font-variant-numeric: tabular-nums; }

/* One account counter in the platform and the editor's storage panel. */
.account-capacity{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--ui-line);font:13px/1.55 var(--ui-font);color:var(--ui-ink)}
.account-capacity h2{font-size:15px;font-weight:700;margin:0 0 16px}
.account-capacity-total{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.account-capacity-total strong{font-size:24px;letter-spacing:-.4px}.account-capacity-total span{color:var(--ui-muted)}
.account-capacity progress{width:100%;height:6px;margin:15px 0 6px;accent-color:var(--ui-ink)}
.account-capacity p{margin:8px 0;color:var(--ui-muted)}.account-capacity summary{padding:12px 0;cursor:pointer}
.account-capacity-spaces>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--ui-line)}
.account-capacity-spaces>div>:first-child{min-width:0;overflow-wrap:anywhere;color:inherit}.account-capacity-spaces>div>:last-child{text-align:right;flex-shrink:0}
.account-capacity-spaces small{display:block;color:var(--ui-muted);font-size:12px}
.account-capacity .account-capacity-policy{font-size:12px;margin-top:16px}.account-capacity .account-capacity-limit{color:var(--ui-error)}

.library-content h2.storage-project-heading{font-size:15px;font-weight:700;margin:0 0 16px}