/* Download Remix Services library — the original archive engine with the homepage identity. */
:root {
  color-scheme:light;
  --paper:#faf9f6;
  --ink:#252722;
  --muted:#777c70;
  --line:#e7e7df;
  --orange:#df572c;
}
html,body {
  margin:0;
  height:auto;
  min-height:100%;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',sans-serif;
  font-size:15px;
  background-image:none;
  filter:none
}
#wrapper {height:auto;min-height:0;padding-bottom:24px}
a,button,input,summary {-webkit-tap-highlight-color:transparent}
button,input {font:inherit}
button,summary {cursor:pointer}
button {color:inherit}
svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {outline:3px solid #bc6039;outline-offset:4px}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app_header,.content {width:calc(100% - 72px);max-width:1440px;margin-inline:auto;box-sizing:border-box}
.app_header {height:auto;padding:0 0 22px;background:none;border:0;position:relative;z-index:5;filter:none}
.library-nav {height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.library-identity,.library-nav-actions {display:flex;align-items:center;gap:24px}
.app_header .brand {display:inline-flex;align-items:center;gap:11px;color:var(--ink);font:800 23px 'Manrope',sans-serif;letter-spacing:-.9px;white-space:nowrap;text-decoration:none}
.brand-mark {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:white;flex-shrink:0}
.brand-mark svg {width:24px;height:24px;stroke-width:1.8}
.brand em {font-style:normal;font-weight:500}
.library-tag {font-size:10px;font-weight:650;letter-spacing:1.4px;color:#8d8f83;border-left:1px solid #dcded4;padding-left:23px}
.app_header .home-link {color:#717669;display:inline-flex;align-items:center;gap:7px;font-size:14px;text-decoration:none}
.home-link svg {width:17px;height:17px}
.app_header .home-link:hover {color:var(--ink)}
.app_header .access-link {display:inline-flex;align-items:center;gap:18px;min-height:43px;padding:0 18px;box-sizing:border-box;border-radius:7px;background:var(--orange);color:white;text-decoration:none;font-size:14px;font-weight:600;transition:background .18s,transform .18s}
.app_header .access-link:hover {background:#c54b23;transform:translateY(-1px)}
.access-link svg {width:17px;height:17px}
.library-intro {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0 23px}
.library-eyebrow {font-size:10px;letter-spacing:1.8px;font-weight:700;color:#b26844;margin:0 0 6px}
.app_header h1 {font:750 clamp(27px,2.7vw,37px)/1.2 'Manrope',sans-serif;letter-spacing:-1.4px;padding:0;margin:0;color:var(--ink)}
.library-description {font-size:15px;line-height:1.6;color:var(--muted);margin:9px 0 0}
.app_header_stats {display:flex;gap:0;flex-shrink:0;padding:0;margin:0;font-style:normal}
.app_header_stats > div {display:flex;flex-direction:column-reverse;gap:6px;padding:3px 25px;border-left:1px solid #e0e2d8}
.app_header_stats > div:first-child {border:0;padding-left:0}
.app_header_stats > div:last-child {padding-right:0}
.app_header_stats dt {font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#929587;white-space:nowrap}
.app_header_stats dd {font:700 24px/1.15 'Manrope',sans-serif;letter-spacing:-.8px;color:#3d4535;margin:0;white-space:nowrap}
.library-toolbar {display:flex;align-items:center;justify-content:space-between;gap:22px}
.app_header_search {position:relative;float:none;display:flex;align-items:center;gap:12px;padding:5px 5px 5px 16px;box-sizing:border-box;margin:0;flex:1;max-width:660px;border:1px solid #dddfd4;border-radius:9px;background:white;box-shadow:0 2px 4px #242d1303;transition:border-color .18s,box-shadow .18s}
.app_header_search:focus-within {border-color:#da9a70;box-shadow:0 0 0 3px #df572c0b}
.app_header_search > svg {width:19px;height:19px;color:#a4a798}
.app_header_search input {min-width:0;width:100%;flex:1;padding:9px 0;border:0;background:transparent;border-radius:0;color:var(--ink);font:15px/1.4 'DM Sans',sans-serif;box-shadow:none;outline:none}
.app_header_search input::placeholder {color:#969b8c}
.search-button {display:inline-flex;align-items:center;justify-content:center;gap:15px;align-self:stretch;border:0;border-radius:5px;background:#303b29;color:white;padding:0 17px;font-size:13px;font-weight:500;transition:background .18s}
.search-button:hover {background:#46553c}
.search-button svg {width:15px;height:15px}
.library-tools {display:flex;align-items:center;gap:20px;flex-shrink:0}
.library-updated {font-size:12px;color:#898e7f;display:flex;align-items:center;gap:5px;white-space:nowrap}
.updated-dot {width:6px;height:6px;border-radius:50%;background:#97a981;margin-right:3px}
.search-help {position:relative}
.search-help summary {list-style:none;display:flex;align-items:center;gap:6px;font-size:12px;color:#78816c;white-space:nowrap;min-height:36px}
.search-help summary::-webkit-details-marker {display:none}
.search-help summary svg {width:17px;height:17px}
.search-help[open] summary,.search-help summary:hover {color:#b95731}
.search-help-content {position:absolute;right:0;top:44px;z-index:30;width:285px;padding:20px;box-sizing:border-box;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #2f301719;font-size:13px;line-height:1.6;color:#737b69}
.search-help-content strong {color:#333e2a;font-size:14px}
.search-help-content p {margin:10px 0 0}
.search-help-content code {background:#f3f1e9;padding:1px 4px;border-radius:3px;color:#a55230}
.search-help-note {font-size:12px;border-top:1px solid var(--line);padding-top:10px}
/* Keep the archive spacious even in short windows; the page can still scroll. */
.content {grid-template-columns:292px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;height:clamp(640px,80vh,880px);border:1px solid #e1e3d9;border-radius:12px;overflow:hidden;background:white;box-shadow:0 6px 22px #30391a04}
.treeview {display:flex;flex-direction:column;float:none;width:auto;height:100%;min-width:0;min-height:0;border:0;border-right:1px solid #e9eade;border-radius:11px 0 0 11px;background:#f5f5ee;overflow:hidden;box-sizing:border-box}
.treeview::before {content:'COLLECTIONS';display:block;flex-shrink:0;height:48px;box-sizing:border-box;padding:17px 21px 13px;font-size:10px;font-weight:650;letter-spacing:1.5px;color:#939782;border-bottom:1px solid #e9eade}
.treeview ul.dynatree-container {flex:1;min-height:0;box-sizing:border-box;height:auto;border:0;background:transparent;font:15px/1.7 'DM Sans',sans-serif;padding:10px 12px 18px;overflow:auto;white-space:normal}
ul.dynatree-container li {background-image:none;padding:1px 0 0}
ul.dynatree-container ul {padding-left:18px}
.treeview span.dynatree-node {display:inline-flex;align-items:center;vertical-align:top;min-height:31px;max-width:100%}
.treeview span.dynatree-node > span,.treeview span.dynatree-node > img {flex:0 0 16px;background-repeat:no-repeat}
.treeview span.dynatree-node > .dynatree-icon {flex-basis:18px;width:18px;height:18px;margin:0 5px 0 3px;background:url('assets/folder.svg') center/18px 18px no-repeat}
.treeview span.dynatree-expanded > .dynatree-icon {background-image:url('assets/folder-open.svg')}
.treeview span.dynatree-node > .dynatree-expander {background:url('assets/chevron-right.svg') center/11px 11px no-repeat;border-radius:4px;transition:transform .15s}
.treeview span.dynatree-expanded > .dynatree-expander {transform:rotate(90deg)}
.treeview span.dynatree-node > .dynatree-expander:hover {background-color:#e5e8dc}
.treeview .dynatree-connector,.treeview .dynatree-empty {background:none}
ul.dynatree-container a {min-width:0;white-space:normal;overflow-wrap:anywhere;font-family:'DM Sans',sans-serif;color:#5a654f;border:1px solid transparent;border-radius:5px;padding:2px 5px;transition:background .15s,color .15s}
ul.dynatree-container a:hover {background:#e9ecdf;color:#303e24;border-color:transparent}
ul.dynatree-container span.dynatree-active a {background:#f0e3d5!important;border-color:transparent!important;color:#ab552e!important;font-weight:650}
.list_container {display:flex;flex-direction:column;width:auto;height:100%;min-width:0;min-height:0;border:0;border-radius:0 11px 11px 0;background:white;overflow:hidden}
.list_files {flex:1;min-height:0;height:auto;max-height:none;overflow:auto}
.list_header {flex-shrink:0;padding:14px 19px;background:white;border:0;border-bottom:1px solid #e8eade;font:13px/1.5 'DM Sans',sans-serif;white-space:nowrap;overflow:auto;color:#859077}
.list_header a {color:#69765c;text-decoration:none}
.list_header a:hover {color:#bb5b31;text-decoration:none}
.list_header .path_divider {width:12px;height:12px;border:0;margin:0 9px -2px;background:url('assets/chevron-right.svg') center/10px no-repeat}
#files.tablesorter {margin:0;width:100%;border:0;border-collapse:collapse;background:white;font:15px/1.55 'DM Sans',sans-serif}
#files.tablesorter thead tr th,#files.tablesorter tfoot tr th {height:38px;box-sizing:border-box;background-color:#fbfcf7;color:#89947b;border:0;border-bottom:1px solid #eceee4;text-align:left;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:10px 20px}
#files.tablesorter tbody td {padding:11px 20px;border:0;border-bottom:1px solid #f0f1e9;background:white;vertical-align:middle}
#files.tablesorter:not(.has-parent-folder) tbody tr:nth-child(even) td,#files.tablesorter.has-parent-folder tbody tr:nth-child(odd) td {background:#fdfefb}
#files.tablesorter tbody tr:hover td,#files.tablesorter tbody tr:nth-child(even):hover td {background:#faf5ed}
#files.tablesorter thead tr .headerSortDown,#files.tablesorter thead tr .headerSortUp {background-color:#f4eee1}
#files.tablesorter td.size,#files.tablesorter td.date {font-size:13px;color:#8b9580}
span.file,span.file_folder {padding:2px 0 2px 27px;background:url('assets/file.svg') left center/19px 19px no-repeat}
span.file_folder {background-image:url('assets/folder.svg')}
span.file a,span.file_folder a {color:#4c5940;text-decoration:none}
span.file a:hover,span.file_folder a:hover {color:#c46435;text-decoration:none}
#files.tablesorter.has-parent-folder tbody tr:first-child td {border-top:43px solid white}
#parent_folder {top:49px;left:20px;font-size:13px;background-size:17px 17px;padding-left:24px}
#parent_folder a {color:#a17a50}
#parent_folder_border {top:80px;background:#eff0e8}
.list_footer {display:flex;flex-shrink:0;align-items:center;gap:16px;box-sizing:border-box;padding:12px 19px;background:#fafbf5;border-top:1px solid #e9ecdf;color:#89967b;font:12px/1.5 'DM Sans',sans-serif}
.loading {box-sizing:border-box;background:white;color:#7b866b;border:1px solid var(--line);border-radius:10px;font:15px 'DM Sans',sans-serif;padding-top:36px}
.loading_info {line-height:1.8;font-style:normal}
.search_indicator {background:#fff7ed;color:#a35c30;padding:12px 18px;font:14px 'DM Sans',sans-serif}
.export_lightbox {position:fixed}
.export_content {max-width:calc(100vw - 40px);box-sizing:border-box;border-radius:12px;background:var(--paper);border:1px solid #e2e5d6;color:#5e6e4d;font:14px 'DM Sans',sans-serif}
.export_close {color:#b96638}
.export_text {max-width:100%;box-sizing:border-box}
* {scrollbar-color:#d6dccb transparent;scrollbar-width:thin}
@media(min-width:701px) and (max-width:1050px) {
  .app_header,.content {width:calc(100% - 40px)}
  .library-tag {display:none}
  .app_header_stats > div {padding-inline:15px}
  .app_header_stats dd {font-size:21px}
  .library-intro {gap:18px}
  .library-description {max-width:330px;font-size:14px}
  .library-tools {gap:14px}
  .library-updated {font-size:11px}
  .search-help summary span {display:none}
  .app_header_search {gap:8px;padding-left:12px}
  .app_header_search input {font-size:14px}
}
@media(max-width:900px) {
  .content {grid-template-columns:minmax(0,1fr)}
  #treeview {display:none}
  #list_container {width:100%;border-radius:11px}
  #files.tablesorter {min-width:610px}
}
@media(max-width:700px) {
  #wrapper {padding-bottom:14px}
  .app_header,.content {width:calc(100% - 28px)}
  .app_header {padding-bottom:15px}
  .library-nav {height:71px;gap:10px}
  .library-identity {gap:0}
  .app_header .brand {font-size:19px;gap:8px;letter-spacing:-.8px}
  .brand-mark {width:30px;height:30px}
  .brand-mark svg {width:21px;height:21px}
  .library-tag,.home-link {display:none!important}
  .app_header .access-link {min-height:35px;padding:0 12px;gap:0;font-size:11px;white-space:nowrap}
  .access-link svg {display:none}
  .library-nav-actions {gap:0}
  .library-intro {display:block;padding:21px 0 17px}
  .library-eyebrow {font-size:9px;letter-spacing:1.5px}
  .app_header h1 {font-size:29px;letter-spacing:-1.2px}
  .library-description {font-size:13px;margin-top:7px;max-width:330px;line-height:1.6}
  .app_header_stats {margin-top:19px;justify-content:space-between;gap:0}
  .app_header_stats > div {padding:0 18px}
  .app_header_stats dd {font-size:21px;letter-spacing:-.6px}
  .app_header_stats dt {font-size:8px;letter-spacing:1px}
  .library-toolbar {flex-direction:column;align-items:stretch;gap:11px}
  .app_header_search {max-width:none;width:100%;padding:5px 5px 5px 12px;gap:8px}
  .app_header_search input {font-size:16px;padding:9px 0}
  .app_header_search input::placeholder {font-size:13px}
  .search-button {padding:0 13px;font-size:12px}
  .search-button svg {display:none}
  .library-tools {justify-content:space-between;gap:10px}
  .library-updated,.search-help summary {font-size:11px}
  .search-help summary {min-height:25px}
  .search-help-content {top:32px;max-width:calc(100vw - 35px)}
  .content {height:clamp(560px,80svh,760px);border-radius:10px}
  .list_header {padding:12px 14px;font-size:12px}
  #files.tablesorter tbody td {padding:10px 14px}
  #files.tablesorter thead tr th {padding-inline:14px}
  #parent_folder {left:14px}
  .list_footer {padding:10px 12px;gap:12px;font-size:11px;align-items:flex-start}
  .export_content {max-width:calc(100vw - 24px)}
  .export_options {line-height:1.9}
}
@media(max-width:359px) {
  .app_header .brand {font-size:17px;gap:6px}
  .brand-mark {width:27px;height:27px}
  .app_header .access-link {padding-inline:9px;font-size:10px}
  .app_header h1 {font-size:25px}
  .app_header_stats > div {padding-inline:12px}
  .app_header_stats dd {font-size:20px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {transition:none!important;scroll-behavior:auto!important}
}