.promo-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--promo-banner-height);overflow:hidden;background-color:var(--promo-banner-bg);color:var(--promo-banner-text)}.promo-banner__media,.promo-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.promo-banner__img{object-fit:cover}.promo-banner--has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--promo-banner-overlay));pointer-events:none}.promo-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.promo-banner__link:focus-visible{outline:2px solid var(--promo-banner-text);outline-offset:-4px}.promo-banner__content{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding-top:6px;padding-bottom:6px;text-align:center;pointer-events:none}.promo-banner--left .promo-banner__content{justify-content:flex-start;text-align:left}.promo-banner__content a{pointer-events:auto}.promo-banner__text{margin:0;font-size:var(--promo-banner-font-size);line-height:1.2;color:inherit}.promo-banner__text a{color:inherit}.promo-banner__btn{flex-shrink:0;white-space:nowrap}.promo-banner .promo-banner__btn{font-size:var(--promo-banner-btn-font-size)}.promo-banner__btn.btn{padding:.46em 2em}.promo-banner__btn.link{color:inherit;text-decoration:underline}.promo-banner__btn--custom{--promo-banner-btn-base: var(--promo-banner-btn-bg);border:var(--promo-banner-btn-border-width) solid var(--promo-banner-btn-border);outline-color:var(--promo-banner-btn-border);outline-offset:3px;background:var(--promo-banner-btn-base) linear-gradient(104deg,var(--promo-banner-btn-hover-bg) 60%,var(--promo-banner-btn-base) 60%,var(--promo-banner-btn-base) 100%) no-repeat 100% 100%;background-size:300% 100%;color:var(--promo-banner-btn-text)}.promo-banner__btn--outline{--promo-banner-btn-base: transparent;background-color:transparent;color:var(--promo-banner-btn-border)}@media(hover:hover)and (pointer:fine){.promo-banner:has(.promo-banner__link:hover) .promo-banner__btn.btn,.promo-banner__btn--custom:hover{background-position:0 100%}.promo-banner:has(.promo-banner__link:hover) .promo-banner__btn--custom,.promo-banner__btn--custom:hover{color:var(--promo-banner-btn-hover-text)}}@media(max-width:768px){.promo-banner__content{gap:6px 10px}.promo-banner__btn.btn{padding:.3em .92em}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/promo-banner.css.map */