.layout-lesson-grid{display:grid;gap:.75em;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));max-width:100%}.lesson-filters{padding:2em 0}@media(max-width:768px){.lesson-filters{padding:.75em 0}}.lesson-filter-content{display:flex;flex-direction:row;align-items:center;width:100%;gap:.75em}@media(max-width:768px){.lesson-filter-content{flex-direction:column;align-items:start;gap:1rem}}.lesson-filter-inputs{display:flex;gap:.75em;flex:1}.lesson-filter-inputs .lesson-filter-search{flex:2}.lesson-filter-inputs .lesson-filter-category{flex:1}@media(max-width:1068px){.lesson-filter-inputs{flex-direction:column;width:100%}}.lesson-filters-clear{flex:1}.lesson-category-badge{display:inline-block;font-size:.9rem;font-weight:700;background-color:#f5f5f7;color:#1d1d1f;padding:.25em .75em;border-radius:5px;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lesson-category-badge.lesson-category-badge-small{font-size:.75rem}.lesson-category-badge[data-category=DVK]{background-color:var(--theme-color-vyuka-burgundy);color:#f5f5f7}.lesson-category-badge[data-category=FTT]{background-color:var(--theme-color-vyuka-blue);color:#f5f5f7}.lesson-category-badge[data-category=CJL]{background-color:var(--theme-color-vyuka-green);color:#f5f5f7}.lesson-category-badge[data-category=DTR]{background-color:var(--theme-color-vyuka-orange);color:#f5f5f7}.lesson-card{position:relative;background-color:#0d0d0f;color:#f5f5f7;border-radius:16px;cursor:pointer;overflow:hidden;transition:transform .1s cubic-bezier(.4,0,.6,1)}.lesson-card:hover{transform:scale(1.03)}.lesson-card .lesson-card-link{display:flex;align-items:end;color:inherit;height:200px;text-decoration:none}@media(max-width:768px){.lesson-card .lesson-card-link{height:150px}}.lesson-card .lesson-card-copy{position:absolute;bottom:0;left:0;padding:1em 1.5em;filter:drop-shadow(0px 5px 10px #000000);z-index:1;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lesson-card .lesson-card-title{font-size:1.5rem}.lesson-card .lesson-card-description{font-size:.9rem;color:#9d9d9f;margin-top:.25em}.lesson-card .lesson-card-image{border-radius:unset;margin:unset;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;opacity:.25;object-fit:cover;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.lesson-card .lesson-card-badges{display:flex;position:absolute;top:1em;right:1em;gap:.5em;z-index:1}.lesson-material-card{background-color:var(--theme-color-background-secondary);border-radius:16px;transition:transform .1s cubic-bezier(.4,0,.6,1)}.lesson-material-card:hover{transform:scale(1.03)}.lesson-material-card .lesson-material-card-link{color:var(--theme-color-foreground-primary);display:flex;flex-direction:row;gap:1em;align-items:center;padding:1em;text-decoration:none}.lesson-material-card .lesson-material-card-icon{color:var(--theme-color-accent);font-size:42px}.lesson-material-card .lesson-material-card-info .lesson-material-card-description{margin-top:.25em;color:var(--theme-color-foreground-secondary);font-size:.9rem}.lesson-material-card .lesson-material-card-info span{display:block}