.overlay-content-wrapper{z-index:11;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-content{background:#000;border:1px solid #fff;width:1000px;max-width:100%;max-height:100%;padding:20px;display:block;position:relative;overflow-y:auto;box-shadow:3px 3px 15px #5c5656}.overlay-close{position:absolute;top:10px;right:10px}.overlay-arrow{color:#fff;cursor:pointer;z-index:12;background:#ffffff14;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.overlay-arrow:hover{background:#fff3}.overlay-arrow-prev{left:20px}.overlay-arrow-next{right:20px}@media (width<=440px){.overlay-arrow{width:32px;height:32px}.overlay-arrow-prev{left:4px}.overlay-arrow-next{right:4px}}.overlay-content small{margin-top:8px;font-size:12px;font-weight:700;display:block}.overlay-content .flex{flex-flow:wrap;margin-top:16px;display:flex}.overlay-content .flex-1{flex:1;min-width:100px}.overlay-content .flex-2{flex:2;min-width:100px}@media (width<=440px){.overlay-content .flex-2{flex:1}}.overlay-content img{max-width:100%;max-height:600px;margin:0 auto;display:block}@media (height<=640px){.overlay-content img{max-height:300px}}@media (height<=440px){.overlay-content img{max-height:200px}}@media (width<=440px){.overlay-content .flex{text-align:center;flex-direction:column}.overlay-content .flex-2{margin-top:1em}}.overlay-content .source{flex:100%;max-width:100%}.overlay-content .source a{word-break:break-all;flex:100%;max-width:100%}.overlay-content .source code{word-break:break-all;font-size:.8em}.overlay-content .collection-blurb{color:#9aa0a6;margin:4px 0 0;font-size:.8em}.overlay-content button.play,.overlay-content a.save{cursor:pointer;color:#fff;background-color:#272727;background-position-y:50%;background-repeat:no-repeat;border:1px solid #222020;border-radius:6px;margin-top:9px;margin-right:4px;padding:10px 14px 10px 32px;font-size:16px;display:inline-block}.overlay-content button.play{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cpath fill='%23fff' d='M7 3v16l8-7.988z'/%3E%3C/svg%3E");background-position-x:8px}.overlay-content a.save{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cg transform='matrix(.875 0 0 .875 -1.625 -903.192)'%3E%3Cpath fill='%23fff' d='M3 1033.362v16h16v-13.714l-2.286-2.286zm1.143 1.143H7.57v4.571h6.858v-4.571h1.142l2.286 2.286v11.428h-1.143v-6.857H5.286v6.857H4.143zm4.571 0h3.429v3.429H8.714zm-2.285 8h9.142v5.714H6.43z' /%3E%3C/g%3E%3C/svg%3E");background-position-x:12px}.overlay-content button.play:focus,.overlay-content a.save:focus{border:1px solid #fff;outline:#fff}.overlay-content a.save svg{margin-right:5px}.overlay-content a.save path.save{fill:var(--link-color-hover);fill-opacity:1;stroke:none;stroke-width:1.15px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1}.overlay-content path.play{visibility:visible;fill:var(--link-color);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1px;display:inline;overflow:visible}.item{color:#ddd;vertical-align:top;text-align:center;cursor:pointer;background-color:#1c1c1c;border-radius:14px;flex-direction:column;width:200px;max-width:100%;min-height:200px;margin:5px;padding:14px 14px 16px;font-size:14px;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;display:flex;position:relative;box-shadow:0 1px 2px #0006,0 8px 20px #00000059}.item:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000073,0 14px 28px #00000073}@media (width<=440px){.item{width:150px}}.item .select{position:absolute;top:4px;left:4px}.item .head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.item .head.head-end{justify-content:flex-end}.item .collection{color:#8a8f98;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;font-size:10px;overflow:hidden}.item .tiles{color:#c3c5fd;background-color:#a1a4fa26;border-radius:999px;flex:none;padding:2px 7px;font-size:10px}.item .name{flex:1;padding:0 0 4px;text-decoration:none}.item .image{background-color:#262626;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:130px;margin-bottom:10px;transition:background-color .2s ease-in-out;display:flex;position:relative}.item .image img{object-fit:contain;max-width:88%;max-height:88%}.item .category{text-transform:uppercase;font-size:10px}.item .links{margin-top:8px}.item .links a+a{margin-left:8px}.item .source a{font-size:.8em}.item:hover .image{background-color:#2b424f}.item .by{color:#9aa0a6;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.item .by svg{opacity:.7;flex:none}header{color:#fff;text-align:center;z-index:10;background-color:#000;background-image:url(../app/fancy-cushion.webp);border-bottom:1px solid #303030;flex:0;padding:8px 30px;position:sticky;top:0;left:0;right:0}.header-content{max-width:1400px;margin:0 auto}.header-content .title{cursor:pointer;padding-bottom:8px;font-size:2em}.header-filters{flex-flow:wrap;align-items:center;gap:10px;padding-bottom:8px;font-family:Helvetica,Arial,sans-serif;display:flex}.filter-field{text-align:left;background-color:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:140px;max-width:100%;padding:9px 14px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out;display:flex}.filter-field:hover{background-color:#ffffff17}.filter-field:focus-within{border-color:var(--link-color);background-color:#ffffff17}.filter-field.filter-search{flex:2;min-width:220px}.filter-field .filter-icon{opacity:.6;flex:none}.filter-field input,.filter-field select{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95em}.filter-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23aaaaaa' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;padding-right:18px}.filter-field select option{color:#000}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:flex}.filter-toggle:hover{background-color:#ffffff17}.filter-toggle input{opacity:0;width:0;height:0;position:absolute}.filter-toggle-track{background-color:#fff3;border-radius:999px;flex:none;width:30px;height:18px;transition:background-color .15s ease-in-out;position:relative}.filter-toggle-thumb{background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s ease-in-out;position:absolute;top:2px;left:2px}.filter-toggle input:checked+.filter-toggle-track{background-color:var(--link-color)}.filter-toggle input:checked+.filter-toggle-track .filter-toggle-thumb{transform:translate(12px)}.filter-toggle input:focus-visible+.filter-toggle-track{outline:2px solid var(--link-color);outline-offset:2px}.filter-toggle-label{opacity:.85;font-size:.9em}.filter-count{opacity:.75;white-space:nowrap;margin-left:auto;padding:9px 14px;font-size:.9em}@media (width<=440px){header{font-size:.8em}.header-content .title{font-size:1.5em}.header-filters .filter-field,.header-filters .filter-toggle{flex:45%}.header-filters .filter-count{text-align:right;flex:1;margin-left:0}}.main{padding-top:20px}.layouts{flex-flow:wrap;justify-content:center;max-width:2000px;margin:0 auto;display:flex}.waving:before{content:"🀄"}.waving{display:inline-block}.header-content .title:hover span{color:#0000;background-image:linear-gradient(90deg,red 14%,orange 28%,#ff0 42%,green 56%,#f0f 70%,#00f 84%,violet);-webkit-background-clip:text;background-clip:text}.header-content .title:hover .waving{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:3s;animation-iteration-count:infinite}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.geocities{background-blend-mode:screen;background-color:#000;background-image:radial-gradient(circle,#fff 1px,#0000 1.5px),repeating-linear-gradient(45deg,#ff00de 0 10px,#00e5ff 10px 20px,#fff700 20px 30px,#21ff00 30px 40px,red 40px 50px);background-size:22px 22px,200px 200px;min-height:100vh;font-family:Comic Sans MS,Comic Sans,Chalkboard,cursive,sans-serif;animation:25s linear infinite geocities-bg-scroll}.geocities input,.geocities select,.geocities button{font-family:inherit}.geocities .item{border:3px dashed #ff00de}@keyframes geocities-bg-scroll{0%{background-position:0 0,0 0}to{background-position:1000px 1000px,400px 0}}.geocities header{background-image:repeating-linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet,red);background-size:400% 100%;border-bottom:6px dashed #fff700;animation:6s linear infinite geocities-rainbow-slide}@keyframes geocities-rainbow-slide{0%{background-position:0 0}to{background-position:100% 0}}.geocities .header-content .title span{color:#0000;-webkit-text-stroke:1px #000;background-image:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet,red);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite geocities-rainbow-text,1.2s step-end infinite geocities-blink}@keyframes geocities-rainbow-text{to{background-position:200%}}@keyframes geocities-blink{50%{opacity:.4}}.geocities .waving{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:.6s;animation-iteration-count:infinite}.geocities-marquee{white-space:nowrap;color:#0f0;background-color:#000;border:2px solid #0f0;margin-bottom:8px;padding:4px 0;font-family:Courier New,monospace;overflow:hidden}.geocities-marquee span{padding-left:100%;animation:16s linear infinite geocities-marquee-scroll;display:inline-block}@keyframes geocities-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.geocities-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.geocities-badges .badge{color:#000;text-shadow:1px 1px #fff;background-image:linear-gradient(#eee,#999);border:2px outset #ccc;border-radius:2px;padding:4px 8px;font-size:11px;font-weight:700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--link-color:#a1a4fa;--link-color-hover:#c3c3fa;background-color:#131313;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;display:flex}a{color:var(--link-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--link-color-hover)}body{min-width:320px;min-height:100vh;margin:0;display:flex}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}