.home-files{margin:0;display:grid;container-type:inline-size}.home-files .home-example{text-align:center;margin:1rem 0 0}.home-files-window{border-radius:var(--app-radius-panel);box-shadow:var(--app-site-lift-soft);text-align:start;overflow:hidden}.home-files-title{border-bottom:1px solid var(--app-border);font-family:var(--app-font-title);letter-spacing:-.01em;margin:0;padding:.875rem 1.25rem;font-size:1rem;font-weight:650}.home-files-body{--tree:11rem;grid-template-columns:var(--tree) minmax(0, 1fr);display:grid}.home-files-tree{border-right:1px solid var(--app-border);align-content:start;gap:.125rem;margin:0;padding:.625rem .5rem;list-style:none;display:grid}.home-files-count{display:inline-grid;overflow:hidden}.home-files-count>*{text-align:end;grid-area:1/1}.home-files-was{opacity:0}.home-files-list{margin:0 0 -1px;padding:0;list-style:none}.home-files-row{border-bottom:1px solid var(--app-border);isolation:isolate;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"maker name side""maker meta side";align-items:center;gap:.1875rem .875rem;padding:.75rem 1.25rem;display:grid;position:relative}.home-files-row>:first-child{grid-area:maker}.home-files-row:before{content:"";z-index:-1;background:var(--app-selected);opacity:0;position:absolute;inset:0}.home-files-you{width:2.5rem;height:2.5rem}.home-files-you svg{width:1.25rem;height:1.25rem}.home-files-text{display:contents}.home-files-name{min-width:0;color:var(--app-foreground);grid-area:name;align-self:end;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;line-height:1.375rem;display:flex}.home-files-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-files-meta{min-width:0;color:var(--app-muted-foreground);white-space:nowrap;grid-area:meta;align-self:start;align-items:center;font-size:.8125rem;line-height:1.25rem;display:flex;overflow:hidden}.home-files-dot{margin-inline:.375em}.home-files-use{text-overflow:ellipsis;display:inline-block;overflow:hidden}.home-files-reading{display:inline-grid}.home-files-reading>*{grid-area:1/1}.home-files-during{opacity:0}.home-files-side{grid-area:side;align-items:center;gap:.75rem;display:flex}.home-files-folder{color:var(--app-muted-foreground);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.home-files-folder svg{width:.875rem;height:.875rem}.home-files-more{padding:.625rem 1.25rem .75rem calc(var(--tree) + 4.625rem);border-top:1px solid var(--app-border);color:var(--app-muted-foreground);grid-column:1/-1;margin:0;font-size:.8125rem;line-height:1.25rem}.home-files-slot{grid-template-rows:1fr;display:grid}.home-files-clip,.home-files-spare>div{min-height:0;overflow:hidden}.home-files-spare{visibility:hidden;grid-template-rows:0fr;display:grid}@container not (min-width:34rem){.home-files-title{padding-inline:1rem}.home-files-body{grid-template-columns:minmax(0,1fr)}.home-files-tree{border-right:0;border-bottom:1px solid var(--app-border);flex-wrap:wrap;gap:.375rem;padding:.75rem 1rem;display:flex}.home-files-tree li>span{border:1px solid var(--app-border);flex:none;gap:.375rem;min-height:2rem;padding-inline:.625rem}.home-files-tree li>span[aria-current]{border-color:#0000}.home-files-tree li>span>span:nth-child(2){flex:none}.home-files-row{column-gap:.75rem;padding:.75rem 1rem}.home-files-folder,[data-reads] :is(.home-files-by,.home-files-dot){display:none}.home-files-more{padding-inline:4.25rem 1rem}}@media (prefers-reduced-motion:no-preference){.home[data-reveals] .home-files:not([data-revealed])>*{opacity:0}.home[data-reveals] .home-files[data-revealed]>*{animation:home-arrive var(--app-duration-reveal) var(--app-ease-out) both}.home[data-reveals] .home-files[data-revealed] .home-files-slot{animation:home-files-open var(--app-duration-sheet) var(--app-ease-out) calc(var(--app-duration-beat) * 14) both}.home[data-reveals] .home-files[data-revealed] .home-files-spare{animation:home-files-shut var(--app-duration-sheet) var(--app-ease-out) calc(var(--app-duration-beat) * 14) both}.home[data-reveals] .home-files[data-revealed] .home-files-slot .home-files-row{animation:home-files-in var(--app-duration-sheet) var(--app-ease-out) calc(var(--app-duration-beat) * 14) both}.home[data-reveals] .home-files[data-revealed] .home-files-slot .home-files-new,.home[data-reveals] .home-files[data-revealed] .home-files-slot .home-files-dot{animation:home-files-pop var(--app-duration-disclose) var(--app-ease-out) calc(var(--app-duration-beat) * 18) both}.home[data-reveals] .home-files[data-revealed] [data-reads] .home-files-dot{animation:home-files-line var(--app-duration-draw) var(--app-ease-out) calc(var(--app-duration-beat) * 36) both}.home[data-reveals] .home-files[data-revealed] .home-files-was{animation:home-files-was var(--app-duration-draw) var(--app-ease-out) calc(var(--app-duration-beat) * 17) both}.home[data-reveals] .home-files[data-revealed] .home-files-now{animation:home-files-now var(--app-duration-draw) var(--app-ease-out) calc(var(--app-duration-beat) * 17) both}.home[data-reveals] .home-files[data-revealed] [data-reads]:before{animation:home-files-tint calc(var(--app-duration-beat) * 32) var(--app-ease-out) calc(var(--app-duration-beat) * 34) both}.home[data-reveals] .home-files[data-revealed] [data-reads] .home-files-reader{animation:home-files-pop var(--app-duration-draw) var(--app-ease-out) calc(var(--app-duration-beat) * 34) both}.home[data-reveals] .home-files[data-revealed] [data-reads] .home-files-during{animation:home-files-during calc(var(--app-duration-beat) * 26) var(--app-ease-out) calc(var(--app-duration-beat) * 36) both}.home[data-reveals] .home-files[data-revealed] [data-reads] .home-files-after{animation:home-files-line var(--app-duration-draw) var(--app-ease-out) calc(var(--app-duration-beat) * 60) both}}@keyframes home-files-open{0%{grid-template-rows:0fr}}@keyframes home-files-shut{0%{grid-template-rows:1fr}}@keyframes home-files-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}}@keyframes home-files-pop{0%{opacity:0;transform:scale(.9)}}@keyframes home-files-was{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-70%)}}@keyframes home-files-now{0%{opacity:0;transform:translateY(70%)}}@keyframes home-files-tint{0%{opacity:0}16%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes home-files-during{0%{opacity:0;transform:translate(-.25rem)}15%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@keyframes home-files-line{0%{opacity:0;transform:translate(-.25rem)}}