.hp_membership-banner{--hp_membership-cream: #fff9ef;--hp_membership-ease: cubic-bezier(.2, .7, .2, 1)}@media screen and (max-width:989px){.hp_membership-banner--desktop{display:none}}@media screen and (min-width:990px){.hp_membership-banner--mobile{display:none}}.hp_membership-card{--hp_membership-u: calc(100cqw / 344);container-type:inline-size;position:relative;width:min(calc(100vw * 344 / 392),447.2px);aspect-ratio:344 / 560;margin:0 auto;overflow:hidden;border-radius:40px 0;color:var(--hp_membership-cream);text-align:center;background:radial-gradient(191.31% 928.2% at 50% 50%,#661d1d,#793937,#8c5452,#9f706c,#b38b86 50%,#d9c2bb,#fff9ef)}.hp_membership-media{position:absolute;top:0;left:0;width:100%;height:calc(276 * var(--hp_membership-u));overflow:hidden;border-top-left-radius:40px;background:#000}.hp_membership-video{display:block;width:106%;height:106%;max-width:none;margin:calc(-14 * var(--hp_membership-u)) 0 0 -3%;object-fit:cover;object-position:50% 100%;will-change:transform}.hp_membership-pp{position:absolute;z-index:2;top:calc(252 * var(--hp_membership-u));left:calc(316 * var(--hp_membership-u));width:calc(16 * var(--hp_membership-u));height:calc(16 * var(--hp_membership-u));padding:0;border:0;background:none;cursor:pointer}.hp_membership-pp:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.hp_membership-pp:focus-visible{outline:2px solid #661d1d;outline-offset:3px}.hp_membership-pp svg{position:relative;z-index:1;display:block;width:100%;height:100%;fill:var(--hp_membership-cream);transition:fill .4s cubic-bezier(.4,0,.2,1)}.hp_membership-pp:hover svg,.hp_membership-pp:focus-visible svg{fill:#fff}.hp_membership-pp-play,.hp_membership-pp[aria-pressed=true] .hp_membership-pp-pause{display:none}.hp_membership-pp[aria-pressed=true] .hp_membership-pp-play{display:inline}.hp_membership-title{position:absolute;z-index:1;top:calc(40 * var(--hp_membership-u));left:0;width:100%;margin:0;color:var(--hp_membership-cream);font-weight:400}.hp_membership-title-main,.hp_membership-title-sub{display:block;white-space:nowrap;text-transform:uppercase}.hp_membership-title-main{font-family:TAYRosemary;font-size:calc(56 * var(--hp_membership-u));line-height:calc(56 * var(--hp_membership-u));letter-spacing:-.02em;transform:translateY(-6px)}.hp_membership-title-sub{margin-top:calc(-4 * var(--hp_membership-u));font-family:TAY Birdie;font-size:calc(24 * var(--hp_membership-u));line-height:calc(24 * var(--hp_membership-u));letter-spacing:.12em;transform:translateY(3px)}.hp_membership-mark{position:absolute;z-index:1;top:calc(217 * var(--hp_membership-u));left:calc(97 * var(--hp_membership-u));width:calc(150 * var(--hp_membership-u));will-change:transform}.hp_membership-wordmark{display:block;width:100%;height:auto;overflow:visible}.hp_membership-content{position:absolute;z-index:1;top:calc(360 * var(--hp_membership-u));left:0;width:100%;display:flex;flex-direction:column;align-items:center}.hp_membership-text{width:calc(240 * var(--hp_membership-u));margin:0;font-size:calc(16 * var(--hp_membership-u));line-height:calc(24 * var(--hp_membership-u));font-weight:500;letter-spacing:0;color:var(--hp_membership-cream)}.hp_membership-button{position:absolute;top:calc(116 * var(--hp_membership-u) - 1.5px);left:50%;display:flex;align-items:center;justify-content:center;width:calc(160 * var(--hp_membership-u) + 3px);height:calc(40 * var(--hp_membership-u) + 3px);margin-left:calc(-80 * var(--hp_membership-u) - 1.5px);overflow:hidden;isolation:isolate;border:1.5px solid #000;border-radius:160px;background:linear-gradient(90deg,#7ba6dd,#aed2ff 50%,#7ba6dd);color:#000;font-family:FFBlurProMedium;font-size:calc(14 * var(--hp_membership-u));line-height:calc(20 * var(--hp_membership-u));font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .6s var(--hp_membership-ease)}.hp_membership-button:after{content:"";position:absolute;top:-80%;bottom:-80%;left:0;width:90%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fffbf480,#fff8ec2e 55%,#fff6e800);filter:blur(3px);transform:translate3d(-115%,0,0)}.hp_membership-button:hover,.hp_membership-button:focus-visible{transform:translateY(-2px)}.hp_membership-button:hover:after,.hp_membership-button:focus-visible:after{transform:translate3d(130%,0,0);transition:transform 1.6s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:990px){.hp_membership-inner{padding-left:min(60px,calc(100vw * 60 / 1512));padding-right:min(60px,calc(100vw * 60 / 1512))}.hp_membership-card{--hp_membership-u: calc(100cqw / 1393);width:min(calc(100vw * 1393 / 1512),1393px);aspect-ratio:1393 / 320;margin:0 auto;border-radius:64px 0;text-align:left}.hp_membership-media,.hp_membership-pp{display:none}.hp_membership-title{z-index:2;top:calc(82 * var(--hp_membership-u));left:calc(98 * var(--hp_membership-u));width:calc(364 * var(--hp_membership-u))}.hp_membership-title-main,.hp_membership-title-sub{margin:0;font-family:TAYRosemary;font-size:calc(80 * var(--hp_membership-u));line-height:calc(80 * var(--hp_membership-u));letter-spacing:-.02em;transform:translateY(0)}.hp_membership-mark{top:calc(-8 * var(--hp_membership-u));left:calc(504 * var(--hp_membership-u));width:calc(425 * var(--hp_membership-u))}.hp_membership-content{top:calc(68 * var(--hp_membership-u));left:calc(984 * var(--hp_membership-u));width:calc(312 * var(--hp_membership-u));align-items:flex-start}.hp_membership-text{width:100%;font-size:calc(20 * var(--hp_membership-u));line-height:calc(28 * var(--hp_membership-u))}.hp_membership-button{position:relative;top:auto;left:auto;width:calc(190 * var(--hp_membership-u) + 3px);height:calc(48 * var(--hp_membership-u) + 3px);margin:calc(24 * var(--hp_membership-u) - 1.5px) 0 0 -1.5px;font-size:calc(16 * var(--hp_membership-u))}}.hp_membership-banner.hp_membership-is-anim [data-hp-membership-reveal]{opacity:0;translate:0 28px;filter:blur(10px);transition:opacity 1s var(--hp_membership-ease) var(--hp_membership-delay, 0s),translate 1.1s var(--hp_membership-ease) var(--hp_membership-delay, 0s),filter 1s var(--hp_membership-ease) var(--hp_membership-delay, 0s)}.hp_membership-banner.hp_membership-is-anim .hp_membership-is-in[data-hp-membership-reveal]{opacity:1;translate:none;filter:none}.hp_membership-title-main{--hp_membership-delay: .15s}.hp_membership-title-sub{--hp_membership-delay: .3s}.hp_membership-text{--hp_membership-delay: .9s}.hp_membership-button{--hp_membership-delay: 1.05s}.hp_membership-mark-art{--hp_membership-delay: .45s}@media screen and (min-width:990px){.hp_membership-title-sub{--hp_membership-delay: .15s}.hp_membership-mark-art{--hp_membership-delay: .4s}}.hp_membership-banner.hp_membership-is-anim .hp_membership-letter{opacity:0;transform-box:fill-box;transform-origin:20% 100%;transform:translateY(7px) rotate(-5deg) scale(.94)}.hp_membership-banner.hp_membership-is-anim .hp_membership-mark-art.hp_membership-is-in .hp_membership-letter{animation:hp_membership-ltr 1.15s cubic-bezier(.2,.75,.25,1) calc(var(--hp_membership-delay) + var(--hp_membership-offset)) both}@keyframes hp_membership-ltr{0%{opacity:0;transform:translateY(7px) rotate(-5deg) scale(.94)}45%{opacity:1}to{opacity:1;transform:none}}.hp_membership-glint{opacity:0}.hp_membership-mark-art.hp_membership-is-in .hp_membership-glint{animation:hp_membership-glint 9s cubic-bezier(.37,0,.63,1) calc(var(--hp_membership-delay) + .9s) infinite both}@keyframes hp_membership-glint{0%{opacity:1;transform:translate(0)}40%,to{opacity:1;transform:translate(280px)}}.hp_membership-spark{transform-box:fill-box;transform-origin:center;transform:scale(0);opacity:0;filter:drop-shadow(0 0 2.5px rgba(174,210,255,1)) drop-shadow(0 0 6px rgba(123,166,221,.7))}.hp_membership-mark-art.hp_membership-is-in .hp_membership-spark{animation:hp_membership-spark 9s cubic-bezier(.3,0,.3,1) calc(var(--hp_membership-delay) + var(--hp_membership-offset)) infinite both}@keyframes hp_membership-spark{0%{opacity:0;transform:scale(0) rotate(0)}5.056%{opacity:1;transform:scale(var(--hp_membership-size)) rotate(45deg)}14.444%,to{opacity:0;transform:scale(0) rotate(120deg)}}@media(prefers-reduced-motion:reduce){.hp_membership-spark,.hp_membership-glint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/css--yum-club-hp.css.map */