.designer-modal{position:fixed;inset:0;z-index:300;background:#fff;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s ease}.designer-modal[hidden]{display:none!important}.designer-modal.is-open{opacity:1;pointer-events:auto}.designer-modal__header{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;background:#070707;flex-shrink:0}.designer-modal__close{width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;font-size:1.75rem;line-height:1;color:#fff;display:inline-flex;align-items:center;justify-content:center}@supports selector(:focus-visible){.designer-modal__close:focus-visible{outline:.125rem solid #ff5500;outline-offset:.125rem}.designer-modal__close:focus:not(:focus-visible){outline:none}}@supports not selector(:focus-visible){.designer-modal__close:focus{outline:.125rem solid #ff5500;outline-offset:.125rem}}.designer-modal__body{flex:1;position:relative;overflow:hidden}.designer-modal__iframe{width:100%;height:100%;border:none;display:block}.designer-modal__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:1;transition:opacity .3s ease}.designer-modal__loader[hidden]{display:none!important}.designer-modal__loader span{font-family:Urbanist,system-ui,sans-serif;font-size:1rem;color:#3d3d3d}.designer-modal__spinner{display:inline-block;width:1.5rem;height:1.5rem;border:.1875rem solid #e7e7e7;border-top-color:#f50;border-radius:50%;animation:designer-spin .6s linear infinite;margin-right:.75rem;vertical-align:middle}@keyframes designer-spin{to{transform:rotate(360deg)}}