@font-face{font-family:CustomFont;font-style:normal;font-weight:400;src:url(/static/media/FutureRot.87ac51c07e0b42372871.woff2) format("truetype")}body{--white:#f2f3f4;--blue:#3b82f6;--background-color:#000;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}a{color:var(--blue)}a:visited{color:#9883e5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}.footer{background-position:top;background-repeat:no-repeat;bottom:0;height:353px;left:0;position:fixed;right:0;z-index:-1}.app{margin:0 auto;max-width:80%;padding:20px}.app-header{align-items:center;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:var(--white);display:flex;font-family:CustomFont;margin-bottom:20px;padding:20px}.app-header h1{font-size:24px;margin:0}button{background-color:var(--blue);border:none;border-radius:4px;color:var(--white);cursor:pointer;margin-left:10px;padding:10px 15px;transition:background-color .3s ease}button:hover{opacity:.9}.header-desc{margin:0}.search-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-container input,.search-container select{background-color:var(--white);border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px}.size-filter{display:flex;gap:10px}.size-filter input{width:120px}.mod-card{align-items:center;background-color:#0a0a0a;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:var(--white);display:flex;padding:15px;transition:box-shadow .3s ease}.mod-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.mod-card h3{margin-bottom:10px;margin-top:0}.mod-card p{font-size:14px;margin:5px 0}.tag{background-color:#ecf0f1;border-radius:12px;color:#2c3e50;display:inline-block;font-size:12px;margin-bottom:5px;margin-right:5px;padding:2px 8px}.add-to-modpack{background-color:#386150;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px;transition:background-color .3s ease}.add-to-modpack:hover{background-color:#27ae60}#modpack-creator{background-color:#0a0a0a;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:var(--white);height:900px;overflow:hidden auto;padding-left:20px;padding-right:20px}#modpack-list{margin-bottom:20px}.modpack-item{align-items:center;background-color:#000;border-radius:4px;display:flex;padding:10px}.tag-pill{background:#333;border-radius:999px;color:#ddd;display:inline-block;font-size:.85rem;margin:0 3px;padding:2px 8px}#modpack-stats{background-color:#000;border-radius:4px;padding:10px}.view{display:none}.view.active{display:block}.popup-content{background-color:grey;border:3px solid #000;left:25%;padding:10px;position:absolute;top:10%;width:50%}.list-item{border-bottom:1px solid #e5e7eb;padding:8px 0}.list-item,.nav-container{align-items:center;display:flex}.nav-container{justify-content:space-between;margin-bottom:1%}#tag-stats{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}#tag-stats h3{color:#2c3e50;margin-top:0}.tag-category{margin-bottom:15px}.tag-category h4{color:#34495e;margin-bottom:5px}.tag-count{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:5px 0}.missing-tag{color:#e74c3c;font-weight:700}.has-tag{color:#000}.popup-buttons{display:flex;gap:1px;margin-top:2%}.import-button{margin-left:0}.mod-card-img{border-radius:8px;height:90%;object-fit:cover;transition:opacity .3s ease;width:200px}.modpack-slot-header{align-items:center;background-color:var(--background-color);display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}.export-mod-details{margin-left:1%}@media only screen and (max-width:600px){.mod-title{font-size:1rem;margin-bottom:0!important}.nav-container button{margin:5px}}.modpack-list-container{margin-top:24px}.toggle-list-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background-color .3s}.toggle-list-button:hover{background-color:#2563eb}.modpack-list{background-color:var(--background-color);border:2px solid #e5e7eb;border-radius:8px;margin-top:16px;max-height:320px;overflow-y:auto;padding:16px}.modpack-item{justify-content:space-between}.remove-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.remove-button:hover{background-color:#c0392b}.stat-value{font-weight:700}.tag-stats h3{font-size:1.5rem;font-weight:600;margin-bottom:16px}.category-container{margin-bottom:32px}.category-container h4{font-size:1.25rem;font-weight:500;margin-bottom:16px}.tag-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.popup-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:var(--background-color);border:2px solid var(--white);border-radius:8px;color:var(--white);max-height:80%;max-width:80%;overflow-y:auto;padding:0 24px 24px;z-index:2}.popup-content h3{margin-bottom:16px}.popup-content ul{list-style-type:none;margin:0 0 16px;padding:0}.popup-content li{margin-bottom:8px}.popup-content button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.popup-content button:hover{background-color:#2563eb}.untagged-mods-section{background-color:#000;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);margin-top:32px;padding:24px}.untagged-mods-section h3{font-size:1.5rem;font-weight:600;margin-bottom:16px}.untagged-mods-list{list-style-type:none;padding:0}.untagged-mod-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.untagged-mod-item:last-child{border-bottom:none}.untagged-mod-item .remove-button{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:background-color .3s}.untagged-mod-item .remove-button:hover{background-color:#dc2626}.slot-item{border-radius:4px;padding:8px;transition:background-color .3s ease}.highlighted-slot{animation:pulse 2s infinite;background-color:rgba(59,130,246,.2)}@keyframes pulse{0%{background-color:rgba(59,130,246,.2)}50%{background-color:rgba(59,130,246,.3)}to{background-color:rgba(59,130,246,.2)}}.tag-card{border-radius:12px;cursor:pointer;height:280px;perspective:1000px}.tag-card,.tag-card-inner{position:relative;width:100%}.tag-card-inner{height:100%;transform-style:preserve-3d;transition:transform .6s}.tag-card.flipped .tag-card-inner{transform:rotateY(180deg)}.tag-card-back,.tag-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:100%;overflow:hidden;position:absolute;width:100%}.tag-card-back{background-color:#1a1a1a;color:#fff;overflow-y:auto;transform:rotateY(180deg)}.tag-card-back-content{padding:16px}.tag-image-container{background-color:#d3d3d3;height:65%;overflow:hidden;width:100%}.tag-image{height:100%;object-fit:cover;width:100%}.tag-info{background-color:#1a1a1a;bottom:0;color:#fff;height:35%;padding:16px;position:absolute;width:100%}.tag-info h4{font-size:1.2rem;font-weight:500;margin:0 0 8px}.tag-info .status{font-weight:500;margin:0}.tag-info .status.added{color:#4caf50}.tag-info .status.missing{color:#f44336}.tag-info .count{font-size:.9rem;margin:4px 0 0}.tag-card-back h5{font-size:1.1rem;margin:0 0 12px}.tag-card-back ul{list-style-type:none;margin:0;padding:0}.tag-card-back li{border-bottom:1px solid hsla(0,0%,100%,.1);font-size:.9rem;padding:4px 0}.tag-card.missing-tag{opacity:.7}.tag-card.missing-tag:hover{opacity:.9}.mod-count{align-items:center;display:flex;gap:1em}.warning-icon{color:#ff0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.loading-small{padding:10px}.loading-medium{padding:20px}.loading-large{padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db}.loading-small .spinner{border-width:2px;height:20px;width:20px}.loading-medium .spinner{height:40px;width:40px}.loading-large .spinner{border-width:4px;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#666;font-size:14px;margin-top:10px}.loading-small .loading-message{font-size:12px}.loading-large .loading-message{font-size:16px}.error-boundary{background-color:#ffebee;border:1px solid #f44336;border-radius:8px;color:#c62828;margin:20px;padding:20px}.error-boundary h2{color:#d32f2f;margin-top:0}.error-boundary details{background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:12px;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}.toast{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:500px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1000}.toast-visible{transform:translateX(0)}.toast-hidden{transform:translateX(100%)}.toast-content{align-items:center;display:flex;justify-content:space-between}.toast-message{flex:1 1;margin-right:10px}.toast-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.toast-info{background-color:#e3f2fd;border-left:4px solid #2196f3;color:#1976d2}.toast-success{background-color:#e8f5e8;border-left:4px solid #4caf50;color:#2e7d32}.toast-warning{background-color:#fff3e0;border-left:4px solid #ff9800;color:#f57c00}.toast-error{border-left:4px solid #f44336}.error-message,.toast-error{background-color:#ffebee;color:#c62828}.error-message{border:1px solid #f44336;border-radius:8px;margin:16px;padding:16px;text-align:center}.error-message button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.error-message button:hover{background-color:#d32f2f}.loading-more{background-color:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding:20px}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}
/*# sourceMappingURL=main.25bca842.css.map*/