.dd-pro-banner{font-family:var(--dd-font, "DieGroteskB"),sans-serif;color:var(--dd-text, #1e2226)}.dd-pro-banner__card{position:relative;overflow:hidden;border-radius:var(--dd-radius-3xl, 20px);padding:clamp(40px,6vw,80px) clamp(24px,5vw,72px);min-height:clamp(260px,34vw,420px);display:flex;align-items:center;justify-content:center;background:var(--dd-neutral-950, #0c131a);color:var(--dd-neutral-0, #fff);box-shadow:0 1px 2px #0000000a,0 12px 40px #00000014}@media screen and (min-width:750px){.dd-pro-banner__card{border-radius:var(--dd-radius-4xl, 24px)}}.dd-pro-banner__media,.dd-pro-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dd-pro-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.dd-pro-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:720px;margin:0 auto}.dd-pro-banner__editor-notice{display:inline-block;padding:6px 12px;margin-bottom:6px;font-family:"Termina",var(--dd-font),sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#111;background:#ffd54a;border-radius:4px}.dd-pro-banner__eyebrow{font-family:"Termina",var(--dd-font, "DieGroteskB"),sans-serif;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;opacity:.85;color:var(--dd-neutral-0, #fff)}.dd-pro-banner__heading{margin:0;font-family:var(--dd-font, "DieGroteskB"),sans-serif;font-weight:700;font-size:clamp(28px,4.2vw,52px);line-height:1.05;letter-spacing:-.01em;text-wrap:balance;color:var(--dd-neutral-0, #fff)}.dd-pro-banner__body{font-size:15px;line-height:1.55;margin:0;opacity:.88;max-width:52ch;color:var(--dd-neutral-0, #fff)}.dd-pro-banner__body p{margin:0}.dd-pro-banner__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.dd-pro-banner__btn--on-dark.btn--outline{--dd-btn-fg: var(--dd-neutral-0, #fff);--dd-btn-border: var(--dd-neutral-0, #fff);--dd-btn-fill: var(--dd-neutral-0, #fff);--dd-btn-fill-fg: var(--dd-neutral-950, #0c131a)}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dd-pro-banner.css.map */