.promo-banner{position:relative;display:flex;align-items:center;overflow:hidden;min-height:34rem;border-radius:2rem;padding:3.2rem 3rem;background:radial-gradient(120% 140% at 15% 30%,color-mix(in srgb,var(--pb-bg) 85%,white) 0%,var(--pb-bg) 55%,color-mix(in srgb,var(--pb-bg) 85%,black) 100%);text-decoration:none;color:inherit}.promo-banner__badge{position:absolute;top:1.6rem;right:1.6rem;z-index:3;background:var(--pb-accent);color:#fff;font-size:1.2rem;font-weight:700;line-height:1.3;text-align:center;padding:.9rem 1.4rem;border-radius:1rem;box-shadow:0 .8rem 2rem -.6rem color-mix(in srgb,var(--pb-accent) 70%,transparent)}.promo-banner__badge small{display:block;font-size:.95rem;font-weight:600;opacity:.85;margin-top:.2rem}.promo-banner__content{position:relative;z-index:2;max-width:42rem}.promo-banner__eyebrow{color:var(--pb-eyebrow);font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem}.promo-banner__heading{color:#fff;font-size:2.6rem;font-weight:800;line-height:1.15;margin:0 0 1.2rem}.promo-banner__text{color:#ffffffd1;font-size:1.5rem;line-height:1.5;margin:0 0 2rem;max-width:40ch}.promo-banner__button{display:inline-flex;align-items:center;gap:.8rem;background:var(--pb-button-bg);color:var(--pb-button-text);font-size:1.4rem;font-weight:700;padding:1.2rem 2rem;border-radius:999px;transition:opacity .2s ease}.promo-banner:hover .promo-banner__button{opacity:.85}.promo-banner__button .icon-wrap{width:1.4rem;height:1.4rem}.promo-banner__button .icon-wrap svg{width:100%;height:100%;fill:currentColor}.promo-banner__media{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:34rem;height:34rem;z-index:1;display:flex;align-items:center;justify-content:center}.promo-banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#f6f4ee2e,#f6f4ee00 70%)}.promo-banner__media img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.4))}@media screen and (max-width:749px){.promo-banner{flex-direction:column;align-items:flex-start;min-height:0;padding:2.4rem 2rem;gap:2rem}.promo-banner__badge{position:static;align-self:flex-start}.promo-banner__media{position:static;transform:none;width:100%;max-width:22rem;height:22rem;margin:0 auto}.promo-banner__heading{font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-promo-banner.css.map */