.masonry-group,.masonry-group .masonry-top,.masonry-group .hot-forum,.masonry-group .hot-forum .ui-item{display:flex}.masonry-group,.masonry-group .hot-forum{flex-wrap:wrap}.masonry-group{margin-right:-0.5rem;margin-bottom:1.5rem;margin-left:-0.5rem;box-sizing:border-box}.masonry-group *{box-sizing:border-box}.masonry-group .masonry-sizer,.masonry-group .masonry-item{width:20%}.masonry-group .carousel,.masonry-group .masonry-item .masonry-inner,.masonry-group .panel{border-radius:0.5rem}.masonry-group .carousel,.masonry-group .masonry-item .masonry-inner{box-shadow:0 0 0.5rem rgba(0,0,0,0.075)}.masonry-group .carousel-caption,.masonry-group .masonry-item .masonry-info .masonry-user{background-color:rgba(0,0,0,0.2);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);border:0.0625rem solid rgba(255,255,255,0.1)}.masonry-group .carousel-caption{top:0;right:0;bottom:unset;left:0}.masonry-group .masonry-item{padding:0.5rem;position:relative;z-index:1}.masonry-group .masonry-item:hover{z-index:10}.masonry-group .masonry-item .user-card.popover{z-index:100;position:absolute}.masonry-group .masonry-item .masonry-inner{background-color:#fff;transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.masonry-group .masonry-item .masonry-inner:hover{transform:translateY(-0.5rem);box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.15)}.masonry-group .masonry-item .masonry-inner.ui-padding{padding:1rem}.masonry-group .masonry-item .masonry-inner.ui-padding > .masonry-title,.masonry-group .masonry-item .masonry-inner.ui-padding > .text-group{margin-right:-1rem;margin-left:-1rem}.masonry-group .masonry-item .masonry-tag{position:absolute;top:0;text-align:center;color:#fff;line-height:1;font-size:0.875rem;border-radius:0.25rem}.masonry-group .masonry-item .masonry-tag.bg-1{background-color:#d63384}.masonry-group .masonry-item .masonry-tag.bg-2{background-color:#dc3545}.masonry-group .masonry-item .masonry-tag.bg-3{background-color:#fd7e14}.masonry-group .masonry-item .masonry-info{position:relative}.masonry-group .masonry-item .masonry-info .masonry-user{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:0.5rem;padding:0.25rem 1rem;line-height:1;border-top-right-radius:0.25rem}.masonry-group .masonry-item .masonry-info .masonry-user span{color:#fff}.masonry-group .masonry-item .masonry-info .masonry-tag{padding:0.5rem 0.5rem 1rem;right:0.5rem;width:2rem;border-top-right-radius:0;border-top-left-radius:0}.masonry-group .masonry-item .ui-image,.masonry-group .masonry-item .ui-image img{width:100%;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.masonry-group .masonry-item .ui-image,.masonry-group .masonry-item .masonry-title{display:block}.masonry-group .masonry-item .ui-image img{-o-object-fit:cover;object-fit:cover}.masonry-group .masonry-item .ui-avatar{width:1rem;height:1rem}.masonry-group .masonry-item .masonry-title,.masonry-group .masonry-item .masonry-inner > .text-group{padding:0 1rem}.masonry-group .masonry-item .masonry-title{line-height:1.125rem;font-size:1rem;position:relative}.masonry-group .masonry-item .masonry-title .masonry-tag{padding:0.1875rem 0.3125rem 0.25rem 0.3125rem;right:0;font-size:0.75rem;word-break:keep-all;border-top-right-radius:0;border-bottom-left-radius:0}.masonry-group .masonry-item .text-group{justify-content:space-between}.masonry-group .masonry-item .text-group .text-base{font-size:0.9375rem}.masonry-group .masonry-top,.masonry-group .hot-forum .ui-item{flex-direction:column}.masonry-group .masonry-top,.masonry-group .hot-forum{gap:1rem}.masonry-group .masonry-top{width:40%;padding:0.5rem}.masonry-group .masonry-top .panel{margin-bottom:0}.masonry-group .carousel,.masonry-group .carousel-inner,.masonry-group .carousel-item{height:18.75rem}.masonry-group .carousel,.masonry-group .panel{overflow:hidden}.masonry-group .hot-forum{padding:1rem;border-top:0.0625rem solid #efefef}.masonry-group .hot-forum .ui-item{flex:0 0 calc((100% - 4rem) / 5);align-items:center;justify-content:center;overflow:hidden}.masonry-group .hot-forum .ui-item img{display:none}.masonry-group .hot-forum .ui-item span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0.25rem 0.5rem;background-color:#efefef;text-align:center;border-radius:0.25rem;transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out}.masonry-group .hot-forum .ui-item:nth-child(1),.masonry-group .hot-forum .ui-item:nth-child(2),.masonry-group .hot-forum .ui-item:nth-child(3),.masonry-group .hot-forum .ui-item:nth-child(4),.masonry-group .hot-forum .ui-item:nth-child(5){position:relative;height:5.625rem;border-radius:0.25rem;overflow:hidden;background-color:#f8f9fa;transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out;cursor:pointer}.masonry-group .hot-forum .ui-item:nth-child(1) img,.masonry-group .hot-forum .ui-item:nth-child(2) img,.masonry-group .hot-forum .ui-item:nth-child(3) img,.masonry-group .hot-forum .ui-item:nth-child(4) img,.masonry-group .hot-forum .ui-item:nth-child(5) img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.masonry-group .hot-forum .ui-item:nth-child(1) span,.masonry-group .hot-forum .ui-item:nth-child(2) span,.masonry-group .hot-forum .ui-item:nth-child(3) span,.masonry-group .hot-forum .ui-item:nth-child(4) span,.masonry-group .hot-forum .ui-item:nth-child(5) span{position:absolute;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);border-top-right-radius:0;border-top-left-radius:0;color:#fff}.masonry-group .hot-forum .ui-item:nth-child(1):hover,.masonry-group .hot-forum .ui-item:nth-child(2):hover,.masonry-group .hot-forum .ui-item:nth-child(3):hover,.masonry-group .hot-forum .ui-item:nth-child(4):hover,.masonry-group .hot-forum .ui-item:nth-child(5):hover{transform:translateY(-0.5rem);box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.15)}.masonry-group .hot-forum .ui-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)){cursor:pointer;transition:all 0.3s ease-in-out}.masonry-group .hot-forum .ui-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):hover span{background-color:#0d6efd;color:#fff}