.oo-theme-on.svelte-1ciskqx{border-color:var(--oo-ink);color:var(--oo-ink)}.oo-theme-off.svelte-1ciskqx{border-color:var(--oo-line);color:var(--oo-muted)}.oo-type-grid.svelte-1ciskqx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}.oo-type-card.svelte-1ciskqx{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--oo-line);border-radius:6px;background:var(--oo-card);padding:20px 22px 0}.oo-type-card.oo-wide.svelte-1ciskqx{background:var(--oo-active)}.oo-card-label.svelte-1ciskqx{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-card-label.svelte-1ciskqx code:where(.svelte-1ciskqx){font-size:.75rem;letter-spacing:0;line-height:1rem}.oo-specimen.svelte-1ciskqx{padding-top:19px;font-size:6rem;font-weight:700;letter-spacing:-.075em;line-height:1}.oo-specimen.svelte-1ciskqx>span:where(.svelte-1ciskqx){display:block;margin-top:0;color:var(--oo-muted);font-size:1rem;letter-spacing:.04em;line-height:1.5rem}.oo-wide.svelte-1ciskqx .oo-specimen:where(.svelte-1ciskqx){font-size:6rem;font-weight:700}.oo-serif.svelte-1ciskqx .oo-specimen:where(.svelte-1ciskqx){font-size:6rem;font-weight:300}.oo-font-caption.svelte-1ciskqx{padding:27px 0 19px}.oo-font-caption.svelte-1ciskqx h3:where(.svelte-1ciskqx){margin:0 0 8px;font-family:Soehne,sans-serif;font-size:1rem;font-weight:500;letter-spacing:-.02em;line-height:1.5rem}.oo-font-caption.svelte-1ciskqx p:where(.svelte-1ciskqx),.oo-font-caption.svelte-1ciskqx code:where(.svelte-1ciskqx){color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-font-caption.svelte-1ciskqx code:where(.svelte-1ciskqx){display:inline-block;margin-top:14px;padding:4px 7px;border:1px solid var(--oo-line);border-radius:3px;background:var(--oo-bg)}.oo-weight-line.svelte-1ciskqx,.oo-wordmark.svelte-1ciskqx{display:flex;height:78px;margin-top:auto;align-items:center;justify-content:space-between;border-top:1px solid var(--oo-line);font-size:1.5rem;letter-spacing:-.035em;line-height:2rem}.oo-weight-line.svelte-1ciskqx code:where(.svelte-1ciskqx),.oo-wordmark.svelte-1ciskqx code:where(.svelte-1ciskqx){color:var(--oo-muted);font-size:.75rem}.oo-theme-demo.svelte-1ciskqx{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px 25px;margin-top:16px;padding:22px;border:1px solid var(--oo-line);border-radius:6px;background:var(--oo-card)}.oo-theme-intro.svelte-1ciskqx{grid-column:1;grid-row:1;align-self:center}.oo-theme-intro.svelte-1ciskqx p:where(.svelte-1ciskqx){margin:0;color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-theme-intro.svelte-1ciskqx p:where(.svelte-1ciskqx)+p:where(.svelte-1ciskqx){margin-top:6px;max-width:28rem}.oo-theme-controls.svelte-1ciskqx{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px}.oo-theme-demo.svelte-1ciskqx button:where(.svelte-1ciskqx){padding:7px 10px;border-radius:4px;font-size:.75rem;line-height:1rem}.oo-theme-sample.svelte-1ciskqx{grid-column:2;grid-row:1;font-size:1.875rem;letter-spacing:-.04em;line-height:2.25rem;text-align:right}.oo-theme-sample.svelte-1ciskqx p:where(.svelte-1ciskqx){margin:0}.oo-type-details.svelte-1ciskqx>div:where(.svelte-1ciskqx){margin-bottom:20px}.oo-type-details.svelte-1ciskqx>div:where(.svelte-1ciskqx)>div:where(.svelte-1ciskqx){border:1px solid var(--oo-line)}@media (max-width: 760px){.oo-type-grid.svelte-1ciskqx{grid-template-columns:1fr}.oo-type-card.svelte-1ciskqx{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:22px 22px 0}.oo-card-label.svelte-1ciskqx{grid-column:1 / -1}.oo-specimen.svelte-1ciskqx,.oo-wide.svelte-1ciskqx .oo-specimen:where(.svelte-1ciskqx),.oo-serif.svelte-1ciskqx .oo-specimen:where(.svelte-1ciskqx){grid-area:2 / 1;font-size:6rem}.oo-font-caption.svelte-1ciskqx{grid-area:2 / 2;align-self:center}.oo-weight-line.svelte-1ciskqx,.oo-wordmark.svelte-1ciskqx{grid-column:1 / -1;height:68px}.oo-theme-demo.svelte-1ciskqx{grid-template-columns:1fr}.oo-theme-intro.svelte-1ciskqx{grid-column:1;grid-row:1}.oo-theme-controls.svelte-1ciskqx{grid-column:1;grid-row:2}.oo-theme-sample.svelte-1ciskqx{grid-column:1;grid-row:3;text-align:left}}.oo-color-neutral.svelte-2yktie>p:where(.svelte-2yktie),.oo-color-semantic.svelte-2yktie>p:where(.svelte-2yktie){margin-bottom:12px;color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-neutral-grid.svelte-2yktie{display:grid;overflow:hidden;grid-template-columns:repeat(12,minmax(0,1fr));border-radius:6px}.oo-swatch.svelte-2yktie{min-width:0}.oo-swatch.svelte-2yktie>div:where(.svelte-2yktie){height:130px}.oo-swatch.svelte-2yktie p:where(.svelte-2yktie),.oo-swatch.svelte-2yktie code:where(.svelte-2yktie){display:block;padding:3px 5px;overflow-wrap:anywhere;font-size:.75rem;line-height:1rem}.oo-swatch.svelte-2yktie p:where(.svelte-2yktie){color:var(--oo-ink);font-weight:600}.oo-swatch.svelte-2yktie code:where(.svelte-2yktie){color:var(--oo-muted)}.oo-color-semantic.svelte-2yktie{margin-top:35px}.oo-semantic-grid.svelte-2yktie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oo-semantic-swatch.svelte-2yktie{overflow:hidden;padding-bottom:15px;border:1px solid var(--oo-line);border-radius:6px;background:var(--oo-card)}.oo-semantic-swatch.svelte-2yktie>div:where(.svelte-2yktie){height:145px}.oo-semantic-swatch.svelte-2yktie p:where(.svelte-2yktie),.oo-semantic-swatch.svelte-2yktie span:where(.svelte-2yktie),.oo-semantic-swatch.svelte-2yktie code:where(.svelte-2yktie){display:block;padding:0 15px;font-size:.75rem;line-height:1rem}.oo-semantic-swatch.svelte-2yktie p:where(.svelte-2yktie){margin-top:12px;color:var(--oo-ink);font-weight:600}.oo-semantic-swatch.svelte-2yktie span:where(.svelte-2yktie),.oo-semantic-swatch.svelte-2yktie code:where(.svelte-2yktie){margin-top:4px;color:var(--oo-muted)}@media (max-width: 760px){.oo-neutral-grid.svelte-2yktie{grid-template-columns:repeat(4,minmax(0,1fr))}.oo-swatch.svelte-2yktie>div:where(.svelte-2yktie){height:88px}.oo-semantic-grid.svelte-2yktie{grid-template-columns:repeat(2,minmax(0,1fr))}.oo-semantic-swatch.svelte-2yktie>div:where(.svelte-2yktie){height:110px}}.oo-depth.svelte-tf9erp{min-height:320px;margin-bottom:22px;padding:22px;border:1px solid var(--oo-line);border-radius:6px}.oo-depth-label.svelte-tf9erp{color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-depth-column.svelte-tf9erp{margin:17px 0 0 13%;padding:22px;border:1px solid var(--oo-line);border-radius:6px}.oo-depth-card.svelte-tf9erp{margin:17px 0 0 13%;padding:22px;border:1px solid var(--oo-line);border-radius:6px;box-shadow:0 6px 18px #00000009}.oo-depth-title.svelte-tf9erp{padding:20px 0;font-family:Soehne,sans-serif;font-size:1.5rem;letter-spacing:-.04em;line-height:2rem}.oo-depth-active.svelte-tf9erp{display:flex;justify-content:space-between;padding:12px;border-radius:4px;font-size:.75rem;line-height:1rem}.oo-surface-key.svelte-tf9erp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.oo-surface-key.svelte-tf9erp>div:where(.svelte-tf9erp){min-width:0}.oo-surface-key.svelte-tf9erp span:where(.svelte-tf9erp){display:block;height:56px;border-radius:6px}.oo-surface-key.svelte-tf9erp p:where(.svelte-tf9erp),.oo-surface-key.svelte-tf9erp small:where(.svelte-tf9erp){display:block;margin-top:6px;font-size:.75rem;line-height:1rem}.oo-surface-key.svelte-tf9erp p:where(.svelte-tf9erp){color:var(--oo-ink);font-weight:600}.oo-surface-key.svelte-tf9erp small:where(.svelte-tf9erp){color:var(--oo-muted)}.oo-glass-stage.svelte-tf9erp{min-height:210px;overflow:hidden;border-radius:6px;background:radial-gradient(at 30% 70%,#e62e10 0%,transparent 50%),linear-gradient(120deg,#404036,#d1cdc1)}.oo-glass-stage.svelte-tf9erp>div:where(.svelte-tf9erp){display:flex;min-height:210px;align-items:center;justify-content:center;gap:12px;padding:28px}.oo-glass-stage.svelte-tf9erp>div:where(.svelte-tf9erp)>div:where(.svelte-tf9erp){min-height:95px;flex:1}@media (max-width: 760px){.oo-depth-column.svelte-tf9erp,.oo-depth-card.svelte-tf9erp{margin-left:0}.oo-surface-key.svelte-tf9erp{grid-template-columns:repeat(2,minmax(0,1fr))}.oo-glass-stage.svelte-tf9erp>div:where(.svelte-tf9erp){flex-direction:column}.oo-glass-stage.svelte-tf9erp>div:where(.svelte-tf9erp)>div:where(.svelte-tf9erp){width:100%}}[data-tooltip-content][data-state=instant-open],[data-tooltip-content][data-state=delayed-open]{animation:svelte-j87m4x-tooltip-in .12s ease-out .2s both}[data-tooltip-content][data-state=closed]{display:none!important}@keyframes svelte-j87m4x-tooltip-in{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.cbx.svelte-hjrj6l{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.cbx.svelte-hjrj6l span:where(.svelte-hjrj6l){display:inline-block;vertical-align:middle;transform:translateZ(0)}.cbx.svelte-hjrj6l span:where(.svelte-hjrj6l):first-child{position:relative;width:24px;height:24px;border-radius:2px;transform:scale(1);vertical-align:middle;border:1px solid #b9b8c3;transition:all .2s ease}.cbx.svelte-hjrj6l span:where(.svelte-hjrj6l):first-child svg:where(.svelte-hjrj6l){position:absolute;z-index:1;top:8px;left:6px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.inp-cbx.svelte-hjrj6l:checked+.cbx:where(.svelte-hjrj6l) span:where(.svelte-hjrj6l):first-child{border-color:#0f766e;background:#0f766e;animation:check .6s ease}.inp-cbx.svelte-hjrj6l:checked+.cbx:where(.svelte-hjrj6l) span:where(.svelte-hjrj6l):first-child svg:where(.svelte-hjrj6l){stroke-dashoffset:0}.toggle-background.svelte-1cvrmbc{transition:.3s ease transform;z-index:0;top:0;bottom:0}.toggle-button.svelte-1cvrmbc{position:relative;flex:1;background:none;border:none;cursor:pointer;z-index:1;transition:color .3s}.enter-icon.svelte-1q4p4ok{animation:svelte-1q4p4ok-enter-icon-scale-in .2s ease-out}@keyframes svelte-1q4p4ok-enter-icon-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.7}}.annotation-highlight.svelte-1q4p4ok{animation:svelte-1q4p4ok-annotation-pulse 1.5s ease-in-out infinite alternate;background-color:#f59e0b14}@keyframes svelte-1q4p4ok-annotation-pulse{0%{background-color:#f59e0b14}to{background-color:#f59e0b2e}}.oo-diagram.svelte-2x0exu{display:block;width:100%;height:auto;border-radius:6px}#oo-design-preview.svelte-33ize7{--oo-bg: #fafafa;--oo-card: #ffffff;--oo-ink: #171717;--oo-muted: #737373;--oo-line: #e5e5e5;--oo-active: #f5f5f5;--oo-orange: #e62e10;min-height:100vh;background:var(--oo-bg);color:var(--oo-ink);font-family:Soehne,sans-serif;--font-sans: "Soehne", sans-serif;--font-display: "Soehne Breit", sans-serif;--font-serif: "Denton", serif;--color-primary: #171717;--color-secondary: #737373;--color-border: #e5e5e5;--color-accent: #e62e10}#oo-design-preview.dark.svelte-33ize7{--oo-bg: #0a0a0a;--oo-card: #171717;--oo-ink: #fafafa;--oo-muted: #a3a3a3;--oo-line: #262626;--oo-active: #262626;--color-primary: #fafafa;--color-secondary: #a3a3a3;--color-border: #262626}#oo-design-preview.svelte-33ize7 *{box-sizing:border-box}#oo-design-preview.svelte-33ize7 button:focus-visible,#oo-design-preview.svelte-33ize7 a:where(.svelte-33ize7):focus-visible,#oo-design-preview.svelte-33ize7 summary:focus-visible{outline:2px solid var(--oo-orange);outline-offset:5px}.oo-container.svelte-33ize7{margin:0 auto;max-width:1200px;padding:0 48px 64px}.oo-tools.svelte-33ize7{display:flex;align-items:center;align-self:center;gap:17px;padding-right:3px}.oo-mode.svelte-33ize7{color:var(--oo-muted);font-size:.75rem;line-height:1rem}.oo-intro.svelte-33ize7{display:flex;justify-content:space-between;gap:30px;padding:52px 0 38px}.oo-intro.svelte-33ize7 h1:where(.svelte-33ize7){margin:12px 0 16px;font-family:Soehne,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-.045em;line-height:1}.oo-back.svelte-33ize7{display:inline-block;color:var(--oo-muted);font-size:.75rem;line-height:1rem;text-decoration:none}.oo-back.svelte-33ize7:hover{color:var(--oo-ink)}.oo-inline-nav.svelte-33ize7{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin:0;border-bottom:1px solid var(--oo-line)}.oo-inline-nav.svelte-33ize7 ol:where(.svelte-33ize7){display:flex;flex-wrap:wrap;align-items:stretch;gap:30px;margin:0;padding:0;list-style:none}.oo-inline-nav.svelte-33ize7 li:where(.svelte-33ize7){display:flex}.oo-inline-nav.svelte-33ize7 a:where(.svelte-33ize7){display:flex;align-items:center;margin-bottom:-1px;padding:14px 0;border-bottom:2px solid transparent;color:var(--oo-muted);font-size:.875rem;line-height:1.25rem;text-decoration:none}.oo-inline-nav.svelte-33ize7 a:where(.svelte-33ize7):hover{color:var(--oo-ink)}.oo-inline-nav.svelte-33ize7 a[aria-current=page]:where(.svelte-33ize7){border-bottom-color:var(--oo-ink);color:var(--oo-ink)}.oo-section.svelte-33ize7{display:none}.oo-section.oo-section-active.svelte-33ize7{display:block}.oo-section-header.svelte-33ize7{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:31px 0 22px}.oo-section-header.svelte-33ize7 h2:where(.svelte-33ize7){font-family:Soehne,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.04em;line-height:2rem}.oo-section-header.svelte-33ize7>p:where(.svelte-33ize7){max-width:235px;color:var(--oo-muted);font-size:.75rem;line-height:1rem;text-align:right}.oo-component-list{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:16px}.oo-component-card{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;border:1px solid var(--oo-line);border-radius:6px;background:var(--oo-card)}.oo-component-card>.space-y-6{display:flex;flex:1;flex-direction:column}.oo-component-card:first-child,.oo-component-card:nth-child(4){grid-column:1 / -1}.oo-details{margin-top:auto;border-top:1px solid var(--oo-line);font-size:.75rem;line-height:1rem;interpolate-size:allow-keywords}.oo-details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .25s ease,content-visibility .25s allow-discrete,opacity .18s ease}.oo-details[open]::details-content{block-size:auto;opacity:1}.oo-details>summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:17px 0 0;color:var(--oo-muted);list-style:none}.oo-details>summary::-webkit-details-marker{display:none}.oo-details>summary span{transition:transform .25s ease}.oo-details[open]>summary{padding-bottom:17px}.oo-details[open]>summary span{transform:rotate(45deg)}@media (max-width: 1024px){.oo-component-list{grid-template-columns:1fr}.oo-component-card{grid-column:1!important}}@media (max-width: 760px){.oo-container.svelte-33ize7{margin:0;padding:0 22px 40px}.oo-intro.svelte-33ize7{padding:32px 0}.oo-intro.svelte-33ize7 h1:where(.svelte-33ize7){font-size:2.25rem;line-height:2.5rem}.oo-inline-nav.svelte-33ize7 ol:where(.svelte-33ize7){gap:20px}.oo-inline-nav.svelte-33ize7{align-items:flex-start}.oo-inline-nav.svelte-33ize7 .oo-tools:where(.svelte-33ize7){align-self:center}.oo-section-header.svelte-33ize7{align-items:flex-start}.oo-section-header.svelte-33ize7>p:where(.svelte-33ize7){max-width:160px}}