1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
{"version":3,"file":"static/css/main.6452a0d2.css","mappings":"AACA,EAGE,qBAAsB,CAFtB,QAAS,CACT,SAEF,CAEA,KAIE,kCAAmC,CACnC,iCAAkC,CAClC,wBAAyB,CACzB,UAAW,CANX,mIAOF,CAGA,QAEE,kDAA6D,CAD7D,gBAEF,CAEA,kBAEE,aAAc,CADd,gBAAiB,CAEjB,YACF,CAGA,KACE,eAAiB,CACjB,kBAAmB,CACnB,gCAA0C,CAC1C,eACF,CAEA,YACE,kDAA6D,CAC7D,UAAY,CACZ,YAAa,CACb,iBACF,CAEA,eACE,gBAAiB,CACjB,eAAgB,CAChB,QACF,CAEA,UACE,YACF,CAGA,kBAKE,kBAAmB,CAEnB,iBAAkB,CANlB,YAAa,CACb,qBAAsB,CACtB,QAAS,CACT,kBAAmB,CAEnB,YAEF,CAGA,iBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,aAGE,+BAAgC,CAFhC,YAAa,CACb,QAAS,CAET,mBACF,CAEA,YAGE,kBAAmB,CAGnB,gBAAuB,CADvB,WAAY,CAEZ,yBAA0B,CAC1B,cAAe,CAPf,YAAa,CACb,qBAAsB,CAQtB,eAAgB,CANhB,iBAAkB,CAKlB,uBAEF,CAEA,kBACE,kBACF,CAEA,mBACE,kBAAmB,CACnB,UACF,CAEA,aAEE,cAAe,CADf,eAAgB,CAEhB,iBACF,CAEA,oBACE,cAAe,CACf,UAAY,CACZ,iBACF,CAEA,qBAEE,kBAAmB,CAGnB,eAAiB,CAEjB,wBAAyB,CADzB,iBAAkB,CALlB,YAAa,CAEb,QAAS,CACT,YAIF,CAEA,2BAEE,aAAc,CADd,eAAgB,CAEhB,kBACF,CAEA,4BAKE,eAAiB,CAHjB,wBAAyB,CACzB,iBAAkB,CAClB,cAAe,CAEf,eAAgB,CALhB,gBAMF,CAEA,kCAEE,oBAAqB,CADrB,YAEF,CAGA,yBAGE,aAAS,CACT,iBAAkB,CAHlB,YAAa,CAEb,QAAS,CADT,6BAGF,CAEA,eACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,qBAEE,aAAc,CADd,eAEF,CAEA,aAKE,eAAiB,CAHjB,wBAAyB,CACzB,iBAAkB,CAClB,cAAe,CAHf,YAAa,CAKb,gCACF,CAEA,mBAEE,oBAAqB,CADrB,YAEF,CAGA,oBACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,0BAEE,aAAc,CADd,eAEF,CAEA,mBACE,YAAa,CACb,QACF,CAEA,eAKE,eAAiB,CAFjB,wBAAyB,CACzB,iBAAkB,CAElB,aAAc,CAEd,cAAe,CAPf,QAAO,CAMP,eAAgB,CALhB,iBAAkB,CAOlB,uBACF,CAEA,qBACE,oBAAqB,CACrB,aACF,CAEA,sBACE,kBAAmB,CACnB,oBAAqB,CACrB,UACF,CAGA,cAEE,aAAc,CACd,cAAe,CAFf,kBAGF,CAEA,WAGE,aAAS,CAFT,YAAa,CAEb,QAAS,CADT,yDAA4D,CAE5D,kBACF,CAEA,WAEE,eAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAElB,cAAe,CAEf,cAAe,CAPf,YAAa,CAIb,iBAAkB,CAElB,uBAEF,CAEA,iBACE,oBAAqB,CACrB,aACF,CAEA,oBACE,kBAAmB,CACnB,oBAAqB,CACrB,UACF,CAGA,eACE,eAAiB,CACjB,iBAAkB,CAClB,+BAAyC,CACzC,eACF,CAEA,gBACE,kBAAmB,CAGnB,+BAAgC,CAChC,aAAc,CAFd,QAAS,CADT,YAIF,CAEA,iBACE,eAAgB,CAChB,YACF,CAEA,YAEE,wBAAyB,CACzB,cAAe,CAFf,UAGF,CAEA,8BAIE,+BAAgC,CAFhC,YAAa,CACb,eAEF,CAEA,eAGE,aAAc,CADd,eAAgB,CAEhB,eAAgB,CAChB,KACF,CAEA,oCAPE,kBASF,CAEA,WAEE,UAAW,CADX,eAAgB,CAEhB,UACF,CAEA,YAEE,UAAW,CADX,eAEF,CAEA,aACE,UAAW,CACX,iBACF,CAEA,aAEE,aAEF,CAEA,4BALE,eAAgB,CAEhB,iBAOF,CAJA,eAEE,aAEF,CAEA,kBAEE,aAAc,CADd,eAAgB,CAEhB,iBACF,CAEA,sCACE,UAAc,CACd,eACF,CAEA,uCACE,YAAc,CACd,eACF,CAEA,uCACE,aAAc,CACd,eACF,CAGA,kBACE,eAAgB,CAChB,iBACF,CAEA,iBACE,kDAA6D,CAE7D,WAAY,CAEZ,iBAAkB,CAKlB,+BAA6C,CAR7C,UAAY,CAMZ,cAAe,CAFf,cAAe,CACf,eAAgB,CAHhB,iBAAkB,CAKlB,uBAEF,CAEA,sCAEE,+BAA6C,CAD7C,0BAEF,CAEA,0BACE,kBAAmB,CAEnB,eAAgB,CADhB,kBAEF,CAGA,SAGE,aAAc,CACd,iBAAkB,CAFlB,YAAa,CADb,iBAIF,CAEA,OAIE,kBAAmB,CACnB,wBAAyB,CAFzB,aAAc,CAId,aACF,CAEA,0BAJE,iBAAkB,CAJlB,YAAa,CADb,iBAiBF,CARA,mBAME,kBAAmB,CAFnB,aAAc,CACd,iBAGF,CAGA,aACE,eACF,CAEA,iBACE,kDAA6D,CAE7D,WAAY,CAEZ,iBAAkB,CAHlB,UAAY,CAMZ,cAAe,CAFf,cAAe,CACf,eAAgB,CAGhB,kBAAmB,CANnB,iBAAkB,CAKlB,uBAEF,CAEA,uBAEE,+BAA+C,CAD/C,0BAEF,CAEA,gBACE,kBAAmB,CACnB,wBAAyB,CACzB,iBAAkB,CAElB,eAAgB,CADhB,eAEF,CAEA,aAKE,kBAAmB,CAJnB,kBAAmB,CAKnB,+BAAgC,CAHhC,YAAa,CACb,6BAA8B,CAF9B,iBAKF,CAEA,gBAEE,aAAc,CACd,cAAe,CAFf,QAGF,CAEA,mBACE,kBAAmB,CAEnB,+BAAgC,CADhC,iBAEF,CAEA,sBAEE,aAAc,CACd,cAAe,CACf,eAAgB,CAHhB,eAIF,CAEA,qBACE,YAAa,CACb,cAAe,CACf,QACF,CAEA,mBAEE,kBAAmB,CAInB,aAAc,CAFd,cAAe,CAHf,YAAa,CAIb,cAAe,CAFf,OAIF,CAEA,wCAGE,cAAe,CADf,WAAY,CADZ,UAGF,CAEA,gBACE,eAAgB,CAChB,yBACF,CAEA,cACE,YAAa,CACb,QACF,CAEA,wBAEE,WAAY,CACZ,iBAAkB,CAGlB,cAAe,CAFf,cAAe,CACf,eAAgB,CAJhB,gBAAiB,CAMjB,uBACF,CAEA,UACE,kBAAmB,CACnB,UACF,CAEA,gBACE,kBACF,CAEA,cACE,kBAAmB,CACnB,UACF,CAEA,oBACE,kBACF,CAEA,cAUE,oBAAqB,CATrB,kBAAmB,CACnB,aAAc,CAGd,8CAAwD,CACxD,cAAe,CACf,eAAgB,CAHhB,QAAS,CAOT,gBAAiB,CAHjB,eAAgB,CAIhB,eAAgB,CAThB,YAAa,CAMb,oBAIF,CAGA,yBACE,kBACE,YACF,CAEA,YACE,YACF,CAEA,eACE,cACF,CAEA,UACE,YACF,CAEA,kBACE,QACF,CAEA,aACE,qBAAsB,CACtB,OACF,CAEA,YAEE,iBAAkB,CADlB,cAEF,CAEA,yBACE,yBACF,CAEA,WACE,yDACF,CAEA,8BAGE,cAAe,CADf,WAEF,CACF","sources":["styles.css"],"sourcesContent":["/* Reset and base styles */\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n background-color: #f5f5f5;\r\n color: #333;\r\n}\r\n\r\n/* Layout styles */\r\n.layout {\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n}\r\n\r\n.layout-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n}\r\n\r\n/* App styles */\r\n.app {\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n}\r\n\r\n.app-header {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n padding: 30px;\r\n text-align: center;\r\n}\r\n\r\n.app-header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 300;\r\n margin: 0;\r\n}\r\n\r\n.app-main {\r\n padding: 30px;\r\n}\r\n\r\n/* Controls section */\r\n.controls-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n background: #f8f9fa;\r\n padding: 20px;\r\n border-radius: 8px;\r\n}\r\n\r\n/* Source selector */\r\n.source-selector {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n}\r\n\r\n.source-tabs {\r\n display: flex;\r\n gap: 10px;\r\n border-bottom: 2px solid #e9ecef;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.source-tab {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 15px 20px;\r\n border: none;\r\n background: transparent;\r\n border-radius: 8px 8px 0 0;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n min-width: 150px;\r\n}\r\n\r\n.source-tab:hover {\r\n background: #e9ecef;\r\n}\r\n\r\n.source-tab.active {\r\n background: #667eea;\r\n color: white;\r\n}\r\n\r\n.source-name {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.source-description {\r\n font-size: 12px;\r\n opacity: 0.8;\r\n text-align: center;\r\n}\r\n\r\n.chart-type-selector {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px;\r\n background: white;\r\n border-radius: 6px;\r\n border: 1px solid #e9ecef;\r\n}\r\n\r\n.chart-type-selector label {\r\n font-weight: 600;\r\n color: #495057;\r\n white-space: nowrap;\r\n}\r\n\r\n.chart-type-selector select {\r\n padding: 8px 12px;\r\n border: 1px solid #e9ecef;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n background: white;\r\n min-width: 150px;\r\n}\r\n\r\n.chart-type-selector select:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n}\r\n\r\n/* Year selector and view mode */\r\n.year-selector-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n align-items: start;\r\n}\r\n\r\n.year-selector {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.year-selector label {\r\n font-weight: 600;\r\n color: #495057;\r\n}\r\n\r\n.year-select {\r\n padding: 12px;\r\n border: 2px solid #e9ecef;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n background: white;\r\n transition: border-color 0.2s ease;\r\n}\r\n\r\n.year-select:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n}\r\n\r\n/* View mode selector */\r\n.view-mode-selector {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.view-mode-selector label {\r\n font-weight: 600;\r\n color: #495057;\r\n}\r\n\r\n.view-mode-buttons {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.view-mode-btn {\r\n flex: 1;\r\n padding: 10px 16px;\r\n border: 2px solid #e9ecef;\r\n border-radius: 6px;\r\n background: white;\r\n color: #495057;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.view-mode-btn:hover {\r\n border-color: #667eea;\r\n color: #667eea;\r\n}\r\n\r\n.view-mode-btn.active {\r\n background: #667eea;\r\n border-color: #667eea;\r\n color: white;\r\n}\r\n\r\n/* Date list */\r\n.date-list h3 {\r\n margin-bottom: 15px;\r\n color: #495057;\r\n font-size: 18px;\r\n}\r\n\r\n.date-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.date-item {\r\n padding: 10px;\r\n background: white;\r\n border: 2px solid #e9ecef;\r\n border-radius: 6px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-size: 14px;\r\n}\r\n\r\n.date-item:hover {\r\n border-color: #667eea;\r\n color: #667eea;\r\n}\r\n\r\n.date-item.selected {\r\n background: #667eea;\r\n border-color: #667eea;\r\n color: white;\r\n}\r\n\r\n/* Chart section */\r\n.chart-section {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n}\r\n\r\n.chart-table h3 {\r\n background: #f8f9fa;\r\n padding: 20px;\r\n margin: 0;\r\n border-bottom: 1px solid #dee2e6;\r\n color: #495057;\r\n}\r\n\r\n.table-container {\r\n overflow-x: auto;\r\n padding: 20px;\r\n}\r\n\r\n.data-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 14px;\r\n}\r\n\r\n.data-table th,\r\n.data-table td {\r\n padding: 12px;\r\n text-align: left;\r\n border-bottom: 1px solid #dee2e6;\r\n}\r\n\r\n.data-table th {\r\n background: #f8f9fa;\r\n font-weight: 600;\r\n color: #495057;\r\n position: sticky;\r\n top: 0;\r\n}\r\n\r\n.data-table tr:hover {\r\n background: #f8f9fa;\r\n}\r\n\r\n.rank-cell {\r\n font-weight: 700;\r\n color: #333;\r\n width: 60px;\r\n}\r\n\r\n.title-cell {\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n.artist-cell {\r\n color: #666;\r\n font-style: italic;\r\n}\r\n\r\n.points-cell {\r\n font-weight: 600;\r\n color: #28a745;\r\n text-align: center;\r\n}\r\n\r\n.position-cell {\r\n font-weight: 600;\r\n color: #007bff;\r\n text-align: center;\r\n}\r\n\r\n.appearances-cell {\r\n font-weight: 500;\r\n color: #6f42c1;\r\n text-align: center;\r\n}\r\n\r\n.data-table tr:nth-child(1) .rank-cell {\r\n color: #ffd700;\r\n font-weight: 700;\r\n}\r\n\r\n.data-table tr:nth-child(2) .rank-cell {\r\n color: #c0c0c0;\r\n font-weight: 700;\r\n}\r\n\r\n.data-table tr:nth-child(3) .rank-cell {\r\n color: #cd7f32;\r\n font-weight: 700;\r\n}\r\n\r\n/* Download section */\r\n.download-section {\r\n margin-top: 20px;\r\n text-align: center;\r\n}\r\n\r\n.download-button {\r\n background: linear-gradient(135deg, #28a745 0%, #20c997 100%);\r\n color: white;\r\n border: none;\r\n padding: 12px 24px;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);\r\n}\r\n\r\n.download-button:hover:not(:disabled) {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);\r\n}\r\n\r\n.download-button:disabled {\r\n background: #6c757d;\r\n cursor: not-allowed;\r\n box-shadow: none;\r\n}\r\n\r\n/* Loading and error states */\r\n.loading {\r\n text-align: center;\r\n padding: 20px;\r\n color: #6c757d;\r\n font-style: italic;\r\n}\r\n\r\n.error {\r\n text-align: center;\r\n padding: 20px;\r\n color: #dc3545;\r\n background: #f8d7da;\r\n border: 1px solid #f5c6cb;\r\n border-radius: 6px;\r\n margin: 10px 0;\r\n}\r\n\r\n.no-data,\r\n.no-dates {\r\n text-align: center;\r\n padding: 20px;\r\n color: #6c757d;\r\n font-style: italic;\r\n background: #f8f9fa;\r\n border-radius: 6px;\r\n}\r\n\r\n/* JSON Viewer styles */\r\n.json-viewer {\r\n margin-top: 20px;\r\n}\r\n\r\n.json-toggle-btn {\r\n background: linear-gradient(135deg, #6c757d 0%, #495057 100%);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.json-toggle-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);\r\n}\r\n\r\n.json-container {\r\n background: #f8f9fa;\r\n border: 1px solid #dee2e6;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n margin-top: 10px;\r\n}\r\n\r\n.json-header {\r\n background: #e9ecef;\r\n padding: 15px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #dee2e6;\r\n}\r\n\r\n.json-header h4 {\r\n margin: 0;\r\n color: #495057;\r\n font-size: 16px;\r\n}\r\n\r\n.property-selector {\r\n background: #f1f3f4;\r\n padding: 15px 20px;\r\n border-bottom: 1px solid #dee2e6;\r\n}\r\n\r\n.property-selector h5 {\r\n margin: 0 0 10px 0;\r\n color: #495057;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.property-checkboxes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n}\r\n\r\n.property-checkbox {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n cursor: pointer;\r\n font-size: 13px;\r\n color: #495057;\r\n}\r\n\r\n.property-checkbox input[type=\"checkbox\"] {\r\n width: 16px;\r\n height: 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.property-label {\r\n font-weight: 500;\r\n text-transform: capitalize;\r\n}\r\n\r\n.json-actions {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.copy-btn, .download-btn {\r\n padding: 8px 16px;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.copy-btn {\r\n background: #007bff;\r\n color: white;\r\n}\r\n\r\n.copy-btn:hover {\r\n background: #0056b3;\r\n}\r\n\r\n.download-btn {\r\n background: #28a745;\r\n color: white;\r\n}\r\n\r\n.download-btn:hover {\r\n background: #1e7e34;\r\n}\r\n\r\n.json-content {\r\n background: #2d3748;\r\n color: #e2e8f0;\r\n padding: 20px;\r\n margin: 0;\r\n font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\r\n font-size: 13px;\r\n line-height: 1.5;\r\n overflow-x: auto;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n max-height: 400px;\r\n overflow-y: auto;\r\n}\r\n\r\n/* Responsive design */\r\n@media (max-width: 768px) {\r\n .layout-container {\r\n padding: 10px;\r\n }\r\n \r\n .app-header {\r\n padding: 20px;\r\n }\r\n \r\n .app-header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .app-main {\r\n padding: 20px;\r\n }\r\n \r\n .controls-section {\r\n gap: 15px;\r\n }\r\n\r\n .source-tabs {\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .source-tab {\r\n min-width: auto;\r\n border-radius: 6px;\r\n }\r\n\r\n .year-selector-container {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .date-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n }\r\n \r\n .data-table th,\r\n .data-table td {\r\n padding: 8px;\r\n font-size: 12px;\r\n }\r\n} "],"names":[],"sourceRoot":""} |