.tp-club-box[hidden]{display:none}.tp-club-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--tp-z-drawer);display:grid;place-items:center;padding:var(--tp-s4);font-family:var(--tp-font);color:var(--tp-ink)}.tp-club-box__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:0;background:var(--tp-scrim-strong);cursor:pointer}.tp-club-box__card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:44rem;max-height:calc(100vh - var(--tp-s4) * 2);max-height:calc(100dvh - var(--tp-s4) * 2);overflow:hidden;border-radius:var(--tp-radius-lg);background:var(--tp-surface);box-shadow:var(--tp-shadow-lg)}.tp-club-box__card:focus{outline:none}.tp-club-box__card:focus-visible{outline:.2rem solid var(--tp-white);outline-offset:.2rem}@media(prefers-reduced-motion:no-preference){.tp-club-box:not([hidden]) .tp-club-box__scrim{animation:tp-club-box-fade var(--tp-dur-slow) var(--tp-ease) both}.tp-club-box:not([hidden]) .tp-club-box__card{animation:tp-club-box-in var(--tp-dur-slow) var(--tp-ease) both}}@keyframes tp-club-box-fade{0%{opacity:0}to{opacity:1}}@keyframes tp-club-box-in{0%{opacity:0;transform:translateY(var(--tp-s3)) scale(.98)}to{opacity:1;transform:none}}.tp-club-box__media{position:relative;flex:0 0 auto;height:15rem;overflow:hidden;background:var(--tp-ink)}.tp-club-box__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--tp-club-focus, 50% 40%)}.tp-club-box__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--tp-scrim) 0%,transparent 40%),linear-gradient(to top,var(--tp-scrim-strong) 0%,transparent 55%);pointer-events:none}.tp-club-box__logo{position:absolute;top:var(--tp-s4);left:var(--tp-s4);z-index:1;display:block;width:4.8rem;height:auto}.tp-club-box__close{position:absolute;top:var(--tp-s3);right:var(--tp-s3);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--tp-tap-min);height:var(--tp-tap-min);padding:0;border:0;border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-ink);box-shadow:var(--tp-shadow-sm);cursor:pointer}.tp-club-box__close:hover{background:var(--tp-surface-alt)}.tp-club-box__close:focus-visible{outline:.2rem solid var(--tp-blue);outline-offset:.2rem}.tp-club-box__close svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tp-club-box__body{flex:1 1 auto;min-height:0;padding:var(--tp-s5) var(--tp-s4) var(--tp-s4);overflow-y:auto;overscroll-behavior:contain}.tp-club-box__card:not(.tp-club-box__card--media) .tp-club-box__copy,.tp-club-box__card:not(.tp-club-box__card--media) .tp-club-box__state--member .tp-club-box__eyebrow{padding-right:var(--tp-s6)}.tp-club-box__state{display:flex;flex-direction:column;gap:var(--tp-s3)}.tp-club-box__state[hidden],.tp-club-box__copy[hidden],.tp-club-box__fine[hidden],.tp-club-box__submit[hidden],.tp-club-box__text[hidden]{display:none}.tp-club-box__copy{display:flex;flex-direction:column;gap:var(--tp-s2)}.tp-club-box__eyebrow{margin:0;font-size:var(--tp-t-label);font-weight:var(--tp-w-bold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-blue)}.tp-club-box__title{margin:0;font-size:var(--tp-t-h2);font-weight:var(--tp-w-bold);line-height:var(--tp-lh-heading);letter-spacing:var(--tp-ls-heading);color:var(--tp-ink)}.tp-club-box__title:focus{outline:none}.tp-club-box__text{margin:0;font-size:var(--tp-t-small);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-club-box__form{display:flex;flex-direction:column;gap:var(--tp-s3);margin-top:var(--tp-s1)}.tp-club-box__label{font-size:var(--tp-t-min);font-weight:var(--tp-w-semibold)}.tp-club-box__input{box-sizing:border-box;width:100%;min-width:0;height:var(--tp-control-h-touch);margin-top:calc(var(--tp-s2) * -1);padding:0 var(--tp-s3);border:var(--tp-border-width) solid var(--tp-line-strong);border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-ink);font-family:var(--tp-font);font-size:var(--tp-t-body)}.tp-club-box__input:focus{border-color:var(--tp-blue);outline:.1rem solid var(--tp-blue);outline-offset:0}.tp-club-box__interests{min-width:0;margin:0;padding:0;border:0}.tp-club-box__interests-label{margin-bottom:var(--tp-s2);padding:0;font-size:var(--tp-t-min);color:var(--tp-ink-soft)}.tp-club-box__chips{display:flex;flex-wrap:wrap;gap:var(--tp-s2)}.tp-club-box__chip{min-height:var(--tp-control-h-sm);padding:0 var(--tp-s3);border:var(--tp-border-width) solid var(--tp-line-strong);border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-ink);font-family:var(--tp-font);font-size:var(--tp-t-min);font-weight:var(--tp-w-semibold);cursor:pointer;transition:border-color var(--tp-dur-fast) var(--tp-ease),background-color var(--tp-dur-fast) var(--tp-ease)}.tp-club-box__chip:hover{border-color:var(--tp-blue)}.tp-club-box__chip[aria-pressed=true]{border-color:var(--tp-blue);background:var(--tp-blue-tint);color:var(--tp-blue)}.tp-club-box__submit{min-height:var(--tp-control-h-touch);padding:0 var(--tp-s5);border:var(--tp-border-width) solid var(--tp-blue);border-radius:var(--tp-radius-md);background:var(--tp-blue);color:var(--tp-white);font-family:var(--tp-font);font-size:var(--tp-btn-size);font-weight:var(--tp-w-bold);letter-spacing:var(--tp-ls-button);cursor:pointer;transition:background-color var(--tp-dur-fast) var(--tp-ease)}.tp-club-box__submit:hover{border-color:var(--tp-blue-press);background:var(--tp-blue-press)}.tp-club-box__submit:disabled{opacity:.7;cursor:progress}.tp-club-box__submit--secondary{background:var(--tp-surface);color:var(--tp-blue)}.tp-club-box__submit--secondary:hover{background:var(--tp-blue-tint);color:var(--tp-blue)}.tp-club-box__error{margin:0;font-size:var(--tp-t-min);color:var(--tp-error)}.tp-club-box__fine{margin:0;font-size:var(--tp-t-min);line-height:var(--tp-lh-body);color:var(--tp-muted)}.tp-club-box__fine a{color:var(--tp-blue)}.tp-club-box__dismiss{align-self:center;min-height:var(--tp-tap-min);padding:0 var(--tp-s3);border:0;background:none;color:var(--tp-ink-soft);font-family:var(--tp-font);font-size:var(--tp-t-min);font-weight:var(--tp-w-semibold);text-decoration:underline;text-underline-offset:.3em;cursor:pointer}.tp-club-box__dismiss:hover{color:var(--tp-ink)}.tp-club-box__code{display:flex;align-items:center;justify-content:space-between;gap:var(--tp-s3);min-height:var(--tp-control-h);padding:0 var(--tp-s1) 0 var(--tp-s4);border:var(--tp-border-width) dashed var(--tp-blue);border-radius:var(--tp-radius-md);background:var(--tp-blue-tint)}.tp-club-box__code-value{font-size:var(--tp-t-h3);font-weight:var(--tp-w-bold);letter-spacing:var(--tp-ls-label);color:var(--tp-blue)}.tp-club-box__code-copy{min-height:var(--tp-control-h-sm);padding:0 var(--tp-s3);border:0;border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-blue);font-family:var(--tp-font);font-size:var(--tp-t-min);font-weight:var(--tp-w-bold);cursor:pointer}body.tp-club-box-open{overflow:hidden}@media screen and (max-width:749px){.tp-club-box__title{font-size:var(--tp-t-h3)}.tp-club-box__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tp-club-box__chip{min-width:0;padding:var(--tp-s1) var(--tp-s2);line-height:1.2;text-align:center}.tp-club-box__chip:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:749px)and (max-height:700px){.tp-club-box__media{height:10rem}}@media screen and (min-width:750px){.tp-club-box{padding:var(--tp-s6)}.tp-club-box__card{display:grid;grid-template-columns:minmax(0,1fr);max-width:52rem;max-height:calc(100vh - var(--tp-s6) * 2);max-height:calc(100dvh - var(--tp-s6) * 2)}.tp-club-box__card--media{grid-template-columns:minmax(0,5fr) minmax(0,6fr);max-width:88rem}.tp-club-box__media{height:auto;min-height:100%}.tp-club-box__media:after{background:linear-gradient(to bottom,var(--tp-scrim) 0%,transparent 30%),linear-gradient(to top,var(--tp-scrim) 0%,transparent 40%)}.tp-club-box__logo{top:var(--tp-s5);left:var(--tp-s5);width:5.6rem}.tp-club-box__body{display:flex;flex-direction:column;justify-content:center;max-height:calc(100vh - var(--tp-s6) * 2);max-height:calc(100dvh - var(--tp-s6) * 2);padding:var(--tp-s7) var(--tp-s6) var(--tp-s5)}.tp-club-box__title{font-size:var(--tp-t-h1)}.tp-club-box__dismiss{align-self:flex-start;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-tp-club-box.css.map */