html,body{background-color:#000;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#fff}@keyframes modalOpen{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes load{0%{width:0;background:#a28089}25%{width:40%;background:#a0d2eb}50%{width:60%;background:#ffa8b6}75%{width:75%;background:#d0bdf4}to{width:100%;background:#30D3E0}}.steps{width:450px;text-align:center;justify-content:center;animation:modalOpen .5s ease-out}.steps .title{font-size:32px;color:#fff}.steps .msg{font-size:20px;margin-top:20px}.steps .progressBar{margin-top:20px;width:100%;height:10px;background-color:#f6266f;border-radius:4px;box-shadow:inset 0 0 5px #0003;animation:load 5s ease-out}.steps .list{padding:0;margin:25px 0 0;transition:visibility 0s 1s,opacity 1s linear}.steps .list li{transition:all .3s;flex-direction:row;list-style-type:none;margin-bottom:12px;font-size:18px;font-weight:400;padding:8px;border-radius:50px;cursor:pointer}.steps .ico-success{content:url(../../assets/success.svg);height:20px;width:20px;margin-right:5px}.steps .btn{display:inline-flex;justify-content:center;align-items:center;height:55px;padding:0 50px;text-transform:uppercase;color:#fefefe;border-radius:5px;background:#ea015d;font-size:21px;font-weight:700;border:none;cursor:pointer;margin-top:20px}.steps .btn.cancel{background:#e8e8e8;color:#969696}.steps .btn-group .btn{margin-right:10px}.content{border-radius:12px;background-color:#000;display:flex;flex-grow:1;height:100vh;flex-direction:row}.content .profile{position:sticky;top:0;flex-shrink:0;width:50%;max-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;z-index:1}.content .profile .image{transition:background-image .5s ease-in-out;background-image:url(https://cdn.love1.online/assets/red_sheets-2a4b9950.jpg);width:100%;height:100%;background-size:cover;background-position:top;background-repeat:no-repeat;z-index:1}.content .profile .image .profile-image__name{position:absolute;left:30px;bottom:30px;color:#fff;font-size:32px}.content .profile .image .profile-image__name img{margin-right:5px}.content .profile .image .profile-image__status{position:absolute;right:-15px;top:0;width:10px;height:10px;border-radius:5px;background:#16c065;animation-iteration-count:infinite;animation-duration:2s}.content .form{position:relative;z-index:10;flex-grow:1;display:flex;flex-direction:column;box-shadow:0 0 20px #00000040;align-items:stretch}.content .form .wrap{position:absolute;top:0;left:0;width:100%;height:100%}.content .form .container{min-height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}.content .form .container .about{margin-top:15px;color:#fffc}@media (max-width: 700px){.content{display:block;height:auto}.content .profile{width:100%;height:45vh;position:relative}.content .profile .image{width:100%;height:100%}.content .form{border-left:none;box-shadow:none}.content .form .container{padding:15px}.steps{width:100%}}.text-field__input{width:100%;text-indent:15px;outline:0;border:0px solid #F0F2F4;border-radius:5px;background-color:#f0f2f4;color:#000;font-size:18px;transition:border-color .2s}.text-field__input:focus{background-color:#fff}.text-field{text-align:center;justify-content:center;position:relative;height:65px;display:flex;margin-top:15px}.field__error{color:red;font-size:18px;margin-top:15px}.domain-suggestions-wrapper{position:relative;z-index:10}.domain-suggestions__dropdown{cursor:pointer;position:absolute;top:7px;right:0;left:0;overflow:auto;max-height:210px;border-radius:7px;background:#fff;box-shadow:0 2px 10px 2px #0000001a;direction:ltr;text-align:left;margin:0;padding:0}.domain-suggestions__dropdown li{font-size:18px;padding:10px 15px;list-style:none;color:#000}.domain-suggestions__dropdown li:hover{background:#f5f5f5;color:#f6266f}.birthdate .text-field__input:first-child{width:170px;margin-right:5px}.birthdate .text-field__input:last-child{width:250px;margin-left:5px}.object-cover{object-fit:cover;width:100%;height:100%;position:absolute}