.lrn-filter-bar{display:flex;align-items:center;gap:var(--lrn-sp-3);flex-wrap:wrap;margin-bottom:var(--lrn-sp-6)}.lrn-filter-bar__form{display:flex;align-items:center;gap:var(--lrn-sp-3);flex-wrap:wrap;flex:1;margin:0;padding:0}.lrn-filter-bar__search{flex:1;min-width:180px}.lrn-filter-bar__category,.lrn-filter-bar__sort{flex-shrink:0}.lrn-filter-bar__view-toggle{display:inline-flex;gap:0;flex-shrink:0;border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-md);overflow:hidden;background:var(--lrn-bg)}.lrn-btn.lrn-view-btn{width:40px;height:40px;min-width:40px;min-height:0;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:#fff0;color:var(--lrn-text-secondary)}.lrn-btn.lrn-view-btn+.lrn-view-btn{border-inline-start:1px solid var(--lrn-border)}.lrn-view-btn svg{width:18px;height:18px;flex-shrink:0}.lrn-view-btn:hover:not(.is-active){background:var(--lrn-bg-hover);color:var(--lrn-text)}.lrn-view-btn.is-active{background:var(--lrn-accent-bg);color:var(--lrn-accent)}.lrn-courses-grid{grid-template-columns:repeat(2,1fr)}.lrn-courses-grid>li{display:flex;flex-direction:column;list-style:none}.lrn-courses-grid>li>.lrn-course-card{flex:1;height:100%}.lrn-courses-grid.lrn-list-layout{grid-template-columns:1fr;gap:var(--lrn-sp-4)}.lrn-courses-grid.lrn-list-layout .lrn-course-card{flex-direction:row;align-items:stretch;min-height:180px}.lrn-courses-grid.lrn-list-layout .lrn-course-card__thumbnail-link{flex:0 0 280px;display:block;align-self:stretch}.lrn-courses-grid.lrn-list-layout .lrn-course-card__thumbnail{width:100%;height:100%;aspect-ratio:auto}.lrn-courses-grid.lrn-list-layout .lrn-course-card__info{flex:1 1 auto;padding:var(--lrn-sp-5) var(--lrn-sp-6);gap:var(--lrn-sp-2)}.lrn-courses-grid.lrn-list-layout .lrn-course-card__title{font-size:var(--lrn-text-lg)}.lrn-courses-grid.lrn-list-layout .lrn-course-card__footer{margin-top:auto;padding-top:var(--lrn-sp-3)}.lrn-courses-grid.lrn-list-layout .lrn-wishlist-btn{top:var(--lrn-sp-3);right:var(--lrn-sp-4)}@media (min-width:1024px){.lrn-courses-grid{grid-template-columns:repeat(3,1fr)}.lrn-courses-grid--cols-2{grid-template-columns:repeat(2,1fr)}.lrn-courses-grid--cols-3{grid-template-columns:repeat(3,1fr)}.lrn-courses-grid--cols-4{grid-template-columns:repeat(4,1fr)}.lrn-courses-grid--cols-5{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.lrn-courses-grid--cols-5{grid-template-columns:repeat(5,1fr)}}@media (max-width:640px){.lrn-courses-grid{grid-template-columns:1fr}.lrn-courses-grid.lrn-list-layout .lrn-course-card{flex-direction:column;min-height:0}.lrn-courses-grid.lrn-list-layout .lrn-course-card__thumbnail-link{flex:0 0 auto}.lrn-courses-grid.lrn-list-layout .lrn-course-card__thumbnail{aspect-ratio:16 / 9;height:auto}}.lrn-search-suggest-wrap{position:relative}.lrn-search-suggest{position:absolute;inset-inline:0;top:calc(100% + var(--lrn-sp-2));z-index:20;background:var(--lrn-bg);border:1px solid var(--lrn-border);border-radius:var(--lrn-radius-md);box-shadow:0 6px 24px color-mix(in srgb,var(--lrn-text) 14%,transparent);max-height:320px;overflow-y:auto}.lrn-search-suggest[hidden]{display:none}.lrn-search-suggest__item{display:block;padding:var(--lrn-sp-2) var(--lrn-sp-3);color:var(--lrn-text);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--lrn-border) 60%,transparent)}.lrn-search-suggest__item:last-child{border-bottom:0}.lrn-search-suggest__item:hover,.lrn-search-suggest__item:focus,.lrn-search-suggest__item.is-active{background:var(--lrn-bg-hover);color:var(--lrn-accent)}.lrn-search-suggest__empty{margin:0;padding:var(--lrn-sp-3);color:var(--lrn-text-secondary)}.lrn-search-suggest__empty[hidden]{display:none}