.opal-content-xl{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-04)}.opal-content-xl-icon-row{display:flex;flex-direction:row;align-items:center;gap:.25rem}.opal-content-xl-icon-container,.opal-content-xl-more-icon-container{display:flex;align-items:center;justify-content:center}.opal-content-xl-icon{color:var(--text-04)}.opal-content-xl-body{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;min-width:.0625rem}.opal-content-xl-title-row{display:flex;width:100%;align-items:center;gap:.25rem}.opal-content-xl-input-sizer{display:inline-grid;align-items:stretch}.opal-content-xl-input-sizer>*{grid-area:1/1;padding:0 .125rem;min-width:.0625rem}.opal-content-xl-input-mirror{visibility:hidden;white-space:pre}.opal-content-xl-input{border-style:none;background-color:transparent;outline:2px solid transparent;outline-offset:2px}.opal-content-xl-edit-button{flex-shrink:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.opal-content-xl:hover .opal-content-xl-edit-button{opacity:1}.opal-content-xl-description{width:100%;text-align:left}.opal-content-lg{display:flex;flex-direction:row;align-items:flex-start;color:var(--text-04)}.opal-content-lg-icon-container{display:flex;align-items:center;justify-content:center}.opal-content-lg-icon{color:var(--text-04)}.opal-content-lg-body{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;min-width:.0625rem}.opal-content-lg-title-row{display:flex;width:100%;align-items:center;gap:.25rem}.opal-content-lg-input-sizer{display:inline-grid;align-items:stretch}.opal-content-lg-input-sizer>*{grid-area:1/1;padding:0 .125rem;min-width:.0625rem}.opal-content-lg-input-mirror{visibility:hidden;white-space:pre}.opal-content-lg-input{border-style:none;background-color:transparent;outline:2px solid transparent;outline-offset:2px}.opal-content-lg-edit-button{flex-shrink:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.opal-content-lg:hover .opal-content-lg-edit-button{opacity:1}.opal-content-lg-description{width:100%;text-align:left}.opal-content-md{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-04)}.opal-content-md-header{display:flex;width:100%;flex-direction:row;align-items:center}.opal-content-md-header[data-editing]{border-radius:var(--border-radius-08);box-shadow:inset 0 0 0 1px var(--border-02)}.opal-content-md-icon-container{display:flex;align-items:center;justify-content:center}.opal-content-md-title-row{display:flex;width:100%;align-items:center;gap:.25rem}.opal-content-md-input-sizer{display:inline-grid;align-items:stretch;width:100%}.opal-content-md-input-sizer>*{grid-area:1/1;padding:0 .125rem;min-width:.0625rem}.opal-content-md-input-mirror{visibility:hidden;white-space:pre}.opal-content-md-input{border-style:none;background-color:transparent;outline:2px solid transparent;outline-offset:2px}.opal-content-md-aux-icon{display:flex;align-items:center;justify-content:center}.opal-content-md-edit-button{flex-shrink:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.opal-content-md:hover .opal-content-md-edit-button{opacity:1}.opal-content-md-description{width:100%;text-align:left}.opal-content-sm{display:flex;align-items:center;color:var(--text-04)}.opal-content-sm[data-orientation=inline]{flex-direction:row}.opal-content-sm[data-orientation=vertical]{flex-direction:column}.opal-content-sm[data-orientation=reverse]{flex-direction:row-reverse}.opal-content-sm-icon-container{display:flex;align-items:center;justify-content:center}.opal-content-sm-icon{color:var(--text-03)}.opal-content-sm[data-prominence=muted] .opal-content-sm-icon{color:var(--text-02)}.opal-content-sm[data-prominence=muted]{color:var(--text-03)}.interactive .opal-content-xl{color:inherit}.interactive .opal-content-xl .opal-content-xl-icon{color:var(--interactive-foreground-icon)}.interactive .opal-content-lg{color:inherit}.interactive .opal-content-lg .opal-content-lg-icon{color:var(--interactive-foreground-icon)}.interactive .opal-content-md{color:inherit}.interactive .opal-content-md .opal-content-md-icon{color:var(--interactive-foreground-icon)}.interactive .opal-content-sm{color:inherit}.interactive .opal-content-sm .opal-content-sm-icon{color:var(--interactive-foreground-icon)}