.b-video-list{position:relative;width:100%}.b-video-list__heading-wrapper{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.b-video-list__heading-wrapper .c-link .c-heading{text-underline-offset:4px}.b-video-list__heading-wrapper .c-link .c-heading:hover{text-decoration-line:underline}.b-video-list__filter-toggle-wrapper{display:flex;align-items:center;margin-left:auto}.b-video-list__filters-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:20;cursor:pointer}.b-video-list__filters-wrapper{position:absolute;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s ease;overflow-y:auto;padding:2rem;transform:translateX(-100%);visibility:hidden}.b-video-list__filters-wrapper--visible{visibility:visible;transform:translateX(0)}.b-video-list--filter-top .b-video-list__filters-wrapper{position:static;width:100%;max-height:0;transform:none;overflow:hidden;transition:max-height .3s ease;box-shadow:none;border-bottom:1px solid #e5e7eb;padding:0}.b-video-list--filter-top .b-video-list__filters-wrapper--visible{max-height:800px;overflow-y:auto;margin-bottom:2rem;padding:2rem 0}.b-video-list--filter-top .b-video-list__filters-backdrop{display:none}.b-video-list--filter-left{min-height:24rem}.b-video-list--filter-left .b-video-list__filters-wrapper{top:0;left:0;width:350px;height:100%;transform:translateX(-100%)}.b-video-list--filter-left .b-video-list__filters-wrapper--visible{transform:translateX(0)}@media(width <= 768px){.b-video-list--filter-left .b-video-list__filters-wrapper{width:100%}}.b-video-list--filter-right{min-height:24rem}.b-video-list--filter-right .b-video-list__filters-wrapper{top:0;right:0;left:auto;width:350px;height:100%;transform:translateX(100%)}.b-video-list--filter-right .b-video-list__filters-wrapper--visible{transform:translateX(0)}@media(width <= 768px){.b-video-list--filter-right .b-video-list__filters-wrapper{width:100%}}.b-video-list__filters{margin-bottom:1.5rem}.b-video-list__teaser{overflow:hidden}.b-video-list__thumbnail-wrapper{position:relative;overflow:hidden;border-radius:.5rem}.b-video-list__thumbnail{width:100%}.b-video-list__thumbnail-placeholder{display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;border-radius:.5rem}.b-video-list__play-icon-placeholder{height:3rem;width:3rem;--tw-text-opacity:1;color:rgb(77 77 77/var(--tw-text-opacity,1))}.b-video-list__play-overlay{position:absolute;inset:0;display:flex;cursor:pointer;align-items:center;justify-content:center;background-color:rgb(0 0 0/0);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.b-video-list__teaser:hover .b-video-list__play-overlay{background-color:rgb(0 0 0/.3);opacity:1}.b-video-list__play-icon{height:3rem;width:3rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0/0.04)) drop-shadow(0 4px 3px rgb(0 0 0/0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.b-video-list__duration-badge{position:absolute;bottom:.5rem;right:.5rem;padding:.125rem .375rem;font-size:.75rem;line-height:1rem;font-weight:500}.b-video-list__badges{position:absolute;top:.5rem;left:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.b-video-list__feature-badge{border-radius:.125rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600}.b-video-list__content{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem}.b-video-list__content-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.b-video-list__difficulty{padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:capitalize}.b-video-list__description{margin-top:.25rem}.b-video-list__footer{margin-top:.5rem;display:flex;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(77 77 77/var(--tw-text-opacity,1))}.b-video-list__author{flex-shrink:0}.b-video-list__series{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-video-list__load-more{margin-top:2rem;display:flex;justify-content:center}.b-video-list__loading{width:100%}.b-video-list__skeleton{aspect-ratio:16/9}@keyframes pulse{50%{opacity:.5}}.b-video-list__skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.5rem}.b-video-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem;padding-bottom:4rem;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.b-video-list__empty-icon{margin-bottom:1rem;height:3rem;width:3rem}.b-video-list__empty-text{font-size:.875rem;line-height:1.25rem}@media(width <= 768px){.b-video-list__heading-wrapper{flex-direction:column;align-items:flex-start}}