@layer bricks {.brxe-template{width:100%}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@media (max-width: 478px) { html body .msgpop .msgpop__head { padding: 24px 24px 0; } html body .msgpop .brxe-block.enquiry { padding: 20px 24px 24px; } html body .msgpop:has(.enquiry__form .message.success) .msgpop__success { padding: 24px; }} .brxe-popup-362 .brx-popup-content { width: auto !important; max-width: none !important; padding: 0 !important; background: transparent !important;}html body .brxe-popup-362.brx-popup .brx-popup-backdrop { background-color: rgba(18, 18, 44, 0.75);} .msgpop { position: relative; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid var(--n-line); border-radius: var(--radius-l); background-color: var(--n-offwhite); box-shadow: 0 32px 80px -24px rgba(18, 18, 44, 0.55);} .msgpop .msgpop__head { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; padding: 32px 32px 0;} .msgpop .msgpop__title { margin: 0; font-size: clamp(32px, 3vw, 40px);} .msgpop .msgpop__close { position: relative; flex-shrink: 0; width: 44px; height: 44px; margin: -6px -10px 0 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--n-navy); font-size: 0; cursor: pointer;} .msgpop .msgpop__close::before { content: ""; position: absolute; width: 20px; height: 1.5px; background-color: currentColor;} .msgpop .msgpop__close::after { content: ""; position: absolute; width: 20px; height: 1.5px; background-color: currentColor;} .msgpop .msgpop__close::before { transform: rotate(45deg);} .msgpop .msgpop__close::after { transform: rotate(-45deg);} .msgpop .msgpop__close:hover { color: var(--n-primary);} .msgpop .msgpop__close:focus:not(:focus-visible) { outline: none;} .msgpop .msgpop__close:focus-visible { outline: 2px solid var(--n-primary); outline-offset: 2px;} .msgpop .brxe-block.enquiry { padding: 24px 32px 32px;} .msgpop .msgpop__success { display: none;} .msgpop:has(.enquiry__form .message.success) .msgpop__main { display: none;} .msgpop:has(.enquiry__form .message.success) .msgpop__success { display: flex; flex-direction: column; align-items: center; gap: var(--space-s); padding: 24px 32px 32px; text-align: center;} .msgpop .msgpop__head--end { justify-content: flex-end; padding: 0;} .msgpop .msgpop__sent-text { max-width: 420px; margin: 0;} .msgpop .msgpop__sent-btn { width: 100%; margin-top: 8px;} .msgpop .msgpop__sent-btn:empty::before { content: "Close";}