:root{--oc-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23868b94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E")}.oc-ico{display:inline-block;flex:none;width:1em;height:1em;background:currentColor;-webkit-mask:var(--oc-i) center / contain no-repeat;mask:var(--oc-i) center / contain no-repeat}.oc-ico[data-i=arrow-right]{--oc-i: var(--oc-icon-arrow-right)}.oc-ico[data-i=calendar]{--oc-i: var(--oc-icon-calendar)}.oc-ico[data-i=check]{--oc-i: var(--oc-icon-check)}.oc-ico[data-i=close]{--oc-i: var(--oc-icon-close)}.oc-ico[data-i=code]{--oc-i: var(--oc-icon-code)}.oc-ico[data-i=comment]{--oc-i: var(--oc-icon-comment)}.oc-ico[data-i=connector]{--oc-i: var(--oc-icon-connector)}.oc-ico[data-i=download]{--oc-i: var(--oc-icon-download)}.oc-ico[data-i=cursor]{--oc-i: var(--oc-icon-cursor)}.oc-ico[data-i=external]{--oc-i: var(--oc-icon-external)}.oc-ico[data-i=file]{--oc-i: var(--oc-icon-file)}.oc-ico[data-i=frame]{--oc-i: var(--oc-icon-frame)}.oc-ico[data-i=grid]{--oc-i: var(--oc-icon-grid)}.oc-ico[data-i=hand]{--oc-i: var(--oc-icon-hand)}.oc-ico[data-i=image]{--oc-i: var(--oc-icon-image)}.oc-ico[data-i=link]{--oc-i: var(--oc-icon-link)}.oc-ico[data-i=mail]{--oc-i: var(--oc-icon-mail)}.oc-ico[data-i=play]{--oc-i: var(--oc-icon-play)}.oc-ico[data-i=showcase]{--oc-i: var(--oc-icon-showcase)}.oc-ico[data-i=sparkle]{--oc-i: var(--oc-icon-sparkle)}.oc-ico[data-i=square]{--oc-i: var(--oc-icon-square)}.oc-ico[data-i=table]{--oc-i: var(--oc-icon-table)}.oc-ico[data-i=type]{--oc-i: var(--oc-icon-type)}.oc-ico[data-i=users]{--oc-i: var(--oc-icon-users)}.oc-button{--oc-button-bg: var(--oc-color-bg-neutral-weak);--oc-button-bg-pressed: var(--oc-color-bg-neutral-weak-pressed);--oc-button-fg: var(--oc-color-fg-neutral);--oc-button-stroke: transparent;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-dimension-x1_5);height:var(--oc-dimension-x10);padding:0 var(--oc-dimension-x4);border:0;border-radius:var(--oc-radius-r2);box-shadow:inset 0 0 0 1px var(--oc-button-stroke);background:var(--oc-button-bg);color:var(--oc-button-fg);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);line-height:var(--oc-line-height-t4);white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--oc-duration-color-transition) var(--oc-timing-function-easing),transform var(--oc-duration-d3) var(--oc-timing-function-enter)}.oc-button:hover{background:var(--oc-button-bg-pressed);color:var(--oc-button-fg)}.oc-button:active{transform:scale(.98)}.oc-button:focus-visible{outline:var(--oc-focus-outline);outline-offset:2px}.oc-button:disabled,.oc-button[aria-disabled=true]{background:var(--oc-color-bg-disabled);box-shadow:none;color:var(--oc-color-fg-disabled);cursor:not-allowed;transform:none}.oc-button .oc-ico{font-size:16px}.oc-button--xsmall{height:var(--oc-dimension-x8);padding:0 var(--oc-dimension-x3_5);border-radius:var(--oc-radius-full);gap:var(--oc-dimension-x1);font-size:var(--oc-font-size-t3);line-height:var(--oc-line-height-t3)}.oc-button--xsmall .oc-ico{font-size:14px}.oc-button--small{height:var(--oc-dimension-x9);padding:0 var(--oc-dimension-x3_5);gap:var(--oc-dimension-x1)}.oc-button--small .oc-ico{font-size:14px}.oc-button--large{height:var(--oc-dimension-x13);padding:0 var(--oc-dimension-x5);border-radius:var(--oc-radius-r3);gap:var(--oc-dimension-x2);font-size:var(--oc-font-size-t6);line-height:var(--oc-line-height-t6)}.oc-button--large .oc-ico{font-size:20px}.oc-button--icon{width:var(--oc-dimension-x10);padding:0}.oc-button--icon.oc-button--xsmall{width:var(--oc-dimension-x8)}.oc-button--icon.oc-button--small{width:var(--oc-dimension-x9)}.oc-button--icon.oc-button--large{width:var(--oc-dimension-x13)}.oc-button--full{display:flex;width:100%}.oc-button--brand-solid{--oc-button-bg: var(--oc-color-bg-brand-solid);--oc-button-bg-pressed: var(--oc-color-bg-brand-solid-pressed);--oc-button-fg: var(--oc-palette-static-white)}.oc-button--neutral-solid{--oc-button-bg: var(--oc-color-bg-neutral-inverted);--oc-button-bg-pressed: var(--oc-color-bg-neutral-inverted-pressed);--oc-button-fg: var(--oc-color-fg-neutral-inverted)}.oc-button--critical-solid{--oc-button-bg: var(--oc-color-bg-critical-solid);--oc-button-bg-pressed: var(--oc-color-bg-critical-solid-pressed);--oc-button-fg: var(--oc-palette-static-white)}.oc-button--neutral-outline,.oc-button--brand-outline{--oc-button-bg: var(--oc-color-bg-layer-default);--oc-button-bg-pressed: var(--oc-color-bg-layer-default-pressed);--oc-button-stroke: var(--oc-color-stroke-neutral-weak)}.oc-button--brand-outline{--oc-button-fg: var(--oc-color-fg-brand)}.oc-button--ghost{--oc-button-bg: var(--oc-color-bg-transparent);--oc-button-bg-pressed: var(--oc-color-bg-transparent-pressed);--oc-button-fg: var(--oc-color-fg-neutral);font-weight:var(--oc-font-weight-medium)}.oc-chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-dimension-x1_5);height:var(--oc-dimension-x9);padding:0 var(--oc-dimension-x3_5);border:0;border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-medium);line-height:var(--oc-line-height-t4);white-space:nowrap;text-decoration:none}.oc-chip .oc-ico{font-size:16px}:is(button,a).oc-chip{cursor:pointer;transition:background-color var(--oc-duration-color-transition) var(--oc-timing-function-easing)}:is(button,a).oc-chip:hover{background:var(--oc-color-bg-neutral-weak-pressed)}.oc-chip--small{height:var(--oc-dimension-x8);padding:0 var(--oc-dimension-x3)}.oc-chip--large{height:var(--oc-dimension-x10);padding:0 var(--oc-dimension-x4)}.oc-chip--outline{background:var(--oc-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--oc-color-stroke-neutral-weak)}.oc-chip[aria-pressed=true],.oc-chip.is-selected{background:var(--oc-color-bg-neutral-inverted);box-shadow:none;color:var(--oc-color-fg-neutral-inverted)}.oc-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--oc-dimension-x1);min-height:var(--oc-dimension-x5);padding:0 var(--oc-dimension-x1_5);border-radius:var(--oc-radius-r1);background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral-muted);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t1);font-weight:var(--oc-font-weight-bold);line-height:var(--oc-line-height-t1);white-space:nowrap}.oc-badge--large{min-height:var(--oc-dimension-x6);padding:0 var(--oc-dimension-x2);border-radius:6px;font-size:var(--oc-font-size-t2);line-height:var(--oc-line-height-t2)}.oc-badge--pill{border-radius:var(--oc-radius-full)}.oc-badge--brand{background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand-contrast)}.oc-badge--positive{background:var(--oc-color-bg-positive-weak);color:var(--oc-color-fg-positive-contrast)}.oc-badge--warning{background:var(--oc-color-bg-warning-weak);color:var(--oc-color-fg-warning-contrast)}.oc-badge--critical{background:var(--oc-color-bg-critical-weak);color:var(--oc-color-fg-critical-contrast)}.oc-badge--solid{background:var(--oc-palette-gray-800);color:var(--oc-color-fg-neutral-inverted)}.oc-badge--brand.oc-badge--solid{background:var(--oc-color-bg-brand-solid);color:var(--oc-palette-static-white)}.oc-badge--warning.oc-badge--solid{background:var(--oc-color-bg-warning-solid);color:var(--oc-color-fg-warning-contrast)}.oc-field{display:grid;gap:var(--oc-dimension-x2);min-width:0}.oc-field__label{color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-bold);line-height:var(--oc-line-height-t4)}.oc-field__label small,.oc-field__optional{color:var(--oc-color-fg-neutral-subtle);font-size:inherit;font-weight:var(--oc-font-weight-regular)}.oc-field__description{margin:0;color:var(--oc-color-fg-neutral-subtle);font-size:var(--oc-font-size-t3);line-height:var(--oc-line-height-t3)}.oc-field__error{margin:0;color:var(--oc-color-fg-critical);font-size:var(--oc-font-size-t3);line-height:var(--oc-line-height-t3)}.oc-input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--oc-dimension-x10);padding:0 var(--oc-dimension-x3_5);border:1px solid var(--oc-color-stroke-neutral-weak);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-neutral);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t4);line-height:var(--oc-line-height-t4);outline:0;transition:border-color var(--oc-duration-d2) var(--oc-timing-function-easing),box-shadow var(--oc-duration-d2) var(--oc-timing-function-easing)}.oc-input::placeholder{color:var(--oc-color-fg-placeholder)}.oc-input:hover{border-color:var(--oc-color-stroke-neutral-solid)}.oc-input:focus,.oc-input:focus-visible{border-color:var(--oc-color-stroke-neutral-contrast);box-shadow:none}.oc-input[aria-invalid=true]{border-color:var(--oc-color-stroke-critical-solid)}.oc-input--large{min-height:var(--oc-dimension-x13);padding:0 var(--oc-dimension-x4);border-radius:var(--oc-radius-r3);font-size:var(--oc-font-size-t5);line-height:var(--oc-line-height-t5)}textarea.oc-input{min-height:96px;padding-block:var(--oc-dimension-x3);line-height:1.6;resize:vertical}select.oc-input{padding-right:var(--oc-dimension-x8);appearance:none;background:var(--oc-color-bg-layer-default) var(--oc-select-chevron, none) right 12px center / 16px no-repeat}.oc-segmented{box-sizing:border-box;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:var(--oc-dimension-x1);border-radius:var(--oc-radius-full);background:var(--oc-color-bg-neutral-weak-alpha)}.oc-segmented>*{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--oc-dimension-x1_5);min-height:34px;padding:0 var(--oc-dimension-x3_5);border:0;border-radius:var(--oc-radius-full);background:transparent;color:var(--oc-color-fg-neutral-muted);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t4);font-weight:var(--oc-font-weight-medium);cursor:pointer}.oc-segmented>[aria-selected=true],.oc-segmented>[aria-pressed=true],.oc-segmented>.is-selected{background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s1);color:var(--oc-color-fg-neutral);font-weight:var(--oc-font-weight-bold)}.oc-tabs{display:flex;gap:var(--oc-dimension-x1);box-shadow:inset 0 -1px 0 var(--oc-color-stroke-neutral-muted)}.oc-tabs>*{position:relative;min-height:44px;padding:0 var(--oc-dimension-x2_5);border:0;background:transparent;color:var(--oc-color-fg-neutral-subtle);font-family:var(--oc-font-family);font-size:var(--oc-font-size-t5);font-weight:var(--oc-font-weight-bold);cursor:pointer}.oc-tabs>[aria-selected=true],.oc-tabs>[aria-current=page]{color:var(--oc-color-fg-neutral);box-shadow:inset 0 -2px 0 var(--oc-color-fg-neutral)}.oc-callout{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--oc-dimension-x2);min-height:50px;padding:var(--oc-dimension-x3) var(--oc-dimension-x3_5);border-radius:10px;background:var(--oc-color-bg-neutral-weak);color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t4);line-height:1.55}.oc-callout__title{font-weight:var(--oc-font-weight-bold)}.oc-callout--informative{background:var(--oc-color-bg-brand-weak);color:var(--oc-color-fg-brand-contrast)}.oc-callout--positive{background:var(--oc-color-bg-positive-weak);color:var(--oc-color-fg-positive-contrast)}.oc-callout--warning{background:var(--oc-color-bg-warning-weak);color:var(--oc-color-fg-warning-contrast)}.oc-callout--critical{background:var(--oc-color-bg-critical-weak);color:var(--oc-color-fg-critical-contrast)}.oc-card{box-sizing:border-box;border-radius:var(--oc-radius-r4);background:var(--oc-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--oc-color-stroke-neutral-muted)}.oc-card--fill{background:var(--oc-color-bg-layer-fill);box-shadow:none}.oc-card--floating{background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3)}.oc-menu{box-sizing:border-box;display:grid;gap:var(--oc-dimension-x0_5);min-width:220px;padding:var(--oc-dimension-x1_5);border-radius:var(--oc-radius-r3);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s3),inset 0 0 0 1px var(--oc-color-stroke-neutral-subtle)}.oc-list-item{box-sizing:border-box;display:flex;align-items:center;gap:var(--oc-dimension-x3);min-height:var(--oc-dimension-x10);padding:0 var(--oc-dimension-x3);border-radius:var(--oc-radius-r2);color:var(--oc-color-fg-neutral);font-size:var(--oc-font-size-t4);text-decoration:none}:is(button,a).oc-list-item{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}:is(button,a).oc-list-item:hover{background:var(--oc-color-bg-transparent-pressed)}.oc-snackbar{box-sizing:border-box;display:flex;align-items:center;gap:var(--oc-dimension-x2_5);max-width:464px;padding:var(--oc-dimension-x2_5) var(--oc-dimension-x4);border-radius:var(--oc-radius-r2);background:var(--oc-color-bg-neutral-inverted);color:var(--oc-color-fg-neutral-inverted);font-size:var(--oc-font-size-t4);line-height:var(--oc-line-height-t4);box-shadow:var(--oc-shadow-s2)}.oc-dialog{box-sizing:border-box;padding:var(--oc-dimension-x6);border-radius:var(--oc-radius-r5);background:var(--oc-color-bg-layer-floating);box-shadow:var(--oc-shadow-s4);color:var(--oc-color-fg-neutral)}.oc-dialog__title{margin:0;font-size:var(--oc-font-size-t7);font-weight:var(--oc-font-weight-bold);line-height:var(--oc-line-height-t7);letter-spacing:var(--oc-letter-spacing-title)}.oc-dialog__description{margin:var(--oc-dimension-x1_5) 0 0;color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t5);line-height:1.6}@media(prefers-reduced-motion:reduce){.oc-button,.oc-chip,.oc-input{transition:none}.oc-button:active{transform:none}}