| 1 |
- .promotion-page[data-v-358eb6c4]{background-color:#f7f8fa;min-height:100vh}.main-container[data-v-358eb6c4]{padding:.625rem}.toolbar[data-v-358eb6c4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.toolbar .filter-btn[data-v-358eb6c4]{display:flex;align-items:center;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:.125rem;font-size:.4375rem;color:var(--bs-heading-color)}.toolbar .sort-group[data-v-358eb6c4]{display:flex;border:1px solid #e4e7ed;border-radius:.125rem;overflow:hidden;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.toolbar .sort-group .sort-item[data-v-358eb6c4]{padding:.25rem .5rem;font-size:.4375rem;color:var(--bs-heading-color);border-right:1px solid #e4e7ed;cursor:pointer}.toolbar .sort-group .sort-item[data-v-358eb6c4]:last-child{border-right:none}.toolbar .sort-group .sort-item.active[data-v-358eb6c4]{background-color:#f5f5f5;font-weight:500;color:var(--bs-heading-color)}.media-grid[data-v-358eb6c4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.625rem}.media-grid.logo-grid[data-v-358eb6c4]{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}.media-card[data-v-358eb6c4]{background:#fff;border-radius:.25rem;border:1px solid #ebeef5;overflow:hidden;display:flex;flex-direction:column}.media-card .media-cover[data-v-358eb6c4]{position:relative;height:6.875rem;background-color:#000;display:flex;align-items:center;justify-content:center}.media-card .media-cover.checkerboard[data-v-358eb6c4]{background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:20px 20px;background-position:0 0,10px 10px;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.media-card .media-cover .cover-img[data-v-358eb6c4]{width:100%;height:100%}.media-card .media-cover .cover-img.contain[data-v-358eb6c4]{object-fit:contain}.media-card .media-cover .play-btn[data-v-358eb6c4]{position:absolute;width:1.5625rem;height:1.5625rem;background-color:rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-card .media-cover .badge-new[data-v-358eb6c4]{position:absolute;top:.3125rem;right:.3125rem;background-color:#d32f2f;color:var(--bs-emphasis-color);font-size:.375rem;padding:.0625rem .25rem;border-radius:.125rem}.media-card .media-info[data-v-358eb6c4]{padding:.5rem;flex:1}.media-card .media-info .info-title[data-v-358eb6c4]{font-size:.5rem;font-weight:700;color:var(--bs-heading-color);margin-bottom:.25rem}.media-card .media-info .info-desc[data-v-358eb6c4]{font-size:.40625rem;color:var(--bs-heading-color);line-height:1.5;margin-bottom:.375rem}.media-card .media-info .info-row[data-v-358eb6c4]{display:flex;justify-content:space-between;align-items:center;padding:.3125rem 0;border-bottom:1px solid var(--bs-border-color);font-size:.40625rem}.media-card .media-info .info-row.mt-10[data-v-358eb6c4]{margin-top:.3125rem}.media-card .media-info .info-row[data-v-358eb6c4]:last-child{border-bottom:none;padding-bottom:0}.media-card .media-info .info-row .label[data-v-358eb6c4]{color:var(--bs-heading-color)}.media-card .media-info .info-row .value[data-v-358eb6c4]{color:var(--bs-heading-color);font-weight:500;text-align:right}.media-card .media-info .info-row .value.tag[data-v-358eb6c4]{background-color:#f5f5f5;padding:.0625rem .25rem;border-radius:.375rem;font-weight:400}.media-card .media-actions[data-v-358eb6c4]{display:flex;align-items:center;padding:.5rem;gap:.3125rem;border-top:1px solid #ebeef5}.media-card .media-actions.logo-actions[data-v-358eb6c4]{justify-content:center}.media-card .media-actions .action-checkbox[data-v-358eb6c4]{flex-shrink:0}.media-card .media-actions .action-btn[data-v-358eb6c4]{height:1.125rem;line-height:1.125rem;font-size:.4375rem;margin:0;border-radius:.125rem;background-color:#f5f5f5;color:var(--bs-heading-color);border:none}.media-card .media-actions .action-btn[data-v-358eb6c4]:after{border:none}.media-card .media-actions .action-btn.main-btn[data-v-358eb6c4]{flex:1}.media-card .media-actions .action-btn.icon-btn[data-v-358eb6c4]{width:1.125rem;padding:0;display:flex;align-items:center;justify-content:center}.logo-card .logo-cover[data-v-358eb6c4]{height:8.125rem;display:flex;align-items:center;justify-content:center;padding:1.25rem}.logo-card .logo-cover.light[data-v-358eb6c4]{background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.logo-card .logo-cover.dark[data-v-358eb6c4]{background-color:#0b101e}.logo-card .logo-cover .logo-img[data-v-358eb6c4]{width:100%;height:100%}
|
