.join-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.join-modal[hidden]{display:none}.join-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay-hero);opacity:0;transition:opacity .24s var(--ease-drawer);pointer-events:none}.join-modal.is-open .join-modal__backdrop{opacity:1;pointer-events:auto}.join-modal.is-open{pointer-events:auto}.join-modal__panel{position:relative;width:100%;max-width:100%;max-height:92vh;overflow-y:auto;background:var(--color-bg-surface);color:var(--color-text);box-shadow:var(--shadow-card);border-top-left-radius:var(--radius-32);border-top-right-radius:var(--radius-32);border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%);transition:transform .32s var(--ease-drawer);pointer-events:none;-webkit-overflow-scrolling:touch}.join-modal.is-open .join-modal__panel{transform:translateY(0);pointer-events:auto}@media(min-width:48rem){.join-modal{align-items:center;padding:var(--space-8)}.join-modal__panel{max-width:32rem;max-height:min(92vh,52rem);border-radius:var(--radius-32);transform:translateY(2rem) scale(.98);opacity:0;transition:transform .28s var(--ease-drawer),opacity .24s var(--ease-drawer)}.join-modal.is-open .join-modal__panel{transform:translateY(0) scale(1);opacity:1}}.join-modal__form{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-6) max(var(--space-6),env(safe-area-inset-bottom))}.join-modal__form[hidden]{display:none}@media(min-width:48rem){.join-modal__form{padding:var(--space-8) var(--space-8)}}.join-modal__top{display:flex;align-items:center;gap:var(--space-4);width:100%}.join-modal__top-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;background:var(--color-bg-accent-light);color:var(--color-text-inverse);border-radius:var(--radius-pill)}.join-modal__top-icon svg{width:1.5rem;height:1.5rem}.join-modal__title{flex:1 1 auto;margin:0;font-family:var(--font-body);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-strong);word-break:break-word}.join-modal__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;flex-shrink:0}.join-modal__close:hover,.join-modal__close:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);outline:none}.join-modal__close svg{width:1.25rem;height:1.25rem}.join-modal__tabs{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-1);background:var(--color-bg-surface-tertiary);border-radius:var(--radius-32);width:100%}.join-modal__tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;flex:1 1 0;min-width:8rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-32);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.join-modal__tab.is-active{background:var(--color-bg-surface);color:var(--color-text-strong);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-card)}.join-modal__tab-icon{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem}.join-modal__tab-icon svg{width:100%;height:100%}.join-modal__panels-area{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0}.join-modal__panel-body{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:var(--space-5);min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.join-modal__panel-body.is-active{opacity:1;visibility:visible;pointer-events:auto}@keyframes join-panel-slide-from-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes join-panel-slide-from-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.join-modal__panel-body.is-active.slide-from-right{animation:join-panel-slide-from-right .28s var(--ease-drawer) both}.join-modal__panel-body.is-active.slide-from-left{animation:join-panel-slide-from-left .28s var(--ease-drawer) both}.join-modal__field-group{display:flex;flex-direction:column;gap:var(--space-3);border:0;padding:0;margin:0}.join-modal__legend{padding:0;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:var(--line-height-normal);text-transform:uppercase;letter-spacing:.04em}.join-modal__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.join-modal__chip{-webkit-appearance:none;appearance:none;width:100%;min-width:0;background:var(--color-bg-surface-secondary);border:var(--border-thin) solid var(--color-border-secondary);color:var(--color-text-tertiary);border-radius:var(--radius-14);height:2.75rem;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);text-align:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.join-modal__chip:hover{border-color:var(--color-border-accent);color:var(--color-text-accent)}.join-modal__chip:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.join-modal__chip.is-active{background:var(--color-bg-status-accent-soft);border-color:var(--color-border-accent);color:var(--color-text-accent);font-weight:var(--font-weight-medium)}.join-modal__chip--other{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);cursor:text;padding-inline:var(--space-3);text-align:center}.join-modal__chip-currency{font-family:var(--font-body);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);flex-shrink:0;transition:color .18s ease}.join-modal__chip--other.is-active .join-modal__chip-currency{color:var(--color-text-accent)}.join-modal__chip-input{background:transparent;border:0;outline:none;padding:0;width:4.5rem;flex:0 0 auto;min-width:0;text-align:center;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-strong);caret-color:var(--color-text-accent)}.join-modal__chip-input::placeholder{color:var(--color-text-caption);font-weight:var(--font-weight-regular)}.join-modal__chip--other.is-active .join-modal__chip-input::placeholder{color:var(--color-text-accent);opacity:.6}.join-modal__chip-input::-webkit-outer-spin-button,.join-modal__chip-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.join-modal__chip-input[type=number]{-moz-appearance:textfield}.join-modal__impact{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-bg-status-accent-soft);border-radius:var(--radius-24);padding:var(--space-5)}.join-modal__impact[hidden]{display:none}.join-modal__impact-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-text-accent);flex-shrink:0}.join-modal__impact-icon svg{width:100%;height:100%}.join-modal__impact-copy{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.join-modal__impact-title{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-accent);line-height:var(--line-height-normal)}.join-modal__impact-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.join-modal__contact{display:flex;flex-direction:column;gap:var(--space-4)}.join-modal__contact[hidden]{display:none}.join-modal__greeting{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-surface-secondary);border-radius:var(--radius-24);padding:var(--space-4) var(--space-5)}.join-modal__greeting[hidden]{display:none}.join-modal__greeting-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-accent);flex-shrink:0}.join-modal__greeting-icon svg{width:100%;height:100%}.join-modal__greeting-text{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.join-modal__greeting-text strong{color:var(--color-text-strong)}.join-modal__subtitle{margin:0;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-strong);line-height:var(--line-height-normal)}.join-modal__optional{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-caption)}.join-modal__newsletter-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:var(--space-1);cursor:pointer}.join-modal__newsletter-check{flex-shrink:0;width:1rem;height:1rem;accent-color:var(--color-text-accent);cursor:pointer}.join-modal__newsletter-label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.join-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.join-modal__field-label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);padding-inline:var(--space-1)}.join-modal__input{-webkit-appearance:none;appearance:none;display:block;width:100%;background:var(--color-bg-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-24);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-strong);line-height:var(--line-height-normal);transition:border-color .18s ease,background .18s ease}.join-modal__input::placeholder{color:var(--color-text-caption)}.join-modal__input:focus-visible{outline:none;border-color:var(--color-border-accent);background:var(--color-bg-surface)}.join-modal__error{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);color:#b3261e}.join-modal__error[hidden]{display:none}.join-modal__submit{width:100%;min-height:3.5rem;border:0;border-radius:var(--radius-32);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);white-space:normal;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);transition:opacity .18s ease,transform .18s ease;text-decoration:none}.join-modal__submit .button__label{overflow:visible;text-overflow:clip}.join-modal__submit:hover{opacity:.92}.join-modal__submit:active{transform:translateY(1px)}.join-modal__submit[disabled]{opacity:.6;cursor:not-allowed}[data-join-panel=join] .join-modal__submit{background:var(--color-accent);color:var(--color-text-inverse)}[data-join-panel=support] .join-modal__submit{background:var(--gradient-yellow);color:var(--color-text-strong)}.join-modal__submit .button__icon svg{width:1.125rem;height:1.125rem}.join-modal__success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) var(--space-8) max(var(--space-10),env(safe-area-inset-bottom))}.join-modal__success[hidden]{display:none}.join-modal__success-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--color-bg-accent-light);color:var(--color-text-inverse);border-radius:var(--radius-pill)}.join-modal__success-icon svg{width:2rem;height:2rem}.join-modal__success-title{margin:0;font-family:var(--font-body);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--color-text-strong)}.join-modal__success-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:22rem}.join-modal__success-close{width:100%;max-width:20rem}.join-modal__success-code-label{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.join-modal__success-code{margin:0;font-family:var(--font-body);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);letter-spacing:.08em;color:var(--color-text-accent);padding:var(--space-2) var(--space-5);border:var(--border-thin) dashed var(--color-border-accent);border-radius:var(--radius-16);background:var(--color-bg-status-accent-soft)}.join-modal__login-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding-block:var(--space-8);margin-block:auto}.join-modal__login-gate[hidden]{display:none}.join-modal__login-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-pill);background:var(--color-bg-accent-light);color:var(--color-text-inverse)}.join-modal__login-icon svg{width:1.75rem;height:1.75rem}.join-modal__login-text{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:18rem;line-height:var(--line-height-normal)}.join-modal__login-btn{min-width:12rem}.join-modal__tiers{display:flex;flex-direction:column;gap:var(--space-5)}.join-modal__tiers[hidden]{display:none}.join-modal__tier-list{display:flex;flex-direction:column;gap:var(--space-2)}.join-modal__tier{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--color-bg-surface-secondary);border:var(--border-thin) solid var(--color-border-secondary);border-radius:var(--radius-16);cursor:pointer;transition:border-color .15s ease,background .15s ease}.join-modal__tier:hover{border-color:var(--color-border-accent)}.join-modal__tier-radio{position:absolute;opacity:0;pointer-events:none}.join-modal__tier-mark{flex-shrink:0;width:1.125rem;height:1.125rem;border-radius:var(--radius-pill);border:2px solid var(--color-border-secondary);background:var(--color-bg-surface);transition:border-color .15s ease,box-shadow .15s ease}.join-modal__tier-radio:checked~.join-modal__tier-mark{border-color:var(--color-text-accent);box-shadow:inset 0 0 0 .25rem var(--color-text-accent)}.join-modal__tier-radio:checked~.join-modal__tier-info .join-modal__tier-name{color:var(--color-text-accent)}.join-modal__tier:has(.join-modal__tier-radio:checked){border-color:var(--color-border-accent);background:var(--color-bg-status-accent-soft)}.join-modal__tier-radio:focus-visible~.join-modal__tier-mark{outline:2px solid var(--color-border-accent);outline-offset:2px}.join-modal__tier-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.125rem}.join-modal__tier-name{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-strong)}.join-modal__tier-desc{margin:0;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}[data-join-trigger].is-joined{background:var(--color-bg-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);cursor:default;pointer-events:none}@media(max-width:47.99rem){.join-modal__panel{max-height:92vh;max-height:92dvh}.join-modal__form{gap:var(--space-4);padding:var(--space-6) var(--space-5) max(var(--space-5),env(safe-area-inset-bottom))}.join-modal__panel-body{gap:var(--space-4)}.join-modal__chip{height:2.6rem}.join-modal__impact{padding:var(--space-4)}.join-modal__contact{gap:var(--space-3)}.join-modal__login-gate{padding-block:var(--space-5);gap:var(--space-3)}}.is-join-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.join-modal__panel,.join-modal__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/join-modal.css.map */