.page-section{min-height:100svh;padding:1rem;padding-top:var(--main-header-height);width:100%;position:relative}.blip-card{--blip-card-background:var(--colors-mono-02);--blip-card-border-radius:.5rem;--blip-card-max-height:15rem;--blip-card-meta-row-min-height:1.45rem;flex:auto;width:100%;min-height:0}.blip-card .card{background:var(--blip-card-background);border-radius:var(--blip-card-border-radius);max-height:var(--blip-card-max-height);flex-direction:column;flex:auto;gap:.5rem;width:100%;max-width:30rem;min-height:0;padding:.5rem 1rem;display:flex;position:relative;overflow:hidden}.blip-card .card .main{flex-direction:column;flex:auto;gap:.5rem;min-height:0;display:flex}.blip-card .card .main.interactive{cursor:pointer}.blip-card .card header{justify-content:end;align-items:center;gap:.5rem;display:flex}.blip-card .card header .timestamp{color:var(--colors-mono-07);font-size:.75rem;font-style:italic}.blip-card .card .content{flex:auto;min-height:0;font-size:.9rem;position:relative;overflow:hidden}.blip-card .card .content.has-below{padding-bottom:.75rem}.blip-card .card .content.has-below:after,.blip-card .card .content.preview:after{background:linear-gradient(transparent, var(--blip-card-background) 75%);content:"";pointer-events:none;height:2rem;position:absolute;bottom:0;left:0;right:0}.blip-card .card .content.preview:after{height:3rem}.blip-card .card .blip-media-row{flex-shrink:0;align-items:center;gap:.5rem;min-height:0;margin-top:.25rem;display:flex}.blip-card .card .blip-media-row .read-more{color:var(--colors-links);gap:0;margin-left:auto;padding-right:.35rem;font-weight:300}.blip-card .card .blip-media-row .read-more .icon{color:var(--colors-links);font-size:1rem}.blip-card .card footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.blip-card .card footer .tags{--blip-tag-font-size:.875rem;--blip-tag-gap:.85rem;--blip-tag-icon-size:.95rem;flex-wrap:nowrap;flex:1;justify-content:start;align-items:start;gap:.5rem;min-width:0;display:flex}.blip-card .card footer .tags .hashtag{--size:var(--blip-tag-icon-size);font-size:var(--blip-tag-font-size);margin-top:calc((1em * 1.3 - var(--blip-tag-icon-size)) / 2);flex-shrink:0}.blip-card .card footer .tags .icon{flex-shrink:0;align-items:center;line-height:1;display:inline-flex}.blip-card .card footer .tags .tag-list{align-items:flex-start;column-gap:var(--blip-tag-gap);flex-wrap:wrap;flex:1;justify-content:start;row-gap:.25rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.blip-card .card footer .tags .tag-list .tag{color:var(--colors-mono-08);font-size:var(--blip-tag-font-size);white-space:nowrap;font-style:italic;line-height:1.3}.blip-card .card footer .tags .tag-list .tag a{color:var(--colors-mono-08);line-height:inherit;white-space:inherit;transition:var(--transitions-primary);padding:0 .125rem;display:inline-block}.blip-card .card footer .tags .tag-list .tag a:hover{color:var(--colors-links)}.blip-card .card footer .tags .tag-list .overflow{background:var(--colors-mono-03);color:var(--colors-mono-08);border-radius:9999px;flex-shrink:0;align-items:center;padding:.2rem .45rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.blip-card .card footer .activity{flex-shrink:0;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.blip-card .card footer .activity .tooltip-trigger{display:inline-flex}.blip-card .card footer .activity .activity-indicator{border:1px solid var(--colors-mono-05);color:var(--colors-mono-08);cursor:pointer;transition:var(--transitions-primary);background:0 0;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.75rem;display:inline-flex}.blip-card .card footer .activity .activity-indicator:hover{border-color:var(--colors-links);color:var(--colors-links)}.blip-card .card footer .activity .activity-indicator .icon{color:currentColor;font-size:.9rem}.blip-card .card.unpublished .content,.blip-card .card.unpublished .blip-media-row,.blip-card .card.unpublished footer{opacity:.25}.blip-card .card.scheduled .timestamp{background:color-mix(in srgb, var(--colors-info) 12%, transparent);border:1px solid var(--colors-info);color:var(--colors-info);border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .5rem;font-style:normal;font-weight:500;display:inline-flex}.blip-card .card.scheduled .timestamp .timestamp-icon{color:currentColor;font-size:.875rem}.blip-card .card.scheduled .content,.blip-card .card.scheduled .blip-media-row,.blip-card .card.scheduled footer{opacity:.62}.blip-card .meta-row{min-height:var(--blip-card-meta-row-min-height);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.blip-card .meta-rowStart{flex:1;align-items:center;min-width:0;display:inline-flex}.blip-card-media-strip{flex-shrink:0;align-items:center;gap:.25rem;min-width:0;display:flex}.blip-card-media-strip .item,.blip-card-media-strip .overflow{border-radius:.25rem;flex-shrink:0;width:2rem;height:2rem;position:relative;overflow:hidden}.blip-card-media-strip .item{background:var(--colors-mono-03)}.blip-card-media-strip .personal-cloud-image{width:100%;min-width:0;height:100%;min-height:0}.blip-card-media-strip .video{width:100%;height:100%;display:block}.blip-card-media-strip .gif,.blip-card-media-strip .video .poster,.blip-card-media-strip .video video{object-fit:cover;width:100%;height:100%;display:block}.blip-card-media-strip .play{background:rgba(var(--colors-mono-01-rgb), .52);border:.0625rem solid color-mix(in srgb, var(--colors-cool-blue) 72%, transparent);box-shadow:0 .125rem .5rem rgba(var(--colors-mono-01-rgb), .32), 0 0 .375rem color-mix(in srgb, var(--colors-cool-blue) 28%, transparent), inset 0 0 0 .0625rem color-mix(in srgb, var(--colors-cool-blue) 18%, transparent);color:color-mix(in srgb, var(--colors-cool-blue) 88%, white 12%);pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blip-card-media-strip .play .icon{filter:drop-shadow(0 0 .1875rem color-mix(in srgb, var(--colors-cool-blue) 55%, transparent));opacity:1;margin-inline-start:.0625rem;font-size:.875rem}.blip-card-media-strip .overflow{background-color:var(--colors-mono-03);box-shadow:0 0 0 .0625rem var(--colors-mono-04);color:var(--colors-mono-08);justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex}@media (width<=47.999rem){.blip-card .tags{--blip-tag-font-size:1rem;--blip-tag-icon-size:1.1rem}}.blips{align-items:stretch;gap:1rem;justify-self:anchor-center;grid-template-columns:minmax(0,1fr);max-width:60rem;margin:0 auto;padding:0;list-style:none;display:grid}.blips>li{min-width:0}.blips:not(.has-date-groups)>li,.blips.has-date-groups{flex-direction:column;display:flex}@media (width>=48rem){.blips{grid-template-columns:repeat(2,minmax(0,1fr))}}.blips-date-group{flex-direction:column;gap:1rem;list-style:none;display:flex;overflow:visible}.blips-date-header{--date-corner:var(--radius-md);--date-edge:.0625rem;--date-fade-end:70%;background:color-mix(in srgb, var(--colors-mono-01) 50%, transparent);-webkit-backdrop-filter:blur(.55rem);border-radius:0 0 0 var(--date-corner);top:var(--main-header-height);z-index:5;width:100%;margin:.25rem 0 0;padding:.45rem .9rem .35rem;position:sticky}.blips-date-header:before,.blips-date-header:after,.blips-date-header .corner{pointer-events:none;position:absolute}.blips-date-header:before{background:linear-gradient(to bottom, transparent, var(--colors-info));bottom:var(--date-corner);content:"";width:var(--date-edge);top:0;left:0}.blips-date-header:after{background:linear-gradient(to right, var(--colors-info), transparent var(--date-fade-end));content:"";height:var(--date-edge);bottom:0;left:var(--date-corner);right:0}.blips-date-header .corner{border-bottom:var(--date-edge) solid var(--colors-info);border-left:var(--date-edge) solid var(--colors-info);border-bottom-left-radius:var(--date-corner);height:var(--date-corner);width:var(--date-corner);bottom:0;left:0}.blips-date-header .blips-date-header-label{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600;line-height:1.2}@media (width<=47.999rem){.blips-date-header{--date-fade-end:100%;top:0}.blips-date-header:after{width:min(30rem, calc(100% - var(--date-corner)));right:auto}}.blips-date-cards{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.blips-date-cards>li{flex-direction:column;min-width:0;display:flex}@media (width>=48rem){.blips-date-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
