master_template/public/installer/css/sass/style.sass

3213 lines
50 KiB
Sass
Raw Normal View History

2024-06-11 06:31:24 +00:00
// Variables
@import "variables";
//@extend-elements
//original selectors
//sub, sup
.extend_1
font-size: 75%
line-height: 0
position: relative
vertical-align: baseline
//original selectors
//button, input, optgroup, select, textarea
.extend_2
color: inherit
font: inherit
margin: 0
@import $url_0;
html
font-family: $font_1
-ms-text-size-adjust: 100%
-webkit-text-size-adjust: 100%
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 300
color: $color_3
font-size: 12px
line-height: 1.75em
input[type=button]
-webkit-appearance: button
cursor: pointer
input[disabled]
cursor: default
body
margin: 0
text-rendering: optimizeLegibility
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
-moz-font-feature-settings: "liga" on
article
display: block
aside
display: block
details
display: block
figcaption
display: block
figure
display: block
margin: 1em 40px
footer
display: block
header
display: block
hgroup
display: block
main
display: block
menu
display: block
nav
display: block
section
display: block
summary
display: block
audio
display: inline-block
vertical-align: baseline
&:not([controls])
display: none
height: 0
canvas
display: inline-block
vertical-align: baseline
progress
display: inline-block
vertical-align: baseline
video
display: inline-block
vertical-align: baseline
[hidden]
display: none
template
display: none
a
background-color: transparent
text-decoration: none
color: $color_5
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: all .2s
margin: 0
padding: 0
&:active
outline: 0
&:hover
outline: 0
color: $color_6
abbr[title]
border-bottom: 1px dotted
b
font-weight: 700
margin: 0
padding: 0
strong
font-weight: 700
margin: 0
padding: 0
dfn
font-style: italic
margin: 0
padding: 0
h1
font-size: 2em
margin: .67em 0
font-size: 27.85438995234061px
margin-top: .942400822452556em
line-height: 1.130880986943067em
margin-bottom: .188480164490511em
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
mark
background: $color_0
color: $color_1
small
font-size: 80%
margin: 0
padding: 0
line-height: 0
sub
@extend %extend_1
bottom: -.25em
margin: 0
padding: 0
line-height: 0
sup
@extend %extend_1
top: -.5em
margin: 0
padding: 0
line-height: 0
img
border: 0
margin: 0
padding: 0
hr
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: content-box
height: 0
pre
overflow: auto
padding: .875em
margin-bottom: 1.75em
font-family: $font_2
font-size: 1em
margin: 0
padding: 0
margin-bottom: 1.75em
code
padding: 0
code
font-family: $font_2
font-size: 1em
margin: 0
padding: 0
font-family: $font_7, $font_8, $font_9, $font_10, $font_2
padding: .0875em .2625em
line-height: 0
kbd
font-family: $font_2
font-size: 1em
margin: 0
padding: 0
samp
font-family: $font_2
font-size: 1em
margin: 0
padding: 0
button
@extend %extend_2
overflow: visible
text-transform: none
-webkit-appearance: button
cursor: pointer
display: block
cursor: pointer
font-size: 12px
padding: .4375em 1.75em
margin-bottom: 1.18125em
input
@extend %extend_2
line-height: normal
optgroup
@extend %extend_2
font-weight: 700
select
@extend %extend_2
text-transform: none
textarea
@extend %extend_2
overflow: auto
display: block
max-width: 100%
padding: .4375em
font-size: 12px
margin-bottom: 1.18125em
input[type=reset]
-webkit-appearance: button
cursor: pointer
input[type=submit]
-webkit-appearance: button
cursor: pointer
display: block
cursor: pointer
font-size: 12px
padding: .4375em 1.75em
margin-bottom: 1.18125em
button[disabled]
cursor: default
button::-moz-focus-inner
border: 0
padding: 0
input::-moz-focus-inner
border: 0
padding: 0
input[type=checkbox]
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: border-box
padding: 0
input[type=radio]
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: border-box
padding: 0
input[type=number]::-webkit-inner-spin-button
height: auto
input[type=number]::-webkit-outer-spin-button
height: auto
input[type=search]
-webkit-appearance: textfield
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: content-box
input[type=search]::-webkit-search-cancel-button
-webkit-appearance: none
input[type=search]::-webkit-search-decoration
-webkit-appearance: none
fieldset
border: 1px solid $color_2
margin: 0 2px
padding: .35em .625em .75em
padding: .875em 1.75em 1.75em
border-width: 1px
border-style: solid
max-width: 100%
margin-bottom: 1.8375em
margin: 0
padding: 0
button
margin-bottom: 0
input[type=submit]
margin-bottom: 0
legend
border: 0
padding: 0
color: $color_4
font-weight: 700
margin: 0
padding: 0
table
width: 100%
border-spacing: 0
border-collapse: collapse
margin-bottom: 2.1875em
margin: 0
padding: 0
margin-bottom: 1.75em
td
padding: 0
margin: 0
padding: 0
padding: .21875em .875em
th
padding: 0
margin: 0
padding: 0
text-align: left
color: $color_4
padding: .21875em .875em
@font-face
font-family: $font_0
src: $url_1
src: $url_2 format("embedded-opentype"), $url_3 format("truetype"), $url_4 format("woff"), $url_5 format("svg")
font-weight: 400
font-style: normal
@media(min-width:600px)
html
font-size: calc(12px +8 *((100vw - 600px) / 540))
h1
font-size: calc(27.85438995234061px +18.56959 *((100vw - 600px) / 540))
h2
font-size: calc(23.53700340860508px +15.69134 *((100vw - 600px) / 540))
h3
font-size: calc(19.888804974891777px +13.2592 *((100vw - 600px) / 540))
h4
font-size: calc(16.806071548796314px +11.20405 *((100vw - 600px) / 540))
h5
font-size: calc(14.201156945318074px +9.46744 *((100vw - 600px) / 540))
h6
font-size: calc(12px +8 *((100vw - 600px) / 540))
input[type=email]
font-size: calc(12px +8 *((100vw - 600px) / 540))
input[type=password]
font-size: calc(12px +8 *((100vw - 600px) / 540))
input[type=text]
font-size: calc(12px +8 *((100vw - 600px) / 540))
textarea
font-size: calc(12px +8 *((100vw - 600px) / 540))
button
font-size: calc(12px +8 *((100vw - 600px) / 540))
input[type=submit]
font-size: calc(12px +8 *((100vw - 600px) / 540))
@media(min-width:1140px)
html
font-size: 20px
h1
font-size: 46.423983253901014px
margin-top: .942400822452556em
line-height: 1.130880986943067em
margin-bottom: .188480164490511em
h2
font-size: 39.228339014341806px
margin-top: 1.115265165420465em
line-height: 1.338318198504558em
margin-bottom: .240111086421698em
h3
font-size: 33.14800829148629px
margin-top: 1.319837970815179em
line-height: 1.583805564978215em
margin-bottom: .287857499569283em
h4
font-size: 28.01011924799386px
margin-top: 1.561935513828041em
line-height: 1.87432261659365em
margin-bottom: .345845057728222em
h5
font-size: 23.668594908863454px
margin-top: 1.84844094752817em
line-height: 2.218129137033805em
margin-bottom: .369688189505634em
h6
font-size: 20px
margin-top: 2.1875em
line-height: 2.625em
margin-bottom: .473958333333333em
fieldset
margin-bottom: 2.078125em
input[type=email]
font-size: 20px
margin-bottom: .5140625em
input[type=password]
font-size: 20px
margin-bottom: .5140625em
input[type=text]
font-size: 20px
margin-bottom: .5140625em
textarea
font-size: 20px
margin-bottom: .5140625em
button
font-size: 20px
margin-bottom: 1.3125em
input[type=submit]
font-size: 20px
margin-bottom: 1.3125em
table
margin-bottom: 2.05625em
th
padding: .4375em .875em
td
padding: .4375em .875em
abbr
margin: 0
padding: 0
border-bottom: 1px dotted currentColor
cursor: help
acronym
margin: 0
padding: 0
border-bottom: 1px dotted currentColor
cursor: help
address
margin: 0
padding: 0
margin-bottom: 1.75em
font-style: normal
big
margin: 0
padding: 0
line-height: 0
blockquote
margin: 0
padding: 0
margin-bottom: 1.75em
font-style: italic
cite
display: block
font-style: normal
caption
margin: 0
padding: 0
center
margin: 0
padding: 0
cite
margin: 0
padding: 0
dd
margin: 0
padding: 0
del
margin: 0
padding: 0
dl
margin: 0
padding: 0
margin-bottom: 1.75em
dt
margin: 0
padding: 0
color: $color_4
font-weight: 700
em
margin: 0
padding: 0
form
margin: 0
padding: 0
h2
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
font-size: 23.53700340860508px
margin-top: 1.115265165420465em
line-height: 1.338318198504558em
margin-bottom: .251483121980101em
h3
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
font-size: 19.888804974891777px
margin-top: 1.319837970815179em
line-height: 1.583805564978215em
margin-bottom: .303784103173448em
h4
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
font-size: 16.806071548796314px
margin-top: 1.561935513828041em
line-height: 1.87432261659365em
margin-bottom: .368150361036632em
h5
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
font-size: 14.201156945318074px
margin-top: 1.84844094752817em
line-height: 2.218129137033805em
margin-bottom: .369688189505634em
h6
margin: 0
padding: 0
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
font-weight: 500
color: $color_4
clear: both
font-size: 12px
margin-top: 2.1875em
line-height: 2.625em
margin-bottom: .619791666666667em
i
margin: 0
padding: 0
ins
margin: 0
padding: 0
label
margin: 0
padding: 0
display: block
padding-bottom: .21875em
margin-bottom: -.21875em
li
margin: 0
padding: 0
ol
margin: 0
padding: 0
margin-bottom: 1.75em
padding-left: 1.4em
p
margin: 0
padding: 0
margin-bottom: 1.75em
q
margin: 0
padding: 0
s
margin: 0
padding: 0
strike
margin: 0
padding: 0
tbody
margin: 0
padding: 0
tfoot
margin: 0
padding: 0
thead
margin: 0
padding: 0
tr
margin: 0
padding: 0
tt
margin: 0
padding: 0
u
margin: 0
padding: 0
ul
margin: 0
padding: 0
margin-bottom: 1.75em
padding-left: 1.1em
var
margin: 0
padding: 0
input[type=email]
display: block
max-width: 100%
padding: .4375em
font-size: 12px
margin-bottom: 1.18125em
input[type=password]
display: block
max-width: 100%
padding: .4375em
font-size: 12px
margin-bottom: 1.18125em
input[type=text]
display: block
max-width: 100%
padding: .4375em
font-size: 12px
margin-bottom: 1.18125em
.master
background-image: $url_6
background-size: cover
background-position: top
min-height: 100vh
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center
.box
width: 450px
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 0 3px 3px
overflow: hidden
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: border-box
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: 0 10px 10px $color_7, 0 6px 3px $color_8
.header
background-color: $color_9
padding: 30px 30px 40px
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 3px 3px 0 0
text-align: center
.header__step
font-weight: 300
text-transform: uppercase
font-size: 14px
letter-spacing: 1.1px
margin: 0 0 10px
-webkit-user-select: none
-moz-user-select: none
-ms-user-select: none
//If you use compass, instead of the line below you could use + user-select($select)
user-select: none
color: $color_10
.header__title
-webkit-user-select: none
-moz-user-select: none
-ms-user-select: none
//If you use compass, instead of the line below you could use + user-select($select)
user-select: none
color: $color_10
font-weight: 400
font-size: 20px
margin: 0 0 15px
.step
padding-left: 0
list-style: none
margin-bottom: 0
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-flex-direction: row-reverse
-ms-flex-direction: row-reverse
flex-direction: row-reverse
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center
margin-top: -20px
.step__divider
background-color: $color_11
-webkit-user-select: none
-moz-user-select: none
-ms-user-select: none
//If you use compass, instead of the line below you could use + user-select($select)
user-select: none
width: 60px
height: 3px
&:first-child
-webkit-flex: 1 0 auto
-ms-flex: 1 0 auto
flex: 1 0 auto
&:last-child
-webkit-flex: 1 0 auto
-ms-flex: 1 0 auto
flex: 1 0 auto
.step__icon
background-color: $color_11
font-style: normal
width: 40px
height: 40px
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 50%
color: $color_10
&.welcome:before
content: '\f144'
font-family: $font_0
&.requirements:before
content: '\f127'
font-family: $font_0
&.permissions:before
content: '\f296'
font-family: $font_0
&.database:before
content: '\f454'
font-family: $font_0
&.update:before
content: '\f2bf'
font-family: $font_0
.main
margin-top: -20px
background-color: $color_10
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 0 0 3px 3px
padding: 40px 40px 30px
.buttons
text-align: center
.buttons--right
text-align: right
.button
display: inline-block
background-color: $color_12
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 2px
padding: 7px 20px
color: $color_10
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: 0 1px 1.5px $color_13, 0 1px 1px $color_14
text-decoration: none
outline: none
border: none
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
transition: box-shadow .2s ease, background-color .2s ease
&:hover
color: $color_10
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: 0 10px 10px $color_7, 0 6px 3px $color_8
background-color: $color_15
.button--light
padding: 3px 16px
font-size: 16px
border-top: 1px solid $color_16
color: $color_17
background: $color_10
&:hover
color: $color_17
background: $color_10
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: 0 3px 3px $color_18, 0 3px 3px $color_8
.list
padding-left: 0
list-style: none
margin-bottom: 0
margin: 20px 0 35px
border: 1px solid $color_13
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 2px
.list__item
position: relative
overflow: hidden
padding: 7px 20px
border-bottom: 1px solid $color_13
&:first-letter
text-transform: uppercase
&:last-child
border-bottom: none
&:before
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center
padding: 7px 20px
position: absolute
top: 0
right: 0
bottom: 0
&.success:before
color: $color_19
content: '\f120'
font-family: $font_0
&.error:before
color: $color_20
content: '\f128'
font-family: $font_0
.list__item--permissions
&:before
content: ''!important
span
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center
padding: 7px 20px
position: absolute
top: 0
right: 0
bottom: 0
background-color: $color_21
font-weight: 700
font-size: 16px
&:before
margin-right: 7px
font-weight: 400
&.success span:before
color: $color_19
content: '\f120'
font-family: $font_0
&.error span:before
color: $color_20
content: '\f128'
font-family: $font_0
.textarea
//If you use compass, instead of the line below you could use + box-sizing($bs)
box-sizing: border-box
width: 100%
font-size: 14px
line-height: 25px
height: 150px
outline: none
border: 1px solid $color_22
~ .button
margin-bottom: 35px
.alert
margin: 0 0 10px
font-weight: 700
font-size: 16px
background-color: $color_21
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
border-radius: 2px
padding: 0 10px
svg:not(:root)
overflow: hidden
.ion-alert:before
content: "\f101"
.ion-alert-circled:before
content: "\f100"
.ion-android-add:before
content: "\f2c7"
.ion-android-add-circle:before
content: "\f359"
.ion-android-alarm-clock:before
content: "\f35a"
.ion-android-alert:before
content: "\f35b"
.ion-android-apps:before
content: "\f35c"
.ion-android-archive:before
content: "\f2c9"
.ion-android-arrow-back:before
content: "\f2ca"
.ion-android-arrow-down:before
content: "\f35d"
.ion-android-arrow-dropdown:before
content: "\f35f"
.ion-android-arrow-dropdown-circle:before
content: "\f35e"
.ion-android-arrow-dropleft:before
content: "\f361"
.ion-android-arrow-dropleft-circle:before
content: "\f360"
.ion-android-arrow-dropright:before
content: "\f363"
.ion-android-arrow-dropright-circle:before
content: "\f362"
.ion-android-arrow-dropup:before
content: "\f365"
.ion-android-arrow-dropup-circle:before
content: "\f364"
.ion-android-arrow-forward:before
content: "\f30f"
.ion-android-arrow-up:before
content: "\f366"
.ion-android-attach:before
content: "\f367"
.ion-android-bar:before
content: "\f368"
.ion-android-bicycle:before
content: "\f369"
.ion-android-boat:before
content: "\f36a"
.ion-android-bookmark:before
content: "\f36b"
.ion-android-bulb:before
content: "\f36c"
.ion-android-bus:before
content: "\f36d"
.ion-android-calendar:before
content: "\f2d1"
.ion-android-call:before
content: "\f2d2"
.ion-android-camera:before
content: "\f2d3"
.ion-android-cancel:before
content: "\f36e"
.ion-android-car:before
content: "\f36f"
.ion-android-cart:before
content: "\f370"
.ion-android-chat:before
content: "\f2d4"
.ion-android-checkbox:before
content: "\f374"
.ion-android-checkbox-blank:before
content: "\f371"
.ion-android-checkbox-outline:before
content: "\f373"
.ion-android-checkbox-outline-blank:before
content: "\f372"
.ion-android-checkmark-circle:before
content: "\f375"
.ion-android-clipboard:before
content: "\f376"
.ion-android-close:before
content: "\f2d7"
.ion-android-cloud:before
content: "\f37a"
.ion-android-cloud-circle:before
content: "\f377"
.ion-android-cloud-done:before
content: "\f378"
.ion-android-cloud-outline:before
content: "\f379"
.ion-android-color-palette:before
content: "\f37b"
.ion-android-compass:before
content: "\f37c"
.ion-android-contact:before
content: "\f2d8"
.ion-android-contacts:before
content: "\f2d9"
.ion-android-contract:before
content: "\f37d"
.ion-android-create:before
content: "\f37e"
.ion-android-delete:before
content: "\f37f"
.ion-android-desktop:before
content: "\f380"
.ion-android-document:before
content: "\f381"
.ion-android-done:before
content: "\f383"
.ion-android-done-all:before
content: "\f382"
.ion-android-download:before
content: "\f2dd"
.ion-android-drafts:before
content: "\f384"
.ion-android-exit:before
content: "\f385"
.ion-android-expand:before
content: "\f386"
.ion-android-favorite:before
content: "\f388"
.ion-android-favorite-outline:before
content: "\f387"
.ion-android-film:before
content: "\f389"
.ion-android-folder:before
content: "\f2e0"
.ion-android-folder-open:before
content: "\f38a"
.ion-android-funnel:before
content: "\f38b"
.ion-android-globe:before
content: "\f38c"
.ion-android-hand:before
content: "\f2e3"
.ion-android-hangout:before
content: "\f38d"
.ion-android-happy:before
content: "\f38e"
.ion-android-home:before
content: "\f38f"
.ion-android-image:before
content: "\f2e4"
.ion-android-laptop:before
content: "\f390"
.ion-android-list:before
content: "\f391"
.ion-android-locate:before
content: "\f2e9"
.ion-android-lock:before
content: "\f392"
.ion-android-mail:before
content: "\f2eb"
.ion-android-map:before
content: "\f393"
.ion-android-menu:before
content: "\f394"
.ion-android-microphone:before
content: "\f2ec"
.ion-android-microphone-off:before
content: "\f395"
.ion-android-more-horizontal:before
content: "\f396"
.ion-android-more-vertical:before
content: "\f397"
.ion-android-navigate:before
content: "\f398"
.ion-android-notifications:before
content: "\f39b"
.ion-android-notifications-none:before
content: "\f399"
.ion-android-notifications-off:before
content: "\f39a"
.ion-android-open:before
content: "\f39c"
.ion-android-options:before
content: "\f39d"
.ion-android-people:before
content: "\f39e"
.ion-android-person:before
content: "\f3a0"
.ion-android-person-add:before
content: "\f39f"
.ion-android-phone-landscape:before
content: "\f3a1"
.ion-android-phone-portrait:before
content: "\f3a2"
.ion-android-pin:before
content: "\f3a3"
.ion-android-plane:before
content: "\f3a4"
.ion-android-playstore:before
content: "\f2f0"
.ion-android-print:before
content: "\f3a5"
.ion-android-radio-button-off:before
content: "\f3a6"
.ion-android-radio-button-on:before
content: "\f3a7"
.ion-android-refresh:before
content: "\f3a8"
.ion-android-remove:before
content: "\f2f4"
.ion-android-remove-circle:before
content: "\f3a9"
.ion-android-restaurant:before
content: "\f3aa"
.ion-android-sad:before
content: "\f3ab"
.ion-android-search:before
content: "\f2f5"
.ion-android-send:before
content: "\f2f6"
.ion-android-settings:before
content: "\f2f7"
.ion-android-share:before
content: "\f2f8"
.ion-android-share-alt:before
content: "\f3ac"
.ion-android-star:before
content: "\f2fc"
.ion-android-star-half:before
content: "\f3ad"
.ion-android-star-outline:before
content: "\f3ae"
.ion-android-stopwatch:before
content: "\f2fd"
.ion-android-subway:before
content: "\f3af"
.ion-android-sunny:before
content: "\f3b0"
.ion-android-sync:before
content: "\f3b1"
.ion-android-textsms:before
content: "\f3b2"
.ion-android-time:before
content: "\f3b3"
.ion-android-train:before
content: "\f3b4"
.ion-android-unlock:before
content: "\f3b5"
.ion-android-upload:before
content: "\f3b6"
.ion-android-volume-down:before
content: "\f3b7"
.ion-android-volume-mute:before
content: "\f3b8"
.ion-android-volume-off:before
content: "\f3b9"
.ion-android-volume-up:before
content: "\f3ba"
.ion-android-walk:before
content: "\f3bb"
.ion-android-warning:before
content: "\f3bc"
.ion-android-watch:before
content: "\f3bd"
.ion-android-wifi:before
content: "\f305"
.ion-aperture:before
content: "\f313"
.ion-archive:before
content: "\f102"
.ion-arrow-down-a:before
content: "\f103"
.ion-arrow-down-b:before
content: "\f104"
.ion-arrow-down-c:before
content: "\f105"
.ion-arrow-expand:before
content: "\f25e"
.ion-arrow-graph-down-left:before
content: "\f25f"
.ion-arrow-graph-down-right:before
content: "\f260"
.ion-arrow-graph-up-left:before
content: "\f261"
.ion-arrow-graph-up-right:before
content: "\f262"
.ion-arrow-left-a:before
content: "\f106"
.ion-arrow-left-b:before
content: "\f107"
.ion-arrow-left-c:before
content: "\f108"
.ion-arrow-move:before
content: "\f263"
.ion-arrow-resize:before
content: "\f264"
.ion-arrow-return-left:before
content: "\f265"
.ion-arrow-return-right:before
content: "\f266"
.ion-arrow-right-a:before
content: "\f109"
.ion-arrow-right-b:before
content: "\f10a"
.ion-arrow-right-c:before
content: "\f10b"
.ion-arrow-shrink:before
content: "\f267"
.ion-arrow-swap:before
content: "\f268"
.ion-arrow-up-a:before
content: "\f10c"
.ion-arrow-up-b:before
content: "\f10d"
.ion-arrow-up-c:before
content: "\f10e"
.ion-asterisk:before
content: "\f314"
.ion-at:before
content: "\f10f"
.ion-backspace:before
content: "\f3bf"
.ion-backspace-outline:before
content: "\f3be"
.ion-bag:before
content: "\f110"
.ion-battery-charging:before
content: "\f111"
.ion-battery-empty:before
content: "\f112"
.ion-battery-full:before
content: "\f113"
.ion-battery-half:before
content: "\f114"
.ion-battery-low:before
content: "\f115"
.ion-beaker:before
content: "\f269"
.ion-beer:before
content: "\f26a"
.ion-bluetooth:before
content: "\f116"
.ion-bonfire:before
content: "\f315"
.ion-bookmark:before
content: "\f26b"
.ion-bowtie:before
content: "\f3c0"
.ion-briefcase:before
content: "\f26c"
.ion-bug:before
content: "\f2be"
.ion-calculator:before
content: "\f26d"
.ion-calendar:before
content: "\f117"
.ion-camera:before
content: "\f118"
.ion-card:before
content: "\f119"
.ion-cash:before
content: "\f316"
.ion-chatbox:before
content: "\f11b"
.ion-chatbox-working:before
content: "\f11a"
.ion-chatboxes:before
content: "\f11c"
.ion-chatbubble:before
content: "\f11e"
.ion-chatbubble-working:before
content: "\f11d"
.ion-chatbubbles:before
content: "\f11f"
.ion-checkmark:before
content: "\f122"
.ion-checkmark-circled:before
content: "\f120"
.ion-checkmark-round:before
content: "\f121"
.ion-chevron-down:before
content: "\f123"
.ion-chevron-left:before
content: "\f124"
.ion-chevron-right:before
content: "\f125"
.ion-chevron-up:before
content: "\f126"
.ion-clipboard:before
content: "\f127"
.ion-clock:before
content: "\f26e"
.ion-close:before
content: "\f12a"
.ion-close-circled:before
content: "\f128"
.ion-close-round:before
content: "\f129"
.ion-closed-captioning:before
content: "\f317"
.ion-cloud:before
content: "\f12b"
.ion-code:before
content: "\f271"
.ion-code-download:before
content: "\f26f"
.ion-code-working:before
content: "\f270"
.ion-coffee:before
content: "\f272"
.ion-compass:before
content: "\f273"
.ion-compose:before
content: "\f12c"
.ion-connection-bars:before
content: "\f274"
.ion-contrast:before
content: "\f275"
.ion-crop:before
content: "\f3c1"
.ion-cube:before
content: "\f318"
.ion-disc:before
content: "\f12d"
.ion-document:before
content: "\f12f"
.ion-document-text:before
content: "\f12e"
.ion-drag:before
content: "\f130"
.ion-earth:before
content: "\f276"
.ion-easel:before
content: "\f3c2"
.ion-edit:before
content: "\f2bf"
.ion-egg:before
content: "\f277"
.ion-eject:before
content: "\f131"
.ion-email:before
content: "\f132"
.ion-email-unread:before
content: "\f3c3"
.ion-erlenmeyer-flask:before
content: "\f3c5"
.ion-erlenmeyer-flask-bubbles:before
content: "\f3c4"
.ion-eye:before
content: "\f133"
.ion-eye-disabled:before
content: "\f306"
.ion-female:before
content: "\f278"
.ion-filing:before
content: "\f134"
.ion-film-marker:before
content: "\f135"
.ion-fireball:before
content: "\f319"
.ion-flag:before
content: "\f279"
.ion-flame:before
content: "\f31a"
.ion-flash:before
content: "\f137"
.ion-flash-off:before
content: "\f136"
.ion-folder:before
content: "\f139"
.ion-fork:before
content: "\f27a"
.ion-fork-repo:before
content: "\f2c0"
.ion-forward:before
content: "\f13a"
.ion-funnel:before
content: "\f31b"
.ion-gear-a:before
content: "\f13d"
.ion-gear-b:before
content: "\f13e"
.ion-grid:before
content: "\f13f"
.ion-hammer:before
content: "\f27b"
.ion-happy:before
content: "\f31c"
.ion-happy-outline:before
content: "\f3c6"
.ion-headphone:before
content: "\f140"
.ion-heart:before
content: "\f141"
.ion-heart-broken:before
content: "\f31d"
.ion-help:before
content: "\f143"
.ion-help-buoy:before
content: "\f27c"
.ion-help-circled:before
content: "\f142"
.ion-home:before
content: "\f144"
.ion-icecream:before
content: "\f27d"
.ion-image:before
content: "\f147"
.ion-images:before
content: "\f148"
.ion-information:before
content: "\f14a"
.ion-information-circled:before
content: "\f149"
.ion-ionic:before
content: "\f14b"
.ion-ios-alarm:before
content: "\f3c8"
.ion-ios-alarm-outline:before
content: "\f3c7"
.ion-ios-albums:before
content: "\f3ca"
.ion-ios-albums-outline:before
content: "\f3c9"
.ion-ios-americanfootball:before
content: "\f3cc"
.ion-ios-americanfootball-outline:before
content: "\f3cb"
.ion-ios-analytics:before
content: "\f3ce"
.ion-ios-analytics-outline:before
content: "\f3cd"
.ion-ios-arrow-back:before
content: "\f3cf"
.ion-ios-arrow-down:before
content: "\f3d0"
.ion-ios-arrow-forward:before
content: "\f3d1"
.ion-ios-arrow-left:before
content: "\f3d2"
.ion-ios-arrow-right:before
content: "\f3d3"
.ion-ios-arrow-thin-down:before
content: "\f3d4"
.ion-ios-arrow-thin-left:before
content: "\f3d5"
.ion-ios-arrow-thin-right:before
content: "\f3d6"
.ion-ios-arrow-thin-up:before
content: "\f3d7"
.ion-ios-arrow-up:before
content: "\f3d8"
.ion-ios-at:before
content: "\f3da"
.ion-ios-at-outline:before
content: "\f3d9"
.ion-ios-barcode:before
content: "\f3dc"
.ion-ios-barcode-outline:before
content: "\f3db"
.ion-ios-baseball:before
content: "\f3de"
.ion-ios-baseball-outline:before
content: "\f3dd"
.ion-ios-basketball:before
content: "\f3e0"
.ion-ios-basketball-outline:before
content: "\f3df"
.ion-ios-bell:before
content: "\f3e2"
.ion-ios-bell-outline:before
content: "\f3e1"
.ion-ios-body:before
content: "\f3e4"
.ion-ios-body-outline:before
content: "\f3e3"
.ion-ios-bolt:before
content: "\f3e6"
.ion-ios-bolt-outline:before
content: "\f3e5"
.ion-ios-book:before
content: "\f3e8"
.ion-ios-book-outline:before
content: "\f3e7"
.ion-ios-bookmarks:before
content: "\f3ea"
.ion-ios-bookmarks-outline:before
content: "\f3e9"
.ion-ios-box:before
content: "\f3ec"
.ion-ios-box-outline:before
content: "\f3eb"
.ion-ios-briefcase:before
content: "\f3ee"
.ion-ios-briefcase-outline:before
content: "\f3ed"
.ion-ios-browsers:before
content: "\f3f0"
.ion-ios-browsers-outline:before
content: "\f3ef"
.ion-ios-calculator:before
content: "\f3f2"
.ion-ios-calculator-outline:before
content: "\f3f1"
.ion-ios-calendar:before
content: "\f3f4"
.ion-ios-calendar-outline:before
content: "\f3f3"
.ion-ios-camera:before
content: "\f3f6"
.ion-ios-camera-outline:before
content: "\f3f5"
.ion-ios-cart:before
content: "\f3f8"
.ion-ios-cart-outline:before
content: "\f3f7"
.ion-ios-chatboxes:before
content: "\f3fa"
.ion-ios-chatboxes-outline:before
content: "\f3f9"
.ion-ios-chatbubble:before
content: "\f3fc"
.ion-ios-chatbubble-outline:before
content: "\f3fb"
.ion-ios-checkmark:before
content: "\f3ff"
.ion-ios-checkmark-empty:before
content: "\f3fd"
.ion-ios-checkmark-outline:before
content: "\f3fe"
.ion-ios-circle-filled:before
content: "\f400"
.ion-ios-circle-outline:before
content: "\f401"
.ion-ios-clock:before
content: "\f403"
.ion-ios-clock-outline:before
content: "\f402"
.ion-ios-close:before
content: "\f406"
.ion-ios-close-empty:before
content: "\f404"
.ion-ios-close-outline:before
content: "\f405"
.ion-ios-cloud:before
content: "\f40c"
.ion-ios-cloud-download:before
content: "\f408"
.ion-ios-cloud-download-outline:before
content: "\f407"
.ion-ios-cloud-outline:before
content: "\f409"
.ion-ios-cloud-upload:before
content: "\f40b"
.ion-ios-cloud-upload-outline:before
content: "\f40a"
.ion-ios-cloudy:before
content: "\f410"
.ion-ios-cloudy-night:before
content: "\f40e"
.ion-ios-cloudy-night-outline:before
content: "\f40d"
.ion-ios-cloudy-outline:before
content: "\f40f"
.ion-ios-cog:before
content: "\f412"
.ion-ios-cog-outline:before
content: "\f411"
.ion-ios-color-filter:before
content: "\f414"
.ion-ios-color-filter-outline:before
content: "\f413"
.ion-ios-color-wand:before
content: "\f416"
.ion-ios-color-wand-outline:before
content: "\f415"
.ion-ios-compose:before
content: "\f418"
.ion-ios-compose-outline:before
content: "\f417"
.ion-ios-contact:before
content: "\f41a"
.ion-ios-contact-outline:before
content: "\f419"
.ion-ios-copy:before
content: "\f41c"
.ion-ios-copy-outline:before
content: "\f41b"
.ion-ios-crop:before
content: "\f41e"
.ion-ios-crop-strong:before
content: "\f41d"
.ion-ios-download:before
content: "\f420"
.ion-ios-download-outline:before
content: "\f41f"
.ion-ios-drag:before
content: "\f421"
.ion-ios-email:before
content: "\f423"
.ion-ios-email-outline:before
content: "\f422"
.ion-ios-eye:before
content: "\f425"
.ion-ios-eye-outline:before
content: "\f424"
.ion-ios-fastforward:before
content: "\f427"
.ion-ios-fastforward-outline:before
content: "\f426"
.ion-ios-filing:before
content: "\f429"
.ion-ios-filing-outline:before
content: "\f428"
.ion-ios-film:before
content: "\f42b"
.ion-ios-film-outline:before
content: "\f42a"
.ion-ios-flag:before
content: "\f42d"
.ion-ios-flag-outline:before
content: "\f42c"
.ion-ios-flame:before
content: "\f42f"
.ion-ios-flame-outline:before
content: "\f42e"
.ion-ios-flask:before
content: "\f431"
.ion-ios-flask-outline:before
content: "\f430"
.ion-ios-flower:before
content: "\f433"
.ion-ios-flower-outline:before
content: "\f432"
.ion-ios-folder:before
content: "\f435"
.ion-ios-folder-outline:before
content: "\f434"
.ion-ios-football:before
content: "\f437"
.ion-ios-football-outline:before
content: "\f436"
.ion-ios-game-controller-a:before
content: "\f439"
.ion-ios-game-controller-a-outline:before
content: "\f438"
.ion-ios-game-controller-b:before
content: "\f43b"
.ion-ios-game-controller-b-outline:before
content: "\f43a"
.ion-ios-gear:before
content: "\f43d"
.ion-ios-gear-outline:before
content: "\f43c"
.ion-ios-glasses:before
content: "\f43f"
.ion-ios-glasses-outline:before
content: "\f43e"
.ion-ios-grid-view:before
content: "\f441"
.ion-ios-grid-view-outline:before
content: "\f440"
.ion-ios-heart:before
content: "\f443"
.ion-ios-heart-outline:before
content: "\f442"
.ion-ios-help:before
content: "\f446"
.ion-ios-help-empty:before
content: "\f444"
.ion-ios-help-outline:before
content: "\f445"
.ion-ios-home:before
content: "\f448"
.ion-ios-home-outline:before
content: "\f447"
.ion-ios-infinite:before
content: "\f44a"
.ion-ios-infinite-outline:before
content: "\f449"
.ion-ios-information:before
content: "\f44d"
.ion-ios-information-empty:before
content: "\f44b"
.ion-ios-information-outline:before
content: "\f44c"
.ion-ios-ionic-outline:before
content: "\f44e"
.ion-ios-keypad:before
content: "\f450"
.ion-ios-keypad-outline:before
content: "\f44f"
.ion-ios-lightbulb:before
content: "\f452"
.ion-ios-lightbulb-outline:before
content: "\f451"
.ion-ios-list:before
content: "\f454"
.ion-ios-list-outline:before
content: "\f453"
.ion-ios-location:before
content: "\f456"
.ion-ios-location-outline:before
content: "\f455"
.ion-ios-locked:before
content: "\f458"
.ion-ios-locked-outline:before
content: "\f457"
.ion-ios-loop:before
content: "\f45a"
.ion-ios-loop-strong:before
content: "\f459"
.ion-ios-medical:before
content: "\f45c"
.ion-ios-medical-outline:before
content: "\f45b"
.ion-ios-medkit:before
content: "\f45e"
.ion-ios-medkit-outline:before
content: "\f45d"
.ion-ios-mic:before
content: "\f461"
.ion-ios-mic-off:before
content: "\f45f"
.ion-ios-mic-outline:before
content: "\f460"
.ion-ios-minus:before
content: "\f464"
.ion-ios-minus-empty:before
content: "\f462"
.ion-ios-minus-outline:before
content: "\f463"
.ion-ios-monitor:before
content: "\f466"
.ion-ios-monitor-outline:before
content: "\f465"
.ion-ios-moon:before
content: "\f468"
.ion-ios-moon-outline:before
content: "\f467"
.ion-ios-more:before
content: "\f46a"
.ion-ios-more-outline:before
content: "\f469"
.ion-ios-musical-note:before
content: "\f46b"
.ion-ios-musical-notes:before
content: "\f46c"
.ion-ios-navigate:before
content: "\f46e"
.ion-ios-navigate-outline:before
content: "\f46d"
.ion-ios-nutrition:before
content: "\f470"
.ion-ios-nutrition-outline:before
content: "\f46f"
.ion-ios-paper:before
content: "\f472"
.ion-ios-paper-outline:before
content: "\f471"
.ion-ios-paperplane:before
content: "\f474"
.ion-ios-paperplane-outline:before
content: "\f473"
.ion-ios-partlysunny:before
content: "\f476"
.ion-ios-partlysunny-outline:before
content: "\f475"
.ion-ios-pause:before
content: "\f478"
.ion-ios-pause-outline:before
content: "\f477"
.ion-ios-paw:before
content: "\f47a"
.ion-ios-paw-outline:before
content: "\f479"
.ion-ios-people:before
content: "\f47c"
.ion-ios-people-outline:before
content: "\f47b"
.ion-ios-person:before
content: "\f47e"
.ion-ios-person-outline:before
content: "\f47d"
.ion-ios-personadd:before
content: "\f480"
.ion-ios-personadd-outline:before
content: "\f47f"
.ion-ios-photos:before
content: "\f482"
.ion-ios-photos-outline:before
content: "\f481"
.ion-ios-pie:before
content: "\f484"
.ion-ios-pie-outline:before
content: "\f483"
.ion-ios-pint:before
content: "\f486"
.ion-ios-pint-outline:before
content: "\f485"
.ion-ios-play:before
content: "\f488"
.ion-ios-play-outline:before
content: "\f487"
.ion-ios-plus:before
content: "\f48b"
.ion-ios-plus-empty:before
content: "\f489"
.ion-ios-plus-outline:before
content: "\f48a"
.ion-ios-pricetag:before
content: "\f48d"
.ion-ios-pricetag-outline:before
content: "\f48c"
.ion-ios-pricetags:before
content: "\f48f"
.ion-ios-pricetags-outline:before
content: "\f48e"
.ion-ios-printer:before
content: "\f491"
.ion-ios-printer-outline:before
content: "\f490"
.ion-ios-pulse:before
content: "\f493"
.ion-ios-pulse-strong:before
content: "\f492"
.ion-ios-rainy:before
content: "\f495"
.ion-ios-rainy-outline:before
content: "\f494"
.ion-ios-recording:before
content: "\f497"
.ion-ios-recording-outline:before
content: "\f496"
.ion-ios-redo:before
content: "\f499"
.ion-ios-redo-outline:before
content: "\f498"
.ion-ios-refresh:before
content: "\f49c"
.ion-ios-refresh-empty:before
content: "\f49a"
.ion-ios-refresh-outline:before
content: "\f49b"
.ion-ios-reload:before
content: "\f49d"
.ion-ios-reverse-camera:before
content: "\f49f"
.ion-ios-reverse-camera-outline:before
content: "\f49e"
.ion-ios-rewind:before
content: "\f4a1"
.ion-ios-rewind-outline:before
content: "\f4a0"
.ion-ios-rose:before
content: "\f4a3"
.ion-ios-rose-outline:before
content: "\f4a2"
.ion-ios-search:before
content: "\f4a5"
.ion-ios-search-strong:before
content: "\f4a4"
.ion-ios-settings:before
content: "\f4a7"
.ion-ios-settings-strong:before
content: "\f4a6"
.ion-ios-shuffle:before
content: "\f4a9"
.ion-ios-shuffle-strong:before
content: "\f4a8"
.ion-ios-skipbackward:before
content: "\f4ab"
.ion-ios-skipbackward-outline:before
content: "\f4aa"
.ion-ios-skipforward:before
content: "\f4ad"
.ion-ios-skipforward-outline:before
content: "\f4ac"
.ion-ios-snowy:before
content: "\f4ae"
.ion-ios-speedometer:before
content: "\f4b0"
.ion-ios-speedometer-outline:before
content: "\f4af"
.ion-ios-star:before
content: "\f4b3"
.ion-ios-star-half:before
content: "\f4b1"
.ion-ios-star-outline:before
content: "\f4b2"
.ion-ios-stopwatch:before
content: "\f4b5"
.ion-ios-stopwatch-outline:before
content: "\f4b4"
.ion-ios-sunny:before
content: "\f4b7"
.ion-ios-sunny-outline:before
content: "\f4b6"
.ion-ios-telephone:before
content: "\f4b9"
.ion-ios-telephone-outline:before
content: "\f4b8"
.ion-ios-tennisball:before
content: "\f4bb"
.ion-ios-tennisball-outline:before
content: "\f4ba"
.ion-ios-thunderstorm:before
content: "\f4bd"
.ion-ios-thunderstorm-outline:before
content: "\f4bc"
.ion-ios-time:before
content: "\f4bf"
.ion-ios-time-outline:before
content: "\f4be"
.ion-ios-timer:before
content: "\f4c1"
.ion-ios-timer-outline:before
content: "\f4c0"
.ion-ios-toggle:before
content: "\f4c3"
.ion-ios-toggle-outline:before
content: "\f4c2"
.ion-ios-trash:before
content: "\f4c5"
.ion-ios-trash-outline:before
content: "\f4c4"
.ion-ios-undo:before
content: "\f4c7"
.ion-ios-undo-outline:before
content: "\f4c6"
.ion-ios-unlocked:before
content: "\f4c9"
.ion-ios-unlocked-outline:before
content: "\f4c8"
.ion-ios-upload:before
content: "\f4cb"
.ion-ios-upload-outline:before
content: "\f4ca"
.ion-ios-videocam:before
content: "\f4cd"
.ion-ios-videocam-outline:before
content: "\f4cc"
.ion-ios-volume-high:before
content: "\f4ce"
.ion-ios-volume-low:before
content: "\f4cf"
.ion-ios-wineglass:before
content: "\f4d1"
.ion-ios-wineglass-outline:before
content: "\f4d0"
.ion-ios-world:before
content: "\f4d3"
.ion-ios-world-outline:before
content: "\f4d2"
.ion-ipad:before
content: "\f1f9"
.ion-iphone:before
content: "\f1fa"
.ion-ipod:before
content: "\f1fb"
.ion-jet:before
content: "\f295"
.ion-key:before
content: "\f296"
.ion-knife:before
content: "\f297"
.ion-laptop:before
content: "\f1fc"
.ion-leaf:before
content: "\f1fd"
.ion-levels:before
content: "\f298"
.ion-lightbulb:before
content: "\f299"
.ion-link:before
content: "\f1fe"
.ion-load-a:before
content: "\f29a"
.ion-load-b:before
content: "\f29b"
.ion-load-c:before
content: "\f29c"
.ion-load-d:before
content: "\f29d"
.ion-location:before
content: "\f1ff"
.ion-lock-combination:before
content: "\f4d4"
.ion-locked:before
content: "\f200"
.ion-log-in:before
content: "\f29e"
.ion-log-out:before
content: "\f29f"
.ion-loop:before
content: "\f201"
.ion-magnet:before
content: "\f2a0"
.ion-male:before
content: "\f2a1"
.ion-man:before
content: "\f202"
.ion-map:before
content: "\f203"
.ion-medkit:before
content: "\f2a2"
.ion-merge:before
content: "\f33f"
.ion-mic-a:before
content: "\f204"
.ion-mic-b:before
content: "\f205"
.ion-mic-c:before
content: "\f206"
.ion-minus:before
content: "\f209"
.ion-minus-circled:before
content: "\f207"
.ion-minus-round:before
content: "\f208"
.ion-model-s:before
content: "\f2c1"
.ion-monitor:before
content: "\f20a"
.ion-more:before
content: "\f20b"
.ion-mouse:before
content: "\f340"
.ion-music-note:before
content: "\f20c"
.ion-navicon:before
content: "\f20e"
.ion-navicon-round:before
content: "\f20d"
.ion-navigate:before
content: "\f2a3"
.ion-network:before
content: "\f341"
.ion-no-smoking:before
content: "\f2c2"
.ion-nuclear:before
content: "\f2a4"
.ion-outlet:before
content: "\f342"
.ion-paintbrush:before
content: "\f4d5"
.ion-paintbucket:before
content: "\f4d6"
.ion-paper-airplane:before
content: "\f2c3"
.ion-paperclip:before
content: "\f20f"
.ion-pause:before
content: "\f210"
.ion-person:before
content: "\f213"
.ion-person-add:before
content: "\f211"
.ion-person-stalker:before
content: "\f212"
.ion-pie-graph:before
content: "\f2a5"
.ion-pin:before
content: "\f2a6"
.ion-pinpoint:before
content: "\f2a7"
.ion-pizza:before
content: "\f2a8"
.ion-plane:before
content: "\f214"
.ion-planet:before
content: "\f343"
.ion-play:before
content: "\f215"
.ion-playstation:before
content: "\f30a"
.ion-plus:before
content: "\f218"
.ion-plus-circled:before
content: "\f216"
.ion-plus-round:before
content: "\f217"
.ion-podium:before
content: "\f344"
.ion-pound:before
content: "\f219"
.ion-power:before
content: "\f2a9"
.ion-pricetag:before
content: "\f2aa"
.ion-pricetags:before
content: "\f2ab"
.ion-printer:before
content: "\f21a"
.ion-pull-request:before
content: "\f345"
.ion-qr-scanner:before
content: "\f346"
.ion-quote:before
content: "\f347"
.ion-radio-waves:before
content: "\f2ac"
.ion-record:before
content: "\f21b"
.ion-refresh:before
content: "\f21c"
.ion-reply:before
content: "\f21e"
.ion-reply-all:before
content: "\f21d"
.ion-ribbon-a:before
content: "\f348"
.ion-ribbon-b:before
content: "\f349"
.ion-sad:before
content: "\f34a"
.ion-sad-outline:before
content: "\f4d7"
.ion-scissors:before
content: "\f34b"
.ion-search:before
content: "\f21f"
.ion-settings:before
content: "\f2ad"
.ion-share:before
content: "\f220"
.ion-shuffle:before
content: "\f221"
.ion-skip-backward:before
content: "\f222"
.ion-skip-forward:before
content: "\f223"
.ion-social-android:before
content: "\f225"
.ion-social-android-outline:before
content: "\f224"
.ion-social-angular:before
content: "\f4d9"
.ion-social-angular-outline:before
content: "\f4d8"
.ion-social-apple:before
content: "\f227"
.ion-social-apple-outline:before
content: "\f226"
.ion-social-bitcoin:before
content: "\f2af"
.ion-social-bitcoin-outline:before
content: "\f2ae"
.ion-social-buffer:before
content: "\f229"
.ion-social-buffer-outline:before
content: "\f228"
.ion-social-chrome:before
content: "\f4db"
.ion-social-chrome-outline:before
content: "\f4da"
.ion-social-codepen:before
content: "\f4dd"
.ion-social-codepen-outline:before
content: "\f4dc"
.ion-social-css3:before
content: "\f4df"
.ion-social-css3-outline:before
content: "\f4de"
.ion-social-designernews:before
content: "\f22b"
.ion-social-designernews-outline:before
content: "\f22a"
.ion-social-dribbble:before
content: "\f22d"
.ion-social-dribbble-outline:before
content: "\f22c"
.ion-social-dropbox:before
content: "\f22f"
.ion-social-dropbox-outline:before
content: "\f22e"
.ion-social-euro:before
content: "\f4e1"
.ion-social-euro-outline:before
content: "\f4e0"
.ion-social-facebook:before
content: "\f231"
.ion-social-facebook-outline:before
content: "\f230"
.ion-social-foursquare:before
content: "\f34d"
.ion-social-foursquare-outline:before
content: "\f34c"
.ion-social-freebsd-devil:before
content: "\f2c4"
.ion-social-github:before
content: "\f233"
.ion-social-github-outline:before
content: "\f232"
.ion-social-google:before
content: "\f34f"
.ion-social-google-outline:before
content: "\f34e"
.ion-social-googleplus:before
content: "\f235"
.ion-social-googleplus-outline:before
content: "\f234"
.ion-social-hackernews:before
content: "\f237"
.ion-social-hackernews-outline:before
content: "\f236"
.ion-social-html5:before
content: "\f4e3"
.ion-social-html5-outline:before
content: "\f4e2"
.ion-social-instagram:before
content: "\f351"
.ion-social-instagram-outline:before
content: "\f350"
.ion-social-javascript:before
content: "\f4e5"
.ion-social-javascript-outline:before
content: "\f4e4"
.ion-social-linkedin:before
content: "\f239"
.ion-social-linkedin-outline:before
content: "\f238"
.ion-social-markdown:before
content: "\f4e6"
.ion-social-nodejs:before
content: "\f4e7"
.ion-social-octocat:before
content: "\f4e8"
.ion-social-pinterest:before
content: "\f2b1"
.ion-social-pinterest-outline:before
content: "\f2b0"
.ion-social-python:before
content: "\f4e9"
.ion-social-reddit:before
content: "\f23b"
.ion-social-reddit-outline:before
content: "\f23a"
.ion-social-rss:before
content: "\f23d"
.ion-social-rss-outline:before
content: "\f23c"
.ion-social-sass:before
content: "\f4ea"
.ion-social-skype:before
content: "\f23f"
.ion-social-skype-outline:before
content: "\f23e"
.ion-social-snapchat:before
content: "\f4ec"
.ion-social-snapchat-outline:before
content: "\f4eb"
.ion-social-tumblr:before
content: "\f241"
.ion-social-tumblr-outline:before
content: "\f240"
.ion-social-tux:before
content: "\f2c5"
.ion-social-twitch:before
content: "\f4ee"
.ion-social-twitch-outline:before
content: "\f4ed"
.ion-social-twitter:before
content: "\f243"
.ion-social-twitter-outline:before
content: "\f242"
.ion-social-usd:before
content: "\f353"
.ion-social-usd-outline:before
content: "\f352"
.ion-social-vimeo:before
content: "\f245"
.ion-social-vimeo-outline:before
content: "\f244"
.ion-social-whatsapp:before
content: "\f4f0"
.ion-social-whatsapp-outline:before
content: "\f4ef"
.ion-social-windows:before
content: "\f247"
.ion-social-windows-outline:before
content: "\f246"
.ion-social-wordpress:before
content: "\f249"
.ion-social-wordpress-outline:before
content: "\f248"
.ion-social-yahoo:before
content: "\f24b"
.ion-social-yahoo-outline:before
content: "\f24a"
.ion-social-yen:before
content: "\f4f2"
.ion-social-yen-outline:before
content: "\f4f1"
.ion-social-youtube:before
content: "\f24d"
.ion-social-youtube-outline:before
content: "\f24c"
.ion-soup-can:before
content: "\f4f4"
.ion-soup-can-outline:before
content: "\f4f3"
.ion-speakerphone:before
content: "\f2b2"
.ion-speedometer:before
content: "\f2b3"
.ion-spoon:before
content: "\f2b4"
.ion-star:before
content: "\f24e"
.ion-stats-bars:before
content: "\f2b5"
.ion-steam:before
content: "\f30b"
.ion-stop:before
content: "\f24f"
.ion-thermometer:before
content: "\f2b6"
.ion-thumbsdown:before
content: "\f250"
.ion-thumbsup:before
content: "\f251"
.ion-toggle:before
content: "\f355"
.ion-toggle-filled:before
content: "\f354"
.ion-transgender:before
content: "\f4f5"
.ion-trash-a:before
content: "\f252"
.ion-trash-b:before
content: "\f253"
.ion-trophy:before
content: "\f356"
.ion-tshirt:before
content: "\f4f7"
.ion-tshirt-outline:before
content: "\f4f6"
.ion-umbrella:before
content: "\f2b7"
.ion-university:before
content: "\f357"
.ion-unlocked:before
content: "\f254"
.ion-upload:before
content: "\f255"
.ion-usb:before
content: "\f2b8"
.ion-videocamera:before
content: "\f256"
.ion-volume-high:before
content: "\f257"
.ion-volume-low:before
content: "\f258"
.ion-volume-medium:before
content: "\f259"
.ion-volume-mute:before
content: "\f25a"
.ion-wand:before
content: "\f358"
.ion-waterdrop:before
content: "\f25b"
.ion-wifi:before
content: "\f25c"
.ion-wineglass:before
content: "\f2b9"
.ion-woman:before
content: "\f25d"
.ion-wrench:before
content: "\f2ba"
.ion-xbox:before
content: "\f30c"
.step__item.active
.step__icon
background-color: $color_12
~
&.step__divider
background-color: $color_12
&.step__item .step__icon
background-color: $color_12