.refer-page{font-family:var(--font-base, Arial, sans-serif);color:#16181d;background:#fff}.refer-page *{box-sizing:border-box}.refer-page h2,.refer-page h3,.refer-page p{margin:0}.refer-page h2{font:500 42px/1.3 var(--font-base, Arial, sans-serif);letter-spacing:-.42px}.refer-page h3{font:500 21px/1.4 var(--font-base, Arial, sans-serif)}.refer-page p{color:#6a7281;font-size:18px;line-height:1.4}.refer-container{width:min(1600px,calc(100% - 64px));margin:auto}.refer-steps{padding:64px 0;text-align:center}.refer-steps ol{list-style:none;padding:0;margin:48px auto 0;max-width:1188px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.refer-steps li{padding:0 16px}.refer-step-number{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 16px;background:#6a7281;color:#fafafa;border-radius:50%;font-size:27px;font-weight:500}.refer-steps h3{margin-bottom:16px}.refer-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.refer-reward{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:16px;background:#f3f4f6;aspect-ratio:1;min-height:650px}.refer-reward-copy{position:relative;z-index:1;text-align:center;padding:64px min(12.23%,96px) 0}.refer-reward h2{font-size:32px;letter-spacing:-.32px}.refer-reward h2 span{color:#6a7281}.refer-reward-copy p{margin-top:24px}.refer-reward-copy .refer-reward-note{color:#16181d;font-weight:500}.refer-reward-art{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1}.refer-reward-custom{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.refer-reward-box{position:absolute;aspect-ratio:2369/1514}.refer-reward-box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.refer-shadow{mix-blend-mode:multiply}.refer-reward-box--1{width:65.679%;left:27.965%;top:46.727%}.refer-reward-box--2{width:69.136%;left:13.094%;top:45.622%}.refer-reward-box--3{width:72.775%;left:-1.869%;top:44.459%}.refer-reward--2 .refer-reward-art{transform:translate(-3.822%)}.refer-reward-pro{position:absolute;left:58.472%;top:65.35%;width:37.834%;height:auto}.refer-share{padding:48px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.refer-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;list-style:none;padding:0;margin:0}.refer-benefits li{display:flex;align-items:center;gap:12px;height:48px;padding:0 30px 0 10px;border:1px solid #e2e4e9;border-radius:999px;font-size:16px}.refer-benefits span{flex-shrink:0;color:#2c2f35;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#9fe3c5}.refer-benefits svg{display:block;flex-shrink:0;width:18px;height:18px}.refer-share-login{display:flex;align-items:center;gap:64px;padding:24px 24px 24px 48px;max-width:100%;border-radius:16px;background:#f3f4f6}.refer-share-login h3{margin-bottom:8px}.refer-share-actions{display:flex;align-items:center;gap:16px}.refer-share-actions>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:16px}.refer-share-actions span a{display:inline-flex;align-items:center;color:#28a17b;text-decoration:underline}.refer-share [hidden]{display:none!important}.refer-banner{height:315px;overflow:hidden;isolation:isolate;background:linear-gradient(#fff,#f3f4f6)}.refer-banner-custom{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.refer-banner-inner{position:relative;width:1920px;height:315px;left:50%;transform:translate(-50%);mix-blend-mode:multiply}.refer-banner-product{position:absolute;width:874.541px;height:874.541px}.refer-banner-product--left{left:759.46px;top:-113px}.refer-banner-product--right{left:286.05px;top:-101.54px}.refer-banner-product img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;mix-blend-mode:multiply}.refer-faq{padding:128px 24px 192px;max-width:1104px;margin:auto}.refer-faq header{text-align:center;margin-bottom:48px}.refer-faq .refer-eyebrow{color:#28a17b;font-size:16px;font-weight:500;text-transform:uppercase;margin-bottom:8px}.refer-faq h2{font-size:56px;letter-spacing:-.56px;margin-bottom:8px}.refer-faq header>p:last-child{font-size:21px}.refer-faq-more{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:48px}.refer-page :is(a,summary,button,input):focus-visible{outline:2px solid #28a17b;outline-offset:4px}@media(max-width:1200px){.refer-share-login{flex-direction:column;align-items:stretch;gap:24px}.refer-reward-copy{padding:40px 32px 0}.refer-reward{min-height:620px}}@media(max-width:700px){.refer-container{width:calc(100% - 48px)}.refer-page h2{font-size:32px}.refer-page h3{font-size:19px}.refer-page p{font-size:16px}.refer-steps{padding:48px 0}.refer-steps ol{grid-template-columns:1fr;margin-top:32px;gap:32px}.refer-steps li{max-width:360px;margin:auto}.refer-rewards{grid-template-columns:1fr;gap:24px}.refer-reward{min-height:540px;min-width:0;width:100%;aspect-ratio:auto}.refer-reward-copy{padding:32px 24px 0}.refer-reward h2{font-size:27px}.refer-share h2{text-align:center}.refer-share{gap:28px}.refer-share-login{padding:24px}.refer-share-actions{flex-direction:column;align-items:flex-start}.refer-share-actions>span{white-space:normal;flex-wrap:wrap}.refer-banner{height:180px}.refer-banner-inner{transform:translate(-50%) scale(.57);transform-origin:top center}.refer-faq{padding:64px 24px 80px}.refer-faq header{margin-bottom:32px}.refer-faq header>p:last-child{font-size:17px}.refer-faq-more{flex-wrap:wrap;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/refer-friend-content.css.map */