.videos-header{margin-bottom:2.5rem}.videos-title{margin-bottom:.75rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1))}.videos-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.videos-subtitle{font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.videos-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.loading-state{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.loading-state:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.loading-spinner{display:inline-block;height:1rem;width:1rem;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.loading-spinner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.loading-spinner{border-top-color:#6b7280;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.error-state:is(.dark *){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.category-section{margin-bottom:2.5rem}.category-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1))}.category-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}#gallery-view{transition:opacity .3s ease}#gallery-view.hidden{opacity:0;pointer-events:none;height:0;overflow:hidden}#player-view{display:none;flex-direction:column;gap:1.25rem;opacity:0;pointer-events:none;transition:opacity .35s ease;padding-right:1.5rem;padding-bottom:1.5rem}#player-view.active{opacity:1;pointer-events:all}.player-header{display:flex;align-items:center;gap:1rem}.back-btn{display:flex;flex-shrink:0;align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.back-btn:hover{--tw-text-opacity: 1;color:rgb(9 152 206 / var(--tw-text-opacity, 1))}.back-btn:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.back-btn:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(9 152 206 / var(--tw-text-opacity, 1))}.back-btn svg{height:1.25rem;width:1.25rem}.player-video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1))}.player-video-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.player-body{display:flex;width:100%;align-items:flex-start;gap:1rem}.player-main{flex:1;min-width:0;width:0}.player-embed{overflow:hidden;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(13 13 13 / var(--tw-bg-opacity, 1));width:min(100%,calc((100vh - 14rem) * (16 / 9)));aspect-ratio:16 / 9}.player-embed iframe{width:100%;height:100%;border:none;display:block}.player-playlist{display:flex;flex-shrink:0;flex-direction:column;gap:.25rem;overflow-y:auto;width:280px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}@media(max-width:768px){.player-body{flex-direction:column}.player-main{max-width:100%;width:100%}.player-playlist{width:100%;max-height:280px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.playlist-item{flex-shrink:0;flex-direction:column;width:160px}.playlist-item.active{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.playlist-thumb-wrapper{width:100%}}.playlist-item{display:flex;width:100%;cursor:pointer;align-items:flex-start;gap:.75rem;border-radius:.5rem;border-width:2px;border-color:transparent;background-color:transparent;padding:.5rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.playlist-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.playlist-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.playlist-item.active{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.playlist-item.active:is(.dark *){background-color:#450a0a4d}.playlist-thumb-wrapper{flex-shrink:0;overflow:hidden;border-radius:.5rem;width:96px;aspect-ratio:16 / 9}.playlist-thumb{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.playlist-item-title{margin-top:.125rem;font-size:.75rem;line-height:1rem;font-weight:600;line-height:1.375;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1))}.playlist-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.playlist-item.active .playlist-item-title{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.playlist-item.active .playlist-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.gallery-wrapper{position:relative}.videos-grid{display:flex;overflow-x:scroll;gap:1.25rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.videos-grid::-webkit-scrollbar{display:none}.video-card{display:flex;flex-shrink:0;flex-direction:column;gap:.75rem;scroll-snap-align:start}.video-thumb-wrapper{position:relative;cursor:pointer;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.video-thumb-wrapper:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.video-thumb-wrapper{aspect-ratio:16 / 9;border:none;padding:0;display:block;width:100%}.video-thumb{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.video-thumb-wrapper:hover .video-thumb{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(110 133 170 / var(--tw-text-opacity, 1))}.video-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.fade{pointer-events:none;position:absolute;top:0;bottom:0;z-index:10;transition:opacity .2s}.fade-left{left:0;background:linear-gradient(to right,#fff 20%,#fff0)}.fade-right{right:0;background:linear-gradient(to left,#fff 20%,#fff0)}.dark .fade-left{background:linear-gradient(to right,#111827 20%,#11182700)}.dark .fade-right{background:linear-gradient(to left,#111827 20%,#11182700)}.fade.hidden-fade{opacity:0}.arrow{position:absolute;z-index:20;display:flex;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:transparent;top:calc(50% - 1rem);transform:translateY(-50%);padding:.5rem;transition:opacity .2s}.arrow-left{left:8px}.arrow-right{right:8px}.arrow.hidden-arrow{opacity:0;pointer-events:none}.arrow-icon{width:12px;height:20px;fill:#6b7280;transition:fill .2s}.arrow:hover .arrow-icon{fill:#374151}:global(.dark) .arrow-icon{fill:#9ca3af}:global(.dark) .arrow:hover .arrow-icon{fill:#e5e7eb}