{"version":3,"sources":["webpack:///./src/demo/reset.css","webpack:///./src/demo/defaults.css","webpack:///./src/demo/range.css","webpack:///./src/demo/App.css"],"names":[],"mappings":"AAKA,2ZAaE,SACA,UACA,SACA,eACA,aACA,uBAAyB,CAG3B,8EAEE,aAAe,CAEjB,KACE,aAAe,CAEjB,MACE,eAAiB,CAEnB,aACE,WAAa,CAEf,oDAEE,WACA,YAAc,CAEhB,MACE,yBACA,gBAAkB,CC5CpB,KACE,kBACA,iBACA,eACA,eAAiB,CAGnB,cAIE,gBACA,iBAAmB,CAGrB,GAAK,cAAgB,CACrB,GAAK,eAAiB,cAAgB,CAEtC,eAEE,UAAY,CAGd,2BAIE,iBACA,eAAiB,CAGnB,GACE,UACA,gBACA,iBACA,mBACA,qBAAuB,CAGzB,qBAEE,YACA,YACA,iCACA,kBACA,SAAW,CAMZ,iCAHG,6BACA,uBAAgC,CAIpC,SACE,aACA,sBACA,qBAAuB,CAGzB,OACE,WACA,iBACA,SACA,kBACA,UACA,qBAA8B,CAK/B,aAHY,yBAAmC,CAC9C,aAAW,0BAAoC,CAC/C,cAAW,0BAAoC,CCnBjD,aACE,wBACA,aACA,UAAoB,CAsErB,mBAnEG,SAAW,CAaZ,kDAVG,kBAA6C,CAG/C,mCACE,eAAyB,CAG3B,mCACE,kBAA6C,CAIjD,4CArCA,eACA,YACA,wBACA,WAAoB,oCAqClB,gBACA,oBACA,iBAA6B,CAG/B,mCAjDA,oCAYA,gBACA,oBACA,mBACA,eACA,YACA,WAkCE,wBACA,eAAmF,CAGrF,+BAnDA,eACA,YACA,wBACA,WAAoB,oCAmDlB,gBACA,oBACA,iBAA6B,CAG/B,+BA/DA,oCAYA,gBACA,oBACA,mBACA,eACA,YACA,UAAoB,CAkDpB,wBA/DA,eACA,YACA,wBACA,WA8DE,uBACA,yBACA,mBACA,iBAAmB,CAGrB,6BAEE,kBAA4C,CAK9C,0DAlFA,oCA8EE,oBACA,kBAAiC,CAQlC,6BAHC,eAAyB,CAK3B,wBAzFA,oCAYA,gBACA,oBACA,mBACA,eACA,YACA,WA0EE,YAAc,CCxHlB,KACE,YACA,sDACA,gBACA,iBAAmB,CAGrB,SACE,qBACA,gBACA,YACA,gBACA,kBAAoB,CAGtB,gBACE,YACA,YAAc,CAGhB,cACE,mBACA,yBAA8B,CAGhC,OACE,oBAAyB,CAG3B,QACE,WAAsB","file":"app.css","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\nbody {\n  line-height: 1;\n}\nol, ul {\n  list-style: none;\n}\nblockquote, q {\n  quotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/demo/reset.css","$light-grey: #eee;\n\nbody {\n  margin-right: 10px;\n  margin-left: 10px;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\nbody,\nh1,\nh2,\nh3 {\n  font-weight: 300;\n  margin-bottom: 1em;\n}\n\nh1 { font-size: 20px; }\nh2 { font-size: 16px; margin-top: 1em; }\n\ntable,\nprogress {\n  width: 100%;\n}\n\nth,\ntd,\n[type=text],\ntextarea {\n  margin-right: 5px;\n  padding: 3px 6px;\n}\n\nth {\n  width: 10%;\n  font-weight: 500;\n  text-align: right;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n[type=text],\ntextarea {\n  width: 200px;\n  padding: 5px;\n  border: 1px solid darken($light-grey, 20);\n  border-radius: 3px;\n  outline: 0;\n\n  &:focus {\n    border-color: darken($light-grey, 30);\n    box-shadow: 0 0 5px $light-grey;\n  }\n}\n\ntextarea {\n  height: 100px;\n  font-family: monospace;\n  vertical-align: bottom;\n}\n\nbutton {\n  margin: 3px;\n  padding: 6px 12px;\n  border: 0;\n  border-radius: 3px;\n  outline: 0;\n  background-color: $light-grey;\n\n  &:focus {  background: darken($light-grey, 5); }\n  &:hover {  background: darken($light-grey, 10); }\n  &:active { background: darken($light-grey, 15); }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/demo/defaults.css","/*\n// Styling Cross-Browser Compatible Range Inputs with Sass\n// Github: https://github.com/darlanrod/input-range-sass\n// Author: Darlan Rod https://github.com/darlanrod\n// Version 1.4.1\n// MIT License\n*/\n\n$track-color: #eee;\n$thumb-color: #666;\n\n$thumb-radius: 12px;\n$thumb-height: 12px;\n$thumb-width: 12px;\n$thumb-shadow-size: 0;\n$thumb-shadow-blur: 0;\n$thumb-shadow-color: #111;\n$thumb-border-width: 0;\n$thumb-border-color: #fff;\n\n$track-width: 100%;\n$track-height: 10px;\n$track-shadow-size: 0;\n$track-shadow-blur: 0;\n$track-shadow-color: #222;\n$track-border-width: 0;\n$track-border-color: #000;\n\n$track-radius: 5px;\n$contrast: -5%;\n\n@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {\n  box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color, 0 0 $shadow-size lighten($shadow-color, 5%);\n}\n\n@mixin track {\n  cursor: pointer;\n  height: $track-height;\n  transition: all .2s ease;\n  width: $track-width;\n}\n\n@mixin thumb {\n  @include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);\n  background: $thumb-color;\n  border: $thumb-border-width solid $thumb-border-color;\n  border-radius: $thumb-radius;\n  cursor: pointer;\n  height: $thumb-height;\n  width: $thumb-width;\n}\n\n[type='range'] {\n  -webkit-appearance: none;\n  margin: $thumb-height / 2 0;\n  width: $track-width;\n\n  &:focus {\n    outline: 0;\n\n    &::-webkit-slider-runnable-track {\n      background: lighten($track-color, $contrast);\n    }\n\n    &::-ms-fill-lower {\n      background: $track-color;\n    }\n\n    &::-ms-fill-upper {\n      background: lighten($track-color, $contrast);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include track;\n    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius;\n  }\n\n  &::-webkit-slider-thumb {\n    @include thumb;\n    -webkit-appearance: none;\n    margin-top: ((-$track-border-width * 2 + $track-height) / 2) - ($thumb-height / 2);\n  }\n\n  &::-moz-range-track {\n    @include track;\n    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius;\n  }\n\n  &::-moz-range-thumb {\n    @include thumb;\n  }\n\n  &::-ms-track {\n    @include track;\n    background: transparent;\n    border-color: transparent;\n    border-width: ($thumb-height / 2) 0;\n    color: transparent;\n  }\n\n  &::-ms-fill-lower {\n    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n    background: darken($track-color, $contrast);\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius * 2;\n  }\n\n  &::-ms-fill-upper {\n    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius * 2;\n  }\n\n  &::-ms-thumb {\n    @include thumb;\n    margin-top: 0;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/demo/range.css","$column-width: 480px;\n$gutter-width: 20px;\n\n.app {\n  margin: auto;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 300;\n  text-align: center;\n}\n\n.section {\n  display: inline-block;\n  max-width: $column-width;\n  margin: $gutter-width;\n  text-align: left;\n  vertical-align: top;\n}\n\n.player-wrapper {\n  width: 480px;\n  height: 270px;\n}\n\n.react-player {\n  margin-bottom: 10px;\n  background: rgba(0, 0, 0, .1);\n}\n\n.faded {\n  color: rgba(0, 0, 0, .5);\n}\n\n.footer {\n  margin: $gutter-width;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/demo/App.css"],"sourceRoot":""}