.referral{width:100%;display:flex;justify-content:center;margin-top:5rem}.withOutHistory{background-image:url(//energybysmartcups.com/cdn/shop/t/79/assets/swell-refer-img.png?v=72323449593088886701750887113);width:954px;height:25rem}.page-refer .withOutHistory{width:100%;min-height:38rem}.withHistory{background-image:url(//energybysmartcups.com/cdn/shop/t/79/assets/swell-refer-history-img.png?v=178611712102042994141750887113);width:100%;height:56rem}.history-refer a p{text-transform:uppercase}.referral-wrap{background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column}.account .referral{margin-top:4rem}.referral p{color:#fff;margin-bottom:0;text-align:center}.referral h2{color:#fff;margin-top:0;margin-bottom:.3rem;line-height:55px}.explain-refer{display:flex;background-color:#157def;flex-direction:column;align-items:center;justify-content:center;width:50%;height:100%}.explain-refer .p-title{border-bottom:1px solid rgba(225,225,225,.8);padding-bottom:2rem;width:max-content;line-height:16px}.showForm{display:flex;flex-direction:column;align-items:flex-start;margin-top:1rem;margin-bottom:0}.refer-form{position:relative}.refer-form-input{display:flex;margin-top:.5rem;flex-direction:column;align-items:center}.refer-form-input input[type=text]{width:357px;padding-left:1rem;background-color:#fff}.refer-form-input input{border-radius:8px;height:42px;font-size:15px;margin-bottom:.5rem;letter-spacing:normal}.refer-form-input input[type=text]::placeholder{color:#000000b3}.refer-form-input input:focus{color:#000}.page-refer .explain-refer{background-image:linear-gradient(to right,#1684fb,#ee2e7e),linear-gradient(to right,#157def,#157def)}.refer-form-input input[type=submit]{width:150px;background-color:#28eec7;color:#fff;border:none;height:45px}.hiddenForm{display:none}.error-email{color:#f47b55!important;margin-top:0rem;width:100%}.shareLinks{display:flex;width:100%;justify-content:space-between;margin-top:.5rem}.shareLinks div a{width:100%;display:flex;align-items:center}.shareLinks i{color:#28eec7;font-size:12px;margin-right:5px}.refer-mail-send{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;top:0;width:100%;height:100%;background-color:#000c;z-index:3333;text-align:center}.referral h3{line-height:35px}.refer-mail-send h3{margin-right:0}.refer-mail-send-close{position:absolute;top:2%;right:50%;cursor:pointer}.hidden-history{display:none}.show-history{display:flex;flex-direction:column}.history-refer{margin-top:1.5rem;border-top:1px solid rgba(225,225,225,.8);padding-top:1.5rem}.history-refer a h4{text-decoration:underline;margin-bottom:.5rem}.history-refer h2{margin-bottom:1rem;font-weight:500;letter-spacing:.8px}.history-refer table,.history-refer table tr:first-child{border:none}.history-refer th{border:none;background-color:unset;font-weight:400;border-bottom:1px solid white}.history-refer h3{color:#fff;margin-right:0;text-align:center;letter-spacing:normal}.how-do-redeem{border-top:1px solid white;margin-top:1rem;padding-top:1.5rem}.how-do-redeem-explain{line-height:16px}.history-refer-table h4{margin-bottom:0}.history-refer-table p{text-align:left}.history-refer-table{overflow:auto;width:475px;width:357px;height:11rem}.history-refer-table::-webkit-scrollbar{width:8px;border-radius:100px;background-color:#33b470}.history-refer-table::-webkit-scrollbar-thumb{height:85%;background-color:#f8f8f8;border-radius:100px}.history-refer h2:nth-of-type(2){border-top:1px solid rgba(225,225,225,.3);padding-top:1.5rem;width:475px;margin-bottom:.5rem;margin-top:1.5rem}.popup-background{position:fixed;display:flex;justify-content:center;align-items:center;top:0;width:100vw;height:100vh;background-color:#000c;z-index:10000}.popup-body{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:506px;height:240px;border-radius:10px;background-image:linear-gradient(to right,#1684fb,#ee2e7e),linear-gradient(to right,#157def,#157def)}.popup-body input{width:180px;font-size:14px;height:34px;background-color:#fff;color:#000;border-radius:5px;margin-bottom:1rem}.popup-body h3{color:#fff!important;letter-spacing:normal;margin-right:0}.popup-body p{margin-bottom:0}.popup-close{position:absolute;top:-13%;right:50%;height:25px;transform:translate(50%,-50%);cursor:pointer;content:url(//energybysmartcups.com/cdn/shop/t/79/assets/swell-refer-close-popup-img.png?v=178611712102042994141750887113)}@media screen and (max-width: 1300px){.withHistory{height:51rem}}@media screen and (max-width: 1100px){.withHistory{height:52rem}}@media screen and (max-width: 900px){.referral-wrap{background-image:unset;height:max-content}.page-refer .referral-wrap{width:100%}.img-to-mobile{content:url(//energybysmartcups.com/cdn/shop/t/79/assets/swell-refer-mobile-img.png?v=178611712102042994141750887113)}.img-to-mobile-with-history{content:url(//energybysmartcups.com/cdn/shop/t/79/assets/swell-refer-history-mobile-img.png?v=178611712102042994141750887113)}.page-refer .refer-form-input input{width:470px!important}.page-refer .refer-form-input{width:max-content}.page-refer .shareLinks{width:480px}.page-refer .showForm{width:max-content;align-items:flex-start}.page-refer .refer-form{display:flex;justify-content:center}.history-refer{align-items:center}.history-refer a p{text-transform:unset;text-decoration:underline}.history-refer h3{line-height:normal}.how-do-redeem-explain{line-height:normal;margin-top:.5rem}.how-do-redeem{padding-top:2.5rem}.page-refer .refer-form-p{border-top:none;text-align:left;margin-top:0;padding-top:0}.page-refer hr{width:300px;border-color:#e1e1e199;margin-top:2rem}.history-refer .how-do-redeem{width:480px;border-top:1px solid rgba(225,225,225,.6)}.history-refer-table::-webkit-scrollbar{background-color:#00efc7}.referral img{width:100%}.page-refer .explain-refer{background-image:linear-gradient(to bottom,#0081ff,#f1277d),linear-gradient(to top,#017af3,#017af3)}.referral h2{line-height:53px!important;margin-bottom:1.5rem}.history-refer{width:480px;margin-top:3rem;padding-top:3rem}.refer-form-p{border-top:1px solid rgba(225,225,225,.7);padding-top:1.5rem;margin-top:1rem;width:350px;margin-bottom:.5rem!important}.refer-form{width:100%}.referral p{font-size:18px!important}.explain-refer .p-title{line-height:28px;border-bottom:none;padding-bottom:0rem}.showForm{align-items:center}.refer-form-input{width:100%}.explain-refer{width:100%;padding-top:4rem;padding-bottom:2rem}.history-refer-table{width:480px;height:17rem}.history-refer td,.history-refer th{border-bottom:1px solid rgba(225,225,225,.6)}.referral-wrap{width:530px}.refer-form-input input{width:90%!important;height:50px!important;font-size:20px;margin-bottom:1rem}.referral-wrap{align-items:center}.shareLinks div a{flex-direction:column}.shareLinks i{font-size:20px;margin-bottom:.3rem}.shareLinks{width:90%;margin-top:3rem}}@media screen and (max-width: 600px){.popup-body{zoom:.85}.history-refer-table{width:90%}.history-refer{width:100%}.refer-form-input input{font-size:15px}}@media screen and (max-width: 450px){.page-refer .shareLinks{width:420px!important;margin:auto;margin-top:3rem}.page-refer .refer-form-input input{width:420px!important}.page-refer .refer-form-input{margin:auto}.shareLinks a p{font-size:12px!important}}@media screen and (max-width: 400px){.page-refer .shareLinks,.page-refer .refer-form-input input{width:380px!important}}@media screen and (max-width: 375px){.page-refer .shareLinks,.page-refer .refer-form-input input{width:380px!important}}@media screen and (max-width: 320px){.page-refer .shareLinks,.page-refer .refer-form-input input{width:380px!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/swell-refer.css.map */