.blip-actions{.delete{.icon{color:var(--colors-danger);font-size:1.25rem}}.publish{.icon{color:var(--colors-warning)}}.unpublish{.icon{color:var(--colors-success)}}.edit{.icon{color:var(--colors-resonant-blue)}}}.blip{--blip-card-background: var(--colors-mono-02);--blip-card-border-radius: .5rem;background:var(--blip-card-background);border-radius:var(--blip-card-border-radius);display:flex;flex-direction:column;gap:.5rem;height:10rem;max-width:30rem;overflow:hidden;padding:.5rem 1rem;position:relative;width:100%;.blip-main{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;&.interactive{cursor:pointer}}.blip-content{flex:1;font-size:.9rem;overflow:hidden;position:relative;&.preview{&:after{background:linear-gradient(transparent,var(--blip-card-background) 75%);bottom:0;content:"";height:5rem;left:0;position:absolute;right:0}}.read-more{--offset: .0625rem;bottom:var(--offset);color:var(--colors-links);font-weight:300;gap:0;padding-right:.35rem;position:absolute;right:var(--offset);z-index:1;.icon{font-size:1rem;color:var(--colors-links)}}}header{align-items:center;display:flex;justify-content:end;.timestamp{color:var(--colors-mono-07);font-size:.75rem;font-style:italic}}footer{align-items:center;display:flex;justify-content:space-between;width:100%;.tags{align-items:center;display:flex;gap:.25rem;justify-content:start;.tag-list{align-items:center;display:flex;gap:.25rem;justify-content:start;list-style:none;margin:0;padding:0;.tag{color:var(--colors-mono-08);font-size:.75rem;font-style:italic;a{color:var(--colors-mono-08);transition:var(--transitions-primary);&:hover{color:var(--colors-links)}}}}}.comments{align-items:center;display:flex;justify-content:end;.icon{font-size:1.25rem}}}}.blip-readmore-overlay{position:fixed;inset:0;background:#000000b3;z-index:1200}.blip-readmore-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(44rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;gap:.75rem;background:var(--colors-mono-01);border:1px solid var(--colors-mono-05);border-radius:1rem;padding:1rem;z-index:1201}.blip-readmore-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.blip-readmore-title{color:var(--colors-mono-10);font-size:.85rem;font-style:italic}.blip-readmore-content{margin:0;overflow-y:auto;padding-right:.25rem}@media(max-width:48rem){.blip-readmore-dialog{--dialog-transform-base: none;--dialog-transform-enter: translateY(.5rem);--dialog-transform-exit: translateY(.25rem);top:0;left:0;transform:none;width:100vw;height:100dvh;max-height:none;border-radius:0;border-left:none;border-right:none;padding:1rem .75rem}}.blips{display:grid;gap:1rem;grid-template-columns:1fr;justify-self:anchor-center;list-style:none;margin:0 auto;max-width:60rem;padding:0;@media(min-width:48rem){grid-template-columns:repeat(2,1fr)}}