.skeleton-card[data-v-657d4854]{width:320px;height:222px;display:flex;flex-direction:column;justify-content:flex-end;align-content:flex-end;align-items:flex-end;margin:0 auto 20px;padding:0;background-color:#d9d9d9;border-radius:10px;overflow:hidden}.skeleton-card .skeleton-body[data-v-657d4854]{width:100%;height:197px;display:flex;margin:0;padding:0}.skeleton-card .skeleton-footer[data-v-657d4854]{width:100%;height:25px;display:flex;margin:0;padding:0;background-color:#afafaf}.skeleton[data-v-657d4854]{animation:skeleton-loading-657d4854 1s linear infinite alternate}@keyframes skeleton-loading-657d4854{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.modal-mask[data-v-66da2ee7]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:grid;place-items:center}.modal-container[data-v-66da2ee7]{z-index:999999;width:320px;color:#1450aa;background:#ffffff;border-radius:8px!important;overflow:hidden;padding:20px}@media only screen and (max-width: 280px){.modal-container[data-v-66da2ee7]{max-width:280px}}.modal-content[data-v-66da2ee7]{display:flex;flex-direction:column;justify-content:flex-start;align-content:center;align-items:center}.modal-title[data-v-66da2ee7]{color:#1450aa;font-size:20px;font-weight:500;line-height:24px;margin-bottom:20px;width:100%;display:flex;flex-direction:column}.modal-title .modal-close-button[data-v-66da2ee7]{margin-left:auto}.center[data-v-66da2ee7]{text-align:center}.hop-online-img[data-v-66da2ee7]{margin:0 auto 20px}.hop-not-online-img[data-v-66da2ee7]{margin:5px auto 20px}.online-modal-copy[data-v-66da2ee7]{text-align:center}p[data-v-66da2ee7]{width:100%;color:#1450aa;font-size:15px;line-height:20.7px;font-weight:300;text-align:left;margin-bottom:20px}.condensed .modal-container[data-v-66da2ee7]{padding:0}.condensed .modal-container .modal-title[data-v-66da2ee7]{padding-top:.5rem;padding-right:.5rem;margin:0;background-color:#e7edf7}.lds-ring[data-v-8c98dc7a]{display:inline;position:absolute;width:80px;height:80px;margin:var(--ring-top) var(--ring-right) var(--ring-bottom) var(--ring-left)}.lds-ring span[data-v-8c98dc7a]{box-sizing:border-box;display:inline;position:absolute;width:var(--ring-size);height:var(--ring-size);margin:8px;border:6px solid var(--ring-colour);border-radius:50%;animation:lds-ring-8c98dc7a 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ring-colour) transparent transparent transparent}.lds-ring div[data-v-8c98dc7a]:nth-child(1){animation-delay:-.45s}.lds-ring div[data-v-8c98dc7a]:nth-child(2){animation-delay:-.3s}.lds-ring div[data-v-8c98dc7a]:nth-child(3){animation-delay:-.15s}.only-spinner[data-v-8c98dc7a]{left:0;right:0;margin:5px auto}@keyframes lds-ring-8c98dc7a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-8c98dc7a]:root{--ring-size: 40px;--ring-colour: #000;--ring-left: 0px;--ring-right: 0px;--ring-top: 0px;--ring-bottom: 0px}.go-online-btn[data-v-9e6e4a24]{max-width:288px;margin:0 auto}.keep-earning-button[data-v-a263848b]{width:300px;min-width:300px;height:56px;border:2px solid #ffffff!important;border-radius:43px;margin:0 auto;padding:0 8px;border:none;color:#1450aa;background-color:#fff;font-size:20px;line-height:54px;font-weight:400;text-decoration:none;text-align:center;transition:all .6s linear;cursor:pointer}.keep-earning-button[data-v-a263848b]:focus-visible{outline:.2em #1450aa solid}@media only screen and (max-width: 280px){.keep-earning-button[data-v-a263848b]{width:250px;max-width:250px}}.keep-earning-button[data-v-a263848b]:hover{color:#1450aa}.black[data-v-a263848b]{width:300px;min-width:300px;height:56px;border:2px solid #231f20!important;border-radius:43px;padding:0 8px;border:none;color:#231f20;background-color:#fff!important;font-size:20px;line-height:54px;font-weight:400;text-decoration:none;text-align:center;transition:all .6s linear;cursor:pointer}.black[data-v-a263848b]:focus-visible{outline:.2em #1450aa solid}@media only screen and (max-width: 280px){.black[data-v-a263848b]{width:250px;max-width:250px}}.black[data-v-a263848b]:hover{color:#231f20}.hop-my-data__socials[data-v-a05a1556]{text-align:center}.hop-my-data__socials--buttons[data-v-a05a1556]{display:flex;flex-direction:column;padding:0}.hop-my-data__socials__title[data-v-a05a1556]{color:#1450aa}.hop-my-data__socials--buttons[data-v-a05a1556]{display:flex;flex-direction:column;padding:0;gap:1.5em}.hop-my-data--no-balance__socials .socials__link[data-v-a05a1556]{pointer-events:none;user-select:none;cursor:not-allowed}.hop-my-data--no-balance__socials .socials__link img[data-v-a05a1556]{filter:grayscale(1)}.hop-my-data .socials[data-v-a05a1556]{display:flex;flex-wrap:wrap}.hop-my-data .socials__title[data-v-a05a1556]{margin-bottom:1em}.hop-my-data .socials__link[data-v-a05a1556]{display:flex;flex-direction:column;padding:1em;gap:.8em;flex:1;flex-basis:33.3333333333%;color:#231f20;font-size:.75rem;justify-content:center;align-items:center;cursor:pointer}.hop-my-data .socials__link[data-v-a05a1556]:focus-visible{outline:.2em #1450aa solid}.hop-my-data .socials__link[data-v-a05a1556]:hover{background:rgba(0,0,0,.1)}.hop-my-data .socials__link[data-v-a05a1556]:active{background:rgba(0,0,0,.2)}@media only screen and (max-width: 280px){.hop-my-data .socials__link[data-v-a05a1556]{flex-basis:50%}}.how-button[data-v-e75e96ee]{margin:10px auto 60px}.button-spacing[data-v-e75e96ee]{margin:13px 0 0}.success-container[data-v-e75e96ee]{z-index:99999}.hop-my-data[data-v-e75e96ee]{width:100%;margin-left:17px;margin-right:17px}.hop-my-data__balance[data-v-e75e96ee]{display:flex;flex-direction:column;padding:1.9rem 1rem;border-radius:.5rem;border:1px solid var(--hop-blue-40, #a1b9dd);background:var(--hop-white, #fff);text-align:center;margin-bottom:30px}.hop-my-data__balance--flat[data-v-e75e96ee]{padding-top:0;border:none;border-top-left-radius:0;border-top-right-radius:0;background-color:#e7edf7}.hop-my-data__balance__caption[data-v-e75e96ee]{display:flex;justify-content:center;margin-bottom:.6em;gap:.2em;color:#1450aa;text-align:center;font-size:.75rem;font-style:normal;font-weight:400}.hop-my-data__balance__caption__text[data-v-e75e96ee]{font-size:1em;line-height:.9em}.hop-my-data__balance__caption__icon[data-v-e75e96ee]{width:1em;height:1em}.hop-my-data__balance__caption__icon--flipped[data-v-e75e96ee]{transform:scaleX(-1)}.hop-my-data__balance__figure[data-v-e75e96ee],.hop-my-data__balance__figure span[data-v-e75e96ee]{font-size:2.625rem;color:#1450aa;text-align:center;font-weight:600;text-transform:capitalize;margin-bottom:30px;line-height:.8em}.hop-my-data__balance .hop-button[data-v-e75e96ee]{flex:1;margin-top:0;min-width:0}.hop-my-data--no-balance .hop-my-data__balance .title[data-v-e75e96ee]{color:#a8a8a8}.condensed .hop-my-data[data-v-e75e96ee]{margin:0 0 30px}.hop-verify[data-v-4728ce5b]{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:0 auto;position:relative}.hop-verify-copy[data-v-4728ce5b]{color:#231f20;font-family:Lexend Deca;font-size:20px;line-height:24px;font-weight:400;text-decoration:none;text-align:center;margin:30px auto}.hop-verify-link[data-v-4728ce5b]{text-align:center;margin-top:50px}.resend-link[data-v-4728ce5b]{color:#231f20;font-family:Lexend Deca;font-size:16px;line-height:20px;font-weight:400;line-height:19.2px;text-decoration:underline;cursor:pointer}.resend-link[data-v-4728ce5b]:hover,.resend-link[data-v-4728ce5b]:focus,.resend-link[data-v-4728ce5b]:focus-visible{text-decoration:underline}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:100;font-style:normal;src:url(/assets/LexendDeca-Thin-8ebc341e.woff2) format("woff2"),url(/assets/LexendDeca-Thin-031a6a02.woff) format("woff"),url(/assets/LexendDeca-Thin-7e417858.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:200;font-style:normal;src:url(/assets/LexendDeca-ExtraLight-31106ba1.woff2) format("woff2"),url(/assets/LexendDeca-ExtraLight-30e5401f.woff) format("woff"),url(/assets/LexendDeca-ExtraLight-476738bf.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:300;font-style:normal;src:url(/assets/LexendDeca-Light-24db72ba.woff2) format("woff2"),url(/assets/LexendDeca-Light-82a43157.woff) format("woff"),url(/assets/LexendDeca-Light-225fc246.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:400;font-style:normal;src:url(/assets/LexendDeca-Regular-aa1c087f.woff2) format("woff2"),url(/assets/LexendDeca-Regular-0800fee8.woff) format("woff"),url(/assets/LexendDeca-Regular-3a12cea4.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:500;font-style:normal;src:url(/assets/LexendDeca-Medium-b218dd55.woff2) format("woff2"),url(/assets/LexendDeca-Medium-b32ac1db.woff) format("woff"),url(/assets/LexendDeca-Medium-1a540474.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:600;font-style:normal;src:url(/assets/LexendDeca-SemiBold-fd4129f2.woff2) format("woff2"),url(/assets/LexendDeca-SemiBold-cf40a6b3.woff) format("woff"),url(/assets/LexendDeca-SemiBold-6d24560e.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:700;font-style:normal;src:url(/assets/LexendDeca-Bold-e28d2d85.woff2) format("woff2"),url(/assets/LexendDeca-Bold-5f7b8ca5.woff) format("woff"),url(/assets/LexendDeca-Bold-678502f0.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:800;font-style:normal;src:url(/assets/LexendDeca-ExtraBold-6beea04f.woff2) format("woff2"),url(/assets/LexendDeca-ExtraBold-0b25c1b3.woff) format("woff"),url(/assets/LexendDeca-ExtraBold-7e5ef580.ttf) format("ttf")}@font-face{font-family:Lexend Deca;font-display:swap;font-weight:900;font-style:normal;src:url(/assets/LexendDeca-Black-18b1d4d3.woff2) format("woff2"),url(/assets/LexendDeca-Black-0d644db2.woff) format("woff"),url(/assets/LexendDeca-Black-338c8bc3.ttf) format("ttf")}.LexendDeca{font-family:Lexend Deca}*{margin:0;padding:0;box-sizing:border-box}*::selection{color:#fff;background-color:#1450aa}.hop,.hop *{font-family:Lexend Deca}a{text-decoration:none;transition:.4s}html,body{display:flex;flex-direction:column;font-family:Lexend Deca;background-color:#f8f8f8;height:100%}button{font-family:Lexend Deca}#app{font-family:Lexend Deca;width:100%;height:100%;margin:0 auto;padding:0;font-weight:400}.hop-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-content:center;align-items:center;margin:0 auto;padding:0}.hop-gradient-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-content:center;align-items:center;margin:0 auto;padding:0;background:linear-gradient(180deg,#e7edf7 0%,rgba(255,255,255,0) 100%)}.hop-footer-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-content:center;align-items:center;margin:0 auto;padding:40px 0 87px}@media only screen and (max-width: 479px){.hop-footer-page{padding:30px 0 87px}}@media only screen and (max-width: 360px){.hop-footer-page{padding:20px 0 87px}}@media only screen and (max-width: 280px){.hop-footer-page{padding:10px 0 87px}}.hop-column{width:100%;height:100%;max-width:370px;display:flex;flex-direction:column;justify-content:flex-start;align-content:center;align-items:center;margin:0 auto;padding:0 0 40px;position:relative}@media only screen and (max-width: 280px){.hop-column{max-width:300px}}.sticky-menu{width:100%;height:60px;display:flex;flex-direction:row;margin-bottom:2.2rem;position:sticky;top:0;background:#ffffff;z-index:998}.hop-logo{display:flex;width:117px;height:60px}.hop-logo-small{display:flex;width:71px;height:36px}.org-logo{display:flex;width:250px;height:212px}.hop-title{color:#1450aa;font-family:Lexend Deca;font-size:20px;line-height:30px;font-weight:500;font-style:normal;margin-bottom:6.5px;text-align:center}.hop-column-header{width:300px;display:flex;color:#1450aa;font-family:Lexend Deca;font-size:16px;line-height:21px;font-weight:400;font-style:normal;text-align:center}@media only screen and (max-width: 280px){.hop-column-header{max-width:250px}}.hop-super{color:#1450aa;text-transform:uppercase;font-size:20px;font-weight:900;line-height:24px;text-align:center}.hop-card{margin-bottom:30px;transition:all .6s linear;cursor:pointer}.hop-card:hover,.hop-card:focus,.hop-card:focus-visible{text-decoration:none;border:none}.hop-card:active{text-decoration:none;border:none}.hop-card .skeleton{width:300px;height:auto;max-width:700px;margin:0 auto;padding:30px;box-sizing:border-box;border-radius:20px;background-color:#a48282;overflow:hidden;position:relative}@media only screen and (max-width: 280px){.hop-card .skeleton{width:250px;height:auto}}.hop-card .hop-card-top{display:block;width:300px;height:auto}@media only screen and (max-width: 280px){.hop-card .hop-card-top{width:250px;height:auto}}.hop-card .hop-card-top img{width:100%;height:auto;object-fit:cover}.hop-button{text-align:center;border:none;height:56px;min-width:280px;border-radius:43px;color:#fff;font-size:20px;font-weight:400;line-height:54px;background-color:#1450aa;text-decoration:none;transition:all .6s linear;cursor:pointer}.hop-button:disabled{background-color:#a1b9dd}.hop-button:visited{background-color:#a1b9dd}.hop-button:focus-visible{outline:.2em #1450aa solid}@media only screen and (max-width: 280px){.hop-button{min-width:250px}}.hop-icon-button{all:unset;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;border-radius:1em;cursor:pointer;transition:.2s cubic-bezier(.4,0,1,1) all;font-size:1.25rem;padding:.25em}.hop-icon-button img{height:26px;width:26px}.hop-icon-button--small{padding:.6125em;border-radius:1.5em}.hop-icon-button--small img{height:1em;width:1em}.hop-icon-button,.hop-icon-button>img{user-select:none}.hop-icon-button:hover{background:#e0e0e0}.hop-icon-button:focus{background:#c6c6c6}.hop-icon-button:active{background:#a8a8a8}.hop-icon-button--light:hover{background:#262626}.hop-icon-button--light:focus{background:#525252}.hop-icon-button--light:active{background:#6f6f6f}.hop-icon-button:focus-visible{outline:1px solid #1450aa;outline-offset:-1px}.hop-button.hop-button-outline{color:#1450aa;background-color:#fff;border:1px solid #1450aa;line-height:54px}.hop-button.black{color:#fff;background-color:#231f20;border:2px solid #231f20;line-height:54px}.hop-button.hop-button-outline-black{color:#231f20;background-color:#fff;border:2px solid #231f20;line-height:54px}.hop-button.hop-button-outline.hop-button-small{height:36px;padding:0 20px;min-width:0;max-width:250px;border-radius:42px;font-size:16px;line-height:34px}.hop-button.black.hop-button-small{margin:0 auto;height:36px;padding:0 20px;width:300px;border-radius:42px;font-size:16px;line-height:34px;border:2px solid #231f20;color:#fff;background-color:#231f20}@media only screen and (max-width: 280px){.hop-button.black.hop-button-small{max-width:250px}}.hop-my-data{display:flex;flex-direction:column;margin:10px auto 0;position:relative}.hop-my-data-title{color:#1450aa;font-size:20px;font-weight:400;line-height:24px;text-align:center}.hop-my-data-title-sml{color:#1450aa;font-size:16px;font-weight:500;line-height:19px;text-align:center}.legal-link{width:100%;display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:center;padding-top:18px;color:#1450aa;font-size:13px;line-height:18px;font-weight:500;font-style:normal;text-decoration:underline;margin-bottom:2px}.hop-web-link{color:#1450aa;font-weight:500}.margin-top{margin-top:20px}.margin-bottom{margin-bottom:20px}.hop-privacy-copy{margin:0 20px;width:370px}@media only screen and (max-width: 360px){.hop-privacy-copy{width:320px}}@media only screen and (max-width: 280px){.hop-privacy-copy{width:280px}}