@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--search-color: #585858}html,body{margin:0;padding:0;font-family:Inter,serif;line-height:1.5;font-weight:400}#root{width:100vw;height:100vh}body,html,#root{background-color:#000}main{padding-right:24px;padding-left:24px;padding-top:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.cards{padding-bottom:100px;flex:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:95%;overflow:scroll}.loader{margin-top:25%;width:15px;aspect-ratio:1;border-radius:50%;background:#ffffffde;box-shadow:-20px 0,20px 0;animation:l18 1s infinite}@keyframes l18{25%{box-shadow:-20px -20px,20px 20px}50%{box-shadow:0 -20px,0 20px}75%{box-shadow:20px -20px,-20px 20px}to{box-shadow:20px 0,-20px 0}}@media(max-width:750px){.cards{max-width:99%}main{padding-right:0;padding-left:0}}.search{display:flex;flex-direction:row;align-items:center;width:90%;padding:10px 10px 10px 20px;border-radius:999px;background:#101010bf;color:var(--search-color);border:1px solid rgba(60,60,60,.62);box-shadow:inset -2px 2px 5px #000,inset 4px -4px 5px #555;z-index:1500;position:relative}.search input{border:none;outline:none;width:100%;height:2rem;padding:0 1rem;background:none;color:var(--search-color);font-weight:700;font-size:1.2rem}.search-icon{scale:1.4;margin-top:2px;margin-left:10px;margin-right:0}.search input::selection{background-color:var(--search-color);color:#abaaaa}.search .filter-btn{padding:16px 32px;color:#838383;background-color:#18181899;outline:none;font-size:1.2rem;cursor:pointer;border-radius:999px;font-weight:700;border:1px solid transparent;box-shadow:inset -2px 2px 5px #555,inset 4px -4px 5px #000}.search .filter-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;position:relative;padding-left:46px;z-index:10}.search .filter-btn:active,.search .filter-btn.open{background-color:#18181800;box-shadow:inset -2px 2px 5px #000,inset 4px -4px 5px #555;border:1px solid rgba(60,60,60,.4)}:is(.search .filter-btn:active,.search .filter-btn.open) svg{color:#1565c0}.search .filter-btn svg{position:absolute;top:30%;left:20px;scale:1.2}.search .filter-btn.colored svg{color:#1565c0}.search .filter-btn .glow{scale:1.4;position:absolute;top:30%;left:20px;opacity:.5;filter:blur(1px)}.filter-popup{position:absolute;top:0;right:0;width:24rem;padding:10px 10px 32px;color:#838383;background:#101010bf;border-radius:30px;border:1px solid rgba(60,60,60,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column}.filter-popup button.filter-reset-btn{padding:16px 24px;color:#838383;background-color:#18181899;outline:none;font-size:1.2rem;cursor:pointer;border-radius:999px;font-weight:700;border:1px solid transparent;box-shadow:inset -2px 2px 5px #555,inset 4px -4px 5px #000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;position:relative}.filter-popup button.small-btn{color:#838383;background-color:#18181899;padding:.5rem .75rem;font-size:1rem;border:1px solid transparent;box-shadow:inset -2px 2px 5px #555,inset 4px -4px 5px #000;cursor:pointer;border-radius:999px;font-weight:700}.filter-popup button:active,.filter-popup button.selected{background-color:#18181800;color:#c2c2c2;box-shadow:inset -2px 2px 5px #000,inset 4px -4px 5px #555;border:1px solid rgba(60,60,60,.4)}.filter-popup .body{display:flex;flex-direction:column;height:100%}.filter-popup .body .container{padding:8px;border-radius:10px;margin-top:16px;border:1px solid rgba(60,60,60,.62)}.filter-popup .body .container .container-header{cursor:pointer}.filter-popup .body .container .container-content{display:none}.filter-popup .body .container .container-content.selected-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px;padding:0;max-height:60%}.filter-popup .body .container.open .container-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px;padding:8px;max-height:60%}.filter-popup .body .container.open .container-content.selected-container{display:none}@media(max-width:750px){.search{width:80%;font-size:.5rem;padding:8px}.search>img{height:16px;width:16px}.search input{font-size:.8rem;height:1rem;padding:0 .5rem}.search .filter-btn{font-size:.8rem;gap:2px;position:relative;padding:10px 20px 10px 29px;z-index:10}.search .filter-btn svg{height:12px;width:12px;position:absolute;top:35%;left:14px}.search .filter-btn svg.glow{position:absolute;top:35%;left:14px;scale:1.4}.filter-popup{position:absolute;top:0;right:0;width:60vw;max-width:18rem;padding:10px 10px 32px}.filter-popup button.filter-reset-btn{padding:10px 12px;font-size:.8rem}.filter-popup button.filter-reset-btn svg{height:12px;width:12px}.filter-popup button.small-btn{padding:.3rem .5rem;font-size:.7rem;margin:1px}.filter-popup .container-header{font-size:1.4em}}.bgWrap{position:relative;height:100vh;overflow:hidden}.bgVideo{position:absolute;inset:0;width:100vw;height:100vh;object-fit:cover}.bgOverlay{position:absolute;inset:0;background:#0006}.bgContent{position:relative;z-index:1;height:100vh}.card{padding:1.2rem 1.5rem 1.1rem;color:#838383;background:#101010bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:30px;border:1px solid transparent;box-shadow:inset -2px 2px 5px #000,inset 4px -4px 5px #555;width:250px;height:300px;display:flex;flex-direction:column;margin:0;font-size:1rem}.card hr{width:95%}.card-outer{padding:0;border-radius:20px;margin:1rem}.card .top{display:flex;flex-direction:row;align-items:center;gap:1em}.card .top .logo{height:4em;width:4em;border-radius:20%;overflow:clip;border:4px solid rgba(60,60,60,.62)}.card .top .logo img{width:100%;height:100%;object-fit:contain;background:#3d3d3d}.card .top .title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:60%}.card .top .title>.text{font-size:1.5em;font-weight:600}.card .tag{color:#838383;background-color:#18181899;padding:.25em .5em;font-size:.8em;border:1px solid transparent;box-shadow:inset -2px 2px 5px #555,inset 4px -4px 5px #000;cursor:pointer;border-radius:999px;font-weight:700;margin:0}.card .tags{flex:1;padding:.5em 0}.card .tag.selected{box-shadow:inset -2px 2px 5px #1565c0cc,inset 2px -2px 5px #1565c0cc}.card .bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding:0;margin:0}.card .bottom .pricing{font-weight:600;font-size:1.4em;color:#587b4c;padding-bottom:.1em;padding-left:1%}.card .bottom .link{border-left:2px solid #808080;padding:.25em 1em 0;margin-top:.25em;cursor:pointer}@media(max-width:750px){.card{width:140px;height:200px;padding:.6rem .75rem .55rem;font-size:.5rem;border-radius:15px}.card-outer{margin:.5rem}.card .tag{padding:.3em .7em;font-size:1.1em}.card svg{width:12px;height:12px}}@media(max-width:390px){.card{width:120px;height:200px}}.sortbar{display:flex;flex-direction:row;align-items:center;justify-content:start;width:90%;padding:4px 4px 12px;margin-top:8px}.sortbar button{margin-left:16px;outline:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;font-family:Inter,sans-serif;color:#838383;border-radius:6px;font-weight:600;font-size:.9rem;background:transparent;height:1.7rem;width:8rem;border:1px solid rgba(60,60,60,.4);cursor:pointer;box-shadow:inset -2px 2px 5px #555,inset 4px -4px 5px #000}.sortbar button:active,.sortbar button.active{background-color:#18181800;box-shadow:inset -2px 2px 5px #000,inset 2px -2px 5px #555;color:#2e86e8}.sortbar svg{scale:.8;margin-left:-8px;rotate:180deg}.sortbar select{font-family:Inter,sans-serif;color:#838383;border-radius:6px;font-weight:600;font-size:1rem;padding-left:.8rem;padding-right:.4rem;background:transparent;height:1.7rem;width:4.5rem;margin:0 16px;border:2px solid rgba(60,60,60,.4);cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center}.sortbar select option{text-align:center}