.mt-banner{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap;width:calc(100% - 32px);max-width:var(--banner-width,1200px);margin:20px auto;padding:var(--banner-padding,24px);border-radius:var(--banner-radius,16px);background:var(--banner-bg,#0b2340);color:var(--banner-color,#fff);overflow:hidden;font:16px/1.5 system-ui}.mt-banner[hidden]{display:none!important}.mt-banner *{box-sizing:border-box}.mt-banner-copy{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.mt-banner h2{color:inherit;font-size:clamp(22px,3vw,34px);line-height:1.2;margin:0 0 12px}.mt-banner p{color:inherit;margin:0 0 18px}.mt-banner-media{flex:1 1 260px;min-width:0}.mt-banner picture,.mt-banner-media a{display:block}.mt-banner img{display:block;width:100%;height:var(--banner-image-height,240px);object-fit:var(--banner-fit,cover);border-radius:calc(var(--banner-radius,16px)/2)}.mt-banner-button{display:inline-block;padding:12px 20px;border-radius:8px;background:var(--banner-accent,#087ef7);color:var(--banner-button,#fff)!important;text-decoration:none;font-weight:700}.mt-banner-label{flex:0 0 100%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding-right:28px}.mt-banner .mt-banner-close{position:absolute;right:8px;top:8px;z-index:1;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;background:var(--banner-bg);color:inherit;font:24px/1 system-ui;cursor:pointer}.mt-banner:has(.mt-banner-close){padding-top:max(var(--banner-padding),48px)}.mt-banner--image .mt-banner-media{flex-basis:100%}.mt-banner :focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:767px){.mt-banner-device--desktop{display:none}.mt-banner{gap:16px}.mt-banner-media,.mt-banner-copy{flex-basis:100%}}@media(min-width:768px){.mt-banner-device--mobile{display:none}}
