@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes transformHand{0%{transform:rotate(0) skew(0)}50%{transform:rotate(-5deg) skew(5deg)}to{transform:rotate(0) skew(0)}}@keyframes scaleFlare{0%{transform:scale(1) rotate(0)}50%{transform:scale(.6) rotate(20deg)}to{transform:scale(1) rotate(0)}}.referral-result-voucher{margin:1rem 1rem 0;border-radius:2rem;background-color:var(--bg-light-grey);overflow:hidden}@media (max-width: 1025px){.referral-result-voucher{border-radius:1rem}}.referral-result-voucher-wrap{display:block;position:relative;z-index:2}.referral-result-voucher-left-content{grid-column:1/8;align-self:end}@media (max-width: 1025px){.referral-result-voucher-left-content{grid-column:1/-1;grid-row:2/3;justify-self:center}}.referral-result-voucher-mockup{width:60.7rem;position:relative;z-index:1;pointer-events:none}@media (max-width: 1025px){.referral-result-voucher-mockup{margin-left:-8rem}}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-mockup{width:34rem}}@media (max-width: 767px){.referral-result-voucher-mockup{width:31.3rem}}.referral-result-voucher-mockup-img{position:relative;z-index:2;transform-origin:bottom;animation:transformHand 5s ease-in-out infinite;perspective:50rem;transform-style:preserve-3d}.referral-result-voucher-mockup-flare{position:absolute;top:-53.3234859675%;left:-52.9900332226%;width:232.5581395349%;transform-origin:center center;animation:scaleFlare 5s ease-in-out 3s infinite}@media (max-width: 1025px){.referral-result-voucher-mockup-flare{top:-64.323486%;left:-62.990033%;width:252.5581395349%}}.referral-result-voucher-right-content{position:relative;z-index:2;grid-column:-8/-1;display:flex;flex-direction:column;align-items:start;padding-block:19rem;max-width:51.2rem}@media (max-width: 1025px){.referral-result-voucher-right-content{grid-column:1/-1;grid-row:1/2;align-items:center;text-align:center;margin-bottom:8rem;margin-inline:auto;max-width:65rem;width:100%}}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-right-content{padding-block:8rem 0}}@media (max-width: 767px){.referral-result-voucher-right-content{padding-block:6.4rem 0rem;padding-inline:.4rem;margin-bottom:11.4rem}}.referral-result-voucher-title{color:var(--cl-black);margin-bottom:2rem}@media (max-width: 1025px){.referral-result-voucher-title{margin-bottom:1.6rem}}.referral-result-voucher-title>.txt{opacity:0}.referral-result-voucher-title>.txt.show{opacity:1}.referral-result-voucher-title .txt-highlight{color:var(--cl-primary)}.referral-result-voucher-desc{color:var(--cl-black-90);margin-bottom:4rem}@media (max-width: 1025px){.referral-result-voucher-desc{margin-bottom:3.2rem}}@media (max-width: 1025px){.referral-result-voucher-desc .txt{font-size:1.6rem}}.referral-result-voucher-ic{width:22.2rem;margin-bottom:3.2rem}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-ic{margin-bottom:2.4rem;width:20.7rem}}@media (max-width: 767px){.referral-result-voucher-ic{margin-bottom:1.6rem;width:17.3rem}}.referral-result-voucher-form{width:100%}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-form{max-width:48.2rem}}.referral-result-voucher-form-inner{width:100%;display:flex;align-items:center;gap:1rem}@media (max-width: 767px){.referral-result-voucher-form-inner{flex-direction:column;align-items:stretch}}.referral-result-voucher-social{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:1.2rem}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-social{max-width:48.2rem}}@media (max-width: 767px){.referral-result-voucher-social{flex-direction:column;align-items:center;row-gap:1.2rem}}.referral-result-voucher-social-title{color:var(--cl-black-80)}.referral-result-voucher-social-title .txt{letter-spacing:.1rem}.referral-result-voucher-social-icons{display:flex;column-gap:.4rem}.referral-result-voucher-social-icons-item{width:4rem;height:4rem;border-radius:50%;border:1px solid var(--cl-black-10);display:flex;justify-content:center;align-items:center}.referral-result-voucher-social-icons-item:hover .ic{opacity:1}.referral-result-voucher-social-icons-item .ic{width:1.6rem;height:1.6rem;display:flex;opacity:.6;transition:opacity var(--t-md) ease}.referral-result-voucher-input{flex:1}.referral-result-voucher-input .input-ic{position:absolute;bottom:2.5rem;right:1.2rem;pointer-events:none;display:grid}@media (max-width: 1025px){.referral-result-voucher-input .input-ic{bottom:1.3rem}}.referral-result-voucher-input .input-ic>*{grid-area:1/1/2/2;transition:opacity var(--t-md) ease}.referral-result-voucher-input .input-ic-load{animation:rotate 1s linear infinite;opacity:0}.referral-result-voucher-input .input-ic-incorrect,.referral-result-voucher-input .input-ic-load{opacity:0}.referral-result-voucher-input.on-load .input-ic-load{opacity:1}.referral-result-voucher .input-wrap{display:flex;align-items:center;justify-content:left;height:6.4rem;border-radius:.5rem;border:solid max(1px,.1rem) var(--cl-black-10);position:relative;transition:all var(--t-md) ease;background-color:var(--cl-white)}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher .input-wrap{height:4.8rem}}@media (max-width: 767px){.referral-result-voucher .input-wrap{height:4.8rem}}.referral-result-voucher .input-wrap:hover:not(.on-focus) .input-label{color:var(--cl-black)}.referral-result-voucher .input-wrap.on-focus{border-color:var(--bd-grey)}.referral-result-voucher .input-wrap.on-focus .input-label,.referral-result-voucher .input-wrap.has-value .input-label{transform:translateY(-1rem) scale(.66)}@media (max-width: 767px){.referral-result-voucher .input-wrap.on-focus .input-label,.referral-result-voucher .input-wrap.has-value .input-label{transform:translateY(-.7rem) scale(.66)}}.referral-result-voucher .input-wrap.on-focus::placeholder,.referral-result-voucher .input-wrap.has-value::placeholder{opacity:1}.referral-result-voucher .input{width:100%;height:100%;padding-inline:2rem;color:var(--cl-black);outline:none;transition:all ease var(--t-md);line-height:1em}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher .input{padding-inline:1.6rem}}@media (max-width: 767px){.referral-result-voucher .input{padding-block:2.2rem 1rem;font-size:1.6rem;line-height:1em}}.referral-result-voucher .input::placeholder{opacity:0;color:var(--cl-black-30)}.referral-result-voucher .input-label{position:absolute;left:1.2rem;color:var(--cl-black-90);transform-origin:top left;display:block;transition:all var(--t-md) ease;margin-top:0;cursor:text;width:100%;text-align:left}@media (max-width: 1025px){.referral-result-voucher .input-label{font-size:1.6rem}}.referral-result-voucher-btn{width:14.5rem}.referral-result-voucher-btn.disabled{pointer-events:none;filter:grayscale(.3)}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-btn{width:13.2rem}}@media (max-width: 767px){.referral-result-voucher-btn{flex:1;width:100%}}.referral-result-voucher-btn .btn{width:100%}@media (min-width: 768px) and (max-width: 1025px){.referral-result-voucher-btn .btn{padding:1.5rem 3rem}}@media (max-width: 767px){.referral-result-voucher-btn .btn{padding:1.4rem 3rem}}@media (max-width: 1025px){.referral-result-voucher-btn .txt{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/519/assets/sc-referral-result-voucher.css.map */