:root{--body-width: 1400px}#query-banner{text-align:center;margin-bottom:2rem;color:var(--color-text-muted)}.snippets-card-container{--row-count: 4;--item-width: calc(var(--body-width) / var(--row-count) - var(--gap));--gap: 1.25rem;display:grid;gap:var(--gap);margin:0 auto;margin-bottom:4rem;grid-template-columns:repeat(auto-fill,minmax(var(--item-width),1fr));max-width:calc((var(--item-width) * var(--row-count)) + (var(--gap) * (var(--row-count) - 1)));justify-items:center;width:100%}.snippet-card{display:flex;flex-direction:column;width:100%;height:100%;aspect-ratio:1 / 1;background-color:var(--color-surface-dark);border:1px solid var(--color-surface-dark);border-radius:6px;overflow:hidden}.snippet-card-thumbnail{display:block;width:100%;height:fit-content;aspect-ratio:16 / 9;background-color:var(--color-surface);box-sizing:border-box}.snippet-card-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;margin:0 auto}.snippet-card-title{--margin: .75rem;display:flex;height:5rem;width:calc(100% - var(--margin) * 2);margin:.75rem var(--margin) .75rem var(--margin);margin-bottom:.5rem;cursor:pointer;line-height:1.4;flex:1;min-height:5.5rem}.snippet-card-title div{height:fit-content;width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.snippet-card-thumbnail.is-loading,.snippet-card-title.is-loading div,.snippet-card-tags.is-loading .tag{background:var(--color-surface);background:linear-gradient(90deg,var(--color-surface) 25%,color-mix(in srgb,var(--color-surface),white 4%) 50%,var(--color-surface) 75%);background-size:200% 100%;-webkit-animation:2s shine linear infinite;animation:2s shine linear infinite;color:transparent;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:none}.snippet-card-title.is-loading{cursor:default}.snippet-card-title.is-loading div{width:100%;height:2rem;border-radius:3px}.snippet-card-thumbnail.is-loading img{visibility:hidden}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}.snippet-card-tags{display:flex;margin:0 .75rem;height:2.25rem;gap:.5rem;white-space:nowrap;overflow-x:scroll;overflow-y:clip;color:transparent}.snippet-card-tags::-webkit-scrollbar{width:8px;height:8px}.snippet-card-tags::-webkit-scrollbar-thumb{border:8px solid;border-radius:1rem}.snippet-card-tags::-webkit-scrollbar-thumb:hover{color:#a9a9a9}.snippet-card-tags:active,.snippet-card-tags:hover,.snippet-card-tags:focus{color:#d3d3d3}