Tachyons

styles

all styles

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
display: block
audio, canvas, video
display: inline-block
audio:not([controls])
display: none; height: 0
[hidden], template
display: none
html
font-family: sans-serif; undefined: undefined; -ms-text-size-adjust: 100%; undefined: undefined; -webkit-text-size-adjust: 100%; undefined: undefined
body
margin: 0
a
background: transparent
a:focus
outline: thin dotted
a:active, a:hover
outline: 0
h1
margin: 0.67em 0
abbr[title]
border-bottom: 1px dotted
b, strong
font-weight: bold
dfn
font-style: italic
hr
-moz-box-sizing: content-box; box-sizing: content-box; height: 0
mark
background: #ff0; color: #000
code, kbd, pre, samp
font-family: monospace, serif; font-size: 1em
pre
white-space: pre-wrap
q
quotes: "\201C" "\201D" "\2018" "\2019"
small
font-size: 80%
sub, sup
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline
sup
top: -0.5em
sub
bottom: -0.25em
img
border: 0
svg:not(:root)
overflow: hidden
figure
margin: 0
fieldset
border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em
legend
border: 0; undefined: undefined; padding: 0; undefined: undefined
button, input, select, textarea
font-family: inherit; undefined: undefined; font-size: 100%; undefined: undefined; margin: 0; undefined: undefined
button, input
line-height: normal
button, select
text-transform: none
button, html input[type="button"], input[type="reset"], input[type="submit"]
-webkit-appearance: button; undefined: undefined; cursor: pointer; undefined: undefined
button[disabled], html input[disabled]
cursor: default
input[type="checkbox"], input[type="radio"]
box-sizing: border-box; undefined: undefined; padding: 0; undefined: undefined
input[type="search"]
-webkit-appearance: textfield; undefined: undefined; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; undefined: undefined; box-sizing: content-box
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
-webkit-appearance: none
button::-moz-focus-inner, input::-moz-focus-inner
border: 0; padding: 0
textarea
overflow: auto; undefined: undefined; vertical-align: top; undefined: undefined
table
border-collapse: collapse; border-spacing: 0
html, body
height: 100%
div, article, section, main, footer, header, form, fieldset, pre, code, p, input[type="text"], input[type="tel"], input[type="email"], input[type="password"]
box-sizing: border-box
.mega
font-size: 4rem
.f1
font-size: 3rem
.f2
font-size: 2rem
.f3
font-size: 1.5rem
.f4
font-size: 1rem
.f5, .small
font-size: 0.85rem
.tracked
letter-spacing: 0.16em
.tracked-tight
letter-spacing: -0.1em
.mega-tracked
letter-spacing: 0.3em
.lh
line-height: 1
.lh-title
line-height: 1.3
.lh-copy
line-height: 1.6
.bn.bn
border-style: solid; border-width: 0
.ba
border-style: solid; border-width: 1px
.bt
border-top-style: solid; border-top-width: 1px
.br
border-right-style: solid; border-right-width: 1px
.bb
border-bottom-style: solid; border-bottom-width: 1px
.bl
border-left-style: solid; border-left-width: 1px
.bda
border-style: dotted; border-width: 1px
.bdt
border-top-style: dotted; border-top-width: 1px
.bdr
border-right-style: dotted; border-right-width: 1px
.bdb
border-bottom-style: dotted; border-bottom-width: 1px
.bdl
border-left-style: dotted; border-left-width: 1px
.b--black
border-color: #000
.b--near-black
border-color: #111
.b--dark-gray
border-color: #333
.b--mid-gray
border-color: #555
.b--gray
border-color: #777
.b--silver
border-color: #999
.b--light-silver
border-color: #aaa
.b--light-gray
border-color: #eee
.b--near-white
border-color: #f4f4f4
.b--white
border-color: #fff
.b--white-10
border-color: rgba(255, 255, 255, 0.1)
.b--white-25
border-color: rgba(255, 255, 255, 0.25)
.b--white-50
border-color: rgba(255, 255, 255, 0.5)
.b--white-75
border-color: rgba(255, 255, 255, 0.75)
.b--black-10
border-color: rgba(0, 0, 0, 0.1)
.b--black-25
border-color: rgba(0, 0, 0, 0.25)
.b--black-50
border-color: rgba(0, 0, 0, 0.5)
.b--black-75
border-color: rgba(0, 0, 0, 0.75)
.b--blue
border-color: #0074D9
.b--light-blue
border-color: #64a8ff
.b--lightest-blue
border-color: #a2dfff
.b--dark-blue
border-color: #0045a1
.b--darkest-blue
border-color: #002f86
.b--yellow
border-color: #fff93c
.b--light-yellow
border-color: #fffa60
.b--lightest-yellow
border-color: #fffca6
.b--dark-yellow
border-color: #e2c100
.b--darkest-yellow
border-color: #c4a600
.b--orange
border-color: #FF851B
.b--light-orange
border-color: #ffa942
.b--lightest-orange
border-color: #ffc55d
.b--dark-orange
border-color: #d05e00
.b--darkest-orange
border-color: #b14400
.b--red
border-color: #d82c2c
.b--light-red
border-color: #f94f44
.b--lightest-red
border-color: #ff6c5c
.b--dark-red
border-color: #bd001a
.b--darkest-red
border-color: #9d0003
.b--teal
border-color: #27bfa8
.b--light-teal
border-color: #4eddc5
.b--lightest-teal
border-color: #6ffae0
.b--dark-teal
border-color: #25a28f
.b--darkest-teal
border-color: #008876
.b--green
border-color: #3D9970
.b--light-green
border-color: #5ab48a
.b--lightest-green
border-color: #75d0a4
.b--dark-green
border-color: #1e7f58
.b--darkest-green
border-color: #006540
.b--pink
border-color: #F012BE
.b--light-pink
border-color: #ff57e8
.b--lightest-pink
border-color: #ff81ff
.b--dark-pink
border-color: #d100a3
.b--darkest-pink
border-color: #b20088
.b--purple
border-color: #980bc6
.b--light-purple
border-color: #b536e2
.b--lightest-purple
border-color: #d355ff
.b--dark-purple
border-color: #7b00a9
.b--darkest-purple
border-color: #5f008e
.brn
border-radius: 0
.br1
border-radius: 0.125rem
.br2
border-radius: 0.25rem
.br3
border-radius: 0.5rem
.br4
border-radius: 1rem
.br5
border-radius: 2rem
.br-circ
border-radius: 9999px
.br-100
border-radius: 100%
.bs-none
border-style: none
.bs-dotted
border-style: dotted
.bs-solid
border-style: solid
.bw0
border-width: 0
.bw1
border-width: 0.125rem
.bw2
border-width: 0.25rem
.bw3
border-width: 0.5rem
.bw4
border-width: 0.75rem
.bw5
border-width: 1rem
.btn--black, .btn--black:link, .btn--black:visited
color: #fff; background-color: #000
.btn--black:hover
color: #fff; background-color: #777; border-color: #777
.btn--black:active
color: #fff; background-color: #999; border-color: #999
.btn--black:hover
background-color: #444
.btn--black
background-color: #000
.btn--gray:link, .btn--gray:visited
background-color: #f0f0f0; border-color: #f0f0f0; color: #555
.btn--gray:hover
background-color: #ddd; border-color: #ddd; color: #444
.btn--gray:active
background-color: #ccc; border-color: #ccc; color: #444
.btn--gray-border:link, .btn--gray-border:visited
background-color: #fff; border-color: #555; border-width: 2px; color: #555
.btn--gray-border:hover
background-color: #fff; border-color: #ddd; color: #777
.btn--gray-border:active
background-color: #ccc; border-color: #ccc; color: #444
.btn--gray-dark:link, .btn--gray-dark:visited
background-color: #555; color: #eee
.btn--gray-dark:hover
background-color: #333; border-color: #333; color: #eee
.btn--gray-dark:active
background-color: #777; border-color: #777; color: #eee
.btn--blue:link, .btn--blue:visited
color: #fff; background-color: #0074D9
.btn--blue:hover
color: #fff !important; background-color: #0063aa; border-color: #0063aa
.btn--blue:active
color: #fff; background-color: #001F3F; border-color: #001F3F
.btn, .btn:link, .btn:visited
border-radius: 0.3em; border-style: solid; border-width: 1px; color: #111; display: inline-block; letter-spacing: 0.15em; text-decoration: none; text-transform: uppercase; transition: color 0.4s, background-color 0.4s, border 0.4s
.btn:hover
color: #7FDBFF; border: 1px solid #7FDBFF; transition: background-color 0.3s, color 0.3s, border 0.3s
.btn:active
color: #0074D9; border: 1px solid #0074D9; transition: background-color 0.3s, color 0.3s, border 0.3s
.btn--s
font-size: 12px
.btn--m
font-size: 14px
.btn--l
font-size: 20px; border-radius: 0.25em !important
.btn--full, .btn--full:link
border-radius: 0.25em; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%
.pre
overflow-x: auto; overflow-y: hidden; overflow: scroll
.code
white-space: pre; font-size: 14px
.dn
display: none
.di
display: inline
.db
display: block
.dib
display: inline-block
.dit
display: inline-table
.dt
display: table; table-layout: fixed; width: 100%
.dtc
display: table-cell
.dtcol
display: table-column
.dtcolg
display: table-column-group
body, .sans-serif
font-family: 'avenir next', avenir, helvetica, 'helvetica neue', arial, sans-serif
.open-sans
font-family: "Open sans", sans-serif
.serif
font-family: "Calisto MT", georgia, serif
.mono, code
font-family: Consolas, monaco, monospace
.serif-bodini
font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
.serif-calisto
font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif
.serif-garamond
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif
.serif-times
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif
.fsn
font-style: normal
.i
font-style: italic
.normal
font-weight: normal
.b
font-weight: bold
.thin
font-weight: 100
.book
font-weight: 400
.bold
font-weight: 700
.heavy
font-weight: 900
.input-text
outline: 0; border: 1px solid #999
.input-invisible
outline: 0; border: 0
.h1
height: 1rem
.h2
height: 2rem
.h3
height: 4rem
.h4
height: 8rem
.h5
height: 16rem
.h-10
height: 10%
.h-20
height: 20%
.h-25
height: 25%
.h-40
height: 40%
.h-50
height: 50%
.h-60
height: 60%
.h-75
height: 75%
.h-80
height: 80%
.h-100
height: 100%
.h-bb
height: border-box
.h-cb
height: content-box
.h-mx
height: max-content
.h-mn
height: min-content
.h-av
height: available
.h-fc
height: fit-content
.h-at
height: auto
.h-i
height: inherit
img
max-width: 100%
.link
text-decoration: none; transition: color 0.15s ease-in
.link:link, .link:visited
color: #2D243B; transition: color 0.15s ease-in
.link:hover
color: #999999; transition: color 0.15s ease-in
.link:active
color: #C4E3E0; transition: color 0.15s ease-in
.link:focus
color: #2D243B; transition: color 0.15s ease-in
.underline
text-decoration: underline
.underline-hover:hover
text-decoration: underline
.list
list-style-type: none
.of-vis
overflow: visible
.of-hid
overflow: hidden
.of-scr
overflow: scroll
.of-aut
overflow: auto
.ofx-vis
overflow-x: visible
.ofx-hid
overflow-x: hidden
.ofx-scr
overflow-x: scroll
.ofx-aut
overflow-x: auto
.ofy-vis
overflow-y: visible
.ofy-hid
overflow-y: hidden
.ofy-scr
overflow-y: scroll
.ofy-aut
overflow-y: auto
.pos-stat
position: static
.pos-rel
position: relative
.pos-abs
position: absolute
.pos-fix
position: fixed
.top-0
top: 0
.left-0
left: 0
.right-0
right: 0
.bottom-0
bottom: 0
.top-1
top: 1rem
.left-1
left: 1rem
.right-1
right: 1rem
.bottom-1
bottom: 1rem
.top-2
top: 2rem
.left-2
left: 2rem
.right-2
right: 2rem
.bottom-2
bottom: 2rem
.top-4
top: 4rem
.left-4
left: 4rem
.right-4
right: 4rem
.bottom-4
bottom: 4rem
.top-auto
top: auto
.top-i
top: inherit
.center
margin-right: auto; margin-left: auto
.bg-cv
background-size: cover
.bg-cn
background-size: contain
.black
color: #111
.dark-gray
color: #333
.mid-gray
color: #555
.gray
color: #777
.silver
color: #999
.light-silver
color: #aaa
.light-gray
color: #eee
.near-white
color: #f4f4f4
.white
color: #fff
.blue
color: #0074D9
.light-blue
color: #64a8ff
.lightest-blue
color: #a2dfff
.dark-blue
color: #0045a1
.darkest-blue
color: #002f86
.yellow
color: #fff93c
.light-yellow
color: #fffa60
.lightest-yellow
color: #fffca6
.dark-yellow
color: #e2c100
.darkest-yellow
color: #c4a600
.orange
color: #FF851B
.light-orange
color: #ffa942
.lightest-orange
color: #ffc55d
.dark-orange
color: #d05e00
.darkest-orange
color: #b14400
.red
color: #d82c2c
.light-red
color: #f94f44
.lightest-red
color: #ff6c5c
.dark-red
color: #bd001a
.darkest-red
color: #9d0003
.teal
color: #27bfa8
.light-teal
color: #4eddc5
.lightest-teal
color: #6ffae0
.dark-teal
color: #25a28f
.darkest-teal
color: #008876
.green
color: #3D9970
.light-green
color: #5ab48a
.lightest-green
color: #75d0a4
.dark-green
color: #1e7f58
.darkest-green
color: #006540
.pink
color: #F012BE
.light-pink
color: #ff57e8
.lightest-pink
color: #ff81ff
.dark-pink
color: #d100a3
.darkest-pink
color: #b20088
.purple
color: #980bc6
.light-purple
color: #b536e2
.lightest-purple
color: #d355ff
.dark-purple
color: #7b00a9
.darkest-purple
color: #5f008e
.bg-black
background-color: #111
.bg-dark-gray
background-color: #333
.bg-mid-gray
background-color: #555
.bg-gray
background-color: #777
.bg-silver
background-color: #999
.bg-light-silver
background-color: #aaa
.bg-light-gray
background-color: #eee
.bg-near-white
background-color: #f4f4f4
.bg-white
background-color: #fff
.bg-blue
background-color: #0074D9
.bg-light-blue
background-color: #64a8ff
.bg-lightest-blue
background-color: #a2dfff
.bg-dark-blue
background-color: #0045a1
.bg-darkest-blue
background-color: #002f86
.bg-yellow
background-color: #fff93c
.bg-light-yellow
background-color: #fffa60
.bg-lightest-yellow
background-color: #fffca6
.bg-dark-yellow
background-color: #e2c100
.bg-darkest-yellow
background-color: #c4a600
.bg-orange
background-color: #FF851B
.bg-light-orange
background-color: #ffa942
.bg-lightest-orange
background-color: #ffc55d
.bg-dark-orange
background-color: #d05e00
.bg-darkest-orange
background-color: #b14400
.bg-red
background-color: #d82c2c
.bg-light-red
background-color: #f94f44
.bg-lightest-red
background-color: #ff6c5c
.bg-dark-red
background-color: #bd001a
.bg-darkest-red
background-color: #9d0003
.bg-teal
background-color: #27bfa8
.bg-light-teal
background-color: #4eddc5
.bg-lightest-teal
background-color: #6ffae0
.bg-dark-teal
background-color: #25a28f
.bg-darkest-teal
background-color: #008876
.bg-green
background-color: #3D9970
.bg-light-green
background-color: #5ab48a
.bg-lightest-green
background-color: #75d0a4
.bg-dark-green
background-color: #1e7f58
.bg-darkest-green
background-color: #006540
.bg-pink
background-color: #F012BE
.bg-light-pink
background-color: #ff57e8
.bg-lightest-pink
background-color: #ff81ff
.bg-dark-pink
background-color: #d100a3
.bg-darkest-pink
background-color: #b20088
.bg-purple
background-color: #980bc6
.bg-light-purple
background-color: #b536e2
.bg-lightest-purple
background-color: #d355ff
.bg-dark-purple
background-color: #7b00a9
.bg-darkest-purple
background-color: #5f008e
.dim
opacity: 1; transition: opacity 0.15s ease-in-out
.dim:hover
opacity: 0.6; transition: opacity 0.15s ease-in
.dim:active, .dim:focus
opacity: 0.8; transition: opacity 0.15s ease-out
.pan
padding: 0
.paxs
padding: 0.25rem
.pas
padding: 0.5rem
.pam
padding: 1rem
.pal
padding: 2rem
.pax
padding: 4rem
.paxl
padding: 8rem
.paxxl
padding: 16rem
.pln
padding-left: 0
.plxs
padding-left: 0.25rem
.pls
padding-left: 0.5rem
.plm
padding-left: 1rem
.pll
padding-left: 2rem
.plx
padding-left: 4rem
.plxl
padding-left: 8rem
.plxxl
padding-left: 16rem
.prn
padding-right: 0
.prxs
padding-right: 0.25rem
.prs
padding-right: 0.5rem
.prm
padding-right: 1rem
.prl
padding-right: 2rem
.prx
padding-right: 4rem
.prxl
padding-right: 8rem
.prxxl
padding-right: 16rem
.pbn
padding-bottom: 0
.pbxs
padding-bottom: 0.25rem
.pbs
padding-bottom: 0.5rem
.pbm
padding-bottom: 1rem
.pbl
padding-bottom: 2rem
.pbx
padding-bottom: 4rem
.pbxl
padding-bottom: 8rem
.pbxxl
padding-bottom: 16rem
.ptn
padding-top: 0
.ptxs
padding-top: 0.25rem
.pts
padding-top: 0.5rem
.ptm
padding-top: 1rem
.ptl
padding-top: 2rem
.ptx
padding-top: 4rem
.ptxl
padding-top: 8rem
.ptxxl
padding-top: 16rem
.pvn
padding-top: 0; padding-bottom: 0
.pvxs
padding-top: 0.25rem; padding-bottom: 0.25rem
.pvs
padding-top: 0.5rem; padding-bottom: 0.5rem
.pvm
padding-top: 1rem; padding-bottom: 1rem
.pvl
padding-top: 2rem; padding-bottom: 2rem
.pvx
padding-top: 4rem; padding-bottom: 4rem
.pvxl
padding-top: 8rem; padding-bottom: 8rem
.pvxxl
padding-top: 16rem; padding-bottom: 16rem
.phn
padding-left: 0; padding-right: 0
.phxs
padding-left: 0.25rem; padding-right: 0.25rem
.phs
padding-left: 0.5rem; padding-right: 0.5rem
.phm
padding-left: 1rem; padding-right: 1rem
.phl
padding-left: 2rem; padding-right: 2rem
.phx
padding-left: 4rem; padding-right: 4rem
.phxl
padding-left: 8rem; padding-right: 8rem
.phxxl
padding-left: 16rem; padding-right: 16rem
.man
margin: 0
.maxs
margin: 0.25rem
.mas
margin: 0.5rem
.mam
margin: 1rem
.mal
margin: 2rem
.max
margin: 4rem
.maxl
margin: 8rem
.maxxl
margin: 16rem
.mln
margin-left: 0
.mlxs
margin-left: 0.25rem
.mls
margin-left: 0.5rem
.mlm
margin-left: 1rem
.mll
margin-left: 2rem
.mlx
margin-left: 4rem
.mlxl
margin-left: 8rem
.mlxxl
margin-left: 16rem
.mrn
margin-right: 0
.mrxs
margin-right: 0.25rem
.mrs
margin-right: 0.5rem
.mrm
margin-right: 1rem
.mrl
margin-right: 2rem
.mrx
margin-right: 4rem
.mrxl
margin-right: 8rem
.mrxxl
margin-right: 16rem
.mbn
margin-bottom: 0
.mbxs
margin-bottom: 0.25rem
.mbs
margin-bottom: 0.5rem
.mbm
margin-bottom: 1rem
.mbl
margin-bottom: 2rem
.mbx
margin-bottom: 4rem
.mbxl
margin-bottom: 8rem
.mbxxl
margin-bottom: 16rem
.mtn
margin-top: 0
.mtxs
margin-top: 0.25rem
.mts
margin-top: 0.5rem
.mtm
margin-top: 1rem
.mtl
margin-top: 2rem
.mtx
margin-top: 4rem
.mtxl
margin-top: 8rem
.mtxxl
margin-top: 16rem
.mvn
margin-top: 0; margin-bottom: 0rem
.mvxs
margin-top: 0.25rem; margin-bottom: 0.25rem
.mvs
margin-top: 0.5rem; margin-bottom: 0.5rem
.mvm
margin-top: 1rem; margin-bottom: 1rem
.mvl
margin-top: 2rem; margin-bottom: 2rem
.mvx
margin-top: 4rem; margin-bottom: 4rem
.mvxl
margin-top: 8rem; margin-bottom: 8rem
.mvxxl
margin-top: 16rem; margin-bottom: 16rem
.mhn
margin-left: 0; margin-right: 0
.mhs
margin-left: 0.5rem; margin-right: 0.5rem
.mhm
margin-left: 1rem; margin-right: 1rem
.mhl
margin-left: 2rem; margin-right: 2rem
.mhx
margin-left: 4rem; margin-right: 4rem
.mhxl
margin-left: 8rem; margin-right: 8rem
.mhxxl
margin-left: 16rem; margin-right: 16rem
.fill-black
fill: #000
.fill-near-black
fill: #111
.fill-dark-gray
fill: #333
.fill-mid-gray
fill: #555
.fill-gray
fill: #777
.fill-silver
fill: #999
.fill-light-silver
fill: #aaa
.fill-moon-gray
fill: #ccc
.fill-light-gray
fill: #eee
.fill-near-white
fill: #f4f4f4
.fill-white
fill: #fff
.fill-blue
fill: #0074D9
.fill-light-blue
fill: #64a8ff
.fill-lightest-blue
fill: #a2dfff
.fill-dark-blue
fill: #0045a1
.fill-darkest-blue
fill: #002f86
.fill-yellow
fill: #fff93c
.fill-light-yellow
fill: #fffa60
.fill-lightest-yellow
fill: #fffca6
.fill-dark-yellow
fill: #e2c100
.fill-darkest-yellow
fill: #c4a600
.fill-orange
fill: #FF851B
.fill-light-orange
fill: #ffa942
.fill-lightest-orange
fill: #ffc55d
.fill-dark-orange
fill: #d05e00
.fill-darkest-orange
fill: #b14400
.fill-red
fill: #d82c2c
.fill-light-red
fill: #f94f44
.fill-lightest-red
fill: #ff6c5c
.fill-dark-red
fill: #bd001a
.fill-darkest-red
fill: #9d0003
.fill-teal
fill: #27bfa8
.fill-light-teal
fill: #4eddc5
.fill-lightest-teal
fill: #6ffae0
.fill-dark-teal
fill: #25a28f
.fill-darkest-teal
fill: #008876
.fill-green
fill: #3D9970
.fill-light-green
fill: #5ab48a
.fill-lightest-green
fill: #75d0a4
.fill-dark-green
fill: #1e7f58
.fill-darkest-green
fill: #006540
.fill-pink
fill: #F012BE
.fill-light-pink
fill: #ff57e8
.fill-lightest-pink
fill: #ff81ff
.fill-dark-pink
fill: #d100a3
.fill-darkest-pink
fill: #b20088
.fill-purple
fill: #980bc6
.fill-light-purple
fill: #b536e2
.fill-lightest-purple
fill: #d355ff
.fill-dark-purple
fill: #7b00a9
.fill-darkest-purple
fill: #5f008e
.sw-4
stroke-width: 4
.stroke-black
stroke: #000
.stroke-near-black
stroke: #111
.stroke-dark-gray
stroke: #333
.stroke-mid-gray
stroke: #555
.stroke-gray
stroke: #777
.stroke-silver
stroke: #999
.stroke-light-silver
stroke: #aaa
.stroke-moon-gray
stroke: #ccc
.stroke-light-gray
stroke: #eee
.stroke-near-white
stroke: #f4f4f4
.stroke-white
stroke: #fff
.stroke-blue
stroke: #0074D9
.stroke-light-blue
stroke: #64a8ff
.stroke-lightest-blue
stroke: #a2dfff
.stroke-dark-blue
stroke: #0045a1
.stroke-darkest-blue
stroke: #002f86
.stroke-yellow
stroke: #fff93c
.stroke-light-yellow
stroke: #fffa60
.stroke-lightest-yellow
stroke: #fffca6
.stroke-dark-yellow
stroke: #e2c100
.stroke-darkest-yellow
stroke: #c4a600
.stroke-orange
stroke: #FF851B
.stroke-light-orange
stroke: #ffa942
.stroke-lightest-orange
stroke: #ffc55d
.stroke-dark-orange
stroke: #d05e00
.stroke-darkest-orange
stroke: #b14400
.stroke-red
stroke: #d82c2c
.stroke-light-red
stroke: #f94f44
.stroke-lightest-red
stroke: #ff6c5c
.stroke-dark-red
stroke: #bd001a
.stroke-darkest-red
stroke: #9d0003
.stroke-teal
stroke: #27bfa8
.stroke-light-teal
stroke: #4eddc5
.stroke-lightest-teal
stroke: #6ffae0
.stroke-dark-teal
stroke: #25a28f
.stroke-darkest-teal
stroke: #008876
.stroke-green
stroke: #3D9970
.stroke-light-green
stroke: #5ab48a
.stroke-lightest-green
stroke: #75d0a4
.stroke-dark-green
stroke: #1e7f58
.stroke-darkest-green
stroke: #006540
.stroke-pink
stroke: #F012BE
.stroke-light-pink
stroke: #ff57e8
.stroke-lightest-pink
stroke: #ff81ff
.stroke-dark-pink
stroke: #d100a3
.stroke-darkest-pink
stroke: #b20088
.stroke-purple
stroke: #980bc6
.stroke-light-purple
stroke: #b536e2
.stroke-lightest-purple
stroke: #d355ff
.stroke-dark-purple
stroke: #7b00a9
.stroke-darkest-purple
stroke: #5f008e
.tl
text-align: left
.tr
text-align: right
.tc
text-align: center
.under
text-decoration: underline
.none
text-decoration: none
.ttc
text-transform: capitalize
.ttu
text-transform: uppercase; letter-spacing: 0.2em
.flag
display: table; width: 100%
.flag--image, .flag--body
display: table-cell; vertical-align: middle
.flag--top .flag--image, .flag--top .flag--body
vertical-align: top
.flag--bottom .flag--image, .flag--bottom .flag--body
vertical-align: bottom
.flag--image
padding-right: 10px
.flag--image > img
display: block; max-width: none
.flag--rev .flag--image
padding-right: 0; padding-left: 10px
.flag--body
width: 100%
.aspect-ratio
height: 0; padding-top: 56.25%; position: relative
.aspect-ratio--object
bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100
.overflow-container
overflow-y: scroll
.v-base
vertical-align: baseline
.v-sub
vertical-align: sub
.v-sup
vertical-align: super
.v-txt-top
vertical-align: text-top
.v-txt-btm
vertical-align: text-bottom
.v-mid
vertical-align: middle
.v-top
vertical-align: top
.v-btm
vertical-align: bottom
.clip
position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); undefined: undefined; clip: rect(1px, 1px, 1px, 1px)
.ws-norm
white-space: normal
.ws-nowrap
white-space: nowrap
.ws-pre
white-space: pre
.fl
float: left; display: inline
.fr
float: right; display: inline
.fn
float: none
.cn
clear: none
.cl
clear: left
.cr
clear: right
.cb
clear: both
.cf:before, .cf:after
content: " "; display: table
.cf:after
clear: both
.cf
*zoom: 1
.mw-100
max-width: 100%
.mw-75
max-width: 75%
.mw-50
max-width: 50%
.mw-25
max-width: 25%
.mw1
max-width: 1rem
.mw2
max-width: 2rem
.mw3
max-width: 4rem
.mw4
max-width: 8rem
.mw5
max-width: 16rem
.mw6
max-width: 32rem
.mw7
max-width: 48rem
.mw8
max-width: 64rem
.mw9
max-width: 96rem
.mw10
max-width: 128rem
.mw-none
max-width: none
.mw-max
max-width: max-content
.mw-min
max-width: min-content
.mw-fit
max-width: fit-content
.mw-fill
max-width: fill-available
.wi1
width: 1rem
.wi2
width: 2rem
.wi3
width: 4rem
.wi4
width: 8rem
.wi5
width: 16rem
.wi-10
width: 10%
.wi-20
width: 20%
.wi-25
width: 25%
.wi-33
width: 33%
.wi-34
width: 34%
.wi-40
width: 40%
.wi-50
width: 50%
.wi-60
width: 60%
.wi-75
width: 75%
.wi-80
width: 80%
.wi-90
width: 80%
.wi-100
width: 100%
.wi-at
width: auto
.wrap
display: block; width: auto !important
.fill
display: block; overflow: hidden; width: auto !important
.wsn
word-spacing: normal
.wsib
word-spacing: -0.43em