.ref-section{--ref-bg: #141722;--ref-surface: #1f2332;--ref-surface-alt: #1c1f2a;--ref-surface-hi: #292d3d;--ref-accent: #5176f9;--ref-accent-solid: #4468e8;--ref-accent-text: #6c8bfb;--ref-text: #ffffff;--ref-text-muted: #dddddd;--ref-text-dim: #7c8296;--ref-line: #6d7283;--ref-radius: 15px;--ref-radius-lg: 20px;--ref-radius-xl: 29px;--ref-measure-wide: 1238px;--ref-measure-mid: 1100px;--ref-measure-narrow: 1006px;--ref-gutter: 20px;background-color:var(--ref-bg);color:var(--ref-text);font-family:var(--font-body-family, "Urbanist", sans-serif);font-size:20px;line-height:1.5;-webkit-font-smoothing:antialiased}.ref-section :is(h1,h2,h3,h4,h5,h6){color:inherit;letter-spacing:normal;word-break:normal;margin:0}.ref-section blockquote{font-style:normal;color:inherit;border-left:0;padding-left:0;margin:0}.ref-section :is(figure,figcaption,p,dl,dd,dt,ul,ol){margin:0}.ref-section :is(ul,ol){padding:0;list-style:none}.ref-section a:not([class]){color:inherit}.ref-section a.ref-accent-text{color:var(--ref-accent-text);text-underline-offset:3px;text-decoration-thickness:1px}.ref-section *,.ref-section *:before,.ref-section *:after{box-sizing:border-box}body:has(.ref-section){background:var(--ref-page-bg, #141722)}body:has(.ref-section) :is(.header-wrapper,.section-header,.shopify-section-group-header-group),body.referral :is(.header-wrapper,.section-header,.shopify-section-group-header-group){background-color:transparent;background-image:none}body:has(.ref-section) .section-header-custom-wrap .header__menu-item,body.referral .section-header-custom-wrap .header__menu-item{color:#fff}.ref-section[id]{scroll-margin-top:96px}.ref-container{max-width:var(--ref-measure-wide);margin-inline:auto;padding-inline:24px}.ref-container--mid{max-width:var(--ref-measure-mid)}.ref-container--narrow{max-width:var(--ref-measure-narrow)}@media screen and (min-width:1000px){.ref-container{padding-inline:0}}.ref-h1{font-size:clamp(34px,4.5vw,65px);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:var(--ref-text)}.ref-h2{font-size:clamp(28px,3.5vw,50px);font-weight:700;line-height:1.16;letter-spacing:-.01em;color:var(--ref-text);max-width:24ch}.ref-h2[style*=center]{margin-inline:auto}.ref-h3{font-size:clamp(19px,1.75vw,25px);font-weight:700;line-height:1.28;color:var(--ref-text)}.ref-lead{font-size:clamp(17px,1.55vw,22px);line-height:1.4;color:var(--ref-text-muted);max-width:62ch}.ref-body{font-size:clamp(16px,1.4vw,20px);line-height:1.45;color:var(--ref-text)}.ref-body :is(p,li,strong,em,span),.ref-lead :is(p,li,strong,em,span){color:inherit}.ref-accent-text{color:var(--ref-accent-text)}.ref-stack{display:flex;flex-direction:column;gap:var(--ref-flow, 16px)}.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:65px;padding:0 40px;border:0;border-radius:999px;background-color:var(--ref-accent-solid);color:#fff;font-family:inherit;font-size:clamp(17px,1.55vw,22px);font-weight:500;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.ref-btn:hover{background-color:#3557d6;transform:translateY(-1px)}.ref-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.ref-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}@media screen and (max-width:749px){.ref-btn{width:100%;min-height:56px}}.ref-grid{display:grid;gap:var(--ref-gutter)}@media screen and (min-width:750px){.ref-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-hero__inner{display:grid;gap:40px;align-items:center}@media screen and (min-width:990px){.ref-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,565px);gap:64px}}.ref-hero__title-accent{color:var(--ref-accent-text);display:block}.ref-hero .ref-lead{max-width:58ch}.ref-hero .ref-h1{max-width:none}@media screen and (min-width:990px){.ref-hero__inner--solo{padding-block:32px}}.ref-hero__media{position:relative;aspect-ratio:565 / 317;border-radius:var(--ref-radius-lg);overflow:hidden;background-color:#d9d9d9}.ref-hero__media :is(iframe,video,img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;display:block}@media screen and (min-width:990px){.ref-hero__inner--solo{grid-template-columns:minmax(0,900px)}}.ref-stats{background-color:var(--ref-accent-solid)}.ref-stats__item{display:flex;flex-direction:column-reverse}.ref-stats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;align-items:start}@media screen and (min-width:900px){.ref-stats__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-stats__value{font-size:clamp(28px,3.2vw,45px);font-weight:700;line-height:1.1}.ref-stats__label{font-size:clamp(14px,1.4vw,20px);line-height:1.3;margin-block-start:8px;color:#fff}.ref-steps__grid{display:grid;gap:16px}@media screen and (min-width:750px){.ref-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ref-gutter)}}.ref-step{background-color:var(--ref-surface);border-radius:var(--ref-radius-lg);padding:32px;display:flex;flex-direction:column}.ref-step__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:40px}.ref-step__icon{width:40px;height:40px;color:var(--ref-accent);flex:none}.ref-step__icon :is(svg,img){width:100%;height:100%;object-fit:contain;display:block}.ref-step__number{font-size:clamp(40px,4.2vw,60px);font-weight:700;line-height:1}.ref-step__text{margin-block-start:12px}.ref-earnings__panel{border:2px solid var(--ref-accent);border-radius:var(--ref-radius-lg);padding:clamp(20px,3vw,56px);display:grid;gap:32px}@media screen and (min-width:990px){.ref-earnings__panel{grid-template-columns:minmax(0,617px) minmax(0,456px);gap:50px}}.ref-earnings__heading{grid-column:1 / -1;margin-block-end:10px}.ref-earnings__table{width:100%;border-collapse:collapse;font-size:clamp(16px,1.5vw,22px)}.ref-earnings__table :is(th,td){padding:18px 16px;text-align:left;border:1px solid var(--ref-line);font-weight:400}.ref-earnings__table thead th{font-weight:700}.ref-earnings__table tr:first-child th:first-child{border-start-start-radius:var(--ref-radius)}.ref-earnings__table tr:first-child th:last-child{border-start-end-radius:var(--ref-radius)}.ref-earnings__table tr:last-child :is(td,th):first-child{border-end-start-radius:var(--ref-radius)}.ref-earnings__table tr:last-child :is(td,th):last-child{border-end-end-radius:var(--ref-radius)}@media screen and (max-width:749px){.ref-earnings__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ref-earnings__table tbody tr{display:block;border:1px solid var(--ref-line);border-radius:var(--ref-radius);padding:8px 16px}.ref-earnings__table tbody tr+tr{margin-block-start:12px}.ref-earnings__table :is(th,td){display:flex;justify-content:space-between;gap:16px;border:0;padding:8px 0}.ref-earnings__table td:before{content:attr(data-label);color:var(--ref-text-dim);font-weight:400}.ref-earnings__table tbody th{font-weight:700}}.ref-earnings__aside{display:grid;gap:16px;align-content:start}.ref-earnings__note{background-color:var(--ref-surface-hi);border-radius:var(--ref-radius);padding:24px;font-size:clamp(16px,1.5vw,22px);line-height:1.35}.ref-earnings__stat{background-color:var(--ref-surface-alt);border-radius:var(--ref-radius);padding:20px 24px}.ref-earnings__stat-label{font-size:18px;line-height:1.3;margin-block-end:6px}.ref-earnings__stat-value{font-size:clamp(22px,2.1vw,30px);font-weight:700;line-height:1.2;color:var(--ref-accent-text)}.ref-card{border-radius:var(--ref-radius);padding:clamp(20px,2.2vw,32px)}.ref-card--fill{background-color:var(--ref-surface)}.ref-card--outline{border:1px solid var(--ref-text-dim)}.ref-card__icon{display:block;width:40px;height:40px;margin-block-end:20px}.ref-card__icon img{width:100%;height:100%;object-fit:contain;display:block}.ref-card__title{margin-block-end:16px}.ref-testimonial{display:grid;gap:24px;background-color:var(--ref-surface);border-radius:var(--ref-radius);padding:clamp(20px,2.2vw,32px)}@media screen and (min-width:750px){.ref-testimonial{grid-template-columns:103px minmax(0,1fr);gap:32px;align-items:start}}.ref-testimonial__avatar{width:103px;height:103px;border-radius:999px;object-fit:cover;background-color:var(--ref-surface-hi);display:block;flex:none}.ref-testimonial__role{font-size:clamp(16px,1.4vw,20px);font-weight:700;color:var(--ref-accent-text);margin:4px 0 16px}.ref-testimonial__logo{display:block;height:36px;width:auto;max-width:180px;object-fit:contain;margin-block-start:24px}.ref-check{display:flex;align-items:center;gap:20px;padding:clamp(16px,1.6vw,24px) clamp(18px,2vw,32px);border:1px solid var(--ref-line);border-radius:var(--ref-radius);font-size:clamp(17px,1.75vw,25px);line-height:1.3;color:var(--ref-text-muted)}.ref-check__icon{flex:none;width:28px;height:28px;object-fit:contain;color:var(--ref-accent-text)}.ref-faq__item{border-block-end:1px solid rgba(255,255,255,.12)}.ref-faq__item:last-child{border-block-end:0}.ref-faq__q{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(18px,1.75vw,25px);font-weight:700;line-height:1.3;color:var(--ref-accent-text)}.ref-faq__q::-webkit-details-marker{display:none}.ref-faq__q:focus-visible{outline:3px solid var(--ref-accent);outline-offset:4px}.ref-faq__marker{flex:none;width:20px;height:20px;transition:rotate .2s ease}.ref-faq__item[open] .ref-faq__marker{rotate:45deg}.ref-faq__a{padding-block-end:24px;max-width:62ch}.ref-form__grid{display:grid;gap:20px}@media screen and (min-width:750px){.ref-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.ref-form__field--full{grid-column:1 / -1}}.ref-form__label{display:block;font-size:18px;line-height:1.3;margin-block-end:10px;color:var(--ref-text)}.ref-form__input,.ref-form__select,.ref-form__textarea{width:100%;padding:14px 16px;background-color:transparent;border:1px solid var(--ref-line);border-radius:10px;color:var(--ref-text);font-family:inherit;font-size:18px;line-height:1.4}.ref-form__textarea{min-height:100px;resize:vertical}.ref-form__input::placeholder,.ref-form__textarea::placeholder{color:var(--ref-text-dim)}.ref-form__input:-webkit-autofill,.ref-form__select:-webkit-autofill,.ref-form__textarea:-webkit-autofill,.ref-form__input:-webkit-autofill:hover,.ref-form__select:-webkit-autofill:hover,.ref-form__textarea:-webkit-autofill:hover,.ref-form__input:-webkit-autofill:focus,.ref-form__select:-webkit-autofill:focus,.ref-form__textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--ref-text);-webkit-box-shadow:0 0 0 1000px var(--ref-bg) inset;box-shadow:0 0 0 1000px var(--ref-bg) inset;caret-color:var(--ref-text);transition:background-color 100000s ease-in-out 0s}.ref-form__input:focus-visible,.ref-form__select:focus-visible,.ref-form__textarea:focus-visible{outline:2px solid var(--ref-accent);outline-offset:1px}.ref-form__select{color-scheme:dark;-webkit-appearance:none;appearance:none;background-image:none}.ref-form__select option{background-color:var(--ref-bg);color:var(--ref-text)}.ref-form__select-wrap{position:relative}.ref-form__select-wrap:after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:2px solid var(--ref-text-dim);border-bottom:2px solid var(--ref-text-dim);translate:0 -70%;rotate:45deg;pointer-events:none}.ref-form__actions{margin-block-start:40px;text-align:center}.ref-form__actions .ref-btn{margin-block-end:8px}.ref-form__status{padding:20px 24px;border-radius:var(--ref-radius);margin-block-end:24px;font-size:clamp(16px,1.4vw,20px)}.ref-form__status--success{background-color:#5176f926;border:1px solid var(--ref-accent)}.ref-form__status--error{background-color:#dc4c4c1f;border:1px solid #dc4c4c}.ref-form__status ul{margin-block-start:8px;padding-inline-start:20px;list-style:disc}.ref-colophon{text-align:center;color:var(--ref-text-muted);font-size:clamp(16px,1.5vw,22px)}.ref-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.ref-btn,.ref-faq__marker{transition:none}}.ref-form__reassurance{margin-block-start:24px;line-height:1.5;text-align:center;color:var(--ref-text-muted);font-size:clamp(15px,1.3vw,18px)}.ref-form__reassurance a{color:var(--ref-accent-text)}.ref-btn[aria-disabled=true]{opacity:.6;pointer-events:none}.ref-redirect__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block-start:16px}.ref-redirect__cancel{background:none;border:1px solid var(--ref-line);border-radius:999px;color:var(--ref-text-muted);font-family:inherit;font-size:16px;padding:12px 24px;cursor:pointer}.ref-redirect__cancel:hover{color:var(--ref-text);border-color:var(--ref-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-referral.css.map */