.m-cbanner{position:relative;display:flex;width:100%;height:100%;min-height:220px;border-radius:10px;overflow:hidden;isolation:isolate}.m-cbanner__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.m-cbanner__media picture,.m-cbanner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.m-cbanner__img{object-fit:cover}.m-cbanner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0000,#0009)}.m-cbanner__decor{position:absolute;z-index:3;width:var(--decor-w, 120px);height:auto;max-width:70%;pointer-events:none;top:calc(var(--decor-y, 50) * 1%);transform:translateY(calc(var(--decor-y, 50) * -1%))}.m-cbanner__decor>svg{display:block;width:100%;height:auto}.m-cbanner__decor--left{left:var(--decor-x, 16px)}.m-cbanner__decor--right{right:var(--decor-x, 16px)}.m-cbanner__tag{position:absolute;right:19px;top:16px;z-index:5;padding:10px 14px;border-radius:4px;background:var(--Background-Brand-brand-red, #882F12);color:var(--Text-Neutral-primary, #FFF);font-size:var(--Sub-Heading-title-medium-M-size, 18px);font-style:normal;font-weight:500;line-height:normal}@media(max-width:767px){.m-cbanner__tag{right:10px;top:10px;padding:5px 8px;font-size:14px;font-style:normal;font-weight:400;line-height:normal}}.m-cbanner__content{position:relative;z-index:4;display:flex;flex-direction:column;width:100%;height:100%;padding:20px;gap:10px}.m-cbanner__content.v-top{justify-content:flex-start}.m-cbanner__content.v-middle{justify-content:center}.m-cbanner__content.v-bottom{justify-content:flex-end}.m-cbanner__content.h-left{align-items:flex-start}.m-cbanner__content.h-center{align-items:center}.m-cbanner__content.h-right{align-items:flex-end}.m-cbanner__text{max-width:100%}.m-cbanner__heading{color:var(--Background-Neutral-primary, #FFF);font-size:var(--Heading-h2-size, 24px);font-style:normal;font-weight:600;line-height:normal;margin:0 0 8px}.m-cbanner__subheading{margin:0 0 4px}.m-cbanner__button{margin-top:12px}.m-product-item--banner{display:flex}.m-product-item--banner>.m-cbanner{height:100%}@media(max-width:767px){.m-cbanner__content{padding:10px}.m-cbanner__heading{font-size:16px;margin-bottom:0}.m-cbanner__button{font-size:10px;padding:2px 15px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-banner-promotion.css.map */