h1,h2,h3,h4,h5,h6,p{margin:0}#vue-petlover-account-creation{font-family:'Work Sans', sans-serif;font-style:normal}#vue-petlover-account-creation div[class="row"]:first-child{margin-bottom:30px}@media screen and (min-width: 992px){#vue-petlover-account-creation div[class="row"]:first-child{margin-bottom:150px}}#vue-petlover-account-creation video{width:100%;height:auto;max-height:420px}@media screen and (min-width: 1400px){#vue-petlover-account-creation video{margin-left:-70px}}#vue-petlover-account-creation .main-title{font-weight:700;font-size:42px;line-height:110%;letter-spacing:-0.03em;color:#270A49;margin:0 0 20px;text-align:center}@media screen and (max-width: 600px){#vue-petlover-account-creation .main-title{font-size:30px;line-height:36px}}@media screen and (min-width: 992px){#vue-petlover-account-creation .main-title{font-size:48px;text-align:left}}#vue-petlover-account-creation .steps{display:flex;align-items:flex-start;gap:25px;justify-content:center}@media screen and (min-width: 992px){#vue-petlover-account-creation .steps{gap:85px;justify-content:flex-start}}#vue-petlover-account-creation .heading{font-weight:500;font-size:16px;line-height:140%;letter-spacing:-0.04em;color:#270A49;margin:15px 0 20px}@media screen and (max-width: 600px){#vue-petlover-account-creation .pet-transfer-animation{display:none}}#vue-petlover-account-creation a{font-size:14px;line-height:16px;letter-spacing:-0.5px;color:#6154C5;text-decoration:underline !important}#vue-petlover-account-creation .form-container{padding:0;margin-top:30px}@media screen and (min-width: 992px){#vue-petlover-account-creation .form-container{padding:initial;margin-top:0}}@media screen and (min-width: 0px) and (max-width: 992px){#vue-petlover-account-creation .form-container{width:100%;display:flex;justify-content:center}}#vue-petlover-account-creation .form-container .create-account-form{max-width:536px;min-height:700px;border-radius:30px;padding:38px 80px;background:radial-gradient(104.28% 103.91% at 21.77% 0%, #83639F 5.83%, #2A177E 47.88%)}@media screen and (min-width: 0px) and (max-width: 536px){#vue-petlover-account-creation .form-container .create-account-form{width:100%;padding:38px 34px;border-radius:0}}@media screen and (min-width: 536px){#vue-petlover-account-creation .form-container .create-account-form{width:536px}}#vue-petlover-account-creation .form-container .create-account-form .header{color:#FFF;text-align:center;font-size:28px;font-style:normal;font-weight:700;line-height:38px;letter-spacing:-0.56px}#vue-petlover-account-creation .form-container .create-account-form .sub-header{color:#FFF;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:-0.8px;opacity:0.800000011920929;margin-top:8px}#vue-petlover-account-creation .form-container .create-account-form .google-button{margin-top:28px;border-radius:10px;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.05);display:flex;align-items:center;padding:14px 30px;gap:50px;cursor:pointer}@media screen and (min-width: 0px) and (max-width: 320px){#vue-petlover-account-creation .form-container .create-account-form .google-button{gap:30px}}@media screen and (min-width: 321px) and (max-width: 470px){#vue-petlover-account-creation .form-container .create-account-form .google-button{padding:14px 50px;gap:50px}}@media screen and (min-width: 471px) and (max-width: 536px){#vue-petlover-account-creation .form-container .create-account-form .google-button{gap:80px;padding:14px 60px}}#vue-petlover-account-creation .form-container .create-account-form .google-button .google-icon{min-width:26px;min-height:26px;border-radius:50%;background:#FFFFFF;display:flex;justify-content:center;align-items:center}#vue-petlover-account-creation .form-container .create-account-form .google-button .google-icon img{width:16px;height:16px}#vue-petlover-account-creation .form-container .create-account-form .google-button .button-text{color:#FFF;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.64px;opacity:0.800000011920929}#vue-petlover-account-creation .form-container .create-account-form .or{display:flex;justify-content:space-around;align-items:center;margin-top:20px}#vue-petlover-account-creation .form-container .create-account-form .or .horizontal-line{width:35%;height:1px;opacity:0.20000000298023224;background:#FFF}#vue-petlover-account-creation .form-container .create-account-form .or .or-text{color:#FFF;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.56px;opacity:0.6000000238418579}#vue-petlover-account-creation .form-container .create-account-form .input-form{margin-top:20px}@media screen and (min-width: 992px){#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields{display:flex;align-items:center;gap:18px}}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields){position:relative;margin-bottom:20px}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div label:not(.check-box-label),#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) label:not(.check-box-label){font-weight:700;font-size:14px;line-height:16px;letter-spacing:0.01em;color:#FFFFFF;display:block;text-transform:capitalize;margin-bottom:8px}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input{width:100%;background:#FFFFFF;border:1px solid #C7C4D3;border-radius:10px;padding:18px 35px 18px 26px;color:#270A49}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input::-moz-placeholder,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input::-moz-placeholder{color:#A09CA5}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input::placeholder,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input::placeholder{color:#A09CA5}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input::-moz-placeholder,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input::-moz-placeholder{font-weight:600;font-size:16px;line-height:19px;letter-spacing:-0.04em}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input,#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input::placeholder,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input::placeholder{font-weight:600;font-size:16px;line-height:19px;letter-spacing:-0.04em}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div input.valid-input,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) input.valid-input{background:#F0FFF8}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .check,#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .cross,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .check,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .cross{position:absolute;display:flex;justify-content:center;align-items:center;width:16px;height:16px;border-radius:50%;color:#FFFFFF;top:44px;right:12px}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .check i,#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .cross i,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .check i,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .cross i{font-size:10px}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .check,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .check{background-color:#8CE7AB}#vue-petlover-account-creation .form-container .create-account-form .input-form .row-fields>div .cross,#vue-petlover-account-creation .form-container .create-account-form .input-form>div:not(.row-fields) .cross{background-color:#EC3296}#vue-petlover-account-creation .form-container .create-account-form .input-form .agree-to-terms{display:flex;align-items:flex-start;font-size:12px;line-height:130%;color:#FFFFFF;opacity:0.8;margin-bottom:38px}#vue-petlover-account-creation .form-container .create-account-form .input-form .agree-to-terms .check-box{width:-moz-fit-content;width:fit-content;margin-right:15px;cursor:pointer;margin-top:3px}#vue-petlover-account-creation .form-container .create-account-form .input-form .agree-to-terms .check-box-label{color:#FFF;font-size:12px;font-style:normal;font-weight:400;line-height:130%;opacity:0.9;text-transform:none}#vue-petlover-account-creation .form-container .create-account-form .input-form .agree-to-terms .tos-link{color:#FFFFFF;text-decoration:none !important;font-weight:700}#vue-petlover-account-creation .form-container .create-account-form .input-form .create-account-btn{width:100%;padding:24px;border-radius:10px;border:none;background:#83639F;color:#FFF;font-size:18px;font-style:normal;font-weight:700}#vue-petlover-account-creation .form-container .create-account-form .input-form .disabled{opacity:0.3;pointer-events:none}#vue-petlover-account-creation .form-container .confirming-account{display:flex;flex-direction:column;align-items:center;justify-content:center}#vue-petlover-account-creation .form-container .confirming-account .heading-title{font-weight:700;font-size:24px;line-height:38px;letter-spacing:-0.04em;color:#BEAFFF;margin-bottom:60px}#vue-petlover-account-creation .form-container .confirming-account img{width:108px;height:108px;margin:0;display:flex;animation:progress-animation 6s linear infinite}@keyframes progress-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#vue-petlover-account-creation .form-container .message-after-confirmation{display:flex;justify-content:center;align-items:center}#vue-petlover-account-creation .form-container .message-after-confirmation .title{font-weight:700;font-size:24px;line-height:38px;text-align:center;letter-spacing:-0.04em;color:#BEAFFF;margin-bottom:10px}#vue-petlover-account-creation .form-container .message-after-confirmation .acc-title{color:#ffffff}#vue-petlover-account-creation .form-container .message-after-confirmation p{font-size:16px;line-height:28px;text-align:center;letter-spacing:-0.04em;color:#FFFFFF;opacity:0.5;margin:0 auto 70px;max-width:245px}#vue-petlover-account-creation .form-container .message-after-confirmation a{background:#83639F;border-radius:10px;height:69px;font-weight:700;font-size:18px;line-height:21px;letter-spacing:0.01em;color:#FFFFFF;display:flex;align-items:center;justify-content:center;text-decoration:none !important}#vue-petlover-account-creation .form-container .message-after-confirmation .acc-link{background:#83639F}#vue-petlover-account-creation .form-container .message-after-confirmation #message-after-confirmation-content{display:none}@media screen and (min-width: 1430px){#vue-petlover-account-creation .container{max-width:1150px}}#vue-petlover-account-creation .container .benefits-section{position:relative;margin-bottom:100px}#vue-petlover-account-creation .container .benefits-section .benefits-meta h1{font-weight:700;font-size:36px;line-height:130%;letter-spacing:-0.03em;color:#270A49;margin-bottom:25px;text-align:center}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .benefits-meta h1{font-size:40px;line-height:110%;text-align:left}}#vue-petlover-account-creation .container .benefits-section .benefits-meta p{font-size:20px;line-height:160%;letter-spacing:-0.04em;color:#270A49;opacity:0.9;margin-bottom:50px;display:none}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .benefits-meta p{display:block}}#vue-petlover-account-creation .container .benefits-section .benefit{margin-bottom:40px;text-align:center}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .benefit{display:flex;align-items:flex-start;text-align:left;margin-bottom:20px}}#vue-petlover-account-creation .container .benefits-section .benefit .icon{background:#FFFFFF;box-shadow:0 4px 29px rgba(23,33,73,0.1);border-radius:20px;width:67px;height:67px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto 20px}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .benefit .icon{margin-right:40px}}#vue-petlover-account-creation .container .benefits-section .benefit .heading{font-weight:600;font-size:24px;line-height:30px;letter-spacing:-1px;color:#270A49;margin-top:0;margin-bottom:15px}#vue-petlover-account-creation .container .benefits-section .benefit p{font-size:16px;line-height:150%;letter-spacing:-0.04em;color:#270A49;opacity:0.6}#vue-petlover-account-creation .container .benefits-section .benefit span{text-decoration:underline;cursor:pointer}#vue-petlover-account-creation .container .benefits-section button{background-color:#83639F;border-radius:10px;font-weight:700;font-size:18px;line-height:21px;letter-spacing:0.01em;color:#FFFFFF;border:none;height:69px;width:100%;max-width:300px}#vue-petlover-account-creation .container .benefits-section .acc-button{background-color:#528cff}#vue-petlover-account-creation .container .benefits-section .meta-confirm-button{display:none}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .meta-confirm-button{display:block}}#vue-petlover-account-creation .container .benefits-section .confirm-button{display:block;margin:0 auto 50px}@media screen and (min-width: 992px){#vue-petlover-account-creation .container .benefits-section .confirm-button{display:none}}