| 1 |
- {"version":3,"sources":["index.css","../node_modules/react-select/dist/react-select.css","../node_modules/react-virtualized/styles.css","../node_modules/react-virtualized-select/styles.css","AlbumList.css","App.css"],"names":[],"mappings":"AAAA,KACE,SACA,UACA,sBAAwB,CCI1B,QACE,iBAAmB,CAErB,qGAEE,sBAAyB,CAK3B,mDACE,sBAAyB,CAE3B,+CAIE,8BACA,qBAAuB,CAEzB,uCACE,eACA,oBACA,WAAc,CAEhB,oCACE,wBAA0B,CAE5B,0CACE,wBACQ,eAAiB,CAE3B,gCACE,6BACA,4BACA,gBACA,iCAAmC,CAErC,8CACE,SACA,0CACA,sBAAwB,CAK1B,6GACE,WAAa,CAEf,mCACE,eAAiB,CAEnB,iDACE,qBACA,iFACQ,yEACR,eAAiB,CAEnB,4EACE,kBAAoB,CAEtB,wLAEE,UAAY,CAEd,0LAEE,eACA,oBAAsB,CAExB,4YAIE,cACA,aACA,yBAA2B,CAE7B,sMAEE,eAAiB,CAEnB,kDACE,SAAW,CAEb,6EAEE,qBAAuB,CAEzB,oBACE,cACA,gBAAkB,CAEpB,gBACE,sBACA,kCACA,kBACA,sBACA,WACA,eACA,cACA,iBACA,yBACA,YACA,aACA,gBACA,kBACA,UAAY,CAEd,sBACE,2CACQ,kCAAwC,CAElD,oCACE,aACA,eAAiB,CAEnB,kEAEE,SACA,WACA,OACA,iBACA,kBACA,mBACA,kBACA,QACA,MACA,eACA,gBACA,0BACG,uBACH,kBAAoB,CAEtB,cACE,YACA,kBACA,mBACA,qBAAuB,CAEzB,oBACE,WACA,4BACA,cACA,wBACQ,gBACR,eACA,qBACA,oBACA,kBACA,SACA,aACA,iBAEA,mBAEA,uBAAyB,CAE3B,gCACE,WAAa,CAEf,2CACE,SAAW,CAEb,kDACE,YAAc,CAEhB,qBACE,eACA,mBAEA,iBAAmB,CAIrB,qCALE,kBAEA,sBACA,UAAY,CAeb,gBAZC,4DACA,oDAEA,YACA,8BACQ,sBACR,kBACA,sBACA,wBACA,oBAAsB,CAIxB,mBACE,8CACA,sCACA,WACA,eACA,mBACA,kBACA,kBACA,sBACA,UAAY,CAEd,yBACE,aAAe,CAEjB,cACE,qBACA,eACA,aAAe,CAEjB,kCACE,UAAY,CAEd,mBACE,eACA,mBACA,kBACA,kBACA,sBACA,WACA,iBAAmB,CAErB,gCACE,gBACA,gBAAkB,CAEpB,cACE,0CACA,mBACA,2BACA,qBACA,SACA,QACA,iBAAmB,CAErB,4BACE,iBAAmB,CAErB,2CACE,oBAAsB,CAExB,0BACE,kBACA,qBACA,WACA,UACA,YACA,mBACA,gBACA,UAAY,CAEd,2CACE,GACE,SAAW,CAEb,GACE,SAAW,CACZ,CAEH,mCACE,GACE,SAAW,CAEb,GACE,SAAW,CACZ,CAEH,mBACE,+BACA,8BACA,sBACA,sBACA,yBACA,2CACQ,mCACR,8BACQ,sBACR,gBACA,iBACA,kBACA,OACA,SACA,WACA,UACA,gCAAkC,CAEpC,aACE,iBACA,eAAiB,CAEnB,eACE,8BACQ,sBACR,sBACA,WACA,eACA,cACA,gBAAkB,CAEpB,0BACE,+BACA,6BAA+B,CAEjC,2BACE,yBAEA,qCACA,UAAY,CAEd,0BACE,yBAEA,qCACA,UAAY,CAEd,2BACE,WACA,cAAgB,CAElB,kBACE,8BACQ,sBACR,WACA,eACA,cACA,gBAAkB,CAEpB,6BACE,sBACA,iBACA,SAAW,CAEb,yCACE,cACA,iBAAmB,CAErB,uCACE,eAAiB,CAEnB,6BACE,yBAEA,qCACA,kBACA,yBAEA,qCACA,cACA,qBACA,eACA,gBACA,gBACA,eACA,kBAAoB,CAEtB,qEAEE,qBACA,qBAAuB,CAEzB,mCACE,+BACA,4BACA,eACA,eAAiB,CAEnB,oCACE,cACA,eACA,oBAAsB,CAExB,0CACE,yBAA2B,CAE7B,kCACE,eACA,8BACA,2BACA,+BAEA,2CACA,mBAAqB,CAEvB,gFAEE,yBAEA,qCACA,aAAe,CAEjB,yCACE,yBAEA,oCAA0C,CAE5C,yCACE,cACA,gBAAkB,CAEpB,8CACE,kBACA,8BAEA,yCAA+C,CAEjD,yCACE,yBACA,yBACA,UAAY,CAEd,8CACE,mBACA,8BAAgC,CAElC,6JAGE,wBAA0B,CAE5B,iCACE,GACE,gCACQ,uBAAyB,CAClC,CAEH,yCACE,GACE,+BAAiC,CAClC,CCzZH,oCACE,gBACA,wBAA0B,CAQ5B,kEAPE,oBACA,aACA,uBACA,mBACA,sBACI,kBAAoB,CAW1B,8CACE,qBACA,eACA,mBACA,0BACG,uBACH,eAAiB,CAGnB,2EAEE,kBACA,WAAe,CAEjB,oCACE,0BACG,uBACH,kBAAoB,CAGtB,uGAEE,gBAAkB,CAEpB,+CACE,cAAgB,CAGlB,sDACE,oBACA,aACA,sBACI,kBAAoB,CAE1B,6CACE,kBACI,cACJ,WACA,UACA,iBAAmB,CClFrB,mBACE,SAAW,CAGb,yBACE,oBACA,aACA,sBACI,mBACJ,gBACA,cAAgB,CAElB,gCACE,mCAAyC,CAE3C,iCACE,UAAa,CAEf,iCACE,eAAkB,CCnBpB,WAAa,gBAAkB,CAC/B,cAAgB,aAAe,CAC/B,cAAgB,YAAc,CAC9B,kBAAoB,kBAAoB,CACxC,sBACE,sBACA,qBACA,iBAAmB,CAErB,kCAAuC,WAAa,CACpD,mCAAuC,UAAY,CAKnD,oNAA2D,eAAiB,CAE5E,uBACE,aAAe,CAEjB,eACE,WACA,WAAa,CCtBf,UACE,YACA,YACA,UAAY,CAGd,YACE,sBACA,YACA,UAAa,CAGf,WACE,gBACA,SACA,gBAAkB,CAGpB,WACE,eAAiB,CAGnB,QACE,gBACA,cAAgB,CAGlB,SACE,WACA,mBACA,WAAa,CAGf,4CAAwB,WAAa,CAErC,QACE,WACA,YACA,sBACA,iBAAmB,CAGrB,UACE,aAAe,CAEjB,mBACE,YACA,sBACA,YACA,kBACA,iBAAmB,CAErB,wBACE,cAAgB,CAElB,cACE,mBACA,WAAa,CAEf,kBACE,kBACA,SACA,KAAO,CAET,mBACE,kBACA,UACA,KAAO,CAET,iBACE,gBAAkB,CAGpB,iBACE,kBAAyB","file":"static/css/main.0bd5a7cb.css","sourcesContent":["body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.css","/**\n * React Select\n * ============\n * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/\n * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs\n * MIT License: https://github.com/JedWatson/react-select\n*/\n.Select {\n position: relative;\n}\n.Select input::-webkit-contacts-auto-fill-button,\n.Select input::-webkit-credentials-auto-fill-button {\n display: none !important;\n}\n.Select input::-ms-clear {\n display: none !important;\n}\n.Select input::-ms-reveal {\n display: none !important;\n}\n.Select,\n.Select div,\n.Select input,\n.Select span {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.Select.is-disabled .Select-arrow-zone {\n cursor: default;\n pointer-events: none;\n opacity: 0.35;\n}\n.Select.is-disabled > .Select-control {\n background-color: #f9f9f9;\n}\n.Select.is-disabled > .Select-control:hover {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.Select.is-open > .Select-control {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n background: #fff;\n border-color: #b3b3b3 #ccc #d9d9d9;\n}\n.Select.is-open > .Select-control .Select-arrow {\n top: -2px;\n border-color: transparent transparent #999;\n border-width: 0 5px 5px;\n}\n.Select.is-searchable.is-open > .Select-control {\n cursor: text;\n}\n.Select.is-searchable.is-focused:not(.is-open) > .Select-control {\n cursor: text;\n}\n.Select.is-focused > .Select-control {\n background: #fff;\n}\n.Select.is-focused:not(.is-open) > .Select-control {\n border-color: #007eff;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);\n background: #fff;\n}\n.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {\n padding-right: 42px;\n}\n.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,\n.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {\n color: #333;\n}\n.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,\n.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {\n cursor: pointer;\n text-decoration: none;\n}\n.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,\n.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {\n color: #007eff;\n outline: none;\n text-decoration: underline;\n}\n.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,\n.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {\n background: #fff;\n}\n.Select.has-value.is-pseudo-focused .Select-input {\n opacity: 0;\n}\n.Select.is-open .Select-arrow,\n.Select .Select-arrow-zone:hover > .Select-arrow {\n border-top-color: #666;\n}\n.Select.Select--rtl {\n direction: rtl;\n text-align: right;\n}\n.Select-control {\n background-color: #fff;\n border-color: #d9d9d9 #ccc #b3b3b3;\n border-radius: 4px;\n border: 1px solid #ccc;\n color: #333;\n cursor: default;\n display: table;\n border-spacing: 0;\n border-collapse: separate;\n height: 36px;\n outline: none;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n.Select-control:hover {\n -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n.Select-control .Select-input:focus {\n outline: none;\n background: #fff;\n}\n.Select-placeholder,\n.Select--single > .Select-control .Select-value {\n bottom: 0;\n color: #aaa;\n left: 0;\n line-height: 34px;\n padding-left: 10px;\n padding-right: 10px;\n position: absolute;\n right: 0;\n top: 0;\n max-width: 100%;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Select-input {\n height: 34px;\n padding-left: 10px;\n padding-right: 10px;\n vertical-align: middle;\n}\n.Select-input > input {\n width: 100%;\n background: none transparent;\n border: 0 none;\n -webkit-box-shadow: none;\n box-shadow: none;\n cursor: default;\n display: inline-block;\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n outline: none;\n line-height: 17px;\n /* For IE 8 compatibility */\n padding: 8px 0 12px;\n /* For IE 8 compatibility */\n -webkit-appearance: none;\n}\n.is-focused .Select-input > input {\n cursor: text;\n}\n.has-value.is-pseudo-focused .Select-input {\n opacity: 0;\n}\n.Select-control:not(.is-searchable) > .Select-input {\n outline: none;\n}\n.Select-loading-zone {\n cursor: pointer;\n display: table-cell;\n position: relative;\n text-align: center;\n vertical-align: middle;\n width: 16px;\n}\n.Select-loading {\n -webkit-animation: Select-animation-spin 400ms infinite linear;\n animation: Select-animation-spin 400ms infinite linear;\n width: 16px;\n height: 16px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 50%;\n border: 2px solid #ccc;\n border-right-color: #333;\n display: inline-block;\n position: relative;\n vertical-align: middle;\n}\n.Select-clear-zone {\n -webkit-animation: Select-animation-fadeIn 200ms;\n animation: Select-animation-fadeIn 200ms;\n color: #999;\n cursor: pointer;\n display: table-cell;\n position: relative;\n text-align: center;\n vertical-align: middle;\n width: 17px;\n}\n.Select-clear-zone:hover {\n color: #D0021B;\n}\n.Select-clear {\n display: inline-block;\n font-size: 18px;\n line-height: 1;\n}\n.Select--multi .Select-clear-zone {\n width: 17px;\n}\n.Select-arrow-zone {\n cursor: pointer;\n display: table-cell;\n position: relative;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n padding-right: 5px;\n}\n.Select--rtl .Select-arrow-zone {\n padding-right: 0;\n padding-left: 5px;\n}\n.Select-arrow {\n border-color: #999 transparent transparent;\n border-style: solid;\n border-width: 5px 5px 2.5px;\n display: inline-block;\n height: 0;\n width: 0;\n position: relative;\n}\n.Select-control > *:last-child {\n padding-right: 5px;\n}\n.Select--multi .Select-multi-value-wrapper {\n display: inline-block;\n}\n.Select .Select-aria-only {\n position: absolute;\n display: inline-block;\n height: 1px;\n width: 1px;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n overflow: hidden;\n float: left;\n}\n@-webkit-keyframes Select-animation-fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes Select-animation-fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.Select-menu-outer {\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n background-color: #fff;\n border: 1px solid #ccc;\n border-top-color: #e6e6e6;\n -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-top: -1px;\n max-height: 200px;\n position: absolute;\n left: 0;\n top: 100%;\n width: 100%;\n z-index: 1;\n -webkit-overflow-scrolling: touch;\n}\n.Select-menu {\n max-height: 198px;\n overflow-y: auto;\n}\n.Select-option {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #fff;\n color: #666666;\n cursor: pointer;\n display: block;\n padding: 8px 10px;\n}\n.Select-option:last-child {\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.Select-option.is-selected {\n background-color: #f5faff;\n /* Fallback color for IE 8 */\n background-color: rgba(0, 126, 255, 0.04);\n color: #333;\n}\n.Select-option.is-focused {\n background-color: #ebf5ff;\n /* Fallback color for IE 8 */\n background-color: rgba(0, 126, 255, 0.08);\n color: #333;\n}\n.Select-option.is-disabled {\n color: #cccccc;\n cursor: default;\n}\n.Select-noresults {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #999999;\n cursor: default;\n display: block;\n padding: 8px 10px;\n}\n.Select--multi .Select-input {\n vertical-align: middle;\n margin-left: 10px;\n padding: 0;\n}\n.Select--multi.Select--rtl .Select-input {\n margin-left: 0;\n margin-right: 10px;\n}\n.Select--multi.has-value .Select-input {\n margin-left: 5px;\n}\n.Select--multi .Select-value {\n background-color: #ebf5ff;\n /* Fallback color for IE 8 */\n background-color: rgba(0, 126, 255, 0.08);\n border-radius: 2px;\n border: 1px solid #c2e0ff;\n /* Fallback color for IE 8 */\n border: 1px solid rgba(0, 126, 255, 0.24);\n color: #007eff;\n display: inline-block;\n font-size: 0.9em;\n line-height: 1.4;\n margin-left: 5px;\n margin-top: 5px;\n vertical-align: top;\n}\n.Select--multi .Select-value-icon,\n.Select--multi .Select-value-label {\n display: inline-block;\n vertical-align: middle;\n}\n.Select--multi .Select-value-label {\n border-bottom-right-radius: 2px;\n border-top-right-radius: 2px;\n cursor: default;\n padding: 2px 5px;\n}\n.Select--multi a.Select-value-label {\n color: #007eff;\n cursor: pointer;\n text-decoration: none;\n}\n.Select--multi a.Select-value-label:hover {\n text-decoration: underline;\n}\n.Select--multi .Select-value-icon {\n cursor: pointer;\n border-bottom-left-radius: 2px;\n border-top-left-radius: 2px;\n border-right: 1px solid #c2e0ff;\n /* Fallback color for IE 8 */\n border-right: 1px solid rgba(0, 126, 255, 0.24);\n padding: 1px 5px 3px;\n}\n.Select--multi .Select-value-icon:hover,\n.Select--multi .Select-value-icon:focus {\n background-color: #d8eafd;\n /* Fallback color for IE 8 */\n background-color: rgba(0, 113, 230, 0.08);\n color: #0071e6;\n}\n.Select--multi .Select-value-icon:active {\n background-color: #c2e0ff;\n /* Fallback color for IE 8 */\n background-color: rgba(0, 126, 255, 0.24);\n}\n.Select--multi.Select--rtl .Select-value {\n margin-left: 0;\n margin-right: 5px;\n}\n.Select--multi.Select--rtl .Select-value-icon {\n border-right: none;\n border-left: 1px solid #c2e0ff;\n /* Fallback color for IE 8 */\n border-left: 1px solid rgba(0, 126, 255, 0.24);\n}\n.Select--multi.is-disabled .Select-value {\n background-color: #fcfcfc;\n border: 1px solid #e3e3e3;\n color: #333;\n}\n.Select--multi.is-disabled .Select-value-icon {\n cursor: not-allowed;\n border-right: 1px solid #e3e3e3;\n}\n.Select--multi.is-disabled .Select-value-icon:hover,\n.Select--multi.is-disabled .Select-value-icon:focus,\n.Select--multi.is-disabled .Select-value-icon:active {\n background-color: #fcfcfc;\n}\n@keyframes Select-animation-spin {\n to {\n -webkit-transform: rotate(1turn);\n transform: rotate(1turn);\n }\n}\n@-webkit-keyframes Select-animation-spin {\n to {\n -webkit-transform: rotate(1turn);\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/react-select/dist/react-select.css","/* Collection default theme */\n\n.ReactVirtualized__Collection {\n}\n\n.ReactVirtualized__Collection__innerScrollContainer {\n}\n\n/* Grid default theme */\n\n.ReactVirtualized__Grid {\n}\n\n.ReactVirtualized__Grid__innerScrollContainer {\n}\n\n/* Table default theme */\n\n.ReactVirtualized__Table {\n}\n\n.ReactVirtualized__Table__Grid {\n}\n\n.ReactVirtualized__Table__headerRow {\n font-weight: 700;\n text-transform: uppercase;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n}\n.ReactVirtualized__Table__row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.ReactVirtualized__Table__headerTruncatedText {\n display: inline-block;\n max-width: 100%;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.ReactVirtualized__Table__headerColumn,\n.ReactVirtualized__Table__rowColumn {\n margin-right: 10px;\n min-width: 0px;\n}\n.ReactVirtualized__Table__rowColumn {\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ReactVirtualized__Table__headerColumn:first-of-type,\n.ReactVirtualized__Table__rowColumn:first-of-type {\n margin-left: 10px;\n}\n.ReactVirtualized__Table__sortableHeaderColumn {\n cursor: pointer;\n}\n\n.ReactVirtualized__Table__sortableHeaderIconContainer {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n.ReactVirtualized__Table__sortableHeaderIcon {\n -ms-flex: 0 0 24px;\n flex: 0 0 24px;\n height: 1em;\n width: 1em;\n fill: currentColor;\n}\n\n/* List default theme */\n\n.ReactVirtualized__List {\n}\n\n\n// WEBPACK FOOTER //\n// ./node_modules/react-virtualized/styles.css",".VirtualSelectGrid {\n z-index: 1;\n}\n\n.VirtualizedSelectOption {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 .5rem;\n cursor: pointer;\n}\n.VirtualizedSelectFocusedOption {\n background-color: rgba(0, 126, 255, 0.1);\n}\n.VirtualizedSelectDisabledOption {\n opacity: 0.5;\n}\n.VirtualizedSelectSelectedOption {\n font-weight: bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/react-virtualized-select/styles.css",".AlbumList { padding-top: 15px; }\n.AlbumList h3 { margin: 10px 0; }\n.AlbumList h4 { margin: 8px 0; }\n.AlbumList .album { padding-bottom: 8px; }\n.AlbumList .album > div {\n vertical-align: middle;\n display: inline-block;\n padding-right: 8px;\n}\n.AlbumList .album > div:nth-child(1) { height: 64px; }\n.AlbumList .album > div:nth-child(2) { width: 72px; }\n.AlbumList .album > div:nth-child(2) > span:nth-child(2) { font-size: small; }\n.AlbumList .album > div:nth-child(2) > span:nth-child(3) { font-size: small; }\n\n.AlbumList .album > div:nth-child(3) > span:nth-child(2) { font-size: small; }\n.AlbumList .album > div:nth-child(3) > span:nth-child(3) { font-size: small; }\n\n.AlbumList .album span {\n display: block;\n}\n.AlbumList img {\n width: 64px;\n height: 64px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/AlbumList.css",".App-logo {\n height: 64px;\n padding: 8px;\n float: left;\n}\n\n.App-header {\n background-color: #222;\n height: 80px;\n color: white;\n}\n\n.App-title {\n font-size: 1.5em;\n margin: 0;\n line-height: 80px;\n}\n\n.App-intro {\n font-size: large;\n}\n\n.Player {\n text-align: left;\n padding: 0 20px;\n}\n\n.section {\n float: left;\n padding: 0 10px 0 0;\n width: 256px;\n}\n.section:nth-child(2) { width: 128px; }\n.section:nth-child(5) { width: 128px; }\n\n.Filter {\n width: 100%;\n padding: 9px;\n border: 1px solid gray;\n border-radius: 4px;\n}\n\n.Controls {\n margin: 16px 0;\n}\n.Controls-progress {\n width: 540px;\n border: 1px black solid;\n height: 16px;\n position: relative;\n margin-bottom: 8px;\n}\n.Controls-progress span {\n font-size: 14px;\n}\n.Controls-bar {\n background: cadetblue;\n height: 16px;\n}\n.Controls-elapsed {\n position: absolute;\n left: 2px;\n top: 0;\n}\n.Controls-duration {\n position: absolute;\n right: 2px;\n top: 0;\n}\n.Controls button {\n margin-right: 8px;\n}\n\n.Playlist-active {\n background: darkseagreen;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/App.css"],"sourceRoot":""}
|
