@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800;900&display=swap";@import"https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css";:root{--oc-color-system-primary: #FFBC00;--oc-color-system-primary-2: #E59900;--oc-color-system-primary-3: #FFD04D;--oc-color-system-secondary: #21232C;--oc-color-system-secondary-2: #0B0C0E;--oc-color-system-tertiary: #6E3399;--oc-color-system-tertiary-2: #532673;--oc-color-system-tertiary-3: #8A40BF;--oc-brand-yellow-500: var(--oc-color-system-primary);--oc-brand-yellow-400: rgb(255, 193, 92);--oc-brand-yellow-300: var(--oc-color-system-primary-3);--oc-brand-yellow-200: rgb(255, 241, 204);--oc-brand-yellow-700: rgb(249, 172, 47);--oc-brand-yellow-800: var(--oc-color-system-primary-2);--oc-navy-900: rgb(32, 40, 70);--oc-navy-800: rgb(37, 43, 65);--oc-navy-700: rgb(44, 47, 58);--oc-navy-600: rgb(56, 65, 97);--oc-navy-500: rgb(74, 86, 130);--oc-navy-400: rgb(93, 108, 162);--oc-navy-200: rgb(219, 224, 240);--oc-purple-700: var(--oc-color-system-tertiary-2);--oc-purple-500: var(--oc-color-system-tertiary);--oc-purple-400: var(--oc-color-system-tertiary-3);--oc-purple-300: rgb(224, 133, 202);--oc-purple-100: rgb(232, 217, 242);--oc-green-bubble: rgb(221, 240, 194);--oc-color-fixed-black: #0B0C0E;--oc-color-fixed-white: #FCFCFC;--oc-color-bg-1: #F5F5F8;--oc-color-bg-2: #EFF0F4;--oc-color-bg-overlay: #E5E7EE;--oc-color-divider-1: #DCDEE5;--oc-color-border-2: #C5C8D4;--oc-color-border-disabled: #AFAAB1;--oc-color-border-1: #93969E;--oc-color-text-neutral-2: #767A78;--oc-color-system-neutral-2: #50545E;--oc-color-bg-dark-disabled: #2D2F38;--oc-color-bg-dark-border: #3A3D45;--oc-color-bg-dark-3: #14171D;--oc-color-bg-dark-2: #101317;--oc-color-bg-dark-1: var(--oc-color-system-secondary);--oc-grey-1000: var(--oc-color-fixed-black);--oc-grey-950: var(--oc-color-bg-dark-2);--oc-grey-900: var(--oc-color-bg-dark-3);--oc-grey-850: var(--oc-color-system-secondary);--oc-grey-800: var(--oc-color-bg-dark-disabled);--oc-grey-750: var(--oc-color-bg-dark-border);--oc-grey-700: var(--oc-color-system-neutral-2);--oc-grey-600: var(--oc-color-text-neutral-2);--oc-grey-500: var(--oc-color-border-1);--oc-grey-400: var(--oc-color-border-disabled);--oc-grey-350: rgb(178, 178, 178);--oc-grey-300: var(--oc-color-border-2);--oc-grey-250: rgb(205, 208, 218);--oc-grey-200: var(--oc-color-divider-1);--oc-grey-180: rgb(223, 226, 236);--oc-grey-150: rgb(226, 227, 233);--oc-grey-130: rgb(239, 240, 246);--oc-grey-120: var(--oc-color-bg-2);--oc-grey-110: rgb(242, 242, 242);--oc-grey-100: rgb(252, 253, 254);--oc-grey-50: var(--oc-color-fixed-white);--oc-white: rgb(255, 255, 255);--oc-info-bg: #E7F1FE;--oc-info-content: #17355E;--oc-info-bg-dark: #17355E;--oc-info-content-dark: #E7F1FE;--oc-success-bg: #E0F7D4;--oc-success-content: #1A4D33;--oc-success-bg-dark: #1A4D33;--oc-success-content-dark: #E0F7D4;--oc-warning-bg: #FFF1CC;--oc-warning-content: #995900;--oc-warning-bg-dark: #995900;--oc-warning-content-dark: #FFF1CC;--oc-danger-bg: #FEE9E7;--oc-danger-content: #6E231C;--oc-danger-bg-dark: #6E231C;--oc-danger-content-dark: #FEE9E7;--oc-info-border: var(--oc-info-content);--oc-info-tint: rgb(241, 247, 254);--oc-success-border: var(--oc-success-content);--oc-success-500: var(--oc-success-content);--oc-warning-border: var(--oc-warning-content);--oc-danger-border: var(--oc-danger-content);--oc-success-500: #1FAD66;--oc-warning-500: #FFBC00;--oc-danger-500: #CC3628;--oc-info-500: #257BF4;--oc-overlay-hover: rgba(22, 24, 29, .1);--oc-overlay-pressed: rgba(22, 24, 29, .2);--oc-overlay-scrim: rgba(13, 13, 13, .24);--oc-fg-1: var(--oc-grey-850);--oc-fg-2: var(--oc-grey-700);--oc-fg-3: var(--oc-grey-500);--oc-fg-disabled: var(--oc-grey-350);--oc-fg-on-brand: var(--oc-grey-850);--oc-fg-on-dark: var(--oc-grey-50);--oc-bg-canvas: var(--oc-grey-120);--oc-bg-surface: var(--oc-grey-50);--oc-bg-elevated: var(--oc-white);--oc-bg-sunken: var(--oc-grey-130);--oc-border-default: var(--oc-grey-400);--oc-border-subtle: var(--oc-grey-300);--oc-border-strong: var(--oc-grey-850);--oc-shadow-low: 0 4px 8px 0 rgba(33, 35, 44, .24);--oc-shadow-upper: 0 -4px 8px 0 rgba(33, 35, 44, .24);--oc-shadow-float: 0 8px 8px 0 rgba(33, 35, 44, .24);--oc-shadow-low-dark: 0 4px 8px 0 rgba(11, 12, 14, .56);--oc-shadow-upper-dark: 0 -4px 8px 0 rgba(11, 12, 14, .56);--oc-shadow-float-dark: 0 8px 8px 0 rgba(11, 12, 14, .56);--oc-shadow-1: var(--oc-shadow-low);--oc-shadow-2: var(--oc-shadow-low);--oc-shadow-3: var(--oc-shadow-float);--oc-shadow-4: var(--oc-shadow-float);--oc-shadow-modal: var(--oc-shadow-float);--oc-radius-1: 4px;--oc-radius-2: 8px;--oc-radius-3: 16px;--oc-radius-modal: 8px;--oc-radius-chip: 4px;--oc-radius-avatar: 8px;--oc-space-0: 0;--oc-space-1: 4px;--oc-space-2: 8px;--oc-space-3: 12px;--oc-space-4: 16px;--oc-space-5: 20px;--oc-space-6: 24px;--oc-space-7: 32px;--oc-space-8: 40px;--oc-space-9: 48px;--oc-space-10: 56px;--oc-space-11: 64px;--oc-space-12: 80px;--oc-font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--oc-font-display: "Roboto", system-ui, sans-serif;--oc-font-mono: "Roboto", system-ui, sans-serif;--oc-font-marketing: "Roboto", system-ui, sans-serif;--oc-fw-light: 300;--oc-fw-regular: 400;--oc-fw-medium: 500;--oc-fw-bold: 700;--oc-fw-extrabold: 800;--oc-lh-tight: 1.2;--oc-lh-normal: 1.5;--oc-size-display-1: 80px;--oc-size-display-2: 64px;--oc-size-h1: 48px;--oc-size-h2: 40px;--oc-size-h3: 28px;--oc-size-h4: 24px;--oc-size-h5: 20px;--oc-size-body-lg: 16px;--oc-size-body: 14px;--oc-size-caption: 12px;--oc-size-micro: 10px;--oc-size-tag: 8px}html,body{font-family:var(--oc-font-sans);color:var(--oc-fg-1);background:var(--oc-bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.oc-display-1{font:var(--oc-fw-bold) var(--oc-size-display-1)/var(--oc-lh-tight) var(--oc-font-display);letter-spacing:-.02em}.oc-display-2{font:var(--oc-fw-bold) var(--oc-size-display-2)/var(--oc-lh-tight) var(--oc-font-display);letter-spacing:-.02em}.oc-h1{font:var(--oc-fw-bold) var(--oc-size-h1)/var(--oc-lh-tight) var(--oc-font-sans);letter-spacing:-.01em}.oc-h2{font:var(--oc-fw-bold) var(--oc-size-h2)/var(--oc-lh-tight) var(--oc-font-sans)}.oc-h3{font:var(--oc-fw-bold) var(--oc-size-h3)/var(--oc-lh-tight) var(--oc-font-sans)}.oc-h4{font:var(--oc-fw-bold) var(--oc-size-h4)/var(--oc-lh-tight) var(--oc-font-sans)}.oc-h5{font:var(--oc-fw-bold) var(--oc-size-h5)/var(--oc-lh-tight) var(--oc-font-sans)}.oc-body-lg{font:var(--oc-fw-regular) var(--oc-size-body-lg)/var(--oc-lh-normal) var(--oc-font-sans)}.oc-body{font:var(--oc-fw-regular) var(--oc-size-body)/var(--oc-lh-normal) var(--oc-font-sans)}.oc-body-strong{font:var(--oc-fw-bold) var(--oc-size-body)/var(--oc-lh-normal) var(--oc-font-sans)}.oc-caption{font:var(--oc-fw-medium) var(--oc-size-caption)/var(--oc-lh-tight) var(--oc-font-sans);color:var(--oc-fg-3)}.oc-tag-label{font:var(--oc-fw-bold) var(--oc-size-tag)/1 var(--oc-font-sans);text-transform:uppercase;letter-spacing:.04em}.oc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--oc-radius-2);border:0;font:500 14px/1.2 var(--oc-font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:filter 80ms ease-out}.oc-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:background 80ms ease-out}.oc-btn:hover:after{background:var(--oc-overlay-hover)}.oc-btn:active:after{background:var(--oc-overlay-pressed)}.oc-btn[disabled],.oc-btn.is-disabled{pointer-events:none;background:var(--oc-grey-250)!important;color:var(--oc-fg-disabled)!important}.oc-btn--primary{background:var(--oc-color-system-primary);color:var(--oc-color-system-secondary)}.oc-btn--secondary{background:var(--oc-color-system-secondary);color:#f0f1f4}.oc-btn--tertiary{background:transparent;color:var(--oc-fg-1)}.oc-btn--outline{background:transparent;color:var(--oc-fg-1);border:1px solid var(--oc-color-system-secondary)}.oc-btn--delete{background:#cc3628;color:var(--oc-color-fixed-white)}.oc-btn--active{background:var(--oc-color-system-tertiary);color:var(--oc-color-fixed-white)}.oc-btn--sm{height:32px;padding:0 14px;font-size:14px;border-radius:6px}.oc-btn--lg{height:48px;padding:0 24px;font-size:14px}.oc-btn--icon{width:40px;padding:0}details.oc-disclosure>summary{list-style:none;cursor:pointer}details.oc-disclosure>summary::-webkit-details-marker{display:none}details.oc-disclosure[open]>summary .oc-chevron{transform:rotate(90deg)}.oc-chevron{display:inline-block;transition:transform .12s ease-out}.oc-drawer-overlay{position:fixed;inset:0;background:#21232c52;z-index:90;opacity:0;animation:oc-fade-in .12s ease-out forwards}.oc-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--oc-bg-surface);box-shadow:-8px 0 32px #0000001f;z-index:91;display:flex;flex-direction:column;transform:translate(100%);animation:oc-slide-in-right .2s cubic-bezier(.22,.61,.36,1) forwards}.oc-drawer__head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--oc-color-divider-1)}.oc-drawer__title{flex:1;min-width:0;font:700 16px Roboto;color:var(--oc-color-text-neutral-1, #21232C);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-drawer__close{padding:6px 10px;border:0;background:transparent;color:var(--oc-color-text-neutral-2);cursor:pointer;border-radius:6px;font:500 13px Roboto;display:inline-flex;align-items:center;gap:4px}.oc-drawer__close:hover{background:var(--oc-color-bg-overlay)}.oc-drawer__body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.oc-drawer__foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--oc-color-divider-1);background:var(--oc-bg-surface)}@keyframes oc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes oc-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes oc-spin{to{transform:rotate(360deg)}}.oc-spin{display:inline-block;animation:oc-spin .7s linear infinite}@media(max-width:600px){.oc-drawer{width:100vw}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Roboto,system-ui,sans-serif;background:var(--oc-color-bg-2, #F0F1F4);color:var(--oc-color-system-secondary, #21232C);font-size:14px;line-height:1.5}
