.inapp-banner{position:fixed;top:20px;left:16px;right:16px;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;padding:10px 14px;z-index:1000;box-shadow:0 8px 32px #0000001f}.inapp-banner:before{content:"";position:absolute;top:-13px;right:12px;width:37px;height:13px;background-image:url(/assets/popup-arrow.c7hCp6f6.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.banner-content{display:flex;justify-content:flex-end;align-items:center;position:relative;flex-wrap:wrap}.banner-content p{margin:0;font-size:16px;color:#1b225c}.grow-icon{width:64px;height:64px}.union-icon,.ellipsis-icon{width:22px;height:22px}.arrow-icon{width:8.5px;height:14.5px;margin-left:4px;margin-right:4px}html,body{background:linear-gradient(to bottom,#e9e9fd,#fcefe7);margin:0;padding:0}:root{--main-color: #1b225c;--sub-title-color: #8489b4;--main-blue: #699ae5;--max-width: 720px}.challenge-page *{font-family:-apple-system,system-ui}.challenge-page{max-width:var(--max-width);margin:auto;min-height:100vh}.challenge-page .loading-placeholder{height:1000px}.challenge-page .top{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.challenge-page .avatar-container{margin:20px auto auto;width:165px;height:60px;text-align:center;position:relative}.challenge-page .avatar-container .bg{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;width:165px;height:60px}.challenge-page .avatar-container .invitor-avatar{position:absolute;left:0;right:0;border-radius:100%;margin-left:auto;margin-right:auto;width:60px;height:60px}.challenge-page .challenge-content{margin:auto;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.challenge-page .invite-text{margin:6px 40px 0;font-size:18px;font-weight:500;color:var(--main-color);text-align:center}.challenge-page .invite-text .name{color:var(--main-blue)}.challenge-page .cover{text-align:center;position:relative}.challenge-page .cover img{max-width:100%;max-height:100%;display:block;margin:auto}.challenge-page .cover .cover-img{top:0;bottom:0;left:0;right:0;width:100%;margin:auto}.challenge-page .cover .badge-img{position:relative;bottom:75px;width:150px;height:150px;-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}.challenge-page .challenge-name{color:var(--main-color);font-size:28px;text-align:center;font-weight:700;margin:-36px 16px 0}.challenge-page .challenge-date{color:var(--sub-title-color);font-size:16px;text-align:center;padding:0 16px;margin:8px 0}.challenge-page .avatars-container{display:flex;align-items:center}.challenge-page .avatars{display:flex;align-items:center;list-style-type:none;margin:auto;flex-direction:row}.challenge-page .avatars .avatars__item{border-radius:100%;display:block;font-family:sans-serif;font-size:12px;height:30px;width:30px;text-align:center;transition:margin .1s ease-in-out;overflow:hidden;margin-left:4px;margin-right:0;position:relative;z-index:1;opacity:0;transform:scale(0) translate(0);animation:avatarExpand .6s ease-out forwards}.challenge-page .avatars .avatars__item img{width:100%;height:100%;object-fit:cover;border-radius:100%}.challenge-page .avatars:hover .avatars__item{margin-right:0}.challenge-page .join-tips{margin-top:18px;margin-bottom:auto;color:var(--sub-title-color);font-size:16px;text-align:center;padding:0 16px}.challenge-page .join-btn{background-color:var(--main-blue);border:none;height:50px;font-weight:600;text-align:center;text-decoration:none;border-radius:25px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:460px;box-shadow:0 4px 12px #0000001a;z-index:100}.challenge-page .join-btn:hover{background-color:#5a8bd9;transform:translate(-50%) scale(1.02)}.challenge-page .join-btn:active{background-color:#4a7bc7;transform:translate(-50%) scale(.98)}@keyframes avatarExpand{0%{opacity:0;transform:scale(0) translate(0)}75%{opacity:.8;transform:scale(1.1) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}.challenge-page .avatars .avatars__item:nth-child(5){z-index:5;animation-delay:0s}.challenge-page .avatars .avatars__item:nth-child(6){z-index:6;animation-delay:.05s}.challenge-page .avatars .avatars__item:nth-child(4){z-index:4;animation-delay:.1s}.challenge-page .avatars .avatars__item:nth-child(7){z-index:7;animation-delay:.15s}.challenge-page .avatars .avatars__item:nth-child(3){z-index:3;animation-delay:.2s}.challenge-page .avatars .avatars__item:nth-child(8){z-index:8;animation-delay:.25s}.challenge-page .avatars .avatars__item:nth-child(2){z-index:2;animation-delay:.3s}.challenge-page .avatars .avatars__item:nth-child(9){z-index:9;animation-delay:.35s}.challenge-page .avatars .avatars__item:nth-child(1){z-index:1;animation-delay:.4s}.challenge-page .avatars .avatars__item:nth-child(10){z-index:10;animation-delay:.45s}@media (max-width: 320px){.challenge-page .avatars{max-width:240px}}