.local-component-preview{border:1px solid var(--cds-border-subtle);background:var(--cds-background);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.local-component-preview__publish{align-items:center;display:inline-flex}.local-component-preview__error{padding:var(--cds-spacing-03) var(--cds-spacing-04);background:var(--cds-notification-background-error,#fff1f1);color:var(--cds-text-error,#da1e28);border-top:1px solid var(--cds-border-subtle);border-bottom:1px solid var(--cds-border-subtle);font-size:12px}.local-component-preview__media{border-top:1px solid var(--cds-border-subtle);background-color:#0000;position:relative}.local-component-preview__frame{display:block}.local-component-preview__media--status{flex-direction:column;display:flex}.local-component-preview__live-iframe{border:none;display:block}.local-component-preview__expand-button{top:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:3;opacity:0;transition:opacity var(--cds-duration-fast-01) var(--cds-standard-easing);position:absolute}.local-component-preview__expand-button .cds--btn{box-shadow:0 1px 4px #00000040;background:var(--cds-layer-02)!important}.local-component-preview__expand-button .cds--btn:hover{background:var(--cds-layer-hover)!important}.local-component-preview:hover .local-component-preview__expand-button{opacity:1}@media (max-width:671px){.local-component-preview__expand-button{opacity:1}}