| 1 |
.fpf-slider-wrapper{--slider-height: 4px;--slider-bar-radius: $fpf-ui-border-radius;--slider-thumb-size: 12px;--slider-selected-value-margin-left: .8em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 330px){.fpf-slider-wrapper>*{-webkit-box-flex:1;-ms-flex:1;flex:1}}.fpf-slider-wrapper input[type="range"]{-webkit-appearance:none;background:transparent;border:none;padding:0}.fpf-slider-wrapper input[type="range"]::-webkit-slider-runnable-track{height:var(--slider-height);border-radius:var(--slider-bar-radius);background:#e6e6e6}.fpf-slider-wrapper input[type="range"]::-moz-range-track{height:var(--slider-height);border-radius:var(--slider-bar-radius);background:#e6e6e6}.fpf-slider-wrapper input[type="range"]::-ms-track{height:var(--slider-height);border-radius:var(--slider-bar-radius);background:#e6e6e6}@media screen and (max-width: 330px){.fpf-slider-wrapper input[type="range"]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:1em}}.fpf-slider-wrapper input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin:0;padding:0;border:0;border-radius:50%;background:#666;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin-top:calc(-1 * var(--slider-height))}.fpf-slider-wrapper input[type="range"]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin:0;padding:0;border:0;border-radius:50%;background:#666;box-shadow:none;cursor:pointer;margin-top:calc(-1 * var(--slider-height))}.fpf-slider-wrapper input[type="range"]::-ms-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin:0;padding:0;border:0;border-radius:50%;background:#666;box-shadow:none;cursor:pointer;margin-top:calc(-1 * var(--slider-height))}.fpf-slider-wrapper input[type="range"]:focus{outline:none}.fpf-slider-wrapper input[type="range"]:focus::-webkit-slider-runnable-track{background:#bbb}.fpf-slider-wrapper input[type="range"]:focus::-moz-range-track{background:#bbb}.fpf-slider-wrapper input[type="range"]:focus::-ms-track{background:#bbb}.fpf-slider-wrapper input[type="number"]{height:auto;margin-left:var(--slider-selected-value-margin-left);margin-bottom:0;border:1px solid #e6e6e6;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:textfield;color:#333}@media screen and (max-width: 330px){.fpf-slider-wrapper input[type="number"]{margin-left:0}}.fpf-slider-wrapper input[type="number"]:hover,.fpf-slider-wrapper input[type="number"]:focus{-webkit-box-shadow:none;box-shadow:none}.fpf-slider-wrapper input[type="number"]:focus::-webkit-inner-spin-button,.fpf-slider-wrapper input[type="number"]:focus::-webkit-outer-spin-button{display:block}.fpf-slider-wrapper input[type="number"]::-webkit-inner-spin-button,.fpf-slider-wrapper input[type="number"]::-webkit-outer-spin-button{display:none} |
