.halloween-banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px 14px 200px;border-radius:20px;overflow:hidden;color:var(--halloween-banner-text, #ffffff);background-image:linear-gradient(243.3622deg,var(--halloween-banner-from, #4f2a7b) 53.882%,var(--halloween-banner-to, #6f43a3) 84.318%)}.halloween-banner__media{position:absolute;top:6.45px;left:12px;width:169px;height:140px;pointer-events:none}.halloween-banner__media img,.halloween-banner__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.halloween-banner__tag{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 6px;border-radius:8px;background:var(--halloween-banner-tag-bg, #2b2b2b)}.halloween-banner .halloween-banner__tag p{margin:0;color:var(--halloween-banner-text, #ffffff);text-align:center;white-space:nowrap}.halloween-banner__body{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.halloween-banner .halloween-banner__title{margin:0;color:var(--halloween-banner-text, #ffffff);white-space:nowrap}.halloween-banner__offer{display:flex;align-items:center;gap:6px}.halloween-banner .halloween-banner__offer p{margin:0;color:var(--halloween-banner-text, #ffffff);white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;text-box:trim-both cap alphabetic}.halloween-banner__compare{text-decoration:line-through;opacity:.5}.halloween-banner__pill{padding:4px 6px;border-radius:6px;background:var(--halloween-banner-pill-bg, #ff6b00)}.halloween-banner__link{position:absolute;top:0;right:0;bottom:0;left:0}@media only screen and (max-width:989px){.halloween-banner{padding-left:156px;background-image:linear-gradient(251.1816deg,var(--halloween-banner-from, #4f2a7b) 53.882%,var(--halloween-banner-to, #6f43a3) 84.318%)}.halloween-banner__media{top:-.45px;left:-26px;width:170px;height:141px}}@media only screen and (min-width:990px){.halloween-banner--narrow{padding-left:112px}.halloween-banner--narrow .halloween-banner__media{top:.65px;left:-68px;width:170px;height:141px}}.halloween-banner--builder-mobile{width:100%;margin-bottom:16px}@media only screen and (max-width:989px){.halloween-banner--builder-mobile{padding-left:144px}.halloween-banner--builder-mobile .halloween-banner__media{left:-38px}}@media only screen and (min-width:990px){.halloween-banner--builder-mobile{display:none}}@media only screen and (max-width:989px){.halloween-banner--narrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/product-halloween-banner.css.map */