.membership-panel{display:flex;flex-direction:column;gap:14px;font-family:var(--font-body--family);color:var(--color-foreground, #2b2119)}.membership-panel__greeting{padding-inline:2px}.membership-panel__welcome{margin:0;font-size:.95rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__card{background:var(--color-background, #fff);border:var(--style-border-drawer, 1px solid rgba(0, 0, 0, .08));border-radius:var(--style-border-radius-lg, 12px);padding:18px 20px;box-shadow:0 1px 4px rgba(var(--color-foreground-rgb, 43, 33, 25),.05)}.membership-panel__label{margin:0 0 12px;font-size:.8rem;letter-spacing:.08em;color:var(--color-foreground-muted, #6f645a)}.membership-panel__tier-row{display:flex;align-items:flex-start;gap:12px}.membership-panel__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(var(--color-foreground-rgb, 43, 33, 25),.06);font-size:1.1rem}.membership-panel__tier-name{margin:0;font-family:var(--font-heading--family, inherit);font-size:1.15rem;line-height:1.3}.membership-panel__tier-next{margin:4px 0 0;font-size:.85rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__tier-next-en{display:block;margin-top:2px;font-size:.75rem;opacity:.8}.membership-panel__progress{margin-top:14px;height:8px;border-radius:4px;background:var(--membership-track, #ece5d8);overflow:hidden}.membership-panel__progress-fill{height:100%;border-radius:4px;background:var(--membership-fill, var(--color-primary-button-background, #3d3125));transition:width .6s cubic-bezier(.22,.61,.36,1)}.membership-panel__progress-amounts{margin:6px 0 0;font-size:.78rem;text-align:right;color:var(--color-foreground-muted, #6f645a)}.membership-panel__renewal{margin:10px 0 0;padding-top:10px;border-top:1px dashed rgba(var(--color-foreground-rgb, 43, 33, 25),.15);font-size:.82rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__row{display:flex;gap:12px;padding-block:12px}.membership-panel__row+.membership-panel__row{border-top:1px solid rgba(var(--color-foreground-rgb, 43, 33, 25),.08)}.membership-panel__row:first-of-type{padding-top:0}.membership-panel__row:last-of-type{padding-bottom:0}.membership-panel__row-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(var(--color-foreground-rgb, 43, 33, 25),.06);overflow:hidden}.membership-panel__badge svg{width:22px;height:22px}.membership-panel__row-icon svg{width:19px;height:19px}.membership-panel__icon-img{width:100%;height:100%;object-fit:contain}.membership-panel__row-body{min-width:0}.membership-panel__row-title{margin:0;font-size:.95rem}.membership-panel__row-note{margin:3px 0 0;font-size:.8rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__code{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:7px 12px;border:1px dashed var(--color-primary-button-background, #3d3125);border-radius:var(--style-border-radius-md, 8px);background:rgba(var(--color-foreground-rgb, 43, 33, 25),.03);font-family:inherit;font-size:.88rem;letter-spacing:.05em;color:var(--color-foreground, #2b2119);cursor:pointer}.membership-panel__code:hover{background:rgba(var(--color-foreground-rgb, 43, 33, 25),.07)}.membership-panel__code-hint{font-size:.75rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__code.is-copied .membership-panel__code-hint{color:var(--color-primary-button-background, #3d3125)}.membership-panel__birthday{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.membership-panel__birthday-input{flex:1 1 150px;max-width:200px;padding:8px 10px;font-size:.88rem;border:1px solid var(--color-input-border, #d8d0c4);border-radius:var(--style-border-radius-inputs, 6px);background:var(--color-input-background, #fff);color:var(--color-input-text, inherit)}.membership-panel__birthday-save{padding:8px 16px;font-size:.88rem;border:none;border-radius:var(--style-border-radius-buttons-primary, 6px);background:var(--color-primary-button-background, #3d3125);color:var(--color-primary-button-text, #fff);cursor:pointer}.membership-panel__birthday-save:disabled{opacity:.6;cursor:default}.membership-panel__birthday-note{margin:6px 0 0;font-size:.78rem;color:var(--color-foreground-muted, #6f645a)}.membership-panel__stamp-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.membership-panel__stamp{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px dashed rgba(var(--color-foreground-rgb, 43, 33, 25),.35);font-size:1rem;color:var(--members-widget-accent-text, #f7f4ee)}.membership-panel__stamp.is-filled{border-style:solid;border-color:var(--members-widget-accent, var(--color-primary-button-background, #3d3125));background:var(--members-widget-accent, var(--color-primary-button-background, #3d3125))}.membership-panel__stamp-ready{margin:10px 0 8px;font-size:.9rem;font-weight:600}.membership-panel__stamp-reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.membership-panel__stamp-reward{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid rgba(var(--color-foreground-rgb, 43, 33, 25),.15);border-radius:var(--style-border-radius-md, 8px);background:var(--color-background, #fff);cursor:pointer;font-family:inherit}.membership-panel__stamp-reward:hover{border-color:var(--members-widget-accent, #3d3125)}.membership-panel__stamp-reward:disabled{opacity:.55;cursor:default}.membership-panel__stamp-reward-img{width:64px;height:64px;object-fit:cover;border-radius:8px}.membership-panel__stamp-reward-title{font-size:.78rem;text-align:center;line-height:1.35}.membership-panel__stamp-reward-cta{font-size:.78rem;font-weight:600;color:var(--members-widget-accent, #3d3125)}.membership-panel__stamp-note{margin:10px 0 0;font-size:.82rem;font-weight:500}.membership-panel__credit-balance{margin:0 0 4px;font-family:var(--font-heading--family, inherit);font-size:1.6rem;line-height:1.2}.membership-panel__links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-inline:2px}.membership-panel__link{font-size:.85rem;color:var(--color-foreground, #2b2119);text-decoration:underline;text-underline-offset:3px}.membership-panel__link--primary{font-weight:600}.membership-panel__links--buttons{flex-direction:column;gap:8px;padding-inline:0}.membership-panel__links--buttons .membership-panel__link{display:block;width:100%;padding:11px 16px;text-align:center;text-decoration:none;border-radius:var(--style-border-radius-buttons-primary, 6px);border:1px solid var(--members-widget-accent, var(--color-primary-button-background, #3d3125));box-sizing:border-box}.membership-panel__links--buttons .membership-panel__link--primary{background:var(--members-widget-accent, var(--color-primary-button-background, #3d3125));color:var(--members-widget-accent-text, var(--color-primary-button-text, #f7f4ee));border-color:transparent}.membership-panel__button{display:inline-block;margin-top:14px;padding:10px 22px;border-radius:var(--style-border-radius-buttons-primary, 6px);background:var(--color-primary-button-background, #3d3125);color:var(--color-primary-button-text, #fff);font-size:.9rem;text-decoration:none;text-align:center}.membership-panel__button:hover{background:var(--color-primary-button-hover-background, #2b2119);color:var(--color-primary-button-hover-text, #fff)}.membership-panel__signin{text-align:center;padding-block:28px}.membership-panel__signin .membership-panel__link{display:block;margin-top:12px}.members-hub{background:var(--members-hub-background, transparent)}.members-hub__inner{max-width:560px;margin-inline:auto;padding-inline:20px}.members-hub__heading{margin:0 0 4px;font-family:var(--font-heading--family, inherit);font-size:1.7rem;text-align:center}.members-hub__subheading{margin:0 0 26px;text-align:center;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-foreground-muted, #6f645a)}.membership-widget__launcher{position:fixed;bottom:var(--members-widget-bottom, 22px);z-index:900;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:none;border-radius:50%;background:var(--members-widget-accent, var(--color-primary-button-background, #3d3125));color:var(--members-widget-accent-text, var(--color-primary-button-text, #f7f4ee));box-shadow:0 4px 16px rgba(var(--color-foreground-rgb, 43, 33, 25),.25);cursor:pointer;transition:transform .2s ease}.membership-widget__dot{position:absolute;top:2px;right:2px;z-index:2;width:12px;height:12px;border-radius:50%;background:#d64541;border:2px solid var(--members-widget-accent-text, #f7f4ee)}.membership-widget--left .membership-widget__launcher{left:22px}.membership-widget--right .membership-widget__launcher{right:22px}.membership-widget__launcher:hover{transform:scale(1.06)}.membership-widget__launcher-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.membership-widget__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:rgba(var(--color-drawer-shadow-rgb, 0, 0, 0),.4);opacity:0;transition:opacity .25s ease}.membership-widget__overlay.is-open{opacity:1}.membership-widget__panel{position:fixed;z-index:960;display:flex;flex-direction:column;background:var(--members-widget-panel-bg, var(--color-background, #f7f4ee));overflow:hidden;box-shadow:0 12px 40px #2b211952,0 4px 14px #2b211929;opacity:0;transform:translateY(16px);transition:opacity .25s ease,transform .25s cubic-bezier(.22,.61,.36,1)}.membership-widget__panel[hidden],.membership-widget__overlay[hidden],.membership-panel__birthday[hidden]{display:none!important}.membership-widget__panel.is-open{opacity:1;transform:none}@media(max-width:749px){.membership-widget__panel{inset-inline:0;bottom:0;max-height:86dvh;border-radius:var(--style-border-radius-lg, 12px) var(--style-border-radius-lg, 12px) 0 0}}@media(min-width:750px){.membership-widget__panel{bottom:90px;width:390px;max-height:min(640px,calc(100dvh - 120px));border-radius:var(--style-border-radius-lg, 12px)}.membership-widget--left .membership-widget__panel{left:22px}.membership-widget--right .membership-widget__panel{right:22px}}.membership-widget__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;background:var(--members-widget-accent, var(--color-primary-button-background, #3d3125));color:var(--members-widget-accent-text, var(--color-primary-button-text, #f7f4ee));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.membership-widget__header-eyebrow{margin:0;font-size:.78rem;opacity:.8}.membership-widget__header-title{margin:2px 0 0;font-family:var(--font-heading--family, inherit);font-size:1.35rem;letter-spacing:.05em}.membership-widget__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.membership-widget__close:hover{background:#ffffff1f}.membership-widget__body{overflow-y:auto;padding:16px;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.membership-widget__body::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/membership.css.map */