import styled from 'styled-components'

export const StyledInputWrapper = styled.div`
  width: 100%;
`

const StyledRange = styled.div`
  display: flex;

  .input {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
`

export const StyledInputItemWrapper = styled.div`
  display: inline-block;
  width: 100%;

  * {
    line-height: unset !important;
    text-align: center;
  }
`

export default StyledRange

@@ -33,16 +33,53 @@
 nents'%0A%0A
+import %7Bscale%7D from '../utilStyles'%0A%0A
 export c
@@ -132,16 +132,154 @@
  100%25;%0A%60
+%0Aexport const StyledInputItemWrapper = styled.div%60%0A  display: inline-block;%0A  width: 100%25;%0A%0A  * %7B%0A    line-height: unset !important;%0A  %7D%0A%60
 %0A%0Aconst 
@@ -432,28 +432,32 @@
 ne;%0A
+%0A
   
-%7D%0A%60%0A%0Aexport const 
+  $%7B/* sc-selector */
 Styl
@@ -478,119 +478,169 @@
 pper
- = styled.div%60%0A  display: inline-block;%0A  width: 100%25;%0A%0A  * %7B%0A    line-height: unset !important;%0A    text-align
+%7D:nth-child(3) %7B%0A      margin-right: $%7Bscale.space(0)%7D;%0A%0A      * %7B%0A        text-align: right;%0A      %7D%0A    %7D%0A  %7D%0A%0A  .extender %7B%0A    display: flex;%0A    align-items
 : ce

align items in range