.dialog[data-v-45eb61ff]{opacity:0;visibility:hidden;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.56);width:100vw;height:100vh;transition:all .3s ease;z-index:100}.dialog__container[data-v-45eb61ff]{position:fixed;top:15vh;left:50vw;bottom:20vh;width:50vw;transform:translate(-50%,100%);max-width:500px;min-width:375px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;transition:all .3s ease}.dialog__container-header[data-v-45eb61ff]{padding:24px;border-bottom:1px solid #dedede;text-align:center;position:relative;font-weight:700}.dialog__container-header .close-icon[data-v-45eb61ff]{width:20px;position:absolute;left:24px;top:50%;transform:translateY(-50%);cursor:pointer}.dialog__container-body[data-v-45eb61ff]{padding:24px;flex:1}.dialog__container-footer[data-v-45eb61ff]{padding:24px;border-top:1px solid #dedede}.dialog.is-show[data-v-45eb61ff]{visibility:visible;opacity:1}.dialog.is-show .dialog__container[data-v-45eb61ff]{transform:translate(-50%)}.dialog.is-show.is-mobile .dialog__container[data-v-45eb61ff]{min-width:320px;transform:translate(0)}.dialog.is-mobile .dialog__container[data-v-45eb61ff]{max-width:unset;top:0;left:0;bottom:0;right:0;width:100vw;transform:translateY(100%);border-radius:0}.tag[data-v-1ae38cf4]{min-width:100px;display:inline-block;border:1px solid #999;border-radius:20px;padding:6px 12px;outline:none;text-align:center;cursor:pointer}.tag+.tag[data-v-1ae38cf4]{margin-left:12px}.tag.is-active[data-v-1ae38cf4]{border:1px solid #ff79bc;color:#ff79bc}.filter-button[data-v-d0f0ffcc]{border:1px solid #999;border-radius:20px;padding:6px 12px;outline:none}.search-button[data-v-d0f0ffcc]{background-color:#ff79bc;color:#fff;min-width:120px;border-radius:8px;padding:8px 0;text-align:center}[data-v-d0f0ffcc] .el-badge .el-badge__content.is-fixed{right:24px;background-color:#ff79bc;border:0}.online-status[data-v-08d111aa]{position:absolute;background:#cdcdcd;border:3px solid #fff;border-radius:50%;z-index:2}.online-status.is-active[data-v-08d111aa]{background:#1ce36f}.online-status.has-shadow[data-v-08d111aa]{border:1.5px solid #fff;box-shadow:0 0 5px #fff,0 0 5px #fff}.single-community-box[data-v-8cc01c74]{background:#fff;border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 30px 0 rgba(86,47,218,.1);cursor:pointer}.single-community-box:hover .img[data-v-8cc01c74]{transform:scale(1.1)}.single-community-box .img[data-v-8cc01c74]{overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#cecece;transition:all .6s ease}.single-community-box .img[data-v-8cc01c74]:before{content:"";display:block;padding-bottom:100%}.single-community-box .img img[data-v-8cc01c74]{width:100%;transition:all .6s linear}.single-community-box .content[data-v-8cc01c74]{position:relative}.single-community-box .content .date[data-v-8cc01c74]{padding-top:8px;padding-bottom:0}.single-community-box .content .title[data-v-8cc01c74]{font-size:24px;line-height:34px;font-weight:700;display:block;color:#333}.single-community-box .content .text[data-v-8cc01c74]{margin-bottom:0}.single-community-box .box-footer[data-v-8cc01c74]{border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.single-community-box .box-footer .left i[data-v-8cc01c74]{background-image:linear-gradient(166deg,#f22876,#942dd9);text-shadow:.927px 2.853px 10px rgba(18,72,142,.5)}.single-community-box .box-footer .right[data-v-8cc01c74]{background:#f6e9f9;padding:5px 20px;border-radius:50px;cursor:pointer}.single-community-box .box-footer .right i[data-v-8cc01c74]{-webkit-text-fill-color:transparent;background-image:linear-gradient(166deg,#f22876,#942dd9);text-shadow:.927px 2.853px 10px rgba(18,72,142,.5);margin-right:4px}.single-community-box[data-v-8cc01c74]:hover{transform:translateY(-5px)}.single-community-box:hover .img img[data-v-8cc01c74]{transform:scale(1.1)}.avatar-container[data-v-8cc01c74]{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:-webkit-radial-gradient(#fff,#000);border-radius:20px 20px 0 0}.el-pagination[data-v-51d2b4b2]{padding:0;font-size:14px;display:flex;justify-content:center;align-items:center}.el-pagination[data-v-51d2b4b2] .btn-next,.el-pagination[data-v-51d2b4b2] .btn-prev{background:#fff;width:40px;height:40px;line-height:40px;border-radius:50%;box-shadow:0 15px 30px 0 rgba(119,123,146,.2);padding:0}.el-pagination[data-v-51d2b4b2] .btn-next .el-icon,.el-pagination[data-v-51d2b4b2] .btn-prev .el-icon{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(166deg,#f22876,#942dd9);-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.el-pagination[data-v-51d2b4b2] .btn-prev{margin-right:4px}.el-pagination[data-v-51d2b4b2] .btn-next{margin-left:4px}.el-pagination[data-v-51d2b4b2] .el-pager{display:flex;align-items:center}.el-pagination[data-v-51d2b4b2] .el-pager .el-icon-more{background-color:transparent}.el-pagination[data-v-51d2b4b2] .number{display:inline-block;color:#333;margin:0 2px;background:#fff;box-shadow:0 15px 30px 0 rgba(119,123,146,.2);width:40px;height:40px;line-height:40px;border-radius:50%;cursor:pointer;transition:all .5s ease;text-align:center}.el-pagination[data-v-51d2b4b2] .number.active,.el-pagination[data-v-51d2b4b2] .number:hover{color:#fff;background-image:linear-gradient(166deg,#f22876,#942dd9)}.el-pagination[data-v-51d2b4b2] .more{background-color:transparent}.el-pagination[data-v-51d2b4b2] .more:hover{color:#fff}.el-pagination[data-v-51d2b4b2] .el-icon-d-arrow-left,.el-pagination[data-v-51d2b4b2] .el-icon-d-arrow-right{background-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(166deg,#f22876,#942dd9);-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.el-pagination--small[data-v-51d2b4b2] .btn-next,.el-pagination--small[data-v-51d2b4b2] .btn-prev,.el-pagination--small[data-v-51d2b4b2] .number{width:30px!important;height:30px!important;line-height:30px!important}