.opto-container[data-v-063c1b6c]{margin:0 auto;width:100%}.opto-container[data-width=sm][data-v-063c1b6c]{max-width:var(--container-sm)}.opto-container[data-width=md][data-v-063c1b6c]{max-width:var(--container-md)}.opto-container[data-width=lg][data-v-063c1b6c]{max-width:var(--container-lg)}.opto-container[data-width=xl][data-v-063c1b6c]{max-width:var(--container-xl)}.opto-container[data-width=full][data-v-063c1b6c]{max-width:100%}.opto-container[data-pad=sm][data-v-063c1b6c]{padding-left:var(--space-3);padding-right:var(--space-3)}.opto-container[data-pad=md][data-v-063c1b6c]{padding-left:var(--space-4);padding-right:var(--space-4)}.opto-container[data-pad=lg][data-v-063c1b6c]{padding-left:var(--space-6);padding-right:var(--space-6)}@media(min-width:768px){.opto-container[data-pad=md][data-v-063c1b6c]{padding-left:var(--space-6);padding-right:var(--space-6)}.opto-container[data-pad=lg][data-v-063c1b6c]{padding-left:var(--space-8);padding-right:var(--space-8)}}.opto-badge[data-v-be41cbc7]{display:inline-flex;align-items:center;gap:var(--space-1);width:-moz-max-content;width:max-content;max-width:100%;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-snug);line-height:1;background:var(--badge-bg);color:var(--badge-text);border-color:var(--badge-border);white-space:nowrap}.opto-badge[data-size=xs][data-v-be41cbc7]{padding:2px 6px;font-size:var(--font-size-xs)}.opto-badge[data-size=sm][data-v-be41cbc7]{padding:3px 8px;font-size:var(--font-size-xs)}.opto-badge[data-size=md][data-v-be41cbc7]{padding:4px 10px;font-size:var(--font-size-sm)}.opto-badge[data-variant=soft][data-tone=neutral][data-v-be41cbc7]{--badge-bg:var(--surface-sunken);--badge-text:var(--text-secondary);--badge-border:var(--border-subtle)}.opto-badge[data-variant=soft][data-tone=professional][data-v-be41cbc7]{--badge-bg:var(--accent-pro-soft);--badge-text:var(--text-secondary);--badge-border:var(--accent-pro)}.opto-badge[data-variant=soft][data-tone=success][data-v-be41cbc7]{--badge-bg:var(--status-success-bg);--badge-text:var(--status-success-text);--badge-border:var(--status-success-border)}.opto-badge[data-variant=soft][data-tone=warning][data-v-be41cbc7]{--badge-bg:var(--status-warning-bg);--badge-text:var(--status-warning-text);--badge-border:var(--status-warning-border)}.opto-badge[data-variant=soft][data-tone=danger][data-v-be41cbc7]{--badge-bg:var(--status-danger-bg);--badge-text:var(--status-danger-text);--badge-border:var(--status-danger-border)}.opto-badge[data-variant=soft][data-tone=finance][data-v-be41cbc7]{--badge-bg:var(--accent-fin-soft);--badge-text:var(--coin-accent);--badge-border:var(--accent-fin)}.opto-badge[data-variant=soft][data-tone=inverse][data-v-be41cbc7]{--badge-bg:var(--surface-inverse);--badge-text:var(--text-inverse);--badge-border:var(--surface-inverse)}.opto-badge[data-variant=outline][data-v-be41cbc7]{--badge-bg:transparent}.opto-badge[data-variant=outline][data-tone=neutral][data-v-be41cbc7]{--badge-text:var(--text-secondary);--badge-border:var(--border-default)}.opto-badge[data-variant=outline][data-tone=professional][data-v-be41cbc7]{--badge-text:var(--text-secondary);--badge-border:var(--accent-pro)}.opto-badge[data-variant=outline][data-tone=success][data-v-be41cbc7]{--badge-text:var(--status-success-text);--badge-border:var(--status-success-border)}.opto-badge[data-variant=outline][data-tone=warning][data-v-be41cbc7]{--badge-text:var(--status-warning-text);--badge-border:var(--status-warning-border)}.opto-badge[data-variant=outline][data-tone=danger][data-v-be41cbc7]{--badge-text:var(--status-danger-text);--badge-border:var(--status-danger-border)}.opto-badge[data-variant=outline][data-tone=finance][data-v-be41cbc7]{--badge-text:var(--coin-accent);--badge-border:var(--accent-fin)}.opto-badge[data-variant=outline][data-tone=inverse][data-v-be41cbc7]{--badge-text:var(--text-primary);--badge-border:var(--border-strong)}.opto-badge[data-variant=solid][data-tone=neutral][data-v-be41cbc7]{--badge-bg:var(--surface-inverse);--badge-text:var(--text-inverse);--badge-border:var(--surface-inverse)}.opto-badge[data-variant=solid][data-tone=professional][data-v-be41cbc7]{--badge-bg:var(--accent-pro);--badge-text:var(--text-inverse);--badge-border:var(--accent-pro)}.opto-badge[data-variant=solid][data-tone=success][data-v-be41cbc7]{--badge-bg:var(--status-success-text);--badge-text:var(--text-inverse);--badge-border:var(--status-success-text)}.opto-badge[data-variant=solid][data-tone=warning][data-v-be41cbc7]{--badge-bg:var(--status-warning-text);--badge-text:var(--text-inverse);--badge-border:var(--status-warning-text)}.opto-badge[data-variant=solid][data-tone=danger][data-v-be41cbc7]{--badge-bg:var(--status-danger-text);--badge-text:var(--text-inverse);--badge-border:var(--status-danger-text)}.opto-badge[data-variant=solid][data-tone=finance][data-v-be41cbc7]{--badge-bg:var(--coin-accent);--badge-text:var(--text-inverse);--badge-border:var(--coin-accent)}.opto-badge[data-variant=solid][data-tone=inverse][data-v-be41cbc7]{--badge-bg:var(--surface-inverse);--badge-text:var(--text-inverse);--badge-border:var(--surface-inverse)}