.flagship-folders-page,.flagship-folders-tree,.flagship-folders-content{
  color:#111;
  font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
  font-variant-numeric:lining-nums tabular-nums;
}
.flagship-folders-page h1,.flagship-folders-content h2{
  margin:0 0 4px;color:#111;
  font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:600;
}
.flagship-folders-intro,.flagship-folders-tree label{display:none}
.flagship-folders-layout{display:flex;align-items:flex-start;gap:16px}
.flagship-folders-tree{
  position:sticky;top:8px;flex:0 0 auto;
  width:280px;min-width:180px;max-width:70vw;
  max-height:calc(100vh - 88px);
  overflow:auto;resize:horizontal;
  padding:8px 12px 16px 20px;border:0;border-right:1px solid #ddd;background:#fff;
}
.flagship-folders-content{flex:1;min-width:0}
.flagship-folders-tree,.flagship-folders-tree a,.flagship-folders-tree button,.flagship-folders-tree input,.flagship-folders-tree h2{
  color:#111 !important;
  font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif !important;
}
.flagship-folders-tree>h2{
  margin:0 0 10px;font-size:16px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
}
.flagship-tree-filter{
  width:100%;margin:0 0 4px;padding:2px 0 4px;
  border:0;border-bottom:1px solid #d8d8d8;border-radius:0;background:transparent;font-size:12px;
}
.flagship-tree-tools,.flagship-tree-sort{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 6px}
.flagship-folders-tree button,.flagship-folder-more button,.flagship-tree-sort button{
  all:unset;cursor:pointer;color:#111;font-size:11px;
}
.flagship-folder-list{margin:0;padding:0 0 0 8px;list-style:none}
#flagship-folders-root{padding-left:0}
.flagship-folder-row{
  display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:6px;align-items:center;
  min-height:16px;padding:0;border:0;background:transparent;
}
.flagship-folder-expand{
  appearance:none;-webkit-appearance:none;
  width:12px;height:12px;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;font-size:0;line-height:0;color:transparent;
}
.flagship-folder-expand::before{
  content:"";display:block;width:0;height:0;
  border-style:solid;border-width:4px 0 4px 6px;
  border-color:transparent transparent transparent #111;
}
.flagship-folder-row.is-open .flagship-folder-expand::before{
  border-width:6px 4px 0 4px;
  border-color:#111 transparent transparent transparent;
}
.flagship-folder-expand:disabled{visibility:hidden}
.flagship-folder-row a{
  color:#111;text-decoration:none;font-size:13px;font-weight:400;line-height:1.2;
  white-space:normal;overflow-wrap:anywhere;
}
.flagship-folder-row.is-share a{font-size:15px;font-weight:600}
.flagship-folder-row:has(a[aria-current=page]){background:#f3ead4}
.flagship-folder-row a[aria-current=page]{font-weight:600}
.flagship-folder-more{padding:4px 0 8px 18px}
.flagship-folders-path{margin:0 0 6px;color:#111;opacity:.55;font-size:12px}
.flagship-folders-count{margin:0 0 12px;color:#111;font-size:13px;font-variant-numeric:lining-nums tabular-nums}
.flagship-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.flagship-folder-card{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;color:#111;font-size:11px;text-decoration:none}
.flagship-folder-card img{width:100%;height:88px;object-fit:cover}
.flagship-folder-card small{color:#111;opacity:.5;font-size:10px}
.flagship-folder-card.is-on-disk{min-height:36px;padding:6px 0;border:0;opacity:.55}
@media(max-width:800px){
  .flagship-folders-layout{flex-direction:column}
  .flagship-folders-tree{position:static;width:100%;max-width:none;max-height:36vh;resize:none;border-right:0}
}