.membership-banner-wrapper .membership-banner__page-width{padding-left:0;padding-right:0}@media screen and (min-width:750px){.membership-banner-wrapper .membership-banner__page-width{padding-left:40px;padding-right:40px;max-width:1440px}}.membership-banner-wrapper .membership-banner{position:relative;width:100%;box-sizing:border-box;overflow:hidden}.membership-banner__media{position:relative;width:100%;line-height:0}.membership-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.membership-banner__image--mobile{display:none}.membership-banner__badge{position:absolute;top:var(--mb-badge-offset-mobile);right:var(--mb-badge-offset-mobile);width:var(--mb-badge-size-mobile);height:var(--mb-badge-size-mobile);border-radius:50%;background-color:var(--mb-badge-bg-color, #ffffff);display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;box-shadow:0 2px 8px #0000000d}.membership-banner__badge-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}.membership-banner__badge-percent,.membership-banner__badge-label{display:block;text-transform:capitalize}.membership-banner__badge-percent{font-weight:500;line-height:1.25}.membership-banner__badge-label{font-weight:500;line-height:1.25;text-transform:uppercase;letter-spacing:.02em}.membership-banner__content{background-color:var(--mb-card-bg, #b7c4a5)}.membership-banner__content-inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.membership-banner__heading{margin:0;line-height:1.2;text-transform:capitalize;letter-spacing:normal}.membership-banner__description{margin:0;line-height:1.5;letter-spacing:normal}.membership-banner__description>*{margin:0}.membership-banner__description>*+*{margin-top:.5em}.membership-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 30px;border-radius:85px;text-decoration:none;text-transform:uppercase;font-weight:600;line-height:1.2;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;letter-spacing:normal}.membership-banner__button:hover{opacity:.9}.membership-banner__button:active{transform:translateY(1px)}.membership-banner-wrapper .membership-banner{display:flex;flex-direction:column;background-color:var(--mb-card-bg, #b7c4a5);border-radius:0;padding-top:40px}.membership-banner__media{width:calc(100% - 32px);margin:0 auto;height:var(--mb-image-height-mobile, 320px);border-radius:var(--mb-radius-tl-mobile, 12px) var(--mb-radius-tr-mobile, 12px) var(--mb-radius-br-mobile, 32px) var(--mb-radius-bl-mobile, 12px);overflow:hidden;background-color:#00000010}.membership-banner__media .membership-banner__image,.membership-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.membership-banner-wrapper .membership-banner--has-mobile-image .membership-banner__image--desktop{display:none}.membership-banner-wrapper .membership-banner--has-mobile-image .membership-banner__image--mobile{display:block}.membership-banner__content{background-color:transparent;width:100%;padding:24px 16px 40px;box-sizing:border-box}.membership-banner__content-inner{gap:16px}.membership-banner__heading{font-size:32px}.membership-banner__description{font-size:16px}.membership-banner__button{padding:11px 30px}@media screen and (min-width:750px){.membership-banner-wrapper .membership-banner{flex-direction:row;align-items:stretch;background-color:transparent;padding-top:0;height:var(--mb-banner-height-desktop, 400px);border-radius:var(--mb-radius-tl-desktop, 16px) var(--mb-radius-tr-desktop, 16px) var(--mb-radius-br-desktop, 80px) var(--mb-radius-bl-desktop, 16px)}.membership-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:inherit;overflow:hidden;z-index:0}.membership-banner__media .membership-banner__image--desktop,.membership-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.membership-banner-wrapper .membership-banner--has-mobile-image .membership-banner__image--mobile{display:none}.membership-banner-wrapper .membership-banner--has-mobile-image .membership-banner__image--desktop{display:block}.membership-banner__content{position:relative;z-index:1;width:var(--mb-card-width-desktop, 560px);max-width:100%;height:100%;padding:40px;box-sizing:border-box;background-color:var(--mb-card-bg, #b7c4a5);display:flex;flex-direction:column;justify-content:center;border-top-left-radius:var(--mb-radius-tl-desktop, 16px);border-bottom-left-radius:var(--mb-radius-bl-desktop, 16px)}.membership-banner__content-inner{gap:12px}.membership-banner__heading{font-size:40px}.membership-banner__description{font-size:20px}.membership-banner__button{padding:18px 30px;margin-top:0}.membership-banner__badge{top:var(--mb-badge-offset-desktop, 24px);right:var(--mb-badge-offset-desktop, 24px);width:var(--mb-badge-size-desktop, 102px);height:var(--mb-badge-size-desktop, 102px)}}@media screen and (min-width:750px)and (max-width:989px){.membership-banner-wrapper .membership-banner{height:auto;min-height:var(--mb-banner-height-desktop, 400px)}.membership-banner__content{width:min(var(--mb-card-width-desktop, 560px),60%);padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-membership-banner.css.map */