atoms.app.inputrange.css

@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
[data-atom-input="inputrange"]{position:relative;height:2.7rem;padding:0 !important;background-color:transparent !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;-o-box-shadow:none !important;box-shadow:none !important;overflow:hidden;}[data-atom-input="inputrange"] > div{position:relative;top:12px;width:100%;height:2px;background-color:#ccc;-webkit-box-shadow:0 0 0 4px rgba(0,0,0,0.05);-moz-box-shadow:0 0 0 4px rgba(0,0,0,0.05);-ms-box-shadow:0 0 0 4px rgba(0,0,0,0.05);-o-box-shadow:0 0 0 4px rgba(0,0,0,0.05);box-shadow:0 0 0 4px rgba(0,0,0,0.05);}[data-atom-input="inputrange"] > div > *{position:absolute}[data-atom-input="inputrange"] > div > div{left:0;right:0;height:inherit;background-color:#6441a5}[data-atom-input="inputrange"] > div > span{width:24px;height:24px;top:-11px;background-color:#eee;-webkit-box-shadow:inset 0 0 0 1px #ccc;-moz-box-shadow:inset 0 0 0 1px #ccc;-ms-box-shadow:inset 0 0 0 1px #ccc;-o-box-shadow:inset 0 0 0 1px #ccc;box-shadow:inset 0 0 0 1px #ccc;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;border-radius:.1rem;}[data-atom-input="inputrange"] > div > span.min{left:0}[data-atom-input="inputrange"] > div > span.max{right:0;margin-right:24px;-webkit-transform:translateX(-24px);-moz-transform:translateX(-24px);-ms-transform:translateX(-24px);-o-transform:translateX(-24px);transform:translateX(-24px)}[data-atom-input="inputrange"] > label{position:absolute;bottom:0;padding:0 .1rem;font-size:.8rem;font-weight:700;}[data-atom-input="inputrange"] > label > small{margin-left:.1rem;opacity:.75;vertical-align:inherit}[data-atom-input="inputrange"] > label:nth-child(2){left:0}[data-atom-input="inputrange"] > label:nth-child(3){right:0}