body.template-page-refer-a-friend .rotating{animation:rotate 2s infinite linear}body.template-page-refer-a-friend .rotating:before{animation:rotate 2s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.template-page-refer-a-friend .cta-button{background-color:var(--primary-color)}body.template-page-refer-a-friend .cta-button:hover{background-color:var(--primary-color-lighter)}body.template-page-refer-a-friend .cta-button{border-radius:5px;color:#fff;font-family:var(--font-bold);text-align:center;padding:15px;display:block;width:100%;border:0}body.template-page-refer-a-friend #refer-a-friend-hero{background-color:var(--background-color-secondary);position:relative;overflow:hidden}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content{padding:100px 50px}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content h1{text-align:center;margin-bottom:30px;z-index:2;position:relative}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content h1{margin-bottom:10px}}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content p{text-align:center;margin-bottom:40px;z-index:2;position:relative}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content p{font-size:1.2em}}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #referralcandy-container{display:flex;align-content:center;justify-content:center;align-items:center;z-index:2;position:relative}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #referralcandy-container iframe{max-width:700px;margin:0 auto}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form{max-width:350px;margin:0 auto;z-index:2;position:relative}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form label{font-family:var(--font-bold);text-align:left;margin-bottom:0;margin-top:20px;display:block}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form input{display:block;width:100%;height:50px;padding:10px;border-radius:5px;font-family:var(--font-regular)}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form input::placeholder{color:gray}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form button{margin-top:20px}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content form .form-error{color:#b5422b;text-align:left;font-size:.9em;font-family:var(--font-regular);font-style:italic;padding-top:3px;margin:0}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #carrot-watercolor{position:absolute;top:-260px;right:-260px;animation:carrot-watercolor-float 9s ease-in-out infinite;z-index:1}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #carrot-watercolor{top:-175px;right:-175px}}body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #broccoli-watercolor{position:absolute;bottom:-200px;left:-200px;z-index:1;animation:broccoli-watercolor-float 12s ease-in-out infinite;display:none}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-hero #refer-a-friend-content #broccoli-watercolor{bottom:-175px;left:-175px;display:block}}body.template-page-refer-a-friend #refer-a-friend-how-it-works{background-color:#ffdba1}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-headline-wrapper{max-width:1770px;margin:0 auto;padding:50px 30px 0}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-headline-wrapper h2{text-align:center;font-size:1.6em}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper{max-width:1770px;margin:0 auto;padding:20px 30px 50px;display:flex;flex-wrap:nowrap;flex-direction:column}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper{flex-direction:row}}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper .how-it-works-step{flex-basis:25%;display:flex;align-content:center;justify-content:flex-start;align-items:center;flex-direction:column;padding:0 30px;margin-bottom:30px}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper .how-it-works-step{margin-bottom:0}}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper .how-it-works-step .how-it-works-step-number{border:1px solid;width:50px;height:50px;font-size:2em;border-radius:50px;display:flex;align-content:center;align-items:center;justify-content:center;font-family:var(--font-bold)}body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper .how-it-works-step .how-it-works-step-content{text-align:center;margin-top:10px}@media screen and (min-width:992px){body.template-page-refer-a-friend #refer-a-friend-how-it-works .refer-a-friend-wrapper #how-it-works-cta{display:none}}@keyframes carrot-watercolor-float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes broccoli-watercolor-float{0%{transform:translatey(0)}50%{transform:translatey(20px)}to{transform:translatey(0)}}