.card{font-family:var(--main-font);border:1px solid hsl(var(--border));border-radius:var(--radius);padding:16px;text-align:center;background-color:hsl(var(--card));display:flex;flex-direction:column;justify-content:space-between;height:100%;transition:transform .2s ease;transition:background-color .2s,color .2s,scale .2s,border-color .2s}.card,.card h2{color:hsl(var(--card-foreground))}.card h2{font-size:1.5rem;font-weight:bolder;margin-top:8px}.card p{color:hsl(var(--muted-foreground));font-size:1rem}.collection-card{padding:8px;max-width:400px;background-color:hsl(var(--foreground));transition:background-color .3s,color .3s,border-color .3s,scale .3s}.collection-card:hover{color:hsl(var(--foreground))!important;background-color:hsl(var(--background));scale:1.02;h2,p{color:hsl(var(--foreground))}}@media screen and (max-width:1024px){.collection-card{justify-content:center}.collection-card h2{font-size:1em}.collection-card p{margin:0;padding:0;font-size:0}}.collection-card h2{margin-top:4px}.collection-card h2,.collection-card p{color:hsl(var(--background))}.link-to-course{text-decoration:none;color:hsl(var(--primary))}.details-link{text-decoration:none;border-radius:var(--radius);border:1px solid transparent;display:flex;align-items:center;justify-content:center;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));gap:.5rem;font-size:.875rem;height:2.5rem;padding:0 1rem;transition:background-color .2s,color .2s,scale .2s,border-color .2s;margin:1em .3em 0}@media (min-width:640px){.details-link{font-size:1rem;height:3rem;padding:0 1.25rem}}.details-link:hover{scale:1.01;background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--primary))}@media screen and (min-width:1024px){.card{border:3px solid hsl(var(--border))}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:.5em 1em 2em}.grid,.grid-collection{font-family:var(--main-font);gap:22px;padding:16px}.grid-collection{display:flex;flex-wrap:wrap;margin:.5em 1em}.grid-collection>*{flex:1 1 100px;max-width:100%}.browsing-section-title{margin:0 1em;padding:0 16px;font-size:1.5em}.note-browsing-title{font-size:3em!important}.collection-title{text-align:center;font-size:2em;margin:.5em 1em 0}.back-to-grid{margin:1.2em 0 .2em 1.8em;font-size:1.3em;padding:.2em .5em;color:hsl(var(--background));background-color:hsl(var(--foreground));border-radius:var(--radius);transition:background-color .2s,color .2s,border-color .2s}.no-results{display:flex;flex-direction:column;align-items:center;gap:1em;margin-top:6em;text-align:center}.no-results h1{font-size:4em}@media screen and (max-width:1024px){.note-browsing-title{font-size:2em!important}.no-results{margin-top:1em}.no-results h1{font-size:2em}}.search-bar{width:fit-content;padding:10px;font-size:16px;font-family:var(--main-font);border:1px solid hsl(var(--border));border-radius:var(--radius);margin:1.5em 0 0 1.25em;background-color:hsl(var(--primary-foreground));transition:all .3s ease}.search-container{margin:1em}.search-container h1{margin:.5em;font-size:46px}@media screen and (max-width:1024px){.search-bar{width:70%;margin:.5em 0 0 1.25em}.search-bar:focus{width:90%;z-index:1000;margin-top:1em;margin-bottom:0}.search-bar:focus+h1{padding:0;margin:0;opacity:0;pointer-events:none}}h1{color:hsl(var(--foreground))}.search-container{max-width:fit-content;max-height:fit-content}@media (min-width:1600px){.browse-container{margin:auto;max-width:1600px}}