.content-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;width:100%}.content-grid>*{min-width:0}@media(max-width:1200px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.content-grid{grid-template-columns:repeat(2,1fr)}}.content-grid .general-card-wrapper{width:100%!important;min-width:0!important}.content-grid .general-card-wrapper .general-card{width:100%;min-width:0}.content-grid .general-card-wrapper .general-card .thumb-container{height:auto;aspect-ratio:358.48/215}@media(max-width:576px){.content-grid .general-card-wrapper .general-card .card-info h4{font-size:14px}}@media(max-width:400px){.content-grid{gap:8px}.content-grid .general-card-wrapper .general-card .card-info{padding-top:6px}.content-grid .general-card-wrapper .general-card .card-info h4{font-size:13px}}.content-view-loader{display:flex;justify-content:center;align-items:center;min-height:40vh}.content-view-loader .spinner{width:40px;height:40px;border-radius:50%;border:3px solid hsla(0,0%,100%,.1);border-top-color:#1fceff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.content-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.content-empty-state .empty-icon{font-size:3.5rem;opacity:.4}.content-empty-state h3{font-size:1.5rem;font-weight:600;color:#fff}.content-empty-state p{color:hsla(0,0%,100%,.5);font-size:.95rem;max-width:400px}@media(max-width:400px){.content-empty-state{min-height:40vh;gap:.75rem}.content-empty-state .empty-icon{font-size:2.5rem}.content-empty-state h3{font-size:1.15rem}.content-empty-state p{font-size:.85rem}}.content-skeleton-card{width:100%;aspect-ratio:358.48/215;background:hsla(0,0%,100%,.1);border-radius:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.content-view-page{min-height:80vh}.content-view-page .content-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.content-view-page .content-view-header .header-title-group{display:flex;align-items:center;gap:12px;flex:1 1;min-width:200px}.content-view-page .content-view-header .header-title-group>.header-left{flex:0 1 auto;min-width:0}.content-view-page .content-view-header .handoff-clear{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:hsla(0,0%,100%,.12);color:var(--white-color,#fff);font-size:16px;line-height:0;cursor:pointer;transition:background .2s ease}.content-view-page .content-view-header .handoff-clear:hover{background:hsla(0,0%,100%,.28)}.content-view-page .content-view-header .handoff-clear:focus-visible{outline:2px solid #1fcfff;outline-offset:2px}.content-view-page .content-view-header .handoff-clear.with-label{width:auto;height:auto;max-width:100%;min-width:0;flex-shrink:1;gap:8px;padding:6px 12px;border-radius:999px;line-height:1}.content-view-page .content-view-header .handoff-clear.with-label .handoff-label{font-size:calc(13px*var(--font-scale, 1));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-view-page .content-view-header .header-right{display:flex;justify-content:flex-end;align-items:center}@media(max-width:576px){.content-view-page .content-view-header .header-right{width:100%;justify-content:flex-start}}@media(max-width:400px){.content-view-page .content-view-header{margin-bottom:1.25rem;gap:1rem}.content-view-page .content-view-header .header-title-group{min-width:0;gap:8px}.content-view-page .content-view-header .handoff-clear:not(.with-label){width:24px;height:24px;font-size:14px}.content-view-page .content-view-header .handoff-clear.with-label{gap:6px;padding:5px 10px;font-size:14px}.content-view-page .content-view-header .handoff-clear.with-label .handoff-label{font-size:calc(12px*var(--font-scale, 1))}}.search-bar{width:320px;height:45px;background:var(--background-color);border:1px solid hsla(0,0%,100%,.2);border-radius:30px;display:flex;align-items:center;padding:0 18px;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:576px){.search-bar{width:100%}}.search-bar:focus-within{border-color:#1fceff;box-shadow:0 0 8px rgba(31,206,255,.25)}.search-bar .icon{font-size:calc(18px*var(--font-scale, 1));color:var(--text-color,#fff);opacity:.7}.search-bar input{background:rgba(0,0,0,0);border:none;outline:none;color:var(--text-color,#fff);font-size:calc(15px*var(--font-scale, 1));width:100%}.search-bar input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.search-bar input::placeholder{color:hsla(0,0%,100%,.5)}@media(max-width:400px){.search-bar{height:40px;padding:0 14px;gap:8px}.search-bar .icon{font-size:calc(16px*var(--font-scale, 1))}.search-bar input{font-size:calc(14px*var(--font-scale, 1))}}.header-left{flex:1 1;min-width:200px}.header-left .back-button .ner{font-size:28px;font-weight:500}.header-left .back-button .back{width:40px;height:42px}.header-left .back-button .back svg{font-size:17px}@media(max-width:1199.98px){.header-left .back-button .ner{font-size:28px}}@media(max-width:767.98px){.header-left .back-button .ner{font-size:20px}.header-left .back-button .back{width:30px;height:32px}.header-left .back-button .back svg{font-size:12px}}@media(max-width:400px){.header-left{min-width:0}.header-left .back-button .ner{font-size:17px}.header-left .back-button .back{width:28px;height:28px}.header-left .back-button .back svg{font-size:11px}}