.expandable-modal{z-index:9999999;padding:var(--cds-spacing-07);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expandable-modal__backdrop{z-index:1;background:#000c;position:fixed;inset:0}.expandable-modal__controls{top:var(--cds-spacing-05);right:var(--cds-spacing-05);z-index:3;align-items:center;gap:var(--cds-spacing-03);display:flex;position:absolute}.expandable-modal__close-button{box-shadow:0 2px 8px #0000004d;background:#fff!important}.expandable-modal__close-button svg{fill:var(--cds-icon-inverse)!important}.expandable-modal__close-button:hover{background:#f4f4f4!important}.expandable-modal__close-button:hover svg{fill:var(--cds-icon-inverse)!important}.expandable-modal__content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.expandable-modal__wrapper{width:calc(100vw - var(--cds-spacing-07)*2);height:calc(100vh - var(--cds-spacing-07)*2);background:var(--cds-layer-01);border-radius:8px;display:flex;position:relative;overflow:hidden}@media (max-width:42rem){.expandable-modal{padding:var(--cds-spacing-05)}.expandable-modal__controls{top:var(--cds-spacing-03);right:var(--cds-spacing-03)}.expandable-modal__wrapper{width:calc(100vw - var(--cds-spacing-05)*2);height:calc(100vh - var(--cds-spacing-05)*2);flex-direction:column}}
.embed-preview{border:1px solid var(--cds-border-subtle);border-radius:var(--cds-spacing-02);background:var(--cds-background);cursor:default;position:relative;overflow:hidden}.embed-preview__body{min-height:0;position:relative}.embed-preview--flow .embed-preview__body{min-height:240px}.embed-preview--frame .embed-preview__body,.embed-preview--iframe .embed-preview__body{min-height:120px}.embed-preview__expand-button{top:var(--cds-spacing-03);right:var(--cds-spacing-03);z-index:11;opacity:0;transition:opacity var(--cds-duration-fast-01)var(--cds-standard-easing);position:absolute}.embed-preview__expand-button .cds--btn{box-shadow:0 1px 4px #00000040;background:var(--cds-layer-02)!important}.embed-preview__expand-button .cds--btn:hover{background:var(--cds-layer-hover)!important}.embed-preview:hover .embed-preview__expand-button{opacity:1}@media (max-width:42rem){.embed-preview__expand-button{opacity:1}}.embed-preview--expanded{background:var(--cds-background);border:none;border-radius:0;flex-direction:column;height:100%;display:flex}.embed-preview--expanded .embed-preview__body{flex:auto;min-height:0}.embed-preview__body[role=button]{cursor:pointer}