[data-learner] .l-cat{--l-cat-gutter:var(--l-sf-gutter,16px);flex-direction:column;gap:16px;min-width:0;display:flex}[data-learner] .l-cat[data-variant=explore]{--l-cat-gutter:var(--l-gutter,16px)}[data-learner] .l-cat-creator{flex-direction:column;align-items:flex-start;gap:14px;padding:8px 0 12px;display:flex}[data-learner] .l-cat-creator__logo{background:var(--g-accent);width:64px;height:64px;color:var(--g-on-accent);border-radius:14px;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}[data-learner] .l-cat-creator__logo img{object-fit:contain;width:100%;height:100%;display:block}[data-learner] .l-cat-creator h1{color:var(--g-text-1);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:28px;font-weight:600;line-height:34px}[data-learner] .l-cat-creator p{max-width:60ch;color:var(--g-text-3);margin-top:4px;font-size:15px;line-height:22px}[data-learner] .l-cat-bar{flex-direction:column;gap:12px;display:flex}[data-learner] .l-cat-chips ul,[data-learner] .l-cat-colls ul{gap:8px;display:flex}[data-learner] .l-cat-chips{margin:0 calc(var(--l-cat-gutter) * -1);padding:0 var(--l-cat-gutter);scrollbar-width:none;overflow-x:auto}[data-learner] .l-cat-chips::-webkit-scrollbar{display:none}[data-learner] .l-cat-chips li,[data-learner] .l-cat-colls li{flex:none}[data-learner] .l-cat-chip{border:1px solid var(--g-border-strong);background:var(--g-surface-1);height:36px;color:var(--g-text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex;position:relative}[data-learner] .l-cat-chip:after{content:"";position:absolute;inset:-4px 0}[data-learner] .l-cat-chip span{color:var(--g-text-3);font-variant-numeric:tabular-nums;font-size:12px}[data-learner] .l-cat-chip:hover{background:var(--g-surface-2)}[data-learner] .l-cat-chip[aria-current=page]{background:var(--g-text-1);color:var(--g-canvas);border-color:#0000}[data-learner] .l-cat-chip[aria-current=page] span{color:inherit;opacity:.75}[data-learner] .l-cat-chip:focus-visible{outline:2px solid var(--g-focus-ring);outline-offset:2px}[data-learner] .l-cat-chip--sm{height:30px;padding:0 12px;font-size:13px}[data-learner] .l-cat-chip--sm:after{inset:-7px 0}[data-learner] .l-cat-saved{flex:none;align-self:flex-start}[data-learner] .l-cat-saved .l-ic{width:14px;height:14px}[data-learner] .l-cat-saved[aria-current=page] .l-ic{fill:currentColor}[data-learner] .l-cat-filters{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 12px;width:100%;display:grid}[data-learner] .l-cat-field{color:var(--g-text-3);grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;display:grid}@supports (grid-template-columns:subgrid){[data-learner] .l-cat-field{grid-template-columns:subgrid}}[data-learner] .l-cat-filters>noscript{grid-column:1/-1}[data-learner] .l-cat-field select{border:1px solid var(--g-border-strong);border-radius:var(--l-radius-control);background:var(--g-surface-1);width:100%;min-width:0;height:40px;color:var(--g-text-1);padding:0 8px;font-size:16px}[data-learner] .l-cat-field select:focus-visible{outline:2px solid var(--g-focus-ring);outline-offset:1px}[data-learner] .l-cat-colls{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}[data-learner] .l-cat-colls__label{color:var(--g-text-3);font-size:13px}[data-learner] .l-cat-colls ul{flex-wrap:wrap;gap:8px}[data-learner] .l-cat-sections{flex-direction:column;gap:34px;margin-top:8px;display:flex}[data-learner] .l-cat>.l-cat-section{margin-top:8px}[data-learner] .l-cat-section__head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}[data-learner] .l-cat-section__head h2{color:var(--g-text-1);font-size:17px;font-weight:600;line-height:24px}[data-learner] .l-cat-section__count{color:var(--g-text-3);font-size:13px}[data-learner] .l-cat-section__all{min-height:44px;color:var(--g-accent-text);align-items:center;margin:-10px 0 -10px auto;font-size:13px;font-weight:500;display:inline-flex}[data-learner] .l-cat-section__all:hover{text-underline-offset:3px;text-decoration:underline}[data-learner] .l-cat-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}[data-learner] .l-cat-grid>li{min-width:0;display:flex}[data-learner] .l-cat-grid>li>*{flex:1;min-width:0}@media (max-width:767px){[data-learner] .l-cat-chip{border:0 solid #0000;height:44px;box-shadow:inset 0 0 0 1px var(--g-border-strong);background-clip:padding-box;border-block-width:4px}[data-learner] .l-cat-chip--sm{border-block-width:7px}[data-learner] .l-cat-chip[aria-current=page]{box-shadow:none}[data-learner] .l-cat-chip:after{display:none}[data-learner] .l-cat-section__all{justify-content:center;min-width:44px}[data-learner] .l-cat-grid[data-layout=row]{margin:0 calc(var(--l-cat-gutter) * -1);padding:0 var(--l-cat-gutter) 4px;scroll-padding:0 var(--l-cat-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}[data-learner] .l-cat-grid[data-layout=row]::-webkit-scrollbar{display:none}[data-learner] .l-cat-grid[data-layout=row]>li{scroll-snap-align:start;flex:0 0 78%}[data-learner] .l-cat-grid[data-layout=row]>li[data-feature]{flex-basis:100%}}@media (min-width:768px){[data-learner] .l-cat{gap:18px}[data-learner] .l-cat-creator{flex-direction:row;align-items:center;gap:18px;padding:14px 0 12px}[data-learner] .l-cat-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}[data-learner] .l-cat-chips{margin:0;padding:0;overflow:visible}[data-learner] .l-cat-chips ul{flex-wrap:wrap}[data-learner] .l-cat-filters{flex-wrap:nowrap;flex:none;gap:16px;width:auto;margin-left:auto;display:flex}[data-learner] .l-cat-saved{align-self:center}[data-learner] .l-cat-field{gap:8px;display:inline-flex}[data-learner] .l-cat-field select{width:auto;min-width:168px;height:var(--l-control-h);font-size:14px}[data-learner] .l-cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}[data-learner] .l-cat-grid>li[data-feature]{grid-column:1/-1}}@media (min-width:1024px){[data-learner] .l-cat[data-variant=explore] .l-cat-chips{display:none}[data-learner] .l-cat[data-variant=explore] .l-cat-bar{justify-content:flex-start}[data-learner] .l-cat[data-variant=explore] .l-cat-filters{margin-left:0}}[data-learner] .l-lbcard{border-radius:var(--l-radius-card);background:var(--g-surface-1);min-width:0;box-shadow:var(--g-elev-card);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-learner] .l-lbcard__cover{display:block}[data-learner] .l-lbcard__body{flex-direction:column;flex:1;gap:10px;min-width:0;padding:16px 16px 18px;display:flex}[data-learner] .l-lbcard__title{color:var(--g-text-1);letter-spacing:-.012em;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:24px}[data-learner] .l-lbcard__title a:hover{text-underline-offset:3px;text-decoration:underline}[data-learner] .l-lbcard__desc{color:var(--g-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:62ch;margin:0;display:-webkit-box;overflow:hidden}[data-learner] .l-lbcard__slots{flex-wrap:wrap;gap:8px;display:flex}[data-learner] .l-lbcard__slot{background:var(--g-surface-2);color:var(--g-text-2);border-radius:999px;padding:4px 10px;font-size:13px;line-height:18px}[data-learner] .l-lbcard__note{color:var(--g-text-3);font-size:13px;line-height:18px}[data-learner] .l-lbcard__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:auto;padding-top:6px;display:flex}[data-learner] .l-lbcard__price{color:var(--g-text-3);font-size:13px;line-height:20px}[data-learner] .l-lbcard__price b{color:var(--g-text-1);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}@media (min-width:768px){[data-learner] .l-lbcard{grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}[data-learner] .l-lbcard__cover{align-self:stretch}[data-learner] .l-lbcard__cover .l-cover{aspect-ratio:auto;height:100%;min-height:100%}[data-learner] .l-lbcard__body{padding:18px 20px}}[data-learner] .l-cat-state{border-radius:var(--l-radius-card);background:var(--g-surface-1);box-shadow:var(--g-elev-card);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;display:flex}[data-learner] .l-cat-state__icon{background:var(--g-surface-2);width:52px;height:52px;color:var(--g-text-2);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}[data-learner] .l-cat-state--error .l-cat-state__icon{background:var(--g-danger-soft);color:var(--g-danger)}[data-learner] .l-cat-state h2{color:var(--g-text-1);font-size:17px;font-weight:600;line-height:24px}[data-learner] .l-cat-state p{max-width:44ch;color:var(--g-text-2);font-size:14px;line-height:20px}[data-learner] .l-cat-state .l-btn{margin-top:12px}[data-learner] .l-pcard .sf-quickadd{width:var(--l-control-h);height:var(--l-control-h);border-radius:var(--l-radius-control);background:var(--g-surface-1);color:var(--g-text-2);box-shadow:inset 0 0 0 1px var(--g-border-strong);place-items:center;padding:0;display:inline-grid}[data-learner] .l-pcard .sf-quickadd:hover,[data-learner] .l-pcard .sf-quickadd--in{background:var(--g-accent-soft);color:var(--g-accent-text);box-shadow:inset 0 0 0 1px var(--g-accent-text)}@media (pointer:coarse){[data-learner] .l-pcard .sf-quickadd{width:44px;height:44px}}
