.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;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}}