.tag-list-page[data-v-a870ed3f]{background-color:var(--color-bg-1);color:var(--color-text-1);min-height:100vh;padding-top:64px}.content-area[data-v-a870ed3f]{margin:0 auto;max-width:1360px;padding:2rem}.list-actions[data-v-a870ed3f]{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.title-section[data-v-a870ed3f]{flex:1;min-width:0}.filter-btn-wrapper[data-v-a870ed3f]{flex-shrink:0;position:relative}.filter-dd-row[data-v-a870ed3f]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.page-title[data-v-a870ed3f]{color:var(--color-text-1);font-size:var(--text-section-title-size,18px);font-weight:var(--font-weight-bold);margin:0}.title-main[data-v-a870ed3f]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.alphabet-section[data-v-a870ed3f]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.alphabet-btn[data-v-a870ed3f]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--alphabet-btn-bg);border:1px solid var(--alphabet-btn-border);border-radius:6px;color:var(--alphabet-btn-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);height:40px;justify-content:center;padding:0;text-decoration:none;transition:all .3s ease;width:40px}@media(hover:hover){.alphabet-btn[data-v-a870ed3f]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn.active[data-v-a870ed3f]{background:var(--alphabet-btn-active-bg);border-color:var(--alphabet-btn-active-border);color:var(--alphabet-btn-active-color);font-weight:var(--font-weight-semibold)}.alphabet-section-mobile[data-v-a870ed3f]{display:none}.error-container[data-v-a870ed3f],.loading-container[data-v-a870ed3f]{padding:4rem 2rem;text-align:center}.error p[data-v-a870ed3f],.loading p[data-v-a870ed3f]{color:var(--color-text-2);margin-bottom:1rem}.error button[data-v-a870ed3f]{background:var(--color-primary-main);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.video-list-section[data-v-a870ed3f]{margin-bottom:3rem}.video-list-container[data-v-a870ed3f]{min-height:400px}.related-tags[data-v-a870ed3f]{margin:-1rem 0 2.5rem}.related-tags__title[data-v-a870ed3f]{color:var(--color-text-1);font-size:var(--text-section-title-size,18px);margin-bottom:.75rem}.related-tags__list[data-v-a870ed3f]{display:flex;flex-wrap:wrap;gap:.625rem}.related-tags__link[data-v-a870ed3f]{background:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:999px;color:var(--color-text-2);padding:.5rem .875rem;transition:border-color .2s ease,color .2s ease}@media(hover:hover){.related-tags__link[data-v-a870ed3f]:hover{border-color:var(--color-primary-main);color:var(--color-primary-main)}}@media(max-width:768px){.content-area[data-v-a870ed3f]{padding:1rem}.list-actions[data-v-a870ed3f]{align-items:flex-start}.filter-dd-row[data-v-a870ed3f]{flex-wrap:nowrap;gap:.5rem}.filter-dd-row[data-v-a870ed3f] .filter-dd-trigger{height:36px;padding:0 10px}.filter-dd-row[data-v-a870ed3f] .filter-dd-text{font-size:var(--font-size-body-small)}.alphabet-section[data-v-a870ed3f]{display:none}.video-list-container[data-v-a870ed3f]{align-items:flex-start;display:flex;gap:.5rem}.alphabet-section-mobile[data-v-a870ed3f]{align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a070bcc;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem}.alphabet-btn-mobile[data-v-a870ed3f]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--alphabet-btn-bg);border:1px solid var(--alphabet-btn-border);border-radius:6px;color:var(--alphabet-btn-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);height:32px;justify-content:center;padding:0;text-decoration:none;transition:all .3s ease;width:32px}@media(hover:hover){.alphabet-btn-mobile[data-v-a870ed3f]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn-mobile.active[data-v-a870ed3f]{background:var(--alphabet-btn-active-bg);border-color:var(--alphabet-btn-active-border);color:var(--alphabet-btn-active-color);font-weight:var(--font-weight-semibold)}}
