.membership-banner{--mb-bg: #7ba6dd;--mb-text: #000000;--mb-star: #cb8900;position:relative;z-index:2;background-color:var(--mb-bg);color:var(--mb-text);border-radius:0 0 32px 32px;overflow:hidden}.membership-banner__inner{position:relative;display:flex;align-items:center;min-height:64px;padding:20px 0 20px 60px;max-width:1512px;margin:0 auto}.membership-banner__rating{display:flex;align-items:center;gap:16px;flex:none}.membership-banner__stars{display:block;flex:none;width:144px;height:24px;overflow:visible;object-fit:cover;object-position:left center}.membership-banner__stars--d{width:147px;height:27px;margin:-1px -1px -2px -2px}.membership-banner__stars--m,.membership-banner__stars--m-img{display:none}.membership-banner__rating picture{display:contents}.membership-banner__rating-text{color:var(--mb-text);font-size:24px;line-height:24px;letter-spacing:-.24px;text-transform:uppercase;white-space:nowrap;font-family:TAY Birdie;transform:translateY(3px)}.membership-banner__marquee{position:absolute;top:0;bottom:0;left:556px;right:0;display:flex;align-items:center;padding-left:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),rgba(0,0,0,.31) calc(100% - 160px),transparent calc(100% - 107.5px));mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),rgba(0,0,0,.31) calc(100% - 160px),transparent calc(100% - 107.5px))}.membership-banner__track{display:flex;align-items:center;width:max-content}.membership-banner__track{animation:mb-marquee 56s linear infinite}.membership-banner:hover .membership-banner__track,.membership-banner:focus-within .membership-banner__track,.membership-banner.is-paused .membership-banner__track{animation-play-state:paused}.membership-banner__pp{position:absolute;top:20px;right:60px;z-index:1;width:24px;height:24px;padding:0;border:0;background:none;color:var(--mb-text);cursor:pointer}.membership-banner__pp:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.membership-banner__pp:focus-visible{outline:2px solid #661d1d;outline-offset:3px}.membership-banner__pp-icon{display:block;overflow:visible}.membership-banner__pp-icon--m{display:none}.membership-banner__pp-disc{fill:var(--mb-bg);stroke:var(--mb-text);stroke-width:1px}.membership-banner__pp-pause,.membership-banner__pp-play{fill:var(--mb-text)}.membership-banner__pp-disc,.membership-banner__pp-pause,.membership-banner__pp-play{transition:fill .4s cubic-bezier(.4,0,.2,1)}.membership-banner__pp:hover .membership-banner__pp-disc,.membership-banner__pp:focus-visible .membership-banner__pp-disc{fill:var(--mb-text)}.membership-banner__pp:hover .membership-banner__pp-pause,.membership-banner__pp:hover .membership-banner__pp-play,.membership-banner__pp:focus-visible .membership-banner__pp-pause,.membership-banner__pp:focus-visible .membership-banner__pp-play{fill:#fff}.membership-banner__pp-play,.membership-banner__pp[aria-pressed=true] .membership-banner__pp-pause{display:none}.membership-banner__pp[aria-pressed=true] .membership-banner__pp-play{display:inline}.membership-banner__review{margin:0 64px 0 0;color:var(--mb-text);font-size:18px;line-height:24px;font-weight:500;white-space:nowrap;font-family:Matter;letter-spacing:0}@keyframes mb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width:749px){.membership-banner{border-radius:0 0 24px 24px}.membership-banner__inner{flex-direction:column;align-items:stretch;min-height:96px;padding:14px 24px 12px;text-align:center}.membership-banner__rating{flex:none;justify-content:center;width:100%;gap:12px;padding-bottom:14px;margin-bottom:14px;background:linear-gradient(90deg,var(--mb-text) 25%,transparent 25% 75%,var(--mb-text) 75%) left bottom / calc(100% / 14) 1px repeat-x}.membership-banner__stars{width:96px;height:18px;object-fit:fill}.membership-banner__stars--d{display:none}.membership-banner__stars--m-img{display:block}.membership-banner__stars--m{display:block;width:99px;height:19px;margin:-1px -1px -2px -2px}.membership-banner__rating-text{font-size:19px;line-height:24px;letter-spacing:-.19px;transform:translateY(.5px)}.membership-banner__pp{top:44px;right:auto;left:50%;width:16px;height:16px;margin-left:-8px}.membership-banner__pp-icon--d{display:none}.membership-banner__pp-icon--m{display:block}.membership-banner__marquee{position:static;display:block;padding:0;-webkit-mask-image:none;mask-image:none}.membership-banner__track{display:grid;width:100%;animation:none}.membership-banner__review{grid-area:1 / 1;margin:0;font-size:13px;line-height:20px;text-align:center;visibility:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 38%,transparent 62% 100%);mask-image:linear-gradient(90deg,#000 0 38%,transparent 62% 100%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.membership-banner__review.is-on{visibility:visible;animation:mb-quote-in 2.2s cubic-bezier(.55,.05,.25,1) forwards}.membership-banner__review.is-out{visibility:visible;animation:mb-quote-out 1.8s cubic-bezier(.55,.05,.25,1) forwards;-webkit-mask-image:linear-gradient(90deg,transparent 0 38%,#000 62% 100%);mask-image:linear-gradient(90deg,transparent 0 38%,#000 62% 100%)}.membership-banner__review.is-still{animation:none;-webkit-mask:none;mask:none}.membership-banner__review[aria-hidden=true]{display:none}}@keyframes mb-quote-in{0%{-webkit-mask-position:100% 0;mask-position:100% 0;transform:translate3d(-6px,0,0)}to{-webkit-mask-position:0 0;mask-position:0 0;transform:none}}@keyframes mb-quote-out{0%{-webkit-mask-position:100% 0;mask-position:100% 0;transform:none}to{-webkit-mask-position:0 0;mask-position:0 0;transform:translate3d(6px,0,0)}}@media(prefers-reduced-motion:reduce){.membership-banner__track{animation:none}.membership-banner__review.is-on{animation:none;-webkit-mask:none;mask:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/css--membership-banner.css.map */