code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;padding:20px;text-align:center}.App-header h1{color:#282c34;font-size:2.5rem;margin:0}.promo-links{margin-top:10px}.promo-links a{color:#007bff;font-size:.9rem;margin:0 15px;text-decoration:none}.promo-links a:hover{text-decoration:underline}.search-bar-container{display:flex;justify-content:center;margin:20px 0}.search-bar{border:1px solid #ccc;border-radius:25px;font-size:1rem;max-width:600px;outline:none;padding:12px 20px;transition:box-shadow .3s;width:50%}.search-bar:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.widget-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.widget-card:hover{box-shadow:0 6px_12px #00000026;transform:translateY(-5px)}.widget-image{height:150px;object-fit:cover;width:100%}.widget-name{font-size:1rem;font-weight:700;padding:15px;text-align:center}.widget-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slide-down .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:600px;position:relative;width:90%}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:15px;top:10px}.modal-close:hover{color:#333}.modal-image{background-color:#f9f9f9;border-top-left-radius:8px;border-top-right-radius:8px;height:auto;max-height:400px;object-fit:contain;width:100%}.modal-details{padding:20px;text-align:left}.modal-details h2{font-size:1.8rem;margin-top:0}.modal-details p{color:#666;font-size:1rem;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{text-align:center}main{margin:0 auto;max-width:1200px;padding:1rem}
/*# sourceMappingURL=main.a1e018d7.css.map*/