.membership-points-banner{position:relative;height:calc(var(--banner-h-m) * var(--content-ratio-m));overflow:hidden;background:var(--banner-fallback-bg)}.membership-points-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.membership-points-banner__image{display:block;width:100%;height:100%;object-fit:cover}.membership-points-banner__overlay{display:none}.membership-points-banner__content{position:absolute;z-index:2;top:calc(60 * var(--content-ratio-m));left:calc(16 * var(--content-ratio-m));display:flex;flex-direction:column;align-items:center;row-gap:calc(16 * var(--content-ratio-m));width:calc(343 * var(--content-ratio-m));text-align:center}.membership-points-banner__text{display:flex;flex-direction:column;row-gap:calc(10 * var(--content-ratio-m));width:100%}.membership-points-banner__title{margin:0;color:var(--banner-title);font-size:calc(28 * var(--content-ratio-m));font-weight:700;line-height:1.3;letter-spacing:0}.membership-points-banner__body{margin:0;color:var(--banner-body);font-size:calc(14 * var(--content-ratio-m));font-weight:500;line-height:calc(24 / 14);letter-spacing:0;opacity:var(--banner-body-opacity);white-space:pre-line}.membership-points-banner__body--desktop{display:none}.membership-points-banner__button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:calc(10 * var(--content-ratio-m)) calc(18 * var(--content-ratio-m));border-radius:999px;background:var(--banner-button-bg);color:var(--banner-button-text);font-size:calc(12 * var(--content-ratio-m));font-weight:700;line-height:calc(16 / 12);text-decoration:none}.membership-points-banner__button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.membership-points-banner__button:hover{opacity:.9}.membership-points-banner__button:focus-visible{outline:2px solid var(--banner-title);outline-offset:2px}.membership-points-banner__content>xo-animate{display:block;width:100%}.membership-points-banner__content>xo-animate:has(>.membership-points-banner__button){width:auto}@media(min-width:768px){.membership-points-banner{height:calc(var(--banner-h) * var(--content-ratio))}.membership-points-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(90deg,var(--banner-overlay-from) 24.93%,var(--banner-overlay-to) 43.19%);pointer-events:none}.membership-points-banner__content{top:50%;left:calc(80 * var(--content-ratio));align-items:flex-start;row-gap:calc(24 * var(--content-ratio));width:calc(517 * var(--content-ratio));text-align:left;transform:translateY(-50%)}.membership-points-banner__text{row-gap:calc(12 * var(--content-ratio))}.membership-points-banner__title{font-size:calc(44 * var(--content-ratio))}.membership-points-banner__body{font-size:calc(16 * var(--content-ratio));line-height:1.625}.membership-points-banner__body--desktop{display:block}.membership-points-banner__body--mobile{display:none}.membership-points-banner__button{padding:calc(14 * var(--content-ratio)) calc(24 * var(--content-ratio));font-size:calc(16 * var(--content-ratio));line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-membership-points-banner.css.map */