.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-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 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:#272727;border-radius:5px;flex-direction:column;width:200px;max-width:100%;min-height:200px;margin:5px;padding:20px 10px;font-size:14px;display:flex;position:relative}@media (width<=440px){.item{width:150px}}.item .count{opacity:0;font-size:.8em;transition:all .4s ease-in-out}.item .select{position:absolute;top:4px;left:4px}.item:hover .count{opacity:1}.item .name{flex:1;padding:10px 0;text-decoration:none}.item .image{flex-direction:column;justify-content:center;height:160px;transition:all .2s ease-in-out;display:flex;position:relative}.item .image img{object-fit:contain;max-width:100%;height:auto;max-height:120px}.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}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;font-family:Comic Sans,Comic Sans MS,Chalkboard,ChalkboardSE-Regular,Marker Felt,Purisa,URW Chancery L,cursive,sans-serif;position:sticky;top:0;left:0;right:0}.header-content{max-width:1400px;margin:0 auto}.header-content .title{padding-bottom:8px;font-size:2em}.header-filters{flex-flow:wrap;padding-bottom:8px;display:flex}.header-filters input,.header-filters select{flex:1;font-size:1.1em}.header-filters input,.header-filters select,.header-filters div{text-align:left;max-width:100%;margin-left:4px;margin-right:4px}@media (width<=440px){header{font-size:.8em}.header-content .title{font-size:1.5em}.header-filters input,.header-filters select{flex:45%;width:50%}}.main{padding-top:20px}.layouts{flex-flow:wrap;justify-content:center;max-width:1400px;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)}}: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}}
