.emoji-list-page[data-v-0b13bc3e]{min-height:calc(100vh - 60px);background:#01201a;padding:20px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-header[data-v-0b13bc3e]{margin-bottom:30px}.page-title[data-v-0b13bc3e]{font-size:24px;font-weight:600;color:#fff;margin-bottom:8px}.page-subtitle[data-v-0b13bc3e]{font-size:14px;color:hsla(0,0%,100%,.7);line-height:1.5}.cards-container[data-v-0b13bc3e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;gap:20px;margin-bottom:30px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;height:calc(100vh - 230px);overflow-y:auto;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.create-card[data-v-0b13bc3e]{aspect-ratio:1.2;border:2px dashed hsla(0,0%,100%,.3);border-radius:12px;background:hsla(0,0%,100%,.02);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%;height:auto;min-height:300px}.create-card[data-v-0b13bc3e]:hover{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-card-content[data-v-0b13bc3e]{text-align:center;color:hsla(0,0%,100%,.7)}.create-icon[data-v-0b13bc3e]{font-size:32px;margin-bottom:8px;display:block}.create-text[data-v-0b13bc3e]{font-size:14px;font-weight:500}.emoji-card[data-v-0b13bc3e]{aspect-ratio:1.2;background:#002c23;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;position:relative;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:auto;min-height:300px}.emoji-card[data-v-0b13bc3e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.3);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.2)}.emoji-card:hover .card-actions[data-v-0b13bc3e]{opacity:1}.card-image-area[data-v-0b13bc3e]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;position:relative;overflow:hidden;min-height:0}.card-image[data-v-0b13bc3e]{width:100%;height:100%}.card-image[data-v-0b13bc3e] .el-image__inner{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-image-placeholder[data-v-0b13bc3e]{width:100%;height:100%;background:hsla(0,0%,100%,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:hsla(0,0%,100%,.3)}.card-image-placeholder .el-icon-picture-outline[data-v-0b13bc3e]{font-size:32px}.image-slot[data-v-0b13bc3e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.3)}.image-slot .el-icon-picture-outline[data-v-0b13bc3e]{font-size:32px}.card-content[data-v-0b13bc3e]{padding:15px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:80px}.card-title[data-v-0b13bc3e]{font-size:14px;font-weight:500;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.card-meta[data-v-0b13bc3e]{font-size:12px;color:hsla(0,0%,100%,.5)}.card-actions[data-v-0b13bc3e]{position:absolute;top:10px;right:10px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:10}.card-more-btn[data-v-0b13bc3e]{width:28px;height:28px;background:rgba(0,0,0,.6);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.card-more-btn[data-v-0b13bc3e]:hover{background:rgba(0,0,0,.8)}.card-more-btn .el-icon-more[data-v-0b13bc3e]{font-size:14px}.pagination-wrapper[data-v-0b13bc3e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .el-pager li{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.1)}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .el-pager li:hover{color:#00d4aa;background:rgba(0,212,170,.1)}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .el-pager li.active{background:#00d4aa;color:#fff;border-color:#00d4aa}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-next,.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-prev{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.1)}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-next:hover,.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-prev:hover{color:#00d4aa;background:rgba(0,212,170,.1)}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-next:disabled,.pagination-wrapper[data-v-0b13bc3e] .el-pagination .btn-prev:disabled{color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.05)}.pagination-wrapper[data-v-0b13bc3e] .el-pagination .el-pagination__total{color:hsla(0,0%,100%,.7)}[data-v-0b13bc3e] .el-dropdown-menu{background:#002c23;border:1px solid hsla(0,0%,100%,.1);z-index:9999}[data-v-0b13bc3e] .el-dropdown-menu .el-dropdown-menu__item{color:hsla(0,0%,100%,.8)}[data-v-0b13bc3e] .el-dropdown-menu .el-dropdown-menu__item:hover{background:hsla(0,0%,100%,.1);color:#fff}[data-v-0b13bc3e] .el-dropdown{position:relative}[data-v-0b13bc3e] .el-popper{z-index:9999!important}@media(max-width:768px){.emoji-list-page[data-v-0b13bc3e]{padding:15px 20px}.cards-container[data-v-0b13bc3e]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.page-title[data-v-0b13bc3e]{font-size:20px}}@media(max-width:480px){.cards-container[data-v-0b13bc3e]{grid-template-columns:1fr}}