.refer-friend-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:40px;padding:96px 24px;border-radius:16px;background:#fff;color:#16181d;font-family:var(--font-base, Arial, sans-serif)}.refer-friend-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:100%;height:1891.64px;left:0;top:-13.63px;background:url(refer-friend-pattern.svg) top center / cover no-repeat}.refer-friend-hero [hidden]{display:none!important}.refer-friend-hero .warranty-header{width:100%;max-width:1078px;margin:0;padding:0}.refer-friend-hero__image-area{display:flex;align-items:center;justify-content:center;width:100%;height:550px}.refer-friend-hero__image{display:block;width:min(974px,100%);max-height:550px;object-fit:contain}.refer-friend-hero__composition{position:relative;flex-shrink:0;width:min(858px,88%);aspect-ratio:858 / 477;container-type:inline-size}.refer-friend-hero__three{position:absolute;top:14.046%;left:13.345%;transform:translate(-50%);color:#6a7281;font-size:44.755cqw;font-weight:600;line-height:1.1;letter-spacing:-.895cqw}.refer-friend-hero__box{position:absolute;aspect-ratio:2369 / 1514}.refer-friend-hero__box--1{width:76.9497%;left:36.5688%;top:4.7778%}.refer-friend-hero__box--2{width:80.9997%;left:19.1538%;top:2.4507%}.refer-friend-hero__box--3{width:85.2627%;left:1.6317%;top:0}.refer-friend-hero__box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.refer-friend-hero__shadow{mix-blend-mode:multiply}.refer-friend-hero__pro{position:absolute;left:7.634%;top:49%;width:37.734%;height:48.312%;object-fit:contain}.refer-friend-hero__link-bar{box-sizing:border-box;display:flex;align-items:center;gap:64px;width:1124px;max-width:100%;padding:24px 24px 24px 48px;background:#f3f4f6;border-radius:16px}.refer-friend-hero__label{margin:0 0 8px;color:#16181d;font-size:21px;font-weight:500;line-height:1.4}.refer-friend-hero__help{margin:0;font-size:18px;font-weight:400;line-height:1.4;color:#6a7281}.refer-friend-hero__actions{flex:1;min-width:0}.refer-friend-hero__field{box-sizing:border-box;display:flex;align-items:center;gap:16px;width:100%;padding:16px 16px 16px 32px;border:2px dashed #28a17b;border-radius:8px;background:#9fe3c5}.refer-friend-hero__input{flex:1;width:0;min-width:0;border:0;padding:0;background:transparent;color:#28a17b;font:inherit;font-size:18px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;text-overflow:ellipsis}.refer-friend-hero__button{display:inline-flex;align-items:center;justify-content:center;height:48px;flex-shrink:0;padding:0 30px;border:0;border-radius:9999px;background:#2c2f35;color:#fafafa;font:inherit;font-size:16px;font-weight:400;line-height:1.4;white-space:nowrap;text-decoration:none;cursor:pointer}.refer-friend-hero__button:hover{background:#16181d}.refer-friend-hero :is(a,button,input):focus-visible{outline:2px solid #28a17b;outline-offset:4px}.refer-friend-hero__field--guest .refer-friend-hero__help{font-size:14px}.refer-friend-hero__status{max-width:1124px;margin:-24px 0 0;color:#28a17b;font-size:14px}.refer-friend-hero__status:empty{display:none}@media(max-width:1100px){.refer-friend-hero__link-bar{gap:24px;padding:24px}.refer-friend-hero__link-bar>div:first-child{flex:0 1 40%}.refer-friend-hero__image-area{height:440px}.refer-friend-hero__field--guest{flex-wrap:wrap}}@media(max-width:700px){.refer-friend-hero{padding:48px 24px;gap:28px}.refer-friend-hero__image-area{height:calc((100vw - 48px)*.55)}.refer-friend-hero__link-bar{flex-direction:column;align-items:stretch;gap:20px}.refer-friend-hero__label{font-size:18px}.refer-friend-hero__help{font-size:16px}.refer-friend-hero__field{gap:8px;padding:10px}.refer-friend-hero__input{font-size:14px}.refer-friend-hero__button{padding:0 18px;font-size:14px}.refer-friend-hero__field--guest{flex-direction:column;align-items:stretch;gap:12px}}.refer-friend-hero{background:linear-gradient(180deg,#fff0,#fff 1080px),linear-gradient(0deg,#f3f4f6 42.225%,#e2e4e9)}.referral-widget{width:1124px;max-width:100%}.referral-widget [hidden]{display:none!important}.referral-widget .refer-friend-hero__status{margin:12px 0 0}.referral-share-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}.referral-widget a:not(.refer-friend-hero__button),.referral-panel-link a{color:#28a17b;text-decoration:underline;text-underline-offset:3px}.referral-share-links a{display:inline-flex;align-items:center;min-height:44px}.referral-widget [data-referral-status]{margin-top:12px;font-size:14px}.referral-account-link,.referral-panel-link{margin:12px 0 0;font-size:14px;line-height:1.4}.referral-widget :is(a,button,input):focus-visible,.refer-share :is(a,button,input):focus-visible{outline:2px solid #28a17b;outline-offset:4px}.referral-widget .refer-friend-hero__link-bar>div:first-child{flex:0 1 42%}@media(max-width:700px){.referral-widget .refer-friend-hero__link-bar>div:first-child{flex:auto}}.referral-widget .refer-friend-hero__link-bar{align-items:flex-start;gap:32px;padding:28px 32px}.referral-widget .refer-friend-hero__link-bar>div:first-child{flex:0 1 38%;padding-top:12px}.referral-widget .refer-friend-hero__label{margin:0 0 8px;font-size:21px;line-height:1.4}.referral-widget .refer-friend-hero__help{font-size:16px;line-height:1.5}.referral-widget[data-referral-customer] .refer-friend-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}.referral-widget [data-referral-controls]:not([hidden]){display:contents}.referral-widget .refer-friend-hero__field{grid-column:1/-1;padding:12px 12px 12px 20px;gap:12px}.referral-widget .refer-friend-hero__input{font-size:16px}.referral-widget .referral-share-links{grid-column:1;grid-row:2;gap:0;margin:12px 0 0}.referral-widget .referral-share-links a{color:#2c2f35;font-size:13px;font-weight:500;text-decoration:none;min-height:44px;padding:0 10px;position:relative}.referral-widget .referral-share-links a:first-child{padding-left:0}.referral-widget .referral-share-links a+a:before{content:"";position:absolute;left:0;height:12px;border-left:1px solid #cbd0d8}.referral-widget .referral-share-links a:hover{color:#28a17b;text-decoration:underline;text-underline-offset:4px}.referral-widget .referral-panel-link{margin:12px 0 0;font-size:12px;line-height:1.4}.referral-widget[data-referral-customer] .referral-panel-link{grid-column:2;grid-row:2;text-align:right}.referral-widget .referral-panel-link a{display:inline-flex;align-items:center;min-height:44px;color:#626a78}.referral-widget [data-referral-status]{grid-column:1/-1;grid-row:3;margin:0;padding-top:10px;border-top:1px solid #e2e4e9;font-size:12px;line-height:1.5;color:#28a17b}.referral-widget [data-referral-status]:empty{padding:0;border:0}@media(max-width:1100px){.referral-widget .refer-friend-hero__link-bar{gap:24px;padding:24px}.referral-widget[data-referral-customer] .refer-friend-hero__actions{grid-template-columns:minmax(0,1fr)}.referral-widget[data-referral-customer] .referral-panel-link{grid-column:1;grid-row:3;text-align:left;margin:0}.referral-widget [data-referral-status]{grid-row:4}}@media(max-width:700px){.referral-widget .refer-friend-hero__link-bar{align-items:stretch}.referral-widget .refer-friend-hero__link-bar>div:first-child{flex:auto;padding-top:0}.referral-widget .refer-friend-hero__label{font-size:18px}.referral-widget .refer-friend-hero__field{padding:10px;gap:8px}.referral-widget .refer-friend-hero__input{font-size:14px}.referral-widget .referral-share-links{margin-top:8px}}.referral-widget:not([data-referral-customer]) .refer-friend-hero__link-bar{align-items:center;gap:40px;padding:32px 40px}.referral-widget:not([data-referral-customer]) .refer-friend-hero__link-bar>div:first-child{flex:1;padding-top:0}.referral-widget:not([data-referral-customer]) .refer-friend-hero__actions{flex:0 1 auto}.referral-guest-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.referral-guest-actions .refer-friend-hero__button{min-width:112px;box-sizing:border-box}.referral-guest-register{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;color:#6a7281;font-size:16px;line-height:1.5}.referral-guest-register a{display:inline-flex;align-items:center;min-height:44px}.referral-guest-register img{flex-shrink:0}.referral-widget[data-referral-state=loading] .referral-panel-link,.referral-widget[data-referral-state=ready] .referral-panel-link{display:none}@media(max-width:1100px){.referral-widget:not([data-referral-customer]) .refer-friend-hero__link-bar{flex-direction:column;align-items:stretch;gap:24px}}@media(max-width:700px){.referral-widget:not([data-referral-customer]) .refer-friend-hero__link-bar{padding:24px}.referral-guest-actions{flex-direction:column;align-items:flex-start;gap:12px}.referral-guest-actions .refer-friend-hero__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/refer-friend.css.map */