@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--content-foreground:transparent;--content-foreground-icon:transparent;--content-foreground-secondary:transparent}}}@property --content-foreground{syntax:"<color>";inherits:true;initial-value:#0000}@property --content-foreground-icon{syntax:"<color>";inherits:true;initial-value:#0000}@property --content-foreground-secondary{syntax:"<color>";inherits:true;initial-value:#0000}[data-content-color]{--content-foreground-secondary:var(--text-03);--content-title-color:initial}[data-content-color]:not([data-content-color=interactive]){--content-foreground:var(--content-title-color,var(--content-status-color,var(--text-04)));--content-foreground-icon:var(--content-status-color,var(--text-04));color:var(--content-foreground)}[data-content-color=default]{--content-foreground-icon:var(--content-title-color,var(--content-status-color,var(--text-04)))}[data-content-color=interactive]{--content-foreground:var(--content-title-color,var(--text-04));--content-foreground-icon:var(--text-04);color:var(--content-foreground)}.interactive [data-content-color=interactive]{color:inherit;--content-foreground-icon:var(--interactive-foreground-icon)}.interactive:not(:hover):not(:active):not(:focus-visible):not([data-interaction=hover]):not([data-interaction=active]):not([data-interactive-state=selected]):not([data-disabled]) [data-content-color=interactive]{color:var(--content-title-color,inherit)}.interactive[data-disabled] [data-content-color]{--content-foreground:var(--interactive-foreground);--content-foreground-icon:var(--interactive-foreground-icon);--content-foreground-secondary:var(--interactive-foreground);color:var(--content-foreground)}.opal-content{align-items:flex-start;gap:.25rem;display:flex}.opal-content[data-orientation=inline]{flex-direction:row}.opal-content[data-flush]{gap:0}.opal-content[data-orientation=stacked]{flex-direction:column;gap:0}.opal-content-icon-row{flex-direction:row;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.opal-content-icon{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:1lh;height:1lh;padding:.125rem;display:flex}.opal-content-icon[data-figure]{padding:1px}.opal-content-icon[data-enlarged]{padding:0}.opal-content-icon-glyph{width:100%;height:100%;color:var(--content-foreground-icon)}.opal-content-more-icon{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:calc(1lh - .75rem);height:calc(1lh - .75rem);padding:.125rem;display:flex}.opal-content-more-icon>.opal-content-icon-glyph{color:var(--content-foreground-secondary)}.opal-content-aux-icon{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;padding:.125rem;display:flex}.opal-content-aux-glyph{width:100%;height:100%}.opal-content-text{flex-direction:column;flex:1;min-width:0;display:flex}.opal-content[data-orientation=stacked]>.opal-content-text{width:100%}.opal-content-title-row{align-items:center;gap:0;min-width:0;display:flex}.opal-content-description,.opal-content-suffix{color:var(--content-foreground-secondary)}.opal-content-description{text-align:start;width:100%}.opal-content-suffix{white-space:nowrap;flex-shrink:0}.opal-content-badge{gap:var(--spacing,.25rem);flex-shrink:0;margin-inline-start:var(--spacing,.25rem);display:flex}.opal-content-input-sizer{border-radius:var(--radius-04);min-width:0;max-width:100%;box-shadow:inset 0 0 0 1px var(--border-02);align-items:stretch;display:inline-grid;overflow:hidden}.opal-content-input-sizer>*{grid-area:1/1;min-width:.0625rem;padding:0 .125rem}.opal-content-input-mirror{visibility:hidden;white-space:pre}.opal-content-input{--tw-border-style:none;--tw-outline-style:none;background-color:#0000;border-style:none;outline-style:none;height:1lh}.opal-content-edit-button{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0}.opal-content-edit-button[data-show=hover]{opacity:0}@media (hover:none){.opal-content-edit-button[data-show=hover]{opacity:1}}.opal-content:hover .opal-content-edit-button[data-show=hover],.opal-content-edit-button[data-show=hover]:focus-within{opacity:1}
.opal-badge{border-radius:var(--radius-04);flex-direction:row;flex-shrink:0;align-items:center;gap:0;padding:.125rem;display:flex}.opal-badge[data-size="6"]{border-radius:var(--radius-08);padding:.25rem}.opal-badge [data-opal-content-title]{max-width:10rem}
