
.simple-banner{position:relative;display:grid;min-width:0;min-height:220px;overflow:hidden;background:#fff}
.simple-banner-link{position:relative;display:grid;min-height:inherit;height:100%;color:inherit;text-decoration:none}
.banner-media{position:relative;min-height:inherit;width:100%;height:100%}
.simple-banner img,.simple-banner video{display:block;width:100%;height:100%;object-fit:cover}
.banner-text-box{z-index:2;display:grid;gap:8px;align-content:center;justify-items:start;width:min(460px,100%);max-width:100%;padding:0;color:#fff;background:transparent;text-align:left}
.banner-text-box[data-mode="inside"]{position:absolute}
.banner-text-box[data-mode="inside"][data-position="top-left"]{left:var(--banner-text-inset,0px);top:var(--banner-text-inset,0px)}
.banner-text-box[data-mode="inside"][data-position="top-center"]{left:50%;top:var(--banner-text-inset,0px);transform:translateX(-50%);justify-items:center;text-align:center}
.banner-text-box[data-mode="inside"][data-position="top-right"]{right:var(--banner-text-inset,0px);top:var(--banner-text-inset,0px)}
.banner-text-box[data-mode="inside"][data-position="middle-left"]{left:var(--banner-text-inset,0px);top:50%;transform:translateY(-50%)}
.banner-text-box[data-mode="inside"][data-position="middle-center"]{left:50%;top:50%;transform:translate(-50%,-50%);justify-items:center;text-align:center}
.banner-text-box[data-mode="inside"][data-position="middle-right"]{right:var(--banner-text-inset,0px);top:50%;transform:translateY(-50%)}
.banner-text-box[data-mode="inside"][data-position="bottom-left"]{left:var(--banner-text-inset,0px);bottom:var(--banner-text-inset,0px)}
.banner-text-box[data-mode="inside"][data-position="bottom-center"]{left:50%;bottom:var(--banner-text-inset,0px);transform:translateX(-50%);justify-items:center;text-align:center}
.banner-text-box[data-mode="inside"][data-position="bottom-right"]{right:var(--banner-text-inset,0px);bottom:var(--banner-text-inset,0px)}
.simple-banner[data-text-mode="outside"]{overflow:visible}
.simple-banner[data-text-mode="outside"] .banner-text-box{position:static;width:100%;max-width:100%;color:var(--store-text);background:var(--store-surface)}
.simple-banner[data-text-mode="outside"][data-text-position$="-center"] .banner-text-box{justify-items:center;text-align:center}
.banner-text-box h3,.banner-text-box p{margin:0}
.banner-text-box h3{font-size:var(--banner-title-size,var(--store-h2-size));font-weight:var(--banner-title-weight,700);line-height:var(--banner-title-line-height,var(--store-h2-line-height));letter-spacing:var(--store-h2-letter-spacing)}
.banner-text-box p{font-size:var(--banner-description-size,var(--store-font-size-base-current));font-weight:var(--banner-description-weight,400);line-height:var(--banner-description-line-height,var(--store-font-line-height));letter-spacing:var(--store-font-letter-spacing)}
.banner-cta{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:var(--store-button-height);padding:0 var(--store-control-padding-x);border-radius:var(--store-border-radius);background:var(--store-button);color:#fff;font-size:var(--banner-button-size,var(--store-control-font-size));font-weight:var(--banner-button-weight,700);line-height:var(--banner-button-line-height,var(--store-font-line-height))}
