#snippet-header{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2rem;column-gap:1.5rem;margin-bottom:2.5rem}#snippet-thumbnail{border:1px solid var(--color-border);border-radius:5px;flex:1;aspect-ratio:16 / 9;align-self:center;box-sizing:border-box;display:block;max-width:500px;width:100%}#snippet-title-wrapper{display:flex;justify-content:center;flex-direction:column;flex:1;min-width:min(calc(100% - calc(var(--body-width-padding) * 2)),370px)}#snippet-title{display:inline-block;margin:0;margin-bottom:1.25rem;word-wrap:break-word;font-size:1.75rem;line-height:1.25}#snippet-author{font-weight:700;margin-bottom:1.25rem;font-size:1.3rem;color:var(--color-text-muted);width:fit-content}#snippet-author:not(.snippet-no-author):hover{color:var(--color-accent-muted)}#snippet-creation-date,#snippet-update-date{color:var(--color-text-muted);line-height:1.4;width:fit-content}#snippet-content{margin-bottom:2.5rem;line-height:1.5}#snippet-content img{width:100%}#snippet-content a{text-underline-offset:2px;color:var(--color-accent);text-decoration:underline}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;background-color:var(--color-accent-vibrant);border-radius:3px;padding:2px 6px;height:fit-content;margin-bottom:3px;font-size:.75rem;font-weight:500;color:var(--color-text);width:fit-content;border:1px solid color-mix(in srgb,var(--color-accent-vibrant),white 7.5%)}.tag:hover{cursor:pointer;color:var(--color-bg);background-color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent),white 25%)}