.tp-ref-how svg,.tp-ref-modal svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tp-ref-how{padding:var(--tp-section-gap) 0;background:var(--tp-surface-alt)}.tp-ref-how__inner{max-width:108rem;margin:0 auto}.tp-ref-how__head{max-width:56rem;margin:0 auto var(--tp-s6);text-align:center}.tp-ref-how__eyebrow{margin:0 0 var(--tp-s2);font-size:var(--tp-t-label);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-blue)}.tp-ref-how__title{margin:0;font-size:var(--tp-t-h1);font-weight:var(--tp-w-bold);letter-spacing:var(--tp-ls-display);line-height:var(--tp-lh-tight);color:var(--tp-ink)}.tp-ref-how__sub{margin:var(--tp-s2) 0 0;font-size:var(--tp-t-body);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-ref-steps{margin:0;padding:var(--tp-s5);list-style:none;border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-lg);background:var(--tp-surface)}.tp-ref-step{position:relative;display:grid;grid-template-columns:4.8rem minmax(0,1fr);column-gap:var(--tp-s4);padding-bottom:var(--tp-s5)}.tp-ref-step:last-child{padding-bottom:0}.tp-ref-step:not(:last-child):before{content:"";position:absolute;top:calc(4.8rem + var(--tp-s2));bottom:var(--tp-s2);left:2.4rem;width:var(--tp-border-width);background:var(--tp-line-strong)}.tp-ref-step__mark{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:var(--tp-radius-md);background:var(--tp-blue);color:var(--tp-white)}.tp-ref-step__mark svg{width:2.4rem;height:2.4rem}.tp-ref-step__body{padding-top:var(--tp-s1)}.tp-ref-step__num{display:block;margin-bottom:var(--tp-s1);font-size:var(--tp-t-label);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-muted)}.tp-ref-step__title{margin:0 0 var(--tp-s1);font-size:var(--tp-t-h4);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-heading);line-height:var(--tp-lh-heading);color:var(--tp-ink)}.tp-ref-step__text{margin:0;font-size:var(--tp-t-small);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-ref-how__rules{display:grid;gap:var(--tp-s3);margin:var(--tp-s5) 0 0;padding:0;list-style:none}.tp-ref-how__rules li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:var(--tp-s2);font-size:var(--tp-t-small);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-ref-how__rules svg{width:2rem;height:2rem;color:var(--tp-ok)}.tp-ref-how__rules strong{font-weight:var(--tp-w-semibold);color:var(--tp-ink)}@media screen and (min-width:750px){.tp-ref-how__head{margin-bottom:var(--tp-s7)}.tp-ref-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tp-s6);padding:var(--tp-s6)}.tp-ref-step{display:block;padding-bottom:0}.tp-ref-step:not(:last-child):before{top:2.4rem;bottom:auto;left:calc(4.8rem + var(--tp-s3));right:calc(-1 * var(--tp-s6) + var(--tp-s3));width:auto;height:var(--tp-border-width)}.tp-ref-step__body{padding-top:var(--tp-s4)}.tp-ref-how__rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tp-s5);max-width:88rem;margin:var(--tp-s6) auto 0}}body.tp-v10-modal-open{overflow:hidden}.tp-ref-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--tp-z-drawer);display:flex;align-items:flex-end;justify-content:center}.tp-ref-modal[hidden]{display:none}.tp-ref-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:var(--tp-scrim);cursor:pointer}.tp-ref-modal__dialog{position:relative;width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--tp-radius-lg) var(--tp-radius-lg) 0 0;background:var(--tp-surface);box-shadow:var(--tp-shadow-lg);color:var(--tp-ink);animation:tp-ref-sheet-in var(--tp-dur) var(--tp-ease)}@keyframes tp-ref-sheet-in{0%{transform:translateY(2.4rem);opacity:0}}.tp-ref-modal__close{position:absolute;top:var(--tp-s3);right:var(--tp-s3);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--tp-tap-min);height:var(--tp-tap-min);padding:0;border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-ink);cursor:pointer}.tp-ref-modal__close svg{width:2rem;height:2rem}.tp-ref-modal__body{padding:var(--tp-s6) var(--tp-gutter) calc(var(--tp-s6) + env(safe-area-inset-bottom))}.tp-ref-modal__media{display:none}.tp-ref-modal__kicker{margin:0 0 var(--tp-s2);padding-right:var(--tp-s8);font-size:var(--tp-t-label);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-blue)}.tp-ref-modal__title{margin:0 0 var(--tp-s4);padding-right:var(--tp-s8);font-size:var(--tp-t-h1);font-weight:var(--tp-w-bold);letter-spacing:var(--tp-ls-display);line-height:var(--tp-lh-tight);color:var(--tp-ink)}.tp-ref-modal__text{margin:0 0 var(--tp-s5);font-size:var(--tp-t-small);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-ref-modal__perks{display:grid;gap:var(--tp-s3);margin:0 0 var(--tp-s5);padding:0;list-style:none}.tp-ref-modal__perks li{display:grid;grid-template-columns:3.6rem minmax(0,1fr);column-gap:var(--tp-s3);align-items:center;font-size:var(--tp-t-small);line-height:var(--tp-lh-body);color:var(--tp-ink-soft)}.tp-ref-modal__perks strong{font-weight:var(--tp-w-semibold);color:var(--tp-ink)}.tp-ref-modal__perk-mark{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:var(--tp-radius-md);background:var(--tp-blue-tint);color:var(--tp-blue)}.tp-ref-modal__perk-mark svg{width:2rem;height:2rem}.tp-ref-modal__label{display:block;margin:0 0 var(--tp-s2);font-size:var(--tp-t-label);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-muted)}.tp-ref-modal__input{width:100%;min-height:var(--tp-control-h);padding:0 var(--tp-s4);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);box-shadow:none}.tp-ref-modal__input:focus-visible{outline:2px solid var(--tp-blue);outline-offset:1px;border-color:var(--tp-blue)}.tp-ref-modal__cta{width:100%;min-height:var(--tp-control-h-touch);margin-top:var(--tp-s3)}.tp-ref-modal__spinner{width:1.6rem;height:1.6rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tp-v11-spin .8s linear infinite}.tp-ref-modal__spinner[hidden]{display:none}.tp-ref-modal__helper{margin:var(--tp-s3) 0 0;font-size:var(--tp-t-small);color:var(--tp-muted);text-align:center}.tp-ref-modal__error{margin:var(--tp-s3) 0 0;padding:var(--tp-s3);border-radius:var(--tp-radius-md);background:var(--tp-error-bg);color:var(--tp-error);font-size:var(--tp-t-small)}.tp-ref-modal__error[hidden]{display:none}.tp-ref-modal__link{margin:0 0 var(--tp-s5)}.tp-ref-modal__link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--tp-s2)}.tp-ref-modal__link-row .tp-ref-modal__input{font-size:var(--tp-t-small);background:var(--tp-surface-alt)}.tp-ref-modal__copy{min-height:var(--tp-control-h);padding:0 var(--tp-s4);box-shadow:none}.tp-ref-modal__copy svg{width:1.8rem;height:1.8rem}.tp-ref-modal__share{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tp-s2)}.tp-ref-modal__share-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tp-s1);min-height:6.4rem;padding:var(--tp-s2);border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-md);background:var(--tp-surface);color:var(--tp-ink);font-family:var(--tp-font);font-size:var(--tp-t-small);font-weight:var(--tp-w-medium);text-decoration:none;cursor:pointer;transition:border-color var(--tp-dur-fast) var(--tp-ease),background-color var(--tp-dur-fast) var(--tp-ease)}.tp-ref-modal__share-btn[hidden]{display:none}.tp-ref-modal__share-btn svg{width:2.2rem;height:2.2rem;color:var(--tp-blue)}@media(hover:hover){.tp-ref-modal__share-btn:hover{border-color:var(--tp-blue);background:var(--tp-blue-tint)}.tp-ref-modal__close:hover{border-color:var(--tp-line-strong)}}.tp-ref-modal__note{margin:var(--tp-s3) 0 0;font-size:var(--tp-t-small);color:var(--tp-muted)}.tp-ref-modal__reset{margin-top:var(--tp-s4);padding:0;border:0;background:none;color:var(--tp-blue);font-family:var(--tp-font);font-size:var(--tp-t-small);font-weight:var(--tp-w-semibold);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}@media screen and (min-width:750px){.tp-ref-modal{align-items:center;padding:var(--tp-s6)}.tp-ref-modal__dialog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);width:min(96rem,100%);border-radius:var(--tp-radius-lg)}.tp-ref-modal__body{padding:var(--tp-s7)}.tp-ref-modal__media{display:block;position:relative;min-height:100%;background:var(--tp-surface-alt)}.tp-ref-modal__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}}@media(prefers-reduced-motion:reduce){.tp-ref-modal__dialog{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-tp-referral.css.map */