:root{--club-ease: cubic-bezier(.22, 1, .36, 1);--club-panel: var(--color-button, 18, 18, 18);--club-panel-text: var(--color-button-text, 255, 255, 255)}club-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:flex;justify-content:flex-end;visibility:hidden;pointer-events:none}club-drawer.active{visibility:visible;pointer-events:auto}.club-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground, 18, 18, 18),.5);opacity:0;transition:opacity var(--duration-default, .3s) ease}.club-drawer__overlay:empty{display:block}club-drawer.active .club-drawer__overlay{opacity:1}.club-drawer__inner{position:relative;height:100%;width:42rem;max-width:calc(100% - 3.5rem);min-width:0;display:flex;flex-direction:column;overflow:hidden;background:rgb(var(--color-background, 255, 255, 255));box-shadow:-.4rem 0 3rem #0000002e;transform:translate(100%);transition:transform var(--duration-default, .3s) var(--club-ease);will-change:transform}club-drawer.active .club-drawer__inner{transform:translate(0)}@media screen and (max-width:749px){.club-drawer__inner{max-width:calc(100% - 2rem)}.club-drawer__body{padding:2.6rem 1.8rem 2.4rem}}.club-drawer__close{position:absolute;top:1.4rem;right:1.4rem;z-index:3;width:4rem;height:4rem;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(var(--club-panel-text),.14);color:rgb(var(--club-panel-text));cursor:pointer;transition:background .2s ease,transform .2s ease}.club-drawer__close:hover{background:rgba(var(--club-panel-text),.26);transform:scale(1.05)}.club-drawer__close .svg-wrapper,.club-drawer__close svg{width:1.7rem;height:1.7rem}club-drawer.intro-complete .club-drawer__close{background:rgba(var(--color-foreground, 18, 18, 18),.08);color:rgb(var(--color-foreground, 18, 18, 18))}club-drawer.intro-complete .club-drawer__close:hover{background:rgba(var(--color-foreground, 18, 18, 18),.16)}.club-drawer__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(120% 120% at 50% 0%,rgba(var(--club-panel-text),.1),transparent 60%),rgb(var(--club-panel));color:rgb(var(--club-panel-text));transition:opacity .5s ease,transform .6s var(--club-ease)}club-drawer.intro-complete .club-drawer__intro{opacity:0;transform:scale(1.04);pointer-events:none}.club-drawer__welcome{margin:0;font-size:1.3rem;letter-spacing:.4em;text-transform:uppercase;font-weight:500;opacity:0}.club-drawer__brand{margin:.8rem 0 0;font-size:clamp(2.1rem,6.4vw,3rem);line-height:1;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;max-width:100%;padding:0 .4rem;opacity:0}.club-drawer__brand span{font-weight:300;opacity:.85}.club-drawer__intro-sub{margin:1.6rem 0 0;font-size:1.3rem;opacity:0;max-width:26rem}club-drawer.active .club-drawer__welcome{animation:club-rise .55s var(--club-ease) .18s both}club-drawer.active .club-drawer__brand{animation:club-zoom .7s var(--club-ease) .28s both}club-drawer.active .club-drawer__intro-sub{animation:club-rise .55s var(--club-ease) .5s both}@keyframes club-zoom{0%{opacity:0;transform:scale(.84)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes club-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.club-drawer__body{flex:1;overflow-y:auto;padding:3.2rem 2.6rem 2.6rem;opacity:0;transform:translateY(1.4rem);transition:opacity .5s ease .05s,transform .55s var(--club-ease) .05s}club-drawer.intro-complete .club-drawer__body{opacity:1;transform:translateY(0)}.club-drawer__eyebrow{margin:0;font-size:1.1rem;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.club-drawer__title{margin:.6rem 0 .4rem;font-size:2.4rem;line-height:1.1;font-weight:700}.club-drawer__lead{margin:0 0 2rem;font-size:1.4rem;opacity:.75}.club-tabs{display:flex;gap:.4rem;padding:.4rem;border-radius:1rem;background:rgba(var(--color-foreground, 18, 18, 18),.06);margin-bottom:2rem}.club-tabs__btn{flex:1;padding:1rem;border:0;border-radius:.7rem;background:transparent;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground, 18, 18, 18));cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.club-tabs__btn[aria-selected=true]{background:rgb(var(--color-background, 255, 255, 255));box-shadow:0 .1rem .6rem #0000001f}.club-panel{display:none}.club-panel.is-active{display:block;animation:club-rise .4s var(--club-ease) both}.club-field{margin-bottom:1.6rem}.club-field__label{display:block;margin:0 0 .7rem .2rem;font-size:1.2rem;font-weight:600;letter-spacing:.01em;color:rgba(var(--color-foreground, 18, 18, 18),.62)}.club-drawer .club-field input[type=email],.club-drawer .club-field input[type=password],.club-drawer .club-field input[type=text]{width:100%;margin:0;padding:1.5rem 1.6rem;font-size:max(16px,1.5rem);line-height:1.2;color:rgb(var(--color-foreground, 18, 18, 18));border:.15rem solid rgba(var(--color-foreground, 18, 18, 18),.14);border-radius:1.2rem;background:rgba(var(--color-foreground, 18, 18, 18),.025);box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-appearance:none;appearance:none}.club-drawer .club-field input::placeholder{color:rgba(var(--color-foreground, 18, 18, 18),.38)}.club-drawer .club-field input:hover{border-color:rgba(var(--color-foreground, 18, 18, 18),.26)}.club-drawer .club-field input:focus{outline:none;border-color:var(--club-teal, #0eadb6);background:rgb(var(--color-background, 255, 255, 255));box-shadow:0 0 0 .4rem #0eadb629}.club-drawer .club-field input:-webkit-autofill,.club-drawer .club-field input:-webkit-autofill:hover,.club-drawer .club-field input:-webkit-autofill:focus{-webkit-text-fill-color:rgb(var(--color-foreground, 18, 18, 18));-webkit-box-shadow:0 0 0 100rem rgb(var(--color-background, 255, 255, 255)) inset;caret-color:rgb(var(--color-foreground, 18, 18, 18))}.club-drawer__submit{width:100%;margin-top:.6rem;padding:1.4rem;border:0;border-radius:.9rem;background:rgb(var(--club-panel));color:rgb(var(--club-panel-text));font-size:1.5rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,opacity .2s ease}.club-drawer__submit:hover{opacity:.92}.club-drawer__submit:active{transform:translateY(.1rem)}.club-drawer__link{display:inline-block;margin-top:1.4rem;font-size:1.3rem;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;color:inherit}.club-drawer__form-message{margin:0 0 1.4rem;padding:1rem 1.2rem;border-radius:.8rem;font-size:1.3rem;background:rgba(var(--color-foreground, 18, 18, 18),.06)}.club-drawer__form-message--error{background:#dc26261a;color:#b91c1c}.club-progress{margin:0 0 2rem}.club-progress__head{display:flex;justify-content:flex-end;align-items:baseline;font-size:1.25rem;margin-bottom:.4rem}.club-progress__level b{font-weight:800}.club-progress__next{opacity:.65;font-weight:600}.club-steps{--club-teal: #0eadb6;margin:1.4rem 0 .6rem;padding:0 2rem}.club-steps__wrap{position:relative}.club-steps__bar{--club-arrow: 1.7rem;--club-border: .26rem;position:relative;height:3.6rem;background:var(--club-teal);clip-path:polygon(0 0,calc(100% - var(--club-arrow)) 0,100% 50%,calc(100% - var(--club-arrow)) 100%,0 100%,var(--club-arrow) 50%)}.club-steps__inner{position:absolute;inset:var(--club-border);overflow:hidden;background:rgb(var(--color-background, 255, 255, 255));clip-path:polygon(0 0,calc(100% - 1.45rem) 0,100% 50%,calc(100% - 1.45rem) 100%,0 100%,1.45rem 50%)}.club-steps__inner .club-steps__fill{--arrow: 1.6rem;display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--p, 0) * 1% + (var(--arrow) / 2));background:var(--club-teal);clip-path:polygon(0 0,calc(100% - var(--arrow)) 0,100% 50%,calc(100% - var(--arrow)) 100%,0 100%);transition:width .9s var(--club-ease)}.club-steps__inner .club-steps__fill .club-dots{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.35) 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.35) 45%,#000 100%)}.club-steps__inner .club-steps__fill .club-dots i{position:absolute;border-radius:50%;background:#fff;opacity:0;will-change:transform,opacity;animation:club-dot var(--dur, 1.2s) linear var(--delay, 0s) infinite}@keyframes club-dot{0%{opacity:0;transform:translate(0)}18%{opacity:1}55%{transform:translate(calc(var(--drift) * .55),var(--yd))}to{opacity:0;transform:translate(var(--drift))}}.club-steps__value{position:absolute;bottom:calc(100% + 1.2rem);transform:translate(-50%);z-index:3;padding:.4rem .9rem;border-radius:.7rem;background:rgb(var(--color-foreground, 18, 18, 18));color:rgb(var(--color-background, 255, 255, 255));font-size:1.2rem;font-weight:700;white-space:nowrap;transition:left .9s var(--club-ease)}.club-steps__value:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.5rem solid transparent;border-top-color:rgb(var(--color-foreground, 18, 18, 18))}.club-steps__marks{position:relative;height:3rem;margin-top:.5rem}.club-steps__mark{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:opacity .3s ease}.club-steps__mark i{width:1rem;height:1rem;border-radius:50%;background:rgba(var(--color-foreground, 18, 18, 18),.22)}.club-steps__mark.is-reached i,.club-steps__mark.is-current i{background:var(--mk)}.club-steps__mark em{font-style:normal;font-size:1.05rem;white-space:nowrap;opacity:.5}.club-steps__mark em b{font-weight:800}.club-steps__mark.is-reached em{opacity:.75}.club-steps__mark.is-current em{opacity:1;font-weight:700;font-size:1.2rem}.club-steps__mark.is-current i{box-shadow:0 0 0 .35rem rgba(var(--color-foreground, 18, 18, 18),.08);transform:scale(1.25)}.club-steps__mark:first-child{transform:translate(-18%)}.club-steps__mark:last-child{transform:translate(-82%)}.club-snapshot__links{display:flex;flex-direction:column;gap:.8rem}.club-snapshot__link{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;border-radius:1rem;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.12);font-size:1.4rem;font-weight:600;text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease}.club-snapshot__link:hover{background:rgba(var(--color-foreground, 18, 18, 18),.04);transform:translate(.2rem)}.club-snapshot__link--logout{border:0;opacity:.7;font-weight:500;justify-content:center}.club-nav{position:relative;overflow:hidden;transition:height .42s var(--club-ease)}.club-view{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transform-origin:center;transition:transform .52s var(--club-spring, cubic-bezier(.34, 1.26, .5, 1)),opacity .3s ease,filter .45s ease}.club-view.is-active{position:relative;opacity:1;transform:none;filter:none;pointer-events:auto}.club-view.is-enter-right{transform:translate(100%) scale(.97);opacity:1}.club-view.is-enter-left{transform:translate(-100%) scale(.97);opacity:1}.club-view.is-leave-left{position:absolute;transform:translate(-24%) scale(.85);opacity:0;filter:blur(.4rem)}.club-view.is-leave-right{position:absolute;transform:translate(24%) scale(.85);opacity:0;filter:blur(.4rem)}@keyframes club-item-in{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}.club-view.is-active .club-steps,.club-view.is-active .club-snapshot__links,.club-view.is-active .club-ledger__card{animation:club-item-in .5s var(--club-spring, cubic-bezier(.34, 1.26, .5, 1)) both}.club-view.is-active .club-steps{animation-delay:.12s}.club-view.is-active .club-snapshot__links{animation-delay:.24s}.club-view.is-active .club-ledger__card:nth-child(1){animation-delay:.06s}.club-view.is-active .club-ledger__card:nth-child(2){animation-delay:.12s}.club-view.is-active .club-ledger__card:nth-child(3){animation-delay:.18s}.club-view.is-active .club-ledger__card:nth-child(4){animation-delay:.24s}.club-view.is-active .club-ledger__card:nth-child(5){animation-delay:.3s}.club-view.is-active .club-ledger__card:nth-child(6){animation-delay:.36s}.club-snapshot__link{background:transparent;width:100%;font-family:inherit;cursor:pointer;text-align:left}.club-view__back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.4rem 0;background:none;border:0;font:inherit;font-size:1.3rem;font-weight:600;color:inherit;cursor:pointer;opacity:.7;transition:opacity .2s ease}.club-view__back:hover{opacity:1}.club-view__back span{font-size:1.8rem;line-height:1}.club-view__title{margin:.4rem 0 1.4rem;font-size:2rem;font-weight:700}.club-ledger{border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.14);border-radius:1rem;overflow:hidden}.club-ledger__card{padding:1.6rem;border-top:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.1)}.club-ledger__card:first-child{border-top:0}.club-ledger__head{display:flex;align-items:baseline;justify-content:space-between}.club-ledger__title{font-size:1.55rem;font-weight:800}.club-ledger__date{font-size:1.2rem;opacity:.45}.club-ledger__lines{margin-top:1.1rem;display:flex;flex-direction:column;gap:.5rem}.club-ledger__line{display:flex;align-items:center;justify-content:space-between;font-size:1.4rem}.club-ledger__line span{opacity:.7}.club-ledger__line b{font-weight:800;display:inline-flex;align-items:center;gap:.45rem}.club-ledger__line b .club-coin{width:1.5rem;height:1.5rem;color:#111}.club-ledger__line b.is-pos,.club-ledger__line b.is-pos .club-coin{color:#0b8f97}.club-ledger__line b.is-neg{color:rgb(var(--color-foreground, 18, 18, 18))}.club-ledger__levelup{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;font-size:1.4rem}.club-ledger__big{font-size:3.4rem;font-weight:800;line-height:1;color:#0b8f97}.club-coin{width:1.7rem;height:1.7rem;color:#e0a800;flex:none}.club-drawer__preview-banner{margin:0 0 1.2rem;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.club-acct-bar{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.3rem 1.2rem 1.6rem;margin:-1.9rem 4.2rem 1.8rem 0;min-height:5.6rem;border-radius:1.3rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1b1b21,#0c0c10);color:#fff}.club-drawer__inner:has(.club-acct-bar) .club-drawer__close{top:2.1rem}.club-acct-bar__tier{display:flex;flex-direction:column;gap:.3rem;min-width:0;overflow:hidden}.club-acct-bar__level{font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-acct-bar__status{font-size:.95rem;font-weight:600;line-height:1;letter-spacing:.1em;text-transform:uppercase;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-acct-bar__pts{margin-left:auto;padding-left:1.6rem;flex:none;display:flex;align-items:baseline;gap:.35rem}.club-acct-bar__pts-num{font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.club-acct-bar__pts-cap{font-size:1.05rem;font-weight:700;opacity:.5}.club-acct-bar__disc{flex:none;font-size:1.25rem;font-weight:800;line-height:1;padding:.7rem 1.1rem;border-radius:.8rem;background:#0eadb6;color:#fff;white-space:nowrap}@media screen and (max-width:480px){.club-acct-bar{gap:.9rem;padding:1.1rem 1.1rem 1.1rem 1.3rem;margin-right:3.2rem}.club-acct-bar__pts{padding-left:.6rem}.club-acct-bar__level,.club-acct-bar__pts-num{font-size:1.35rem}.club-acct-bar__disc{font-size:1.15rem;padding:.6rem .9rem}}.club-perks__intro{margin:0 0 1.8rem;font-size:1.4rem;line-height:1.5;opacity:.72}.club-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.club-perk{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.6rem 1.6rem 1.6rem 2rem;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.12);border-radius:1.2rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.club-perk__bar{position:absolute;left:0;top:0;bottom:0;width:.5rem;background:var(--mk);opacity:.45}.club-perk__main{flex:1;display:flex;flex-direction:column;gap:.3rem}.club-perk__level{font-size:1.5rem;font-weight:700}.club-perk__level b{font-weight:800}.club-perk__status{font-size:1.2rem;opacity:.6}.club-perk__disc{display:flex;align-items:baseline;gap:.3rem;font-size:2.2rem;font-weight:800;color:var(--mk)}.club-perk__disc small{font-size:1.1rem;font-weight:600;opacity:.7}.club-perk:not(.is-reached):not(.is-current){opacity:.72}.club-perk.is-current{border-color:var(--mk);box-shadow:inset 0 0 0 .12rem var(--mk)}.club-perk.is-current .club-perk__bar{opacity:1;width:.7rem}.club-perk.is-current .club-perk__status{opacity:1;font-weight:700;color:var(--mk)}.club-view.is-active .club-perk{animation:club-item-in .5s var(--club-spring, cubic-bezier(.34, 1.26, .5, 1)) both}.club-view.is-active .club-perk:nth-child(1){animation-delay:.06s}.club-view.is-active .club-perk:nth-child(2){animation-delay:.12s}.club-view.is-active .club-perk:nth-child(3){animation-delay:.18s}.club-view.is-active .club-perk:nth-child(4){animation-delay:.24s}@media(prefers-reduced-motion:reduce){.club-nav,.club-view{transition:none!important}.club-view.is-active .club-steps,.club-view.is-active .club-snapshot__links,.club-view.is-active .club-ledger__card,.club-view.is-active .club-perk{animation:none!important}.club-drawer__overlay,.club-drawer__inner,.club-drawer__intro,.club-drawer__body,.club-panel.is-active{transition:none!important;animation:none!important}.club-drawer__welcome,.club-drawer__brand,.club-drawer__intro-sub{opacity:1!important;animation:none!important}club-drawer.active .club-drawer__inner{transform:translate(0)}.club-drawer__body{opacity:1;transform:none}.club-dots i{animation:none!important;opacity:.55!important}.club-steps__inner .club-steps__fill,.club-steps__value{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/component-club-drawer.css.map */