diff --git a/css/tachyons.css b/css/tachyons.css index a67863d..619d66e 100644 --- a/css/tachyons.css +++ b/css/tachyons.css @@ -386,122 +386,122 @@ img { max-width: 100%; } --color-name = each color variable name is also a border color name */ -.b--black { border-color: undefined; } -.b--near-black { border-color: undefined; } -.b--dark-gray { border-color: undefined; } -.b--mid-gray { border-color: undefined; } -.b--gray { border-color: undefined; } -.b--silver { border-color: undefined; } -.b--light-silver { border-color: undefined; } -.b--moon-gray { border-color: undefined; } -.b--light-gray { border-color: undefined; } -.b--near-white { border-color: undefined; } -.b--white { border-color: undefined; } -.b--white-90 { border-color: undefined; } -.b--white-80 { border-color: undefined; } -.b--white-70 { border-color: undefined; } -.b--white-60 { border-color: undefined; } -.b--white-50 { border-color: undefined; } -.b--white-40 { border-color: undefined; } -.b--white-30 { border-color: undefined; } -.b--white-20 { border-color: undefined; } -.b--white-10 { border-color: undefined; } -.b--white-05 { border-color: undefined; } -.b--white-025 { border-color: undefined; } -.b--white-0125 { border-color: undefined; } -.b--black-90 { border-color: undefined; } -.b--black-80 { border-color: undefined; } -.b--black-70 { border-color: undefined; } -.b--black-60 { border-color: undefined; } -.b--black-50 { border-color: undefined; } -.b--black-40 { border-color: undefined; } -.b--black-30 { border-color: undefined; } -.b--black-20 { border-color: undefined; } -.b--black-10 { border-color: undefined; } -.b--black-05 { border-color: undefined; } -.b--black-025 { border-color: undefined; } -.b--black-0125 { border-color: undefined; } -.b--red-0 { border-color: undefined; } -.b--red-1 { border-color: undefined; } -.b--red-2 { border-color: undefined; } -.b--red-3 { border-color: undefined; } -.b--red-4 { border-color: undefined; } -.b--red-5 { border-color: undefined; } -.b--red-6 { border-color: undefined; } -.b--red-7 { border-color: undefined; } -.b--red-8 { border-color: undefined; } -.b--red-9 { border-color: undefined; } -.b--gold-0 { border-color: undefined; } -.b--gold-1 { border-color: undefined; } -.b--gold-2 { border-color: undefined; } -.b--gold-3 { border-color: undefined; } -.b--gold-4 { border-color: undefined; } -.b--gold-5 { border-color: undefined; } -.b--gold-6 { border-color: undefined; } -.b--gold-7 { border-color: undefined; } -.b--gold-8 { border-color: undefined; } -.b--gold-9 { border-color: undefined; } -.b--green-0 { border-color: undefined; } -.b--green-1 { border-color: undefined; } -.b--green-2 { border-color: undefined; } -.b--green-3 { border-color: undefined; } -.b--green-4 { border-color: undefined; } -.b--green-5 { border-color: undefined; } -.b--green-6 { border-color: undefined; } -.b--green-7 { border-color: undefined; } -.b--green-8 { border-color: undefined; } -.b--green-9 { border-color: undefined; } -.b--teal-0 { border-color: undefined; } -.b--teal-1 { border-color: undefined; } -.b--teal-2 { border-color: undefined; } -.b--teal-3 { border-color: undefined; } -.b--teal-4 { border-color: undefined; } -.b--teal-5 { border-color: undefined; } -.b--teal-6 { border-color: undefined; } -.b--teal-7 { border-color: undefined; } -.b--teal-8 { border-color: undefined; } -.b--teal-9 { border-color: undefined; } -.b--blue-0 { border-color: undefined; } -.b--blue-1 { border-color: undefined; } -.b--blue-2 { border-color: undefined; } -.b--blue-3 { border-color: undefined; } -.b--blue-4 { border-color: undefined; } -.b--blue-5 { border-color: undefined; } -.b--blue-6 { border-color: undefined; } -.b--blue-7 { border-color: undefined; } -.b--blue-8 { border-color: undefined; } -.b--blue-9 { border-color: undefined; } -.b--indigo-0 { border-color: undefined; } -.b--indigo-1 { border-color: undefined; } -.b--indigo-2 { border-color: undefined; } -.b--indigo-3 { border-color: undefined; } -.b--indigo-4 { border-color: undefined; } -.b--indigo-5 { border-color: undefined; } -.b--indigo-6 { border-color: undefined; } -.b--indigo-7 { border-color: undefined; } -.b--indigo-8 { border-color: undefined; } -.b--indigo-9 { border-color: undefined; } -.b--violet-0 { border-color: undefined; } -.b--violet-1 { border-color: undefined; } -.b--violet-2 { border-color: undefined; } -.b--violet-3 { border-color: undefined; } -.b--violet-4 { border-color: undefined; } -.b--violet-5 { border-color: undefined; } -.b--violet-6 { border-color: undefined; } -.b--violet-7 { border-color: undefined; } -.b--violet-8 { border-color: undefined; } -.b--violet-9 { border-color: undefined; } -.b--gray-0 { border-color: undefined; } -.b--gray-1 { border-color: undefined; } -.b--gray-2 { border-color: undefined; } -.b--gray-3 { border-color: undefined; } -.b--gray-4 { border-color: undefined; } -.b--gray-5 { border-color: undefined; } -.b--gray-6 { border-color: undefined; } -.b--gray-7 { border-color: undefined; } -.b--gray-8 { border-color: undefined; } -.b--gray-9 { border-color: undefined; } -.b--transparent { border-color: undefined; } +.b--black { border-color: var( --black ); } +.b--near-black { border-color: var( --near-black ); } +.b--dark-gray { border-color: var( --dark-gray ); } +.b--mid-gray { border-color: var( --mid-gray ); } +.b--gray { border-color: var( --gray ); } +.b--silver { border-color: var( --silver ); } +.b--light-silver { border-color: var( --light-silver ); } +.b--moon-gray { border-color: var( --moon-gray ); } +.b--light-gray { border-color: var( --light-gray ); } +.b--near-white { border-color: var( --near-white ); } +.b--white { border-color: var( --white ); } +.b--white-90 { border-color: var( --white-90 ); } +.b--white-80 { border-color: var( --white-80 ); } +.b--white-70 { border-color: var( --white-70 ); } +.b--white-60 { border-color: var( --white-60 ); } +.b--white-50 { border-color: var( --white-50 ); } +.b--white-40 { border-color: var( --white-40 ); } +.b--white-30 { border-color: var( --white-30 ); } +.b--white-20 { border-color: var( --white-20 ); } +.b--white-10 { border-color: var( --white-10 ); } +.b--white-05 { border-color: var( --white-05 ); } +.b--white-025 { border-color: var( --white-025 ); } +.b--white-0125 { border-color: var( --white-0125 ); } +.b--black-90 { border-color: var( --black-90 ); } +.b--black-80 { border-color: var( --black-80 ); } +.b--black-70 { border-color: var( --black-70 ); } +.b--black-60 { border-color: var( --black-60 ); } +.b--black-50 { border-color: var( --black-50 ); } +.b--black-40 { border-color: var( --black-40 ); } +.b--black-30 { border-color: var( --black-30 ); } +.b--black-20 { border-color: var( --black-20 ); } +.b--black-10 { border-color: var( --black-10 ); } +.b--black-05 { border-color: var( --black-05 ); } +.b--black-025 { border-color: var( --black-025 ); } +.b--black-0125 { border-color: var( --black-0125 ); } +.b--red-0 { border-color: var( --red-000 ); } +.b--red-1 { border-color: var( --red-100 ); } +.b--red-2 { border-color: var( --red-200 ); } +.b--red-3 { border-color: var( --red-300 ); } +.b--red-4 { border-color: var( --red-400 ); } +.b--red-5 { border-color: var( --red-500 ); } +.b--red-6 { border-color: var( --red-600 ); } +.b--red-7 { border-color: var( --red-700 ); } +.b--red-8 { border-color: var( --red-800 ); } +.b--red-9 { border-color: var( --red-900 ); } +.b--gold-0 { border-color: var( --gold-000 ); } +.b--gold-1 { border-color: var( --gold-100 ); } +.b--gold-2 { border-color: var( --gold-200 ); } +.b--gold-3 { border-color: var( --gold-300 ); } +.b--gold-4 { border-color: var( --gold-400 ); } +.b--gold-5 { border-color: var( --gold-500 ); } +.b--gold-6 { border-color: var( --gold-600 ); } +.b--gold-7 { border-color: var( --gold-700 ); } +.b--gold-8 { border-color: var( --gold-800 ); } +.b--gold-9 { border-color: var( --gold-900 ); } +.b--green-0 { border-color: var( --green-000 ); } +.b--green-1 { border-color: var( --green-100 ); } +.b--green-2 { border-color: var( --green-200 ); } +.b--green-3 { border-color: var( --green-300 ); } +.b--green-4 { border-color: var( --green-400 ); } +.b--green-5 { border-color: var( --green-500 ); } +.b--green-6 { border-color: var( --green-600 ); } +.b--green-7 { border-color: var( --green-700 ); } +.b--green-8 { border-color: var( --green-800 ); } +.b--green-9 { border-color: var( --green-900 ); } +.b--teal-0 { border-color: var( --teal-000 ); } +.b--teal-1 { border-color: var( --teal-100 ); } +.b--teal-2 { border-color: var( --teal-200 ); } +.b--teal-3 { border-color: var( --teal-300 ); } +.b--teal-4 { border-color: var( --teal-400 ); } +.b--teal-5 { border-color: var( --teal-500 ); } +.b--teal-6 { border-color: var( --teal-600 ); } +.b--teal-7 { border-color: var( --teal-700 ); } +.b--teal-8 { border-color: var( --teal-800 ); } +.b--teal-9 { border-color: var( --teal-900 ); } +.b--blue-0 { border-color: var( --blue-000 ); } +.b--blue-1 { border-color: var( --blue-100 ); } +.b--blue-2 { border-color: var( --blue-200 ); } +.b--blue-3 { border-color: var( --blue-300 ); } +.b--blue-4 { border-color: var( --blue-400 ); } +.b--blue-5 { border-color: var( --blue-500 ); } +.b--blue-6 { border-color: var( --blue-600 ); } +.b--blue-7 { border-color: var( --blue-700 ); } +.b--blue-8 { border-color: var( --blue-800 ); } +.b--blue-9 { border-color: var( --blue-900 ); } +.b--indigo-0 { border-color: var( --indigo-000 ); } +.b--indigo-1 { border-color: var( --indigo-100 ); } +.b--indigo-2 { border-color: var( --indigo-200 ); } +.b--indigo-3 { border-color: var( --indigo-300 ); } +.b--indigo-4 { border-color: var( --indigo-400 ); } +.b--indigo-5 { border-color: var( --indigo-500 ); } +.b--indigo-6 { border-color: var( --indigo-600 ); } +.b--indigo-7 { border-color: var( --indigo-700 ); } +.b--indigo-8 { border-color: var( --indigo-800 ); } +.b--indigo-9 { border-color: var( --indigo-900 ); } +.b--violet-0 { border-color: var( --violet-000 ); } +.b--violet-1 { border-color: var( --violet-100 ); } +.b--violet-2 { border-color: var( --violet-200 ); } +.b--violet-3 { border-color: var( --violet-300 ); } +.b--violet-4 { border-color: var( --violet-400 ); } +.b--violet-5 { border-color: var( --violet-500 ); } +.b--violet-6 { border-color: var( --violet-600 ); } +.b--violet-7 { border-color: var( --violet-700 ); } +.b--violet-8 { border-color: var( --violet-800 ); } +.b--violet-9 { border-color: var( --violet-900 ); } +.b--gray-0 { border-color: var( --gray-000 ); } +.b--gray-1 { border-color: var( --gray-100 ); } +.b--gray-2 { border-color: var( --gray-200 ); } +.b--gray-3 { border-color: var( --gray-300 ); } +.b--gray-4 { border-color: var( --gray-400 ); } +.b--gray-5 { border-color: var( --gray-500 ); } +.b--gray-6 { border-color: var( --gray-600 ); } +.b--gray-7 { border-color: var( --gray-700 ); } +.b--gray-8 { border-color: var( --gray-800 ); } +.b--gray-9 { border-color: var( --gray-900 ); } +.b--transparent { border-color: var( --transparent ); } .b--inherit { border-color: inherit; } /* @@ -528,13 +528,13 @@ img { max-width: 100%; } -l = large */ -.br0 { border-radius: undefined; } -.br1 { border-radius: undefined; } -.br2 { border-radius: undefined; } -.br3 { border-radius: undefined; } -.br4 { border-radius: undefined; } -.br-100 { border-radius: undefined; } -.br-pill { border-radius: undefined; } +.br0 { border-radius: var( --border-radius-none ); } +.br1 { border-radius: var( --border-radius-1 ); } +.br2 { border-radius: var( --border-radius-2 ); } +.br3 { border-radius: var( --border-radius-3 ); } +.br4 { border-radius: var( --border-radius-4 ); } +.br-100 { border-radius: var( --border-radius-circle ); } +.br-pill { border-radius: var( --border-radius-pill ); } .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -587,17 +587,17 @@ img { max-width: 100%; } -l = large */ -.bw0 { border-width: undefined; } -.bw1 { border-width: undefined; } -.bw2 { border-width: undefined; } -.bw3 { border-width: undefined; } -.bw4 { border-width: undefined; } -.bw5 { border-width: undefined; } +.bw0 { border-width: var( --border-width-none ); } +.bw1 { border-width: var( --border-width-1 ); } +.bw2 { border-width: var( --border-width-2 ); } +.bw3 { border-width: var( --border-width-3 ); } +.bw4 { border-width: var( --border-width-4 ); } +.bw5 { border-width: var( --border-width-5 ); } /* Resets */ -.bt-0 { border-top-width: undefined; } -.br-0 { border-right-width: undefined; } -.bb-0 { border-bottom-width: undefined; } -.bl-0 { border-left-width: undefined; } +.bt-0 { border-top-width: var( --border-width-none ); } +.br-0 { border-right-width: var( --border-width-none ); } +.bb-0 { border-bottom-width: var( --border-width-none ); } +.bl-0 { border-left-width: var( --border-width-none ); } /* BOX-SHADOW @@ -609,11 +609,11 @@ img { max-width: 100%; } -l = large */ -.shadow-1 { box-shadow: undefined; } -.shadow-2 { box-shadow: undefined; } -.shadow-3 { box-shadow: undefined; } -.shadow-4 { box-shadow: undefined; } -.shadow-5 { box-shadow: undefined; } +.shadow-1 { box-shadow: var( --box-shadow-1 ); } +.shadow-2 { box-shadow: var( --box-shadow-2 ); } +.shadow-3 { box-shadow: var( --box-shadow-3 ); } +.shadow-4 { box-shadow: var( --box-shadow-4 ); } +.shadow-5 { box-shadow: var( --box-shadow-5 ); } /* CODE @@ -815,8 +815,8 @@ img { max-width: 100%; } Docs: http://tachyons.io/docs/typography/font-family/ */ -.sans-serif { font-family: undefined; } -.serif { font-family: undefined; } +.sans-serif { font-family: var( --sans-serif ); } +.serif { font-family: var( --serif ); } .system-sans-serif { font-family: sans-serif; } .system-serif { font-family: serif; } /* Monospaced Typefaces (for code) */ @@ -923,11 +923,11 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Height Scale */ -.h1 { height: undefined; } -.h2 { height: undefined; } -.h3 { height: undefined; } -.h4 { height: undefined; } -.h5 { height: undefined; } +.h1 { height: var( --height-1 ); } +.h2 { height: var( --height-2 ); } +.h3 { height: var( --height-3 ); } +.h4 { height: var( --height-4 ); } +.h5 { height: var( --height-5 ); } /* Height Percentages - Based off of height of parent */ .h-25 { height: 25%; } .h-50 { height: 50%; } @@ -954,9 +954,9 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.tracked { letter-spacing: undefined; } -.tracked-tight { letter-spacing: undefined; } -.tracked-mega { letter-spacing: undefined; } +.tracked { letter-spacing: var( --letter-spacing-1 ); } +.tracked-tight { letter-spacing: var( --letter-spacing-tight ); } +.tracked-mega { letter-spacing: var( --letter-spacing-2 ); } /* LINE HEIGHT / LEADING @@ -968,9 +968,9 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.lh-solid { line-height: undefined; } -.lh-title { line-height: undefined; } -.lh-copy { line-height: undefined; } +.lh-solid { line-height: var( --line-height-solid ); } +.lh-title { line-height: var( --line-height-title ); } +.lh-copy { line-height: var( --line-height-copy ); } /* LINKS @@ -1022,15 +1022,15 @@ code, .code { font-family: Consolas, monaco, monospace; } /* Max Width Percentages */ .mw-100 { max-width: 100%; } /* Max Width Scale */ -.mw1 { max-width: undefined; } -.mw2 { max-width: undefined; } -.mw3 { max-width: undefined; } -.mw4 { max-width: undefined; } -.mw5 { max-width: undefined; } -.mw6 { max-width: undefined; } -.mw7 { max-width: undefined; } -.mw8 { max-width: undefined; } -.mw9 { max-width: undefined; } +.mw1 { max-width: var( --max-width-1 ); } +.mw2 { max-width: var( --max-width-2 ); } +.mw3 { max-width: var( --max-width-3 ); } +.mw4 { max-width: var( --max-width-4 ); } +.mw5 { max-width: var( --max-width-5 ); } +.mw6 { max-width: var( --max-width-6 ); } +.mw7 { max-width: var( --max-width-7 ); } +.mw8 { max-width: var( --max-width-8 ); } +.mw9 { max-width: var( --max-width-9 ); } /* Max Width String Properties */ .mw-none { max-width: none; } /* @@ -1075,11 +1075,11 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Width Scale */ -.w1 { width: undefined; } -.w2 { width: undefined; } -.w3 { width: undefined; } -.w4 { width: undefined; } -.w5 { width: undefined; } +.w1 { width: var( --width-1 ); } +.w2 { width: var( --width-2 ); } +.w3 { width: var( --width-3 ); } +.w4 { width: var( --width-4 ); } +.w5 { width: var( --width-5 ); } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-25 { width: 25%; } @@ -1094,8 +1094,8 @@ code, .code { font-family: Consolas, monaco, monospace; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } -.w-third { width: 33.33333%; } -.w-two-thirds { width: 66.66667%; } +.w-third { width: calc( 100% / 3 ); } +.w-two-thirds { width: calc( 100% / 1.5 ); } .w-auto { width: auto; } /* @@ -1176,212 +1176,212 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Text colors */ -.black-90 { color: undefined; } -.black-80 { color: undefined; } -.black-70 { color: undefined; } -.black-60 { color: undefined; } -.black-50 { color: undefined; } -.black-40 { color: undefined; } -.black-30 { color: undefined; } -.black-20 { color: undefined; } -.black-10 { color: undefined; } -.black-05 { color: undefined; } -.white-90 { color: undefined; } -.white-80 { color: undefined; } -.white-70 { color: undefined; } -.white-60 { color: undefined; } -.white-50 { color: undefined; } -.white-40 { color: undefined; } -.white-30 { color: undefined; } -.white-20 { color: undefined; } -.white-10 { color: undefined; } +.black-90 { color: var( --black-90 ); } +.black-80 { color: var( --black-80 ); } +.black-70 { color: var( --black-70 ); } +.black-60 { color: var( --black-60 ); } +.black-50 { color: var( --black-50 ); } +.black-40 { color: var( --black-40 ); } +.black-30 { color: var( --black-30 ); } +.black-20 { color: var( --black-20 ); } +.black-10 { color: var( --black-10 ); } +.black-05 { color: var( --black-05 ); } +.white-90 { color: var( --white-90 ); } +.white-80 { color: var( --white-80 ); } +.white-70 { color: var( --white-70 ); } +.white-60 { color: var( --white-60 ); } +.white-50 { color: var( --white-50 ); } +.white-40 { color: var( --white-40 ); } +.white-30 { color: var( --white-30 ); } +.white-20 { color: var( --white-20 ); } +.white-10 { color: var( --white-10 ); } .black { color: black; } .white { color: white; } .color-inherit { color: inherit; } -.red-0 { color: undefined; } -.red-1 { color: undefined; } -.red-2 { color: undefined; } -.red-3 { color: undefined; } -.red-4 { color: undefined; } -.red-5 { color: undefined; } -.red-6 { color: undefined; } -.red-7 { color: undefined; } -.red-8 { color: undefined; } -.red-9 { color: undefined; } -.gold-0 { color: undefined; } -.gold-1 { color: undefined; } -.gold-2 { color: undefined; } -.gold-3 { color: undefined; } -.gold-4 { color: undefined; } -.gold-5 { color: undefined; } -.gold-6 { color: undefined; } -.gold-7 { color: undefined; } -.gold-8 { color: undefined; } -.gold-9 { color: undefined; } -.green-0 { color: undefined; } -.green-1 { color: undefined; } -.green-2 { color: undefined; } -.green-3 { color: undefined; } -.green-4 { color: undefined; } -.green-5 { color: undefined; } -.green-6 { color: undefined; } -.green-7 { color: undefined; } -.green-8 { color: undefined; } -.green-9 { color: undefined; } -.teal-0 { color: undefined; } -.teal-1 { color: undefined; } -.teal-2 { color: undefined; } -.teal-3 { color: undefined; } -.teal-4 { color: undefined; } -.teal-5 { color: undefined; } -.teal-6 { color: undefined; } -.teal-7 { color: undefined; } -.teal-8 { color: undefined; } -.teal-9 { color: undefined; } -.blue-0 { color: undefined; } -.blue-1 { color: undefined; } -.blue-2 { color: undefined; } -.blue-3 { color: undefined; } -.blue-4 { color: undefined; } -.blue-5 { color: undefined; } -.blue-6 { color: undefined; } -.blue-7 { color: undefined; } -.blue-8 { color: undefined; } -.blue-9 { color: undefined; } -.indigo-0 { color: undefined; } -.indigo-1 { color: undefined; } -.indigo-2 { color: undefined; } -.indigo-3 { color: undefined; } -.indigo-4 { color: undefined; } -.indigo-5 { color: undefined; } -.indigo-6 { color: undefined; } -.indigo-7 { color: undefined; } -.indigo-8 { color: undefined; } -.indigo-9 { color: undefined; } -.violet-0 { color: undefined; } -.violet-1 { color: undefined; } -.violet-2 { color: undefined; } -.violet-3 { color: undefined; } -.violet-4 { color: undefined; } -.violet-5 { color: undefined; } -.violet-6 { color: undefined; } -.violet-7 { color: undefined; } -.violet-8 { color: undefined; } -.violet-9 { color: undefined; } -.gray-0 { color: undefined; } -.gray-1 { color: undefined; } -.gray-2 { color: undefined; } -.gray-3 { color: undefined; } -.gray-4 { color: undefined; } -.gray-5 { color: undefined; } -.gray-6 { color: undefined; } -.gray-7 { color: undefined; } -.gray-8 { color: undefined; } -.gray-9 { color: undefined; } -.bg-black-90 { background-color: undefined; } -.bg-black-80 { background-color: undefined; } -.bg-black-70 { background-color: undefined; } -.bg-black-60 { background-color: undefined; } -.bg-black-50 { background-color: undefined; } -.bg-black-40 { background-color: undefined; } -.bg-black-30 { background-color: undefined; } -.bg-black-20 { background-color: undefined; } -.bg-black-10 { background-color: undefined; } -.bg-black-05 { background-color: undefined; } -.bg-white-90 { background-color: undefined; } -.bg-white-80 { background-color: undefined; } -.bg-white-70 { background-color: undefined; } -.bg-white-60 { background-color: undefined; } -.bg-white-50 { background-color: undefined; } -.bg-white-40 { background-color: undefined; } -.bg-white-30 { background-color: undefined; } -.bg-white-20 { background-color: undefined; } -.bg-white-10 { background-color: undefined; } +.red-0 { color: var( --red-000 ); } +.red-1 { color: var( --red-100 ); } +.red-2 { color: var( --red-200 ); } +.red-3 { color: var( --red-300 ); } +.red-4 { color: var( --red-400 ); } +.red-5 { color: var( --red-500 ); } +.red-6 { color: var( --red-600 ); } +.red-7 { color: var( --red-700 ); } +.red-8 { color: var( --red-800 ); } +.red-9 { color: var( --red-900 ); } +.gold-0 { color: var( --gold-000 ); } +.gold-1 { color: var( --gold-100 ); } +.gold-2 { color: var( --gold-200 ); } +.gold-3 { color: var( --gold-300 ); } +.gold-4 { color: var( --gold-400 ); } +.gold-5 { color: var( --gold-500 ); } +.gold-6 { color: var( --gold-600 ); } +.gold-7 { color: var( --gold-700 ); } +.gold-8 { color: var( --gold-800 ); } +.gold-9 { color: var( --gold-900 ); } +.green-0 { color: var( --green-000 ); } +.green-1 { color: var( --green-100 ); } +.green-2 { color: var( --green-200 ); } +.green-3 { color: var( --green-300 ); } +.green-4 { color: var( --green-400 ); } +.green-5 { color: var( --green-500 ); } +.green-6 { color: var( --green-600 ); } +.green-7 { color: var( --green-700 ); } +.green-8 { color: var( --green-800 ); } +.green-9 { color: var( --green-900 ); } +.teal-0 { color: var( --teal-000 ); } +.teal-1 { color: var( --teal-100 ); } +.teal-2 { color: var( --teal-200 ); } +.teal-3 { color: var( --teal-300 ); } +.teal-4 { color: var( --teal-400 ); } +.teal-5 { color: var( --teal-500 ); } +.teal-6 { color: var( --teal-600 ); } +.teal-7 { color: var( --teal-700 ); } +.teal-8 { color: var( --teal-800 ); } +.teal-9 { color: var( --teal-900 ); } +.blue-0 { color: var( --blue-000 ); } +.blue-1 { color: var( --blue-100 ); } +.blue-2 { color: var( --blue-200 ); } +.blue-3 { color: var( --blue-300 ); } +.blue-4 { color: var( --blue-400 ); } +.blue-5 { color: var( --blue-500 ); } +.blue-6 { color: var( --blue-600 ); } +.blue-7 { color: var( --blue-700 ); } +.blue-8 { color: var( --blue-800 ); } +.blue-9 { color: var( --blue-900 ); } +.indigo-0 { color: var( --indigo-000 ); } +.indigo-1 { color: var( --indigo-100 ); } +.indigo-2 { color: var( --indigo-200 ); } +.indigo-3 { color: var( --indigo-300 ); } +.indigo-4 { color: var( --indigo-400 ); } +.indigo-5 { color: var( --indigo-500 ); } +.indigo-6 { color: var( --indigo-600 ); } +.indigo-7 { color: var( --indigo-700 ); } +.indigo-8 { color: var( --indigo-800 ); } +.indigo-9 { color: var( --indigo-900 ); } +.violet-0 { color: var( --violet-000 ); } +.violet-1 { color: var( --violet-100 ); } +.violet-2 { color: var( --violet-200 ); } +.violet-3 { color: var( --violet-300 ); } +.violet-4 { color: var( --violet-400 ); } +.violet-5 { color: var( --violet-500 ); } +.violet-6 { color: var( --violet-600 ); } +.violet-7 { color: var( --violet-700 ); } +.violet-8 { color: var( --violet-800 ); } +.violet-9 { color: var( --violet-900 ); } +.gray-0 { color: var( --gray-000 ); } +.gray-1 { color: var( --gray-100 ); } +.gray-2 { color: var( --gray-200 ); } +.gray-3 { color: var( --gray-300 ); } +.gray-4 { color: var( --gray-400 ); } +.gray-5 { color: var( --gray-500 ); } +.gray-6 { color: var( --gray-600 ); } +.gray-7 { color: var( --gray-700 ); } +.gray-8 { color: var( --gray-800 ); } +.gray-9 { color: var( --gray-900 ); } +.bg-black-90 { background-color: var( --black-90 ); } +.bg-black-80 { background-color: var( --black-80 ); } +.bg-black-70 { background-color: var( --black-70 ); } +.bg-black-60 { background-color: var( --black-60 ); } +.bg-black-50 { background-color: var( --black-50 ); } +.bg-black-40 { background-color: var( --black-40 ); } +.bg-black-30 { background-color: var( --black-30 ); } +.bg-black-20 { background-color: var( --black-20 ); } +.bg-black-10 { background-color: var( --black-10 ); } +.bg-black-05 { background-color: var( --black-05 ); } +.bg-white-90 { background-color: var( --white-90 ); } +.bg-white-80 { background-color: var( --white-80 ); } +.bg-white-70 { background-color: var( --white-70 ); } +.bg-white-60 { background-color: var( --white-60 ); } +.bg-white-50 { background-color: var( --white-50 ); } +.bg-white-40 { background-color: var( --white-40 ); } +.bg-white-30 { background-color: var( --white-30 ); } +.bg-white-20 { background-color: var( --white-20 ); } +.bg-white-10 { background-color: var( --white-10 ); } /* Background colors */ .bg-black { background-color: black; } .bg-white { background-color: white; } .bg-transparent { background-color: transparent; } .bg-inherit { background-color: inherit; } -.bg-red-0 { background-color: undefined; } -.bg-red-1 { background-color: undefined; } -.bg-red-2 { background-color: undefined; } -.bg-red-3 { background-color: undefined; } -.bg-red-4 { background-color: undefined; } -.bg-red-5 { background-color: undefined; } -.bg-red-6 { background-color: undefined; } -.bg-red-7 { background-color: undefined; } -.bg-red-8 { background-color: undefined; } -.bg-red-9 { background-color: undefined; } -.bg-gold-0 { background-color: undefined; } -.bg-gold-1 { background-color: undefined; } -.bg-gold-2 { background-color: undefined; } -.bg-gold-3 { background-color: undefined; } -.bg-gold-4 { background-color: undefined; } -.bg-gold-5 { background-color: undefined; } -.bg-gold-6 { background-color: undefined; } -.bg-gold-7 { background-color: undefined; } -.bg-gold-8 { background-color: undefined; } -.bg-gold-9 { background-color: undefined; } -.bg-green-0 { background-color: undefined; } -.bg-green-1 { background-color: undefined; } -.bg-green-2 { background-color: undefined; } -.bg-green-3 { background-color: undefined; } -.bg-green-4 { background-color: undefined; } -.bg-green-5 { background-color: undefined; } -.bg-green-6 { background-color: undefined; } -.bg-green-7 { background-color: undefined; } -.bg-green-8 { background-color: undefined; } -.bg-green-9 { background-color: undefined; } -.bg-teal-0 { background-color: undefined; } -.bg-teal-1 { background-color: undefined; } -.bg-teal-2 { background-color: undefined; } -.bg-teal-3 { background-color: undefined; } -.bg-teal-4 { background-color: undefined; } -.bg-teal-5 { background-color: undefined; } -.bg-teal-6 { background-color: undefined; } -.bg-teal-7 { background-color: undefined; } -.bg-teal-8 { background-color: undefined; } -.bg-teal-9 { background-color: undefined; } -.bg-blue-0 { background-color: undefined; } -.bg-blue-1 { background-color: undefined; } -.bg-blue-2 { background-color: undefined; } -.bg-blue-3 { background-color: undefined; } -.bg-blue-4 { background-color: undefined; } -.bg-blue-5 { background-color: undefined; } -.bg-blue-6 { background-color: undefined; } -.bg-blue-7 { background-color: undefined; } -.bg-blue-8 { background-color: undefined; } -.bg-blue-9 { background-color: undefined; } -.bg-indigo-0 { background-color: undefined; } -.bg-indigo-1 { background-color: undefined; } -.bg-indigo-2 { background-color: undefined; } -.bg-indigo-3 { background-color: undefined; } -.bg-indigo-4 { background-color: undefined; } -.bg-indigo-5 { background-color: undefined; } -.bg-indigo-6 { background-color: undefined; } -.bg-indigo-7 { background-color: undefined; } -.bg-indigo-8 { background-color: undefined; } -.bg-indigo-9 { background-color: undefined; } -.bg-violet-0 { background-color: undefined; } -.bg-violet-1 { background-color: undefined; } -.bg-violet-2 { background-color: undefined; } -.bg-violet-3 { background-color: undefined; } -.bg-violet-4 { background-color: undefined; } -.bg-violet-5 { background-color: undefined; } -.bg-violet-6 { background-color: undefined; } -.bg-violet-7 { background-color: undefined; } -.bg-violet-8 { background-color: undefined; } -.bg-violet-9 { background-color: undefined; } -.bg-gray-0 { background-color: undefined; } -.bg-gray-1 { background-color: undefined; } -.bg-gray-2 { background-color: undefined; } -.bg-gray-3 { background-color: undefined; } -.bg-gray-4 { background-color: undefined; } -.bg-gray-5 { background-color: undefined; } -.bg-gray-6 { background-color: undefined; } -.bg-gray-7 { background-color: undefined; } -.bg-gray-8 { background-color: undefined; } -.bg-gray-9 { background-color: undefined; } +.bg-red-0 { background-color: var( --red-000 ); } +.bg-red-1 { background-color: var( --red-100 ); } +.bg-red-2 { background-color: var( --red-200 ); } +.bg-red-3 { background-color: var( --red-300 ); } +.bg-red-4 { background-color: var( --red-400 ); } +.bg-red-5 { background-color: var( --red-500 ); } +.bg-red-6 { background-color: var( --red-600 ); } +.bg-red-7 { background-color: var( --red-700 ); } +.bg-red-8 { background-color: var( --red-800 ); } +.bg-red-9 { background-color: var( --red-900 ); } +.bg-gold-0 { background-color: var( --gold-000 ); } +.bg-gold-1 { background-color: var( --gold-100 ); } +.bg-gold-2 { background-color: var( --gold-200 ); } +.bg-gold-3 { background-color: var( --gold-300 ); } +.bg-gold-4 { background-color: var( --gold-400 ); } +.bg-gold-5 { background-color: var( --gold-500 ); } +.bg-gold-6 { background-color: var( --gold-600 ); } +.bg-gold-7 { background-color: var( --gold-700 ); } +.bg-gold-8 { background-color: var( --gold-800 ); } +.bg-gold-9 { background-color: var( --gold-900 ); } +.bg-green-0 { background-color: var( --green-000 ); } +.bg-green-1 { background-color: var( --green-100 ); } +.bg-green-2 { background-color: var( --green-200 ); } +.bg-green-3 { background-color: var( --green-300 ); } +.bg-green-4 { background-color: var( --green-400 ); } +.bg-green-5 { background-color: var( --green-500 ); } +.bg-green-6 { background-color: var( --green-600 ); } +.bg-green-7 { background-color: var( --green-700 ); } +.bg-green-8 { background-color: var( --green-800 ); } +.bg-green-9 { background-color: var( --green-900 ); } +.bg-teal-0 { background-color: var( --teal-000 ); } +.bg-teal-1 { background-color: var( --teal-100 ); } +.bg-teal-2 { background-color: var( --teal-200 ); } +.bg-teal-3 { background-color: var( --teal-300 ); } +.bg-teal-4 { background-color: var( --teal-400 ); } +.bg-teal-5 { background-color: var( --teal-500 ); } +.bg-teal-6 { background-color: var( --teal-600 ); } +.bg-teal-7 { background-color: var( --teal-700 ); } +.bg-teal-8 { background-color: var( --teal-800 ); } +.bg-teal-9 { background-color: var( --teal-900 ); } +.bg-blue-0 { background-color: var( --blue-000 ); } +.bg-blue-1 { background-color: var( --blue-100 ); } +.bg-blue-2 { background-color: var( --blue-200 ); } +.bg-blue-3 { background-color: var( --blue-300 ); } +.bg-blue-4 { background-color: var( --blue-400 ); } +.bg-blue-5 { background-color: var( --blue-500 ); } +.bg-blue-6 { background-color: var( --blue-600 ); } +.bg-blue-7 { background-color: var( --blue-700 ); } +.bg-blue-8 { background-color: var( --blue-800 ); } +.bg-blue-9 { background-color: var( --blue-900 ); } +.bg-indigo-0 { background-color: var( --indigo-000 ); } +.bg-indigo-1 { background-color: var( --indigo-100 ); } +.bg-indigo-2 { background-color: var( --indigo-200 ); } +.bg-indigo-3 { background-color: var( --indigo-300 ); } +.bg-indigo-4 { background-color: var( --indigo-400 ); } +.bg-indigo-5 { background-color: var( --indigo-500 ); } +.bg-indigo-6 { background-color: var( --indigo-600 ); } +.bg-indigo-7 { background-color: var( --indigo-700 ); } +.bg-indigo-8 { background-color: var( --indigo-800 ); } +.bg-indigo-9 { background-color: var( --indigo-900 ); } +.bg-violet-0 { background-color: var( --violet-000 ); } +.bg-violet-1 { background-color: var( --violet-100 ); } +.bg-violet-2 { background-color: var( --violet-200 ); } +.bg-violet-3 { background-color: var( --violet-300 ); } +.bg-violet-4 { background-color: var( --violet-400 ); } +.bg-violet-5 { background-color: var( --violet-500 ); } +.bg-violet-6 { background-color: var( --violet-600 ); } +.bg-violet-7 { background-color: var( --violet-700 ); } +.bg-violet-8 { background-color: var( --violet-800 ); } +.bg-violet-9 { background-color: var( --violet-900 ); } +.bg-gray-0 { background-color: var( --gray-000 ); } +.bg-gray-1 { background-color: var( --gray-100 ); } +.bg-gray-2 { background-color: var( --gray-200 ); } +.bg-gray-3 { background-color: var( --gray-300 ); } +.bg-gray-4 { background-color: var( --gray-400 ); } +.bg-gray-5 { background-color: var( --gray-500 ); } +.bg-gray-6 { background-color: var( --gray-600 ); } +.bg-gray-7 { background-color: var( --gray-700 ); } +.bg-gray-8 { background-color: var( --gray-800 ); } +.bg-gray-9 { background-color: var( --gray-900 ); } /* SKINS:PSEUDO @@ -1391,419 +1391,419 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Text colors */ -.hover-black-90:hover { color: undefined; } -.hover-black-80:hover { color: undefined; } -.hover-black-70:hover { color: undefined; } -.hover-black-60:hover { color: undefined; } -.hover-black-50:hover { color: undefined; } -.hover-black-40:hover { color: undefined; } -.hover-black-30:hover { color: undefined; } -.hover-black-20:hover { color: undefined; } -.hover-black-10:hover { color: undefined; } -.hover-black-05:hover { color: undefined; } -.hover-white-90:hover { color: undefined; } -.hover-white-80:hover { color: undefined; } -.hover-white-70:hover { color: undefined; } -.hover-white-60:hover { color: undefined; } -.hover-white-50:hover { color: undefined; } -.hover-white-40:hover { color: undefined; } -.hover-white-30:hover { color: undefined; } -.hover-white-20:hover { color: undefined; } -.hover-white-10:hover { color: undefined; } +.hover-black-90:hover { color: var( --black-90 ); } +.hover-black-80:hover { color: var( --black-80 ); } +.hover-black-70:hover { color: var( --black-70 ); } +.hover-black-60:hover { color: var( --black-60 ); } +.hover-black-50:hover { color: var( --black-50 ); } +.hover-black-40:hover { color: var( --black-40 ); } +.hover-black-30:hover { color: var( --black-30 ); } +.hover-black-20:hover { color: var( --black-20 ); } +.hover-black-10:hover { color: var( --black-10 ); } +.hover-black-05:hover { color: var( --black-05 ); } +.hover-white-90:hover { color: var( --white-90 ); } +.hover-white-80:hover { color: var( --white-80 ); } +.hover-white-70:hover { color: var( --white-70 ); } +.hover-white-60:hover { color: var( --white-60 ); } +.hover-white-50:hover { color: var( --white-50 ); } +.hover-white-40:hover { color: var( --white-40 ); } +.hover-white-30:hover { color: var( --white-30 ); } +.hover-white-20:hover { color: var( --white-20 ); } +.hover-white-10:hover { color: var( --white-10 ); } .hover-black:hover { color: black; } .hover-white:hover { color: white; } .hover-color-inherit:hover { color: inherit; } -.hover-red-0:hover { color: undefined; } -.hover-red-1:hover { color: undefined; } -.hover-red-2:hover { color: undefined; } -.hover-red-3:hover { color: undefined; } -.hover-red-4:hover { color: undefined; } -.hover-red-5:hover { color: undefined; } -.hover-red-6:hover { color: undefined; } -.hover-red-7:hover { color: undefined; } -.hover-red-8:hover { color: undefined; } -.hover-red-9:hover { color: undefined; } -.hover-gold-0:hover { color: undefined; } -.hover-gold-1:hover { color: undefined; } -.hover-gold-2:hover { color: undefined; } -.hover-gold-3:hover { color: undefined; } -.hover-gold-4:hover { color: undefined; } -.hover-gold-5:hover { color: undefined; } -.hover-gold-6:hover { color: undefined; } -.hover-gold-7:hover { color: undefined; } -.hover-gold-8:hover { color: undefined; } -.hover-gold-9:hover { color: undefined; } -.hover-green-0:hover { color: undefined; } -.hover-green-1:hover { color: undefined; } -.hover-green-2:hover { color: undefined; } -.hover-green-3:hover { color: undefined; } -.hover-green-4:hover { color: undefined; } -.hover-green-5:hover { color: undefined; } -.hover-green-6:hover { color: undefined; } -.hover-green-7:hover { color: undefined; } -.hover-green-8:hover { color: undefined; } -.hover-green-9:hover { color: undefined; } -.hover-teal-0:hover { color: undefined; } -.hover-teal-1:hover { color: undefined; } -.hover-teal-2:hover { color: undefined; } -.hover-teal-3:hover { color: undefined; } -.hover-teal-4:hover { color: undefined; } -.hover-teal-5:hover { color: undefined; } -.hover-teal-6:hover { color: undefined; } -.hover-teal-7:hover { color: undefined; } -.hover-teal-8:hover { color: undefined; } -.hover-teal-9:hover { color: undefined; } -.hover-blue-0:hover { color: undefined; } -.hover-blue-1:hover { color: undefined; } -.hover-blue-2:hover { color: undefined; } -.hover-blue-3:hover { color: undefined; } -.hover-blue-4:hover { color: undefined; } -.hover-blue-5:hover { color: undefined; } -.hover-blue-6:hover { color: undefined; } -.hover-blue-7:hover { color: undefined; } -.hover-blue-8:hover { color: undefined; } -.hover-blue-9:hover { color: undefined; } -.hover-indigo-0:hover { color: undefined; } -.hover-indigo-1:hover { color: undefined; } -.hover-indigo-2:hover { color: undefined; } -.hover-indigo-3:hover { color: undefined; } -.hover-indigo-4:hover { color: undefined; } -.hover-indigo-5:hover { color: undefined; } -.hover-indigo-6:hover { color: undefined; } -.hover-indigo-7:hover { color: undefined; } -.hover-indigo-8:hover { color: undefined; } -.hover-indigo-9:hover { color: undefined; } -.hover-violet-0:hover { color: undefined; } -.hover-violet-1:hover { color: undefined; } -.hover-violet-2:hover { color: undefined; } -.hover-violet-3:hover { color: undefined; } -.hover-violet-4:hover { color: undefined; } -.hover-violet-5:hover { color: undefined; } -.hover-violet-6:hover { color: undefined; } -.hover-violet-7:hover { color: undefined; } -.hover-violet-8:hover { color: undefined; } -.hover-violet-9:hover { color: undefined; } -.hover-gray-0:hover { color: undefined; } -.hover-gray-1:hover { color: undefined; } -.hover-gray-2:hover { color: undefined; } -.hover-gray-3:hover { color: undefined; } -.hover-gray-4:hover { color: undefined; } -.hover-gray-5:hover { color: undefined; } -.hover-gray-6:hover { color: undefined; } -.hover-gray-7:hover { color: undefined; } -.hover-gray-8:hover { color: undefined; } -.hover-gray-9:hover { color: undefined; } -.hover-bg-black-90:hover { background-color: undefined; } -.hover-bg-black-80:hover { background-color: undefined; } -.hover-bg-black-70:hover { background-color: undefined; } -.hover-bg-black-60:hover { background-color: undefined; } -.hover-bg-black-50:hover { background-color: undefined; } -.hover-bg-black-40:hover { background-color: undefined; } -.hover-bg-black-30:hover { background-color: undefined; } -.hover-bg-black-20:hover { background-color: undefined; } -.hover-bg-black-10:hover { background-color: undefined; } -.hover-bg-black-05:hover { background-color: undefined; } -.hover-bg-white-90:hover { background-color: undefined; } -.hover-bg-white-80:hover { background-color: undefined; } -.hover-bg-white-70:hover { background-color: undefined; } -.hover-bg-white-60:hover { background-color: undefined; } -.hover-bg-white-50:hover { background-color: undefined; } -.hover-bg-white-40:hover { background-color: undefined; } -.hover-bg-white-30:hover { background-color: undefined; } -.hover-bg-white-20:hover { background-color: undefined; } -.hover-bg-white-10:hover { background-color: undefined; } +.hover-red-0:hover { color: var( --red-000 ); } +.hover-red-1:hover { color: var( --red-100 ); } +.hover-red-2:hover { color: var( --red-200 ); } +.hover-red-3:hover { color: var( --red-300 ); } +.hover-red-4:hover { color: var( --red-400 ); } +.hover-red-5:hover { color: var( --red-500 ); } +.hover-red-6:hover { color: var( --red-600 ); } +.hover-red-7:hover { color: var( --red-700 ); } +.hover-red-8:hover { color: var( --red-800 ); } +.hover-red-9:hover { color: var( --red-900 ); } +.hover-gold-0:hover { color: var( --gold-000 ); } +.hover-gold-1:hover { color: var( --gold-100 ); } +.hover-gold-2:hover { color: var( --gold-200 ); } +.hover-gold-3:hover { color: var( --gold-300 ); } +.hover-gold-4:hover { color: var( --gold-400 ); } +.hover-gold-5:hover { color: var( --gold-500 ); } +.hover-gold-6:hover { color: var( --gold-600 ); } +.hover-gold-7:hover { color: var( --gold-700 ); } +.hover-gold-8:hover { color: var( --gold-800 ); } +.hover-gold-9:hover { color: var( --gold-900 ); } +.hover-green-0:hover { color: var( --green-000 ); } +.hover-green-1:hover { color: var( --green-100 ); } +.hover-green-2:hover { color: var( --green-200 ); } +.hover-green-3:hover { color: var( --green-300 ); } +.hover-green-4:hover { color: var( --green-400 ); } +.hover-green-5:hover { color: var( --green-500 ); } +.hover-green-6:hover { color: var( --green-600 ); } +.hover-green-7:hover { color: var( --green-700 ); } +.hover-green-8:hover { color: var( --green-800 ); } +.hover-green-9:hover { color: var( --green-900 ); } +.hover-teal-0:hover { color: var( --teal-000 ); } +.hover-teal-1:hover { color: var( --teal-100 ); } +.hover-teal-2:hover { color: var( --teal-200 ); } +.hover-teal-3:hover { color: var( --teal-300 ); } +.hover-teal-4:hover { color: var( --teal-400 ); } +.hover-teal-5:hover { color: var( --teal-500 ); } +.hover-teal-6:hover { color: var( --teal-600 ); } +.hover-teal-7:hover { color: var( --teal-700 ); } +.hover-teal-8:hover { color: var( --teal-800 ); } +.hover-teal-9:hover { color: var( --teal-900 ); } +.hover-blue-0:hover { color: var( --blue-000 ); } +.hover-blue-1:hover { color: var( --blue-100 ); } +.hover-blue-2:hover { color: var( --blue-200 ); } +.hover-blue-3:hover { color: var( --blue-300 ); } +.hover-blue-4:hover { color: var( --blue-400 ); } +.hover-blue-5:hover { color: var( --blue-500 ); } +.hover-blue-6:hover { color: var( --blue-600 ); } +.hover-blue-7:hover { color: var( --blue-700 ); } +.hover-blue-8:hover { color: var( --blue-800 ); } +.hover-blue-9:hover { color: var( --blue-900 ); } +.hover-indigo-0:hover { color: var( --indigo-000 ); } +.hover-indigo-1:hover { color: var( --indigo-100 ); } +.hover-indigo-2:hover { color: var( --indigo-200 ); } +.hover-indigo-3:hover { color: var( --indigo-300 ); } +.hover-indigo-4:hover { color: var( --indigo-400 ); } +.hover-indigo-5:hover { color: var( --indigo-500 ); } +.hover-indigo-6:hover { color: var( --indigo-600 ); } +.hover-indigo-7:hover { color: var( --indigo-700 ); } +.hover-indigo-8:hover { color: var( --indigo-800 ); } +.hover-indigo-9:hover { color: var( --indigo-900 ); } +.hover-violet-0:hover { color: var( --violet-000 ); } +.hover-violet-1:hover { color: var( --violet-100 ); } +.hover-violet-2:hover { color: var( --violet-200 ); } +.hover-violet-3:hover { color: var( --violet-300 ); } +.hover-violet-4:hover { color: var( --violet-400 ); } +.hover-violet-5:hover { color: var( --violet-500 ); } +.hover-violet-6:hover { color: var( --violet-600 ); } +.hover-violet-7:hover { color: var( --violet-700 ); } +.hover-violet-8:hover { color: var( --violet-800 ); } +.hover-violet-9:hover { color: var( --violet-900 ); } +.hover-gray-0:hover { color: var( --gray-000 ); } +.hover-gray-1:hover { color: var( --gray-100 ); } +.hover-gray-2:hover { color: var( --gray-200 ); } +.hover-gray-3:hover { color: var( --gray-300 ); } +.hover-gray-4:hover { color: var( --gray-400 ); } +.hover-gray-5:hover { color: var( --gray-500 ); } +.hover-gray-6:hover { color: var( --gray-600 ); } +.hover-gray-7:hover { color: var( --gray-700 ); } +.hover-gray-8:hover { color: var( --gray-800 ); } +.hover-gray-9:hover { color: var( --gray-900 ); } +.hover-bg-black-90:hover { background-color: var( --black-90 ); } +.hover-bg-black-80:hover { background-color: var( --black-80 ); } +.hover-bg-black-70:hover { background-color: var( --black-70 ); } +.hover-bg-black-60:hover { background-color: var( --black-60 ); } +.hover-bg-black-50:hover { background-color: var( --black-50 ); } +.hover-bg-black-40:hover { background-color: var( --black-40 ); } +.hover-bg-black-30:hover { background-color: var( --black-30 ); } +.hover-bg-black-20:hover { background-color: var( --black-20 ); } +.hover-bg-black-10:hover { background-color: var( --black-10 ); } +.hover-bg-black-05:hover { background-color: var( --black-05 ); } +.hover-bg-white-90:hover { background-color: var( --white-90 ); } +.hover-bg-white-80:hover { background-color: var( --white-80 ); } +.hover-bg-white-70:hover { background-color: var( --white-70 ); } +.hover-bg-white-60:hover { background-color: var( --white-60 ); } +.hover-bg-white-50:hover { background-color: var( --white-50 ); } +.hover-bg-white-40:hover { background-color: var( --white-40 ); } +.hover-bg-white-30:hover { background-color: var( --white-30 ); } +.hover-bg-white-20:hover { background-color: var( --white-20 ); } +.hover-bg-white-10:hover { background-color: var( --white-10 ); } /* Background colors */ .hover-bg-black:hover { background-color: black; } .hover-bg-white:hover { background-color: white; } .hover-bg-transparent:hover { background-color: transparent; } .hover-bg-inherit:hover { background-color: inherit; } -.hover-bg-red-0:hover { background-color: undefined; } -.hover-bg-red-1:hover { background-color: undefined; } -.hover-bg-red-2:hover { background-color: undefined; } -.hover-bg-red-3:hover { background-color: undefined; } -.hover-bg-red-4:hover { background-color: undefined; } -.hover-bg-red-5:hover { background-color: undefined; } -.hover-bg-red-6:hover { background-color: undefined; } -.hover-bg-red-7:hover { background-color: undefined; } -.hover-bg-red-8:hover { background-color: undefined; } -.hover-bg-red-9:hover { background-color: undefined; } -.hover-bg-gold-0:hover { background-color: undefined; } -.hover-bg-gold-1:hover { background-color: undefined; } -.hover-bg-gold-2:hover { background-color: undefined; } -.hover-bg-gold-3:hover { background-color: undefined; } -.hover-bg-gold-4:hover { background-color: undefined; } -.hover-bg-gold-5:hover { background-color: undefined; } -.hover-bg-gold-6:hover { background-color: undefined; } -.hover-bg-gold-7:hover { background-color: undefined; } -.hover-bg-gold-8:hover { background-color: undefined; } -.hover-bg-gold-9:hover { background-color: undefined; } -.hover-bg-green-0:hover { background-color: undefined; } -.hover-bg-green-1:hover { background-color: undefined; } -.hover-bg-green-2:hover { background-color: undefined; } -.hover-bg-green-3:hover { background-color: undefined; } -.hover-bg-green-4:hover { background-color: undefined; } -.hover-bg-green-5:hover { background-color: undefined; } -.hover-bg-green-6:hover { background-color: undefined; } -.hover-bg-green-7:hover { background-color: undefined; } -.hover-bg-green-8:hover { background-color: undefined; } -.hover-bg-green-9:hover { background-color: undefined; } -.hover-bg-teal-0:hover { background-color: undefined; } -.hover-bg-teal-1:hover { background-color: undefined; } -.hover-bg-teal-2:hover { background-color: undefined; } -.hover-bg-teal-3:hover { background-color: undefined; } -.hover-bg-teal-4:hover { background-color: undefined; } -.hover-bg-teal-5:hover { background-color: undefined; } -.hover-bg-teal-6:hover { background-color: undefined; } -.hover-bg-teal-7:hover { background-color: undefined; } -.hover-bg-teal-8:hover { background-color: undefined; } -.hover-bg-teal-9:hover { background-color: undefined; } -.hover-bg-blue-0:hover { background-color: undefined; } -.hover-bg-blue-1:hover { background-color: undefined; } -.hover-bg-blue-2:hover { background-color: undefined; } -.hover-bg-blue-3:hover { background-color: undefined; } -.hover-bg-blue-4:hover { background-color: undefined; } -.hover-bg-blue-5:hover { background-color: undefined; } -.hover-bg-blue-6:hover { background-color: undefined; } -.hover-bg-blue-7:hover { background-color: undefined; } -.hover-bg-blue-8:hover { background-color: undefined; } -.hover-bg-blue-9:hover { background-color: undefined; } -.hover-bg-indigo-0:hover { background-color: undefined; } -.hover-bg-indigo-1:hover { background-color: undefined; } -.hover-bg-indigo-2:hover { background-color: undefined; } -.hover-bg-indigo-3:hover { background-color: undefined; } -.hover-bg-indigo-4:hover { background-color: undefined; } -.hover-bg-indigo-5:hover { background-color: undefined; } -.hover-bg-indigo-6:hover { background-color: undefined; } -.hover-bg-indigo-7:hover { background-color: undefined; } -.hover-bg-indigo-8:hover { background-color: undefined; } -.hover-bg-indigo-9:hover { background-color: undefined; } -.hover-bg-violet-0:hover { background-color: undefined; } -.hover-bg-violet-1:hover { background-color: undefined; } -.hover-bg-violet-2:hover { background-color: undefined; } -.hover-bg-violet-3:hover { background-color: undefined; } -.hover-bg-violet-4:hover { background-color: undefined; } -.hover-bg-violet-5:hover { background-color: undefined; } -.hover-bg-violet-6:hover { background-color: undefined; } -.hover-bg-violet-7:hover { background-color: undefined; } -.hover-bg-violet-8:hover { background-color: undefined; } -.hover-bg-violet-9:hover { background-color: undefined; } -.hover-bg-gray-0:hover { background-color: undefined; } -.hover-bg-gray-1:hover { background-color: undefined; } -.hover-bg-gray-2:hover { background-color: undefined; } -.hover-bg-gray-3:hover { background-color: undefined; } -.hover-bg-gray-4:hover { background-color: undefined; } -.hover-bg-gray-5:hover { background-color: undefined; } -.hover-bg-gray-6:hover { background-color: undefined; } -.hover-bg-gray-7:hover { background-color: undefined; } -.hover-bg-gray-8:hover { background-color: undefined; } -.hover-bg-gray-9:hover { background-color: undefined; } +.hover-bg-red-0:hover { background-color: var( --red-000 ); } +.hover-bg-red-1:hover { background-color: var( --red-100 ); } +.hover-bg-red-2:hover { background-color: var( --red-200 ); } +.hover-bg-red-3:hover { background-color: var( --red-300 ); } +.hover-bg-red-4:hover { background-color: var( --red-400 ); } +.hover-bg-red-5:hover { background-color: var( --red-500 ); } +.hover-bg-red-6:hover { background-color: var( --red-600 ); } +.hover-bg-red-7:hover { background-color: var( --red-700 ); } +.hover-bg-red-8:hover { background-color: var( --red-800 ); } +.hover-bg-red-9:hover { background-color: var( --red-900 ); } +.hover-bg-gold-0:hover { background-color: var( --gold-000 ); } +.hover-bg-gold-1:hover { background-color: var( --gold-100 ); } +.hover-bg-gold-2:hover { background-color: var( --gold-200 ); } +.hover-bg-gold-3:hover { background-color: var( --gold-300 ); } +.hover-bg-gold-4:hover { background-color: var( --gold-400 ); } +.hover-bg-gold-5:hover { background-color: var( --gold-500 ); } +.hover-bg-gold-6:hover { background-color: var( --gold-600 ); } +.hover-bg-gold-7:hover { background-color: var( --gold-700 ); } +.hover-bg-gold-8:hover { background-color: var( --gold-800 ); } +.hover-bg-gold-9:hover { background-color: var( --gold-900 ); } +.hover-bg-green-0:hover { background-color: var( --green-000 ); } +.hover-bg-green-1:hover { background-color: var( --green-100 ); } +.hover-bg-green-2:hover { background-color: var( --green-200 ); } +.hover-bg-green-3:hover { background-color: var( --green-300 ); } +.hover-bg-green-4:hover { background-color: var( --green-400 ); } +.hover-bg-green-5:hover { background-color: var( --green-500 ); } +.hover-bg-green-6:hover { background-color: var( --green-600 ); } +.hover-bg-green-7:hover { background-color: var( --green-700 ); } +.hover-bg-green-8:hover { background-color: var( --green-800 ); } +.hover-bg-green-9:hover { background-color: var( --green-900 ); } +.hover-bg-teal-0:hover { background-color: var( --teal-000 ); } +.hover-bg-teal-1:hover { background-color: var( --teal-100 ); } +.hover-bg-teal-2:hover { background-color: var( --teal-200 ); } +.hover-bg-teal-3:hover { background-color: var( --teal-300 ); } +.hover-bg-teal-4:hover { background-color: var( --teal-400 ); } +.hover-bg-teal-5:hover { background-color: var( --teal-500 ); } +.hover-bg-teal-6:hover { background-color: var( --teal-600 ); } +.hover-bg-teal-7:hover { background-color: var( --teal-700 ); } +.hover-bg-teal-8:hover { background-color: var( --teal-800 ); } +.hover-bg-teal-9:hover { background-color: var( --teal-900 ); } +.hover-bg-blue-0:hover { background-color: var( --blue-000 ); } +.hover-bg-blue-1:hover { background-color: var( --blue-100 ); } +.hover-bg-blue-2:hover { background-color: var( --blue-200 ); } +.hover-bg-blue-3:hover { background-color: var( --blue-300 ); } +.hover-bg-blue-4:hover { background-color: var( --blue-400 ); } +.hover-bg-blue-5:hover { background-color: var( --blue-500 ); } +.hover-bg-blue-6:hover { background-color: var( --blue-600 ); } +.hover-bg-blue-7:hover { background-color: var( --blue-700 ); } +.hover-bg-blue-8:hover { background-color: var( --blue-800 ); } +.hover-bg-blue-9:hover { background-color: var( --blue-900 ); } +.hover-bg-indigo-0:hover { background-color: var( --indigo-000 ); } +.hover-bg-indigo-1:hover { background-color: var( --indigo-100 ); } +.hover-bg-indigo-2:hover { background-color: var( --indigo-200 ); } +.hover-bg-indigo-3:hover { background-color: var( --indigo-300 ); } +.hover-bg-indigo-4:hover { background-color: var( --indigo-400 ); } +.hover-bg-indigo-5:hover { background-color: var( --indigo-500 ); } +.hover-bg-indigo-6:hover { background-color: var( --indigo-600 ); } +.hover-bg-indigo-7:hover { background-color: var( --indigo-700 ); } +.hover-bg-indigo-8:hover { background-color: var( --indigo-800 ); } +.hover-bg-indigo-9:hover { background-color: var( --indigo-900 ); } +.hover-bg-violet-0:hover { background-color: var( --violet-000 ); } +.hover-bg-violet-1:hover { background-color: var( --violet-100 ); } +.hover-bg-violet-2:hover { background-color: var( --violet-200 ); } +.hover-bg-violet-3:hover { background-color: var( --violet-300 ); } +.hover-bg-violet-4:hover { background-color: var( --violet-400 ); } +.hover-bg-violet-5:hover { background-color: var( --violet-500 ); } +.hover-bg-violet-6:hover { background-color: var( --violet-600 ); } +.hover-bg-violet-7:hover { background-color: var( --violet-700 ); } +.hover-bg-violet-8:hover { background-color: var( --violet-800 ); } +.hover-bg-violet-9:hover { background-color: var( --violet-900 ); } +.hover-bg-gray-0:hover { background-color: var( --gray-000 ); } +.hover-bg-gray-1:hover { background-color: var( --gray-100 ); } +.hover-bg-gray-2:hover { background-color: var( --gray-200 ); } +.hover-bg-gray-3:hover { background-color: var( --gray-300 ); } +.hover-bg-gray-4:hover { background-color: var( --gray-400 ); } +.hover-bg-gray-5:hover { background-color: var( --gray-500 ); } +.hover-bg-gray-6:hover { background-color: var( --gray-600 ); } +.hover-bg-gray-7:hover { background-color: var( --gray-700 ); } +.hover-bg-gray-8:hover { background-color: var( --gray-800 ); } +.hover-bg-gray-9:hover { background-color: var( --gray-900 ); } /* Text colors */ -.focus-black-90:focus { color: undefined; } -.focus-black-80:focus { color: undefined; } -.focus-black-70:focus { color: undefined; } -.focus-black-60:focus { color: undefined; } -.focus-black-50:focus { color: undefined; } -.focus-black-40:focus { color: undefined; } -.focus-black-30:focus { color: undefined; } -.focus-black-20:focus { color: undefined; } -.focus-black-10:focus { color: undefined; } -.focus-black-05:focus { color: undefined; } -.focus-white-90:focus { color: undefined; } -.focus-white-80:focus { color: undefined; } -.focus-white-70:focus { color: undefined; } -.focus-white-60:focus { color: undefined; } -.focus-white-50:focus { color: undefined; } -.focus-white-40:focus { color: undefined; } -.focus-white-30:focus { color: undefined; } -.focus-white-20:focus { color: undefined; } -.focus-white-10:focus { color: undefined; } +.focus-black-90:focus { color: var( --black-90 ); } +.focus-black-80:focus { color: var( --black-80 ); } +.focus-black-70:focus { color: var( --black-70 ); } +.focus-black-60:focus { color: var( --black-60 ); } +.focus-black-50:focus { color: var( --black-50 ); } +.focus-black-40:focus { color: var( --black-40 ); } +.focus-black-30:focus { color: var( --black-30 ); } +.focus-black-20:focus { color: var( --black-20 ); } +.focus-black-10:focus { color: var( --black-10 ); } +.focus-black-05:focus { color: var( --black-05 ); } +.focus-white-90:focus { color: var( --white-90 ); } +.focus-white-80:focus { color: var( --white-80 ); } +.focus-white-70:focus { color: var( --white-70 ); } +.focus-white-60:focus { color: var( --white-60 ); } +.focus-white-50:focus { color: var( --white-50 ); } +.focus-white-40:focus { color: var( --white-40 ); } +.focus-white-30:focus { color: var( --white-30 ); } +.focus-white-20:focus { color: var( --white-20 ); } +.focus-white-10:focus { color: var( --white-10 ); } .focus-black:focus { color: black; } .focus-white:focus { color: white; } .focus-color-inherit:focus { color: inherit; } -.focus-red-0:focus { color: undefined; } -.focus-red-1:focus { color: undefined; } -.focus-red-2:focus { color: undefined; } -.focus-red-3:focus { color: undefined; } -.focus-red-4:focus { color: undefined; } -.focus-red-5:focus { color: undefined; } -.focus-red-6:focus { color: undefined; } -.focus-red-7:focus { color: undefined; } -.focus-red-8:focus { color: undefined; } -.focus-red-9:focus { color: undefined; } -.focus-gold-0:focus { color: undefined; } -.focus-gold-1:focus { color: undefined; } -.focus-gold-2:focus { color: undefined; } -.focus-gold-3:focus { color: undefined; } -.focus-gold-4:focus { color: undefined; } -.focus-gold-5:focus { color: undefined; } -.focus-gold-6:focus { color: undefined; } -.focus-gold-7:focus { color: undefined; } -.focus-gold-8:focus { color: undefined; } -.focus-gold-9:focus { color: undefined; } -.focus-green-0:focus { color: undefined; } -.focus-green-1:focus { color: undefined; } -.focus-green-2:focus { color: undefined; } -.focus-green-3:focus { color: undefined; } -.focus-green-4:focus { color: undefined; } -.focus-green-5:focus { color: undefined; } -.focus-green-6:focus { color: undefined; } -.focus-green-7:focus { color: undefined; } -.focus-green-8:focus { color: undefined; } -.focus-green-9:focus { color: undefined; } -.focus-teal-0:focus { color: undefined; } -.focus-teal-1:focus { color: undefined; } -.focus-teal-2:focus { color: undefined; } -.focus-teal-3:focus { color: undefined; } -.focus-teal-4:focus { color: undefined; } -.focus-teal-5:focus { color: undefined; } -.focus-teal-6:focus { color: undefined; } -.focus-teal-7:focus { color: undefined; } -.focus-teal-8:focus { color: undefined; } -.focus-teal-9:focus { color: undefined; } -.focus-blue-0:focus { color: undefined; } -.focus-blue-1:focus { color: undefined; } -.focus-blue-2:focus { color: undefined; } -.focus-blue-3:focus { color: undefined; } -.focus-blue-4:focus { color: undefined; } -.focus-blue-5:focus { color: undefined; } -.focus-blue-6:focus { color: undefined; } -.focus-blue-7:focus { color: undefined; } -.focus-blue-8:focus { color: undefined; } -.focus-blue-9:focus { color: undefined; } -.focus-indigo-0:focus { color: undefined; } -.focus-indigo-1:focus { color: undefined; } -.focus-indigo-2:focus { color: undefined; } -.focus-indigo-3:focus { color: undefined; } -.focus-indigo-4:focus { color: undefined; } -.focus-indigo-5:focus { color: undefined; } -.focus-indigo-6:focus { color: undefined; } -.focus-indigo-7:focus { color: undefined; } -.focus-indigo-8:focus { color: undefined; } -.focus-indigo-9:focus { color: undefined; } -.focus-violet-0:focus { color: undefined; } -.focus-violet-1:focus { color: undefined; } -.focus-violet-2:focus { color: undefined; } -.focus-violet-3:focus { color: undefined; } -.focus-violet-4:focus { color: undefined; } -.focus-violet-5:focus { color: undefined; } -.focus-violet-6:focus { color: undefined; } -.focus-violet-7:focus { color: undefined; } -.focus-violet-8:focus { color: undefined; } -.focus-violet-9:focus { color: undefined; } -.focus-gray-0:focus { color: undefined; } -.focus-gray-1:focus { color: undefined; } -.focus-gray-2:focus { color: undefined; } -.focus-gray-3:focus { color: undefined; } -.focus-gray-4:focus { color: undefined; } -.focus-gray-5:focus { color: undefined; } -.focus-gray-6:focus { color: undefined; } -.focus-gray-7:focus { color: undefined; } -.focus-gray-8:focus { color: undefined; } -.focus-gray-9:focus { color: undefined; } -.focus-bg-black-90:focus { background-color: undefined; } -.focus-bg-black-80:focus { background-color: undefined; } -.focus-bg-black-70:focus { background-color: undefined; } -.focus-bg-black-60:focus { background-color: undefined; } -.focus-bg-black-50:focus { background-color: undefined; } -.focus-bg-black-40:focus { background-color: undefined; } -.focus-bg-black-30:focus { background-color: undefined; } -.focus-bg-black-20:focus { background-color: undefined; } -.focus-bg-black-10:focus { background-color: undefined; } -.focus-bg-black-05:focus { background-color: undefined; } -.focus-bg-white-90:focus { background-color: undefined; } -.focus-bg-white-80:focus { background-color: undefined; } -.focus-bg-white-70:focus { background-color: undefined; } -.focus-bg-white-60:focus { background-color: undefined; } -.focus-bg-white-50:focus { background-color: undefined; } -.focus-bg-white-40:focus { background-color: undefined; } -.focus-bg-white-30:focus { background-color: undefined; } -.focus-bg-white-20:focus { background-color: undefined; } -.focus-bg-white-10:focus { background-color: undefined; } +.focus-red-0:focus { color: var( --red-000 ); } +.focus-red-1:focus { color: var( --red-100 ); } +.focus-red-2:focus { color: var( --red-200 ); } +.focus-red-3:focus { color: var( --red-300 ); } +.focus-red-4:focus { color: var( --red-400 ); } +.focus-red-5:focus { color: var( --red-500 ); } +.focus-red-6:focus { color: var( --red-600 ); } +.focus-red-7:focus { color: var( --red-700 ); } +.focus-red-8:focus { color: var( --red-800 ); } +.focus-red-9:focus { color: var( --red-900 ); } +.focus-gold-0:focus { color: var( --gold-000 ); } +.focus-gold-1:focus { color: var( --gold-100 ); } +.focus-gold-2:focus { color: var( --gold-200 ); } +.focus-gold-3:focus { color: var( --gold-300 ); } +.focus-gold-4:focus { color: var( --gold-400 ); } +.focus-gold-5:focus { color: var( --gold-500 ); } +.focus-gold-6:focus { color: var( --gold-600 ); } +.focus-gold-7:focus { color: var( --gold-700 ); } +.focus-gold-8:focus { color: var( --gold-800 ); } +.focus-gold-9:focus { color: var( --gold-900 ); } +.focus-green-0:focus { color: var( --green-000 ); } +.focus-green-1:focus { color: var( --green-100 ); } +.focus-green-2:focus { color: var( --green-200 ); } +.focus-green-3:focus { color: var( --green-300 ); } +.focus-green-4:focus { color: var( --green-400 ); } +.focus-green-5:focus { color: var( --green-500 ); } +.focus-green-6:focus { color: var( --green-600 ); } +.focus-green-7:focus { color: var( --green-700 ); } +.focus-green-8:focus { color: var( --green-800 ); } +.focus-green-9:focus { color: var( --green-900 ); } +.focus-teal-0:focus { color: var( --teal-000 ); } +.focus-teal-1:focus { color: var( --teal-100 ); } +.focus-teal-2:focus { color: var( --teal-200 ); } +.focus-teal-3:focus { color: var( --teal-300 ); } +.focus-teal-4:focus { color: var( --teal-400 ); } +.focus-teal-5:focus { color: var( --teal-500 ); } +.focus-teal-6:focus { color: var( --teal-600 ); } +.focus-teal-7:focus { color: var( --teal-700 ); } +.focus-teal-8:focus { color: var( --teal-800 ); } +.focus-teal-9:focus { color: var( --teal-900 ); } +.focus-blue-0:focus { color: var( --blue-000 ); } +.focus-blue-1:focus { color: var( --blue-100 ); } +.focus-blue-2:focus { color: var( --blue-200 ); } +.focus-blue-3:focus { color: var( --blue-300 ); } +.focus-blue-4:focus { color: var( --blue-400 ); } +.focus-blue-5:focus { color: var( --blue-500 ); } +.focus-blue-6:focus { color: var( --blue-600 ); } +.focus-blue-7:focus { color: var( --blue-700 ); } +.focus-blue-8:focus { color: var( --blue-800 ); } +.focus-blue-9:focus { color: var( --blue-900 ); } +.focus-indigo-0:focus { color: var( --indigo-000 ); } +.focus-indigo-1:focus { color: var( --indigo-100 ); } +.focus-indigo-2:focus { color: var( --indigo-200 ); } +.focus-indigo-3:focus { color: var( --indigo-300 ); } +.focus-indigo-4:focus { color: var( --indigo-400 ); } +.focus-indigo-5:focus { color: var( --indigo-500 ); } +.focus-indigo-6:focus { color: var( --indigo-600 ); } +.focus-indigo-7:focus { color: var( --indigo-700 ); } +.focus-indigo-8:focus { color: var( --indigo-800 ); } +.focus-indigo-9:focus { color: var( --indigo-900 ); } +.focus-violet-0:focus { color: var( --violet-000 ); } +.focus-violet-1:focus { color: var( --violet-100 ); } +.focus-violet-2:focus { color: var( --violet-200 ); } +.focus-violet-3:focus { color: var( --violet-300 ); } +.focus-violet-4:focus { color: var( --violet-400 ); } +.focus-violet-5:focus { color: var( --violet-500 ); } +.focus-violet-6:focus { color: var( --violet-600 ); } +.focus-violet-7:focus { color: var( --violet-700 ); } +.focus-violet-8:focus { color: var( --violet-800 ); } +.focus-violet-9:focus { color: var( --violet-900 ); } +.focus-gray-0:focus { color: var( --gray-000 ); } +.focus-gray-1:focus { color: var( --gray-100 ); } +.focus-gray-2:focus { color: var( --gray-200 ); } +.focus-gray-3:focus { color: var( --gray-300 ); } +.focus-gray-4:focus { color: var( --gray-400 ); } +.focus-gray-5:focus { color: var( --gray-500 ); } +.focus-gray-6:focus { color: var( --gray-600 ); } +.focus-gray-7:focus { color: var( --gray-700 ); } +.focus-gray-8:focus { color: var( --gray-800 ); } +.focus-gray-9:focus { color: var( --gray-900 ); } +.focus-bg-black-90:focus { background-color: var( --black-90 ); } +.focus-bg-black-80:focus { background-color: var( --black-80 ); } +.focus-bg-black-70:focus { background-color: var( --black-70 ); } +.focus-bg-black-60:focus { background-color: var( --black-60 ); } +.focus-bg-black-50:focus { background-color: var( --black-50 ); } +.focus-bg-black-40:focus { background-color: var( --black-40 ); } +.focus-bg-black-30:focus { background-color: var( --black-30 ); } +.focus-bg-black-20:focus { background-color: var( --black-20 ); } +.focus-bg-black-10:focus { background-color: var( --black-10 ); } +.focus-bg-black-05:focus { background-color: var( --black-05 ); } +.focus-bg-white-90:focus { background-color: var( --white-90 ); } +.focus-bg-white-80:focus { background-color: var( --white-80 ); } +.focus-bg-white-70:focus { background-color: var( --white-70 ); } +.focus-bg-white-60:focus { background-color: var( --white-60 ); } +.focus-bg-white-50:focus { background-color: var( --white-50 ); } +.focus-bg-white-40:focus { background-color: var( --white-40 ); } +.focus-bg-white-30:focus { background-color: var( --white-30 ); } +.focus-bg-white-20:focus { background-color: var( --white-20 ); } +.focus-bg-white-10:focus { background-color: var( --white-10 ); } /* Background colors */ .focus-bg-black:focus { background-color: black; } .focus-bg-white:focus { background-color: white; } .focus-bg-transparent:focus { background-color: transparent; } .focus-bg-inherit:focus { background-color: inherit; } -.focus-bg-red-0:focus { background-color: undefined; } -.focus-bg-red-1:focus { background-color: undefined; } -.focus-bg-red-2:focus { background-color: undefined; } -.focus-bg-red-3:focus { background-color: undefined; } -.focus-bg-red-4:focus { background-color: undefined; } -.focus-bg-red-5:focus { background-color: undefined; } -.focus-bg-red-6:focus { background-color: undefined; } -.focus-bg-red-7:focus { background-color: undefined; } -.focus-bg-red-8:focus { background-color: undefined; } -.focus-bg-red-9:focus { background-color: undefined; } -.focus-bg-gold-0:focus { background-color: undefined; } -.focus-bg-gold-1:focus { background-color: undefined; } -.focus-bg-gold-2:focus { background-color: undefined; } -.focus-bg-gold-3:focus { background-color: undefined; } -.focus-bg-gold-4:focus { background-color: undefined; } -.focus-bg-gold-5:focus { background-color: undefined; } -.focus-bg-gold-6:focus { background-color: undefined; } -.focus-bg-gold-7:focus { background-color: undefined; } -.focus-bg-gold-8:focus { background-color: undefined; } -.focus-bg-gold-9:focus { background-color: undefined; } -.focus-bg-green-0:focus { background-color: undefined; } -.focus-bg-green-1:focus { background-color: undefined; } -.focus-bg-green-2:focus { background-color: undefined; } -.focus-bg-green-3:focus { background-color: undefined; } -.focus-bg-green-4:focus { background-color: undefined; } -.focus-bg-green-5:focus { background-color: undefined; } -.focus-bg-green-6:focus { background-color: undefined; } -.focus-bg-green-7:focus { background-color: undefined; } -.focus-bg-green-8:focus { background-color: undefined; } -.focus-bg-green-9:focus { background-color: undefined; } -.focus-bg-teal-0:focus { background-color: undefined; } -.focus-bg-teal-1:focus { background-color: undefined; } -.focus-bg-teal-2:focus { background-color: undefined; } -.focus-bg-teal-3:focus { background-color: undefined; } -.focus-bg-teal-4:focus { background-color: undefined; } -.focus-bg-teal-5:focus { background-color: undefined; } -.focus-bg-teal-6:focus { background-color: undefined; } -.focus-bg-teal-7:focus { background-color: undefined; } -.focus-bg-teal-8:focus { background-color: undefined; } -.focus-bg-teal-9:focus { background-color: undefined; } -.focus-bg-blue-0:focus { background-color: undefined; } -.focus-bg-blue-1:focus { background-color: undefined; } -.focus-bg-blue-2:focus { background-color: undefined; } -.focus-bg-blue-3:focus { background-color: undefined; } -.focus-bg-blue-4:focus { background-color: undefined; } -.focus-bg-blue-5:focus { background-color: undefined; } -.focus-bg-blue-6:focus { background-color: undefined; } -.focus-bg-blue-7:focus { background-color: undefined; } -.focus-bg-blue-8:focus { background-color: undefined; } -.focus-bg-blue-9:focus { background-color: undefined; } -.focus-bg-indigo-0:focus { background-color: undefined; } -.focus-bg-indigo-1:focus { background-color: undefined; } -.focus-bg-indigo-2:focus { background-color: undefined; } -.focus-bg-indigo-3:focus { background-color: undefined; } -.focus-bg-indigo-4:focus { background-color: undefined; } -.focus-bg-indigo-5:focus { background-color: undefined; } -.focus-bg-indigo-6:focus { background-color: undefined; } -.focus-bg-indigo-7:focus { background-color: undefined; } -.focus-bg-indigo-8:focus { background-color: undefined; } -.focus-bg-indigo-9:focus { background-color: undefined; } -.focus-bg-violet-0:focus { background-color: undefined; } -.focus-bg-violet-1:focus { background-color: undefined; } -.focus-bg-violet-2:focus { background-color: undefined; } -.focus-bg-violet-3:focus { background-color: undefined; } -.focus-bg-violet-4:focus { background-color: undefined; } -.focus-bg-violet-5:focus { background-color: undefined; } -.focus-bg-violet-6:focus { background-color: undefined; } -.focus-bg-violet-7:focus { background-color: undefined; } -.focus-bg-violet-8:focus { background-color: undefined; } -.focus-bg-violet-9:focus { background-color: undefined; } -.focus-bg-gray-0:focus { background-color: undefined; } -.focus-bg-gray-1:focus { background-color: undefined; } -.focus-bg-gray-2:focus { background-color: undefined; } -.focus-bg-gray-3:focus { background-color: undefined; } -.focus-bg-gray-4:focus { background-color: undefined; } -.focus-bg-gray-5:focus { background-color: undefined; } -.focus-bg-gray-6:focus { background-color: undefined; } -.focus-bg-gray-7:focus { background-color: undefined; } -.focus-bg-gray-8:focus { background-color: undefined; } -.focus-bg-gray-9:focus { background-color: undefined; } +.focus-bg-red-0:focus { background-color: var( --red-000 ); } +.focus-bg-red-1:focus { background-color: var( --red-100 ); } +.focus-bg-red-2:focus { background-color: var( --red-200 ); } +.focus-bg-red-3:focus { background-color: var( --red-300 ); } +.focus-bg-red-4:focus { background-color: var( --red-400 ); } +.focus-bg-red-5:focus { background-color: var( --red-500 ); } +.focus-bg-red-6:focus { background-color: var( --red-600 ); } +.focus-bg-red-7:focus { background-color: var( --red-700 ); } +.focus-bg-red-8:focus { background-color: var( --red-800 ); } +.focus-bg-red-9:focus { background-color: var( --red-900 ); } +.focus-bg-gold-0:focus { background-color: var( --gold-000 ); } +.focus-bg-gold-1:focus { background-color: var( --gold-100 ); } +.focus-bg-gold-2:focus { background-color: var( --gold-200 ); } +.focus-bg-gold-3:focus { background-color: var( --gold-300 ); } +.focus-bg-gold-4:focus { background-color: var( --gold-400 ); } +.focus-bg-gold-5:focus { background-color: var( --gold-500 ); } +.focus-bg-gold-6:focus { background-color: var( --gold-600 ); } +.focus-bg-gold-7:focus { background-color: var( --gold-700 ); } +.focus-bg-gold-8:focus { background-color: var( --gold-800 ); } +.focus-bg-gold-9:focus { background-color: var( --gold-900 ); } +.focus-bg-green-0:focus { background-color: var( --green-000 ); } +.focus-bg-green-1:focus { background-color: var( --green-100 ); } +.focus-bg-green-2:focus { background-color: var( --green-200 ); } +.focus-bg-green-3:focus { background-color: var( --green-300 ); } +.focus-bg-green-4:focus { background-color: var( --green-400 ); } +.focus-bg-green-5:focus { background-color: var( --green-500 ); } +.focus-bg-green-6:focus { background-color: var( --green-600 ); } +.focus-bg-green-7:focus { background-color: var( --green-700 ); } +.focus-bg-green-8:focus { background-color: var( --green-800 ); } +.focus-bg-green-9:focus { background-color: var( --green-900 ); } +.focus-bg-teal-0:focus { background-color: var( --teal-000 ); } +.focus-bg-teal-1:focus { background-color: var( --teal-100 ); } +.focus-bg-teal-2:focus { background-color: var( --teal-200 ); } +.focus-bg-teal-3:focus { background-color: var( --teal-300 ); } +.focus-bg-teal-4:focus { background-color: var( --teal-400 ); } +.focus-bg-teal-5:focus { background-color: var( --teal-500 ); } +.focus-bg-teal-6:focus { background-color: var( --teal-600 ); } +.focus-bg-teal-7:focus { background-color: var( --teal-700 ); } +.focus-bg-teal-8:focus { background-color: var( --teal-800 ); } +.focus-bg-teal-9:focus { background-color: var( --teal-900 ); } +.focus-bg-blue-0:focus { background-color: var( --blue-000 ); } +.focus-bg-blue-1:focus { background-color: var( --blue-100 ); } +.focus-bg-blue-2:focus { background-color: var( --blue-200 ); } +.focus-bg-blue-3:focus { background-color: var( --blue-300 ); } +.focus-bg-blue-4:focus { background-color: var( --blue-400 ); } +.focus-bg-blue-5:focus { background-color: var( --blue-500 ); } +.focus-bg-blue-6:focus { background-color: var( --blue-600 ); } +.focus-bg-blue-7:focus { background-color: var( --blue-700 ); } +.focus-bg-blue-8:focus { background-color: var( --blue-800 ); } +.focus-bg-blue-9:focus { background-color: var( --blue-900 ); } +.focus-bg-indigo-0:focus { background-color: var( --indigo-000 ); } +.focus-bg-indigo-1:focus { background-color: var( --indigo-100 ); } +.focus-bg-indigo-2:focus { background-color: var( --indigo-200 ); } +.focus-bg-indigo-3:focus { background-color: var( --indigo-300 ); } +.focus-bg-indigo-4:focus { background-color: var( --indigo-400 ); } +.focus-bg-indigo-5:focus { background-color: var( --indigo-500 ); } +.focus-bg-indigo-6:focus { background-color: var( --indigo-600 ); } +.focus-bg-indigo-7:focus { background-color: var( --indigo-700 ); } +.focus-bg-indigo-8:focus { background-color: var( --indigo-800 ); } +.focus-bg-indigo-9:focus { background-color: var( --indigo-900 ); } +.focus-bg-violet-0:focus { background-color: var( --violet-000 ); } +.focus-bg-violet-1:focus { background-color: var( --violet-100 ); } +.focus-bg-violet-2:focus { background-color: var( --violet-200 ); } +.focus-bg-violet-3:focus { background-color: var( --violet-300 ); } +.focus-bg-violet-4:focus { background-color: var( --violet-400 ); } +.focus-bg-violet-5:focus { background-color: var( --violet-500 ); } +.focus-bg-violet-6:focus { background-color: var( --violet-600 ); } +.focus-bg-violet-7:focus { background-color: var( --violet-700 ); } +.focus-bg-violet-8:focus { background-color: var( --violet-800 ); } +.focus-bg-violet-9:focus { background-color: var( --violet-900 ); } +.focus-bg-gray-0:focus { background-color: var( --gray-000 ); } +.focus-bg-gray-1:focus { background-color: var( --gray-100 ); } +.focus-bg-gray-2:focus { background-color: var( --gray-200 ); } +.focus-bg-gray-3:focus { background-color: var( --gray-300 ); } +.focus-bg-gray-4:focus { background-color: var( --gray-400 ); } +.focus-bg-gray-5:focus { background-color: var( --gray-500 ); } +.focus-bg-gray-6:focus { background-color: var( --gray-600 ); } +.focus-bg-gray-7:focus { background-color: var( --gray-700 ); } +.focus-bg-gray-8:focus { background-color: var( --gray-800 ); } +.focus-bg-gray-9:focus { background-color: var( --gray-900 ); } /* Variables */ :root { } /* @@ -1840,118 +1840,118 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.pa0 { padding: undefined; } -.pa1 { padding: undefined; } -.pa2 { padding: undefined; } -.pa3 { padding: undefined; } -.pa4 { padding: undefined; } -.pa5 { padding: undefined; } -.pa6 { padding: undefined; } -.pa7 { padding: undefined; } -.pl0 { padding-left: undefined; } -.pl1 { padding-left: undefined; } -.pl2 { padding-left: undefined; } -.pl3 { padding-left: undefined; } -.pl4 { padding-left: undefined; } -.pl5 { padding-left: undefined; } -.pl6 { padding-left: undefined; } -.pl7 { padding-left: undefined; } -.pr0 { padding-right: undefined; } -.pr1 { padding-right: undefined; } -.pr2 { padding-right: undefined; } -.pr3 { padding-right: undefined; } -.pr4 { padding-right: undefined; } -.pr5 { padding-right: undefined; } -.pr6 { padding-right: undefined; } -.pr7 { padding-right: undefined; } -.pb0 { padding-bottom: undefined; } -.pb1 { padding-bottom: undefined; } -.pb2 { padding-bottom: undefined; } -.pb3 { padding-bottom: undefined; } -.pb4 { padding-bottom: undefined; } -.pb5 { padding-bottom: undefined; } -.pb6 { padding-bottom: undefined; } -.pb7 { padding-bottom: undefined; } -.pt0 { padding-top: undefined; } -.pt1 { padding-top: undefined; } -.pt2 { padding-top: undefined; } -.pt3 { padding-top: undefined; } -.pt4 { padding-top: undefined; } -.pt5 { padding-top: undefined; } -.pt6 { padding-top: undefined; } -.pt7 { padding-top: undefined; } -.pv0 { padding-top: undefined; padding-bottom: undefined; } -.pv1 { padding-top: undefined; padding-bottom: undefined; } -.pv2 { padding-top: undefined; padding-bottom: undefined; } -.pv3 { padding-top: undefined; padding-bottom: undefined; } -.pv4 { padding-top: undefined; padding-bottom: undefined; } -.pv5 { padding-top: undefined; padding-bottom: undefined; } -.pv6 { padding-top: undefined; padding-bottom: undefined; } -.pv7 { padding-top: undefined; padding-bottom: undefined; } -.ph0 { padding-left: undefined; padding-right: undefined; } -.ph1 { padding-left: undefined; padding-right: undefined; } -.ph2 { padding-left: undefined; padding-right: undefined; } -.ph3 { padding-left: undefined; padding-right: undefined; } -.ph4 { padding-left: undefined; padding-right: undefined; } -.ph5 { padding-left: undefined; padding-right: undefined; } -.ph6 { padding-left: undefined; padding-right: undefined; } -.ph7 { padding-left: undefined; padding-right: undefined; } -.ma0 { margin: undefined; } -.ma1 { margin: undefined; } -.ma2 { margin: undefined; } -.ma3 { margin: undefined; } -.ma4 { margin: undefined; } -.ma5 { margin: undefined; } -.ma6 { margin: undefined; } -.ma7 { margin: undefined; } -.ml0 { margin-left: undefined; } -.ml1 { margin-left: undefined; } -.ml2 { margin-left: undefined; } -.ml3 { margin-left: undefined; } -.ml4 { margin-left: undefined; } -.ml5 { margin-left: undefined; } -.ml6 { margin-left: undefined; } -.ml7 { margin-left: undefined; } -.mr0 { margin-right: undefined; } -.mr1 { margin-right: undefined; } -.mr2 { margin-right: undefined; } -.mr3 { margin-right: undefined; } -.mr4 { margin-right: undefined; } -.mr5 { margin-right: undefined; } -.mr6 { margin-right: undefined; } -.mr7 { margin-right: undefined; } -.mb0 { margin-bottom: undefined; } -.mb1 { margin-bottom: undefined; } -.mb2 { margin-bottom: undefined; } -.mb3 { margin-bottom: undefined; } -.mb4 { margin-bottom: undefined; } -.mb5 { margin-bottom: undefined; } -.mb6 { margin-bottom: undefined; } -.mb7 { margin-bottom: undefined; } -.mt0 { margin-top: undefined; } -.mt1 { margin-top: undefined; } -.mt2 { margin-top: undefined; } -.mt3 { margin-top: undefined; } -.mt4 { margin-top: undefined; } -.mt5 { margin-top: undefined; } -.mt6 { margin-top: undefined; } -.mt7 { margin-top: undefined; } -.mv0 { margin-top: undefined; margin-bottom: undefined; } -.mv1 { margin-top: undefined; margin-bottom: undefined; } -.mv2 { margin-top: undefined; margin-bottom: undefined; } -.mv3 { margin-top: undefined; margin-bottom: undefined; } -.mv4 { margin-top: undefined; margin-bottom: undefined; } -.mv5 { margin-top: undefined; margin-bottom: undefined; } -.mv6 { margin-top: undefined; margin-bottom: undefined; } -.mv7 { margin-top: undefined; margin-bottom: undefined; } -.mh0 { margin-left: undefined; margin-right: undefined; } -.mh1 { margin-left: undefined; margin-right: undefined; } -.mh2 { margin-left: undefined; margin-right: undefined; } -.mh3 { margin-left: undefined; margin-right: undefined; } -.mh4 { margin-left: undefined; margin-right: undefined; } -.mh5 { margin-left: undefined; margin-right: undefined; } -.mh6 { margin-left: undefined; margin-right: undefined; } -.mh7 { margin-left: undefined; margin-right: undefined; } +.pa0 { padding: var( --spacing-none ); } +.pa1 { padding: var( --spacing-extra-small ); } +.pa2 { padding: var( --spacing-small ); } +.pa3 { padding: var( --spacing-medium ); } +.pa4 { padding: var( --spacing-large ); } +.pa5 { padding: var( --spacing-extra-large ); } +.pa6 { padding: var( --spacing-extra-extra-large ); } +.pa7 { padding: var( --spacing-extra-extra-extra-large ); } +.pl0 { padding-left: var( --spacing-none ); } +.pl1 { padding-left: var( --spacing-extra-small ); } +.pl2 { padding-left: var( --spacing-small ); } +.pl3 { padding-left: var( --spacing-medium ); } +.pl4 { padding-left: var( --spacing-large ); } +.pl5 { padding-left: var( --spacing-extra-large ); } +.pl6 { padding-left: var( --spacing-extra-extra-large ); } +.pl7 { padding-left: var( --spacing-extra-extra-extra-large ); } +.pr0 { padding-right: var( --spacing-none ); } +.pr1 { padding-right: var( --spacing-extra-small ); } +.pr2 { padding-right: var( --spacing-small ); } +.pr3 { padding-right: var( --spacing-medium ); } +.pr4 { padding-right: var( --spacing-large ); } +.pr5 { padding-right: var( --spacing-extra-large ); } +.pr6 { padding-right: var( --spacing-extra-extra-large ); } +.pr7 { padding-right: var( --spacing-extra-extra-extra-large ); } +.pb0 { padding-bottom: var( --spacing-none ); } +.pb1 { padding-bottom: var( --spacing-extra-small ); } +.pb2 { padding-bottom: var( --spacing-small ); } +.pb3 { padding-bottom: var( --spacing-medium ); } +.pb4 { padding-bottom: var( --spacing-large ); } +.pb5 { padding-bottom: var( --spacing-extra-large ); } +.pb6 { padding-bottom: var( --spacing-extra-extra-large ); } +.pb7 { padding-bottom: var( --spacing-extra-extra-extra-large ); } +.pt0 { padding-top: var( --spacing-none ); } +.pt1 { padding-top: var( --spacing-extra-small ); } +.pt2 { padding-top: var( --spacing-small ); } +.pt3 { padding-top: var( --spacing-medium ); } +.pt4 { padding-top: var( --spacing-large ); } +.pt5 { padding-top: var( --spacing-extra-large ); } +.pt6 { padding-top: var( --spacing-extra-extra-large ); } +.pt7 { padding-top: var( --spacing-extra-extra-extra-large ); } +.pv0 { padding-top: var( --spacing-none ); padding-bottom: var( --spacing-none ); } +.pv1 { padding-top: var( --spacing-extra-small ); padding-bottom: var( --spacing-extra-small ); } +.pv2 { padding-top: var( --spacing-small ); padding-bottom: var( --spacing-small ); } +.pv3 { padding-top: var( --spacing-medium ); padding-bottom: var( --spacing-medium ); } +.pv4 { padding-top: var( --spacing-large ); padding-bottom: var( --spacing-large ); } +.pv5 { padding-top: var( --spacing-extra-large ); padding-bottom: var( --spacing-extra-large ); } +.pv6 { padding-top: var( --spacing-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-large ); } +.pv7 { padding-top: var( --spacing-extra-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-extra-large ); } +.ph0 { padding-left: var( --spacing-none ); padding-right: var( --spacing-none ); } +.ph1 { padding-left: var( --spacing-extra-small ); padding-right: var( --spacing-extra-small ); } +.ph2 { padding-left: var( --spacing-small ); padding-right: var( --spacing-small ); } +.ph3 { padding-left: var( --spacing-medium ); padding-right: var( --spacing-medium ); } +.ph4 { padding-left: var( --spacing-large ); padding-right: var( --spacing-large ); } +.ph5 { padding-left: var( --spacing-extra-large ); padding-right: var( --spacing-extra-large ); } +.ph6 { padding-left: var( --spacing-extra-extra-large ); padding-right: var( --spacing-extra-extra-large ); } +.ph7 { padding-left: var( --spacing-extra-extra-extra-large ); padding-right: var( --spacing-extra-extra-extra-large ); } +.ma0 { margin: var( --spacing-none ); } +.ma1 { margin: var( --spacing-extra-small ); } +.ma2 { margin: var( --spacing-small ); } +.ma3 { margin: var( --spacing-medium ); } +.ma4 { margin: var( --spacing-large ); } +.ma5 { margin: var( --spacing-extra-large ); } +.ma6 { margin: var( --spacing-extra-extra-large ); } +.ma7 { margin: var( --spacing-extra-extra-extra-large ); } +.ml0 { margin-left: var( --spacing-none ); } +.ml1 { margin-left: var( --spacing-extra-small ); } +.ml2 { margin-left: var( --spacing-small ); } +.ml3 { margin-left: var( --spacing-medium ); } +.ml4 { margin-left: var( --spacing-large ); } +.ml5 { margin-left: var( --spacing-extra-large ); } +.ml6 { margin-left: var( --spacing-extra-extra-large ); } +.ml7 { margin-left: var( --spacing-extra-extra-extra-large ); } +.mr0 { margin-right: var( --spacing-none ); } +.mr1 { margin-right: var( --spacing-extra-small ); } +.mr2 { margin-right: var( --spacing-small ); } +.mr3 { margin-right: var( --spacing-medium ); } +.mr4 { margin-right: var( --spacing-large ); } +.mr5 { margin-right: var( --spacing-extra-large ); } +.mr6 { margin-right: var( --spacing-extra-extra-large ); } +.mr7 { margin-right: var( --spacing-extra-extra-extra-large ); } +.mb0 { margin-bottom: var( --spacing-none ); } +.mb1 { margin-bottom: var( --spacing-extra-small ); } +.mb2 { margin-bottom: var( --spacing-small ); } +.mb3 { margin-bottom: var( --spacing-medium ); } +.mb4 { margin-bottom: var( --spacing-large ); } +.mb5 { margin-bottom: var( --spacing-extra-large ); } +.mb6 { margin-bottom: var( --spacing-extra-extra-large ); } +.mb7 { margin-bottom: var( --spacing-extra-extra-extra-large ); } +.mt0 { margin-top: var( --spacing-none ); } +.mt1 { margin-top: var( --spacing-extra-small ); } +.mt2 { margin-top: var( --spacing-small ); } +.mt3 { margin-top: var( --spacing-medium ); } +.mt4 { margin-top: var( --spacing-large ); } +.mt5 { margin-top: var( --spacing-extra-large ); } +.mt6 { margin-top: var( --spacing-extra-extra-large ); } +.mt7 { margin-top: var( --spacing-extra-extra-extra-large ); } +.mv0 { margin-top: var( --spacing-none ); margin-bottom: var( --spacing-none ); } +.mv1 { margin-top: var( --spacing-extra-small ); margin-bottom: var( --spacing-extra-small ); } +.mv2 { margin-top: var( --spacing-small ); margin-bottom: var( --spacing-small ); } +.mv3 { margin-top: var( --spacing-medium ); margin-bottom: var( --spacing-medium ); } +.mv4 { margin-top: var( --spacing-large ); margin-bottom: var( --spacing-large ); } +.mv5 { margin-top: var( --spacing-extra-large ); margin-bottom: var( --spacing-extra-large ); } +.mv6 { margin-top: var( --spacing-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-large ); } +.mv7 { margin-top: var( --spacing-extra-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-extra-large ); } +.mh0 { margin-left: var( --spacing-none ); margin-right: var( --spacing-none ); } +.mh1 { margin-left: var( --spacing-extra-small ); margin-right: var( --spacing-extra-small ); } +.mh2 { margin-left: var( --spacing-small ); margin-right: var( --spacing-small ); } +.mh3 { margin-left: var( --spacing-medium ); margin-right: var( --spacing-medium ); } +.mh4 { margin-left: var( --spacing-large ); margin-right: var( --spacing-large ); } +.mh5 { margin-left: var( --spacing-extra-large ); margin-right: var( --spacing-extra-large ); } +.mh6 { margin-left: var( --spacing-extra-extra-large ); margin-right: var( --spacing-extra-extra-large ); } +.mh7 { margin-left: var( --spacing-extra-extra-extra-large ); margin-right: var( --spacing-extra-extra-extra-large ); } /* NEGATIVE MARGINS @@ -1979,41 +1979,41 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.na1 { margin: undefined; } -.na2 { margin: undefined; } -.na3 { margin: undefined; } -.na4 { margin: undefined; } -.na5 { margin: undefined; } -.na6 { margin: undefined; } -.na7 { margin: undefined; } -.nl1 { margin-left: undefined; } -.nl2 { margin-left: undefined; } -.nl3 { margin-left: undefined; } -.nl4 { margin-left: undefined; } -.nl5 { margin-left: undefined; } -.nl6 { margin-left: undefined; } -.nl7 { margin-left: undefined; } -.nr1 { margin-right: undefined; } -.nr2 { margin-right: undefined; } -.nr3 { margin-right: undefined; } -.nr4 { margin-right: undefined; } -.nr5 { margin-right: undefined; } -.nr6 { margin-right: undefined; } -.nr7 { margin-right: undefined; } -.nb1 { margin-bottom: undefined; } -.nb2 { margin-bottom: undefined; } -.nb3 { margin-bottom: undefined; } -.nb4 { margin-bottom: undefined; } -.nb5 { margin-bottom: undefined; } -.nb6 { margin-bottom: undefined; } -.nb7 { margin-bottom: undefined; } -.nt1 { margin-top: undefined; } -.nt2 { margin-top: undefined; } -.nt3 { margin-top: undefined; } -.nt4 { margin-top: undefined; } -.nt5 { margin-top: undefined; } -.nt6 { margin-top: undefined; } -.nt7 { margin-top: undefined; } +.na1 { margin: -var( --spacing-extra-small ); } +.na2 { margin: -var( --spacing-small ); } +.na3 { margin: -var( --spacing-medium ); } +.na4 { margin: -var( --spacing-large ); } +.na5 { margin: -var( --spacing-extra-large ); } +.na6 { margin: -var( --spacing-extra-extra-large ); } +.na7 { margin: -var( --spacing-extra-extra-extra-large ); } +.nl1 { margin-left: -var( --spacing-extra-small ); } +.nl2 { margin-left: -var( --spacing-small ); } +.nl3 { margin-left: -var( --spacing-medium ); } +.nl4 { margin-left: -var( --spacing-large ); } +.nl5 { margin-left: -var( --spacing-extra-large ); } +.nl6 { margin-left: -var( --spacing-extra-extra-large ); } +.nl7 { margin-left: -var( --spacing-extra-extra-extra-large ); } +.nr1 { margin-right: -var( --spacing-extra-small ); } +.nr2 { margin-right: -var( --spacing-small ); } +.nr3 { margin-right: -var( --spacing-medium ); } +.nr4 { margin-right: -var( --spacing-large ); } +.nr5 { margin-right: -var( --spacing-extra-large ); } +.nr6 { margin-right: -var( --spacing-extra-extra-large ); } +.nr7 { margin-right: -var( --spacing-extra-extra-extra-large ); } +.nb1 { margin-bottom: -var( --spacing-extra-small ); } +.nb2 { margin-bottom: -var( --spacing-small ); } +.nb3 { margin-bottom: -var( --spacing-medium ); } +.nb4 { margin-bottom: -var( --spacing-large ); } +.nb5 { margin-bottom: -var( --spacing-extra-large ); } +.nb6 { margin-bottom: -var( --spacing-extra-extra-large ); } +.nb7 { margin-bottom: -var( --spacing-extra-extra-extra-large ); } +.nt1 { margin-top: -var( --spacing-extra-small ); } +.nt2 { margin-top: -var( --spacing-small ); } +.nt3 { margin-top: -var( --spacing-medium ); } +.nt4 { margin-top: -var( --spacing-large ); } +.nt5 { margin-top: -var( --spacing-extra-large ); } +.nt6 { margin-top: -var( --spacing-extra-extra-large ); } +.nt7 { margin-top: -var( --spacing-extra-extra-extra-large ); } /* TABLES @@ -2021,12 +2021,12 @@ code, .code { font-family: Consolas, monaco, monospace; } */ .collapse { border-collapse: collapse; border-spacing: 0; } -.striped--light-silver:nth-child(odd) { background-color: undefined; } -.striped--moon-gray:nth-child(odd) { background-color: undefined; } -.striped--light-gray:nth-child(odd) { background-color: undefined; } -.striped--near-white:nth-child(odd) { background-color: undefined; } -.stripe-light:nth-child(odd) { background-color: undefined; } -.stripe-dark:nth-child(odd) { background-color: undefined; } +.striped--light-silver:nth-child(odd) { background-color: var( --light-silver ); } +.striped--moon-gray:nth-child(odd) { background-color: var( --moon-gray ); } +.striped--light-gray:nth-child(odd) { background-color: var( --light-gray ); } +.striped--near-white:nth-child(odd) { background-color: var( --near-white ); } +.stripe-light:nth-child(odd) { background-color: var( --white-10 ); } +.stripe-dark:nth-child(odd) { background-color: var( --black-10 ); } /* TEXT DECORATION @@ -2117,18 +2117,16 @@ code, .code { font-family: Consolas, monaco, monospace; } * These generally are too large for mobile * so be careful using them on smaller screens. * */ -.f-6 { font-size: undefined; } -.f-headline { font-size: undefined; } -.f-5 { font-size: undefined; } -.f-subheadline { font-size: undefined; } +.f-6, .f-headline { font-size: var( --font-size-headline ); } +.f-5, .f-subheadline { font-size: var( --font-size-subheadline ); } /* Type Scale */ -.f1 { font-size: undefined; } -.f2 { font-size: undefined; } -.f3 { font-size: undefined; } -.f4 { font-size: undefined; } -.f5 { font-size: undefined; } -.f6 { font-size: undefined; } -.f7 { font-size: undefined; } +.f1 { font-size: var( --font-size-1 ); } +.f2 { font-size: var( --font-size-2 ); } +.f3 { font-size: var( --font-size-3 ); } +.f4 { font-size: var( --font-size-4 ); } +.f5 { font-size: var( --font-size-5 ); } +.f6 { font-size: var( --font-size-6 ); } +.f7 { font-size: var( --font-size-7 ); } /* TYPOGRAPHY @@ -2141,11 +2139,11 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Measure is limited to ~66 characters */ -.measure { max-width: undefined; } +.measure { max-width: var( --measure ); } /* Measure is limited to ~80 characters */ -.measure-wide { max-width: undefined; } +.measure-wide { max-width: var( --measure-wide ); } /* Measure is limited to ~45 characters */ -.measure-narrow { max-width: undefined; } +.measure-narrow { max-width: var( --measure-narrow ); } /* Book paragraph style - paragraphs are indented with no vertical spacing. */ .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps { font-variant: small-caps; } @@ -2329,22 +2327,17 @@ code, .code { font-family: Consolas, monaco, monospace; } that are generated by a cms. */ -.nested-copy-line-height p { line-height: undefined; } -.nested-copy-line-height ul { line-height: undefined; } -.nested-copy-line-height ol { line-height: undefined; } -.nested-headline-line-height h1 { line-height: undefined; } -.nested-headline-line-height h2 { line-height: undefined; } -.nested-headline-line-height h3 { line-height: undefined; } -.nested-headline-line-height h4 { line-height: undefined; } -.nested-headline-line-height h5 { line-height: undefined; } -.nested-headline-line-height h6 { line-height: undefined; } +.nested-copy-line-height p, .nested-copy-line-height ul, +.nested-copy-line-height ol { line-height: var( --line-height-copy ); } +.nested-headline-line-height h1, .nested-headline-line-height h2, +.nested-headline-line-height h3, .nested-headline-line-height h4, +.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: var( --line-height-title ); } .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } -.nested-copy-indent p+p { text-indent: undefined; margin-top: undefined; margin-bottom: undefined; } -.nested-copy-seperator p+p { margin-top: undefined; } +.nested-copy-indent p+p { text-indent: var( --letter-spacing-1 ); margin-top: var( --spacing-none ); margin-bottom: var( --spacing-none ); } +.nested-copy-seperator p+p { margin-top: var( --spacing-copy-separator ); } .nested-img img { width: 100%; max-width: 100%; display: block; } -.nested-links a { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.nested-links a:hover { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.nested-links a:focus { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } +.nested-links a { color: var( --blue ); -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } +.nested-links a:hover, .nested-links a:focus { color: var( --light-blue ); -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } /* STYLES @@ -2359,6 +2352,7 @@ code, .code { font-family: Consolas, monaco, monospace; } VARIABLES */ +:root { --sans-serif: -apple-system, BlinkMacSystemFont, -system-ui, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; --serif: athelas, serif; --monospace: SFMono, consolas, monaco, monospace; --font-size-headline: 6rem; --font-size-subheadline: 5rem; --font-size-1: 3rem; --font-size-2: 2.25rem; --font-size-3: 1.5rem; --font-size-4: 1.25rem; --font-size-5: 1rem; --font-size-6: .875rem; --font-size-7: .75rem; --measure: 30em; --measure-narrow: 20em; --measure-wide: 34em; --letter-spacing-tight: -.05em; --letter-spacing-1: .1em; --letter-spacing-2: .25em; --line-height-solid: 1; --line-height-title: 1.25; --line-height-copy: 1.5; --spacing-extra-small: .25rem; --spacing-small: .5rem; --spacing-medium: 1rem; --spacing-large: 2rem; --spacing-extra-large: 4rem; --spacing-extra-extra-large: 8rem; --spacing-extra-extra-extra-large: 16rem; --border-radius-1: .125rem; --border-radius-2: .25rem; --border-radius-3: .5rem; --border-radius-4: 1rem; --border-radius-circle: 100%; --border-radius-pill: 9999px; --box-shadow-1: 0 0 4px 2px rgba( 0, 0, 0, .2 ); --box-shadow-2: 0 0 8px 2px rgba( 0, 0, 0, .2 ); --box-shadow-3: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); --box-shadow-4: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); --box-shadow-5: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); --height-1: 1rem; --height-2: 2rem; --height-3: 4rem; --height-4: 8rem; --height-5: 16rem; --width-1: 1rem; --width-2: 2rem; --width-3: 4rem; --width-4: 8rem; --width-5: 16rem; --max-width-1: 1rem; --max-width-2: 2rem; --max-width-3: 4rem; --max-width-4: 8rem; --max-width-5: 16rem; --max-width-6: 32rem; --max-width-7: 48rem; --max-width-8: 64rem; --max-width-9: 96rem; --red-000: #2a1311; --red-100: #4d1d1c; --red-200: #732627; --red-300: #9b2e32; --red-400: #c5363d; --red-500: #d95857; --red-600: #e57c76; --red-700: #f09d97; --red-800: #f8beb8; --red-900: #fddedb; --gold-000: #271609; --gold-100: #45240f; --gold-200: #663212; --gold-300: #894213; --gold-400: #ad5112; --gold-500: #d36110; --gold-600: #e48043; --gold-700: #f0a071; --gold-800: #f9bf9f; --gold-900: #ffdfce; --green-000: #111c0f; --green-100: #193218; --green-200: #1f4920; --green-300: #246227; --green-400: #287b2f; --green-500: #2b9637; --green-600: #2db13e; --green-700: #2dcd46; --green-800: #2cea4e; --green-900: #96fc93; --teal-000: #121b1b; --teal-100: #1b302f; --teal-200: #234644; --teal-300: #2b5e5a; --teal-400: #337672; --teal-500: #3a8f8a; --teal-600: #41aaa3; --teal-700: #48c4bd; --teal-800: #54e0d8; --teal-900: #b5f0eb; --blue-000: #131a26; --blue-100: #1c2d47; --blue-200: #22416b; --blue-300: #255791; --blue-400: #256db9; --blue-500: #4884d2; --blue-600: #769bdb; --blue-700: #9bb3e5; --blue-800: #bdccee; --blue-900: #dee5f6; --indigo-000: #201237; --indigo-100: #35196c; --indigo-200: #491fa7; --indigo-300: #5d22e6; --indigo-400: #7d41f8; --indigo-500: #9962fa; --indigo-600: #b282fc; --indigo-700: #c8a1fe; --indigo-800: #dcc0ff; --indigo-900: #eedfff; --violet-000: #2a121d; --violet-100: #4e1933; --violet-200: #761c4b; --violet-300: #9f1d65; --violet-400: #cb187f; --violet-500: #dd4a95; --violet-600: #e873a9; --violet-700: #f098be; --violet-800: #f7bbd3; --violet-900: #fcdde9; --gray-000: #191a1a; --gray-100: #2c2d2d; --gray-200: #3f4141; --gray-300: #545657; --gray-400: #696c6d; --gray-500: #808385; --gray-600: #979b9d; --gray-700: #b0b3b4; --gray-800: #cacccd; --gray-900: #e4e5e6; } /* Debugging */ /* @@ -2418,13 +2412,13 @@ code, .code { font-family: Consolas, monaco, monospace; } .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; } .bl-ns { border-left-style: solid; border-left-width: 1px; } .bn-ns { border-style: none; border-width: 0; } - .br0-ns { border-radius: undefined; } - .br1-ns { border-radius: undefined; } - .br2-ns { border-radius: undefined; } - .br3-ns { border-radius: undefined; } - .br4-ns { border-radius: undefined; } - .br-100-ns { border-radius: undefined; } - .br-pill-ns { border-radius: undefined; } + .br0-ns { border-radius: var( --border-radius-none ); } + .br1-ns { border-radius: var( --border-radius-1 ); } + .br2-ns { border-radius: var( --border-radius-2 ); } + .br3-ns { border-radius: var( --border-radius-3 ); } + .br4-ns { border-radius: var( --border-radius-4 ); } + .br-100-ns { border-radius: var( --border-radius-circle ); } + .br-pill-ns { border-radius: var( --border-radius-pill ); } .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -2433,21 +2427,21 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-ns { border-style: dashed; } .b--solid-ns { border-style: solid; } .b--none-ns { border-style: none; } - .bw0-ns { border-width: undefined; } - .bw1-ns { border-width: undefined; } - .bw2-ns { border-width: undefined; } - .bw3-ns { border-width: undefined; } - .bw4-ns { border-width: undefined; } - .bw5-ns { border-width: undefined; } - .bt-0-ns { border-top-width: undefined; } - .br-0-ns { border-right-width: undefined; } - .bb-0-ns { border-bottom-width: undefined; } - .bl-0-ns { border-left-width: undefined; } - .shadow-1-ns { box-shadow: undefined; } - .shadow-2-ns { box-shadow: undefined; } - .shadow-3-ns { box-shadow: undefined; } - .shadow-4-ns { box-shadow: undefined; } - .shadow-5-ns { box-shadow: undefined; } + .bw0-ns { border-width: var( --border-width-none ); } + .bw1-ns { border-width: var( --border-width-1 ); } + .bw2-ns { border-width: var( --border-width-2 ); } + .bw3-ns { border-width: var( --border-width-3 ); } + .bw4-ns { border-width: var( --border-width-4 ); } + .bw5-ns { border-width: var( --border-width-5 ); } + .bt-0-ns { border-top-width: var( --border-width-none ); } + .br-0-ns { border-right-width: var( --border-width-none ); } + .bb-0-ns { border-bottom-width: var( --border-width-none ); } + .bl-0-ns { border-left-width: var( --border-width-none ); } + .shadow-1-ns { box-shadow: var( --box-shadow-1 ); } + .shadow-2-ns { box-shadow: var( --box-shadow-2 ); } + .shadow-3-ns { box-shadow: var( --box-shadow-3 ); } + .shadow-4-ns { box-shadow: var( --box-shadow-4 ); } + .shadow-5-ns { box-shadow: var( --box-shadow-5 ); } .top-0-ns { top: 0; } .left-0-ns { left: 0; } .right-0-ns { right: 0; } @@ -2547,11 +2541,11 @@ code, .code { font-family: Consolas, monaco, monospace; } .fw7-ns { font-weight: 700; } .fw8-ns { font-weight: 800; } .fw9-ns { font-weight: 900; } - .h1-ns { height: undefined; } - .h2-ns { height: undefined; } - .h3-ns { height: undefined; } - .h4-ns { height: undefined; } - .h5-ns { height: undefined; } + .h1-ns { height: var( --height-1 ); } + .h2-ns { height: var( --height-2 ); } + .h3-ns { height: var( --height-3 ); } + .h4-ns { height: var( --height-4 ); } + .h5-ns { height: var( --height-5 ); } .h-25-ns { height: 25%; } .h-50-ns { height: 50%; } .h-75-ns { height: 75%; } @@ -2564,28 +2558,28 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-ns { min-height: 100vh; } .h-auto-ns { height: auto; } .h-inherit-ns { height: inherit; } - .tracked-ns { letter-spacing: undefined; } - .tracked-tight-ns { letter-spacing: undefined; } - .tracked-mega-ns { letter-spacing: undefined; } - .lh-solid-ns { line-height: undefined; } - .lh-title-ns { line-height: undefined; } - .lh-copy-ns { line-height: undefined; } + .tracked-ns { letter-spacing: var( --letter-spacing-1 ); } + .tracked-tight-ns { letter-spacing: var( --letter-spacing-tight ); } + .tracked-mega-ns { letter-spacing: var( --letter-spacing-2 ); } + .lh-solid-ns { line-height: var( --line-height-solid ); } + .lh-title-ns { line-height: var( --line-height-title ); } + .lh-copy-ns { line-height: var( --line-height-copy ); } .mw-100-ns { max-width: 100%; } - .mw1-ns { max-width: undefined; } - .mw2-ns { max-width: undefined; } - .mw3-ns { max-width: undefined; } - .mw4-ns { max-width: undefined; } - .mw5-ns { max-width: undefined; } - .mw6-ns { max-width: undefined; } - .mw7-ns { max-width: undefined; } - .mw8-ns { max-width: undefined; } - .mw9-ns { max-width: undefined; } + .mw1-ns { max-width: var( --max-width-1 ); } + .mw2-ns { max-width: var( --max-width-2 ); } + .mw3-ns { max-width: var( --max-width-3 ); } + .mw4-ns { max-width: var( --max-width-4 ); } + .mw5-ns { max-width: var( --max-width-5 ); } + .mw6-ns { max-width: var( --max-width-6 ); } + .mw7-ns { max-width: var( --max-width-7 ); } + .mw8-ns { max-width: var( --max-width-8 ); } + .mw9-ns { max-width: var( --max-width-9 ); } .mw-none-ns { max-width: none; } - .w1-ns { width: undefined; } - .w2-ns { width: undefined; } - .w3-ns { width: undefined; } - .w4-ns { width: undefined; } - .w5-ns { width: undefined; } + .w1-ns { width: var( --width-1 ); } + .w2-ns { width: var( --width-2 ); } + .w3-ns { width: var( --width-3 ); } + .w4-ns { width: var( --width-4 ); } + .w5-ns { width: var( --width-5 ); } .w-10-ns { width: 10%; } .w-20-ns { width: 20%; } .w-25-ns { width: 25%; } @@ -2600,8 +2594,8 @@ code, .code { font-family: Consolas, monaco, monospace; } .w-80-ns { width: 80%; } .w-90-ns { width: 90%; } .w-100-ns { width: 100%; } - .w-third-ns { width: 33.33333%; } - .w-two-thirds-ns { width: 66.66667%; } + .w-third-ns { width: calc( 100% / 3 ); } + .w-two-thirds-ns { width: calc( 100% / 1.5 ); } .w-auto-ns { width: auto; } .overflow-visible-ns { overflow: visible; } .overflow-hidden-ns { overflow: hidden; } @@ -2626,153 +2620,153 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-ns { padding: undefined; } - .pa1-ns { padding: undefined; } - .pa2-ns { padding: undefined; } - .pa3-ns { padding: undefined; } - .pa4-ns { padding: undefined; } - .pa5-ns { padding: undefined; } - .pa6-ns { padding: undefined; } - .pa7-ns { padding: undefined; } - .pl0-ns { padding-left: undefined; } - .pl1-ns { padding-left: undefined; } - .pl2-ns { padding-left: undefined; } - .pl3-ns { padding-left: undefined; } - .pl4-ns { padding-left: undefined; } - .pl5-ns { padding-left: undefined; } - .pl6-ns { padding-left: undefined; } - .pl7-ns { padding-left: undefined; } - .pr0-ns { padding-right: undefined; } - .pr1-ns { padding-right: undefined; } - .pr2-ns { padding-right: undefined; } - .pr3-ns { padding-right: undefined; } - .pr4-ns { padding-right: undefined; } - .pr5-ns { padding-right: undefined; } - .pr6-ns { padding-right: undefined; } - .pr7-ns { padding-right: undefined; } - .pb0-ns { padding-bottom: undefined; } - .pb1-ns { padding-bottom: undefined; } - .pb2-ns { padding-bottom: undefined; } - .pb3-ns { padding-bottom: undefined; } - .pb4-ns { padding-bottom: undefined; } - .pb5-ns { padding-bottom: undefined; } - .pb6-ns { padding-bottom: undefined; } - .pb7-ns { padding-bottom: undefined; } - .pt0-ns { padding-top: undefined; } - .pt1-ns { padding-top: undefined; } - .pt2-ns { padding-top: undefined; } - .pt3-ns { padding-top: undefined; } - .pt4-ns { padding-top: undefined; } - .pt5-ns { padding-top: undefined; } - .pt6-ns { padding-top: undefined; } - .pt7-ns { padding-top: undefined; } - .pv0-ns { padding-top: undefined; padding-bottom: undefined; } - .pv1-ns { padding-top: undefined; padding-bottom: undefined; } - .pv2-ns { padding-top: undefined; padding-bottom: undefined; } - .pv3-ns { padding-top: undefined; padding-bottom: undefined; } - .pv4-ns { padding-top: undefined; padding-bottom: undefined; } - .pv5-ns { padding-top: undefined; padding-bottom: undefined; } - .pv6-ns { padding-top: undefined; padding-bottom: undefined; } - .pv7-ns { padding-top: undefined; padding-bottom: undefined; } - .ph0-ns { padding-left: undefined; padding-right: undefined; } - .ph1-ns { padding-left: undefined; padding-right: undefined; } - .ph2-ns { padding-left: undefined; padding-right: undefined; } - .ph3-ns { padding-left: undefined; padding-right: undefined; } - .ph4-ns { padding-left: undefined; padding-right: undefined; } - .ph5-ns { padding-left: undefined; padding-right: undefined; } - .ph6-ns { padding-left: undefined; padding-right: undefined; } - .ph7-ns { padding-left: undefined; padding-right: undefined; } - .ma0-ns { margin: undefined; } - .ma1-ns { margin: undefined; } - .ma2-ns { margin: undefined; } - .ma3-ns { margin: undefined; } - .ma4-ns { margin: undefined; } - .ma5-ns { margin: undefined; } - .ma6-ns { margin: undefined; } - .ma7-ns { margin: undefined; } - .ml0-ns { margin-left: undefined; } - .ml1-ns { margin-left: undefined; } - .ml2-ns { margin-left: undefined; } - .ml3-ns { margin-left: undefined; } - .ml4-ns { margin-left: undefined; } - .ml5-ns { margin-left: undefined; } - .ml6-ns { margin-left: undefined; } - .ml7-ns { margin-left: undefined; } - .mr0-ns { margin-right: undefined; } - .mr1-ns { margin-right: undefined; } - .mr2-ns { margin-right: undefined; } - .mr3-ns { margin-right: undefined; } - .mr4-ns { margin-right: undefined; } - .mr5-ns { margin-right: undefined; } - .mr6-ns { margin-right: undefined; } - .mr7-ns { margin-right: undefined; } - .mb0-ns { margin-bottom: undefined; } - .mb1-ns { margin-bottom: undefined; } - .mb2-ns { margin-bottom: undefined; } - .mb3-ns { margin-bottom: undefined; } - .mb4-ns { margin-bottom: undefined; } - .mb5-ns { margin-bottom: undefined; } - .mb6-ns { margin-bottom: undefined; } - .mb7-ns { margin-bottom: undefined; } - .mt0-ns { margin-top: undefined; } - .mt1-ns { margin-top: undefined; } - .mt2-ns { margin-top: undefined; } - .mt3-ns { margin-top: undefined; } - .mt4-ns { margin-top: undefined; } - .mt5-ns { margin-top: undefined; } - .mt6-ns { margin-top: undefined; } - .mt7-ns { margin-top: undefined; } - .mv0-ns { margin-top: undefined; margin-bottom: undefined; } - .mv1-ns { margin-top: undefined; margin-bottom: undefined; } - .mv2-ns { margin-top: undefined; margin-bottom: undefined; } - .mv3-ns { margin-top: undefined; margin-bottom: undefined; } - .mv4-ns { margin-top: undefined; margin-bottom: undefined; } - .mv5-ns { margin-top: undefined; margin-bottom: undefined; } - .mv6-ns { margin-top: undefined; margin-bottom: undefined; } - .mv7-ns { margin-top: undefined; margin-bottom: undefined; } - .mh0-ns { margin-left: undefined; margin-right: undefined; } - .mh1-ns { margin-left: undefined; margin-right: undefined; } - .mh2-ns { margin-left: undefined; margin-right: undefined; } - .mh3-ns { margin-left: undefined; margin-right: undefined; } - .mh4-ns { margin-left: undefined; margin-right: undefined; } - .mh5-ns { margin-left: undefined; margin-right: undefined; } - .mh6-ns { margin-left: undefined; margin-right: undefined; } - .mh7-ns { margin-left: undefined; margin-right: undefined; } - .na1-ns { margin: undefined; } - .na2-ns { margin: undefined; } - .na3-ns { margin: undefined; } - .na4-ns { margin: undefined; } - .na5-ns { margin: undefined; } - .na6-ns { margin: undefined; } - .na7-ns { margin: undefined; } - .nl1-ns { margin-left: undefined; } - .nl2-ns { margin-left: undefined; } - .nl3-ns { margin-left: undefined; } - .nl4-ns { margin-left: undefined; } - .nl5-ns { margin-left: undefined; } - .nl6-ns { margin-left: undefined; } - .nl7-ns { margin-left: undefined; } - .nr1-ns { margin-right: undefined; } - .nr2-ns { margin-right: undefined; } - .nr3-ns { margin-right: undefined; } - .nr4-ns { margin-right: undefined; } - .nr5-ns { margin-right: undefined; } - .nr6-ns { margin-right: undefined; } - .nr7-ns { margin-right: undefined; } - .nb1-ns { margin-bottom: undefined; } - .nb2-ns { margin-bottom: undefined; } - .nb3-ns { margin-bottom: undefined; } - .nb4-ns { margin-bottom: undefined; } - .nb5-ns { margin-bottom: undefined; } - .nb6-ns { margin-bottom: undefined; } - .nb7-ns { margin-bottom: undefined; } - .nt1-ns { margin-top: undefined; } - .nt2-ns { margin-top: undefined; } - .nt3-ns { margin-top: undefined; } - .nt4-ns { margin-top: undefined; } - .nt5-ns { margin-top: undefined; } - .nt6-ns { margin-top: undefined; } - .nt7-ns { margin-top: undefined; } + .pa0-ns { padding: var( --spacing-none ); } + .pa1-ns { padding: var( --spacing-extra-small ); } + .pa2-ns { padding: var( --spacing-small ); } + .pa3-ns { padding: var( --spacing-medium ); } + .pa4-ns { padding: var( --spacing-large ); } + .pa5-ns { padding: var( --spacing-extra-large ); } + .pa6-ns { padding: var( --spacing-extra-extra-large ); } + .pa7-ns { padding: var( --spacing-extra-extra-extra-large ); } + .pl0-ns { padding-left: var( --spacing-none ); } + .pl1-ns { padding-left: var( --spacing-extra-small ); } + .pl2-ns { padding-left: var( --spacing-small ); } + .pl3-ns { padding-left: var( --spacing-medium ); } + .pl4-ns { padding-left: var( --spacing-large ); } + .pl5-ns { padding-left: var( --spacing-extra-large ); } + .pl6-ns { padding-left: var( --spacing-extra-extra-large ); } + .pl7-ns { padding-left: var( --spacing-extra-extra-extra-large ); } + .pr0-ns { padding-right: var( --spacing-none ); } + .pr1-ns { padding-right: var( --spacing-extra-small ); } + .pr2-ns { padding-right: var( --spacing-small ); } + .pr3-ns { padding-right: var( --spacing-medium ); } + .pr4-ns { padding-right: var( --spacing-large ); } + .pr5-ns { padding-right: var( --spacing-extra-large ); } + .pr6-ns { padding-right: var( --spacing-extra-extra-large ); } + .pr7-ns { padding-right: var( --spacing-extra-extra-extra-large ); } + .pb0-ns { padding-bottom: var( --spacing-none ); } + .pb1-ns { padding-bottom: var( --spacing-extra-small ); } + .pb2-ns { padding-bottom: var( --spacing-small ); } + .pb3-ns { padding-bottom: var( --spacing-medium ); } + .pb4-ns { padding-bottom: var( --spacing-large ); } + .pb5-ns { padding-bottom: var( --spacing-extra-large ); } + .pb6-ns { padding-bottom: var( --spacing-extra-extra-large ); } + .pb7-ns { padding-bottom: var( --spacing-extra-extra-extra-large ); } + .pt0-ns { padding-top: var( --spacing-none ); } + .pt1-ns { padding-top: var( --spacing-extra-small ); } + .pt2-ns { padding-top: var( --spacing-small ); } + .pt3-ns { padding-top: var( --spacing-medium ); } + .pt4-ns { padding-top: var( --spacing-large ); } + .pt5-ns { padding-top: var( --spacing-extra-large ); } + .pt6-ns { padding-top: var( --spacing-extra-extra-large ); } + .pt7-ns { padding-top: var( --spacing-extra-extra-extra-large ); } + .pv0-ns { padding-top: var( --spacing-none ); padding-bottom: var( --spacing-none ); } + .pv1-ns { padding-top: var( --spacing-extra-small ); padding-bottom: var( --spacing-extra-small ); } + .pv2-ns { padding-top: var( --spacing-small ); padding-bottom: var( --spacing-small ); } + .pv3-ns { padding-top: var( --spacing-medium ); padding-bottom: var( --spacing-medium ); } + .pv4-ns { padding-top: var( --spacing-large ); padding-bottom: var( --spacing-large ); } + .pv5-ns { padding-top: var( --spacing-extra-large ); padding-bottom: var( --spacing-extra-large ); } + .pv6-ns { padding-top: var( --spacing-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-large ); } + .pv7-ns { padding-top: var( --spacing-extra-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-extra-large ); } + .ph0-ns { padding-left: var( --spacing-none ); padding-right: var( --spacing-none ); } + .ph1-ns { padding-left: var( --spacing-extra-small ); padding-right: var( --spacing-extra-small ); } + .ph2-ns { padding-left: var( --spacing-small ); padding-right: var( --spacing-small ); } + .ph3-ns { padding-left: var( --spacing-medium ); padding-right: var( --spacing-medium ); } + .ph4-ns { padding-left: var( --spacing-large ); padding-right: var( --spacing-large ); } + .ph5-ns { padding-left: var( --spacing-extra-large ); padding-right: var( --spacing-extra-large ); } + .ph6-ns { padding-left: var( --spacing-extra-extra-large ); padding-right: var( --spacing-extra-extra-large ); } + .ph7-ns { padding-left: var( --spacing-extra-extra-extra-large ); padding-right: var( --spacing-extra-extra-extra-large ); } + .ma0-ns { margin: var( --spacing-none ); } + .ma1-ns { margin: var( --spacing-extra-small ); } + .ma2-ns { margin: var( --spacing-small ); } + .ma3-ns { margin: var( --spacing-medium ); } + .ma4-ns { margin: var( --spacing-large ); } + .ma5-ns { margin: var( --spacing-extra-large ); } + .ma6-ns { margin: var( --spacing-extra-extra-large ); } + .ma7-ns { margin: var( --spacing-extra-extra-extra-large ); } + .ml0-ns { margin-left: var( --spacing-none ); } + .ml1-ns { margin-left: var( --spacing-extra-small ); } + .ml2-ns { margin-left: var( --spacing-small ); } + .ml3-ns { margin-left: var( --spacing-medium ); } + .ml4-ns { margin-left: var( --spacing-large ); } + .ml5-ns { margin-left: var( --spacing-extra-large ); } + .ml6-ns { margin-left: var( --spacing-extra-extra-large ); } + .ml7-ns { margin-left: var( --spacing-extra-extra-extra-large ); } + .mr0-ns { margin-right: var( --spacing-none ); } + .mr1-ns { margin-right: var( --spacing-extra-small ); } + .mr2-ns { margin-right: var( --spacing-small ); } + .mr3-ns { margin-right: var( --spacing-medium ); } + .mr4-ns { margin-right: var( --spacing-large ); } + .mr5-ns { margin-right: var( --spacing-extra-large ); } + .mr6-ns { margin-right: var( --spacing-extra-extra-large ); } + .mr7-ns { margin-right: var( --spacing-extra-extra-extra-large ); } + .mb0-ns { margin-bottom: var( --spacing-none ); } + .mb1-ns { margin-bottom: var( --spacing-extra-small ); } + .mb2-ns { margin-bottom: var( --spacing-small ); } + .mb3-ns { margin-bottom: var( --spacing-medium ); } + .mb4-ns { margin-bottom: var( --spacing-large ); } + .mb5-ns { margin-bottom: var( --spacing-extra-large ); } + .mb6-ns { margin-bottom: var( --spacing-extra-extra-large ); } + .mb7-ns { margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mt0-ns { margin-top: var( --spacing-none ); } + .mt1-ns { margin-top: var( --spacing-extra-small ); } + .mt2-ns { margin-top: var( --spacing-small ); } + .mt3-ns { margin-top: var( --spacing-medium ); } + .mt4-ns { margin-top: var( --spacing-large ); } + .mt5-ns { margin-top: var( --spacing-extra-large ); } + .mt6-ns { margin-top: var( --spacing-extra-extra-large ); } + .mt7-ns { margin-top: var( --spacing-extra-extra-extra-large ); } + .mv0-ns { margin-top: var( --spacing-none ); margin-bottom: var( --spacing-none ); } + .mv1-ns { margin-top: var( --spacing-extra-small ); margin-bottom: var( --spacing-extra-small ); } + .mv2-ns { margin-top: var( --spacing-small ); margin-bottom: var( --spacing-small ); } + .mv3-ns { margin-top: var( --spacing-medium ); margin-bottom: var( --spacing-medium ); } + .mv4-ns { margin-top: var( --spacing-large ); margin-bottom: var( --spacing-large ); } + .mv5-ns { margin-top: var( --spacing-extra-large ); margin-bottom: var( --spacing-extra-large ); } + .mv6-ns { margin-top: var( --spacing-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-large ); } + .mv7-ns { margin-top: var( --spacing-extra-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mh0-ns { margin-left: var( --spacing-none ); margin-right: var( --spacing-none ); } + .mh1-ns { margin-left: var( --spacing-extra-small ); margin-right: var( --spacing-extra-small ); } + .mh2-ns { margin-left: var( --spacing-small ); margin-right: var( --spacing-small ); } + .mh3-ns { margin-left: var( --spacing-medium ); margin-right: var( --spacing-medium ); } + .mh4-ns { margin-left: var( --spacing-large ); margin-right: var( --spacing-large ); } + .mh5-ns { margin-left: var( --spacing-extra-large ); margin-right: var( --spacing-extra-large ); } + .mh6-ns { margin-left: var( --spacing-extra-extra-large ); margin-right: var( --spacing-extra-extra-large ); } + .mh7-ns { margin-left: var( --spacing-extra-extra-extra-large ); margin-right: var( --spacing-extra-extra-extra-large ); } + .na1-ns { margin: -var( --spacing-extra-small ); } + .na2-ns { margin: -var( --spacing-small ); } + .na3-ns { margin: -var( --spacing-medium ); } + .na4-ns { margin: -var( --spacing-large ); } + .na5-ns { margin: -var( --spacing-extra-large ); } + .na6-ns { margin: -var( --spacing-extra-extra-large ); } + .na7-ns { margin: -var( --spacing-extra-extra-extra-large ); } + .nl1-ns { margin-left: -var( --spacing-extra-small ); } + .nl2-ns { margin-left: -var( --spacing-small ); } + .nl3-ns { margin-left: -var( --spacing-medium ); } + .nl4-ns { margin-left: -var( --spacing-large ); } + .nl5-ns { margin-left: -var( --spacing-extra-large ); } + .nl6-ns { margin-left: -var( --spacing-extra-extra-large ); } + .nl7-ns { margin-left: -var( --spacing-extra-extra-extra-large ); } + .nr1-ns { margin-right: -var( --spacing-extra-small ); } + .nr2-ns { margin-right: -var( --spacing-small ); } + .nr3-ns { margin-right: -var( --spacing-medium ); } + .nr4-ns { margin-right: -var( --spacing-large ); } + .nr5-ns { margin-right: -var( --spacing-extra-large ); } + .nr6-ns { margin-right: -var( --spacing-extra-extra-large ); } + .nr7-ns { margin-right: -var( --spacing-extra-extra-extra-large ); } + .nb1-ns { margin-bottom: -var( --spacing-extra-small ); } + .nb2-ns { margin-bottom: -var( --spacing-small ); } + .nb3-ns { margin-bottom: -var( --spacing-medium ); } + .nb4-ns { margin-bottom: -var( --spacing-large ); } + .nb5-ns { margin-bottom: -var( --spacing-extra-large ); } + .nb6-ns { margin-bottom: -var( --spacing-extra-extra-large ); } + .nb7-ns { margin-bottom: -var( --spacing-extra-extra-extra-large ); } + .nt1-ns { margin-top: -var( --spacing-extra-small ); } + .nt2-ns { margin-top: -var( --spacing-small ); } + .nt3-ns { margin-top: -var( --spacing-medium ); } + .nt4-ns { margin-top: -var( --spacing-large ); } + .nt5-ns { margin-top: -var( --spacing-extra-large ); } + .nt6-ns { margin-top: -var( --spacing-extra-extra-large ); } + .nt7-ns { margin-top: -var( --spacing-extra-extra-extra-large ); } .strike-ns { text-decoration: line-through; } .underline-ns { text-decoration: underline; } .no-underline-ns { text-decoration: none; } @@ -2784,20 +2778,18 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-ns { text-transform: lowercase; } .ttu-ns { text-transform: uppercase; } .ttn-ns { text-transform: none; } - .f-6-ns { font-size: undefined; } - .f-headline-ns { font-size: undefined; } - .f-5-ns { font-size: undefined; } - .f-subheadline-ns { font-size: undefined; } - .f1-ns { font-size: undefined; } - .f2-ns { font-size: undefined; } - .f3-ns { font-size: undefined; } - .f4-ns { font-size: undefined; } - .f5-ns { font-size: undefined; } - .f6-ns { font-size: undefined; } - .f7-ns { font-size: undefined; } - .measure-ns { max-width: undefined; } - .measure-wide-ns { max-width: undefined; } - .measure-narrow-ns { max-width: undefined; } + .f-6-ns, .f-headline-ns { font-size: var( --font-size-headline ); } + .f-5-ns, .f-subheadline-ns { font-size: var( --font-size-subheadline ); } + .f1-ns { font-size: var( --font-size-1 ); } + .f2-ns { font-size: var( --font-size-2 ); } + .f3-ns { font-size: var( --font-size-3 ); } + .f4-ns { font-size: var( --font-size-4 ); } + .f5-ns { font-size: var( --font-size-5 ); } + .f6-ns { font-size: var( --font-size-6 ); } + .f7-ns { font-size: var( --font-size-7 ); } + .measure-ns { max-width: var( --measure ); } + .measure-wide-ns { max-width: var( --measure-wide ); } + .measure-narrow-ns { max-width: var( --measure-narrow ); } .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-ns { font-variant: small-caps; } .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @@ -2843,13 +2835,13 @@ code, .code { font-family: Consolas, monaco, monospace; } .bb-m { border-bottom-style: solid; border-bottom-width: 1px; } .bl-m { border-left-style: solid; border-left-width: 1px; } .bn-m { border-style: none; border-width: 0; } - .br0-m { border-radius: undefined; } - .br1-m { border-radius: undefined; } - .br2-m { border-radius: undefined; } - .br3-m { border-radius: undefined; } - .br4-m { border-radius: undefined; } - .br-100-m { border-radius: undefined; } - .br-pill-m { border-radius: undefined; } + .br0-m { border-radius: var( --border-radius-none ); } + .br1-m { border-radius: var( --border-radius-1 ); } + .br2-m { border-radius: var( --border-radius-2 ); } + .br3-m { border-radius: var( --border-radius-3 ); } + .br4-m { border-radius: var( --border-radius-4 ); } + .br-100-m { border-radius: var( --border-radius-circle ); } + .br-pill-m { border-radius: var( --border-radius-pill ); } .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -2858,21 +2850,21 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-m { border-style: dashed; } .b--solid-m { border-style: solid; } .b--none-m { border-style: none; } - .bw0-m { border-width: undefined; } - .bw1-m { border-width: undefined; } - .bw2-m { border-width: undefined; } - .bw3-m { border-width: undefined; } - .bw4-m { border-width: undefined; } - .bw5-m { border-width: undefined; } - .bt-0-m { border-top-width: undefined; } - .br-0-m { border-right-width: undefined; } - .bb-0-m { border-bottom-width: undefined; } - .bl-0-m { border-left-width: undefined; } - .shadow-1-m { box-shadow: undefined; } - .shadow-2-m { box-shadow: undefined; } - .shadow-3-m { box-shadow: undefined; } - .shadow-4-m { box-shadow: undefined; } - .shadow-5-m { box-shadow: undefined; } + .bw0-m { border-width: var( --border-width-none ); } + .bw1-m { border-width: var( --border-width-1 ); } + .bw2-m { border-width: var( --border-width-2 ); } + .bw3-m { border-width: var( --border-width-3 ); } + .bw4-m { border-width: var( --border-width-4 ); } + .bw5-m { border-width: var( --border-width-5 ); } + .bt-0-m { border-top-width: var( --border-width-none ); } + .br-0-m { border-right-width: var( --border-width-none ); } + .bb-0-m { border-bottom-width: var( --border-width-none ); } + .bl-0-m { border-left-width: var( --border-width-none ); } + .shadow-1-m { box-shadow: var( --box-shadow-1 ); } + .shadow-2-m { box-shadow: var( --box-shadow-2 ); } + .shadow-3-m { box-shadow: var( --box-shadow-3 ); } + .shadow-4-m { box-shadow: var( --box-shadow-4 ); } + .shadow-5-m { box-shadow: var( --box-shadow-5 ); } .top-0-m { top: 0; } .left-0-m { left: 0; } .right-0-m { right: 0; } @@ -2972,11 +2964,11 @@ code, .code { font-family: Consolas, monaco, monospace; } .fw7-m { font-weight: 700; } .fw8-m { font-weight: 800; } .fw9-m { font-weight: 900; } - .h1-m { height: undefined; } - .h2-m { height: undefined; } - .h3-m { height: undefined; } - .h4-m { height: undefined; } - .h5-m { height: undefined; } + .h1-m { height: var( --height-1 ); } + .h2-m { height: var( --height-2 ); } + .h3-m { height: var( --height-3 ); } + .h4-m { height: var( --height-4 ); } + .h5-m { height: var( --height-5 ); } .h-25-m { height: 25%; } .h-50-m { height: 50%; } .h-75-m { height: 75%; } @@ -2989,28 +2981,28 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-m { min-height: 100vh; } .h-auto-m { height: auto; } .h-inherit-m { height: inherit; } - .tracked-m { letter-spacing: undefined; } - .tracked-tight-m { letter-spacing: undefined; } - .tracked-mega-m { letter-spacing: undefined; } - .lh-solid-m { line-height: undefined; } - .lh-title-m { line-height: undefined; } - .lh-copy-m { line-height: undefined; } + .tracked-m { letter-spacing: var( --letter-spacing-1 ); } + .tracked-tight-m { letter-spacing: var( --letter-spacing-tight ); } + .tracked-mega-m { letter-spacing: var( --letter-spacing-2 ); } + .lh-solid-m { line-height: var( --line-height-solid ); } + .lh-title-m { line-height: var( --line-height-title ); } + .lh-copy-m { line-height: var( --line-height-copy ); } .mw-100-m { max-width: 100%; } - .mw1-m { max-width: undefined; } - .mw2-m { max-width: undefined; } - .mw3-m { max-width: undefined; } - .mw4-m { max-width: undefined; } - .mw5-m { max-width: undefined; } - .mw6-m { max-width: undefined; } - .mw7-m { max-width: undefined; } - .mw8-m { max-width: undefined; } - .mw9-m { max-width: undefined; } + .mw1-m { max-width: var( --max-width-1 ); } + .mw2-m { max-width: var( --max-width-2 ); } + .mw3-m { max-width: var( --max-width-3 ); } + .mw4-m { max-width: var( --max-width-4 ); } + .mw5-m { max-width: var( --max-width-5 ); } + .mw6-m { max-width: var( --max-width-6 ); } + .mw7-m { max-width: var( --max-width-7 ); } + .mw8-m { max-width: var( --max-width-8 ); } + .mw9-m { max-width: var( --max-width-9 ); } .mw-none-m { max-width: none; } - .w1-m { width: undefined; } - .w2-m { width: undefined; } - .w3-m { width: undefined; } - .w4-m { width: undefined; } - .w5-m { width: undefined; } + .w1-m { width: var( --width-1 ); } + .w2-m { width: var( --width-2 ); } + .w3-m { width: var( --width-3 ); } + .w4-m { width: var( --width-4 ); } + .w5-m { width: var( --width-5 ); } .w-10-m { width: 10%; } .w-20-m { width: 20%; } .w-25-m { width: 25%; } @@ -3025,8 +3017,8 @@ code, .code { font-family: Consolas, monaco, monospace; } .w-80-m { width: 80%; } .w-90-m { width: 90%; } .w-100-m { width: 100%; } - .w-third-m { width: 33.33333%; } - .w-two-thirds-m { width: 66.66667%; } + .w-third-m { width: calc( 100% / 3 ); } + .w-two-thirds-m { width: calc( 100% / 1.5 ); } .w-auto-m { width: auto; } .overflow-visible-m { overflow: visible; } .overflow-hidden-m { overflow: hidden; } @@ -3051,153 +3043,153 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-m { padding: undefined; } - .pa1-m { padding: undefined; } - .pa2-m { padding: undefined; } - .pa3-m { padding: undefined; } - .pa4-m { padding: undefined; } - .pa5-m { padding: undefined; } - .pa6-m { padding: undefined; } - .pa7-m { padding: undefined; } - .pl0-m { padding-left: undefined; } - .pl1-m { padding-left: undefined; } - .pl2-m { padding-left: undefined; } - .pl3-m { padding-left: undefined; } - .pl4-m { padding-left: undefined; } - .pl5-m { padding-left: undefined; } - .pl6-m { padding-left: undefined; } - .pl7-m { padding-left: undefined; } - .pr0-m { padding-right: undefined; } - .pr1-m { padding-right: undefined; } - .pr2-m { padding-right: undefined; } - .pr3-m { padding-right: undefined; } - .pr4-m { padding-right: undefined; } - .pr5-m { padding-right: undefined; } - .pr6-m { padding-right: undefined; } - .pr7-m { padding-right: undefined; } - .pb0-m { padding-bottom: undefined; } - .pb1-m { padding-bottom: undefined; } - .pb2-m { padding-bottom: undefined; } - .pb3-m { padding-bottom: undefined; } - .pb4-m { padding-bottom: undefined; } - .pb5-m { padding-bottom: undefined; } - .pb6-m { padding-bottom: undefined; } - .pb7-m { padding-bottom: undefined; } - .pt0-m { padding-top: undefined; } - .pt1-m { padding-top: undefined; } - .pt2-m { padding-top: undefined; } - .pt3-m { padding-top: undefined; } - .pt4-m { padding-top: undefined; } - .pt5-m { padding-top: undefined; } - .pt6-m { padding-top: undefined; } - .pt7-m { padding-top: undefined; } - .pv0-m { padding-top: undefined; padding-bottom: undefined; } - .pv1-m { padding-top: undefined; padding-bottom: undefined; } - .pv2-m { padding-top: undefined; padding-bottom: undefined; } - .pv3-m { padding-top: undefined; padding-bottom: undefined; } - .pv4-m { padding-top: undefined; padding-bottom: undefined; } - .pv5-m { padding-top: undefined; padding-bottom: undefined; } - .pv6-m { padding-top: undefined; padding-bottom: undefined; } - .pv7-m { padding-top: undefined; padding-bottom: undefined; } - .ph0-m { padding-left: undefined; padding-right: undefined; } - .ph1-m { padding-left: undefined; padding-right: undefined; } - .ph2-m { padding-left: undefined; padding-right: undefined; } - .ph3-m { padding-left: undefined; padding-right: undefined; } - .ph4-m { padding-left: undefined; padding-right: undefined; } - .ph5-m { padding-left: undefined; padding-right: undefined; } - .ph6-m { padding-left: undefined; padding-right: undefined; } - .ph7-m { padding-left: undefined; padding-right: undefined; } - .ma0-m { margin: undefined; } - .ma1-m { margin: undefined; } - .ma2-m { margin: undefined; } - .ma3-m { margin: undefined; } - .ma4-m { margin: undefined; } - .ma5-m { margin: undefined; } - .ma6-m { margin: undefined; } - .ma7-m { margin: undefined; } - .ml0-m { margin-left: undefined; } - .ml1-m { margin-left: undefined; } - .ml2-m { margin-left: undefined; } - .ml3-m { margin-left: undefined; } - .ml4-m { margin-left: undefined; } - .ml5-m { margin-left: undefined; } - .ml6-m { margin-left: undefined; } - .ml7-m { margin-left: undefined; } - .mr0-m { margin-right: undefined; } - .mr1-m { margin-right: undefined; } - .mr2-m { margin-right: undefined; } - .mr3-m { margin-right: undefined; } - .mr4-m { margin-right: undefined; } - .mr5-m { margin-right: undefined; } - .mr6-m { margin-right: undefined; } - .mr7-m { margin-right: undefined; } - .mb0-m { margin-bottom: undefined; } - .mb1-m { margin-bottom: undefined; } - .mb2-m { margin-bottom: undefined; } - .mb3-m { margin-bottom: undefined; } - .mb4-m { margin-bottom: undefined; } - .mb5-m { margin-bottom: undefined; } - .mb6-m { margin-bottom: undefined; } - .mb7-m { margin-bottom: undefined; } - .mt0-m { margin-top: undefined; } - .mt1-m { margin-top: undefined; } - .mt2-m { margin-top: undefined; } - .mt3-m { margin-top: undefined; } - .mt4-m { margin-top: undefined; } - .mt5-m { margin-top: undefined; } - .mt6-m { margin-top: undefined; } - .mt7-m { margin-top: undefined; } - .mv0-m { margin-top: undefined; margin-bottom: undefined; } - .mv1-m { margin-top: undefined; margin-bottom: undefined; } - .mv2-m { margin-top: undefined; margin-bottom: undefined; } - .mv3-m { margin-top: undefined; margin-bottom: undefined; } - .mv4-m { margin-top: undefined; margin-bottom: undefined; } - .mv5-m { margin-top: undefined; margin-bottom: undefined; } - .mv6-m { margin-top: undefined; margin-bottom: undefined; } - .mv7-m { margin-top: undefined; margin-bottom: undefined; } - .mh0-m { margin-left: undefined; margin-right: undefined; } - .mh1-m { margin-left: undefined; margin-right: undefined; } - .mh2-m { margin-left: undefined; margin-right: undefined; } - .mh3-m { margin-left: undefined; margin-right: undefined; } - .mh4-m { margin-left: undefined; margin-right: undefined; } - .mh5-m { margin-left: undefined; margin-right: undefined; } - .mh6-m { margin-left: undefined; margin-right: undefined; } - .mh7-m { margin-left: undefined; margin-right: undefined; } - .na1-m { margin: undefined; } - .na2-m { margin: undefined; } - .na3-m { margin: undefined; } - .na4-m { margin: undefined; } - .na5-m { margin: undefined; } - .na6-m { margin: undefined; } - .na7-m { margin: undefined; } - .nl1-m { margin-left: undefined; } - .nl2-m { margin-left: undefined; } - .nl3-m { margin-left: undefined; } - .nl4-m { margin-left: undefined; } - .nl5-m { margin-left: undefined; } - .nl6-m { margin-left: undefined; } - .nl7-m { margin-left: undefined; } - .nr1-m { margin-right: undefined; } - .nr2-m { margin-right: undefined; } - .nr3-m { margin-right: undefined; } - .nr4-m { margin-right: undefined; } - .nr5-m { margin-right: undefined; } - .nr6-m { margin-right: undefined; } - .nr7-m { margin-right: undefined; } - .nb1-m { margin-bottom: undefined; } - .nb2-m { margin-bottom: undefined; } - .nb3-m { margin-bottom: undefined; } - .nb4-m { margin-bottom: undefined; } - .nb5-m { margin-bottom: undefined; } - .nb6-m { margin-bottom: undefined; } - .nb7-m { margin-bottom: undefined; } - .nt1-m { margin-top: undefined; } - .nt2-m { margin-top: undefined; } - .nt3-m { margin-top: undefined; } - .nt4-m { margin-top: undefined; } - .nt5-m { margin-top: undefined; } - .nt6-m { margin-top: undefined; } - .nt7-m { margin-top: undefined; } + .pa0-m { padding: var( --spacing-none ); } + .pa1-m { padding: var( --spacing-extra-small ); } + .pa2-m { padding: var( --spacing-small ); } + .pa3-m { padding: var( --spacing-medium ); } + .pa4-m { padding: var( --spacing-large ); } + .pa5-m { padding: var( --spacing-extra-large ); } + .pa6-m { padding: var( --spacing-extra-extra-large ); } + .pa7-m { padding: var( --spacing-extra-extra-extra-large ); } + .pl0-m { padding-left: var( --spacing-none ); } + .pl1-m { padding-left: var( --spacing-extra-small ); } + .pl2-m { padding-left: var( --spacing-small ); } + .pl3-m { padding-left: var( --spacing-medium ); } + .pl4-m { padding-left: var( --spacing-large ); } + .pl5-m { padding-left: var( --spacing-extra-large ); } + .pl6-m { padding-left: var( --spacing-extra-extra-large ); } + .pl7-m { padding-left: var( --spacing-extra-extra-extra-large ); } + .pr0-m { padding-right: var( --spacing-none ); } + .pr1-m { padding-right: var( --spacing-extra-small ); } + .pr2-m { padding-right: var( --spacing-small ); } + .pr3-m { padding-right: var( --spacing-medium ); } + .pr4-m { padding-right: var( --spacing-large ); } + .pr5-m { padding-right: var( --spacing-extra-large ); } + .pr6-m { padding-right: var( --spacing-extra-extra-large ); } + .pr7-m { padding-right: var( --spacing-extra-extra-extra-large ); } + .pb0-m { padding-bottom: var( --spacing-none ); } + .pb1-m { padding-bottom: var( --spacing-extra-small ); } + .pb2-m { padding-bottom: var( --spacing-small ); } + .pb3-m { padding-bottom: var( --spacing-medium ); } + .pb4-m { padding-bottom: var( --spacing-large ); } + .pb5-m { padding-bottom: var( --spacing-extra-large ); } + .pb6-m { padding-bottom: var( --spacing-extra-extra-large ); } + .pb7-m { padding-bottom: var( --spacing-extra-extra-extra-large ); } + .pt0-m { padding-top: var( --spacing-none ); } + .pt1-m { padding-top: var( --spacing-extra-small ); } + .pt2-m { padding-top: var( --spacing-small ); } + .pt3-m { padding-top: var( --spacing-medium ); } + .pt4-m { padding-top: var( --spacing-large ); } + .pt5-m { padding-top: var( --spacing-extra-large ); } + .pt6-m { padding-top: var( --spacing-extra-extra-large ); } + .pt7-m { padding-top: var( --spacing-extra-extra-extra-large ); } + .pv0-m { padding-top: var( --spacing-none ); padding-bottom: var( --spacing-none ); } + .pv1-m { padding-top: var( --spacing-extra-small ); padding-bottom: var( --spacing-extra-small ); } + .pv2-m { padding-top: var( --spacing-small ); padding-bottom: var( --spacing-small ); } + .pv3-m { padding-top: var( --spacing-medium ); padding-bottom: var( --spacing-medium ); } + .pv4-m { padding-top: var( --spacing-large ); padding-bottom: var( --spacing-large ); } + .pv5-m { padding-top: var( --spacing-extra-large ); padding-bottom: var( --spacing-extra-large ); } + .pv6-m { padding-top: var( --spacing-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-large ); } + .pv7-m { padding-top: var( --spacing-extra-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-extra-large ); } + .ph0-m { padding-left: var( --spacing-none ); padding-right: var( --spacing-none ); } + .ph1-m { padding-left: var( --spacing-extra-small ); padding-right: var( --spacing-extra-small ); } + .ph2-m { padding-left: var( --spacing-small ); padding-right: var( --spacing-small ); } + .ph3-m { padding-left: var( --spacing-medium ); padding-right: var( --spacing-medium ); } + .ph4-m { padding-left: var( --spacing-large ); padding-right: var( --spacing-large ); } + .ph5-m { padding-left: var( --spacing-extra-large ); padding-right: var( --spacing-extra-large ); } + .ph6-m { padding-left: var( --spacing-extra-extra-large ); padding-right: var( --spacing-extra-extra-large ); } + .ph7-m { padding-left: var( --spacing-extra-extra-extra-large ); padding-right: var( --spacing-extra-extra-extra-large ); } + .ma0-m { margin: var( --spacing-none ); } + .ma1-m { margin: var( --spacing-extra-small ); } + .ma2-m { margin: var( --spacing-small ); } + .ma3-m { margin: var( --spacing-medium ); } + .ma4-m { margin: var( --spacing-large ); } + .ma5-m { margin: var( --spacing-extra-large ); } + .ma6-m { margin: var( --spacing-extra-extra-large ); } + .ma7-m { margin: var( --spacing-extra-extra-extra-large ); } + .ml0-m { margin-left: var( --spacing-none ); } + .ml1-m { margin-left: var( --spacing-extra-small ); } + .ml2-m { margin-left: var( --spacing-small ); } + .ml3-m { margin-left: var( --spacing-medium ); } + .ml4-m { margin-left: var( --spacing-large ); } + .ml5-m { margin-left: var( --spacing-extra-large ); } + .ml6-m { margin-left: var( --spacing-extra-extra-large ); } + .ml7-m { margin-left: var( --spacing-extra-extra-extra-large ); } + .mr0-m { margin-right: var( --spacing-none ); } + .mr1-m { margin-right: var( --spacing-extra-small ); } + .mr2-m { margin-right: var( --spacing-small ); } + .mr3-m { margin-right: var( --spacing-medium ); } + .mr4-m { margin-right: var( --spacing-large ); } + .mr5-m { margin-right: var( --spacing-extra-large ); } + .mr6-m { margin-right: var( --spacing-extra-extra-large ); } + .mr7-m { margin-right: var( --spacing-extra-extra-extra-large ); } + .mb0-m { margin-bottom: var( --spacing-none ); } + .mb1-m { margin-bottom: var( --spacing-extra-small ); } + .mb2-m { margin-bottom: var( --spacing-small ); } + .mb3-m { margin-bottom: var( --spacing-medium ); } + .mb4-m { margin-bottom: var( --spacing-large ); } + .mb5-m { margin-bottom: var( --spacing-extra-large ); } + .mb6-m { margin-bottom: var( --spacing-extra-extra-large ); } + .mb7-m { margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mt0-m { margin-top: var( --spacing-none ); } + .mt1-m { margin-top: var( --spacing-extra-small ); } + .mt2-m { margin-top: var( --spacing-small ); } + .mt3-m { margin-top: var( --spacing-medium ); } + .mt4-m { margin-top: var( --spacing-large ); } + .mt5-m { margin-top: var( --spacing-extra-large ); } + .mt6-m { margin-top: var( --spacing-extra-extra-large ); } + .mt7-m { margin-top: var( --spacing-extra-extra-extra-large ); } + .mv0-m { margin-top: var( --spacing-none ); margin-bottom: var( --spacing-none ); } + .mv1-m { margin-top: var( --spacing-extra-small ); margin-bottom: var( --spacing-extra-small ); } + .mv2-m { margin-top: var( --spacing-small ); margin-bottom: var( --spacing-small ); } + .mv3-m { margin-top: var( --spacing-medium ); margin-bottom: var( --spacing-medium ); } + .mv4-m { margin-top: var( --spacing-large ); margin-bottom: var( --spacing-large ); } + .mv5-m { margin-top: var( --spacing-extra-large ); margin-bottom: var( --spacing-extra-large ); } + .mv6-m { margin-top: var( --spacing-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-large ); } + .mv7-m { margin-top: var( --spacing-extra-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mh0-m { margin-left: var( --spacing-none ); margin-right: var( --spacing-none ); } + .mh1-m { margin-left: var( --spacing-extra-small ); margin-right: var( --spacing-extra-small ); } + .mh2-m { margin-left: var( --spacing-small ); margin-right: var( --spacing-small ); } + .mh3-m { margin-left: var( --spacing-medium ); margin-right: var( --spacing-medium ); } + .mh4-m { margin-left: var( --spacing-large ); margin-right: var( --spacing-large ); } + .mh5-m { margin-left: var( --spacing-extra-large ); margin-right: var( --spacing-extra-large ); } + .mh6-m { margin-left: var( --spacing-extra-extra-large ); margin-right: var( --spacing-extra-extra-large ); } + .mh7-m { margin-left: var( --spacing-extra-extra-extra-large ); margin-right: var( --spacing-extra-extra-extra-large ); } + .na1-m { margin: -var( --spacing-extra-small ); } + .na2-m { margin: -var( --spacing-small ); } + .na3-m { margin: -var( --spacing-medium ); } + .na4-m { margin: -var( --spacing-large ); } + .na5-m { margin: -var( --spacing-extra-large ); } + .na6-m { margin: -var( --spacing-extra-extra-large ); } + .na7-m { margin: -var( --spacing-extra-extra-extra-large ); } + .nl1-m { margin-left: -var( --spacing-extra-small ); } + .nl2-m { margin-left: -var( --spacing-small ); } + .nl3-m { margin-left: -var( --spacing-medium ); } + .nl4-m { margin-left: -var( --spacing-large ); } + .nl5-m { margin-left: -var( --spacing-extra-large ); } + .nl6-m { margin-left: -var( --spacing-extra-extra-large ); } + .nl7-m { margin-left: -var( --spacing-extra-extra-extra-large ); } + .nr1-m { margin-right: -var( --spacing-extra-small ); } + .nr2-m { margin-right: -var( --spacing-small ); } + .nr3-m { margin-right: -var( --spacing-medium ); } + .nr4-m { margin-right: -var( --spacing-large ); } + .nr5-m { margin-right: -var( --spacing-extra-large ); } + .nr6-m { margin-right: -var( --spacing-extra-extra-large ); } + .nr7-m { margin-right: -var( --spacing-extra-extra-extra-large ); } + .nb1-m { margin-bottom: -var( --spacing-extra-small ); } + .nb2-m { margin-bottom: -var( --spacing-small ); } + .nb3-m { margin-bottom: -var( --spacing-medium ); } + .nb4-m { margin-bottom: -var( --spacing-large ); } + .nb5-m { margin-bottom: -var( --spacing-extra-large ); } + .nb6-m { margin-bottom: -var( --spacing-extra-extra-large ); } + .nb7-m { margin-bottom: -var( --spacing-extra-extra-extra-large ); } + .nt1-m { margin-top: -var( --spacing-extra-small ); } + .nt2-m { margin-top: -var( --spacing-small ); } + .nt3-m { margin-top: -var( --spacing-medium ); } + .nt4-m { margin-top: -var( --spacing-large ); } + .nt5-m { margin-top: -var( --spacing-extra-large ); } + .nt6-m { margin-top: -var( --spacing-extra-extra-large ); } + .nt7-m { margin-top: -var( --spacing-extra-extra-extra-large ); } .strike-m { text-decoration: line-through; } .underline-m { text-decoration: underline; } .no-underline-m { text-decoration: none; } @@ -3209,20 +3201,18 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-m { text-transform: lowercase; } .ttu-m { text-transform: uppercase; } .ttn-m { text-transform: none; } - .f-6-m { font-size: undefined; } - .f-headline-m { font-size: undefined; } - .f-5-m { font-size: undefined; } - .f-subheadline-m { font-size: undefined; } - .f1-m { font-size: undefined; } - .f2-m { font-size: undefined; } - .f3-m { font-size: undefined; } - .f4-m { font-size: undefined; } - .f5-m { font-size: undefined; } - .f6-m { font-size: undefined; } - .f7-m { font-size: undefined; } - .measure-m { max-width: undefined; } - .measure-wide-m { max-width: undefined; } - .measure-narrow-m { max-width: undefined; } + .f-6-m, .f-headline-m { font-size: var( --font-size-headline ); } + .f-5-m, .f-subheadline-m { font-size: var( --font-size-subheadline ); } + .f1-m { font-size: var( --font-size-1 ); } + .f2-m { font-size: var( --font-size-2 ); } + .f3-m { font-size: var( --font-size-3 ); } + .f4-m { font-size: var( --font-size-4 ); } + .f5-m { font-size: var( --font-size-5 ); } + .f6-m { font-size: var( --font-size-6 ); } + .f7-m { font-size: var( --font-size-7 ); } + .measure-m { max-width: var( --measure ); } + .measure-wide-m { max-width: var( --measure-wide ); } + .measure-narrow-m { max-width: var( --measure-narrow ); } .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-m { font-variant: small-caps; } .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @@ -3268,13 +3258,13 @@ code, .code { font-family: Consolas, monaco, monospace; } .bb-l { border-bottom-style: solid; border-bottom-width: 1px; } .bl-l { border-left-style: solid; border-left-width: 1px; } .bn-l { border-style: none; border-width: 0; } - .br0-l { border-radius: undefined; } - .br1-l { border-radius: undefined; } - .br2-l { border-radius: undefined; } - .br3-l { border-radius: undefined; } - .br4-l { border-radius: undefined; } - .br-100-l { border-radius: undefined; } - .br-pill-l { border-radius: undefined; } + .br0-l { border-radius: var( --border-radius-none ); } + .br1-l { border-radius: var( --border-radius-1 ); } + .br2-l { border-radius: var( --border-radius-2 ); } + .br3-l { border-radius: var( --border-radius-3 ); } + .br4-l { border-radius: var( --border-radius-4 ); } + .br-100-l { border-radius: var( --border-radius-circle ); } + .br-pill-l { border-radius: var( --border-radius-pill ); } .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3283,21 +3273,21 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-l { border-style: dashed; } .b--solid-l { border-style: solid; } .b--none-l { border-style: none; } - .bw0-l { border-width: undefined; } - .bw1-l { border-width: undefined; } - .bw2-l { border-width: undefined; } - .bw3-l { border-width: undefined; } - .bw4-l { border-width: undefined; } - .bw5-l { border-width: undefined; } - .bt-0-l { border-top-width: undefined; } - .br-0-l { border-right-width: undefined; } - .bb-0-l { border-bottom-width: undefined; } - .bl-0-l { border-left-width: undefined; } - .shadow-1-l { box-shadow: undefined; } - .shadow-2-l { box-shadow: undefined; } - .shadow-3-l { box-shadow: undefined; } - .shadow-4-l { box-shadow: undefined; } - .shadow-5-l { box-shadow: undefined; } + .bw0-l { border-width: var( --border-width-none ); } + .bw1-l { border-width: var( --border-width-1 ); } + .bw2-l { border-width: var( --border-width-2 ); } + .bw3-l { border-width: var( --border-width-3 ); } + .bw4-l { border-width: var( --border-width-4 ); } + .bw5-l { border-width: var( --border-width-5 ); } + .bt-0-l { border-top-width: var( --border-width-none ); } + .br-0-l { border-right-width: var( --border-width-none ); } + .bb-0-l { border-bottom-width: var( --border-width-none ); } + .bl-0-l { border-left-width: var( --border-width-none ); } + .shadow-1-l { box-shadow: var( --box-shadow-1 ); } + .shadow-2-l { box-shadow: var( --box-shadow-2 ); } + .shadow-3-l { box-shadow: var( --box-shadow-3 ); } + .shadow-4-l { box-shadow: var( --box-shadow-4 ); } + .shadow-5-l { box-shadow: var( --box-shadow-5 ); } .top-0-l { top: 0; } .left-0-l { left: 0; } .right-0-l { right: 0; } @@ -3397,11 +3387,11 @@ code, .code { font-family: Consolas, monaco, monospace; } .fw7-l { font-weight: 700; } .fw8-l { font-weight: 800; } .fw9-l { font-weight: 900; } - .h1-l { height: undefined; } - .h2-l { height: undefined; } - .h3-l { height: undefined; } - .h4-l { height: undefined; } - .h5-l { height: undefined; } + .h1-l { height: var( --height-1 ); } + .h2-l { height: var( --height-2 ); } + .h3-l { height: var( --height-3 ); } + .h4-l { height: var( --height-4 ); } + .h5-l { height: var( --height-5 ); } .h-25-l { height: 25%; } .h-50-l { height: 50%; } .h-75-l { height: 75%; } @@ -3414,28 +3404,28 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-l { min-height: 100vh; } .h-auto-l { height: auto; } .h-inherit-l { height: inherit; } - .tracked-l { letter-spacing: undefined; } - .tracked-tight-l { letter-spacing: undefined; } - .tracked-mega-l { letter-spacing: undefined; } - .lh-solid-l { line-height: undefined; } - .lh-title-l { line-height: undefined; } - .lh-copy-l { line-height: undefined; } + .tracked-l { letter-spacing: var( --letter-spacing-1 ); } + .tracked-tight-l { letter-spacing: var( --letter-spacing-tight ); } + .tracked-mega-l { letter-spacing: var( --letter-spacing-2 ); } + .lh-solid-l { line-height: var( --line-height-solid ); } + .lh-title-l { line-height: var( --line-height-title ); } + .lh-copy-l { line-height: var( --line-height-copy ); } .mw-100-l { max-width: 100%; } - .mw1-l { max-width: undefined; } - .mw2-l { max-width: undefined; } - .mw3-l { max-width: undefined; } - .mw4-l { max-width: undefined; } - .mw5-l { max-width: undefined; } - .mw6-l { max-width: undefined; } - .mw7-l { max-width: undefined; } - .mw8-l { max-width: undefined; } - .mw9-l { max-width: undefined; } + .mw1-l { max-width: var( --max-width-1 ); } + .mw2-l { max-width: var( --max-width-2 ); } + .mw3-l { max-width: var( --max-width-3 ); } + .mw4-l { max-width: var( --max-width-4 ); } + .mw5-l { max-width: var( --max-width-5 ); } + .mw6-l { max-width: var( --max-width-6 ); } + .mw7-l { max-width: var( --max-width-7 ); } + .mw8-l { max-width: var( --max-width-8 ); } + .mw9-l { max-width: var( --max-width-9 ); } .mw-none-l { max-width: none; } - .w1-l { width: undefined; } - .w2-l { width: undefined; } - .w3-l { width: undefined; } - .w4-l { width: undefined; } - .w5-l { width: undefined; } + .w1-l { width: var( --width-1 ); } + .w2-l { width: var( --width-2 ); } + .w3-l { width: var( --width-3 ); } + .w4-l { width: var( --width-4 ); } + .w5-l { width: var( --width-5 ); } .w-10-l { width: 10%; } .w-20-l { width: 20%; } .w-25-l { width: 25%; } @@ -3450,8 +3440,8 @@ code, .code { font-family: Consolas, monaco, monospace; } .w-80-l { width: 80%; } .w-90-l { width: 90%; } .w-100-l { width: 100%; } - .w-third-l { width: 33.33333%; } - .w-two-thirds-l { width: 66.66667%; } + .w-third-l { width: calc( 100% / 3 ); } + .w-two-thirds-l { width: calc( 100% / 1.5 ); } .w-auto-l { width: auto; } .overflow-visible-l { overflow: visible; } .overflow-hidden-l { overflow: hidden; } @@ -3476,153 +3466,153 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-l { padding: undefined; } - .pa1-l { padding: undefined; } - .pa2-l { padding: undefined; } - .pa3-l { padding: undefined; } - .pa4-l { padding: undefined; } - .pa5-l { padding: undefined; } - .pa6-l { padding: undefined; } - .pa7-l { padding: undefined; } - .pl0-l { padding-left: undefined; } - .pl1-l { padding-left: undefined; } - .pl2-l { padding-left: undefined; } - .pl3-l { padding-left: undefined; } - .pl4-l { padding-left: undefined; } - .pl5-l { padding-left: undefined; } - .pl6-l { padding-left: undefined; } - .pl7-l { padding-left: undefined; } - .pr0-l { padding-right: undefined; } - .pr1-l { padding-right: undefined; } - .pr2-l { padding-right: undefined; } - .pr3-l { padding-right: undefined; } - .pr4-l { padding-right: undefined; } - .pr5-l { padding-right: undefined; } - .pr6-l { padding-right: undefined; } - .pr7-l { padding-right: undefined; } - .pb0-l { padding-bottom: undefined; } - .pb1-l { padding-bottom: undefined; } - .pb2-l { padding-bottom: undefined; } - .pb3-l { padding-bottom: undefined; } - .pb4-l { padding-bottom: undefined; } - .pb5-l { padding-bottom: undefined; } - .pb6-l { padding-bottom: undefined; } - .pb7-l { padding-bottom: undefined; } - .pt0-l { padding-top: undefined; } - .pt1-l { padding-top: undefined; } - .pt2-l { padding-top: undefined; } - .pt3-l { padding-top: undefined; } - .pt4-l { padding-top: undefined; } - .pt5-l { padding-top: undefined; } - .pt6-l { padding-top: undefined; } - .pt7-l { padding-top: undefined; } - .pv0-l { padding-top: undefined; padding-bottom: undefined; } - .pv1-l { padding-top: undefined; padding-bottom: undefined; } - .pv2-l { padding-top: undefined; padding-bottom: undefined; } - .pv3-l { padding-top: undefined; padding-bottom: undefined; } - .pv4-l { padding-top: undefined; padding-bottom: undefined; } - .pv5-l { padding-top: undefined; padding-bottom: undefined; } - .pv6-l { padding-top: undefined; padding-bottom: undefined; } - .pv7-l { padding-top: undefined; padding-bottom: undefined; } - .ph0-l { padding-left: undefined; padding-right: undefined; } - .ph1-l { padding-left: undefined; padding-right: undefined; } - .ph2-l { padding-left: undefined; padding-right: undefined; } - .ph3-l { padding-left: undefined; padding-right: undefined; } - .ph4-l { padding-left: undefined; padding-right: undefined; } - .ph5-l { padding-left: undefined; padding-right: undefined; } - .ph6-l { padding-left: undefined; padding-right: undefined; } - .ph7-l { padding-left: undefined; padding-right: undefined; } - .ma0-l { margin: undefined; } - .ma1-l { margin: undefined; } - .ma2-l { margin: undefined; } - .ma3-l { margin: undefined; } - .ma4-l { margin: undefined; } - .ma5-l { margin: undefined; } - .ma6-l { margin: undefined; } - .ma7-l { margin: undefined; } - .ml0-l { margin-left: undefined; } - .ml1-l { margin-left: undefined; } - .ml2-l { margin-left: undefined; } - .ml3-l { margin-left: undefined; } - .ml4-l { margin-left: undefined; } - .ml5-l { margin-left: undefined; } - .ml6-l { margin-left: undefined; } - .ml7-l { margin-left: undefined; } - .mr0-l { margin-right: undefined; } - .mr1-l { margin-right: undefined; } - .mr2-l { margin-right: undefined; } - .mr3-l { margin-right: undefined; } - .mr4-l { margin-right: undefined; } - .mr5-l { margin-right: undefined; } - .mr6-l { margin-right: undefined; } - .mr7-l { margin-right: undefined; } - .mb0-l { margin-bottom: undefined; } - .mb1-l { margin-bottom: undefined; } - .mb2-l { margin-bottom: undefined; } - .mb3-l { margin-bottom: undefined; } - .mb4-l { margin-bottom: undefined; } - .mb5-l { margin-bottom: undefined; } - .mb6-l { margin-bottom: undefined; } - .mb7-l { margin-bottom: undefined; } - .mt0-l { margin-top: undefined; } - .mt1-l { margin-top: undefined; } - .mt2-l { margin-top: undefined; } - .mt3-l { margin-top: undefined; } - .mt4-l { margin-top: undefined; } - .mt5-l { margin-top: undefined; } - .mt6-l { margin-top: undefined; } - .mt7-l { margin-top: undefined; } - .mv0-l { margin-top: undefined; margin-bottom: undefined; } - .mv1-l { margin-top: undefined; margin-bottom: undefined; } - .mv2-l { margin-top: undefined; margin-bottom: undefined; } - .mv3-l { margin-top: undefined; margin-bottom: undefined; } - .mv4-l { margin-top: undefined; margin-bottom: undefined; } - .mv5-l { margin-top: undefined; margin-bottom: undefined; } - .mv6-l { margin-top: undefined; margin-bottom: undefined; } - .mv7-l { margin-top: undefined; margin-bottom: undefined; } - .mh0-l { margin-left: undefined; margin-right: undefined; } - .mh1-l { margin-left: undefined; margin-right: undefined; } - .mh2-l { margin-left: undefined; margin-right: undefined; } - .mh3-l { margin-left: undefined; margin-right: undefined; } - .mh4-l { margin-left: undefined; margin-right: undefined; } - .mh5-l { margin-left: undefined; margin-right: undefined; } - .mh6-l { margin-left: undefined; margin-right: undefined; } - .mh7-l { margin-left: undefined; margin-right: undefined; } - .na1-l { margin: undefined; } - .na2-l { margin: undefined; } - .na3-l { margin: undefined; } - .na4-l { margin: undefined; } - .na5-l { margin: undefined; } - .na6-l { margin: undefined; } - .na7-l { margin: undefined; } - .nl1-l { margin-left: undefined; } - .nl2-l { margin-left: undefined; } - .nl3-l { margin-left: undefined; } - .nl4-l { margin-left: undefined; } - .nl5-l { margin-left: undefined; } - .nl6-l { margin-left: undefined; } - .nl7-l { margin-left: undefined; } - .nr1-l { margin-right: undefined; } - .nr2-l { margin-right: undefined; } - .nr3-l { margin-right: undefined; } - .nr4-l { margin-right: undefined; } - .nr5-l { margin-right: undefined; } - .nr6-l { margin-right: undefined; } - .nr7-l { margin-right: undefined; } - .nb1-l { margin-bottom: undefined; } - .nb2-l { margin-bottom: undefined; } - .nb3-l { margin-bottom: undefined; } - .nb4-l { margin-bottom: undefined; } - .nb5-l { margin-bottom: undefined; } - .nb6-l { margin-bottom: undefined; } - .nb7-l { margin-bottom: undefined; } - .nt1-l { margin-top: undefined; } - .nt2-l { margin-top: undefined; } - .nt3-l { margin-top: undefined; } - .nt4-l { margin-top: undefined; } - .nt5-l { margin-top: undefined; } - .nt6-l { margin-top: undefined; } - .nt7-l { margin-top: undefined; } + .pa0-l { padding: var( --spacing-none ); } + .pa1-l { padding: var( --spacing-extra-small ); } + .pa2-l { padding: var( --spacing-small ); } + .pa3-l { padding: var( --spacing-medium ); } + .pa4-l { padding: var( --spacing-large ); } + .pa5-l { padding: var( --spacing-extra-large ); } + .pa6-l { padding: var( --spacing-extra-extra-large ); } + .pa7-l { padding: var( --spacing-extra-extra-extra-large ); } + .pl0-l { padding-left: var( --spacing-none ); } + .pl1-l { padding-left: var( --spacing-extra-small ); } + .pl2-l { padding-left: var( --spacing-small ); } + .pl3-l { padding-left: var( --spacing-medium ); } + .pl4-l { padding-left: var( --spacing-large ); } + .pl5-l { padding-left: var( --spacing-extra-large ); } + .pl6-l { padding-left: var( --spacing-extra-extra-large ); } + .pl7-l { padding-left: var( --spacing-extra-extra-extra-large ); } + .pr0-l { padding-right: var( --spacing-none ); } + .pr1-l { padding-right: var( --spacing-extra-small ); } + .pr2-l { padding-right: var( --spacing-small ); } + .pr3-l { padding-right: var( --spacing-medium ); } + .pr4-l { padding-right: var( --spacing-large ); } + .pr5-l { padding-right: var( --spacing-extra-large ); } + .pr6-l { padding-right: var( --spacing-extra-extra-large ); } + .pr7-l { padding-right: var( --spacing-extra-extra-extra-large ); } + .pb0-l { padding-bottom: var( --spacing-none ); } + .pb1-l { padding-bottom: var( --spacing-extra-small ); } + .pb2-l { padding-bottom: var( --spacing-small ); } + .pb3-l { padding-bottom: var( --spacing-medium ); } + .pb4-l { padding-bottom: var( --spacing-large ); } + .pb5-l { padding-bottom: var( --spacing-extra-large ); } + .pb6-l { padding-bottom: var( --spacing-extra-extra-large ); } + .pb7-l { padding-bottom: var( --spacing-extra-extra-extra-large ); } + .pt0-l { padding-top: var( --spacing-none ); } + .pt1-l { padding-top: var( --spacing-extra-small ); } + .pt2-l { padding-top: var( --spacing-small ); } + .pt3-l { padding-top: var( --spacing-medium ); } + .pt4-l { padding-top: var( --spacing-large ); } + .pt5-l { padding-top: var( --spacing-extra-large ); } + .pt6-l { padding-top: var( --spacing-extra-extra-large ); } + .pt7-l { padding-top: var( --spacing-extra-extra-extra-large ); } + .pv0-l { padding-top: var( --spacing-none ); padding-bottom: var( --spacing-none ); } + .pv1-l { padding-top: var( --spacing-extra-small ); padding-bottom: var( --spacing-extra-small ); } + .pv2-l { padding-top: var( --spacing-small ); padding-bottom: var( --spacing-small ); } + .pv3-l { padding-top: var( --spacing-medium ); padding-bottom: var( --spacing-medium ); } + .pv4-l { padding-top: var( --spacing-large ); padding-bottom: var( --spacing-large ); } + .pv5-l { padding-top: var( --spacing-extra-large ); padding-bottom: var( --spacing-extra-large ); } + .pv6-l { padding-top: var( --spacing-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-large ); } + .pv7-l { padding-top: var( --spacing-extra-extra-extra-large ); padding-bottom: var( --spacing-extra-extra-extra-large ); } + .ph0-l { padding-left: var( --spacing-none ); padding-right: var( --spacing-none ); } + .ph1-l { padding-left: var( --spacing-extra-small ); padding-right: var( --spacing-extra-small ); } + .ph2-l { padding-left: var( --spacing-small ); padding-right: var( --spacing-small ); } + .ph3-l { padding-left: var( --spacing-medium ); padding-right: var( --spacing-medium ); } + .ph4-l { padding-left: var( --spacing-large ); padding-right: var( --spacing-large ); } + .ph5-l { padding-left: var( --spacing-extra-large ); padding-right: var( --spacing-extra-large ); } + .ph6-l { padding-left: var( --spacing-extra-extra-large ); padding-right: var( --spacing-extra-extra-large ); } + .ph7-l { padding-left: var( --spacing-extra-extra-extra-large ); padding-right: var( --spacing-extra-extra-extra-large ); } + .ma0-l { margin: var( --spacing-none ); } + .ma1-l { margin: var( --spacing-extra-small ); } + .ma2-l { margin: var( --spacing-small ); } + .ma3-l { margin: var( --spacing-medium ); } + .ma4-l { margin: var( --spacing-large ); } + .ma5-l { margin: var( --spacing-extra-large ); } + .ma6-l { margin: var( --spacing-extra-extra-large ); } + .ma7-l { margin: var( --spacing-extra-extra-extra-large ); } + .ml0-l { margin-left: var( --spacing-none ); } + .ml1-l { margin-left: var( --spacing-extra-small ); } + .ml2-l { margin-left: var( --spacing-small ); } + .ml3-l { margin-left: var( --spacing-medium ); } + .ml4-l { margin-left: var( --spacing-large ); } + .ml5-l { margin-left: var( --spacing-extra-large ); } + .ml6-l { margin-left: var( --spacing-extra-extra-large ); } + .ml7-l { margin-left: var( --spacing-extra-extra-extra-large ); } + .mr0-l { margin-right: var( --spacing-none ); } + .mr1-l { margin-right: var( --spacing-extra-small ); } + .mr2-l { margin-right: var( --spacing-small ); } + .mr3-l { margin-right: var( --spacing-medium ); } + .mr4-l { margin-right: var( --spacing-large ); } + .mr5-l { margin-right: var( --spacing-extra-large ); } + .mr6-l { margin-right: var( --spacing-extra-extra-large ); } + .mr7-l { margin-right: var( --spacing-extra-extra-extra-large ); } + .mb0-l { margin-bottom: var( --spacing-none ); } + .mb1-l { margin-bottom: var( --spacing-extra-small ); } + .mb2-l { margin-bottom: var( --spacing-small ); } + .mb3-l { margin-bottom: var( --spacing-medium ); } + .mb4-l { margin-bottom: var( --spacing-large ); } + .mb5-l { margin-bottom: var( --spacing-extra-large ); } + .mb6-l { margin-bottom: var( --spacing-extra-extra-large ); } + .mb7-l { margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mt0-l { margin-top: var( --spacing-none ); } + .mt1-l { margin-top: var( --spacing-extra-small ); } + .mt2-l { margin-top: var( --spacing-small ); } + .mt3-l { margin-top: var( --spacing-medium ); } + .mt4-l { margin-top: var( --spacing-large ); } + .mt5-l { margin-top: var( --spacing-extra-large ); } + .mt6-l { margin-top: var( --spacing-extra-extra-large ); } + .mt7-l { margin-top: var( --spacing-extra-extra-extra-large ); } + .mv0-l { margin-top: var( --spacing-none ); margin-bottom: var( --spacing-none ); } + .mv1-l { margin-top: var( --spacing-extra-small ); margin-bottom: var( --spacing-extra-small ); } + .mv2-l { margin-top: var( --spacing-small ); margin-bottom: var( --spacing-small ); } + .mv3-l { margin-top: var( --spacing-medium ); margin-bottom: var( --spacing-medium ); } + .mv4-l { margin-top: var( --spacing-large ); margin-bottom: var( --spacing-large ); } + .mv5-l { margin-top: var( --spacing-extra-large ); margin-bottom: var( --spacing-extra-large ); } + .mv6-l { margin-top: var( --spacing-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-large ); } + .mv7-l { margin-top: var( --spacing-extra-extra-extra-large ); margin-bottom: var( --spacing-extra-extra-extra-large ); } + .mh0-l { margin-left: var( --spacing-none ); margin-right: var( --spacing-none ); } + .mh1-l { margin-left: var( --spacing-extra-small ); margin-right: var( --spacing-extra-small ); } + .mh2-l { margin-left: var( --spacing-small ); margin-right: var( --spacing-small ); } + .mh3-l { margin-left: var( --spacing-medium ); margin-right: var( --spacing-medium ); } + .mh4-l { margin-left: var( --spacing-large ); margin-right: var( --spacing-large ); } + .mh5-l { margin-left: var( --spacing-extra-large ); margin-right: var( --spacing-extra-large ); } + .mh6-l { margin-left: var( --spacing-extra-extra-large ); margin-right: var( --spacing-extra-extra-large ); } + .mh7-l { margin-left: var( --spacing-extra-extra-extra-large ); margin-right: var( --spacing-extra-extra-extra-large ); } + .na1-l { margin: -var( --spacing-extra-small ); } + .na2-l { margin: -var( --spacing-small ); } + .na3-l { margin: -var( --spacing-medium ); } + .na4-l { margin: -var( --spacing-large ); } + .na5-l { margin: -var( --spacing-extra-large ); } + .na6-l { margin: -var( --spacing-extra-extra-large ); } + .na7-l { margin: -var( --spacing-extra-extra-extra-large ); } + .nl1-l { margin-left: -var( --spacing-extra-small ); } + .nl2-l { margin-left: -var( --spacing-small ); } + .nl3-l { margin-left: -var( --spacing-medium ); } + .nl4-l { margin-left: -var( --spacing-large ); } + .nl5-l { margin-left: -var( --spacing-extra-large ); } + .nl6-l { margin-left: -var( --spacing-extra-extra-large ); } + .nl7-l { margin-left: -var( --spacing-extra-extra-extra-large ); } + .nr1-l { margin-right: -var( --spacing-extra-small ); } + .nr2-l { margin-right: -var( --spacing-small ); } + .nr3-l { margin-right: -var( --spacing-medium ); } + .nr4-l { margin-right: -var( --spacing-large ); } + .nr5-l { margin-right: -var( --spacing-extra-large ); } + .nr6-l { margin-right: -var( --spacing-extra-extra-large ); } + .nr7-l { margin-right: -var( --spacing-extra-extra-extra-large ); } + .nb1-l { margin-bottom: -var( --spacing-extra-small ); } + .nb2-l { margin-bottom: -var( --spacing-small ); } + .nb3-l { margin-bottom: -var( --spacing-medium ); } + .nb4-l { margin-bottom: -var( --spacing-large ); } + .nb5-l { margin-bottom: -var( --spacing-extra-large ); } + .nb6-l { margin-bottom: -var( --spacing-extra-extra-large ); } + .nb7-l { margin-bottom: -var( --spacing-extra-extra-extra-large ); } + .nt1-l { margin-top: -var( --spacing-extra-small ); } + .nt2-l { margin-top: -var( --spacing-small ); } + .nt3-l { margin-top: -var( --spacing-medium ); } + .nt4-l { margin-top: -var( --spacing-large ); } + .nt5-l { margin-top: -var( --spacing-extra-large ); } + .nt6-l { margin-top: -var( --spacing-extra-extra-large ); } + .nt7-l { margin-top: -var( --spacing-extra-extra-extra-large ); } .strike-l { text-decoration: line-through; } .underline-l { text-decoration: underline; } .no-underline-l { text-decoration: none; } @@ -3634,20 +3624,18 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-l { text-transform: lowercase; } .ttu-l { text-transform: uppercase; } .ttn-l { text-transform: none; } - .f-6-l { font-size: undefined; } - .f-headline-l { font-size: undefined; } - .f-5-l { font-size: undefined; } - .f-subheadline-l { font-size: undefined; } - .f1-l { font-size: undefined; } - .f2-l { font-size: undefined; } - .f3-l { font-size: undefined; } - .f4-l { font-size: undefined; } - .f5-l { font-size: undefined; } - .f6-l { font-size: undefined; } - .f7-l { font-size: undefined; } - .measure-l { max-width: undefined; } - .measure-wide-l { max-width: undefined; } - .measure-narrow-l { max-width: undefined; } + .f-6-l, .f-headline-l { font-size: var( --font-size-headline ); } + .f-5-l, .f-subheadline-l { font-size: var( --font-size-subheadline ); } + .f1-l { font-size: var( --font-size-1 ); } + .f2-l { font-size: var( --font-size-2 ); } + .f3-l { font-size: var( --font-size-3 ); } + .f4-l { font-size: var( --font-size-4 ); } + .f5-l { font-size: var( --font-size-5 ); } + .f6-l { font-size: var( --font-size-6 ); } + .f7-l { font-size: var( --font-size-7 ); } + .measure-l { max-width: var( --measure ); } + .measure-wide-l { max-width: var( --measure-wide ); } + .measure-narrow-l { max-width: var( --measure-narrow ); } .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-l { font-variant: small-caps; } .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } diff --git a/css/tachyons.min.css b/css/tachyons.min.css index a67863d..7d6ac6b 100644 --- a/css/tachyons.min.css +++ b/css/tachyons.min.css @@ -1,3666 +1,3 @@ /*! TACHYONS v4.9.0 | http://tachyons.io */ -/* - * - * ________ ______ - * ___ __/_____ _________ /______ ______________________ - * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ - * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) - * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ - * /____/ - * - * TABLE OF CONTENTS - * - * 1. External Library Includes - * - Normalize.css | http://normalize.css.github.io - * 2. Tachyons Modules - * 3. Variables - * - Media Queries - * - Colors - * 4. Debugging - * - Debug all - * - Debug children - * - */ -/* External Library Includes */ -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers (opinionated). - */ -body { margin: 0; } -/** - * Add the correct display in IE 9-. - */ -article, aside, footer, header, nav, section { display: block; } -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { font-size: 2em; margin: .67em 0; } -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ -figcaption, figure, main {/* 1 */ display: block; } -/** - * Add the correct margin in IE 8. - */ -figure { margin: 1em 40px; } -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } -/** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, strong { font-weight: inherit; } -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, strong { font-weight: bolder; } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { font-style: italic; } -/** - * Add the correct background and color in IE 9-. - */ -mark { background-color: #ff0; color: #000; } -/** - * Add the correct font size in all browsers. - */ -small { font-size: 80%; } -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -sub { bottom: -0.25em; } -sup { top: -0.5em; } -/* Embedded content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -audio, video { display: inline-block; } -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { display: none; height: 0; } -/** - * Remove the border on images inside links in IE 10-. - */ -img { border-style: none; } -/** - * Hide the overflow in IE. - */ -svg:not(:root) { overflow: hidden; } -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ -button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, input {/* 1 */ overflow: visible; } -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, select {/* 1 */ text-transform: none; } -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, html [type="button"], /* 1 */ -[type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, [type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, [type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } -/** - * Correct the padding in Firefox. - */ -fieldset { padding: .35em .75em .625em; } -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { overflow: auto; } -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { height: auto; } -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } -/* Interactive - ========================================================================== */ -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ -details, /* 1 */ -menu { display: block; } -/* - * Add the correct display in all browsers. - */ -summary { display: list-item; } -/* Scripting - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { display: inline-block; } -/** - * Add the correct display in IE. - */ -template { display: none; } -/* Hidden - ========================================================================== */ -/** - * Add the correct display in IE 10-. - */ -[hidden] { display: none; } -/* Modules */ -/* - - BOX SIZING - -*/ -html, body, div, article, section, main, footer, header, form, fieldset, legend, -pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, textarea, table, -td, th, tr, input[type="email"], input[type="number"], input[type="password"], -input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; } -/* - - ASPECT RATIOS - -*/ -/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc. - * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e - * Make sure there are no height and width attributes on the embedded media. - * Adapted from: https://github.com/suitcss/components-flex-embed - * - * Example: - * - *
- * - *
- * - * */ -.aspect-ratio { height: 0; position: relative; } -.aspect-ratio--16x9 { padding-bottom: 56.25%; } -.aspect-ratio--9x16 { padding-bottom: 177.77%; } -.aspect-ratio--4x3 { padding-bottom: 75%; } -.aspect-ratio--3x4 { padding-bottom: 133.33%; } -.aspect-ratio--6x4 { padding-bottom: 66.6%; } -.aspect-ratio--4x6 { padding-bottom: 150%; } -.aspect-ratio--8x5 { padding-bottom: 62.5%; } -.aspect-ratio--5x8 { padding-bottom: 160%; } -.aspect-ratio--7x5 { padding-bottom: 71.42%; } -.aspect-ratio--5x7 { padding-bottom: 140%; } -.aspect-ratio--1x1 { padding-bottom: 100%; } -.aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } -/* - - IMAGES - Docs: http://tachyons.io/docs/elements/images/ - -*/ -/* Responsive images! */ -img { max-width: 100%; } -/* - - BACKGROUND SIZE - Docs: http://tachyons.io/docs/themes/background-size/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* - Often used in combination with background image set as an inline style - on an html element. -*/ -.cover { background-size: cover !important; } -.contain { background-size: contain !important; } -/* - - BACKGROUND POSITION - - Base: - bg = background - - Modifiers: - -center = center center - -top = top center - -right = center right - -bottom = bottom center - -left = center left - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ -.bg-center { background-repeat: no-repeat; background-position: center center; } -.bg-top { background-repeat: no-repeat; background-position: top center; } -.bg-right { background-repeat: no-repeat; background-position: center right; } -.bg-bottom { background-repeat: no-repeat; background-position: bottom center; } -.bg-left { background-repeat: no-repeat; background-position: center left; } -/* - - OUTLINES - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.outline { outline: 1px solid; } -.outline-transparent { outline: 1px solid transparent; } -.outline-0 { outline: 0; } -/* - - BORDERS - Docs: http://tachyons.io/docs/themes/borders/ - - Base: - b = border - - Modifiers: - a = all - t = top - r = right - b = bottom - l = left - n = none - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.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; } -.bn { border-style: none; border-width: 0; } -/* - - BORDER COLORS - Docs: http://tachyons.io/docs/themes/borders/ - - Border colors can be used to extend the base - border classes ba,bt,bb,br,bl found in the _borders.css file. - - The base border class by default will set the color of the border - to that of the current text color. These classes are for the cases - where you desire for the text and border colors to be different. - - Base: - b = border - - Modifiers: - --color-name = each color variable name is also a border color name - -*/ -.b--black { border-color: undefined; } -.b--near-black { border-color: undefined; } -.b--dark-gray { border-color: undefined; } -.b--mid-gray { border-color: undefined; } -.b--gray { border-color: undefined; } -.b--silver { border-color: undefined; } -.b--light-silver { border-color: undefined; } -.b--moon-gray { border-color: undefined; } -.b--light-gray { border-color: undefined; } -.b--near-white { border-color: undefined; } -.b--white { border-color: undefined; } -.b--white-90 { border-color: undefined; } -.b--white-80 { border-color: undefined; } -.b--white-70 { border-color: undefined; } -.b--white-60 { border-color: undefined; } -.b--white-50 { border-color: undefined; } -.b--white-40 { border-color: undefined; } -.b--white-30 { border-color: undefined; } -.b--white-20 { border-color: undefined; } -.b--white-10 { border-color: undefined; } -.b--white-05 { border-color: undefined; } -.b--white-025 { border-color: undefined; } -.b--white-0125 { border-color: undefined; } -.b--black-90 { border-color: undefined; } -.b--black-80 { border-color: undefined; } -.b--black-70 { border-color: undefined; } -.b--black-60 { border-color: undefined; } -.b--black-50 { border-color: undefined; } -.b--black-40 { border-color: undefined; } -.b--black-30 { border-color: undefined; } -.b--black-20 { border-color: undefined; } -.b--black-10 { border-color: undefined; } -.b--black-05 { border-color: undefined; } -.b--black-025 { border-color: undefined; } -.b--black-0125 { border-color: undefined; } -.b--red-0 { border-color: undefined; } -.b--red-1 { border-color: undefined; } -.b--red-2 { border-color: undefined; } -.b--red-3 { border-color: undefined; } -.b--red-4 { border-color: undefined; } -.b--red-5 { border-color: undefined; } -.b--red-6 { border-color: undefined; } -.b--red-7 { border-color: undefined; } -.b--red-8 { border-color: undefined; } -.b--red-9 { border-color: undefined; } -.b--gold-0 { border-color: undefined; } -.b--gold-1 { border-color: undefined; } -.b--gold-2 { border-color: undefined; } -.b--gold-3 { border-color: undefined; } -.b--gold-4 { border-color: undefined; } -.b--gold-5 { border-color: undefined; } -.b--gold-6 { border-color: undefined; } -.b--gold-7 { border-color: undefined; } -.b--gold-8 { border-color: undefined; } -.b--gold-9 { border-color: undefined; } -.b--green-0 { border-color: undefined; } -.b--green-1 { border-color: undefined; } -.b--green-2 { border-color: undefined; } -.b--green-3 { border-color: undefined; } -.b--green-4 { border-color: undefined; } -.b--green-5 { border-color: undefined; } -.b--green-6 { border-color: undefined; } -.b--green-7 { border-color: undefined; } -.b--green-8 { border-color: undefined; } -.b--green-9 { border-color: undefined; } -.b--teal-0 { border-color: undefined; } -.b--teal-1 { border-color: undefined; } -.b--teal-2 { border-color: undefined; } -.b--teal-3 { border-color: undefined; } -.b--teal-4 { border-color: undefined; } -.b--teal-5 { border-color: undefined; } -.b--teal-6 { border-color: undefined; } -.b--teal-7 { border-color: undefined; } -.b--teal-8 { border-color: undefined; } -.b--teal-9 { border-color: undefined; } -.b--blue-0 { border-color: undefined; } -.b--blue-1 { border-color: undefined; } -.b--blue-2 { border-color: undefined; } -.b--blue-3 { border-color: undefined; } -.b--blue-4 { border-color: undefined; } -.b--blue-5 { border-color: undefined; } -.b--blue-6 { border-color: undefined; } -.b--blue-7 { border-color: undefined; } -.b--blue-8 { border-color: undefined; } -.b--blue-9 { border-color: undefined; } -.b--indigo-0 { border-color: undefined; } -.b--indigo-1 { border-color: undefined; } -.b--indigo-2 { border-color: undefined; } -.b--indigo-3 { border-color: undefined; } -.b--indigo-4 { border-color: undefined; } -.b--indigo-5 { border-color: undefined; } -.b--indigo-6 { border-color: undefined; } -.b--indigo-7 { border-color: undefined; } -.b--indigo-8 { border-color: undefined; } -.b--indigo-9 { border-color: undefined; } -.b--violet-0 { border-color: undefined; } -.b--violet-1 { border-color: undefined; } -.b--violet-2 { border-color: undefined; } -.b--violet-3 { border-color: undefined; } -.b--violet-4 { border-color: undefined; } -.b--violet-5 { border-color: undefined; } -.b--violet-6 { border-color: undefined; } -.b--violet-7 { border-color: undefined; } -.b--violet-8 { border-color: undefined; } -.b--violet-9 { border-color: undefined; } -.b--gray-0 { border-color: undefined; } -.b--gray-1 { border-color: undefined; } -.b--gray-2 { border-color: undefined; } -.b--gray-3 { border-color: undefined; } -.b--gray-4 { border-color: undefined; } -.b--gray-5 { border-color: undefined; } -.b--gray-6 { border-color: undefined; } -.b--gray-7 { border-color: undefined; } -.b--gray-8 { border-color: undefined; } -.b--gray-9 { border-color: undefined; } -.b--transparent { border-color: undefined; } -.b--inherit { border-color: inherit; } -/* - - BORDER RADIUS - Docs: http://tachyons.io/docs/themes/border-radius/ - - Base: - br = border-radius - - Modifiers: - 0 = 0/none - 1 = 1st step in scale - 2 = 2nd step in scale - 3 = 3rd step in scale - 4 = 4th step in scale - - Literal values: - -100 = 100% - -pill = 9999px - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.br0 { border-radius: undefined; } -.br1 { border-radius: undefined; } -.br2 { border-radius: undefined; } -.br3 { border-radius: undefined; } -.br4 { border-radius: undefined; } -.br-100 { border-radius: undefined; } -.br-pill { border-radius: undefined; } -.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } -.br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; } -/* - - BORDER STYLES - Docs: http://tachyons.io/docs/themes/borders/ - - Depends on base border module in _borders.css - - Base: - b = border-style - - Modifiers: - --none = none - --dotted = dotted - --dashed = dashed - --solid = solid - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ -.b--dotted { border-style: dotted; } -.b--dashed { border-style: dashed; } -.b--solid { border-style: solid; } -.b--none { border-style: none; } -/* - - BORDER WIDTHS - Docs: http://tachyons.io/docs/themes/borders/ - - Base: - bw = border-width - - Modifiers: - 0 = 0 width border - 1 = 1st step in border-width scale - 2 = 2nd step in border-width scale - 3 = 3rd step in border-width scale - 4 = 4th step in border-width scale - 5 = 5th step in border-width scale - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.bw0 { border-width: undefined; } -.bw1 { border-width: undefined; } -.bw2 { border-width: undefined; } -.bw3 { border-width: undefined; } -.bw4 { border-width: undefined; } -.bw5 { border-width: undefined; } -/* Resets */ -.bt-0 { border-top-width: undefined; } -.br-0 { border-right-width: undefined; } -.bb-0 { border-bottom-width: undefined; } -.bl-0 { border-left-width: undefined; } -/* - - BOX-SHADOW - Docs: http://tachyons.io/docs/themes/box-shadow/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ -.shadow-1 { box-shadow: undefined; } -.shadow-2 { box-shadow: undefined; } -.shadow-3 { box-shadow: undefined; } -.shadow-4 { box-shadow: undefined; } -.shadow-5 { box-shadow: undefined; } -/* - - CODE - -*/ -.pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; } -/* - - COORDINATES - Docs: http://tachyons.io/docs/layout/position/ - - Use in combination with the position module. - - Base: - top - bottom - right - left - - Modifiers: - -0 = literal value 0 - -1 = literal value 1 - -2 = literal value 2 - --1 = literal value -1 - --2 = literal value -2 - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.top-0 { top: 0; } -.right-0 { right: 0; } -.bottom-0 { bottom: 0; } -.left-0 { left: 0; } -.top-1 { top: 1rem; } -.right-1 { right: 1rem; } -.bottom-1 { bottom: 1rem; } -.left-1 { left: 1rem; } -.top-2 { top: 2rem; } -.right-2 { right: 2rem; } -.bottom-2 { bottom: 2rem; } -.left-2 { left: 2rem; } -.top--1 { top: -1rem; } -.right--1 { right: -1rem; } -.bottom--1 { bottom: -1rem; } -.left--1 { left: -1rem; } -.top--2 { top: -2rem; } -.right--2 { right: -2rem; } -.bottom--2 { bottom: -2rem; } -.left--2 { left: -2rem; } -.absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } -/* - - CLEARFIX - http://tachyons.io/docs/layout/clearfix/ - -*/ -/* Nicolas Gallaghers Clearfix solution - Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ -.cf:before, .cf:after { content: " "; display: table; } -.cf:after { clear: both; } -.cf { *zoom: 1; } -.cl { clear: left; } -.cr { clear: right; } -.cb { clear: both; } -.cn { clear: none; } -/* - - DISPLAY - Docs: http://tachyons.io/docs/layout/display - - Base: - d = display - - Modifiers: - n = none - b = block - ib = inline-block - it = inline-table - t = table - tc = table-cell - tr = table-row - tcol = table-column - tcolg = table-column-group - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.dn { display: none; } -.di { display: inline; } -.db { display: block; } -.dib { display: inline-block; } -.dit { display: inline-table; } -.dt { display: table; } -.dtc { display: table-cell; } -.dt-row { display: table-row; } -.dt-row-group { display: table-row-group; } -.dt-column { display: table-column; } -.dt-column-group { display: table-column-group; } -/* - This will set table to full width and then - all cells will be equal width -*/ -.dt--fixed { table-layout: fixed; width: 100%; } -/* - - FLEXBOX - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.flex { display: -webkit-box; display: flex; } -.inline-flex { display: -webkit-inline-box; display: inline-flex; } -/* 1. Fix for Chrome 44 bug. - * https://code.google.com/p/chromium/issues/detail?id=506893 */ -.flex-auto { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } -.flex-none { -webkit-box-flex: 0; flex: none; } -.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } -.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } -.flex-wrap { flex-wrap: wrap; } -.flex-nowrap { flex-wrap: nowrap; } -.flex-wrap-reverse { flex-wrap: wrap-reverse; } -.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } -.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } -.items-start { -webkit-box-align: start; align-items: flex-start; } -.items-end { -webkit-box-align: end; align-items: flex-end; } -.items-center { -webkit-box-align: center; align-items: center; } -.items-baseline { -webkit-box-align: baseline; align-items: baseline; } -.items-stretch { -webkit-box-align: stretch; align-items: stretch; } -.self-start { align-self: flex-start; } -.self-end { align-self: flex-end; } -.self-center { align-self: center; } -.self-baseline { align-self: baseline; } -.self-stretch { align-self: stretch; } -.justify-start { -webkit-box-pack: start; justify-content: flex-start; } -.justify-end { -webkit-box-pack: end; justify-content: flex-end; } -.justify-center { -webkit-box-pack: center; justify-content: center; } -.justify-between { -webkit-box-pack: justify; justify-content: space-between; } -.justify-around { justify-content: space-around; } -.content-start { align-content: flex-start; } -.content-end { align-content: flex-end; } -.content-center { align-content: center; } -.content-between { align-content: space-between; } -.content-around { align-content: space-around; } -.content-stretch { align-content: stretch; } -.order-0 { -webkit-box-ordinal-group: 1; order: 0; } -.order-1 { -webkit-box-ordinal-group: 2; order: 1; } -.order-2 { -webkit-box-ordinal-group: 3; order: 2; } -.order-3 { -webkit-box-ordinal-group: 4; order: 3; } -.order-4 { -webkit-box-ordinal-group: 5; order: 4; } -.order-5 { -webkit-box-ordinal-group: 6; order: 5; } -.order-6 { -webkit-box-ordinal-group: 7; order: 6; } -.order-7 { -webkit-box-ordinal-group: 8; order: 7; } -.order-8 { -webkit-box-ordinal-group: 9; order: 8; } -.order-last { -webkit-box-ordinal-group: 100000; order: 99999; } -.flex-grow-0 { -webkit-box-flex: 0; flex-grow: 0; } -.flex-grow-1 { -webkit-box-flex: 1; flex-grow: 1; } -.flex-shrink-0 { flex-shrink: 0; } -.flex-shrink-1 { flex-shrink: 1; } -/* - - FLOATS - http://tachyons.io/docs/layout/floats/ - - 1. Floated elements are automatically rendered as block level elements. - Setting floats to display inline will fix the double margin bug in - ie6. You know... just in case. - - 2. Don't forget to clearfix your floats with .cf - - Base: - f = float - - Modifiers: - l = left - r = right - n = none - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.fl { float: left; _display: inline; } -.fr { float: right; _display: inline; } -.fn { float: none; } -/* - - FONT FAMILY GROUPS - Docs: http://tachyons.io/docs/typography/font-family/ - -*/ -.sans-serif { font-family: undefined; } -.serif { font-family: undefined; } -.system-sans-serif { font-family: sans-serif; } -.system-serif { font-family: serif; } -/* Monospaced Typefaces (for code) */ -/* From http://cssfontstack.com */ -code, .code { font-family: Consolas, monaco, monospace; } -.courier { font-family: 'Courier Next', courier, monospace; } -/* Sans-Serif Typefaces */ -.helvetica { font-family: 'helvetica neue', helvetica, sans-serif; } -.avenir { font-family: 'avenir next', avenir, sans-serif; } -/* Serif Typefaces */ -.athelas { font-family: athelas, georgia, serif; } -.georgia { font-family: georgia, serif; } -.times { font-family: times, serif; } -.bodoni { font-family: "Bodoni MT", serif; } -.calisto { font-family: "Calisto MT", serif; } -.garamond { font-family: garamond, serif; } -.baskerville { font-family: baskerville, serif; } -/* - - FONT STYLE - Docs: http://tachyons.io/docs/typography/font-style/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.i { font-style: italic; } -.fs-normal { font-style: normal; } -/* - - FONT WEIGHT - Docs: http://tachyons.io/docs/typography/font-weight/ - - Base - fw = font-weight - - Modifiers: - 1 = literal value 100 - 2 = literal value 200 - 3 = literal value 300 - 4 = literal value 400 - 5 = literal value 500 - 6 = literal value 600 - 7 = literal value 700 - 8 = literal value 800 - 9 = literal value 900 - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.normal { font-weight: normal; } -.b { font-weight: bold; } -.fw1 { font-weight: 100; } -.fw2 { font-weight: 200; } -.fw3 { font-weight: 300; } -.fw4 { font-weight: 400; } -.fw5 { font-weight: 500; } -.fw6 { font-weight: 600; } -.fw7 { font-weight: 700; } -.fw8 { font-weight: 800; } -.fw9 { font-weight: 900; } -/* - - FORMS - -*/ -.input-reset { -webkit-appearance: none; -moz-appearance: none; } -.button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } -/* - - HEIGHTS - Docs: http://tachyons.io/docs/layout/heights/ - - Base: - h = height - min-h = min-height - min-vh = min-height vertical screen height - vh = vertical screen height - - Modifiers - 1 = 1st step in height scale - 2 = 2nd step in height scale - 3 = 3rd step in height scale - 4 = 4th step in height scale - 5 = 5th step in height scale - - -25 = literal value 25% - -50 = literal value 50% - -75 = literal value 75% - -100 = literal value 100% - - -auto = string value of auto - -inherit = string value of inherit - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* Height Scale */ -.h1 { height: undefined; } -.h2 { height: undefined; } -.h3 { height: undefined; } -.h4 { height: undefined; } -.h5 { height: undefined; } -/* Height Percentages - Based off of height of parent */ -.h-25 { height: 25%; } -.h-50 { height: 50%; } -.h-75 { height: 75%; } -.h-100 { height: 100%; } -.min-h-100 { min-height: 100%; } -/* Screen Height Percentage */ -.vh-25 { height: 25vh; } -.vh-50 { height: 50vh; } -.vh-75 { height: 75vh; } -.vh-100 { height: 100vh; } -.min-vh-100 { min-height: 100vh; } -/* String Properties */ -.h-auto { height: auto; } -.h-inherit { height: inherit; } -/* - - LETTER SPACING - Docs: http://tachyons.io/docs/typography/tracking/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.tracked { letter-spacing: undefined; } -.tracked-tight { letter-spacing: undefined; } -.tracked-mega { letter-spacing: undefined; } -/* - - LINE HEIGHT / LEADING - Docs: http://tachyons.io/docs/typography/line-height - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.lh-solid { line-height: undefined; } -.lh-title { line-height: undefined; } -.lh-copy { line-height: undefined; } -/* - - LINKS - Docs: http://tachyons.io/docs/elements/links/ - -*/ -.link { text-decoration: none; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.link:link, .link:visited { -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.link:hover { -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.link:active { -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.link:focus { -webkit-transition: color .15s ease-in; transition: color .15s ease-in; outline: 1px dotted currentColor; } -/* - - LISTS - http://tachyons.io/docs/elements/lists/ - -*/ -.list { list-style-type: none; } -/* - - MAX WIDTHS - Docs: http://tachyons.io/docs/layout/max-widths/ - - Base: - mw = max-width - - Modifiers - 1 = 1st step in width scale - 2 = 2nd step in width scale - 3 = 3rd step in width scale - 4 = 4th step in width scale - 5 = 5th step in width scale - 6 = 6st step in width scale - 7 = 7nd step in width scale - 8 = 8rd step in width scale - 9 = 9th step in width scale - - -100 = literal value 100% - - -none = string value none - - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* Max Width Percentages */ -.mw-100 { max-width: 100%; } -/* Max Width Scale */ -.mw1 { max-width: undefined; } -.mw2 { max-width: undefined; } -.mw3 { max-width: undefined; } -.mw4 { max-width: undefined; } -.mw5 { max-width: undefined; } -.mw6 { max-width: undefined; } -.mw7 { max-width: undefined; } -.mw8 { max-width: undefined; } -.mw9 { max-width: undefined; } -/* Max Width String Properties */ -.mw-none { max-width: none; } -/* - - WIDTHS - Docs: http://tachyons.io/docs/layout/widths/ - - Base: - w = width - - Modifiers - 1 = 1st step in width scale - 2 = 2nd step in width scale - 3 = 3rd step in width scale - 4 = 4th step in width scale - 5 = 5th step in width scale - - -10 = literal value 10% - -20 = literal value 20% - -25 = literal value 25% - -30 = literal value 30% - -33 = literal value 33% - -34 = literal value 34% - -40 = literal value 40% - -50 = literal value 50% - -60 = literal value 60% - -70 = literal value 70% - -75 = literal value 75% - -80 = literal value 80% - -90 = literal value 90% - -100 = literal value 100% - - -third = 100% / 3 (Not supported in opera mini or IE8) - -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) - -auto = string value auto - - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ -/* Width Scale */ -.w1 { width: undefined; } -.w2 { width: undefined; } -.w3 { width: undefined; } -.w4 { width: undefined; } -.w5 { width: undefined; } -.w-10 { width: 10%; } -.w-20 { width: 20%; } -.w-25 { width: 25%; } -.w-30 { width: 30%; } -.w-33 { width: 33%; } -.w-34 { width: 34%; } -.w-40 { width: 40%; } -.w-50 { width: 50%; } -.w-60 { width: 60%; } -.w-70 { width: 70%; } -.w-75 { width: 75%; } -.w-80 { width: 80%; } -.w-90 { width: 90%; } -.w-100 { width: 100%; } -.w-third { width: 33.33333%; } -.w-two-thirds { width: 66.66667%; } -.w-auto { width: auto; } -/* - - OVERFLOW - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ -.overflow-visible { overflow: visible; } -.overflow-hidden { overflow: hidden; } -.overflow-scroll { overflow: scroll; } -.overflow-auto { overflow: auto; } -.overflow-x-visible { overflow-x: visible; } -.overflow-x-hidden { overflow-x: hidden; } -.overflow-x-scroll { overflow-x: scroll; } -.overflow-x-auto { overflow-x: auto; } -.overflow-y-visible { overflow-y: visible; } -.overflow-y-hidden { overflow-y: hidden; } -.overflow-y-scroll { overflow-y: scroll; } -.overflow-y-auto { overflow-y: auto; } -/* - - POSITIONING - Docs: http://tachyons.io/docs/layout/position/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.static { position: static; } -.relative { position: relative; } -.absolute { position: absolute; } -.fixed { position: fixed; } -/* - - OPACITY - Docs: http://tachyons.io/docs/themes/opacity/ - -*/ -.o-100 { opacity: 1; } -.o-90 { opacity: .9; } -.o-80 { opacity: .8; } -.o-70 { opacity: .7; } -.o-60 { opacity: .6; } -.o-50 { opacity: .5; } -.o-40 { opacity: .4; } -.o-30 { opacity: .3; } -.o-20 { opacity: .2; } -.o-10 { opacity: .1; } -.o-05 { opacity: .05; } -.o-025 { opacity: .025; } -.o-0 { opacity: 0; } -/* - - ROTATIONS - -*/ -.rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } -.rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } -.rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } -.rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } -.rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } -.rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } -.rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } -/* - - SKINS - Docs: http://tachyons.io/docs/themes/skins/ - - Classes for setting foreground and background colors on elements. - If you haven't declared a border color, but set border on an element, it will - be set to the current text color. - -*/ -/* Text colors */ -.black-90 { color: undefined; } -.black-80 { color: undefined; } -.black-70 { color: undefined; } -.black-60 { color: undefined; } -.black-50 { color: undefined; } -.black-40 { color: undefined; } -.black-30 { color: undefined; } -.black-20 { color: undefined; } -.black-10 { color: undefined; } -.black-05 { color: undefined; } -.white-90 { color: undefined; } -.white-80 { color: undefined; } -.white-70 { color: undefined; } -.white-60 { color: undefined; } -.white-50 { color: undefined; } -.white-40 { color: undefined; } -.white-30 { color: undefined; } -.white-20 { color: undefined; } -.white-10 { color: undefined; } -.black { color: black; } -.white { color: white; } -.color-inherit { color: inherit; } -.red-0 { color: undefined; } -.red-1 { color: undefined; } -.red-2 { color: undefined; } -.red-3 { color: undefined; } -.red-4 { color: undefined; } -.red-5 { color: undefined; } -.red-6 { color: undefined; } -.red-7 { color: undefined; } -.red-8 { color: undefined; } -.red-9 { color: undefined; } -.gold-0 { color: undefined; } -.gold-1 { color: undefined; } -.gold-2 { color: undefined; } -.gold-3 { color: undefined; } -.gold-4 { color: undefined; } -.gold-5 { color: undefined; } -.gold-6 { color: undefined; } -.gold-7 { color: undefined; } -.gold-8 { color: undefined; } -.gold-9 { color: undefined; } -.green-0 { color: undefined; } -.green-1 { color: undefined; } -.green-2 { color: undefined; } -.green-3 { color: undefined; } -.green-4 { color: undefined; } -.green-5 { color: undefined; } -.green-6 { color: undefined; } -.green-7 { color: undefined; } -.green-8 { color: undefined; } -.green-9 { color: undefined; } -.teal-0 { color: undefined; } -.teal-1 { color: undefined; } -.teal-2 { color: undefined; } -.teal-3 { color: undefined; } -.teal-4 { color: undefined; } -.teal-5 { color: undefined; } -.teal-6 { color: undefined; } -.teal-7 { color: undefined; } -.teal-8 { color: undefined; } -.teal-9 { color: undefined; } -.blue-0 { color: undefined; } -.blue-1 { color: undefined; } -.blue-2 { color: undefined; } -.blue-3 { color: undefined; } -.blue-4 { color: undefined; } -.blue-5 { color: undefined; } -.blue-6 { color: undefined; } -.blue-7 { color: undefined; } -.blue-8 { color: undefined; } -.blue-9 { color: undefined; } -.indigo-0 { color: undefined; } -.indigo-1 { color: undefined; } -.indigo-2 { color: undefined; } -.indigo-3 { color: undefined; } -.indigo-4 { color: undefined; } -.indigo-5 { color: undefined; } -.indigo-6 { color: undefined; } -.indigo-7 { color: undefined; } -.indigo-8 { color: undefined; } -.indigo-9 { color: undefined; } -.violet-0 { color: undefined; } -.violet-1 { color: undefined; } -.violet-2 { color: undefined; } -.violet-3 { color: undefined; } -.violet-4 { color: undefined; } -.violet-5 { color: undefined; } -.violet-6 { color: undefined; } -.violet-7 { color: undefined; } -.violet-8 { color: undefined; } -.violet-9 { color: undefined; } -.gray-0 { color: undefined; } -.gray-1 { color: undefined; } -.gray-2 { color: undefined; } -.gray-3 { color: undefined; } -.gray-4 { color: undefined; } -.gray-5 { color: undefined; } -.gray-6 { color: undefined; } -.gray-7 { color: undefined; } -.gray-8 { color: undefined; } -.gray-9 { color: undefined; } -.bg-black-90 { background-color: undefined; } -.bg-black-80 { background-color: undefined; } -.bg-black-70 { background-color: undefined; } -.bg-black-60 { background-color: undefined; } -.bg-black-50 { background-color: undefined; } -.bg-black-40 { background-color: undefined; } -.bg-black-30 { background-color: undefined; } -.bg-black-20 { background-color: undefined; } -.bg-black-10 { background-color: undefined; } -.bg-black-05 { background-color: undefined; } -.bg-white-90 { background-color: undefined; } -.bg-white-80 { background-color: undefined; } -.bg-white-70 { background-color: undefined; } -.bg-white-60 { background-color: undefined; } -.bg-white-50 { background-color: undefined; } -.bg-white-40 { background-color: undefined; } -.bg-white-30 { background-color: undefined; } -.bg-white-20 { background-color: undefined; } -.bg-white-10 { background-color: undefined; } -/* Background colors */ -.bg-black { background-color: black; } -.bg-white { background-color: white; } -.bg-transparent { background-color: transparent; } -.bg-inherit { background-color: inherit; } -.bg-red-0 { background-color: undefined; } -.bg-red-1 { background-color: undefined; } -.bg-red-2 { background-color: undefined; } -.bg-red-3 { background-color: undefined; } -.bg-red-4 { background-color: undefined; } -.bg-red-5 { background-color: undefined; } -.bg-red-6 { background-color: undefined; } -.bg-red-7 { background-color: undefined; } -.bg-red-8 { background-color: undefined; } -.bg-red-9 { background-color: undefined; } -.bg-gold-0 { background-color: undefined; } -.bg-gold-1 { background-color: undefined; } -.bg-gold-2 { background-color: undefined; } -.bg-gold-3 { background-color: undefined; } -.bg-gold-4 { background-color: undefined; } -.bg-gold-5 { background-color: undefined; } -.bg-gold-6 { background-color: undefined; } -.bg-gold-7 { background-color: undefined; } -.bg-gold-8 { background-color: undefined; } -.bg-gold-9 { background-color: undefined; } -.bg-green-0 { background-color: undefined; } -.bg-green-1 { background-color: undefined; } -.bg-green-2 { background-color: undefined; } -.bg-green-3 { background-color: undefined; } -.bg-green-4 { background-color: undefined; } -.bg-green-5 { background-color: undefined; } -.bg-green-6 { background-color: undefined; } -.bg-green-7 { background-color: undefined; } -.bg-green-8 { background-color: undefined; } -.bg-green-9 { background-color: undefined; } -.bg-teal-0 { background-color: undefined; } -.bg-teal-1 { background-color: undefined; } -.bg-teal-2 { background-color: undefined; } -.bg-teal-3 { background-color: undefined; } -.bg-teal-4 { background-color: undefined; } -.bg-teal-5 { background-color: undefined; } -.bg-teal-6 { background-color: undefined; } -.bg-teal-7 { background-color: undefined; } -.bg-teal-8 { background-color: undefined; } -.bg-teal-9 { background-color: undefined; } -.bg-blue-0 { background-color: undefined; } -.bg-blue-1 { background-color: undefined; } -.bg-blue-2 { background-color: undefined; } -.bg-blue-3 { background-color: undefined; } -.bg-blue-4 { background-color: undefined; } -.bg-blue-5 { background-color: undefined; } -.bg-blue-6 { background-color: undefined; } -.bg-blue-7 { background-color: undefined; } -.bg-blue-8 { background-color: undefined; } -.bg-blue-9 { background-color: undefined; } -.bg-indigo-0 { background-color: undefined; } -.bg-indigo-1 { background-color: undefined; } -.bg-indigo-2 { background-color: undefined; } -.bg-indigo-3 { background-color: undefined; } -.bg-indigo-4 { background-color: undefined; } -.bg-indigo-5 { background-color: undefined; } -.bg-indigo-6 { background-color: undefined; } -.bg-indigo-7 { background-color: undefined; } -.bg-indigo-8 { background-color: undefined; } -.bg-indigo-9 { background-color: undefined; } -.bg-violet-0 { background-color: undefined; } -.bg-violet-1 { background-color: undefined; } -.bg-violet-2 { background-color: undefined; } -.bg-violet-3 { background-color: undefined; } -.bg-violet-4 { background-color: undefined; } -.bg-violet-5 { background-color: undefined; } -.bg-violet-6 { background-color: undefined; } -.bg-violet-7 { background-color: undefined; } -.bg-violet-8 { background-color: undefined; } -.bg-violet-9 { background-color: undefined; } -.bg-gray-0 { background-color: undefined; } -.bg-gray-1 { background-color: undefined; } -.bg-gray-2 { background-color: undefined; } -.bg-gray-3 { background-color: undefined; } -.bg-gray-4 { background-color: undefined; } -.bg-gray-5 { background-color: undefined; } -.bg-gray-6 { background-color: undefined; } -.bg-gray-7 { background-color: undefined; } -.bg-gray-8 { background-color: undefined; } -.bg-gray-9 { background-color: undefined; } -/* - - SKINS:PSEUDO - - Customize the color of an element when - it is focused or hovered over. - - */ -/* Text colors */ -.hover-black-90:hover { color: undefined; } -.hover-black-80:hover { color: undefined; } -.hover-black-70:hover { color: undefined; } -.hover-black-60:hover { color: undefined; } -.hover-black-50:hover { color: undefined; } -.hover-black-40:hover { color: undefined; } -.hover-black-30:hover { color: undefined; } -.hover-black-20:hover { color: undefined; } -.hover-black-10:hover { color: undefined; } -.hover-black-05:hover { color: undefined; } -.hover-white-90:hover { color: undefined; } -.hover-white-80:hover { color: undefined; } -.hover-white-70:hover { color: undefined; } -.hover-white-60:hover { color: undefined; } -.hover-white-50:hover { color: undefined; } -.hover-white-40:hover { color: undefined; } -.hover-white-30:hover { color: undefined; } -.hover-white-20:hover { color: undefined; } -.hover-white-10:hover { color: undefined; } -.hover-black:hover { color: black; } -.hover-white:hover { color: white; } -.hover-color-inherit:hover { color: inherit; } -.hover-red-0:hover { color: undefined; } -.hover-red-1:hover { color: undefined; } -.hover-red-2:hover { color: undefined; } -.hover-red-3:hover { color: undefined; } -.hover-red-4:hover { color: undefined; } -.hover-red-5:hover { color: undefined; } -.hover-red-6:hover { color: undefined; } -.hover-red-7:hover { color: undefined; } -.hover-red-8:hover { color: undefined; } -.hover-red-9:hover { color: undefined; } -.hover-gold-0:hover { color: undefined; } -.hover-gold-1:hover { color: undefined; } -.hover-gold-2:hover { color: undefined; } -.hover-gold-3:hover { color: undefined; } -.hover-gold-4:hover { color: undefined; } -.hover-gold-5:hover { color: undefined; } -.hover-gold-6:hover { color: undefined; } -.hover-gold-7:hover { color: undefined; } -.hover-gold-8:hover { color: undefined; } -.hover-gold-9:hover { color: undefined; } -.hover-green-0:hover { color: undefined; } -.hover-green-1:hover { color: undefined; } -.hover-green-2:hover { color: undefined; } -.hover-green-3:hover { color: undefined; } -.hover-green-4:hover { color: undefined; } -.hover-green-5:hover { color: undefined; } -.hover-green-6:hover { color: undefined; } -.hover-green-7:hover { color: undefined; } -.hover-green-8:hover { color: undefined; } -.hover-green-9:hover { color: undefined; } -.hover-teal-0:hover { color: undefined; } -.hover-teal-1:hover { color: undefined; } -.hover-teal-2:hover { color: undefined; } -.hover-teal-3:hover { color: undefined; } -.hover-teal-4:hover { color: undefined; } -.hover-teal-5:hover { color: undefined; } -.hover-teal-6:hover { color: undefined; } -.hover-teal-7:hover { color: undefined; } -.hover-teal-8:hover { color: undefined; } -.hover-teal-9:hover { color: undefined; } -.hover-blue-0:hover { color: undefined; } -.hover-blue-1:hover { color: undefined; } -.hover-blue-2:hover { color: undefined; } -.hover-blue-3:hover { color: undefined; } -.hover-blue-4:hover { color: undefined; } -.hover-blue-5:hover { color: undefined; } -.hover-blue-6:hover { color: undefined; } -.hover-blue-7:hover { color: undefined; } -.hover-blue-8:hover { color: undefined; } -.hover-blue-9:hover { color: undefined; } -.hover-indigo-0:hover { color: undefined; } -.hover-indigo-1:hover { color: undefined; } -.hover-indigo-2:hover { color: undefined; } -.hover-indigo-3:hover { color: undefined; } -.hover-indigo-4:hover { color: undefined; } -.hover-indigo-5:hover { color: undefined; } -.hover-indigo-6:hover { color: undefined; } -.hover-indigo-7:hover { color: undefined; } -.hover-indigo-8:hover { color: undefined; } -.hover-indigo-9:hover { color: undefined; } -.hover-violet-0:hover { color: undefined; } -.hover-violet-1:hover { color: undefined; } -.hover-violet-2:hover { color: undefined; } -.hover-violet-3:hover { color: undefined; } -.hover-violet-4:hover { color: undefined; } -.hover-violet-5:hover { color: undefined; } -.hover-violet-6:hover { color: undefined; } -.hover-violet-7:hover { color: undefined; } -.hover-violet-8:hover { color: undefined; } -.hover-violet-9:hover { color: undefined; } -.hover-gray-0:hover { color: undefined; } -.hover-gray-1:hover { color: undefined; } -.hover-gray-2:hover { color: undefined; } -.hover-gray-3:hover { color: undefined; } -.hover-gray-4:hover { color: undefined; } -.hover-gray-5:hover { color: undefined; } -.hover-gray-6:hover { color: undefined; } -.hover-gray-7:hover { color: undefined; } -.hover-gray-8:hover { color: undefined; } -.hover-gray-9:hover { color: undefined; } -.hover-bg-black-90:hover { background-color: undefined; } -.hover-bg-black-80:hover { background-color: undefined; } -.hover-bg-black-70:hover { background-color: undefined; } -.hover-bg-black-60:hover { background-color: undefined; } -.hover-bg-black-50:hover { background-color: undefined; } -.hover-bg-black-40:hover { background-color: undefined; } -.hover-bg-black-30:hover { background-color: undefined; } -.hover-bg-black-20:hover { background-color: undefined; } -.hover-bg-black-10:hover { background-color: undefined; } -.hover-bg-black-05:hover { background-color: undefined; } -.hover-bg-white-90:hover { background-color: undefined; } -.hover-bg-white-80:hover { background-color: undefined; } -.hover-bg-white-70:hover { background-color: undefined; } -.hover-bg-white-60:hover { background-color: undefined; } -.hover-bg-white-50:hover { background-color: undefined; } -.hover-bg-white-40:hover { background-color: undefined; } -.hover-bg-white-30:hover { background-color: undefined; } -.hover-bg-white-20:hover { background-color: undefined; } -.hover-bg-white-10:hover { background-color: undefined; } -/* Background colors */ -.hover-bg-black:hover { background-color: black; } -.hover-bg-white:hover { background-color: white; } -.hover-bg-transparent:hover { background-color: transparent; } -.hover-bg-inherit:hover { background-color: inherit; } -.hover-bg-red-0:hover { background-color: undefined; } -.hover-bg-red-1:hover { background-color: undefined; } -.hover-bg-red-2:hover { background-color: undefined; } -.hover-bg-red-3:hover { background-color: undefined; } -.hover-bg-red-4:hover { background-color: undefined; } -.hover-bg-red-5:hover { background-color: undefined; } -.hover-bg-red-6:hover { background-color: undefined; } -.hover-bg-red-7:hover { background-color: undefined; } -.hover-bg-red-8:hover { background-color: undefined; } -.hover-bg-red-9:hover { background-color: undefined; } -.hover-bg-gold-0:hover { background-color: undefined; } -.hover-bg-gold-1:hover { background-color: undefined; } -.hover-bg-gold-2:hover { background-color: undefined; } -.hover-bg-gold-3:hover { background-color: undefined; } -.hover-bg-gold-4:hover { background-color: undefined; } -.hover-bg-gold-5:hover { background-color: undefined; } -.hover-bg-gold-6:hover { background-color: undefined; } -.hover-bg-gold-7:hover { background-color: undefined; } -.hover-bg-gold-8:hover { background-color: undefined; } -.hover-bg-gold-9:hover { background-color: undefined; } -.hover-bg-green-0:hover { background-color: undefined; } -.hover-bg-green-1:hover { background-color: undefined; } -.hover-bg-green-2:hover { background-color: undefined; } -.hover-bg-green-3:hover { background-color: undefined; } -.hover-bg-green-4:hover { background-color: undefined; } -.hover-bg-green-5:hover { background-color: undefined; } -.hover-bg-green-6:hover { background-color: undefined; } -.hover-bg-green-7:hover { background-color: undefined; } -.hover-bg-green-8:hover { background-color: undefined; } -.hover-bg-green-9:hover { background-color: undefined; } -.hover-bg-teal-0:hover { background-color: undefined; } -.hover-bg-teal-1:hover { background-color: undefined; } -.hover-bg-teal-2:hover { background-color: undefined; } -.hover-bg-teal-3:hover { background-color: undefined; } -.hover-bg-teal-4:hover { background-color: undefined; } -.hover-bg-teal-5:hover { background-color: undefined; } -.hover-bg-teal-6:hover { background-color: undefined; } -.hover-bg-teal-7:hover { background-color: undefined; } -.hover-bg-teal-8:hover { background-color: undefined; } -.hover-bg-teal-9:hover { background-color: undefined; } -.hover-bg-blue-0:hover { background-color: undefined; } -.hover-bg-blue-1:hover { background-color: undefined; } -.hover-bg-blue-2:hover { background-color: undefined; } -.hover-bg-blue-3:hover { background-color: undefined; } -.hover-bg-blue-4:hover { background-color: undefined; } -.hover-bg-blue-5:hover { background-color: undefined; } -.hover-bg-blue-6:hover { background-color: undefined; } -.hover-bg-blue-7:hover { background-color: undefined; } -.hover-bg-blue-8:hover { background-color: undefined; } -.hover-bg-blue-9:hover { background-color: undefined; } -.hover-bg-indigo-0:hover { background-color: undefined; } -.hover-bg-indigo-1:hover { background-color: undefined; } -.hover-bg-indigo-2:hover { background-color: undefined; } -.hover-bg-indigo-3:hover { background-color: undefined; } -.hover-bg-indigo-4:hover { background-color: undefined; } -.hover-bg-indigo-5:hover { background-color: undefined; } -.hover-bg-indigo-6:hover { background-color: undefined; } -.hover-bg-indigo-7:hover { background-color: undefined; } -.hover-bg-indigo-8:hover { background-color: undefined; } -.hover-bg-indigo-9:hover { background-color: undefined; } -.hover-bg-violet-0:hover { background-color: undefined; } -.hover-bg-violet-1:hover { background-color: undefined; } -.hover-bg-violet-2:hover { background-color: undefined; } -.hover-bg-violet-3:hover { background-color: undefined; } -.hover-bg-violet-4:hover { background-color: undefined; } -.hover-bg-violet-5:hover { background-color: undefined; } -.hover-bg-violet-6:hover { background-color: undefined; } -.hover-bg-violet-7:hover { background-color: undefined; } -.hover-bg-violet-8:hover { background-color: undefined; } -.hover-bg-violet-9:hover { background-color: undefined; } -.hover-bg-gray-0:hover { background-color: undefined; } -.hover-bg-gray-1:hover { background-color: undefined; } -.hover-bg-gray-2:hover { background-color: undefined; } -.hover-bg-gray-3:hover { background-color: undefined; } -.hover-bg-gray-4:hover { background-color: undefined; } -.hover-bg-gray-5:hover { background-color: undefined; } -.hover-bg-gray-6:hover { background-color: undefined; } -.hover-bg-gray-7:hover { background-color: undefined; } -.hover-bg-gray-8:hover { background-color: undefined; } -.hover-bg-gray-9:hover { background-color: undefined; } -/* Text colors */ -.focus-black-90:focus { color: undefined; } -.focus-black-80:focus { color: undefined; } -.focus-black-70:focus { color: undefined; } -.focus-black-60:focus { color: undefined; } -.focus-black-50:focus { color: undefined; } -.focus-black-40:focus { color: undefined; } -.focus-black-30:focus { color: undefined; } -.focus-black-20:focus { color: undefined; } -.focus-black-10:focus { color: undefined; } -.focus-black-05:focus { color: undefined; } -.focus-white-90:focus { color: undefined; } -.focus-white-80:focus { color: undefined; } -.focus-white-70:focus { color: undefined; } -.focus-white-60:focus { color: undefined; } -.focus-white-50:focus { color: undefined; } -.focus-white-40:focus { color: undefined; } -.focus-white-30:focus { color: undefined; } -.focus-white-20:focus { color: undefined; } -.focus-white-10:focus { color: undefined; } -.focus-black:focus { color: black; } -.focus-white:focus { color: white; } -.focus-color-inherit:focus { color: inherit; } -.focus-red-0:focus { color: undefined; } -.focus-red-1:focus { color: undefined; } -.focus-red-2:focus { color: undefined; } -.focus-red-3:focus { color: undefined; } -.focus-red-4:focus { color: undefined; } -.focus-red-5:focus { color: undefined; } -.focus-red-6:focus { color: undefined; } -.focus-red-7:focus { color: undefined; } -.focus-red-8:focus { color: undefined; } -.focus-red-9:focus { color: undefined; } -.focus-gold-0:focus { color: undefined; } -.focus-gold-1:focus { color: undefined; } -.focus-gold-2:focus { color: undefined; } -.focus-gold-3:focus { color: undefined; } -.focus-gold-4:focus { color: undefined; } -.focus-gold-5:focus { color: undefined; } -.focus-gold-6:focus { color: undefined; } -.focus-gold-7:focus { color: undefined; } -.focus-gold-8:focus { color: undefined; } -.focus-gold-9:focus { color: undefined; } -.focus-green-0:focus { color: undefined; } -.focus-green-1:focus { color: undefined; } -.focus-green-2:focus { color: undefined; } -.focus-green-3:focus { color: undefined; } -.focus-green-4:focus { color: undefined; } -.focus-green-5:focus { color: undefined; } -.focus-green-6:focus { color: undefined; } -.focus-green-7:focus { color: undefined; } -.focus-green-8:focus { color: undefined; } -.focus-green-9:focus { color: undefined; } -.focus-teal-0:focus { color: undefined; } -.focus-teal-1:focus { color: undefined; } -.focus-teal-2:focus { color: undefined; } -.focus-teal-3:focus { color: undefined; } -.focus-teal-4:focus { color: undefined; } -.focus-teal-5:focus { color: undefined; } -.focus-teal-6:focus { color: undefined; } -.focus-teal-7:focus { color: undefined; } -.focus-teal-8:focus { color: undefined; } -.focus-teal-9:focus { color: undefined; } -.focus-blue-0:focus { color: undefined; } -.focus-blue-1:focus { color: undefined; } -.focus-blue-2:focus { color: undefined; } -.focus-blue-3:focus { color: undefined; } -.focus-blue-4:focus { color: undefined; } -.focus-blue-5:focus { color: undefined; } -.focus-blue-6:focus { color: undefined; } -.focus-blue-7:focus { color: undefined; } -.focus-blue-8:focus { color: undefined; } -.focus-blue-9:focus { color: undefined; } -.focus-indigo-0:focus { color: undefined; } -.focus-indigo-1:focus { color: undefined; } -.focus-indigo-2:focus { color: undefined; } -.focus-indigo-3:focus { color: undefined; } -.focus-indigo-4:focus { color: undefined; } -.focus-indigo-5:focus { color: undefined; } -.focus-indigo-6:focus { color: undefined; } -.focus-indigo-7:focus { color: undefined; } -.focus-indigo-8:focus { color: undefined; } -.focus-indigo-9:focus { color: undefined; } -.focus-violet-0:focus { color: undefined; } -.focus-violet-1:focus { color: undefined; } -.focus-violet-2:focus { color: undefined; } -.focus-violet-3:focus { color: undefined; } -.focus-violet-4:focus { color: undefined; } -.focus-violet-5:focus { color: undefined; } -.focus-violet-6:focus { color: undefined; } -.focus-violet-7:focus { color: undefined; } -.focus-violet-8:focus { color: undefined; } -.focus-violet-9:focus { color: undefined; } -.focus-gray-0:focus { color: undefined; } -.focus-gray-1:focus { color: undefined; } -.focus-gray-2:focus { color: undefined; } -.focus-gray-3:focus { color: undefined; } -.focus-gray-4:focus { color: undefined; } -.focus-gray-5:focus { color: undefined; } -.focus-gray-6:focus { color: undefined; } -.focus-gray-7:focus { color: undefined; } -.focus-gray-8:focus { color: undefined; } -.focus-gray-9:focus { color: undefined; } -.focus-bg-black-90:focus { background-color: undefined; } -.focus-bg-black-80:focus { background-color: undefined; } -.focus-bg-black-70:focus { background-color: undefined; } -.focus-bg-black-60:focus { background-color: undefined; } -.focus-bg-black-50:focus { background-color: undefined; } -.focus-bg-black-40:focus { background-color: undefined; } -.focus-bg-black-30:focus { background-color: undefined; } -.focus-bg-black-20:focus { background-color: undefined; } -.focus-bg-black-10:focus { background-color: undefined; } -.focus-bg-black-05:focus { background-color: undefined; } -.focus-bg-white-90:focus { background-color: undefined; } -.focus-bg-white-80:focus { background-color: undefined; } -.focus-bg-white-70:focus { background-color: undefined; } -.focus-bg-white-60:focus { background-color: undefined; } -.focus-bg-white-50:focus { background-color: undefined; } -.focus-bg-white-40:focus { background-color: undefined; } -.focus-bg-white-30:focus { background-color: undefined; } -.focus-bg-white-20:focus { background-color: undefined; } -.focus-bg-white-10:focus { background-color: undefined; } -/* Background colors */ -.focus-bg-black:focus { background-color: black; } -.focus-bg-white:focus { background-color: white; } -.focus-bg-transparent:focus { background-color: transparent; } -.focus-bg-inherit:focus { background-color: inherit; } -.focus-bg-red-0:focus { background-color: undefined; } -.focus-bg-red-1:focus { background-color: undefined; } -.focus-bg-red-2:focus { background-color: undefined; } -.focus-bg-red-3:focus { background-color: undefined; } -.focus-bg-red-4:focus { background-color: undefined; } -.focus-bg-red-5:focus { background-color: undefined; } -.focus-bg-red-6:focus { background-color: undefined; } -.focus-bg-red-7:focus { background-color: undefined; } -.focus-bg-red-8:focus { background-color: undefined; } -.focus-bg-red-9:focus { background-color: undefined; } -.focus-bg-gold-0:focus { background-color: undefined; } -.focus-bg-gold-1:focus { background-color: undefined; } -.focus-bg-gold-2:focus { background-color: undefined; } -.focus-bg-gold-3:focus { background-color: undefined; } -.focus-bg-gold-4:focus { background-color: undefined; } -.focus-bg-gold-5:focus { background-color: undefined; } -.focus-bg-gold-6:focus { background-color: undefined; } -.focus-bg-gold-7:focus { background-color: undefined; } -.focus-bg-gold-8:focus { background-color: undefined; } -.focus-bg-gold-9:focus { background-color: undefined; } -.focus-bg-green-0:focus { background-color: undefined; } -.focus-bg-green-1:focus { background-color: undefined; } -.focus-bg-green-2:focus { background-color: undefined; } -.focus-bg-green-3:focus { background-color: undefined; } -.focus-bg-green-4:focus { background-color: undefined; } -.focus-bg-green-5:focus { background-color: undefined; } -.focus-bg-green-6:focus { background-color: undefined; } -.focus-bg-green-7:focus { background-color: undefined; } -.focus-bg-green-8:focus { background-color: undefined; } -.focus-bg-green-9:focus { background-color: undefined; } -.focus-bg-teal-0:focus { background-color: undefined; } -.focus-bg-teal-1:focus { background-color: undefined; } -.focus-bg-teal-2:focus { background-color: undefined; } -.focus-bg-teal-3:focus { background-color: undefined; } -.focus-bg-teal-4:focus { background-color: undefined; } -.focus-bg-teal-5:focus { background-color: undefined; } -.focus-bg-teal-6:focus { background-color: undefined; } -.focus-bg-teal-7:focus { background-color: undefined; } -.focus-bg-teal-8:focus { background-color: undefined; } -.focus-bg-teal-9:focus { background-color: undefined; } -.focus-bg-blue-0:focus { background-color: undefined; } -.focus-bg-blue-1:focus { background-color: undefined; } -.focus-bg-blue-2:focus { background-color: undefined; } -.focus-bg-blue-3:focus { background-color: undefined; } -.focus-bg-blue-4:focus { background-color: undefined; } -.focus-bg-blue-5:focus { background-color: undefined; } -.focus-bg-blue-6:focus { background-color: undefined; } -.focus-bg-blue-7:focus { background-color: undefined; } -.focus-bg-blue-8:focus { background-color: undefined; } -.focus-bg-blue-9:focus { background-color: undefined; } -.focus-bg-indigo-0:focus { background-color: undefined; } -.focus-bg-indigo-1:focus { background-color: undefined; } -.focus-bg-indigo-2:focus { background-color: undefined; } -.focus-bg-indigo-3:focus { background-color: undefined; } -.focus-bg-indigo-4:focus { background-color: undefined; } -.focus-bg-indigo-5:focus { background-color: undefined; } -.focus-bg-indigo-6:focus { background-color: undefined; } -.focus-bg-indigo-7:focus { background-color: undefined; } -.focus-bg-indigo-8:focus { background-color: undefined; } -.focus-bg-indigo-9:focus { background-color: undefined; } -.focus-bg-violet-0:focus { background-color: undefined; } -.focus-bg-violet-1:focus { background-color: undefined; } -.focus-bg-violet-2:focus { background-color: undefined; } -.focus-bg-violet-3:focus { background-color: undefined; } -.focus-bg-violet-4:focus { background-color: undefined; } -.focus-bg-violet-5:focus { background-color: undefined; } -.focus-bg-violet-6:focus { background-color: undefined; } -.focus-bg-violet-7:focus { background-color: undefined; } -.focus-bg-violet-8:focus { background-color: undefined; } -.focus-bg-violet-9:focus { background-color: undefined; } -.focus-bg-gray-0:focus { background-color: undefined; } -.focus-bg-gray-1:focus { background-color: undefined; } -.focus-bg-gray-2:focus { background-color: undefined; } -.focus-bg-gray-3:focus { background-color: undefined; } -.focus-bg-gray-4:focus { background-color: undefined; } -.focus-bg-gray-5:focus { background-color: undefined; } -.focus-bg-gray-6:focus { background-color: undefined; } -.focus-bg-gray-7:focus { background-color: undefined; } -.focus-bg-gray-8:focus { background-color: undefined; } -.focus-bg-gray-9:focus { background-color: undefined; } -/* Variables */ -:root { } -/* - SPACING - Docs: http://tachyons.io/docs/layout/spacing/ - - An eight step powers of two scale ranging from 0 to 16rem. - - Base: - p = padding - m = margin - - Modifiers: - a = all - h = horizontal - v = vertical - t = top - r = right - b = bottom - l = left - - 0 = none - 1 = 1st step in spacing scale - 2 = 2nd step in spacing scale - 3 = 3rd step in spacing scale - 4 = 4th step in spacing scale - 5 = 5th step in spacing scale - 6 = 6th step in spacing scale - 7 = 7th step in spacing scale - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.pa0 { padding: undefined; } -.pa1 { padding: undefined; } -.pa2 { padding: undefined; } -.pa3 { padding: undefined; } -.pa4 { padding: undefined; } -.pa5 { padding: undefined; } -.pa6 { padding: undefined; } -.pa7 { padding: undefined; } -.pl0 { padding-left: undefined; } -.pl1 { padding-left: undefined; } -.pl2 { padding-left: undefined; } -.pl3 { padding-left: undefined; } -.pl4 { padding-left: undefined; } -.pl5 { padding-left: undefined; } -.pl6 { padding-left: undefined; } -.pl7 { padding-left: undefined; } -.pr0 { padding-right: undefined; } -.pr1 { padding-right: undefined; } -.pr2 { padding-right: undefined; } -.pr3 { padding-right: undefined; } -.pr4 { padding-right: undefined; } -.pr5 { padding-right: undefined; } -.pr6 { padding-right: undefined; } -.pr7 { padding-right: undefined; } -.pb0 { padding-bottom: undefined; } -.pb1 { padding-bottom: undefined; } -.pb2 { padding-bottom: undefined; } -.pb3 { padding-bottom: undefined; } -.pb4 { padding-bottom: undefined; } -.pb5 { padding-bottom: undefined; } -.pb6 { padding-bottom: undefined; } -.pb7 { padding-bottom: undefined; } -.pt0 { padding-top: undefined; } -.pt1 { padding-top: undefined; } -.pt2 { padding-top: undefined; } -.pt3 { padding-top: undefined; } -.pt4 { padding-top: undefined; } -.pt5 { padding-top: undefined; } -.pt6 { padding-top: undefined; } -.pt7 { padding-top: undefined; } -.pv0 { padding-top: undefined; padding-bottom: undefined; } -.pv1 { padding-top: undefined; padding-bottom: undefined; } -.pv2 { padding-top: undefined; padding-bottom: undefined; } -.pv3 { padding-top: undefined; padding-bottom: undefined; } -.pv4 { padding-top: undefined; padding-bottom: undefined; } -.pv5 { padding-top: undefined; padding-bottom: undefined; } -.pv6 { padding-top: undefined; padding-bottom: undefined; } -.pv7 { padding-top: undefined; padding-bottom: undefined; } -.ph0 { padding-left: undefined; padding-right: undefined; } -.ph1 { padding-left: undefined; padding-right: undefined; } -.ph2 { padding-left: undefined; padding-right: undefined; } -.ph3 { padding-left: undefined; padding-right: undefined; } -.ph4 { padding-left: undefined; padding-right: undefined; } -.ph5 { padding-left: undefined; padding-right: undefined; } -.ph6 { padding-left: undefined; padding-right: undefined; } -.ph7 { padding-left: undefined; padding-right: undefined; } -.ma0 { margin: undefined; } -.ma1 { margin: undefined; } -.ma2 { margin: undefined; } -.ma3 { margin: undefined; } -.ma4 { margin: undefined; } -.ma5 { margin: undefined; } -.ma6 { margin: undefined; } -.ma7 { margin: undefined; } -.ml0 { margin-left: undefined; } -.ml1 { margin-left: undefined; } -.ml2 { margin-left: undefined; } -.ml3 { margin-left: undefined; } -.ml4 { margin-left: undefined; } -.ml5 { margin-left: undefined; } -.ml6 { margin-left: undefined; } -.ml7 { margin-left: undefined; } -.mr0 { margin-right: undefined; } -.mr1 { margin-right: undefined; } -.mr2 { margin-right: undefined; } -.mr3 { margin-right: undefined; } -.mr4 { margin-right: undefined; } -.mr5 { margin-right: undefined; } -.mr6 { margin-right: undefined; } -.mr7 { margin-right: undefined; } -.mb0 { margin-bottom: undefined; } -.mb1 { margin-bottom: undefined; } -.mb2 { margin-bottom: undefined; } -.mb3 { margin-bottom: undefined; } -.mb4 { margin-bottom: undefined; } -.mb5 { margin-bottom: undefined; } -.mb6 { margin-bottom: undefined; } -.mb7 { margin-bottom: undefined; } -.mt0 { margin-top: undefined; } -.mt1 { margin-top: undefined; } -.mt2 { margin-top: undefined; } -.mt3 { margin-top: undefined; } -.mt4 { margin-top: undefined; } -.mt5 { margin-top: undefined; } -.mt6 { margin-top: undefined; } -.mt7 { margin-top: undefined; } -.mv0 { margin-top: undefined; margin-bottom: undefined; } -.mv1 { margin-top: undefined; margin-bottom: undefined; } -.mv2 { margin-top: undefined; margin-bottom: undefined; } -.mv3 { margin-top: undefined; margin-bottom: undefined; } -.mv4 { margin-top: undefined; margin-bottom: undefined; } -.mv5 { margin-top: undefined; margin-bottom: undefined; } -.mv6 { margin-top: undefined; margin-bottom: undefined; } -.mv7 { margin-top: undefined; margin-bottom: undefined; } -.mh0 { margin-left: undefined; margin-right: undefined; } -.mh1 { margin-left: undefined; margin-right: undefined; } -.mh2 { margin-left: undefined; margin-right: undefined; } -.mh3 { margin-left: undefined; margin-right: undefined; } -.mh4 { margin-left: undefined; margin-right: undefined; } -.mh5 { margin-left: undefined; margin-right: undefined; } -.mh6 { margin-left: undefined; margin-right: undefined; } -.mh7 { margin-left: undefined; margin-right: undefined; } -/* - NEGATIVE MARGINS - - Base: - n = negative - - Modifiers: - a = all - t = top - r = right - b = bottom - l = left - - 1 = 1st step in spacing scale - 2 = 2nd step in spacing scale - 3 = 3rd step in spacing scale - 4 = 4th step in spacing scale - 5 = 5th step in spacing scale - 6 = 6th step in spacing scale - 7 = 7th step in spacing scale - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.na1 { margin: undefined; } -.na2 { margin: undefined; } -.na3 { margin: undefined; } -.na4 { margin: undefined; } -.na5 { margin: undefined; } -.na6 { margin: undefined; } -.na7 { margin: undefined; } -.nl1 { margin-left: undefined; } -.nl2 { margin-left: undefined; } -.nl3 { margin-left: undefined; } -.nl4 { margin-left: undefined; } -.nl5 { margin-left: undefined; } -.nl6 { margin-left: undefined; } -.nl7 { margin-left: undefined; } -.nr1 { margin-right: undefined; } -.nr2 { margin-right: undefined; } -.nr3 { margin-right: undefined; } -.nr4 { margin-right: undefined; } -.nr5 { margin-right: undefined; } -.nr6 { margin-right: undefined; } -.nr7 { margin-right: undefined; } -.nb1 { margin-bottom: undefined; } -.nb2 { margin-bottom: undefined; } -.nb3 { margin-bottom: undefined; } -.nb4 { margin-bottom: undefined; } -.nb5 { margin-bottom: undefined; } -.nb6 { margin-bottom: undefined; } -.nb7 { margin-bottom: undefined; } -.nt1 { margin-top: undefined; } -.nt2 { margin-top: undefined; } -.nt3 { margin-top: undefined; } -.nt4 { margin-top: undefined; } -.nt5 { margin-top: undefined; } -.nt6 { margin-top: undefined; } -.nt7 { margin-top: undefined; } -/* - - TABLES - Docs: http://tachyons.io/docs/elements/tables/ - -*/ -.collapse { border-collapse: collapse; border-spacing: 0; } -.striped--light-silver:nth-child(odd) { background-color: undefined; } -.striped--moon-gray:nth-child(odd) { background-color: undefined; } -.striped--light-gray:nth-child(odd) { background-color: undefined; } -.striped--near-white:nth-child(odd) { background-color: undefined; } -.stripe-light:nth-child(odd) { background-color: undefined; } -.stripe-dark:nth-child(odd) { background-color: undefined; } -/* - - TEXT DECORATION - Docs: http://tachyons.io/docs/typography/text-decoration/ - - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.strike { text-decoration: line-through; } -.underline { text-decoration: underline; } -.no-underline { text-decoration: none; } -/* - - TEXT ALIGN - Docs: http://tachyons.io/docs/typography/text-align/ - - Base - t = text-align - - Modifiers - l = left - r = right - c = center - j = justify - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.tl { text-align: left; } -.tr { text-align: right; } -.tc { text-align: center; } -.tj { text-align: justify; } -/* - - TEXT TRANSFORM - Docs: http://tachyons.io/docs/typography/text-transform/ - - Base: - tt = text-transform - - Modifiers - c = capitalize - l = lowercase - u = uppercase - n = none - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.ttc { text-transform: capitalize; } -.ttl { text-transform: lowercase; } -.ttu { text-transform: uppercase; } -.ttn { text-transform: none; } -/* - - TYPE SCALE - Docs: http://tachyons.io/docs/typography/scale/ - - Base: - f = font-size - - Modifiers - 1 = 1st step in size scale - 2 = 2nd step in size scale - 3 = 3rd step in size scale - 4 = 4th step in size scale - 5 = 5th step in size scale - 6 = 6th step in size scale - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large -*/ -/* - * For Hero/Marketing Titles - * - * These generally are too large for mobile - * so be careful using them on smaller screens. - * */ -.f-6 { font-size: undefined; } -.f-headline { font-size: undefined; } -.f-5 { font-size: undefined; } -.f-subheadline { font-size: undefined; } -/* Type Scale */ -.f1 { font-size: undefined; } -.f2 { font-size: undefined; } -.f3 { font-size: undefined; } -.f4 { font-size: undefined; } -.f5 { font-size: undefined; } -.f6 { font-size: undefined; } -.f7 { font-size: undefined; } -/* - - TYPOGRAPHY - http://tachyons.io/docs/typography/measure/ - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* Measure is limited to ~66 characters */ -.measure { max-width: undefined; } -/* Measure is limited to ~80 characters */ -.measure-wide { max-width: undefined; } -/* Measure is limited to ~45 characters */ -.measure-narrow { max-width: undefined; } -/* Book paragraph style - paragraphs are indented with no vertical spacing. */ -.indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; } -.small-caps { font-variant: small-caps; } -/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */ -.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -/* - - UTILITIES - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* Equivalent to .overflow-y-scroll */ -.overflow-container { overflow-y: scroll; } -.center { margin-right: auto; margin-left: auto; } -.mr-auto { margin-right: auto; } -.ml-auto { margin-left: auto; } -/* - - VISIBILITY - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -/* - Text that is hidden but accessible - Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility -*/ -.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } -/* - - WHITE SPACE - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.ws-normal { white-space: normal; } -.nowrap { white-space: nowrap; } -.pre { white-space: pre; } -/* - - VERTICAL ALIGN - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - -*/ -.v-base { vertical-align: baseline; } -.v-mid { vertical-align: middle; } -.v-top { vertical-align: top; } -.v-btm { vertical-align: bottom; } -/* - - HOVER EFFECTS - Docs: http://tachyons.io/docs/themes/hovers/ - - - Dim - - Glow - - Hide Child - - Underline text - - Grow - - Pointer - - Shadow - -*/ -/* - - Dim element on hover by adding the dim class. - -*/ -.dim { opacity: 1; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -.dim:hover, .dim:focus { opacity: .5; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -.dim:active { opacity: .8; -webkit-transition: opacity .15s ease-out; transition: opacity .15s ease-out; } -/* - - Animate opacity to 100% on hover by adding the glow class. - -*/ -.glow { -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -.glow:hover, .glow:focus { opacity: 1; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -/* - - Hide child & reveal on hover: - - Put the hide-child class on a parent element and any nested element with the - child class will be hidden and displayed on hover or focus. - -
-
Hidden until hover or focus
-
Hidden until hover or focus
-
Hidden until hover or focus
-
Hidden until hover or focus
-
-*/ -.hide-child .child { opacity: 0; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } -.underline-hover:hover, .underline-hover:focus { text-decoration: underline; } -/* Can combine this with overflow-hidden to make background images grow on hover - * even if you are using background-size: cover */ -.grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; } -.grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); } -.grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); } -.grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } -.grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } -.grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); } -/* Add pointer on hover */ -.pointer:hover { cursor: pointer; } -/* - Add shadow on hover. - - Performant box-shadow animation pattern from - http://tobiasahlin.com/blog/how-to-animate-box-shadow/ -*/ -.shadow-hover { cursor: pointer; position: relative; -webkit-transition: all .5s cubic-bezier( .165, .84, .44, 1 ); transition: all .5s cubic-bezier( .165, .84, .44, 1 ); } -.shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); } -.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; } -/* Combine with classes in skins and skins-pseudo for - * many different transition possibilities. */ -.bg-animate, .bg-animate:hover, .bg-animate:focus { -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } -/* - - Z-INDEX - - Base - z = z-index - - Modifiers - -0 = literal value 0 - -1 = literal value 1 - -2 = literal value 2 - -3 = literal value 3 - -4 = literal value 4 - -5 = literal value 5 - -999 = literal value 999 - -9999 = literal value 9999 - - -max = largest accepted z-index value as integer - - -inherit = string value inherit - -initial = string value initial - -unset = string value unset - - MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index - Spec: http://www.w3.org/TR/CSS2/zindex.html - Articles: - https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ - - Tips on extending: - There might be a time worth using negative z-index values. - Or if you are using tachyons with another project, you might need to - adjust these values to suit your needs. - -*/ -.z-0 { z-index: 0; } -.z-1 { z-index: 1; } -.z-2 { z-index: 2; } -.z-3 { z-index: 3; } -.z-4 { z-index: 4; } -.z-5 { z-index: 5; } -.z-999 { z-index: 999; } -.z-9999 { z-index: 9999; } -.z-max { z-index: 2147483647; } -.z-inherit { z-index: inherit; } -.z-initial { z-index: initial; } -.z-unset { z-index: unset; } -/* - - NESTED - Tachyons module for styling nested elements - that are generated by a cms. - -*/ -.nested-copy-line-height p { line-height: undefined; } -.nested-copy-line-height ul { line-height: undefined; } -.nested-copy-line-height ol { line-height: undefined; } -.nested-headline-line-height h1 { line-height: undefined; } -.nested-headline-line-height h2 { line-height: undefined; } -.nested-headline-line-height h3 { line-height: undefined; } -.nested-headline-line-height h4 { line-height: undefined; } -.nested-headline-line-height h5 { line-height: undefined; } -.nested-headline-line-height h6 { line-height: undefined; } -.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } -.nested-copy-indent p+p { text-indent: undefined; margin-top: undefined; margin-bottom: undefined; } -.nested-copy-seperator p+p { margin-top: undefined; } -.nested-img img { width: 100%; max-width: 100%; display: block; } -.nested-links a { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.nested-links a:hover { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -.nested-links a:focus { color: undefined; -webkit-transition: color .15s ease-in; transition: color .15s ease-in; } -/* - - STYLES - - Add custom styles here. - -*/ -/* Variables */ -/* Importing here will allow you to override any variables in the modules */ -/* - - VARIABLES - -*/ -/* Debugging */ -/* - - DEBUG CHILDREN - Docs: http://tachyons.io/docs/debug/ - - Just add the debug class to any element to see outlines on its - children. - -*/ -.debug * { outline: 1px solid gold; } -.debug-white * { outline: 1px solid white; } -.debug-black * { outline: 1px solid black; } -/* - - DEBUG GRID - http://tachyons.io/docs/debug-grid/ - - Can be useful for debugging layout issues - or helping to make sure things line up perfectly. - Just tack one of these classes onto a parent element. - -*/ -.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg== ) repeat top left; } -.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC ) repeat top left; } -.debug-grid-8-solid { background: white url( data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z ) repeat top left; } -.debug-grid-16-solid { background: white url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII= ) repeat top left; } -/* Uncomment out the line below to help debug layout issues */ -/* @import './_debug'; */ -@media screen and (min-width: 30em) { - .aspect-ratio-ns { height: 0; position: relative; } - .aspect-ratio--16x9-ns { padding-bottom: 56.25%; } - .aspect-ratio--9x16-ns { padding-bottom: 177.77%; } - .aspect-ratio--4x3-ns { padding-bottom: 75%; } - .aspect-ratio--3x4-ns { padding-bottom: 133.33%; } - .aspect-ratio--6x4-ns { padding-bottom: 66.6%; } - .aspect-ratio--4x6-ns { padding-bottom: 150%; } - .aspect-ratio--8x5-ns { padding-bottom: 62.5%; } - .aspect-ratio--5x8-ns { padding-bottom: 160%; } - .aspect-ratio--7x5-ns { padding-bottom: 71.42%; } - .aspect-ratio--5x7-ns { padding-bottom: 140%; } - .aspect-ratio--1x1-ns { padding-bottom: 100%; } - .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } - .cover-ns { background-size: cover !important; } - .contain-ns { background-size: contain !important; } - .bg-center-ns { background-repeat: no-repeat; background-position: center center; } - .bg-top-ns { background-repeat: no-repeat; background-position: top center; } - .bg-right-ns { background-repeat: no-repeat; background-position: center right; } - .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; } - .bg-left-ns { background-repeat: no-repeat; background-position: center left; } - .outline-ns { outline: 1px solid; } - .outline-transparent-ns { outline: 1px solid transparent; } - .outline-0-ns { outline: 0; } - .ba-ns { border-style: solid; border-width: 1px; } - .bt-ns { border-top-style: solid; border-top-width: 1px; } - .br-ns { border-right-style: solid; border-right-width: 1px; } - .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-ns { border-left-style: solid; border-left-width: 1px; } - .bn-ns { border-style: none; border-width: 0; } - .br0-ns { border-radius: undefined; } - .br1-ns { border-radius: undefined; } - .br2-ns { border-radius: undefined; } - .br3-ns { border-radius: undefined; } - .br4-ns { border-radius: undefined; } - .br-100-ns { border-radius: undefined; } - .br-pill-ns { border-radius: undefined; } - .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; } - .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .b--dotted-ns { border-style: dotted; } - .b--dashed-ns { border-style: dashed; } - .b--solid-ns { border-style: solid; } - .b--none-ns { border-style: none; } - .bw0-ns { border-width: undefined; } - .bw1-ns { border-width: undefined; } - .bw2-ns { border-width: undefined; } - .bw3-ns { border-width: undefined; } - .bw4-ns { border-width: undefined; } - .bw5-ns { border-width: undefined; } - .bt-0-ns { border-top-width: undefined; } - .br-0-ns { border-right-width: undefined; } - .bb-0-ns { border-bottom-width: undefined; } - .bl-0-ns { border-left-width: undefined; } - .shadow-1-ns { box-shadow: undefined; } - .shadow-2-ns { box-shadow: undefined; } - .shadow-3-ns { box-shadow: undefined; } - .shadow-4-ns { box-shadow: undefined; } - .shadow-5-ns { box-shadow: undefined; } - .top-0-ns { top: 0; } - .left-0-ns { left: 0; } - .right-0-ns { right: 0; } - .bottom-0-ns { bottom: 0; } - .top-1-ns { top: 1rem; } - .left-1-ns { left: 1rem; } - .right-1-ns { right: 1rem; } - .bottom-1-ns { bottom: 1rem; } - .top-2-ns { top: 2rem; } - .left-2-ns { left: 2rem; } - .right-2-ns { right: 2rem; } - .bottom-2-ns { bottom: 2rem; } - .top--1-ns { top: -1rem; } - .right--1-ns { right: -1rem; } - .bottom--1-ns { bottom: -1rem; } - .left--1-ns { left: -1rem; } - .top--2-ns { top: -2rem; } - .right--2-ns { right: -2rem; } - .bottom--2-ns { bottom: -2rem; } - .left--2-ns { left: -2rem; } - .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; } - .cl-ns { clear: left; } - .cr-ns { clear: right; } - .cb-ns { clear: both; } - .cn-ns { clear: none; } - .dn-ns { display: none; } - .di-ns { display: inline; } - .db-ns { display: block; } - .dib-ns { display: inline-block; } - .dit-ns { display: inline-table; } - .dt-ns { display: table; } - .dtc-ns { display: table-cell; } - .dt-row-ns { display: table-row; } - .dt-row-group-ns { display: table-row-group; } - .dt-column-ns { display: table-column; } - .dt-column-group-ns { display: table-column-group; } - .dt--fixed-ns { table-layout: fixed; width: 100%; } - .flex-ns { display: -webkit-box; display: flex; } - .inline-flex-ns { display: -webkit-inline-box; display: inline-flex; } - .flex-auto-ns { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } - .flex-none-ns { -webkit-box-flex: 0; flex: none; } - .flex-column-ns { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } - .flex-row-ns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } - .flex-wrap-ns { flex-wrap: wrap; } - .flex-nowrap-ns { flex-wrap: nowrap; } - .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; } - .flex-column-reverse-ns { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } - .flex-row-reverse-ns { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } - .items-start-ns { -webkit-box-align: start; align-items: flex-start; } - .items-end-ns { -webkit-box-align: end; align-items: flex-end; } - .items-center-ns { -webkit-box-align: center; align-items: center; } - .items-baseline-ns { -webkit-box-align: baseline; align-items: baseline; } - .items-stretch-ns { -webkit-box-align: stretch; align-items: stretch; } - .self-start-ns { align-self: flex-start; } - .self-end-ns { align-self: flex-end; } - .self-center-ns { align-self: center; } - .self-baseline-ns { align-self: baseline; } - .self-stretch-ns { align-self: stretch; } - .justify-start-ns { -webkit-box-pack: start; justify-content: flex-start; } - .justify-end-ns { -webkit-box-pack: end; justify-content: flex-end; } - .justify-center-ns { -webkit-box-pack: center; justify-content: center; } - .justify-between-ns { -webkit-box-pack: justify; justify-content: space-between; } - .justify-around-ns { justify-content: space-around; } - .content-start-ns { align-content: flex-start; } - .content-end-ns { align-content: flex-end; } - .content-center-ns { align-content: center; } - .content-between-ns { align-content: space-between; } - .content-around-ns { align-content: space-around; } - .content-stretch-ns { align-content: stretch; } - .order-0-ns { -webkit-box-ordinal-group: 1; order: 0; } - .order-1-ns { -webkit-box-ordinal-group: 2; order: 1; } - .order-2-ns { -webkit-box-ordinal-group: 3; order: 2; } - .order-3-ns { -webkit-box-ordinal-group: 4; order: 3; } - .order-4-ns { -webkit-box-ordinal-group: 5; order: 4; } - .order-5-ns { -webkit-box-ordinal-group: 6; order: 5; } - .order-6-ns { -webkit-box-ordinal-group: 7; order: 6; } - .order-7-ns { -webkit-box-ordinal-group: 8; order: 7; } - .order-8-ns { -webkit-box-ordinal-group: 9; order: 8; } - .order-last-ns { -webkit-box-ordinal-group: 100000; order: 99999; } - .flex-grow-0-ns { -webkit-box-flex: 0; flex-grow: 0; } - .flex-grow-1-ns { -webkit-box-flex: 1; flex-grow: 1; } - .flex-shrink-0-ns { flex-shrink: 0; } - .flex-shrink-1-ns { flex-shrink: 1; } - .fl-ns { float: left; _display: inline; } - .fr-ns { float: right; _display: inline; } - .fn-ns { float: none; } - .i-ns { font-style: italic; } - .fs-normal-ns { font-style: normal; } - .normal-ns { font-weight: normal; } - .b-ns { font-weight: bold; } - .fw1-ns { font-weight: 100; } - .fw2-ns { font-weight: 200; } - .fw3-ns { font-weight: 300; } - .fw4-ns { font-weight: 400; } - .fw5-ns { font-weight: 500; } - .fw6-ns { font-weight: 600; } - .fw7-ns { font-weight: 700; } - .fw8-ns { font-weight: 800; } - .fw9-ns { font-weight: 900; } - .h1-ns { height: undefined; } - .h2-ns { height: undefined; } - .h3-ns { height: undefined; } - .h4-ns { height: undefined; } - .h5-ns { height: undefined; } - .h-25-ns { height: 25%; } - .h-50-ns { height: 50%; } - .h-75-ns { height: 75%; } - .h-100-ns { height: 100%; } - .min-h-100-ns { min-height: 100%; } - .vh-25-ns { height: 25vh; } - .vh-50-ns { height: 50vh; } - .vh-75-ns { height: 75vh; } - .vh-100-ns { height: 100vh; } - .min-vh-100-ns { min-height: 100vh; } - .h-auto-ns { height: auto; } - .h-inherit-ns { height: inherit; } - .tracked-ns { letter-spacing: undefined; } - .tracked-tight-ns { letter-spacing: undefined; } - .tracked-mega-ns { letter-spacing: undefined; } - .lh-solid-ns { line-height: undefined; } - .lh-title-ns { line-height: undefined; } - .lh-copy-ns { line-height: undefined; } - .mw-100-ns { max-width: 100%; } - .mw1-ns { max-width: undefined; } - .mw2-ns { max-width: undefined; } - .mw3-ns { max-width: undefined; } - .mw4-ns { max-width: undefined; } - .mw5-ns { max-width: undefined; } - .mw6-ns { max-width: undefined; } - .mw7-ns { max-width: undefined; } - .mw8-ns { max-width: undefined; } - .mw9-ns { max-width: undefined; } - .mw-none-ns { max-width: none; } - .w1-ns { width: undefined; } - .w2-ns { width: undefined; } - .w3-ns { width: undefined; } - .w4-ns { width: undefined; } - .w5-ns { width: undefined; } - .w-10-ns { width: 10%; } - .w-20-ns { width: 20%; } - .w-25-ns { width: 25%; } - .w-30-ns { width: 30%; } - .w-33-ns { width: 33%; } - .w-34-ns { width: 34%; } - .w-40-ns { width: 40%; } - .w-50-ns { width: 50%; } - .w-60-ns { width: 60%; } - .w-70-ns { width: 70%; } - .w-75-ns { width: 75%; } - .w-80-ns { width: 80%; } - .w-90-ns { width: 90%; } - .w-100-ns { width: 100%; } - .w-third-ns { width: 33.33333%; } - .w-two-thirds-ns { width: 66.66667%; } - .w-auto-ns { width: auto; } - .overflow-visible-ns { overflow: visible; } - .overflow-hidden-ns { overflow: hidden; } - .overflow-scroll-ns { overflow: scroll; } - .overflow-auto-ns { overflow: auto; } - .overflow-x-visible-ns { overflow-x: visible; } - .overflow-x-hidden-ns { overflow-x: hidden; } - .overflow-x-scroll-ns { overflow-x: scroll; } - .overflow-x-auto-ns { overflow-x: auto; } - .overflow-y-visible-ns { overflow-y: visible; } - .overflow-y-hidden-ns { overflow-y: hidden; } - .overflow-y-scroll-ns { overflow-y: scroll; } - .overflow-y-auto-ns { overflow-y: auto; } - .static-ns { position: static; } - .relative-ns { position: relative; } - .absolute-ns { position: absolute; } - .fixed-ns { position: fixed; } - .rotate-45-ns { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } - .rotate-90-ns { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } - .rotate-135-ns { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } - .rotate-180-ns { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } - .rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } - .rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } - .rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-ns { padding: undefined; } - .pa1-ns { padding: undefined; } - .pa2-ns { padding: undefined; } - .pa3-ns { padding: undefined; } - .pa4-ns { padding: undefined; } - .pa5-ns { padding: undefined; } - .pa6-ns { padding: undefined; } - .pa7-ns { padding: undefined; } - .pl0-ns { padding-left: undefined; } - .pl1-ns { padding-left: undefined; } - .pl2-ns { padding-left: undefined; } - .pl3-ns { padding-left: undefined; } - .pl4-ns { padding-left: undefined; } - .pl5-ns { padding-left: undefined; } - .pl6-ns { padding-left: undefined; } - .pl7-ns { padding-left: undefined; } - .pr0-ns { padding-right: undefined; } - .pr1-ns { padding-right: undefined; } - .pr2-ns { padding-right: undefined; } - .pr3-ns { padding-right: undefined; } - .pr4-ns { padding-right: undefined; } - .pr5-ns { padding-right: undefined; } - .pr6-ns { padding-right: undefined; } - .pr7-ns { padding-right: undefined; } - .pb0-ns { padding-bottom: undefined; } - .pb1-ns { padding-bottom: undefined; } - .pb2-ns { padding-bottom: undefined; } - .pb3-ns { padding-bottom: undefined; } - .pb4-ns { padding-bottom: undefined; } - .pb5-ns { padding-bottom: undefined; } - .pb6-ns { padding-bottom: undefined; } - .pb7-ns { padding-bottom: undefined; } - .pt0-ns { padding-top: undefined; } - .pt1-ns { padding-top: undefined; } - .pt2-ns { padding-top: undefined; } - .pt3-ns { padding-top: undefined; } - .pt4-ns { padding-top: undefined; } - .pt5-ns { padding-top: undefined; } - .pt6-ns { padding-top: undefined; } - .pt7-ns { padding-top: undefined; } - .pv0-ns { padding-top: undefined; padding-bottom: undefined; } - .pv1-ns { padding-top: undefined; padding-bottom: undefined; } - .pv2-ns { padding-top: undefined; padding-bottom: undefined; } - .pv3-ns { padding-top: undefined; padding-bottom: undefined; } - .pv4-ns { padding-top: undefined; padding-bottom: undefined; } - .pv5-ns { padding-top: undefined; padding-bottom: undefined; } - .pv6-ns { padding-top: undefined; padding-bottom: undefined; } - .pv7-ns { padding-top: undefined; padding-bottom: undefined; } - .ph0-ns { padding-left: undefined; padding-right: undefined; } - .ph1-ns { padding-left: undefined; padding-right: undefined; } - .ph2-ns { padding-left: undefined; padding-right: undefined; } - .ph3-ns { padding-left: undefined; padding-right: undefined; } - .ph4-ns { padding-left: undefined; padding-right: undefined; } - .ph5-ns { padding-left: undefined; padding-right: undefined; } - .ph6-ns { padding-left: undefined; padding-right: undefined; } - .ph7-ns { padding-left: undefined; padding-right: undefined; } - .ma0-ns { margin: undefined; } - .ma1-ns { margin: undefined; } - .ma2-ns { margin: undefined; } - .ma3-ns { margin: undefined; } - .ma4-ns { margin: undefined; } - .ma5-ns { margin: undefined; } - .ma6-ns { margin: undefined; } - .ma7-ns { margin: undefined; } - .ml0-ns { margin-left: undefined; } - .ml1-ns { margin-left: undefined; } - .ml2-ns { margin-left: undefined; } - .ml3-ns { margin-left: undefined; } - .ml4-ns { margin-left: undefined; } - .ml5-ns { margin-left: undefined; } - .ml6-ns { margin-left: undefined; } - .ml7-ns { margin-left: undefined; } - .mr0-ns { margin-right: undefined; } - .mr1-ns { margin-right: undefined; } - .mr2-ns { margin-right: undefined; } - .mr3-ns { margin-right: undefined; } - .mr4-ns { margin-right: undefined; } - .mr5-ns { margin-right: undefined; } - .mr6-ns { margin-right: undefined; } - .mr7-ns { margin-right: undefined; } - .mb0-ns { margin-bottom: undefined; } - .mb1-ns { margin-bottom: undefined; } - .mb2-ns { margin-bottom: undefined; } - .mb3-ns { margin-bottom: undefined; } - .mb4-ns { margin-bottom: undefined; } - .mb5-ns { margin-bottom: undefined; } - .mb6-ns { margin-bottom: undefined; } - .mb7-ns { margin-bottom: undefined; } - .mt0-ns { margin-top: undefined; } - .mt1-ns { margin-top: undefined; } - .mt2-ns { margin-top: undefined; } - .mt3-ns { margin-top: undefined; } - .mt4-ns { margin-top: undefined; } - .mt5-ns { margin-top: undefined; } - .mt6-ns { margin-top: undefined; } - .mt7-ns { margin-top: undefined; } - .mv0-ns { margin-top: undefined; margin-bottom: undefined; } - .mv1-ns { margin-top: undefined; margin-bottom: undefined; } - .mv2-ns { margin-top: undefined; margin-bottom: undefined; } - .mv3-ns { margin-top: undefined; margin-bottom: undefined; } - .mv4-ns { margin-top: undefined; margin-bottom: undefined; } - .mv5-ns { margin-top: undefined; margin-bottom: undefined; } - .mv6-ns { margin-top: undefined; margin-bottom: undefined; } - .mv7-ns { margin-top: undefined; margin-bottom: undefined; } - .mh0-ns { margin-left: undefined; margin-right: undefined; } - .mh1-ns { margin-left: undefined; margin-right: undefined; } - .mh2-ns { margin-left: undefined; margin-right: undefined; } - .mh3-ns { margin-left: undefined; margin-right: undefined; } - .mh4-ns { margin-left: undefined; margin-right: undefined; } - .mh5-ns { margin-left: undefined; margin-right: undefined; } - .mh6-ns { margin-left: undefined; margin-right: undefined; } - .mh7-ns { margin-left: undefined; margin-right: undefined; } - .na1-ns { margin: undefined; } - .na2-ns { margin: undefined; } - .na3-ns { margin: undefined; } - .na4-ns { margin: undefined; } - .na5-ns { margin: undefined; } - .na6-ns { margin: undefined; } - .na7-ns { margin: undefined; } - .nl1-ns { margin-left: undefined; } - .nl2-ns { margin-left: undefined; } - .nl3-ns { margin-left: undefined; } - .nl4-ns { margin-left: undefined; } - .nl5-ns { margin-left: undefined; } - .nl6-ns { margin-left: undefined; } - .nl7-ns { margin-left: undefined; } - .nr1-ns { margin-right: undefined; } - .nr2-ns { margin-right: undefined; } - .nr3-ns { margin-right: undefined; } - .nr4-ns { margin-right: undefined; } - .nr5-ns { margin-right: undefined; } - .nr6-ns { margin-right: undefined; } - .nr7-ns { margin-right: undefined; } - .nb1-ns { margin-bottom: undefined; } - .nb2-ns { margin-bottom: undefined; } - .nb3-ns { margin-bottom: undefined; } - .nb4-ns { margin-bottom: undefined; } - .nb5-ns { margin-bottom: undefined; } - .nb6-ns { margin-bottom: undefined; } - .nb7-ns { margin-bottom: undefined; } - .nt1-ns { margin-top: undefined; } - .nt2-ns { margin-top: undefined; } - .nt3-ns { margin-top: undefined; } - .nt4-ns { margin-top: undefined; } - .nt5-ns { margin-top: undefined; } - .nt6-ns { margin-top: undefined; } - .nt7-ns { margin-top: undefined; } - .strike-ns { text-decoration: line-through; } - .underline-ns { text-decoration: underline; } - .no-underline-ns { text-decoration: none; } - .tl-ns { text-align: left; } - .tr-ns { text-align: right; } - .tc-ns { text-align: center; } - .tj-ns { text-align: justify; } - .ttc-ns { text-transform: capitalize; } - .ttl-ns { text-transform: lowercase; } - .ttu-ns { text-transform: uppercase; } - .ttn-ns { text-transform: none; } - .f-6-ns { font-size: undefined; } - .f-headline-ns { font-size: undefined; } - .f-5-ns { font-size: undefined; } - .f-subheadline-ns { font-size: undefined; } - .f1-ns { font-size: undefined; } - .f2-ns { font-size: undefined; } - .f3-ns { font-size: undefined; } - .f4-ns { font-size: undefined; } - .f5-ns { font-size: undefined; } - .f6-ns { font-size: undefined; } - .f7-ns { font-size: undefined; } - .measure-ns { max-width: undefined; } - .measure-wide-ns { max-width: undefined; } - .measure-narrow-ns { max-width: undefined; } - .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; } - .small-caps-ns { font-variant: small-caps; } - .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .center-ns { margin-right: auto; margin-left: auto; } - .mr-auto-ns { margin-right: auto; } - .ml-auto-ns { margin-left: auto; } - .clip-ns { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } - .ws-normal-ns { white-space: normal; } - .nowrap-ns { white-space: nowrap; } - .pre-ns { white-space: pre; } - .v-base-ns { vertical-align: baseline; } - .v-mid-ns { vertical-align: middle; } - .v-top-ns { vertical-align: top; } - .v-btm-ns { vertical-align: bottom; } -} -@media screen and (min-width: 30em) and (max-width: 60em) { - .aspect-ratio-m { height: 0; position: relative; } - .aspect-ratio--16x9-m { padding-bottom: 56.25%; } - .aspect-ratio--9x16-m { padding-bottom: 177.77%; } - .aspect-ratio--4x3-m { padding-bottom: 75%; } - .aspect-ratio--3x4-m { padding-bottom: 133.33%; } - .aspect-ratio--6x4-m { padding-bottom: 66.6%; } - .aspect-ratio--4x6-m { padding-bottom: 150%; } - .aspect-ratio--8x5-m { padding-bottom: 62.5%; } - .aspect-ratio--5x8-m { padding-bottom: 160%; } - .aspect-ratio--7x5-m { padding-bottom: 71.42%; } - .aspect-ratio--5x7-m { padding-bottom: 140%; } - .aspect-ratio--1x1-m { padding-bottom: 100%; } - .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } - .cover-m { background-size: cover !important; } - .contain-m { background-size: contain !important; } - .bg-center-m { background-repeat: no-repeat; background-position: center center; } - .bg-top-m { background-repeat: no-repeat; background-position: top center; } - .bg-right-m { background-repeat: no-repeat; background-position: center right; } - .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; } - .bg-left-m { background-repeat: no-repeat; background-position: center left; } - .outline-m { outline: 1px solid; } - .outline-transparent-m { outline: 1px solid transparent; } - .outline-0-m { outline: 0; } - .ba-m { border-style: solid; border-width: 1px; } - .bt-m { border-top-style: solid; border-top-width: 1px; } - .br-m { border-right-style: solid; border-right-width: 1px; } - .bb-m { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-m { border-left-style: solid; border-left-width: 1px; } - .bn-m { border-style: none; border-width: 0; } - .br0-m { border-radius: undefined; } - .br1-m { border-radius: undefined; } - .br2-m { border-radius: undefined; } - .br3-m { border-radius: undefined; } - .br4-m { border-radius: undefined; } - .br-100-m { border-radius: undefined; } - .br-pill-m { border-radius: undefined; } - .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; } - .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .b--dotted-m { border-style: dotted; } - .b--dashed-m { border-style: dashed; } - .b--solid-m { border-style: solid; } - .b--none-m { border-style: none; } - .bw0-m { border-width: undefined; } - .bw1-m { border-width: undefined; } - .bw2-m { border-width: undefined; } - .bw3-m { border-width: undefined; } - .bw4-m { border-width: undefined; } - .bw5-m { border-width: undefined; } - .bt-0-m { border-top-width: undefined; } - .br-0-m { border-right-width: undefined; } - .bb-0-m { border-bottom-width: undefined; } - .bl-0-m { border-left-width: undefined; } - .shadow-1-m { box-shadow: undefined; } - .shadow-2-m { box-shadow: undefined; } - .shadow-3-m { box-shadow: undefined; } - .shadow-4-m { box-shadow: undefined; } - .shadow-5-m { box-shadow: undefined; } - .top-0-m { top: 0; } - .left-0-m { left: 0; } - .right-0-m { right: 0; } - .bottom-0-m { bottom: 0; } - .top-1-m { top: 1rem; } - .left-1-m { left: 1rem; } - .right-1-m { right: 1rem; } - .bottom-1-m { bottom: 1rem; } - .top-2-m { top: 2rem; } - .left-2-m { left: 2rem; } - .right-2-m { right: 2rem; } - .bottom-2-m { bottom: 2rem; } - .top--1-m { top: -1rem; } - .right--1-m { right: -1rem; } - .bottom--1-m { bottom: -1rem; } - .left--1-m { left: -1rem; } - .top--2-m { top: -2rem; } - .right--2-m { right: -2rem; } - .bottom--2-m { bottom: -2rem; } - .left--2-m { left: -2rem; } - .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; } - .cl-m { clear: left; } - .cr-m { clear: right; } - .cb-m { clear: both; } - .cn-m { clear: none; } - .dn-m { display: none; } - .di-m { display: inline; } - .db-m { display: block; } - .dib-m { display: inline-block; } - .dit-m { display: inline-table; } - .dt-m { display: table; } - .dtc-m { display: table-cell; } - .dt-row-m { display: table-row; } - .dt-row-group-m { display: table-row-group; } - .dt-column-m { display: table-column; } - .dt-column-group-m { display: table-column-group; } - .dt--fixed-m { table-layout: fixed; width: 100%; } - .flex-m { display: -webkit-box; display: flex; } - .inline-flex-m { display: -webkit-inline-box; display: inline-flex; } - .flex-auto-m { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } - .flex-none-m { -webkit-box-flex: 0; flex: none; } - .flex-column-m { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } - .flex-row-m { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } - .flex-wrap-m { flex-wrap: wrap; } - .flex-nowrap-m { flex-wrap: nowrap; } - .flex-wrap-reverse-m { flex-wrap: wrap-reverse; } - .flex-column-reverse-m { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } - .flex-row-reverse-m { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } - .items-start-m { -webkit-box-align: start; align-items: flex-start; } - .items-end-m { -webkit-box-align: end; align-items: flex-end; } - .items-center-m { -webkit-box-align: center; align-items: center; } - .items-baseline-m { -webkit-box-align: baseline; align-items: baseline; } - .items-stretch-m { -webkit-box-align: stretch; align-items: stretch; } - .self-start-m { align-self: flex-start; } - .self-end-m { align-self: flex-end; } - .self-center-m { align-self: center; } - .self-baseline-m { align-self: baseline; } - .self-stretch-m { align-self: stretch; } - .justify-start-m { -webkit-box-pack: start; justify-content: flex-start; } - .justify-end-m { -webkit-box-pack: end; justify-content: flex-end; } - .justify-center-m { -webkit-box-pack: center; justify-content: center; } - .justify-between-m { -webkit-box-pack: justify; justify-content: space-between; } - .justify-around-m { justify-content: space-around; } - .content-start-m { align-content: flex-start; } - .content-end-m { align-content: flex-end; } - .content-center-m { align-content: center; } - .content-between-m { align-content: space-between; } - .content-around-m { align-content: space-around; } - .content-stretch-m { align-content: stretch; } - .order-0-m { -webkit-box-ordinal-group: 1; order: 0; } - .order-1-m { -webkit-box-ordinal-group: 2; order: 1; } - .order-2-m { -webkit-box-ordinal-group: 3; order: 2; } - .order-3-m { -webkit-box-ordinal-group: 4; order: 3; } - .order-4-m { -webkit-box-ordinal-group: 5; order: 4; } - .order-5-m { -webkit-box-ordinal-group: 6; order: 5; } - .order-6-m { -webkit-box-ordinal-group: 7; order: 6; } - .order-7-m { -webkit-box-ordinal-group: 8; order: 7; } - .order-8-m { -webkit-box-ordinal-group: 9; order: 8; } - .order-last-m { -webkit-box-ordinal-group: 100000; order: 99999; } - .flex-grow-0-m { -webkit-box-flex: 0; flex-grow: 0; } - .flex-grow-1-m { -webkit-box-flex: 1; flex-grow: 1; } - .flex-shrink-0-m { flex-shrink: 0; } - .flex-shrink-1-m { flex-shrink: 1; } - .fl-m { float: left; _display: inline; } - .fr-m { float: right; _display: inline; } - .fn-m { float: none; } - .i-m { font-style: italic; } - .fs-normal-m { font-style: normal; } - .normal-m { font-weight: normal; } - .b-m { font-weight: bold; } - .fw1-m { font-weight: 100; } - .fw2-m { font-weight: 200; } - .fw3-m { font-weight: 300; } - .fw4-m { font-weight: 400; } - .fw5-m { font-weight: 500; } - .fw6-m { font-weight: 600; } - .fw7-m { font-weight: 700; } - .fw8-m { font-weight: 800; } - .fw9-m { font-weight: 900; } - .h1-m { height: undefined; } - .h2-m { height: undefined; } - .h3-m { height: undefined; } - .h4-m { height: undefined; } - .h5-m { height: undefined; } - .h-25-m { height: 25%; } - .h-50-m { height: 50%; } - .h-75-m { height: 75%; } - .h-100-m { height: 100%; } - .min-h-100-m { min-height: 100%; } - .vh-25-m { height: 25vh; } - .vh-50-m { height: 50vh; } - .vh-75-m { height: 75vh; } - .vh-100-m { height: 100vh; } - .min-vh-100-m { min-height: 100vh; } - .h-auto-m { height: auto; } - .h-inherit-m { height: inherit; } - .tracked-m { letter-spacing: undefined; } - .tracked-tight-m { letter-spacing: undefined; } - .tracked-mega-m { letter-spacing: undefined; } - .lh-solid-m { line-height: undefined; } - .lh-title-m { line-height: undefined; } - .lh-copy-m { line-height: undefined; } - .mw-100-m { max-width: 100%; } - .mw1-m { max-width: undefined; } - .mw2-m { max-width: undefined; } - .mw3-m { max-width: undefined; } - .mw4-m { max-width: undefined; } - .mw5-m { max-width: undefined; } - .mw6-m { max-width: undefined; } - .mw7-m { max-width: undefined; } - .mw8-m { max-width: undefined; } - .mw9-m { max-width: undefined; } - .mw-none-m { max-width: none; } - .w1-m { width: undefined; } - .w2-m { width: undefined; } - .w3-m { width: undefined; } - .w4-m { width: undefined; } - .w5-m { width: undefined; } - .w-10-m { width: 10%; } - .w-20-m { width: 20%; } - .w-25-m { width: 25%; } - .w-30-m { width: 30%; } - .w-33-m { width: 33%; } - .w-34-m { width: 34%; } - .w-40-m { width: 40%; } - .w-50-m { width: 50%; } - .w-60-m { width: 60%; } - .w-70-m { width: 70%; } - .w-75-m { width: 75%; } - .w-80-m { width: 80%; } - .w-90-m { width: 90%; } - .w-100-m { width: 100%; } - .w-third-m { width: 33.33333%; } - .w-two-thirds-m { width: 66.66667%; } - .w-auto-m { width: auto; } - .overflow-visible-m { overflow: visible; } - .overflow-hidden-m { overflow: hidden; } - .overflow-scroll-m { overflow: scroll; } - .overflow-auto-m { overflow: auto; } - .overflow-x-visible-m { overflow-x: visible; } - .overflow-x-hidden-m { overflow-x: hidden; } - .overflow-x-scroll-m { overflow-x: scroll; } - .overflow-x-auto-m { overflow-x: auto; } - .overflow-y-visible-m { overflow-y: visible; } - .overflow-y-hidden-m { overflow-y: hidden; } - .overflow-y-scroll-m { overflow-y: scroll; } - .overflow-y-auto-m { overflow-y: auto; } - .static-m { position: static; } - .relative-m { position: relative; } - .absolute-m { position: absolute; } - .fixed-m { position: fixed; } - .rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } - .rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } - .rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } - .rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } - .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } - .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } - .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-m { padding: undefined; } - .pa1-m { padding: undefined; } - .pa2-m { padding: undefined; } - .pa3-m { padding: undefined; } - .pa4-m { padding: undefined; } - .pa5-m { padding: undefined; } - .pa6-m { padding: undefined; } - .pa7-m { padding: undefined; } - .pl0-m { padding-left: undefined; } - .pl1-m { padding-left: undefined; } - .pl2-m { padding-left: undefined; } - .pl3-m { padding-left: undefined; } - .pl4-m { padding-left: undefined; } - .pl5-m { padding-left: undefined; } - .pl6-m { padding-left: undefined; } - .pl7-m { padding-left: undefined; } - .pr0-m { padding-right: undefined; } - .pr1-m { padding-right: undefined; } - .pr2-m { padding-right: undefined; } - .pr3-m { padding-right: undefined; } - .pr4-m { padding-right: undefined; } - .pr5-m { padding-right: undefined; } - .pr6-m { padding-right: undefined; } - .pr7-m { padding-right: undefined; } - .pb0-m { padding-bottom: undefined; } - .pb1-m { padding-bottom: undefined; } - .pb2-m { padding-bottom: undefined; } - .pb3-m { padding-bottom: undefined; } - .pb4-m { padding-bottom: undefined; } - .pb5-m { padding-bottom: undefined; } - .pb6-m { padding-bottom: undefined; } - .pb7-m { padding-bottom: undefined; } - .pt0-m { padding-top: undefined; } - .pt1-m { padding-top: undefined; } - .pt2-m { padding-top: undefined; } - .pt3-m { padding-top: undefined; } - .pt4-m { padding-top: undefined; } - .pt5-m { padding-top: undefined; } - .pt6-m { padding-top: undefined; } - .pt7-m { padding-top: undefined; } - .pv0-m { padding-top: undefined; padding-bottom: undefined; } - .pv1-m { padding-top: undefined; padding-bottom: undefined; } - .pv2-m { padding-top: undefined; padding-bottom: undefined; } - .pv3-m { padding-top: undefined; padding-bottom: undefined; } - .pv4-m { padding-top: undefined; padding-bottom: undefined; } - .pv5-m { padding-top: undefined; padding-bottom: undefined; } - .pv6-m { padding-top: undefined; padding-bottom: undefined; } - .pv7-m { padding-top: undefined; padding-bottom: undefined; } - .ph0-m { padding-left: undefined; padding-right: undefined; } - .ph1-m { padding-left: undefined; padding-right: undefined; } - .ph2-m { padding-left: undefined; padding-right: undefined; } - .ph3-m { padding-left: undefined; padding-right: undefined; } - .ph4-m { padding-left: undefined; padding-right: undefined; } - .ph5-m { padding-left: undefined; padding-right: undefined; } - .ph6-m { padding-left: undefined; padding-right: undefined; } - .ph7-m { padding-left: undefined; padding-right: undefined; } - .ma0-m { margin: undefined; } - .ma1-m { margin: undefined; } - .ma2-m { margin: undefined; } - .ma3-m { margin: undefined; } - .ma4-m { margin: undefined; } - .ma5-m { margin: undefined; } - .ma6-m { margin: undefined; } - .ma7-m { margin: undefined; } - .ml0-m { margin-left: undefined; } - .ml1-m { margin-left: undefined; } - .ml2-m { margin-left: undefined; } - .ml3-m { margin-left: undefined; } - .ml4-m { margin-left: undefined; } - .ml5-m { margin-left: undefined; } - .ml6-m { margin-left: undefined; } - .ml7-m { margin-left: undefined; } - .mr0-m { margin-right: undefined; } - .mr1-m { margin-right: undefined; } - .mr2-m { margin-right: undefined; } - .mr3-m { margin-right: undefined; } - .mr4-m { margin-right: undefined; } - .mr5-m { margin-right: undefined; } - .mr6-m { margin-right: undefined; } - .mr7-m { margin-right: undefined; } - .mb0-m { margin-bottom: undefined; } - .mb1-m { margin-bottom: undefined; } - .mb2-m { margin-bottom: undefined; } - .mb3-m { margin-bottom: undefined; } - .mb4-m { margin-bottom: undefined; } - .mb5-m { margin-bottom: undefined; } - .mb6-m { margin-bottom: undefined; } - .mb7-m { margin-bottom: undefined; } - .mt0-m { margin-top: undefined; } - .mt1-m { margin-top: undefined; } - .mt2-m { margin-top: undefined; } - .mt3-m { margin-top: undefined; } - .mt4-m { margin-top: undefined; } - .mt5-m { margin-top: undefined; } - .mt6-m { margin-top: undefined; } - .mt7-m { margin-top: undefined; } - .mv0-m { margin-top: undefined; margin-bottom: undefined; } - .mv1-m { margin-top: undefined; margin-bottom: undefined; } - .mv2-m { margin-top: undefined; margin-bottom: undefined; } - .mv3-m { margin-top: undefined; margin-bottom: undefined; } - .mv4-m { margin-top: undefined; margin-bottom: undefined; } - .mv5-m { margin-top: undefined; margin-bottom: undefined; } - .mv6-m { margin-top: undefined; margin-bottom: undefined; } - .mv7-m { margin-top: undefined; margin-bottom: undefined; } - .mh0-m { margin-left: undefined; margin-right: undefined; } - .mh1-m { margin-left: undefined; margin-right: undefined; } - .mh2-m { margin-left: undefined; margin-right: undefined; } - .mh3-m { margin-left: undefined; margin-right: undefined; } - .mh4-m { margin-left: undefined; margin-right: undefined; } - .mh5-m { margin-left: undefined; margin-right: undefined; } - .mh6-m { margin-left: undefined; margin-right: undefined; } - .mh7-m { margin-left: undefined; margin-right: undefined; } - .na1-m { margin: undefined; } - .na2-m { margin: undefined; } - .na3-m { margin: undefined; } - .na4-m { margin: undefined; } - .na5-m { margin: undefined; } - .na6-m { margin: undefined; } - .na7-m { margin: undefined; } - .nl1-m { margin-left: undefined; } - .nl2-m { margin-left: undefined; } - .nl3-m { margin-left: undefined; } - .nl4-m { margin-left: undefined; } - .nl5-m { margin-left: undefined; } - .nl6-m { margin-left: undefined; } - .nl7-m { margin-left: undefined; } - .nr1-m { margin-right: undefined; } - .nr2-m { margin-right: undefined; } - .nr3-m { margin-right: undefined; } - .nr4-m { margin-right: undefined; } - .nr5-m { margin-right: undefined; } - .nr6-m { margin-right: undefined; } - .nr7-m { margin-right: undefined; } - .nb1-m { margin-bottom: undefined; } - .nb2-m { margin-bottom: undefined; } - .nb3-m { margin-bottom: undefined; } - .nb4-m { margin-bottom: undefined; } - .nb5-m { margin-bottom: undefined; } - .nb6-m { margin-bottom: undefined; } - .nb7-m { margin-bottom: undefined; } - .nt1-m { margin-top: undefined; } - .nt2-m { margin-top: undefined; } - .nt3-m { margin-top: undefined; } - .nt4-m { margin-top: undefined; } - .nt5-m { margin-top: undefined; } - .nt6-m { margin-top: undefined; } - .nt7-m { margin-top: undefined; } - .strike-m { text-decoration: line-through; } - .underline-m { text-decoration: underline; } - .no-underline-m { text-decoration: none; } - .tl-m { text-align: left; } - .tr-m { text-align: right; } - .tc-m { text-align: center; } - .tj-m { text-align: justify; } - .ttc-m { text-transform: capitalize; } - .ttl-m { text-transform: lowercase; } - .ttu-m { text-transform: uppercase; } - .ttn-m { text-transform: none; } - .f-6-m { font-size: undefined; } - .f-headline-m { font-size: undefined; } - .f-5-m { font-size: undefined; } - .f-subheadline-m { font-size: undefined; } - .f1-m { font-size: undefined; } - .f2-m { font-size: undefined; } - .f3-m { font-size: undefined; } - .f4-m { font-size: undefined; } - .f5-m { font-size: undefined; } - .f6-m { font-size: undefined; } - .f7-m { font-size: undefined; } - .measure-m { max-width: undefined; } - .measure-wide-m { max-width: undefined; } - .measure-narrow-m { max-width: undefined; } - .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; } - .small-caps-m { font-variant: small-caps; } - .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .center-m { margin-right: auto; margin-left: auto; } - .mr-auto-m { margin-right: auto; } - .ml-auto-m { margin-left: auto; } - .clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } - .ws-normal-m { white-space: normal; } - .nowrap-m { white-space: nowrap; } - .pre-m { white-space: pre; } - .v-base-m { vertical-align: baseline; } - .v-mid-m { vertical-align: middle; } - .v-top-m { vertical-align: top; } - .v-btm-m { vertical-align: bottom; } -} -@media screen and (min-width: 60em) { - .aspect-ratio-l { height: 0; position: relative; } - .aspect-ratio--16x9-l { padding-bottom: 56.25%; } - .aspect-ratio--9x16-l { padding-bottom: 177.77%; } - .aspect-ratio--4x3-l { padding-bottom: 75%; } - .aspect-ratio--3x4-l { padding-bottom: 133.33%; } - .aspect-ratio--6x4-l { padding-bottom: 66.6%; } - .aspect-ratio--4x6-l { padding-bottom: 150%; } - .aspect-ratio--8x5-l { padding-bottom: 62.5%; } - .aspect-ratio--5x8-l { padding-bottom: 160%; } - .aspect-ratio--7x5-l { padding-bottom: 71.42%; } - .aspect-ratio--5x7-l { padding-bottom: 140%; } - .aspect-ratio--1x1-l { padding-bottom: 100%; } - .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } - .cover-l { background-size: cover !important; } - .contain-l { background-size: contain !important; } - .bg-center-l { background-repeat: no-repeat; background-position: center center; } - .bg-top-l { background-repeat: no-repeat; background-position: top center; } - .bg-right-l { background-repeat: no-repeat; background-position: center right; } - .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; } - .bg-left-l { background-repeat: no-repeat; background-position: center left; } - .outline-l { outline: 1px solid; } - .outline-transparent-l { outline: 1px solid transparent; } - .outline-0-l { outline: 0; } - .ba-l { border-style: solid; border-width: 1px; } - .bt-l { border-top-style: solid; border-top-width: 1px; } - .br-l { border-right-style: solid; border-right-width: 1px; } - .bb-l { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-l { border-left-style: solid; border-left-width: 1px; } - .bn-l { border-style: none; border-width: 0; } - .br0-l { border-radius: undefined; } - .br1-l { border-radius: undefined; } - .br2-l { border-radius: undefined; } - .br3-l { border-radius: undefined; } - .br4-l { border-radius: undefined; } - .br-100-l { border-radius: undefined; } - .br-pill-l { border-radius: undefined; } - .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; } - .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .b--dotted-l { border-style: dotted; } - .b--dashed-l { border-style: dashed; } - .b--solid-l { border-style: solid; } - .b--none-l { border-style: none; } - .bw0-l { border-width: undefined; } - .bw1-l { border-width: undefined; } - .bw2-l { border-width: undefined; } - .bw3-l { border-width: undefined; } - .bw4-l { border-width: undefined; } - .bw5-l { border-width: undefined; } - .bt-0-l { border-top-width: undefined; } - .br-0-l { border-right-width: undefined; } - .bb-0-l { border-bottom-width: undefined; } - .bl-0-l { border-left-width: undefined; } - .shadow-1-l { box-shadow: undefined; } - .shadow-2-l { box-shadow: undefined; } - .shadow-3-l { box-shadow: undefined; } - .shadow-4-l { box-shadow: undefined; } - .shadow-5-l { box-shadow: undefined; } - .top-0-l { top: 0; } - .left-0-l { left: 0; } - .right-0-l { right: 0; } - .bottom-0-l { bottom: 0; } - .top-1-l { top: 1rem; } - .left-1-l { left: 1rem; } - .right-1-l { right: 1rem; } - .bottom-1-l { bottom: 1rem; } - .top-2-l { top: 2rem; } - .left-2-l { left: 2rem; } - .right-2-l { right: 2rem; } - .bottom-2-l { bottom: 2rem; } - .top--1-l { top: -1rem; } - .right--1-l { right: -1rem; } - .bottom--1-l { bottom: -1rem; } - .left--1-l { left: -1rem; } - .top--2-l { top: -2rem; } - .right--2-l { right: -2rem; } - .bottom--2-l { bottom: -2rem; } - .left--2-l { left: -2rem; } - .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; } - .cl-l { clear: left; } - .cr-l { clear: right; } - .cb-l { clear: both; } - .cn-l { clear: none; } - .dn-l { display: none; } - .di-l { display: inline; } - .db-l { display: block; } - .dib-l { display: inline-block; } - .dit-l { display: inline-table; } - .dt-l { display: table; } - .dtc-l { display: table-cell; } - .dt-row-l { display: table-row; } - .dt-row-group-l { display: table-row-group; } - .dt-column-l { display: table-column; } - .dt-column-group-l { display: table-column-group; } - .dt--fixed-l { table-layout: fixed; width: 100%; } - .flex-l { display: -webkit-box; display: flex; } - .inline-flex-l { display: -webkit-inline-box; display: inline-flex; } - .flex-auto-l { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } - .flex-none-l { -webkit-box-flex: 0; flex: none; } - .flex-column-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } - .flex-row-l { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } - .flex-wrap-l { flex-wrap: wrap; } - .flex-nowrap-l { flex-wrap: nowrap; } - .flex-wrap-reverse-l { flex-wrap: wrap-reverse; } - .flex-column-reverse-l { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } - .flex-row-reverse-l { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } - .items-start-l { -webkit-box-align: start; align-items: flex-start; } - .items-end-l { -webkit-box-align: end; align-items: flex-end; } - .items-center-l { -webkit-box-align: center; align-items: center; } - .items-baseline-l { -webkit-box-align: baseline; align-items: baseline; } - .items-stretch-l { -webkit-box-align: stretch; align-items: stretch; } - .self-start-l { align-self: flex-start; } - .self-end-l { align-self: flex-end; } - .self-center-l { align-self: center; } - .self-baseline-l { align-self: baseline; } - .self-stretch-l { align-self: stretch; } - .justify-start-l { -webkit-box-pack: start; justify-content: flex-start; } - .justify-end-l { -webkit-box-pack: end; justify-content: flex-end; } - .justify-center-l { -webkit-box-pack: center; justify-content: center; } - .justify-between-l { -webkit-box-pack: justify; justify-content: space-between; } - .justify-around-l { justify-content: space-around; } - .content-start-l { align-content: flex-start; } - .content-end-l { align-content: flex-end; } - .content-center-l { align-content: center; } - .content-between-l { align-content: space-between; } - .content-around-l { align-content: space-around; } - .content-stretch-l { align-content: stretch; } - .order-0-l { -webkit-box-ordinal-group: 1; order: 0; } - .order-1-l { -webkit-box-ordinal-group: 2; order: 1; } - .order-2-l { -webkit-box-ordinal-group: 3; order: 2; } - .order-3-l { -webkit-box-ordinal-group: 4; order: 3; } - .order-4-l { -webkit-box-ordinal-group: 5; order: 4; } - .order-5-l { -webkit-box-ordinal-group: 6; order: 5; } - .order-6-l { -webkit-box-ordinal-group: 7; order: 6; } - .order-7-l { -webkit-box-ordinal-group: 8; order: 7; } - .order-8-l { -webkit-box-ordinal-group: 9; order: 8; } - .order-last-l { -webkit-box-ordinal-group: 100000; order: 99999; } - .flex-grow-0-l { -webkit-box-flex: 0; flex-grow: 0; } - .flex-grow-1-l { -webkit-box-flex: 1; flex-grow: 1; } - .flex-shrink-0-l { flex-shrink: 0; } - .flex-shrink-1-l { flex-shrink: 1; } - .fl-l { float: left; _display: inline; } - .fr-l { float: right; _display: inline; } - .fn-l { float: none; } - .i-l { font-style: italic; } - .fs-normal-l { font-style: normal; } - .normal-l { font-weight: normal; } - .b-l { font-weight: bold; } - .fw1-l { font-weight: 100; } - .fw2-l { font-weight: 200; } - .fw3-l { font-weight: 300; } - .fw4-l { font-weight: 400; } - .fw5-l { font-weight: 500; } - .fw6-l { font-weight: 600; } - .fw7-l { font-weight: 700; } - .fw8-l { font-weight: 800; } - .fw9-l { font-weight: 900; } - .h1-l { height: undefined; } - .h2-l { height: undefined; } - .h3-l { height: undefined; } - .h4-l { height: undefined; } - .h5-l { height: undefined; } - .h-25-l { height: 25%; } - .h-50-l { height: 50%; } - .h-75-l { height: 75%; } - .h-100-l { height: 100%; } - .min-h-100-l { min-height: 100%; } - .vh-25-l { height: 25vh; } - .vh-50-l { height: 50vh; } - .vh-75-l { height: 75vh; } - .vh-100-l { height: 100vh; } - .min-vh-100-l { min-height: 100vh; } - .h-auto-l { height: auto; } - .h-inherit-l { height: inherit; } - .tracked-l { letter-spacing: undefined; } - .tracked-tight-l { letter-spacing: undefined; } - .tracked-mega-l { letter-spacing: undefined; } - .lh-solid-l { line-height: undefined; } - .lh-title-l { line-height: undefined; } - .lh-copy-l { line-height: undefined; } - .mw-100-l { max-width: 100%; } - .mw1-l { max-width: undefined; } - .mw2-l { max-width: undefined; } - .mw3-l { max-width: undefined; } - .mw4-l { max-width: undefined; } - .mw5-l { max-width: undefined; } - .mw6-l { max-width: undefined; } - .mw7-l { max-width: undefined; } - .mw8-l { max-width: undefined; } - .mw9-l { max-width: undefined; } - .mw-none-l { max-width: none; } - .w1-l { width: undefined; } - .w2-l { width: undefined; } - .w3-l { width: undefined; } - .w4-l { width: undefined; } - .w5-l { width: undefined; } - .w-10-l { width: 10%; } - .w-20-l { width: 20%; } - .w-25-l { width: 25%; } - .w-30-l { width: 30%; } - .w-33-l { width: 33%; } - .w-34-l { width: 34%; } - .w-40-l { width: 40%; } - .w-50-l { width: 50%; } - .w-60-l { width: 60%; } - .w-70-l { width: 70%; } - .w-75-l { width: 75%; } - .w-80-l { width: 80%; } - .w-90-l { width: 90%; } - .w-100-l { width: 100%; } - .w-third-l { width: 33.33333%; } - .w-two-thirds-l { width: 66.66667%; } - .w-auto-l { width: auto; } - .overflow-visible-l { overflow: visible; } - .overflow-hidden-l { overflow: hidden; } - .overflow-scroll-l { overflow: scroll; } - .overflow-auto-l { overflow: auto; } - .overflow-x-visible-l { overflow-x: visible; } - .overflow-x-hidden-l { overflow-x: hidden; } - .overflow-x-scroll-l { overflow-x: scroll; } - .overflow-x-auto-l { overflow-x: auto; } - .overflow-y-visible-l { overflow-y: visible; } - .overflow-y-hidden-l { overflow-y: hidden; } - .overflow-y-scroll-l { overflow-y: scroll; } - .overflow-y-auto-l { overflow-y: auto; } - .static-l { position: static; } - .relative-l { position: relative; } - .absolute-l { position: absolute; } - .fixed-l { position: fixed; } - .rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } - .rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } - .rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } - .rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } - .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } - .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } - .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .pa0-l { padding: undefined; } - .pa1-l { padding: undefined; } - .pa2-l { padding: undefined; } - .pa3-l { padding: undefined; } - .pa4-l { padding: undefined; } - .pa5-l { padding: undefined; } - .pa6-l { padding: undefined; } - .pa7-l { padding: undefined; } - .pl0-l { padding-left: undefined; } - .pl1-l { padding-left: undefined; } - .pl2-l { padding-left: undefined; } - .pl3-l { padding-left: undefined; } - .pl4-l { padding-left: undefined; } - .pl5-l { padding-left: undefined; } - .pl6-l { padding-left: undefined; } - .pl7-l { padding-left: undefined; } - .pr0-l { padding-right: undefined; } - .pr1-l { padding-right: undefined; } - .pr2-l { padding-right: undefined; } - .pr3-l { padding-right: undefined; } - .pr4-l { padding-right: undefined; } - .pr5-l { padding-right: undefined; } - .pr6-l { padding-right: undefined; } - .pr7-l { padding-right: undefined; } - .pb0-l { padding-bottom: undefined; } - .pb1-l { padding-bottom: undefined; } - .pb2-l { padding-bottom: undefined; } - .pb3-l { padding-bottom: undefined; } - .pb4-l { padding-bottom: undefined; } - .pb5-l { padding-bottom: undefined; } - .pb6-l { padding-bottom: undefined; } - .pb7-l { padding-bottom: undefined; } - .pt0-l { padding-top: undefined; } - .pt1-l { padding-top: undefined; } - .pt2-l { padding-top: undefined; } - .pt3-l { padding-top: undefined; } - .pt4-l { padding-top: undefined; } - .pt5-l { padding-top: undefined; } - .pt6-l { padding-top: undefined; } - .pt7-l { padding-top: undefined; } - .pv0-l { padding-top: undefined; padding-bottom: undefined; } - .pv1-l { padding-top: undefined; padding-bottom: undefined; } - .pv2-l { padding-top: undefined; padding-bottom: undefined; } - .pv3-l { padding-top: undefined; padding-bottom: undefined; } - .pv4-l { padding-top: undefined; padding-bottom: undefined; } - .pv5-l { padding-top: undefined; padding-bottom: undefined; } - .pv6-l { padding-top: undefined; padding-bottom: undefined; } - .pv7-l { padding-top: undefined; padding-bottom: undefined; } - .ph0-l { padding-left: undefined; padding-right: undefined; } - .ph1-l { padding-left: undefined; padding-right: undefined; } - .ph2-l { padding-left: undefined; padding-right: undefined; } - .ph3-l { padding-left: undefined; padding-right: undefined; } - .ph4-l { padding-left: undefined; padding-right: undefined; } - .ph5-l { padding-left: undefined; padding-right: undefined; } - .ph6-l { padding-left: undefined; padding-right: undefined; } - .ph7-l { padding-left: undefined; padding-right: undefined; } - .ma0-l { margin: undefined; } - .ma1-l { margin: undefined; } - .ma2-l { margin: undefined; } - .ma3-l { margin: undefined; } - .ma4-l { margin: undefined; } - .ma5-l { margin: undefined; } - .ma6-l { margin: undefined; } - .ma7-l { margin: undefined; } - .ml0-l { margin-left: undefined; } - .ml1-l { margin-left: undefined; } - .ml2-l { margin-left: undefined; } - .ml3-l { margin-left: undefined; } - .ml4-l { margin-left: undefined; } - .ml5-l { margin-left: undefined; } - .ml6-l { margin-left: undefined; } - .ml7-l { margin-left: undefined; } - .mr0-l { margin-right: undefined; } - .mr1-l { margin-right: undefined; } - .mr2-l { margin-right: undefined; } - .mr3-l { margin-right: undefined; } - .mr4-l { margin-right: undefined; } - .mr5-l { margin-right: undefined; } - .mr6-l { margin-right: undefined; } - .mr7-l { margin-right: undefined; } - .mb0-l { margin-bottom: undefined; } - .mb1-l { margin-bottom: undefined; } - .mb2-l { margin-bottom: undefined; } - .mb3-l { margin-bottom: undefined; } - .mb4-l { margin-bottom: undefined; } - .mb5-l { margin-bottom: undefined; } - .mb6-l { margin-bottom: undefined; } - .mb7-l { margin-bottom: undefined; } - .mt0-l { margin-top: undefined; } - .mt1-l { margin-top: undefined; } - .mt2-l { margin-top: undefined; } - .mt3-l { margin-top: undefined; } - .mt4-l { margin-top: undefined; } - .mt5-l { margin-top: undefined; } - .mt6-l { margin-top: undefined; } - .mt7-l { margin-top: undefined; } - .mv0-l { margin-top: undefined; margin-bottom: undefined; } - .mv1-l { margin-top: undefined; margin-bottom: undefined; } - .mv2-l { margin-top: undefined; margin-bottom: undefined; } - .mv3-l { margin-top: undefined; margin-bottom: undefined; } - .mv4-l { margin-top: undefined; margin-bottom: undefined; } - .mv5-l { margin-top: undefined; margin-bottom: undefined; } - .mv6-l { margin-top: undefined; margin-bottom: undefined; } - .mv7-l { margin-top: undefined; margin-bottom: undefined; } - .mh0-l { margin-left: undefined; margin-right: undefined; } - .mh1-l { margin-left: undefined; margin-right: undefined; } - .mh2-l { margin-left: undefined; margin-right: undefined; } - .mh3-l { margin-left: undefined; margin-right: undefined; } - .mh4-l { margin-left: undefined; margin-right: undefined; } - .mh5-l { margin-left: undefined; margin-right: undefined; } - .mh6-l { margin-left: undefined; margin-right: undefined; } - .mh7-l { margin-left: undefined; margin-right: undefined; } - .na1-l { margin: undefined; } - .na2-l { margin: undefined; } - .na3-l { margin: undefined; } - .na4-l { margin: undefined; } - .na5-l { margin: undefined; } - .na6-l { margin: undefined; } - .na7-l { margin: undefined; } - .nl1-l { margin-left: undefined; } - .nl2-l { margin-left: undefined; } - .nl3-l { margin-left: undefined; } - .nl4-l { margin-left: undefined; } - .nl5-l { margin-left: undefined; } - .nl6-l { margin-left: undefined; } - .nl7-l { margin-left: undefined; } - .nr1-l { margin-right: undefined; } - .nr2-l { margin-right: undefined; } - .nr3-l { margin-right: undefined; } - .nr4-l { margin-right: undefined; } - .nr5-l { margin-right: undefined; } - .nr6-l { margin-right: undefined; } - .nr7-l { margin-right: undefined; } - .nb1-l { margin-bottom: undefined; } - .nb2-l { margin-bottom: undefined; } - .nb3-l { margin-bottom: undefined; } - .nb4-l { margin-bottom: undefined; } - .nb5-l { margin-bottom: undefined; } - .nb6-l { margin-bottom: undefined; } - .nb7-l { margin-bottom: undefined; } - .nt1-l { margin-top: undefined; } - .nt2-l { margin-top: undefined; } - .nt3-l { margin-top: undefined; } - .nt4-l { margin-top: undefined; } - .nt5-l { margin-top: undefined; } - .nt6-l { margin-top: undefined; } - .nt7-l { margin-top: undefined; } - .strike-l { text-decoration: line-through; } - .underline-l { text-decoration: underline; } - .no-underline-l { text-decoration: none; } - .tl-l { text-align: left; } - .tr-l { text-align: right; } - .tc-l { text-align: center; } - .tj-l { text-align: justify; } - .ttc-l { text-transform: capitalize; } - .ttl-l { text-transform: lowercase; } - .ttu-l { text-transform: uppercase; } - .ttn-l { text-transform: none; } - .f-6-l { font-size: undefined; } - .f-headline-l { font-size: undefined; } - .f-5-l { font-size: undefined; } - .f-subheadline-l { font-size: undefined; } - .f1-l { font-size: undefined; } - .f2-l { font-size: undefined; } - .f3-l { font-size: undefined; } - .f4-l { font-size: undefined; } - .f5-l { font-size: undefined; } - .f6-l { font-size: undefined; } - .f7-l { font-size: undefined; } - .measure-l { max-width: undefined; } - .measure-wide-l { max-width: undefined; } - .measure-narrow-l { max-width: undefined; } - .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; } - .small-caps-l { font-variant: small-caps; } - .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .center-l { margin-right: auto; margin-left: auto; } - .mr-auto-l { margin-right: auto; } - .ml-auto-l { margin-left: auto; } - .clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } - .ws-normal-l { white-space: normal; } - .nowrap-l { white-space: nowrap; } - .pre-l { white-space: pre; } - .v-base-l { vertical-align: baseline; } - .v-mid-l { vertical-align: middle; } - .v-top-l { vertical-align: top; } - .v-btm-l { vertical-align: bottom; } -} +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}/* 1 */ [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/* 1 */ menu,details{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.border-box,a,article,body,code,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],legend,li,main,ol,p,pre,section,table,td,textarea,th,tr,ul{box-sizing:border-box}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}img{max-width:100%}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline: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}.bn{border-style:none;border-width:0}.b--black{border-color:var(--black)}.b--near-black{border-color:var(--near-black)}.b--dark-gray{border-color:var(--dark-gray)}.b--mid-gray{border-color:var(--mid-gray)}.b--gray{border-color:var(--gray)}.b--silver{border-color:var(--silver)}.b--light-silver{border-color:var(--light-silver)}.b--moon-gray{border-color:var(--moon-gray)}.b--light-gray{border-color:var(--light-gray)}.b--near-white{border-color:var(--near-white)}.b--white{border-color:var(--white)}.b--white-90{border-color:var(--white-90)}.b--white-80{border-color:var(--white-80)}.b--white-70{border-color:var(--white-70)}.b--white-60{border-color:var(--white-60)}.b--white-50{border-color:var(--white-50)}.b--white-40{border-color:var(--white-40)}.b--white-30{border-color:var(--white-30)}.b--white-20{border-color:var(--white-20)}.b--white-10{border-color:var(--white-10)}.b--white-05{border-color:var(--white-05)}.b--white-025{border-color:var(--white-025)}.b--white-0125{border-color:var(--white-0125)}.b--black-90{border-color:var(--black-90)}.b--black-80{border-color:var(--black-80)}.b--black-70{border-color:var(--black-70)}.b--black-60{border-color:var(--black-60)}.b--black-50{border-color:var(--black-50)}.b--black-40{border-color:var(--black-40)}.b--black-30{border-color:var(--black-30)}.b--black-20{border-color:var(--black-20)}.b--black-10{border-color:var(--black-10)}.b--black-05{border-color:var(--black-05)}.b--black-025{border-color:var(--black-025)}.b--black-0125{border-color:var(--black-0125)}.b--red-0{border-color:var(--red-000)}.b--red-1{border-color:var(--red-100)}.b--red-2{border-color:var(--red-200)}.b--red-3{border-color:var(--red-300)}.b--red-4{border-color:var(--red-400)}.b--red-5{border-color:var(--red-500)}.b--red-6{border-color:var(--red-600)}.b--red-7{border-color:var(--red-700)}.b--red-8{border-color:var(--red-800)}.b--red-9{border-color:var(--red-900)}.b--gold-0{border-color:var(--gold-000)}.b--gold-1{border-color:var(--gold-100)}.b--gold-2{border-color:var(--gold-200)}.b--gold-3{border-color:var(--gold-300)}.b--gold-4{border-color:var(--gold-400)}.b--gold-5{border-color:var(--gold-500)}.b--gold-6{border-color:var(--gold-600)}.b--gold-7{border-color:var(--gold-700)}.b--gold-8{border-color:var(--gold-800)}.b--gold-9{border-color:var(--gold-900)}.b--green-0{border-color:var(--green-000)}.b--green-1{border-color:var(--green-100)}.b--green-2{border-color:var(--green-200)}.b--green-3{border-color:var(--green-300)}.b--green-4{border-color:var(--green-400)}.b--green-5{border-color:var(--green-500)}.b--green-6{border-color:var(--green-600)}.b--green-7{border-color:var(--green-700)}.b--green-8{border-color:var(--green-800)}.b--green-9{border-color:var(--green-900)}.b--teal-0{border-color:var(--teal-000)}.b--teal-1{border-color:var(--teal-100)}.b--teal-2{border-color:var(--teal-200)}.b--teal-3{border-color:var(--teal-300)}.b--teal-4{border-color:var(--teal-400)}.b--teal-5{border-color:var(--teal-500)}.b--teal-6{border-color:var(--teal-600)}.b--teal-7{border-color:var(--teal-700)}.b--teal-8{border-color:var(--teal-800)}.b--teal-9{border-color:var(--teal-900)}.b--blue-0{border-color:var(--blue-000)}.b--blue-1{border-color:var(--blue-100)}.b--blue-2{border-color:var(--blue-200)}.b--blue-3{border-color:var(--blue-300)}.b--blue-4{border-color:var(--blue-400)}.b--blue-5{border-color:var(--blue-500)}.b--blue-6{border-color:var(--blue-600)}.b--blue-7{border-color:var(--blue-700)}.b--blue-8{border-color:var(--blue-800)}.b--blue-9{border-color:var(--blue-900)}.b--indigo-0{border-color:var(--indigo-000)}.b--indigo-1{border-color:var(--indigo-100)}.b--indigo-2{border-color:var(--indigo-200)}.b--indigo-3{border-color:var(--indigo-300)}.b--indigo-4{border-color:var(--indigo-400)}.b--indigo-5{border-color:var(--indigo-500)}.b--indigo-6{border-color:var(--indigo-600)}.b--indigo-7{border-color:var(--indigo-700)}.b--indigo-8{border-color:var(--indigo-800)}.b--indigo-9{border-color:var(--indigo-900)}.b--violet-0{border-color:var(--violet-000)}.b--violet-1{border-color:var(--violet-100)}.b--violet-2{border-color:var(--violet-200)}.b--violet-3{border-color:var(--violet-300)}.b--violet-4{border-color:var(--violet-400)}.b--violet-5{border-color:var(--violet-500)}.b--violet-6{border-color:var(--violet-600)}.b--violet-7{border-color:var(--violet-700)}.b--violet-8{border-color:var(--violet-800)}.b--violet-9{border-color:var(--violet-900)}.b--gray-0{border-color:var(--gray-000)}.b--gray-1{border-color:var(--gray-100)}.b--gray-2{border-color:var(--gray-200)}.b--gray-3{border-color:var(--gray-300)}.b--gray-4{border-color:var(--gray-400)}.b--gray-5{border-color:var(--gray-500)}.b--gray-6{border-color:var(--gray-600)}.b--gray-7{border-color:var(--gray-700)}.b--gray-8{border-color:var(--gray-800)}.b--gray-9{border-color:var(--gray-900)}.b--transparent{border-color:var(--transparent)}.b--inherit{border-color:inherit}.br0{border-radius:var(--border-radius-none)}.br1{border-radius:var(--border-radius-1)}.br2{border-radius:var(--border-radius-2)}.br3{border-radius:var(--border-radius-3)}.br4{border-radius:var(--border-radius-4)}.br-100{border-radius:var(--border-radius-circle)}.br-pill{border-radius:var(--border-radius-pill)}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:var(--border-width-none)}.bw1{border-width:var(--border-width-1)}.bw2{border-width:var(--border-width-2)}.bw3{border-width:var(--border-width-3)}.bw4{border-width:var(--border-width-4)}.bw5{border-width:var(--border-width-5)}.bt-0{border-top-width:var(--border-width-none)}.br-0{border-right-width:var(--border-width-none)}.bb-0{border-bottom-width:var(--border-width-none)}.bl-0{border-left-width:var(--border-width-none)}.shadow-1{box-shadow:var(--box-shadow-1)}.shadow-2{box-shadow:var(--box-shadow-2)}.shadow-3{box-shadow:var(--box-shadow-3)}.shadow-4{box-shadow:var(--box-shadow-4)}.shadow-5{box-shadow:var(--box-shadow-5)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:-webkit-box;display:flex}.inline-flex{display:-webkit-inline-box;display:inline-flex}.flex-auto{-webkit-box-flex:1;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-webkit-box-flex:0;flex:none}.flex-column{-webkit-box-orient:vertical;flex-direction:column}.flex-column,.flex-row{-webkit-box-direction:normal}.flex-row{-webkit-box-orient:horizontal;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.items-start{-webkit-box-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;align-items:center}.items-baseline{-webkit-box-align:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{-webkit-box-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{-webkit-box-ordinal-group:1;order:0}.order-1{-webkit-box-ordinal-group:2;order:1}.order-2{-webkit-box-ordinal-group:3;order:2}.order-3{-webkit-box-ordinal-group:4;order:3}.order-4{-webkit-box-ordinal-group:5;order:4}.order-5{-webkit-box-ordinal-group:6;order:5}.order-6{-webkit-box-ordinal-group:7;order:6}.order-7{-webkit-box-ordinal-group:8;order:7}.order-8{-webkit-box-ordinal-group:9;order:8}.order-last{-webkit-box-ordinal-group:100000;order:99999}.flex-grow-0{-webkit-box-flex:0;flex-grow:0}.flex-grow-1{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.fl{float:left}.fl,.fr{_display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:var(--sans-serif)}.serif{font-family:var(--serif)}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.avenir{font-family:avenir next,avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:var(--height-1)}.h2{height:var(--height-2)}.h3{height:var(--height-3)}.h4{height:var(--height-4)}.h5{height:var(--height-5)}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:var(--letter-spacing-1)}.tracked-tight{letter-spacing:var(--letter-spacing-tight)}.tracked-mega{letter-spacing:var(--letter-spacing-2)}.lh-solid{line-height:var(--line-height-solid)}.lh-title{line-height:var(--line-height-title)}.lh-copy{line-height:var(--line-height-copy)}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:var(--max-width-1)}.mw2{max-width:var(--max-width-2)}.mw3{max-width:var(--max-width-3)}.mw4{max-width:var(--max-width-4)}.mw5{max-width:var(--max-width-5)}.mw6{max-width:var(--max-width-6)}.mw7{max-width:var(--max-width-7)}.mw8{max-width:var(--max-width-8)}.mw9{max-width:var(--max-width-9)}.mw-none{max-width:none}.w1{width:var(--width-1)}.w2{width:var(--width-2)}.w3{width:var(--width-3)}.w4{width:var(--width-4)}.w5{width:var(--width-5)}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.black-90{color:var(--black-90)}.black-80{color:var(--black-80)}.black-70{color:var(--black-70)}.black-60{color:var(--black-60)}.black-50{color:var(--black-50)}.black-40{color:var(--black-40)}.black-30{color:var(--black-30)}.black-20{color:var(--black-20)}.black-10{color:var(--black-10)}.black-05{color:var(--black-05)}.white-90{color:var(--white-90)}.white-80{color:var(--white-80)}.white-70{color:var(--white-70)}.white-60{color:var(--white-60)}.white-50{color:var(--white-50)}.white-40{color:var(--white-40)}.white-30{color:var(--white-30)}.white-20{color:var(--white-20)}.white-10{color:var(--white-10)}.black{color:#000}.white{color:#fff}.color-inherit{color:inherit}.red-0{color:var(--red-000)}.red-1{color:var(--red-100)}.red-2{color:var(--red-200)}.red-3{color:var(--red-300)}.red-4{color:var(--red-400)}.red-5{color:var(--red-500)}.red-6{color:var(--red-600)}.red-7{color:var(--red-700)}.red-8{color:var(--red-800)}.red-9{color:var(--red-900)}.gold-0{color:var(--gold-000)}.gold-1{color:var(--gold-100)}.gold-2{color:var(--gold-200)}.gold-3{color:var(--gold-300)}.gold-4{color:var(--gold-400)}.gold-5{color:var(--gold-500)}.gold-6{color:var(--gold-600)}.gold-7{color:var(--gold-700)}.gold-8{color:var(--gold-800)}.gold-9{color:var(--gold-900)}.green-0{color:var(--green-000)}.green-1{color:var(--green-100)}.green-2{color:var(--green-200)}.green-3{color:var(--green-300)}.green-4{color:var(--green-400)}.green-5{color:var(--green-500)}.green-6{color:var(--green-600)}.green-7{color:var(--green-700)}.green-8{color:var(--green-800)}.green-9{color:var(--green-900)}.teal-0{color:var(--teal-000)}.teal-1{color:var(--teal-100)}.teal-2{color:var(--teal-200)}.teal-3{color:var(--teal-300)}.teal-4{color:var(--teal-400)}.teal-5{color:var(--teal-500)}.teal-6{color:var(--teal-600)}.teal-7{color:var(--teal-700)}.teal-8{color:var(--teal-800)}.teal-9{color:var(--teal-900)}.blue-0{color:var(--blue-000)}.blue-1{color:var(--blue-100)}.blue-2{color:var(--blue-200)}.blue-3{color:var(--blue-300)}.blue-4{color:var(--blue-400)}.blue-5{color:var(--blue-500)}.blue-6{color:var(--blue-600)}.blue-7{color:var(--blue-700)}.blue-8{color:var(--blue-800)}.blue-9{color:var(--blue-900)}.indigo-0{color:var(--indigo-000)}.indigo-1{color:var(--indigo-100)}.indigo-2{color:var(--indigo-200)}.indigo-3{color:var(--indigo-300)}.indigo-4{color:var(--indigo-400)}.indigo-5{color:var(--indigo-500)}.indigo-6{color:var(--indigo-600)}.indigo-7{color:var(--indigo-700)}.indigo-8{color:var(--indigo-800)}.indigo-9{color:var(--indigo-900)}.violet-0{color:var(--violet-000)}.violet-1{color:var(--violet-100)}.violet-2{color:var(--violet-200)}.violet-3{color:var(--violet-300)}.violet-4{color:var(--violet-400)}.violet-5{color:var(--violet-500)}.violet-6{color:var(--violet-600)}.violet-7{color:var(--violet-700)}.violet-8{color:var(--violet-800)}.violet-9{color:var(--violet-900)}.gray-0{color:var(--gray-000)}.gray-1{color:var(--gray-100)}.gray-2{color:var(--gray-200)}.gray-3{color:var(--gray-300)}.gray-4{color:var(--gray-400)}.gray-5{color:var(--gray-500)}.gray-6{color:var(--gray-600)}.gray-7{color:var(--gray-700)}.gray-8{color:var(--gray-800)}.gray-9{color:var(--gray-900)}.bg-black-90{background-color:var(--black-90)}.bg-black-80{background-color:var(--black-80)}.bg-black-70{background-color:var(--black-70)}.bg-black-60{background-color:var(--black-60)}.bg-black-50{background-color:var(--black-50)}.bg-black-40{background-color:var(--black-40)}.bg-black-30{background-color:var(--black-30)}.bg-black-20{background-color:var(--black-20)}.bg-black-10{background-color:var(--black-10)}.bg-black-05{background-color:var(--black-05)}.bg-white-90{background-color:var(--white-90)}.bg-white-80{background-color:var(--white-80)}.bg-white-70{background-color:var(--white-70)}.bg-white-60{background-color:var(--white-60)}.bg-white-50{background-color:var(--white-50)}.bg-white-40{background-color:var(--white-40)}.bg-white-30{background-color:var(--white-30)}.bg-white-20{background-color:var(--white-20)}.bg-white-10{background-color:var(--white-10)}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-inherit{background-color:inherit}.bg-red-0{background-color:var(--red-000)}.bg-red-1{background-color:var(--red-100)}.bg-red-2{background-color:var(--red-200)}.bg-red-3{background-color:var(--red-300)}.bg-red-4{background-color:var(--red-400)}.bg-red-5{background-color:var(--red-500)}.bg-red-6{background-color:var(--red-600)}.bg-red-7{background-color:var(--red-700)}.bg-red-8{background-color:var(--red-800)}.bg-red-9{background-color:var(--red-900)}.bg-gold-0{background-color:var(--gold-000)}.bg-gold-1{background-color:var(--gold-100)}.bg-gold-2{background-color:var(--gold-200)}.bg-gold-3{background-color:var(--gold-300)}.bg-gold-4{background-color:var(--gold-400)}.bg-gold-5{background-color:var(--gold-500)}.bg-gold-6{background-color:var(--gold-600)}.bg-gold-7{background-color:var(--gold-700)}.bg-gold-8{background-color:var(--gold-800)}.bg-gold-9{background-color:var(--gold-900)}.bg-green-0{background-color:var(--green-000)}.bg-green-1{background-color:var(--green-100)}.bg-green-2{background-color:var(--green-200)}.bg-green-3{background-color:var(--green-300)}.bg-green-4{background-color:var(--green-400)}.bg-green-5{background-color:var(--green-500)}.bg-green-6{background-color:var(--green-600)}.bg-green-7{background-color:var(--green-700)}.bg-green-8{background-color:var(--green-800)}.bg-green-9{background-color:var(--green-900)}.bg-teal-0{background-color:var(--teal-000)}.bg-teal-1{background-color:var(--teal-100)}.bg-teal-2{background-color:var(--teal-200)}.bg-teal-3{background-color:var(--teal-300)}.bg-teal-4{background-color:var(--teal-400)}.bg-teal-5{background-color:var(--teal-500)}.bg-teal-6{background-color:var(--teal-600)}.bg-teal-7{background-color:var(--teal-700)}.bg-teal-8{background-color:var(--teal-800)}.bg-teal-9{background-color:var(--teal-900)}.bg-blue-0{background-color:var(--blue-000)}.bg-blue-1{background-color:var(--blue-100)}.bg-blue-2{background-color:var(--blue-200)}.bg-blue-3{background-color:var(--blue-300)}.bg-blue-4{background-color:var(--blue-400)}.bg-blue-5{background-color:var(--blue-500)}.bg-blue-6{background-color:var(--blue-600)}.bg-blue-7{background-color:var(--blue-700)}.bg-blue-8{background-color:var(--blue-800)}.bg-blue-9{background-color:var(--blue-900)}.bg-indigo-0{background-color:var(--indigo-000)}.bg-indigo-1{background-color:var(--indigo-100)}.bg-indigo-2{background-color:var(--indigo-200)}.bg-indigo-3{background-color:var(--indigo-300)}.bg-indigo-4{background-color:var(--indigo-400)}.bg-indigo-5{background-color:var(--indigo-500)}.bg-indigo-6{background-color:var(--indigo-600)}.bg-indigo-7{background-color:var(--indigo-700)}.bg-indigo-8{background-color:var(--indigo-800)}.bg-indigo-9{background-color:var(--indigo-900)}.bg-violet-0{background-color:var(--violet-000)}.bg-violet-1{background-color:var(--violet-100)}.bg-violet-2{background-color:var(--violet-200)}.bg-violet-3{background-color:var(--violet-300)}.bg-violet-4{background-color:var(--violet-400)}.bg-violet-5{background-color:var(--violet-500)}.bg-violet-6{background-color:var(--violet-600)}.bg-violet-7{background-color:var(--violet-700)}.bg-violet-8{background-color:var(--violet-800)}.bg-violet-9{background-color:var(--violet-900)}.bg-gray-0{background-color:var(--gray-000)}.bg-gray-1{background-color:var(--gray-100)}.bg-gray-2{background-color:var(--gray-200)}.bg-gray-3{background-color:var(--gray-300)}.bg-gray-4{background-color:var(--gray-400)}.bg-gray-5{background-color:var(--gray-500)}.bg-gray-6{background-color:var(--gray-600)}.bg-gray-7{background-color:var(--gray-700)}.bg-gray-8{background-color:var(--gray-800)}.bg-gray-9{background-color:var(--gray-900)}.hover-black-90:hover{color:var(--black-90)}.hover-black-80:hover{color:var(--black-80)}.hover-black-70:hover{color:var(--black-70)}.hover-black-60:hover{color:var(--black-60)}.hover-black-50:hover{color:var(--black-50)}.hover-black-40:hover{color:var(--black-40)}.hover-black-30:hover{color:var(--black-30)}.hover-black-20:hover{color:var(--black-20)}.hover-black-10:hover{color:var(--black-10)}.hover-black-05:hover{color:var(--black-05)}.hover-white-90:hover{color:var(--white-90)}.hover-white-80:hover{color:var(--white-80)}.hover-white-70:hover{color:var(--white-70)}.hover-white-60:hover{color:var(--white-60)}.hover-white-50:hover{color:var(--white-50)}.hover-white-40:hover{color:var(--white-40)}.hover-white-30:hover{color:var(--white-30)}.hover-white-20:hover{color:var(--white-20)}.hover-white-10:hover{color:var(--white-10)}.hover-black:hover{color:#000}.hover-white:hover{color:#fff}.hover-color-inherit:hover{color:inherit}.hover-red-0:hover{color:var(--red-000)}.hover-red-1:hover{color:var(--red-100)}.hover-red-2:hover{color:var(--red-200)}.hover-red-3:hover{color:var(--red-300)}.hover-red-4:hover{color:var(--red-400)}.hover-red-5:hover{color:var(--red-500)}.hover-red-6:hover{color:var(--red-600)}.hover-red-7:hover{color:var(--red-700)}.hover-red-8:hover{color:var(--red-800)}.hover-red-9:hover{color:var(--red-900)}.hover-gold-0:hover{color:var(--gold-000)}.hover-gold-1:hover{color:var(--gold-100)}.hover-gold-2:hover{color:var(--gold-200)}.hover-gold-3:hover{color:var(--gold-300)}.hover-gold-4:hover{color:var(--gold-400)}.hover-gold-5:hover{color:var(--gold-500)}.hover-gold-6:hover{color:var(--gold-600)}.hover-gold-7:hover{color:var(--gold-700)}.hover-gold-8:hover{color:var(--gold-800)}.hover-gold-9:hover{color:var(--gold-900)}.hover-green-0:hover{color:var(--green-000)}.hover-green-1:hover{color:var(--green-100)}.hover-green-2:hover{color:var(--green-200)}.hover-green-3:hover{color:var(--green-300)}.hover-green-4:hover{color:var(--green-400)}.hover-green-5:hover{color:var(--green-500)}.hover-green-6:hover{color:var(--green-600)}.hover-green-7:hover{color:var(--green-700)}.hover-green-8:hover{color:var(--green-800)}.hover-green-9:hover{color:var(--green-900)}.hover-teal-0:hover{color:var(--teal-000)}.hover-teal-1:hover{color:var(--teal-100)}.hover-teal-2:hover{color:var(--teal-200)}.hover-teal-3:hover{color:var(--teal-300)}.hover-teal-4:hover{color:var(--teal-400)}.hover-teal-5:hover{color:var(--teal-500)}.hover-teal-6:hover{color:var(--teal-600)}.hover-teal-7:hover{color:var(--teal-700)}.hover-teal-8:hover{color:var(--teal-800)}.hover-teal-9:hover{color:var(--teal-900)}.hover-blue-0:hover{color:var(--blue-000)}.hover-blue-1:hover{color:var(--blue-100)}.hover-blue-2:hover{color:var(--blue-200)}.hover-blue-3:hover{color:var(--blue-300)}.hover-blue-4:hover{color:var(--blue-400)}.hover-blue-5:hover{color:var(--blue-500)}.hover-blue-6:hover{color:var(--blue-600)}.hover-blue-7:hover{color:var(--blue-700)}.hover-blue-8:hover{color:var(--blue-800)}.hover-blue-9:hover{color:var(--blue-900)}.hover-indigo-0:hover{color:var(--indigo-000)}.hover-indigo-1:hover{color:var(--indigo-100)}.hover-indigo-2:hover{color:var(--indigo-200)}.hover-indigo-3:hover{color:var(--indigo-300)}.hover-indigo-4:hover{color:var(--indigo-400)}.hover-indigo-5:hover{color:var(--indigo-500)}.hover-indigo-6:hover{color:var(--indigo-600)}.hover-indigo-7:hover{color:var(--indigo-700)}.hover-indigo-8:hover{color:var(--indigo-800)}.hover-indigo-9:hover{color:var(--indigo-900)}.hover-violet-0:hover{color:var(--violet-000)}.hover-violet-1:hover{color:var(--violet-100)}.hover-violet-2:hover{color:var(--violet-200)}.hover-violet-3:hover{color:var(--violet-300)}.hover-violet-4:hover{color:var(--violet-400)}.hover-violet-5:hover{color:var(--violet-500)}.hover-violet-6:hover{color:var(--violet-600)}.hover-violet-7:hover{color:var(--violet-700)}.hover-violet-8:hover{color:var(--violet-800)}.hover-violet-9:hover{color:var(--violet-900)}.hover-gray-0:hover{color:var(--gray-000)}.hover-gray-1:hover{color:var(--gray-100)}.hover-gray-2:hover{color:var(--gray-200)}.hover-gray-3:hover{color:var(--gray-300)}.hover-gray-4:hover{color:var(--gray-400)}.hover-gray-5:hover{color:var(--gray-500)}.hover-gray-6:hover{color:var(--gray-600)}.hover-gray-7:hover{color:var(--gray-700)}.hover-gray-8:hover{color:var(--gray-800)}.hover-gray-9:hover{color:var(--gray-900)}.hover-bg-black-90:hover{background-color:var(--black-90)}.hover-bg-black-80:hover{background-color:var(--black-80)}.hover-bg-black-70:hover{background-color:var(--black-70)}.hover-bg-black-60:hover{background-color:var(--black-60)}.hover-bg-black-50:hover{background-color:var(--black-50)}.hover-bg-black-40:hover{background-color:var(--black-40)}.hover-bg-black-30:hover{background-color:var(--black-30)}.hover-bg-black-20:hover{background-color:var(--black-20)}.hover-bg-black-10:hover{background-color:var(--black-10)}.hover-bg-black-05:hover{background-color:var(--black-05)}.hover-bg-white-90:hover{background-color:var(--white-90)}.hover-bg-white-80:hover{background-color:var(--white-80)}.hover-bg-white-70:hover{background-color:var(--white-70)}.hover-bg-white-60:hover{background-color:var(--white-60)}.hover-bg-white-50:hover{background-color:var(--white-50)}.hover-bg-white-40:hover{background-color:var(--white-40)}.hover-bg-white-30:hover{background-color:var(--white-30)}.hover-bg-white-20:hover{background-color:var(--white-20)}.hover-bg-white-10:hover{background-color:var(--white-10)}.hover-bg-black:hover{background-color:#000}.hover-bg-white:hover{background-color:#fff}.hover-bg-transparent:hover{background-color:transparent}.hover-bg-inherit:hover{background-color:inherit}.hover-bg-red-0:hover{background-color:var(--red-000)}.hover-bg-red-1:hover{background-color:var(--red-100)}.hover-bg-red-2:hover{background-color:var(--red-200)}.hover-bg-red-3:hover{background-color:var(--red-300)}.hover-bg-red-4:hover{background-color:var(--red-400)}.hover-bg-red-5:hover{background-color:var(--red-500)}.hover-bg-red-6:hover{background-color:var(--red-600)}.hover-bg-red-7:hover{background-color:var(--red-700)}.hover-bg-red-8:hover{background-color:var(--red-800)}.hover-bg-red-9:hover{background-color:var(--red-900)}.hover-bg-gold-0:hover{background-color:var(--gold-000)}.hover-bg-gold-1:hover{background-color:var(--gold-100)}.hover-bg-gold-2:hover{background-color:var(--gold-200)}.hover-bg-gold-3:hover{background-color:var(--gold-300)}.hover-bg-gold-4:hover{background-color:var(--gold-400)}.hover-bg-gold-5:hover{background-color:var(--gold-500)}.hover-bg-gold-6:hover{background-color:var(--gold-600)}.hover-bg-gold-7:hover{background-color:var(--gold-700)}.hover-bg-gold-8:hover{background-color:var(--gold-800)}.hover-bg-gold-9:hover{background-color:var(--gold-900)}.hover-bg-green-0:hover{background-color:var(--green-000)}.hover-bg-green-1:hover{background-color:var(--green-100)}.hover-bg-green-2:hover{background-color:var(--green-200)}.hover-bg-green-3:hover{background-color:var(--green-300)}.hover-bg-green-4:hover{background-color:var(--green-400)}.hover-bg-green-5:hover{background-color:var(--green-500)}.hover-bg-green-6:hover{background-color:var(--green-600)}.hover-bg-green-7:hover{background-color:var(--green-700)}.hover-bg-green-8:hover{background-color:var(--green-800)}.hover-bg-green-9:hover{background-color:var(--green-900)}.hover-bg-teal-0:hover{background-color:var(--teal-000)}.hover-bg-teal-1:hover{background-color:var(--teal-100)}.hover-bg-teal-2:hover{background-color:var(--teal-200)}.hover-bg-teal-3:hover{background-color:var(--teal-300)}.hover-bg-teal-4:hover{background-color:var(--teal-400)}.hover-bg-teal-5:hover{background-color:var(--teal-500)}.hover-bg-teal-6:hover{background-color:var(--teal-600)}.hover-bg-teal-7:hover{background-color:var(--teal-700)}.hover-bg-teal-8:hover{background-color:var(--teal-800)}.hover-bg-teal-9:hover{background-color:var(--teal-900)}.hover-bg-blue-0:hover{background-color:var(--blue-000)}.hover-bg-blue-1:hover{background-color:var(--blue-100)}.hover-bg-blue-2:hover{background-color:var(--blue-200)}.hover-bg-blue-3:hover{background-color:var(--blue-300)}.hover-bg-blue-4:hover{background-color:var(--blue-400)}.hover-bg-blue-5:hover{background-color:var(--blue-500)}.hover-bg-blue-6:hover{background-color:var(--blue-600)}.hover-bg-blue-7:hover{background-color:var(--blue-700)}.hover-bg-blue-8:hover{background-color:var(--blue-800)}.hover-bg-blue-9:hover{background-color:var(--blue-900)}.hover-bg-indigo-0:hover{background-color:var(--indigo-000)}.hover-bg-indigo-1:hover{background-color:var(--indigo-100)}.hover-bg-indigo-2:hover{background-color:var(--indigo-200)}.hover-bg-indigo-3:hover{background-color:var(--indigo-300)}.hover-bg-indigo-4:hover{background-color:var(--indigo-400)}.hover-bg-indigo-5:hover{background-color:var(--indigo-500)}.hover-bg-indigo-6:hover{background-color:var(--indigo-600)}.hover-bg-indigo-7:hover{background-color:var(--indigo-700)}.hover-bg-indigo-8:hover{background-color:var(--indigo-800)}.hover-bg-indigo-9:hover{background-color:var(--indigo-900)}.hover-bg-violet-0:hover{background-color:var(--violet-000)}.hover-bg-violet-1:hover{background-color:var(--violet-100)}.hover-bg-violet-2:hover{background-color:var(--violet-200)}.hover-bg-violet-3:hover{background-color:var(--violet-300)}.hover-bg-violet-4:hover{background-color:var(--violet-400)}.hover-bg-violet-5:hover{background-color:var(--violet-500)}.hover-bg-violet-6:hover{background-color:var(--violet-600)}.hover-bg-violet-7:hover{background-color:var(--violet-700)}.hover-bg-violet-8:hover{background-color:var(--violet-800)}.hover-bg-violet-9:hover{background-color:var(--violet-900)}.hover-bg-gray-0:hover{background-color:var(--gray-000)}.hover-bg-gray-1:hover{background-color:var(--gray-100)}.hover-bg-gray-2:hover{background-color:var(--gray-200)}.hover-bg-gray-3:hover{background-color:var(--gray-300)}.hover-bg-gray-4:hover{background-color:var(--gray-400)}.hover-bg-gray-5:hover{background-color:var(--gray-500)}.hover-bg-gray-6:hover{background-color:var(--gray-600)}.hover-bg-gray-7:hover{background-color:var(--gray-700)}.hover-bg-gray-8:hover{background-color:var(--gray-800)}.hover-bg-gray-9:hover{background-color:var(--gray-900)}.focus-black-90:focus{color:var(--black-90)}.focus-black-80:focus{color:var(--black-80)}.focus-black-70:focus{color:var(--black-70)}.focus-black-60:focus{color:var(--black-60)}.focus-black-50:focus{color:var(--black-50)}.focus-black-40:focus{color:var(--black-40)}.focus-black-30:focus{color:var(--black-30)}.focus-black-20:focus{color:var(--black-20)}.focus-black-10:focus{color:var(--black-10)}.focus-black-05:focus{color:var(--black-05)}.focus-white-90:focus{color:var(--white-90)}.focus-white-80:focus{color:var(--white-80)}.focus-white-70:focus{color:var(--white-70)}.focus-white-60:focus{color:var(--white-60)}.focus-white-50:focus{color:var(--white-50)}.focus-white-40:focus{color:var(--white-40)}.focus-white-30:focus{color:var(--white-30)}.focus-white-20:focus{color:var(--white-20)}.focus-white-10:focus{color:var(--white-10)}.focus-black:focus{color:#000}.focus-white:focus{color:#fff}.focus-color-inherit:focus{color:inherit}.focus-red-0:focus{color:var(--red-000)}.focus-red-1:focus{color:var(--red-100)}.focus-red-2:focus{color:var(--red-200)}.focus-red-3:focus{color:var(--red-300)}.focus-red-4:focus{color:var(--red-400)}.focus-red-5:focus{color:var(--red-500)}.focus-red-6:focus{color:var(--red-600)}.focus-red-7:focus{color:var(--red-700)}.focus-red-8:focus{color:var(--red-800)}.focus-red-9:focus{color:var(--red-900)}.focus-gold-0:focus{color:var(--gold-000)}.focus-gold-1:focus{color:var(--gold-100)}.focus-gold-2:focus{color:var(--gold-200)}.focus-gold-3:focus{color:var(--gold-300)}.focus-gold-4:focus{color:var(--gold-400)}.focus-gold-5:focus{color:var(--gold-500)}.focus-gold-6:focus{color:var(--gold-600)}.focus-gold-7:focus{color:var(--gold-700)}.focus-gold-8:focus{color:var(--gold-800)}.focus-gold-9:focus{color:var(--gold-900)}.focus-green-0:focus{color:var(--green-000)}.focus-green-1:focus{color:var(--green-100)}.focus-green-2:focus{color:var(--green-200)}.focus-green-3:focus{color:var(--green-300)}.focus-green-4:focus{color:var(--green-400)}.focus-green-5:focus{color:var(--green-500)}.focus-green-6:focus{color:var(--green-600)}.focus-green-7:focus{color:var(--green-700)}.focus-green-8:focus{color:var(--green-800)}.focus-green-9:focus{color:var(--green-900)}.focus-teal-0:focus{color:var(--teal-000)}.focus-teal-1:focus{color:var(--teal-100)}.focus-teal-2:focus{color:var(--teal-200)}.focus-teal-3:focus{color:var(--teal-300)}.focus-teal-4:focus{color:var(--teal-400)}.focus-teal-5:focus{color:var(--teal-500)}.focus-teal-6:focus{color:var(--teal-600)}.focus-teal-7:focus{color:var(--teal-700)}.focus-teal-8:focus{color:var(--teal-800)}.focus-teal-9:focus{color:var(--teal-900)}.focus-blue-0:focus{color:var(--blue-000)}.focus-blue-1:focus{color:var(--blue-100)}.focus-blue-2:focus{color:var(--blue-200)}.focus-blue-3:focus{color:var(--blue-300)}.focus-blue-4:focus{color:var(--blue-400)}.focus-blue-5:focus{color:var(--blue-500)}.focus-blue-6:focus{color:var(--blue-600)}.focus-blue-7:focus{color:var(--blue-700)}.focus-blue-8:focus{color:var(--blue-800)}.focus-blue-9:focus{color:var(--blue-900)}.focus-indigo-0:focus{color:var(--indigo-000)}.focus-indigo-1:focus{color:var(--indigo-100)}.focus-indigo-2:focus{color:var(--indigo-200)}.focus-indigo-3:focus{color:var(--indigo-300)}.focus-indigo-4:focus{color:var(--indigo-400)}.focus-indigo-5:focus{color:var(--indigo-500)}.focus-indigo-6:focus{color:var(--indigo-600)}.focus-indigo-7:focus{color:var(--indigo-700)}.focus-indigo-8:focus{color:var(--indigo-800)}.focus-indigo-9:focus{color:var(--indigo-900)}.focus-violet-0:focus{color:var(--violet-000)}.focus-violet-1:focus{color:var(--violet-100)}.focus-violet-2:focus{color:var(--violet-200)}.focus-violet-3:focus{color:var(--violet-300)}.focus-violet-4:focus{color:var(--violet-400)}.focus-violet-5:focus{color:var(--violet-500)}.focus-violet-6:focus{color:var(--violet-600)}.focus-violet-7:focus{color:var(--violet-700)}.focus-violet-8:focus{color:var(--violet-800)}.focus-violet-9:focus{color:var(--violet-900)}.focus-gray-0:focus{color:var(--gray-000)}.focus-gray-1:focus{color:var(--gray-100)}.focus-gray-2:focus{color:var(--gray-200)}.focus-gray-3:focus{color:var(--gray-300)}.focus-gray-4:focus{color:var(--gray-400)}.focus-gray-5:focus{color:var(--gray-500)}.focus-gray-6:focus{color:var(--gray-600)}.focus-gray-7:focus{color:var(--gray-700)}.focus-gray-8:focus{color:var(--gray-800)}.focus-gray-9:focus{color:var(--gray-900)}.focus-bg-black-90:focus{background-color:var(--black-90)}.focus-bg-black-80:focus{background-color:var(--black-80)}.focus-bg-black-70:focus{background-color:var(--black-70)}.focus-bg-black-60:focus{background-color:var(--black-60)}.focus-bg-black-50:focus{background-color:var(--black-50)}.focus-bg-black-40:focus{background-color:var(--black-40)}.focus-bg-black-30:focus{background-color:var(--black-30)}.focus-bg-black-20:focus{background-color:var(--black-20)}.focus-bg-black-10:focus{background-color:var(--black-10)}.focus-bg-black-05:focus{background-color:var(--black-05)}.focus-bg-white-90:focus{background-color:var(--white-90)}.focus-bg-white-80:focus{background-color:var(--white-80)}.focus-bg-white-70:focus{background-color:var(--white-70)}.focus-bg-white-60:focus{background-color:var(--white-60)}.focus-bg-white-50:focus{background-color:var(--white-50)}.focus-bg-white-40:focus{background-color:var(--white-40)}.focus-bg-white-30:focus{background-color:var(--white-30)}.focus-bg-white-20:focus{background-color:var(--white-20)}.focus-bg-white-10:focus{background-color:var(--white-10)}.focus-bg-black:focus{background-color:#000}.focus-bg-white:focus{background-color:#fff}.focus-bg-transparent:focus{background-color:transparent}.focus-bg-inherit:focus{background-color:inherit}.focus-bg-red-0:focus{background-color:var(--red-000)}.focus-bg-red-1:focus{background-color:var(--red-100)}.focus-bg-red-2:focus{background-color:var(--red-200)}.focus-bg-red-3:focus{background-color:var(--red-300)}.focus-bg-red-4:focus{background-color:var(--red-400)}.focus-bg-red-5:focus{background-color:var(--red-500)}.focus-bg-red-6:focus{background-color:var(--red-600)}.focus-bg-red-7:focus{background-color:var(--red-700)}.focus-bg-red-8:focus{background-color:var(--red-800)}.focus-bg-red-9:focus{background-color:var(--red-900)}.focus-bg-gold-0:focus{background-color:var(--gold-000)}.focus-bg-gold-1:focus{background-color:var(--gold-100)}.focus-bg-gold-2:focus{background-color:var(--gold-200)}.focus-bg-gold-3:focus{background-color:var(--gold-300)}.focus-bg-gold-4:focus{background-color:var(--gold-400)}.focus-bg-gold-5:focus{background-color:var(--gold-500)}.focus-bg-gold-6:focus{background-color:var(--gold-600)}.focus-bg-gold-7:focus{background-color:var(--gold-700)}.focus-bg-gold-8:focus{background-color:var(--gold-800)}.focus-bg-gold-9:focus{background-color:var(--gold-900)}.focus-bg-green-0:focus{background-color:var(--green-000)}.focus-bg-green-1:focus{background-color:var(--green-100)}.focus-bg-green-2:focus{background-color:var(--green-200)}.focus-bg-green-3:focus{background-color:var(--green-300)}.focus-bg-green-4:focus{background-color:var(--green-400)}.focus-bg-green-5:focus{background-color:var(--green-500)}.focus-bg-green-6:focus{background-color:var(--green-600)}.focus-bg-green-7:focus{background-color:var(--green-700)}.focus-bg-green-8:focus{background-color:var(--green-800)}.focus-bg-green-9:focus{background-color:var(--green-900)}.focus-bg-teal-0:focus{background-color:var(--teal-000)}.focus-bg-teal-1:focus{background-color:var(--teal-100)}.focus-bg-teal-2:focus{background-color:var(--teal-200)}.focus-bg-teal-3:focus{background-color:var(--teal-300)}.focus-bg-teal-4:focus{background-color:var(--teal-400)}.focus-bg-teal-5:focus{background-color:var(--teal-500)}.focus-bg-teal-6:focus{background-color:var(--teal-600)}.focus-bg-teal-7:focus{background-color:var(--teal-700)}.focus-bg-teal-8:focus{background-color:var(--teal-800)}.focus-bg-teal-9:focus{background-color:var(--teal-900)}.focus-bg-blue-0:focus{background-color:var(--blue-000)}.focus-bg-blue-1:focus{background-color:var(--blue-100)}.focus-bg-blue-2:focus{background-color:var(--blue-200)}.focus-bg-blue-3:focus{background-color:var(--blue-300)}.focus-bg-blue-4:focus{background-color:var(--blue-400)}.focus-bg-blue-5:focus{background-color:var(--blue-500)}.focus-bg-blue-6:focus{background-color:var(--blue-600)}.focus-bg-blue-7:focus{background-color:var(--blue-700)}.focus-bg-blue-8:focus{background-color:var(--blue-800)}.focus-bg-blue-9:focus{background-color:var(--blue-900)}.focus-bg-indigo-0:focus{background-color:var(--indigo-000)}.focus-bg-indigo-1:focus{background-color:var(--indigo-100)}.focus-bg-indigo-2:focus{background-color:var(--indigo-200)}.focus-bg-indigo-3:focus{background-color:var(--indigo-300)}.focus-bg-indigo-4:focus{background-color:var(--indigo-400)}.focus-bg-indigo-5:focus{background-color:var(--indigo-500)}.focus-bg-indigo-6:focus{background-color:var(--indigo-600)}.focus-bg-indigo-7:focus{background-color:var(--indigo-700)}.focus-bg-indigo-8:focus{background-color:var(--indigo-800)}.focus-bg-indigo-9:focus{background-color:var(--indigo-900)}.focus-bg-violet-0:focus{background-color:var(--violet-000)}.focus-bg-violet-1:focus{background-color:var(--violet-100)}.focus-bg-violet-2:focus{background-color:var(--violet-200)}.focus-bg-violet-3:focus{background-color:var(--violet-300)}.focus-bg-violet-4:focus{background-color:var(--violet-400)}.focus-bg-violet-5:focus{background-color:var(--violet-500)}.focus-bg-violet-6:focus{background-color:var(--violet-600)}.focus-bg-violet-7:focus{background-color:var(--violet-700)}.focus-bg-violet-8:focus{background-color:var(--violet-800)}.focus-bg-violet-9:focus{background-color:var(--violet-900)}.focus-bg-gray-0:focus{background-color:var(--gray-000)}.focus-bg-gray-1:focus{background-color:var(--gray-100)}.focus-bg-gray-2:focus{background-color:var(--gray-200)}.focus-bg-gray-3:focus{background-color:var(--gray-300)}.focus-bg-gray-4:focus{background-color:var(--gray-400)}.focus-bg-gray-5:focus{background-color:var(--gray-500)}.focus-bg-gray-6:focus{background-color:var(--gray-600)}.focus-bg-gray-7:focus{background-color:var(--gray-700)}.focus-bg-gray-8:focus{background-color:var(--gray-800)}.focus-bg-gray-9:focus{background-color:var(--gray-900)}.pa0{padding:var(--spacing-none)}.pa1{padding:var(--spacing-extra-small)}.pa2{padding:var(--spacing-small)}.pa3{padding:var(--spacing-medium)}.pa4{padding:var(--spacing-large)}.pa5{padding:var(--spacing-extra-large)}.pa6{padding:var(--spacing-extra-extra-large)}.pa7{padding:var(--spacing-extra-extra-extra-large)}.pl0{padding-left:var(--spacing-none)}.pl1{padding-left:var(--spacing-extra-small)}.pl2{padding-left:var(--spacing-small)}.pl3{padding-left:var(--spacing-medium)}.pl4{padding-left:var(--spacing-large)}.pl5{padding-left:var(--spacing-extra-large)}.pl6{padding-left:var(--spacing-extra-extra-large)}.pl7{padding-left:var(--spacing-extra-extra-extra-large)}.pr0{padding-right:var(--spacing-none)}.pr1{padding-right:var(--spacing-extra-small)}.pr2{padding-right:var(--spacing-small)}.pr3{padding-right:var(--spacing-medium)}.pr4{padding-right:var(--spacing-large)}.pr5{padding-right:var(--spacing-extra-large)}.pr6{padding-right:var(--spacing-extra-extra-large)}.pr7{padding-right:var(--spacing-extra-extra-extra-large)}.pb0{padding-bottom:var(--spacing-none)}.pb1{padding-bottom:var(--spacing-extra-small)}.pb2{padding-bottom:var(--spacing-small)}.pb3{padding-bottom:var(--spacing-medium)}.pb4{padding-bottom:var(--spacing-large)}.pb5{padding-bottom:var(--spacing-extra-large)}.pb6{padding-bottom:var(--spacing-extra-extra-large)}.pb7{padding-bottom:var(--spacing-extra-extra-extra-large)}.pt0{padding-top:var(--spacing-none)}.pt1{padding-top:var(--spacing-extra-small)}.pt2{padding-top:var(--spacing-small)}.pt3{padding-top:var(--spacing-medium)}.pt4{padding-top:var(--spacing-large)}.pt5{padding-top:var(--spacing-extra-large)}.pt6{padding-top:var(--spacing-extra-extra-large)}.pt7{padding-top:var(--spacing-extra-extra-extra-large)}.pv0{padding-top:var(--spacing-none);padding-bottom:var(--spacing-none)}.pv1{padding-top:var(--spacing-extra-small);padding-bottom:var(--spacing-extra-small)}.pv2{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pv3{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.pv4{padding-top:var(--spacing-large);padding-bottom:var(--spacing-large)}.pv5{padding-top:var(--spacing-extra-large);padding-bottom:var(--spacing-extra-large)}.pv6{padding-top:var(--spacing-extra-extra-large);padding-bottom:var(--spacing-extra-extra-large)}.pv7{padding-top:var(--spacing-extra-extra-extra-large);padding-bottom:var(--spacing-extra-extra-extra-large)}.ph0{padding-left:var(--spacing-none);padding-right:var(--spacing-none)}.ph1{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-small)}.ph2{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.ph3{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.ph4{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.ph5{padding-left:var(--spacing-extra-large);padding-right:var(--spacing-extra-large)}.ph6{padding-left:var(--spacing-extra-extra-large);padding-right:var(--spacing-extra-extra-large)}.ph7{padding-left:var(--spacing-extra-extra-extra-large);padding-right:var(--spacing-extra-extra-extra-large)}.ma0{margin:var(--spacing-none)}.ma1{margin:var(--spacing-extra-small)}.ma2{margin:var(--spacing-small)}.ma3{margin:var(--spacing-medium)}.ma4{margin:var(--spacing-large)}.ma5{margin:var(--spacing-extra-large)}.ma6{margin:var(--spacing-extra-extra-large)}.ma7{margin:var(--spacing-extra-extra-extra-large)}.ml0{margin-left:var(--spacing-none)}.ml1{margin-left:var(--spacing-extra-small)}.ml2{margin-left:var(--spacing-small)}.ml3{margin-left:var(--spacing-medium)}.ml4{margin-left:var(--spacing-large)}.ml5{margin-left:var(--spacing-extra-large)}.ml6{margin-left:var(--spacing-extra-extra-large)}.ml7{margin-left:var(--spacing-extra-extra-extra-large)}.mr0{margin-right:var(--spacing-none)}.mr1{margin-right:var(--spacing-extra-small)}.mr2{margin-right:var(--spacing-small)}.mr3{margin-right:var(--spacing-medium)}.mr4{margin-right:var(--spacing-large)}.mr5{margin-right:var(--spacing-extra-large)}.mr6{margin-right:var(--spacing-extra-extra-large)}.mr7{margin-right:var(--spacing-extra-extra-extra-large)}.mb0{margin-bottom:var(--spacing-none)}.mb1{margin-bottom:var(--spacing-extra-small)}.mb2{margin-bottom:var(--spacing-small)}.mb3{margin-bottom:var(--spacing-medium)}.mb4{margin-bottom:var(--spacing-large)}.mb5{margin-bottom:var(--spacing-extra-large)}.mb6{margin-bottom:var(--spacing-extra-extra-large)}.mb7{margin-bottom:var(--spacing-extra-extra-extra-large)}.mt0{margin-top:var(--spacing-none)}.mt1{margin-top:var(--spacing-extra-small)}.mt2{margin-top:var(--spacing-small)}.mt3{margin-top:var(--spacing-medium)}.mt4{margin-top:var(--spacing-large)}.mt5{margin-top:var(--spacing-extra-large)}.mt6{margin-top:var(--spacing-extra-extra-large)}.mt7{margin-top:var(--spacing-extra-extra-extra-large)}.mv0{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.mv1{margin-top:var(--spacing-extra-small);margin-bottom:var(--spacing-extra-small)}.mv2{margin-top:var(--spacing-small);margin-bottom:var(--spacing-small)}.mv3{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.mv4{margin-top:var(--spacing-large);margin-bottom:var(--spacing-large)}.mv5{margin-top:var(--spacing-extra-large);margin-bottom:var(--spacing-extra-large)}.mv6{margin-top:var(--spacing-extra-extra-large);margin-bottom:var(--spacing-extra-extra-large)}.mv7{margin-top:var(--spacing-extra-extra-extra-large);margin-bottom:var(--spacing-extra-extra-extra-large)}.mh0{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.mh1{margin-left:var(--spacing-extra-small);margin-right:var(--spacing-extra-small)}.mh2{margin-left:var(--spacing-small);margin-right:var(--spacing-small)}.mh3{margin-left:var(--spacing-medium);margin-right:var(--spacing-medium)}.mh4{margin-left:var(--spacing-large);margin-right:var(--spacing-large)}.mh5{margin-left:var(--spacing-extra-large);margin-right:var(--spacing-extra-large)}.mh6{margin-left:var(--spacing-extra-extra-large);margin-right:var(--spacing-extra-extra-large)}.mh7{margin-left:var(--spacing-extra-extra-extra-large);margin-right:var(--spacing-extra-extra-extra-large)}.na1{margin:-var(--spacing-extra-small)}.na2{margin:-var(--spacing-small)}.na3{margin:-var(--spacing-medium)}.na4{margin:-var(--spacing-large)}.na5{margin:-var(--spacing-extra-large)}.na6{margin:-var(--spacing-extra-extra-large)}.na7{margin:-var(--spacing-extra-extra-extra-large)}.nl1{margin-left:-var(--spacing-extra-small)}.nl2{margin-left:-var(--spacing-small)}.nl3{margin-left:-var(--spacing-medium)}.nl4{margin-left:-var(--spacing-large)}.nl5{margin-left:-var(--spacing-extra-large)}.nl6{margin-left:-var(--spacing-extra-extra-large)}.nl7{margin-left:-var(--spacing-extra-extra-extra-large)}.nr1{margin-right:-var(--spacing-extra-small)}.nr2{margin-right:-var(--spacing-small)}.nr3{margin-right:-var(--spacing-medium)}.nr4{margin-right:-var(--spacing-large)}.nr5{margin-right:-var(--spacing-extra-large)}.nr6{margin-right:-var(--spacing-extra-extra-large)}.nr7{margin-right:-var(--spacing-extra-extra-extra-large)}.nb1{margin-bottom:-var(--spacing-extra-small)}.nb2{margin-bottom:-var(--spacing-small)}.nb3{margin-bottom:-var(--spacing-medium)}.nb4{margin-bottom:-var(--spacing-large)}.nb5{margin-bottom:-var(--spacing-extra-large)}.nb6{margin-bottom:-var(--spacing-extra-extra-large)}.nb7{margin-bottom:-var(--spacing-extra-extra-extra-large)}.nt1{margin-top:-var(--spacing-extra-small)}.nt2{margin-top:-var(--spacing-small)}.nt3{margin-top:-var(--spacing-medium)}.nt4{margin-top:-var(--spacing-large)}.nt5{margin-top:-var(--spacing-extra-large)}.nt6{margin-top:-var(--spacing-extra-extra-large)}.nt7{margin-top:-var(--spacing-extra-extra-extra-large)}.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:var(--light-silver)}.striped--moon-gray:nth-child(odd){background-color:var(--moon-gray)}.striped--light-gray:nth-child(odd){background-color:var(--light-gray)}.striped--near-white:nth-child(odd){background-color:var(--near-white)}.stripe-light:nth-child(odd){background-color:var(--white-10)}.stripe-dark:nth-child(odd){background-color:var(--black-10)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:var(--font-size-headline)}.f-5,.f-subheadline{font-size:var(--font-size-subheadline)}.f1{font-size:var(--font-size-1)}.f2{font-size:var(--font-size-2)}.f3{font-size:var(--font-size-3)}.f4{font-size:var(--font-size-4)}.f5{font-size:var(--font-size-5)}.f6{font-size:var(--font-size-6)}.f7{font-size:var(--font-size-7)}.measure{max-width:var(--measure)}.measure-wide{max-width:var(--measure-wide)}.measure-narrow{max-width:var(--measure-narrow)}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .25s ease-out;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover,.shadow-hover{cursor:pointer}.shadow-hover{position:relative;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.bg-animate,.bg-animate:focus,.bg-animate:hover{-webkit-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:var(--line-height-copy)}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:var(--line-height-title)}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:var(--letter-spacing-1);margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.nested-copy-seperator p+p{margin-top:var(--spacing-copy-separator)}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:var(--blue)}.nested-links a,.nested-links a:focus,.nested-links a:hover{-webkit-transition:color .15s ease-in;transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:var(--light-blue)}:root{--sans-serif:-apple-system,BlinkMacSystemFont,-system-ui,"avenir next",avenir,helvetica,"helvetica neue",ubuntu,roboto,noto,"segoe ui",arial,sans-serif;--serif:athelas,serif;--monospace:SFMono,consolas,monaco,monospace;--font-size-headline:6rem;--font-size-subheadline:5rem;--font-size-1:3rem;--font-size-2:2.25rem;--font-size-3:1.5rem;--font-size-4:1.25rem;--font-size-5:1rem;--font-size-6:.875rem;--font-size-7:.75rem;--measure:30em;--measure-narrow:20em;--measure-wide:34em;--letter-spacing-tight:-.05em;--letter-spacing-1:.1em;--letter-spacing-2:.25em;--line-height-solid:1;--line-height-title:1.25;--line-height-copy:1.5;--spacing-extra-small:.25rem;--spacing-small:.5rem;--spacing-medium:1rem;--spacing-large:2rem;--spacing-extra-large:4rem;--spacing-extra-extra-large:8rem;--spacing-extra-extra-extra-large:16rem;--border-radius-1:.125rem;--border-radius-2:.25rem;--border-radius-3:.5rem;--border-radius-4:1rem;--border-radius-circle:100%;--border-radius-pill:9999px;--box-shadow-1:0 0 4px 2px rgba(0,0,0,.2);--box-shadow-2:0 0 8px 2px rgba(0,0,0,.2);--box-shadow-3:2px 2px 4px 2px rgba(0,0,0,.2);--box-shadow-4:2px 2px 8px 0 rgba(0,0,0,.2);--box-shadow-5:4px 4px 8px 0 rgba(0,0,0,.2);--height-1:1rem;--height-2:2rem;--height-3:4rem;--height-4:8rem;--height-5:16rem;--width-1:1rem;--width-2:2rem;--width-3:4rem;--width-4:8rem;--width-5:16rem;--max-width-1:1rem;--max-width-2:2rem;--max-width-3:4rem;--max-width-4:8rem;--max-width-5:16rem;--max-width-6:32rem;--max-width-7:48rem;--max-width-8:64rem;--max-width-9:96rem;--red-000:#2a1311;--red-100:#4d1d1c;--red-200:#732627;--red-300:#9b2e32;--red-400:#c5363d;--red-500:#d95857;--red-600:#e57c76;--red-700:#f09d97;--red-800:#f8beb8;--red-900:#fddedb;--gold-000:#271609;--gold-100:#45240f;--gold-200:#663212;--gold-300:#894213;--gold-400:#ad5112;--gold-500:#d36110;--gold-600:#e48043;--gold-700:#f0a071;--gold-800:#f9bf9f;--gold-900:#ffdfce;--green-000:#111c0f;--green-100:#193218;--green-200:#1f4920;--green-300:#246227;--green-400:#287b2f;--green-500:#2b9637;--green-600:#2db13e;--green-700:#2dcd46;--green-800:#2cea4e;--green-900:#96fc93;--teal-000:#121b1b;--teal-100:#1b302f;--teal-200:#234644;--teal-300:#2b5e5a;--teal-400:#337672;--teal-500:#3a8f8a;--teal-600:#41aaa3;--teal-700:#48c4bd;--teal-800:#54e0d8;--teal-900:#b5f0eb;--blue-000:#131a26;--blue-100:#1c2d47;--blue-200:#22416b;--blue-300:#255791;--blue-400:#256db9;--blue-500:#4884d2;--blue-600:#769bdb;--blue-700:#9bb3e5;--blue-800:#bdccee;--blue-900:#dee5f6;--indigo-000:#201237;--indigo-100:#35196c;--indigo-200:#491fa7;--indigo-300:#5d22e6;--indigo-400:#7d41f8;--indigo-500:#9962fa;--indigo-600:#b282fc;--indigo-700:#c8a1fe;--indigo-800:#dcc0ff;--indigo-900:#eedfff;--violet-000:#2a121d;--violet-100:#4e1933;--violet-200:#761c4b;--violet-300:#9f1d65;--violet-400:#cb187f;--violet-500:#dd4a95;--violet-600:#e873a9;--violet-700:#f098be;--violet-800:#f7bbd3;--violet-900:#fcdde9;--gray-000:#191a1a;--gray-100:#2c2d2d;--gray-200:#3f4141;--gray-300:#545657;--gray-400:#696c6d;--gray-500:#808385;--gray-600:#979b9d;--gray-700:#b0b3b4;--gray-800:#cacccd;--gray-900:#e4e5e6}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat 0 0}@media screen and (min-width:30em){.aspect-ratio-ns{height:0;position:relative}.aspect-ratio--16x9-ns{padding-bottom:56.25%}.aspect-ratio--9x16-ns{padding-bottom:177.77%}.aspect-ratio--4x3-ns{padding-bottom:75%}.aspect-ratio--3x4-ns{padding-bottom:133.33%}.aspect-ratio--6x4-ns{padding-bottom:66.6%}.aspect-ratio--4x6-ns{padding-bottom:150%}.aspect-ratio--8x5-ns{padding-bottom:62.5%}.aspect-ratio--5x8-ns{padding-bottom:160%}.aspect-ratio--7x5-ns{padding-bottom:71.42%}.aspect-ratio--5x7-ns{padding-bottom:140%}.aspect-ratio--1x1-ns{padding-bottom:100%}.aspect-ratio--object-ns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-ns{background-size:cover!important}.contain-ns{background-size:contain!important}.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}.outline-ns{outline:1px solid}.outline-transparent-ns{outline:1px solid transparent}.outline-0-ns{outline:0}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}.br0-ns{border-radius:var(--border-radius-none)}.br1-ns{border-radius:var(--border-radius-1)}.br2-ns{border-radius:var(--border-radius-2)}.br3-ns{border-radius:var(--border-radius-3)}.br4-ns{border-radius:var(--border-radius-4)}.br-100-ns{border-radius:var(--border-radius-circle)}.br-pill-ns{border-radius:var(--border-radius-pill)}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}.bw0-ns{border-width:var(--border-width-none)}.bw1-ns{border-width:var(--border-width-1)}.bw2-ns{border-width:var(--border-width-2)}.bw3-ns{border-width:var(--border-width-3)}.bw4-ns{border-width:var(--border-width-4)}.bw5-ns{border-width:var(--border-width-5)}.bt-0-ns{border-top-width:var(--border-width-none)}.br-0-ns{border-right-width:var(--border-width-none)}.bb-0-ns{border-bottom-width:var(--border-width-none)}.bl-0-ns{border-left-width:var(--border-width-none)}.shadow-1-ns{box-shadow:var(--box-shadow-1)}.shadow-2-ns{box-shadow:var(--box-shadow-2)}.shadow-3-ns{box-shadow:var(--box-shadow-3)}.shadow-4-ns{box-shadow:var(--box-shadow-4)}.shadow-5-ns{box-shadow:var(--box-shadow-5)}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.dt--fixed-ns{table-layout:fixed;width:100%}.flex-ns{display:-webkit-box;display:flex}.inline-flex-ns{display:-webkit-inline-box;display:inline-flex}.flex-auto-ns{-webkit-box-flex:1;flex:1 1 auto;min-width:0;min-height:0}.flex-none-ns{-webkit-box-flex:0;flex:none}.flex-column-ns{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-row-ns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.flex-wrap-ns{flex-wrap:wrap}.flex-nowrap-ns{flex-wrap:nowrap}.flex-wrap-reverse-ns{flex-wrap:wrap-reverse}.flex-column-reverse-ns{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.flex-row-reverse-ns{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.items-start-ns{-webkit-box-align:start;align-items:flex-start}.items-end-ns{-webkit-box-align:end;align-items:flex-end}.items-center-ns{-webkit-box-align:center;align-items:center}.items-baseline-ns{-webkit-box-align:baseline;align-items:baseline}.items-stretch-ns{-webkit-box-align:stretch;align-items:stretch}.self-start-ns{align-self:flex-start}.self-end-ns{align-self:flex-end}.self-center-ns{align-self:center}.self-baseline-ns{align-self:baseline}.self-stretch-ns{align-self:stretch}.justify-start-ns{-webkit-box-pack:start;justify-content:flex-start}.justify-end-ns{-webkit-box-pack:end;justify-content:flex-end}.justify-center-ns{-webkit-box-pack:center;justify-content:center}.justify-between-ns{-webkit-box-pack:justify;justify-content:space-between}.justify-around-ns{justify-content:space-around}.content-start-ns{align-content:flex-start}.content-end-ns{align-content:flex-end}.content-center-ns{align-content:center}.content-between-ns{align-content:space-between}.content-around-ns{align-content:space-around}.content-stretch-ns{align-content:stretch}.order-0-ns{-webkit-box-ordinal-group:1;order:0}.order-1-ns{-webkit-box-ordinal-group:2;order:1}.order-2-ns{-webkit-box-ordinal-group:3;order:2}.order-3-ns{-webkit-box-ordinal-group:4;order:3}.order-4-ns{-webkit-box-ordinal-group:5;order:4}.order-5-ns{-webkit-box-ordinal-group:6;order:5}.order-6-ns{-webkit-box-ordinal-group:7;order:6}.order-7-ns{-webkit-box-ordinal-group:8;order:7}.order-8-ns{-webkit-box-ordinal-group:9;order:8}.order-last-ns{-webkit-box-ordinal-group:100000;order:99999}.flex-grow-0-ns{-webkit-box-flex:0;flex-grow:0}.flex-grow-1-ns{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0-ns{flex-shrink:0}.flex-shrink-1-ns{flex-shrink:1}.fl-ns{float:left}.fl-ns,.fr-ns{_display:inline}.fr-ns{float:right}.fn-ns{float:none}.i-ns{font-style:italic}.fs-normal-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h1-ns{height:var(--height-1)}.h2-ns{height:var(--height-2)}.h3-ns{height:var(--height-3)}.h4-ns{height:var(--height-4)}.h5-ns{height:var(--height-5)}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.min-h-100-ns{min-height:100%}.vh-25-ns{height:25vh}.vh-50-ns{height:50vh}.vh-75-ns{height:75vh}.vh-100-ns{height:100vh}.min-vh-100-ns{min-height:100vh}.h-auto-ns{height:auto}.h-inherit-ns{height:inherit}.tracked-ns{letter-spacing:var(--letter-spacing-1)}.tracked-tight-ns{letter-spacing:var(--letter-spacing-tight)}.tracked-mega-ns{letter-spacing:var(--letter-spacing-2)}.lh-solid-ns{line-height:var(--line-height-solid)}.lh-title-ns{line-height:var(--line-height-title)}.lh-copy-ns{line-height:var(--line-height-copy)}.mw-100-ns{max-width:100%}.mw1-ns{max-width:var(--max-width-1)}.mw2-ns{max-width:var(--max-width-2)}.mw3-ns{max-width:var(--max-width-3)}.mw4-ns{max-width:var(--max-width-4)}.mw5-ns{max-width:var(--max-width-5)}.mw6-ns{max-width:var(--max-width-6)}.mw7-ns{max-width:var(--max-width-7)}.mw8-ns{max-width:var(--max-width-8)}.mw9-ns{max-width:var(--max-width-9)}.mw-none-ns{max-width:none}.w1-ns{width:var(--width-1)}.w2-ns{width:var(--width-2)}.w3-ns{width:var(--width-3)}.w4-ns{width:var(--width-4)}.w5-ns{width:var(--width-5)}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-30-ns{width:30%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-70-ns{width:70%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-90-ns{width:90%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.rotate-45-ns{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-ns{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-ns{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-ns{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-ns{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-ns{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-ns{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-ns{padding:var(--spacing-none)}.pa1-ns{padding:var(--spacing-extra-small)}.pa2-ns{padding:var(--spacing-small)}.pa3-ns{padding:var(--spacing-medium)}.pa4-ns{padding:var(--spacing-large)}.pa5-ns{padding:var(--spacing-extra-large)}.pa6-ns{padding:var(--spacing-extra-extra-large)}.pa7-ns{padding:var(--spacing-extra-extra-extra-large)}.pl0-ns{padding-left:var(--spacing-none)}.pl1-ns{padding-left:var(--spacing-extra-small)}.pl2-ns{padding-left:var(--spacing-small)}.pl3-ns{padding-left:var(--spacing-medium)}.pl4-ns{padding-left:var(--spacing-large)}.pl5-ns{padding-left:var(--spacing-extra-large)}.pl6-ns{padding-left:var(--spacing-extra-extra-large)}.pl7-ns{padding-left:var(--spacing-extra-extra-extra-large)}.pr0-ns{padding-right:var(--spacing-none)}.pr1-ns{padding-right:var(--spacing-extra-small)}.pr2-ns{padding-right:var(--spacing-small)}.pr3-ns{padding-right:var(--spacing-medium)}.pr4-ns{padding-right:var(--spacing-large)}.pr5-ns{padding-right:var(--spacing-extra-large)}.pr6-ns{padding-right:var(--spacing-extra-extra-large)}.pr7-ns{padding-right:var(--spacing-extra-extra-extra-large)}.pb0-ns{padding-bottom:var(--spacing-none)}.pb1-ns{padding-bottom:var(--spacing-extra-small)}.pb2-ns{padding-bottom:var(--spacing-small)}.pb3-ns{padding-bottom:var(--spacing-medium)}.pb4-ns{padding-bottom:var(--spacing-large)}.pb5-ns{padding-bottom:var(--spacing-extra-large)}.pb6-ns{padding-bottom:var(--spacing-extra-extra-large)}.pb7-ns{padding-bottom:var(--spacing-extra-extra-extra-large)}.pt0-ns{padding-top:var(--spacing-none)}.pt1-ns{padding-top:var(--spacing-extra-small)}.pt2-ns{padding-top:var(--spacing-small)}.pt3-ns{padding-top:var(--spacing-medium)}.pt4-ns{padding-top:var(--spacing-large)}.pt5-ns{padding-top:var(--spacing-extra-large)}.pt6-ns{padding-top:var(--spacing-extra-extra-large)}.pt7-ns{padding-top:var(--spacing-extra-extra-extra-large)}.pv0-ns{padding-top:var(--spacing-none);padding-bottom:var(--spacing-none)}.pv1-ns{padding-top:var(--spacing-extra-small);padding-bottom:var(--spacing-extra-small)}.pv2-ns{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pv3-ns{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.pv4-ns{padding-top:var(--spacing-large);padding-bottom:var(--spacing-large)}.pv5-ns{padding-top:var(--spacing-extra-large);padding-bottom:var(--spacing-extra-large)}.pv6-ns{padding-top:var(--spacing-extra-extra-large);padding-bottom:var(--spacing-extra-extra-large)}.pv7-ns{padding-top:var(--spacing-extra-extra-extra-large);padding-bottom:var(--spacing-extra-extra-extra-large)}.ph0-ns{padding-left:var(--spacing-none);padding-right:var(--spacing-none)}.ph1-ns{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-small)}.ph2-ns{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.ph3-ns{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.ph4-ns{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.ph5-ns{padding-left:var(--spacing-extra-large);padding-right:var(--spacing-extra-large)}.ph6-ns{padding-left:var(--spacing-extra-extra-large);padding-right:var(--spacing-extra-extra-large)}.ph7-ns{padding-left:var(--spacing-extra-extra-extra-large);padding-right:var(--spacing-extra-extra-extra-large)}.ma0-ns{margin:var(--spacing-none)}.ma1-ns{margin:var(--spacing-extra-small)}.ma2-ns{margin:var(--spacing-small)}.ma3-ns{margin:var(--spacing-medium)}.ma4-ns{margin:var(--spacing-large)}.ma5-ns{margin:var(--spacing-extra-large)}.ma6-ns{margin:var(--spacing-extra-extra-large)}.ma7-ns{margin:var(--spacing-extra-extra-extra-large)}.ml0-ns{margin-left:var(--spacing-none)}.ml1-ns{margin-left:var(--spacing-extra-small)}.ml2-ns{margin-left:var(--spacing-small)}.ml3-ns{margin-left:var(--spacing-medium)}.ml4-ns{margin-left:var(--spacing-large)}.ml5-ns{margin-left:var(--spacing-extra-large)}.ml6-ns{margin-left:var(--spacing-extra-extra-large)}.ml7-ns{margin-left:var(--spacing-extra-extra-extra-large)}.mr0-ns{margin-right:var(--spacing-none)}.mr1-ns{margin-right:var(--spacing-extra-small)}.mr2-ns{margin-right:var(--spacing-small)}.mr3-ns{margin-right:var(--spacing-medium)}.mr4-ns{margin-right:var(--spacing-large)}.mr5-ns{margin-right:var(--spacing-extra-large)}.mr6-ns{margin-right:var(--spacing-extra-extra-large)}.mr7-ns{margin-right:var(--spacing-extra-extra-extra-large)}.mb0-ns{margin-bottom:var(--spacing-none)}.mb1-ns{margin-bottom:var(--spacing-extra-small)}.mb2-ns{margin-bottom:var(--spacing-small)}.mb3-ns{margin-bottom:var(--spacing-medium)}.mb4-ns{margin-bottom:var(--spacing-large)}.mb5-ns{margin-bottom:var(--spacing-extra-large)}.mb6-ns{margin-bottom:var(--spacing-extra-extra-large)}.mb7-ns{margin-bottom:var(--spacing-extra-extra-extra-large)}.mt0-ns{margin-top:var(--spacing-none)}.mt1-ns{margin-top:var(--spacing-extra-small)}.mt2-ns{margin-top:var(--spacing-small)}.mt3-ns{margin-top:var(--spacing-medium)}.mt4-ns{margin-top:var(--spacing-large)}.mt5-ns{margin-top:var(--spacing-extra-large)}.mt6-ns{margin-top:var(--spacing-extra-extra-large)}.mt7-ns{margin-top:var(--spacing-extra-extra-extra-large)}.mv0-ns{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.mv1-ns{margin-top:var(--spacing-extra-small);margin-bottom:var(--spacing-extra-small)}.mv2-ns{margin-top:var(--spacing-small);margin-bottom:var(--spacing-small)}.mv3-ns{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.mv4-ns{margin-top:var(--spacing-large);margin-bottom:var(--spacing-large)}.mv5-ns{margin-top:var(--spacing-extra-large);margin-bottom:var(--spacing-extra-large)}.mv6-ns{margin-top:var(--spacing-extra-extra-large);margin-bottom:var(--spacing-extra-extra-large)}.mv7-ns{margin-top:var(--spacing-extra-extra-extra-large);margin-bottom:var(--spacing-extra-extra-extra-large)}.mh0-ns{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.mh1-ns{margin-left:var(--spacing-extra-small);margin-right:var(--spacing-extra-small)}.mh2-ns{margin-left:var(--spacing-small);margin-right:var(--spacing-small)}.mh3-ns{margin-left:var(--spacing-medium);margin-right:var(--spacing-medium)}.mh4-ns{margin-left:var(--spacing-large);margin-right:var(--spacing-large)}.mh5-ns{margin-left:var(--spacing-extra-large);margin-right:var(--spacing-extra-large)}.mh6-ns{margin-left:var(--spacing-extra-extra-large);margin-right:var(--spacing-extra-extra-large)}.mh7-ns{margin-left:var(--spacing-extra-extra-extra-large);margin-right:var(--spacing-extra-extra-extra-large)}.na1-ns{margin:-var(--spacing-extra-small)}.na2-ns{margin:-var(--spacing-small)}.na3-ns{margin:-var(--spacing-medium)}.na4-ns{margin:-var(--spacing-large)}.na5-ns{margin:-var(--spacing-extra-large)}.na6-ns{margin:-var(--spacing-extra-extra-large)}.na7-ns{margin:-var(--spacing-extra-extra-extra-large)}.nl1-ns{margin-left:-var(--spacing-extra-small)}.nl2-ns{margin-left:-var(--spacing-small)}.nl3-ns{margin-left:-var(--spacing-medium)}.nl4-ns{margin-left:-var(--spacing-large)}.nl5-ns{margin-left:-var(--spacing-extra-large)}.nl6-ns{margin-left:-var(--spacing-extra-extra-large)}.nl7-ns{margin-left:-var(--spacing-extra-extra-extra-large)}.nr1-ns{margin-right:-var(--spacing-extra-small)}.nr2-ns{margin-right:-var(--spacing-small)}.nr3-ns{margin-right:-var(--spacing-medium)}.nr4-ns{margin-right:-var(--spacing-large)}.nr5-ns{margin-right:-var(--spacing-extra-large)}.nr6-ns{margin-right:-var(--spacing-extra-extra-large)}.nr7-ns{margin-right:-var(--spacing-extra-extra-extra-large)}.nb1-ns{margin-bottom:-var(--spacing-extra-small)}.nb2-ns{margin-bottom:-var(--spacing-small)}.nb3-ns{margin-bottom:-var(--spacing-medium)}.nb4-ns{margin-bottom:-var(--spacing-large)}.nb5-ns{margin-bottom:-var(--spacing-extra-large)}.nb6-ns{margin-bottom:-var(--spacing-extra-extra-large)}.nb7-ns{margin-bottom:-var(--spacing-extra-extra-extra-large)}.nt1-ns{margin-top:-var(--spacing-extra-small)}.nt2-ns{margin-top:-var(--spacing-small)}.nt3-ns{margin-top:-var(--spacing-medium)}.nt4-ns{margin-top:-var(--spacing-large)}.nt5-ns{margin-top:-var(--spacing-extra-large)}.nt6-ns{margin-top:-var(--spacing-extra-extra-large)}.nt7-ns{margin-top:-var(--spacing-extra-extra-extra-large)}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.tj-ns{text-align:justify}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:var(--font-size-headline)}.f-5-ns,.f-subheadline-ns{font-size:var(--font-size-subheadline)}.f1-ns{font-size:var(--font-size-1)}.f2-ns{font-size:var(--font-size-2)}.f3-ns{font-size:var(--font-size-3)}.f4-ns{font-size:var(--font-size-4)}.f5-ns{font-size:var(--font-size-5)}.f6-ns{font-size:var(--font-size-6)}.f7-ns{font-size:var(--font-size-7)}.measure-ns{max-width:var(--measure)}.measure-wide-ns{max-width:var(--measure-wide)}.measure-narrow-ns{max-width:var(--measure-narrow)}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-ns{font-variant:small-caps}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-ns{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:30em) and (max-width:60em){.aspect-ratio-m{height:0;position:relative}.aspect-ratio--16x9-m{padding-bottom:56.25%}.aspect-ratio--9x16-m{padding-bottom:177.77%}.aspect-ratio--4x3-m{padding-bottom:75%}.aspect-ratio--3x4-m{padding-bottom:133.33%}.aspect-ratio--6x4-m{padding-bottom:66.6%}.aspect-ratio--4x6-m{padding-bottom:150%}.aspect-ratio--8x5-m{padding-bottom:62.5%}.aspect-ratio--5x8-m{padding-bottom:160%}.aspect-ratio--7x5-m{padding-bottom:71.42%}.aspect-ratio--5x7-m{padding-bottom:140%}.aspect-ratio--1x1-m{padding-bottom:100%}.aspect-ratio--object-m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:var(--border-radius-none)}.br1-m{border-radius:var(--border-radius-1)}.br2-m{border-radius:var(--border-radius-2)}.br3-m{border-radius:var(--border-radius-3)}.br4-m{border-radius:var(--border-radius-4)}.br-100-m{border-radius:var(--border-radius-circle)}.br-pill-m{border-radius:var(--border-radius-pill)}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:var(--border-width-none)}.bw1-m{border-width:var(--border-width-1)}.bw2-m{border-width:var(--border-width-2)}.bw3-m{border-width:var(--border-width-3)}.bw4-m{border-width:var(--border-width-4)}.bw5-m{border-width:var(--border-width-5)}.bt-0-m{border-top-width:var(--border-width-none)}.br-0-m{border-right-width:var(--border-width-none)}.bb-0-m{border-bottom-width:var(--border-width-none)}.bl-0-m{border-left-width:var(--border-width-none)}.shadow-1-m{box-shadow:var(--box-shadow-1)}.shadow-2-m{box-shadow:var(--box-shadow-2)}.shadow-3-m{box-shadow:var(--box-shadow-3)}.shadow-4-m{box-shadow:var(--box-shadow-4)}.shadow-5-m{box-shadow:var(--box-shadow-5)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}.flex-m{display:-webkit-box;display:flex}.inline-flex-m{display:-webkit-inline-box;display:inline-flex}.flex-auto-m{-webkit-box-flex:1;flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{-webkit-box-flex:0;flex:none}.flex-column-m{-webkit-box-orient:vertical;flex-direction:column}.flex-column-m,.flex-row-m{-webkit-box-direction:normal}.flex-row-m{-webkit-box-orient:horizontal;flex-direction:row}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.flex-column-reverse-m{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.flex-row-reverse-m{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.items-start-m{-webkit-box-align:start;align-items:flex-start}.items-end-m{-webkit-box-align:end;align-items:flex-end}.items-center-m{-webkit-box-align:center;align-items:center}.items-baseline-m{-webkit-box-align:baseline;align-items:baseline}.items-stretch-m{-webkit-box-align:stretch;align-items:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-start-m{-webkit-box-pack:start;justify-content:flex-start}.justify-end-m{-webkit-box-pack:end;justify-content:flex-end}.justify-center-m{-webkit-box-pack:center;justify-content:center}.justify-between-m{-webkit-box-pack:justify;justify-content:space-between}.justify-around-m{justify-content:space-around}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.order-0-m{-webkit-box-ordinal-group:1;order:0}.order-1-m{-webkit-box-ordinal-group:2;order:1}.order-2-m{-webkit-box-ordinal-group:3;order:2}.order-3-m{-webkit-box-ordinal-group:4;order:3}.order-4-m{-webkit-box-ordinal-group:5;order:4}.order-5-m{-webkit-box-ordinal-group:6;order:5}.order-6-m{-webkit-box-ordinal-group:7;order:6}.order-7-m{-webkit-box-ordinal-group:8;order:7}.order-8-m{-webkit-box-ordinal-group:9;order:8}.order-last-m{-webkit-box-ordinal-group:100000;order:99999}.flex-grow-0-m{-webkit-box-flex:0;flex-grow:0}.flex-grow-1-m{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.fl-m{float:left}.fl-m,.fr-m{_display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fs-normal-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:var(--height-1)}.h2-m{height:var(--height-2)}.h3-m{height:var(--height-3)}.h4-m{height:var(--height-4)}.h5-m{height:var(--height-5)}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:var(--letter-spacing-1)}.tracked-tight-m{letter-spacing:var(--letter-spacing-tight)}.tracked-mega-m{letter-spacing:var(--letter-spacing-2)}.lh-solid-m{line-height:var(--line-height-solid)}.lh-title-m{line-height:var(--line-height-title)}.lh-copy-m{line-height:var(--line-height-copy)}.mw-100-m{max-width:100%}.mw1-m{max-width:var(--max-width-1)}.mw2-m{max-width:var(--max-width-2)}.mw3-m{max-width:var(--max-width-3)}.mw4-m{max-width:var(--max-width-4)}.mw5-m{max-width:var(--max-width-5)}.mw6-m{max-width:var(--max-width-6)}.mw7-m{max-width:var(--max-width-7)}.mw8-m{max-width:var(--max-width-8)}.mw9-m{max-width:var(--max-width-9)}.mw-none-m{max-width:none}.w1-m{width:var(--width-1)}.w2-m{width:var(--width-2)}.w3-m{width:var(--width-3)}.w4-m{width:var(--width-4)}.w5-m{width:var(--width-5)}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-m{padding:var(--spacing-none)}.pa1-m{padding:var(--spacing-extra-small)}.pa2-m{padding:var(--spacing-small)}.pa3-m{padding:var(--spacing-medium)}.pa4-m{padding:var(--spacing-large)}.pa5-m{padding:var(--spacing-extra-large)}.pa6-m{padding:var(--spacing-extra-extra-large)}.pa7-m{padding:var(--spacing-extra-extra-extra-large)}.pl0-m{padding-left:var(--spacing-none)}.pl1-m{padding-left:var(--spacing-extra-small)}.pl2-m{padding-left:var(--spacing-small)}.pl3-m{padding-left:var(--spacing-medium)}.pl4-m{padding-left:var(--spacing-large)}.pl5-m{padding-left:var(--spacing-extra-large)}.pl6-m{padding-left:var(--spacing-extra-extra-large)}.pl7-m{padding-left:var(--spacing-extra-extra-extra-large)}.pr0-m{padding-right:var(--spacing-none)}.pr1-m{padding-right:var(--spacing-extra-small)}.pr2-m{padding-right:var(--spacing-small)}.pr3-m{padding-right:var(--spacing-medium)}.pr4-m{padding-right:var(--spacing-large)}.pr5-m{padding-right:var(--spacing-extra-large)}.pr6-m{padding-right:var(--spacing-extra-extra-large)}.pr7-m{padding-right:var(--spacing-extra-extra-extra-large)}.pb0-m{padding-bottom:var(--spacing-none)}.pb1-m{padding-bottom:var(--spacing-extra-small)}.pb2-m{padding-bottom:var(--spacing-small)}.pb3-m{padding-bottom:var(--spacing-medium)}.pb4-m{padding-bottom:var(--spacing-large)}.pb5-m{padding-bottom:var(--spacing-extra-large)}.pb6-m{padding-bottom:var(--spacing-extra-extra-large)}.pb7-m{padding-bottom:var(--spacing-extra-extra-extra-large)}.pt0-m{padding-top:var(--spacing-none)}.pt1-m{padding-top:var(--spacing-extra-small)}.pt2-m{padding-top:var(--spacing-small)}.pt3-m{padding-top:var(--spacing-medium)}.pt4-m{padding-top:var(--spacing-large)}.pt5-m{padding-top:var(--spacing-extra-large)}.pt6-m{padding-top:var(--spacing-extra-extra-large)}.pt7-m{padding-top:var(--spacing-extra-extra-extra-large)}.pv0-m{padding-top:var(--spacing-none);padding-bottom:var(--spacing-none)}.pv1-m{padding-top:var(--spacing-extra-small);padding-bottom:var(--spacing-extra-small)}.pv2-m{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pv3-m{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.pv4-m{padding-top:var(--spacing-large);padding-bottom:var(--spacing-large)}.pv5-m{padding-top:var(--spacing-extra-large);padding-bottom:var(--spacing-extra-large)}.pv6-m{padding-top:var(--spacing-extra-extra-large);padding-bottom:var(--spacing-extra-extra-large)}.pv7-m{padding-top:var(--spacing-extra-extra-extra-large);padding-bottom:var(--spacing-extra-extra-extra-large)}.ph0-m{padding-left:var(--spacing-none);padding-right:var(--spacing-none)}.ph1-m{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-small)}.ph2-m{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.ph3-m{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.ph4-m{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.ph5-m{padding-left:var(--spacing-extra-large);padding-right:var(--spacing-extra-large)}.ph6-m{padding-left:var(--spacing-extra-extra-large);padding-right:var(--spacing-extra-extra-large)}.ph7-m{padding-left:var(--spacing-extra-extra-extra-large);padding-right:var(--spacing-extra-extra-extra-large)}.ma0-m{margin:var(--spacing-none)}.ma1-m{margin:var(--spacing-extra-small)}.ma2-m{margin:var(--spacing-small)}.ma3-m{margin:var(--spacing-medium)}.ma4-m{margin:var(--spacing-large)}.ma5-m{margin:var(--spacing-extra-large)}.ma6-m{margin:var(--spacing-extra-extra-large)}.ma7-m{margin:var(--spacing-extra-extra-extra-large)}.ml0-m{margin-left:var(--spacing-none)}.ml1-m{margin-left:var(--spacing-extra-small)}.ml2-m{margin-left:var(--spacing-small)}.ml3-m{margin-left:var(--spacing-medium)}.ml4-m{margin-left:var(--spacing-large)}.ml5-m{margin-left:var(--spacing-extra-large)}.ml6-m{margin-left:var(--spacing-extra-extra-large)}.ml7-m{margin-left:var(--spacing-extra-extra-extra-large)}.mr0-m{margin-right:var(--spacing-none)}.mr1-m{margin-right:var(--spacing-extra-small)}.mr2-m{margin-right:var(--spacing-small)}.mr3-m{margin-right:var(--spacing-medium)}.mr4-m{margin-right:var(--spacing-large)}.mr5-m{margin-right:var(--spacing-extra-large)}.mr6-m{margin-right:var(--spacing-extra-extra-large)}.mr7-m{margin-right:var(--spacing-extra-extra-extra-large)}.mb0-m{margin-bottom:var(--spacing-none)}.mb1-m{margin-bottom:var(--spacing-extra-small)}.mb2-m{margin-bottom:var(--spacing-small)}.mb3-m{margin-bottom:var(--spacing-medium)}.mb4-m{margin-bottom:var(--spacing-large)}.mb5-m{margin-bottom:var(--spacing-extra-large)}.mb6-m{margin-bottom:var(--spacing-extra-extra-large)}.mb7-m{margin-bottom:var(--spacing-extra-extra-extra-large)}.mt0-m{margin-top:var(--spacing-none)}.mt1-m{margin-top:var(--spacing-extra-small)}.mt2-m{margin-top:var(--spacing-small)}.mt3-m{margin-top:var(--spacing-medium)}.mt4-m{margin-top:var(--spacing-large)}.mt5-m{margin-top:var(--spacing-extra-large)}.mt6-m{margin-top:var(--spacing-extra-extra-large)}.mt7-m{margin-top:var(--spacing-extra-extra-extra-large)}.mv0-m{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.mv1-m{margin-top:var(--spacing-extra-small);margin-bottom:var(--spacing-extra-small)}.mv2-m{margin-top:var(--spacing-small);margin-bottom:var(--spacing-small)}.mv3-m{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.mv4-m{margin-top:var(--spacing-large);margin-bottom:var(--spacing-large)}.mv5-m{margin-top:var(--spacing-extra-large);margin-bottom:var(--spacing-extra-large)}.mv6-m{margin-top:var(--spacing-extra-extra-large);margin-bottom:var(--spacing-extra-extra-large)}.mv7-m{margin-top:var(--spacing-extra-extra-extra-large);margin-bottom:var(--spacing-extra-extra-extra-large)}.mh0-m{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.mh1-m{margin-left:var(--spacing-extra-small);margin-right:var(--spacing-extra-small)}.mh2-m{margin-left:var(--spacing-small);margin-right:var(--spacing-small)}.mh3-m{margin-left:var(--spacing-medium);margin-right:var(--spacing-medium)}.mh4-m{margin-left:var(--spacing-large);margin-right:var(--spacing-large)}.mh5-m{margin-left:var(--spacing-extra-large);margin-right:var(--spacing-extra-large)}.mh6-m{margin-left:var(--spacing-extra-extra-large);margin-right:var(--spacing-extra-extra-large)}.mh7-m{margin-left:var(--spacing-extra-extra-extra-large);margin-right:var(--spacing-extra-extra-extra-large)}.na1-m{margin:-var(--spacing-extra-small)}.na2-m{margin:-var(--spacing-small)}.na3-m{margin:-var(--spacing-medium)}.na4-m{margin:-var(--spacing-large)}.na5-m{margin:-var(--spacing-extra-large)}.na6-m{margin:-var(--spacing-extra-extra-large)}.na7-m{margin:-var(--spacing-extra-extra-extra-large)}.nl1-m{margin-left:-var(--spacing-extra-small)}.nl2-m{margin-left:-var(--spacing-small)}.nl3-m{margin-left:-var(--spacing-medium)}.nl4-m{margin-left:-var(--spacing-large)}.nl5-m{margin-left:-var(--spacing-extra-large)}.nl6-m{margin-left:-var(--spacing-extra-extra-large)}.nl7-m{margin-left:-var(--spacing-extra-extra-extra-large)}.nr1-m{margin-right:-var(--spacing-extra-small)}.nr2-m{margin-right:-var(--spacing-small)}.nr3-m{margin-right:-var(--spacing-medium)}.nr4-m{margin-right:-var(--spacing-large)}.nr5-m{margin-right:-var(--spacing-extra-large)}.nr6-m{margin-right:-var(--spacing-extra-extra-large)}.nr7-m{margin-right:-var(--spacing-extra-extra-extra-large)}.nb1-m{margin-bottom:-var(--spacing-extra-small)}.nb2-m{margin-bottom:-var(--spacing-small)}.nb3-m{margin-bottom:-var(--spacing-medium)}.nb4-m{margin-bottom:-var(--spacing-large)}.nb5-m{margin-bottom:-var(--spacing-extra-large)}.nb6-m{margin-bottom:-var(--spacing-extra-extra-large)}.nb7-m{margin-bottom:-var(--spacing-extra-extra-extra-large)}.nt1-m{margin-top:-var(--spacing-extra-small)}.nt2-m{margin-top:-var(--spacing-small)}.nt3-m{margin-top:-var(--spacing-medium)}.nt4-m{margin-top:-var(--spacing-large)}.nt5-m{margin-top:-var(--spacing-extra-large)}.nt6-m{margin-top:-var(--spacing-extra-extra-large)}.nt7-m{margin-top:-var(--spacing-extra-extra-extra-large)}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:var(--font-size-headline)}.f-5-m,.f-subheadline-m{font-size:var(--font-size-subheadline)}.f1-m{font-size:var(--font-size-1)}.f2-m{font-size:var(--font-size-2)}.f3-m{font-size:var(--font-size-3)}.f4-m{font-size:var(--font-size-4)}.f5-m{font-size:var(--font-size-5)}.f6-m{font-size:var(--font-size-6)}.f7-m{font-size:var(--font-size-7)}.measure-m{max-width:var(--measure)}.measure-wide-m{max-width:var(--measure-wide)}.measure-narrow-m{max-width:var(--measure-narrow)}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-m{font-variant:small-caps}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-l{height:0;position:relative}.aspect-ratio--16x9-l{padding-bottom:56.25%}.aspect-ratio--9x16-l{padding-bottom:177.77%}.aspect-ratio--4x3-l{padding-bottom:75%}.aspect-ratio--3x4-l{padding-bottom:133.33%}.aspect-ratio--6x4-l{padding-bottom:66.6%}.aspect-ratio--4x6-l{padding-bottom:150%}.aspect-ratio--8x5-l{padding-bottom:62.5%}.aspect-ratio--5x8-l{padding-bottom:160%}.aspect-ratio--7x5-l{padding-bottom:71.42%}.aspect-ratio--5x7-l{padding-bottom:140%}.aspect-ratio--1x1-l{padding-bottom:100%}.aspect-ratio--object-l{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:var(--border-radius-none)}.br1-l{border-radius:var(--border-radius-1)}.br2-l{border-radius:var(--border-radius-2)}.br3-l{border-radius:var(--border-radius-3)}.br4-l{border-radius:var(--border-radius-4)}.br-100-l{border-radius:var(--border-radius-circle)}.br-pill-l{border-radius:var(--border-radius-pill)}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:var(--border-width-none)}.bw1-l{border-width:var(--border-width-1)}.bw2-l{border-width:var(--border-width-2)}.bw3-l{border-width:var(--border-width-3)}.bw4-l{border-width:var(--border-width-4)}.bw5-l{border-width:var(--border-width-5)}.bt-0-l{border-top-width:var(--border-width-none)}.br-0-l{border-right-width:var(--border-width-none)}.bb-0-l{border-bottom-width:var(--border-width-none)}.bl-0-l{border-left-width:var(--border-width-none)}.shadow-1-l{box-shadow:var(--box-shadow-1)}.shadow-2-l{box-shadow:var(--box-shadow-2)}.shadow-3-l{box-shadow:var(--box-shadow-3)}.shadow-4-l{box-shadow:var(--box-shadow-4)}.shadow-5-l{box-shadow:var(--box-shadow-5)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}.flex-l{display:-webkit-box;display:flex}.inline-flex-l{display:-webkit-inline-box;display:inline-flex}.flex-auto-l{-webkit-box-flex:1;flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{-webkit-box-flex:0;flex:none}.flex-column-l{-webkit-box-orient:vertical;flex-direction:column}.flex-column-l,.flex-row-l{-webkit-box-direction:normal}.flex-row-l{-webkit-box-orient:horizontal;flex-direction:row}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.flex-column-reverse-l{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.flex-row-reverse-l{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.items-start-l{-webkit-box-align:start;align-items:flex-start}.items-end-l{-webkit-box-align:end;align-items:flex-end}.items-center-l{-webkit-box-align:center;align-items:center}.items-baseline-l{-webkit-box-align:baseline;align-items:baseline}.items-stretch-l{-webkit-box-align:stretch;align-items:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-start-l{-webkit-box-pack:start;justify-content:flex-start}.justify-end-l{-webkit-box-pack:end;justify-content:flex-end}.justify-center-l{-webkit-box-pack:center;justify-content:center}.justify-between-l{-webkit-box-pack:justify;justify-content:space-between}.justify-around-l{justify-content:space-around}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.order-0-l{-webkit-box-ordinal-group:1;order:0}.order-1-l{-webkit-box-ordinal-group:2;order:1}.order-2-l{-webkit-box-ordinal-group:3;order:2}.order-3-l{-webkit-box-ordinal-group:4;order:3}.order-4-l{-webkit-box-ordinal-group:5;order:4}.order-5-l{-webkit-box-ordinal-group:6;order:5}.order-6-l{-webkit-box-ordinal-group:7;order:6}.order-7-l{-webkit-box-ordinal-group:8;order:7}.order-8-l{-webkit-box-ordinal-group:9;order:8}.order-last-l{-webkit-box-ordinal-group:100000;order:99999}.flex-grow-0-l{-webkit-box-flex:0;flex-grow:0}.flex-grow-1-l{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.fl-l{float:left}.fl-l,.fr-l{_display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fs-normal-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:var(--height-1)}.h2-l{height:var(--height-2)}.h3-l{height:var(--height-3)}.h4-l{height:var(--height-4)}.h5-l{height:var(--height-5)}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:var(--letter-spacing-1)}.tracked-tight-l{letter-spacing:var(--letter-spacing-tight)}.tracked-mega-l{letter-spacing:var(--letter-spacing-2)}.lh-solid-l{line-height:var(--line-height-solid)}.lh-title-l{line-height:var(--line-height-title)}.lh-copy-l{line-height:var(--line-height-copy)}.mw-100-l{max-width:100%}.mw1-l{max-width:var(--max-width-1)}.mw2-l{max-width:var(--max-width-2)}.mw3-l{max-width:var(--max-width-3)}.mw4-l{max-width:var(--max-width-4)}.mw5-l{max-width:var(--max-width-5)}.mw6-l{max-width:var(--max-width-6)}.mw7-l{max-width:var(--max-width-7)}.mw8-l{max-width:var(--max-width-8)}.mw9-l{max-width:var(--max-width-9)}.mw-none-l{max-width:none}.w1-l{width:var(--width-1)}.w2-l{width:var(--width-2)}.w3-l{width:var(--width-3)}.w4-l{width:var(--width-4)}.w5-l{width:var(--width-5)}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-l{padding:var(--spacing-none)}.pa1-l{padding:var(--spacing-extra-small)}.pa2-l{padding:var(--spacing-small)}.pa3-l{padding:var(--spacing-medium)}.pa4-l{padding:var(--spacing-large)}.pa5-l{padding:var(--spacing-extra-large)}.pa6-l{padding:var(--spacing-extra-extra-large)}.pa7-l{padding:var(--spacing-extra-extra-extra-large)}.pl0-l{padding-left:var(--spacing-none)}.pl1-l{padding-left:var(--spacing-extra-small)}.pl2-l{padding-left:var(--spacing-small)}.pl3-l{padding-left:var(--spacing-medium)}.pl4-l{padding-left:var(--spacing-large)}.pl5-l{padding-left:var(--spacing-extra-large)}.pl6-l{padding-left:var(--spacing-extra-extra-large)}.pl7-l{padding-left:var(--spacing-extra-extra-extra-large)}.pr0-l{padding-right:var(--spacing-none)}.pr1-l{padding-right:var(--spacing-extra-small)}.pr2-l{padding-right:var(--spacing-small)}.pr3-l{padding-right:var(--spacing-medium)}.pr4-l{padding-right:var(--spacing-large)}.pr5-l{padding-right:var(--spacing-extra-large)}.pr6-l{padding-right:var(--spacing-extra-extra-large)}.pr7-l{padding-right:var(--spacing-extra-extra-extra-large)}.pb0-l{padding-bottom:var(--spacing-none)}.pb1-l{padding-bottom:var(--spacing-extra-small)}.pb2-l{padding-bottom:var(--spacing-small)}.pb3-l{padding-bottom:var(--spacing-medium)}.pb4-l{padding-bottom:var(--spacing-large)}.pb5-l{padding-bottom:var(--spacing-extra-large)}.pb6-l{padding-bottom:var(--spacing-extra-extra-large)}.pb7-l{padding-bottom:var(--spacing-extra-extra-extra-large)}.pt0-l{padding-top:var(--spacing-none)}.pt1-l{padding-top:var(--spacing-extra-small)}.pt2-l{padding-top:var(--spacing-small)}.pt3-l{padding-top:var(--spacing-medium)}.pt4-l{padding-top:var(--spacing-large)}.pt5-l{padding-top:var(--spacing-extra-large)}.pt6-l{padding-top:var(--spacing-extra-extra-large)}.pt7-l{padding-top:var(--spacing-extra-extra-extra-large)}.pv0-l{padding-top:var(--spacing-none);padding-bottom:var(--spacing-none)}.pv1-l{padding-top:var(--spacing-extra-small);padding-bottom:var(--spacing-extra-small)}.pv2-l{padding-top:var(--spacing-small);padding-bottom:var(--spacing-small)}.pv3-l{padding-top:var(--spacing-medium);padding-bottom:var(--spacing-medium)}.pv4-l{padding-top:var(--spacing-large);padding-bottom:var(--spacing-large)}.pv5-l{padding-top:var(--spacing-extra-large);padding-bottom:var(--spacing-extra-large)}.pv6-l{padding-top:var(--spacing-extra-extra-large);padding-bottom:var(--spacing-extra-extra-large)}.pv7-l{padding-top:var(--spacing-extra-extra-extra-large);padding-bottom:var(--spacing-extra-extra-extra-large)}.ph0-l{padding-left:var(--spacing-none);padding-right:var(--spacing-none)}.ph1-l{padding-left:var(--spacing-extra-small);padding-right:var(--spacing-extra-small)}.ph2-l{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.ph3-l{padding-left:var(--spacing-medium);padding-right:var(--spacing-medium)}.ph4-l{padding-left:var(--spacing-large);padding-right:var(--spacing-large)}.ph5-l{padding-left:var(--spacing-extra-large);padding-right:var(--spacing-extra-large)}.ph6-l{padding-left:var(--spacing-extra-extra-large);padding-right:var(--spacing-extra-extra-large)}.ph7-l{padding-left:var(--spacing-extra-extra-extra-large);padding-right:var(--spacing-extra-extra-extra-large)}.ma0-l{margin:var(--spacing-none)}.ma1-l{margin:var(--spacing-extra-small)}.ma2-l{margin:var(--spacing-small)}.ma3-l{margin:var(--spacing-medium)}.ma4-l{margin:var(--spacing-large)}.ma5-l{margin:var(--spacing-extra-large)}.ma6-l{margin:var(--spacing-extra-extra-large)}.ma7-l{margin:var(--spacing-extra-extra-extra-large)}.ml0-l{margin-left:var(--spacing-none)}.ml1-l{margin-left:var(--spacing-extra-small)}.ml2-l{margin-left:var(--spacing-small)}.ml3-l{margin-left:var(--spacing-medium)}.ml4-l{margin-left:var(--spacing-large)}.ml5-l{margin-left:var(--spacing-extra-large)}.ml6-l{margin-left:var(--spacing-extra-extra-large)}.ml7-l{margin-left:var(--spacing-extra-extra-extra-large)}.mr0-l{margin-right:var(--spacing-none)}.mr1-l{margin-right:var(--spacing-extra-small)}.mr2-l{margin-right:var(--spacing-small)}.mr3-l{margin-right:var(--spacing-medium)}.mr4-l{margin-right:var(--spacing-large)}.mr5-l{margin-right:var(--spacing-extra-large)}.mr6-l{margin-right:var(--spacing-extra-extra-large)}.mr7-l{margin-right:var(--spacing-extra-extra-extra-large)}.mb0-l{margin-bottom:var(--spacing-none)}.mb1-l{margin-bottom:var(--spacing-extra-small)}.mb2-l{margin-bottom:var(--spacing-small)}.mb3-l{margin-bottom:var(--spacing-medium)}.mb4-l{margin-bottom:var(--spacing-large)}.mb5-l{margin-bottom:var(--spacing-extra-large)}.mb6-l{margin-bottom:var(--spacing-extra-extra-large)}.mb7-l{margin-bottom:var(--spacing-extra-extra-extra-large)}.mt0-l{margin-top:var(--spacing-none)}.mt1-l{margin-top:var(--spacing-extra-small)}.mt2-l{margin-top:var(--spacing-small)}.mt3-l{margin-top:var(--spacing-medium)}.mt4-l{margin-top:var(--spacing-large)}.mt5-l{margin-top:var(--spacing-extra-large)}.mt6-l{margin-top:var(--spacing-extra-extra-large)}.mt7-l{margin-top:var(--spacing-extra-extra-extra-large)}.mv0-l{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.mv1-l{margin-top:var(--spacing-extra-small);margin-bottom:var(--spacing-extra-small)}.mv2-l{margin-top:var(--spacing-small);margin-bottom:var(--spacing-small)}.mv3-l{margin-top:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.mv4-l{margin-top:var(--spacing-large);margin-bottom:var(--spacing-large)}.mv5-l{margin-top:var(--spacing-extra-large);margin-bottom:var(--spacing-extra-large)}.mv6-l{margin-top:var(--spacing-extra-extra-large);margin-bottom:var(--spacing-extra-extra-large)}.mv7-l{margin-top:var(--spacing-extra-extra-extra-large);margin-bottom:var(--spacing-extra-extra-extra-large)}.mh0-l{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.mh1-l{margin-left:var(--spacing-extra-small);margin-right:var(--spacing-extra-small)}.mh2-l{margin-left:var(--spacing-small);margin-right:var(--spacing-small)}.mh3-l{margin-left:var(--spacing-medium);margin-right:var(--spacing-medium)}.mh4-l{margin-left:var(--spacing-large);margin-right:var(--spacing-large)}.mh5-l{margin-left:var(--spacing-extra-large);margin-right:var(--spacing-extra-large)}.mh6-l{margin-left:var(--spacing-extra-extra-large);margin-right:var(--spacing-extra-extra-large)}.mh7-l{margin-left:var(--spacing-extra-extra-extra-large);margin-right:var(--spacing-extra-extra-extra-large)}.na1-l{margin:-var(--spacing-extra-small)}.na2-l{margin:-var(--spacing-small)}.na3-l{margin:-var(--spacing-medium)}.na4-l{margin:-var(--spacing-large)}.na5-l{margin:-var(--spacing-extra-large)}.na6-l{margin:-var(--spacing-extra-extra-large)}.na7-l{margin:-var(--spacing-extra-extra-extra-large)}.nl1-l{margin-left:-var(--spacing-extra-small)}.nl2-l{margin-left:-var(--spacing-small)}.nl3-l{margin-left:-var(--spacing-medium)}.nl4-l{margin-left:-var(--spacing-large)}.nl5-l{margin-left:-var(--spacing-extra-large)}.nl6-l{margin-left:-var(--spacing-extra-extra-large)}.nl7-l{margin-left:-var(--spacing-extra-extra-extra-large)}.nr1-l{margin-right:-var(--spacing-extra-small)}.nr2-l{margin-right:-var(--spacing-small)}.nr3-l{margin-right:-var(--spacing-medium)}.nr4-l{margin-right:-var(--spacing-large)}.nr5-l{margin-right:-var(--spacing-extra-large)}.nr6-l{margin-right:-var(--spacing-extra-extra-large)}.nr7-l{margin-right:-var(--spacing-extra-extra-extra-large)}.nb1-l{margin-bottom:-var(--spacing-extra-small)}.nb2-l{margin-bottom:-var(--spacing-small)}.nb3-l{margin-bottom:-var(--spacing-medium)}.nb4-l{margin-bottom:-var(--spacing-large)}.nb5-l{margin-bottom:-var(--spacing-extra-large)}.nb6-l{margin-bottom:-var(--spacing-extra-extra-large)}.nb7-l{margin-bottom:-var(--spacing-extra-extra-extra-large)}.nt1-l{margin-top:-var(--spacing-extra-small)}.nt2-l{margin-top:-var(--spacing-small)}.nt3-l{margin-top:-var(--spacing-medium)}.nt4-l{margin-top:-var(--spacing-large)}.nt5-l{margin-top:-var(--spacing-extra-large)}.nt6-l{margin-top:-var(--spacing-extra-extra-large)}.nt7-l{margin-top:-var(--spacing-extra-extra-extra-large)}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:var(--font-size-headline)}.f-5-l,.f-subheadline-l{font-size:var(--font-size-subheadline)}.f1-l{font-size:var(--font-size-1)}.f2-l{font-size:var(--font-size-2)}.f3-l{font-size:var(--font-size-3)}.f4-l{font-size:var(--font-size-4)}.f5-l{font-size:var(--font-size-5)}.f6-l{font-size:var(--font-size-6)}.f7-l{font-size:var(--font-size-7)}.measure-l{max-width:var(--measure)}.measure-wide-l{max-width:var(--measure-wide)}.measure-narrow-l{max-width:var(--measure-narrow)}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-l{font-variant:small-caps}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}} diff --git a/package-lock.json b/package-lock.json index 2eb59f7..40a57f9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,7 +28,7 @@ "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "dev": true, "requires": { - "sprintf-js": "~1.0.2" + "sprintf-js": "1.0.3" } }, "array-find-index": { @@ -61,9 +61,9 @@ "integrity": "sha1-ozgAZCiacl9AzRUhRMIfqjf9Fis=", "dev": true, "requires": { - "is-blank": "^1.1.0", - "normalize-url": "^1.4.1", - "parse-author": "^0.2.1" + "is-blank": "1.1.0", + "normalize-url": "1.9.1", + "parse-author": "0.2.2" } }, "autoprefixer": { @@ -72,12 +72,12 @@ "integrity": "sha512-PLWJN3Xo/rycNkx+mp8iBDMTm3FeWe4VmYaZDSqL5QQB9sLsQkG5k8n+LNDFnhh9kdq2K+egL/icpctOmDHwig==", "dev": true, "requires": { - "browserslist": "^3.2.8", - "caniuse-lite": "^1.0.30000864", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^6.0.23", - "postcss-value-parser": "^3.2.3" + "browserslist": "3.2.8", + "caniuse-lite": "1.0.30001005", + "normalize-range": "0.1.2", + "num2fraction": "1.2.2", + "postcss": "6.0.23", + "postcss-value-parser": "3.3.1" }, "dependencies": { "ansi-styles": { @@ -86,7 +86,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -95,9 +95,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -112,9 +112,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -129,7 +129,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -146,7 +146,7 @@ "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, "requires": { - "balanced-match": "^1.0.0", + "balanced-match": "1.0.0", "concat-map": "0.0.1" } }, @@ -156,8 +156,8 @@ "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30000844", - "electron-to-chromium": "^1.3.47" + "caniuse-lite": "1.0.30001005", + "electron-to-chromium": "1.3.296" } }, "builtin-modules": { @@ -184,8 +184,8 @@ "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", "dev": true, "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" + "camelcase": "2.1.1", + "map-obj": "1.0.1" } }, "caniuse-api": { @@ -194,10 +194,10 @@ "integrity": "sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=", "dev": true, "requires": { - "browserslist": "^1.3.6", - "caniuse-db": "^1.0.30000529", - "lodash.memoize": "^4.1.2", - "lodash.uniq": "^4.5.0" + "browserslist": "1.7.7", + "caniuse-db": "1.0.30001005", + "lodash.memoize": "4.1.2", + "lodash.uniq": "4.5.0" }, "dependencies": { "browserslist": { @@ -206,8 +206,8 @@ "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=", "dev": true, "requires": { - "caniuse-db": "^1.0.30000639", - "electron-to-chromium": "^1.2.7" + "caniuse-db": "1.0.30001005", + "electron-to-chromium": "1.3.296" } } } @@ -236,11 +236,11 @@ "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" + "ansi-styles": "2.2.1", + "escape-string-regexp": "1.0.5", + "has-ansi": "2.0.0", + "strip-ansi": "3.0.1", + "supports-color": "2.0.0" } }, "clap": { @@ -249,7 +249,7 @@ "integrity": "sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==", "dev": true, "requires": { - "chalk": "^1.1.3" + "chalk": "1.1.3" } }, "class-repeat": { @@ -258,10 +258,10 @@ "integrity": "sha512-Waqktb/IbBVtQCZI8Esj3zWEetYEJDRN3J0D4TkH/H+ybHLM3Ma6BGk8lrssAtvjBUS3hFnaqVXAyaGHtLefYw==", "dev": true, "requires": { - "css-selector-tokenizer": "^0.5.4", - "get-css-classes": "^1.1.0", - "has-class-selector": "^1.0.0", - "is-present": "^1.0.0" + "css-selector-tokenizer": "0.5.4", + "get-css-classes": "1.1.0", + "has-class-selector": "1.0.0", + "is-present": "1.0.0" } }, "clone": { @@ -276,7 +276,7 @@ "integrity": "sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=", "dev": true, "requires": { - "q": "^1.1.2" + "q": "1.5.1" } }, "color": { @@ -285,9 +285,9 @@ "integrity": "sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=", "dev": true, "requires": { - "clone": "^1.0.2", - "color-convert": "^1.3.0", - "color-string": "^0.3.0" + "clone": "1.0.4", + "color-convert": "1.9.3", + "color-string": "0.3.0" } }, "color-convert": { @@ -311,7 +311,7 @@ "integrity": "sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=", "dev": true, "requires": { - "color-name": "^1.0.0" + "color-name": "1.1.3" } }, "colormin": { @@ -320,9 +320,9 @@ "integrity": "sha1-6i90IKcrlogaOKrlnsEkpvcpgTM=", "dev": true, "requires": { - "color": "^0.11.0", + "color": "0.11.4", "css-color-names": "0.0.4", - "has": "^1.0.1" + "has": "1.0.3" }, "dependencies": { "css-color-names": { @@ -363,9 +363,9 @@ "integrity": "sha1-+jg4XcBH74gZPBxhtqJTqKQn8RY=", "dev": true, "requires": { - "async": "^0.9.0", - "lodash": "^2.4.1", - "mkdirp": "^0.5.0" + "async": "0.9.2", + "lodash": "2.4.2", + "mkdirp": "0.5.1" } }, "create-error-class": { @@ -374,7 +374,7 @@ "integrity": "sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=", "dev": true, "requires": { - "capture-stack-trace": "^1.0.0" + "capture-stack-trace": "1.0.1" } }, "css-color-converter": { @@ -383,8 +383,8 @@ "integrity": "sha1-wufZPC6WyK2Msax6Hy5J2AUq3jY=", "dev": true, "requires": { - "color-convert": "^0.5.2", - "color-name": "^1.0.0" + "color-convert": "0.5.3", + "color-name": "1.1.3" }, "dependencies": { "color-convert": { @@ -407,8 +407,8 @@ "integrity": "sha512-temVrWS+sB4uocE2quhW8ru/KguDmGhCU7zN213KxtDvWOH3WS/ZUStfpF4fdCT7W8fPpFrQdWRFqtFtPPfBLA==", "dev": true, "requires": { - "minimist": "^1.2.0", - "postcss": "^7.0.0" + "minimist": "1.2.0", + "postcss": "7.0.21" }, "dependencies": { "ansi-styles": { @@ -417,7 +417,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -426,9 +426,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -437,7 +437,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -460,9 +460,9 @@ "integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -477,7 +477,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -488,8 +488,8 @@ "integrity": "sha1-E5uv00o1/QwUKEhwSeBpnm9qLCE=", "dev": true, "requires": { - "cssesc": "^0.1.0", - "fastparse": "^1.1.1" + "cssesc": "0.1.0", + "fastparse": "1.1.1" } }, "css-shorthand-expand": { @@ -500,14 +500,14 @@ "requires": { "css-color-names": "0.0.1", "css-url-regex": "0.0.1", - "hex-color-regex": "^1.0.1", - "hsl-regex": "^1.0.0", - "hsla-regex": "^1.0.0", - "map-obj": "^1.0.0", - "repeat-element": "^1.1.0", - "rgb-regex": "^1.0.1", - "rgba-regex": "^1.0.0", - "xtend": "^4.0.0" + "hex-color-regex": "1.1.0", + "hsl-regex": "1.0.0", + "hsla-regex": "1.0.0", + "map-obj": "1.0.1", + "repeat-element": "1.1.3", + "rgb-regex": "1.0.1", + "rgba-regex": "1.0.0", + "xtend": "4.0.2" } }, "css-shorthand-properties": { @@ -540,38 +540,38 @@ "integrity": "sha1-Tzj2zqK5sX+gFJDyPx3GjqZcHDg=", "dev": true, "requires": { - "autoprefixer": "^6.3.1", - "decamelize": "^1.1.2", - "defined": "^1.0.0", - "has": "^1.0.1", - "object-assign": "^4.0.1", - "postcss": "^5.0.14", - "postcss-calc": "^5.2.0", - "postcss-colormin": "^2.1.8", - "postcss-convert-values": "^2.3.4", - "postcss-discard-comments": "^2.0.4", - "postcss-discard-duplicates": "^2.0.1", - "postcss-discard-empty": "^2.0.1", - "postcss-discard-overridden": "^0.1.1", - "postcss-discard-unused": "^2.2.1", - "postcss-filter-plugins": "^2.0.0", - "postcss-merge-idents": "^2.1.5", - "postcss-merge-longhand": "^2.0.1", - "postcss-merge-rules": "^2.0.3", - "postcss-minify-font-values": "^1.0.2", - "postcss-minify-gradients": "^1.0.1", - "postcss-minify-params": "^1.0.4", - "postcss-minify-selectors": "^2.0.4", - "postcss-normalize-charset": "^1.1.0", - "postcss-normalize-url": "^3.0.7", - "postcss-ordered-values": "^2.1.0", - "postcss-reduce-idents": "^2.2.2", - "postcss-reduce-initial": "^1.0.0", - "postcss-reduce-transforms": "^1.0.3", - "postcss-svgo": "^2.1.1", - "postcss-unique-selectors": "^2.0.2", - "postcss-value-parser": "^3.2.3", - "postcss-zindex": "^2.0.1" + "autoprefixer": "6.7.7", + "decamelize": "1.2.0", + "defined": "1.0.0", + "has": "1.0.3", + "object-assign": "4.1.1", + "postcss": "5.2.18", + "postcss-calc": "5.3.1", + "postcss-colormin": "2.2.2", + "postcss-convert-values": "2.6.1", + "postcss-discard-comments": "2.0.4", + "postcss-discard-duplicates": "2.1.0", + "postcss-discard-empty": "2.1.0", + "postcss-discard-overridden": "0.1.1", + "postcss-discard-unused": "2.2.3", + "postcss-filter-plugins": "2.0.3", + "postcss-merge-idents": "2.1.7", + "postcss-merge-longhand": "2.0.2", + "postcss-merge-rules": "2.1.2", + "postcss-minify-font-values": "1.0.5", + "postcss-minify-gradients": "1.0.5", + "postcss-minify-params": "1.2.2", + "postcss-minify-selectors": "2.1.1", + "postcss-normalize-charset": "1.1.1", + "postcss-normalize-url": "3.0.8", + "postcss-ordered-values": "2.2.3", + "postcss-reduce-idents": "2.4.0", + "postcss-reduce-initial": "1.0.1", + "postcss-reduce-transforms": "1.0.4", + "postcss-svgo": "2.1.6", + "postcss-unique-selectors": "2.0.2", + "postcss-value-parser": "3.3.1", + "postcss-zindex": "2.2.0" }, "dependencies": { "autoprefixer": { @@ -580,12 +580,12 @@ "integrity": "sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=", "dev": true, "requires": { - "browserslist": "^1.7.6", - "caniuse-db": "^1.0.30000634", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^5.2.16", - "postcss-value-parser": "^3.2.3" + "browserslist": "1.7.7", + "caniuse-db": "1.0.30001005", + "normalize-range": "0.1.2", + "num2fraction": "1.2.2", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "browserslist": { @@ -594,8 +594,8 @@ "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=", "dev": true, "requires": { - "caniuse-db": "^1.0.30000639", - "electron-to-chromium": "^1.2.7" + "caniuse-db": "1.0.30001005", + "electron-to-chromium": "1.3.296" } }, "postcss-calc": { @@ -604,9 +604,9 @@ "integrity": "sha1-d7rnypKK2FcW4v2kLyYb98HWW14=", "dev": true, "requires": { - "postcss": "^5.0.2", - "postcss-message-helpers": "^2.0.0", - "reduce-css-calc": "^1.2.6" + "postcss": "5.2.18", + "postcss-message-helpers": "2.0.0", + "reduce-css-calc": "1.3.0" } } } @@ -617,8 +617,8 @@ "integrity": "sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=", "dev": true, "requires": { - "clap": "^1.0.9", - "source-map": "^0.5.3" + "clap": "1.2.3", + "source-map": "0.5.7" } }, "cssstats": { @@ -627,23 +627,23 @@ "integrity": "sha512-f0yU5/cWetXYfT3rsRGTic3D88Gxdod4vCahmvLtM2qa6l19dDZ2+PwhCzZhYiNZj5JEcKeosD/BVDni2rnEvQ==", "dev": true, "requires": { - "bytes": "^3.0.0", - "css-selector-tokenizer": "^0.7.0", - "css-shorthand-expand": "^1.1.0", - "gzip-size": "^4.1.0", - "has-class-selector": "^3.3.1", - "has-element-selector": "^3.3.1", - "has-id-selector": "^3.3.1", - "has-pseudo-class": "^3.3.1", - "has-pseudo-element": "^3.3.1", - "is-blank": "^2.1.0", - "is-css-shorthand": "^1.0.1", - "is-present": "^1.0.0", - "is-vendor-prefixed": "^3.3.1", - "lodash": "^4.17.5", - "postcss": "^6.0.21", - "postcss-safe-parser": "^3.0.1", - "specificity": "^0.3.2" + "bytes": "3.1.0", + "css-selector-tokenizer": "0.7.1", + "css-shorthand-expand": "1.2.0", + "gzip-size": "4.1.0", + "has-class-selector": "3.3.1", + "has-element-selector": "3.3.1", + "has-id-selector": "3.3.1", + "has-pseudo-class": "3.3.1", + "has-pseudo-element": "3.3.1", + "is-blank": "2.1.0", + "is-css-shorthand": "1.0.1", + "is-present": "1.0.0", + "is-vendor-prefixed": "3.3.1", + "lodash": "4.17.15", + "postcss": "6.0.23", + "postcss-safe-parser": "3.0.1", + "specificity": "0.3.2" }, "dependencies": { "ansi-styles": { @@ -652,7 +652,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -661,9 +661,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "css-selector-tokenizer": { @@ -672,9 +672,9 @@ "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", "dev": true, "requires": { - "cssesc": "^0.1.0", - "fastparse": "^1.1.1", - "regexpu-core": "^1.0.0" + "cssesc": "0.1.0", + "fastparse": "1.1.1", + "regexpu-core": "1.0.0" } }, "has-class-selector": { @@ -695,8 +695,8 @@ "integrity": "sha1-aac9PA1PQX3/+yB6J5XA8OV23gQ=", "dev": true, "requires": { - "is-empty": "^1.2.0", - "is-whitespace": "^0.3.0" + "is-empty": "1.2.0", + "is-whitespace": "0.3.0" } }, "is-empty": { @@ -723,9 +723,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -746,7 +746,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -757,7 +757,7 @@ "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", "dev": true, "requires": { - "array-find-index": "^1.0.1" + "array-find-index": "1.0.2" } }, "decamelize": { @@ -772,8 +772,8 @@ "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", "dev": true, "requires": { - "decamelize": "^1.1.0", - "map-obj": "^1.0.0" + "decamelize": "1.2.0", + "map-obj": "1.0.1" } }, "dedent": { @@ -794,8 +794,8 @@ "integrity": "sha1-6XsQA4d9cMCa8a81v63/Fo3kkg0=", "dev": true, "requires": { - "get-stdin": "^4.0.1", - "minimist": "^1.1.0" + "get-stdin": "4.0.1", + "minimist": "1.2.0" }, "dependencies": { "minimist": { @@ -830,7 +830,7 @@ "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", "dev": true, "requires": { - "is-arrayish": "^0.2.1" + "is-arrayish": "0.2.1" } }, "escape-string-regexp": { @@ -851,7 +851,7 @@ "integrity": "sha512-FIUCJz1RbuS0FKTdaAafAByGS0CPvU3R0MeHxgtl+djzCc//F8HakL8GzmVNZanasTbTAY/3DRFA0KpVqj/eAw==", "dev": true, "requires": { - "merge": "^1.2.0" + "merge": "1.2.1" } }, "extend": { @@ -884,8 +884,8 @@ "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", "dev": true, "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" + "path-exists": "2.1.0", + "pinkie-promise": "2.0.1" } }, "findup": { @@ -894,8 +894,8 @@ "integrity": "sha1-itkpozk7rGJ5V6fl3kYjsGsOLOs=", "dev": true, "requires": { - "colors": "~0.6.0-1", - "commander": "~2.1.0" + "colors": "0.6.2", + "commander": "2.1.0" }, "dependencies": { "colors": { @@ -930,8 +930,8 @@ "integrity": "sha1-W0Tqihks7OdWfARXRjOpKqRJF7M=", "dev": true, "requires": { - "css-selector-tokenizer": "^0.5.4", - "lodash": "^4.5.0" + "css-selector-tokenizer": "0.5.4", + "lodash": "4.17.15" }, "dependencies": { "lodash": { @@ -960,7 +960,7 @@ "integrity": "sha1-sPnRsb4Iofhi8pmwOAm0hIwZ39U=", "dev": true, "requires": { - "got": "^6.2.0" + "got": "6.7.1" } }, "github-repositories": { @@ -969,9 +969,9 @@ "integrity": "sha1-WoXLZuxYEHGfLlOcanFX40pox1I=", "dev": true, "requires": { - "chalk": "^1.0.0", - "gh-got": "^3.0.0", - "meow": "^3.3.0" + "chalk": "1.1.3", + "gh-got": "3.0.0", + "meow": "3.7.0" } }, "glob": { @@ -980,11 +980,11 @@ "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=", "dev": true, "requires": { - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "2 || 3", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" + "inflight": "1.0.6", + "inherits": "2.0.3", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" } }, "got": { @@ -993,17 +993,17 @@ "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=", "dev": true, "requires": { - "create-error-class": "^3.0.0", - "duplexer3": "^0.1.4", - "get-stream": "^3.0.0", - "is-redirect": "^1.0.0", - "is-retry-allowed": "^1.0.0", - "is-stream": "^1.0.0", - "lowercase-keys": "^1.0.0", - "safe-buffer": "^5.0.1", - "timed-out": "^4.0.0", - "unzip-response": "^2.0.1", - "url-parse-lax": "^1.0.0" + "create-error-class": "3.0.2", + "duplexer3": "0.1.4", + "get-stream": "3.0.0", + "is-redirect": "1.0.0", + "is-retry-allowed": "1.1.0", + "is-stream": "1.1.0", + "lowercase-keys": "1.0.1", + "safe-buffer": "5.1.2", + "timed-out": "4.0.1", + "unzip-response": "2.0.1", + "url-parse-lax": "1.0.0" } }, "graceful-fs": { @@ -1018,8 +1018,8 @@ "integrity": "sha1-iuCWJX6r59acRb4rZ8RIEk/7UXw=", "dev": true, "requires": { - "duplexer": "^0.1.1", - "pify": "^3.0.0" + "duplexer": "0.1.1", + "pify": "3.0.0" }, "dependencies": { "pify": { @@ -1036,7 +1036,7 @@ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "dev": true, "requires": { - "function-bind": "^1.1.1" + "function-bind": "1.1.1" } }, "has-ansi": { @@ -1045,7 +1045,7 @@ "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", "dev": true, "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "2.1.1" } }, "has-class-selector": { @@ -1060,7 +1060,7 @@ "integrity": "sha512-F0i77HehrvTV0U4t+Av8Pcgl3rrrfoZg8WCkvCuQNRWKjuUveEbiePwoMpqe2CXwd9Bc0C2Es0wvUbhIjh+kDw==", "dev": true, "requires": { - "css-selector-tokenizer": "^0.7.0" + "css-selector-tokenizer": "0.7.1" }, "dependencies": { "css-selector-tokenizer": { @@ -1069,9 +1069,9 @@ "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", "dev": true, "requires": { - "cssesc": "^0.1.0", - "fastparse": "^1.1.1", - "regexpu-core": "^1.0.0" + "cssesc": "0.1.0", + "fastparse": "1.1.1", + "regexpu-core": "1.0.0" } } } @@ -1143,14 +1143,14 @@ "dev": true, "requires": { "extend-options": "0.0.1", - "file-exists": "^0.1.1", + "file-exists": "0.1.1", "get-css-classes": "1.1.0", - "glob": "^5.0.14", + "glob": "5.0.15", "has-class-selector": "1.0.0", - "is-css": "^1.0.0", - "meow": "^3.3.0", - "postcss": "^5.0.10", - "specificity": "^0.1.4" + "is-css": "1.0.0", + "meow": "3.7.0", + "postcss": "5.2.18", + "specificity": "0.1.6" }, "dependencies": { "file-exists": { @@ -1167,14 +1167,14 @@ "integrity": "sha1-QNHAPN9JtrWqdnAF5SUdxb94K9s=", "dev": true, "requires": { - "chalk": "^1.1.1", - "file-exists": "^1.0.0", - "immutable-css": "^1.1.1", - "is-blank": "^1.1.0", - "is-css": "^1.0.0", - "meow": "^3.7.0", - "postcss": "^5.0.14", - "postcss-import": "^7.1.3" + "chalk": "1.1.3", + "file-exists": "1.0.0", + "immutable-css": "1.1.2", + "is-blank": "1.1.0", + "is-css": "1.0.0", + "meow": "3.7.0", + "postcss": "5.2.18", + "postcss-import": "7.1.3" } }, "indent-string": { @@ -1183,7 +1183,7 @@ "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", "dev": true, "requires": { - "repeating": "^2.0.0" + "repeating": "2.0.1" } }, "indexes-of": { @@ -1198,8 +1198,8 @@ "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "dev": true, "requires": { - "once": "^1.3.0", - "wrappy": "1" + "once": "1.4.0", + "wrappy": "1.0.2" } }, "inherits": { @@ -1227,7 +1227,7 @@ "dev": true, "requires": { "is-empty": "0.0.1", - "is-whitespace": "^0.3.0" + "is-whitespace": "0.3.0" } }, "is-builtin-module": { @@ -1236,7 +1236,7 @@ "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", "dev": true, "requires": { - "builtin-modules": "^1.0.0" + "builtin-modules": "1.1.1" } }, "is-css": { @@ -1251,7 +1251,7 @@ "integrity": "sha1-MPldAyEGBf7f3RKOU9rEpEN6kzw=", "dev": true, "requires": { - "css-shorthand-properties": "^1.0.0" + "css-shorthand-properties": "1.1.1" } }, "is-empty": { @@ -1266,7 +1266,7 @@ "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", "dev": true, "requires": { - "number-is-nan": "^1.0.0" + "number-is-nan": "1.0.1" } }, "is-plain-obj": { @@ -1291,7 +1291,7 @@ "dev": true, "requires": { "is-empty": "0.0.1", - "is-whitespace": "^0.3.0" + "is-whitespace": "0.3.0" } } } @@ -1320,7 +1320,7 @@ "integrity": "sha1-z2EJDaDZ77yrhyLeum8DIgjbsOk=", "dev": true, "requires": { - "html-comment-regex": "^1.1.0" + "html-comment-regex": "1.1.2" } }, "is-utf8": { @@ -1356,8 +1356,8 @@ "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=", "dev": true, "requires": { - "argparse": "^1.0.7", - "esprima": "^2.6.0" + "argparse": "1.0.10", + "esprima": "2.7.3" } }, "jsesc": { @@ -1378,11 +1378,11 @@ "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "dev": true, "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" + "graceful-fs": "4.1.11", + "parse-json": "2.2.0", + "pify": "2.3.0", + "pinkie-promise": "2.0.1", + "strip-bom": "2.0.0" } }, "locate-path": { @@ -1391,8 +1391,8 @@ "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", "dev": true, "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" + "p-locate": "2.0.0", + "path-exists": "3.0.0" }, "dependencies": { "path-exists": { @@ -1427,8 +1427,8 @@ "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", "dev": true, "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "currently-unhandled": "0.4.1", + "signal-exit": "3.0.2" } }, "lowercase-keys": { @@ -1455,16 +1455,16 @@ "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", "dev": true, "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" + "camelcase-keys": "2.1.0", + "decamelize": "1.2.0", + "loud-rejection": "1.6.0", + "map-obj": "1.0.1", + "minimist": "1.2.0", + "normalize-package-data": "2.4.0", + "object-assign": "4.1.1", + "read-pkg-up": "1.0.1", + "redent": "1.0.0", + "trim-newlines": "1.0.0" }, "dependencies": { "minimist": { @@ -1487,7 +1487,7 @@ "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, "requires": { - "brace-expansion": "^1.1.7" + "brace-expansion": "1.1.11" } }, "minimist": { @@ -1502,8 +1502,8 @@ "integrity": "sha512-FyBrT/d0d4+uiZRbqznPXqw3IpZZG3gl3wKWiX784FycUKVwBt0uLBFkQrtE4tZOrgo78nZp2jnKz3L65T5LdQ==", "dev": true, "requires": { - "arrify": "^1.0.1", - "is-plain-obj": "^1.1.0" + "arrify": "1.0.1", + "is-plain-obj": "1.1.0" } }, "mkdirp": { @@ -1521,10 +1521,10 @@ "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==", "dev": true, "requires": { - "hosted-git-info": "^2.1.4", - "is-builtin-module": "^1.0.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" + "hosted-git-info": "2.7.1", + "is-builtin-module": "1.0.0", + "semver": "5.6.0", + "validate-npm-package-license": "3.0.4" } }, "normalize-range": { @@ -1539,10 +1539,10 @@ "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=", "dev": true, "requires": { - "object-assign": "^4.0.1", - "prepend-http": "^1.0.0", - "query-string": "^4.1.0", - "sort-keys": "^1.0.0" + "object-assign": "4.1.1", + "prepend-http": "1.0.4", + "query-string": "4.3.4", + "sort-keys": "1.1.2" } }, "normalize.css": { @@ -1575,7 +1575,7 @@ "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, "requires": { - "wrappy": "1" + "wrappy": "1.0.2" } }, "p-limit": { @@ -1584,7 +1584,7 @@ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", "dev": true, "requires": { - "p-try": "^1.0.0" + "p-try": "1.0.0" } }, "p-locate": { @@ -1593,7 +1593,7 @@ "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", "dev": true, "requires": { - "p-limit": "^1.1.0" + "p-limit": "1.3.0" } }, "p-try": { @@ -1608,7 +1608,7 @@ "integrity": "sha1-MC0bjkxmUZ0cRd2VED0zKMRJjv0=", "dev": true, "requires": { - "author-regex": "^0.2.1" + "author-regex": "0.2.1" } }, "parse-json": { @@ -1617,7 +1617,7 @@ "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", "dev": true, "requires": { - "error-ex": "^1.2.0" + "error-ex": "1.3.2" } }, "path-exists": { @@ -1626,7 +1626,7 @@ "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", "dev": true, "requires": { - "pinkie-promise": "^2.0.0" + "pinkie-promise": "2.0.1" } }, "path-is-absolute": { @@ -1647,9 +1647,9 @@ "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", "dev": true, "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" + "graceful-fs": "4.1.11", + "pify": "2.3.0", + "pinkie-promise": "2.0.1" } }, "perfectionist": { @@ -1658,15 +1658,15 @@ "integrity": "sha1-wUetNxThJkZ/F2QSnuct+GHUfqA=", "dev": true, "requires": { - "comment-regex": "^1.0.0", - "defined": "^1.0.0", - "minimist": "^1.2.0", - "postcss": "^5.0.8", - "postcss-scss": "^0.3.0", - "postcss-value-parser": "^3.3.0", - "read-file-stdin": "^0.2.0", - "string.prototype.repeat": "^0.2.0", - "vendors": "^1.0.0", + "comment-regex": "1.0.1", + "defined": "1.0.0", + "minimist": "1.2.0", + "postcss": "5.2.18", + "postcss-scss": "0.3.1", + "postcss-value-parser": "3.3.1", + "read-file-stdin": "0.2.1", + "string.prototype.repeat": "0.2.0", + "vendors": "1.0.3", "write-file-stdout": "0.0.2" }, "dependencies": { @@ -1696,7 +1696,7 @@ "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", "dev": true, "requires": { - "pinkie": "^2.0.0" + "pinkie": "2.0.4" } }, "postcss": { @@ -1705,10 +1705,10 @@ "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "dev": true, "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.4.9", + "source-map": "0.5.7", + "supports-color": "3.2.3" }, "dependencies": { "supports-color": { @@ -1717,7 +1717,7 @@ "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "dev": true, "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -1728,10 +1728,10 @@ "integrity": "sha512-fiznXjEN5T42Qm7qqMCVJXS3roaj9r4xsSi+meaBVe7CJBl8t/QLOXu02Z2E6oWAMWIvCuF6JrvzFekmVEbOKA==", "dev": true, "requires": { - "css-unit-converter": "^1.1.1", - "postcss": "^7.0.2", - "postcss-selector-parser": "^2.2.2", - "reduce-css-calc": "^2.0.0" + "css-unit-converter": "1.1.1", + "postcss": "7.0.21", + "postcss-selector-parser": "2.2.3", + "reduce-css-calc": "2.1.7" }, "dependencies": { "ansi-styles": { @@ -1740,7 +1740,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -1749,9 +1749,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -1760,7 +1760,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -1777,9 +1777,9 @@ "integrity": "sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "reduce-css-calc": { @@ -1788,8 +1788,8 @@ "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", "dev": true, "requires": { - "css-unit-converter": "^1.1.1", - "postcss-value-parser": "^3.3.0" + "css-unit-converter": "1.1.1", + "postcss-value-parser": "3.3.1" } }, "source-map": { @@ -1804,7 +1804,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -1815,10 +1815,10 @@ "integrity": "sha512-0+G/JGaxsJP+a1+epFQ/XCCe9fnpr04Iq0LVp0/9DEZPcP66a/nIECgFDjwNLSOYiDnEv8p4SoWGiMqkzFd5uA==", "dev": true, "requires": { - "class-repeat": "^1.0.2", - "has-class-selector": "^1.0.0", - "is-present": "^1.0.0", - "postcss": "^5.0.19" + "class-repeat": "1.0.2", + "has-class-selector": "1.0.0", + "is-present": "1.0.0", + "postcss": "5.2.18" } }, "postcss-colormin": { @@ -1827,9 +1827,9 @@ "integrity": "sha1-ZjFBfV8OkJo9fsJrJMio0eT5bks=", "dev": true, "requires": { - "colormin": "^1.0.5", - "postcss": "^5.0.13", - "postcss-value-parser": "^3.2.3" + "colormin": "1.1.2", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-conditionals": { @@ -1838,9 +1838,9 @@ "integrity": "sha1-TR9iqlQEWM56t3n3FlaQHI+Okpo=", "dev": true, "requires": { - "css-color-converter": "^1.0.2", - "css-unit-converter": "^1.0.0", - "postcss": "^5.0.4" + "css-color-converter": "1.1.0", + "css-unit-converter": "1.1.1", + "postcss": "5.2.18" } }, "postcss-convert-values": { @@ -1849,8 +1849,8 @@ "integrity": "sha1-u9hZPFwf0uPRwyK7kl3K6Nrk1i0=", "dev": true, "requires": { - "postcss": "^5.0.11", - "postcss-value-parser": "^3.1.2" + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-css-variables": { @@ -1859,9 +1859,9 @@ "integrity": "sha1-pS5e8aLrYzqKT1/ENNbYXUD+cxA=", "dev": true, "requires": { - "escape-string-regexp": "^1.0.3", - "extend": "^3.0.1", - "postcss": "^6.0.8" + "escape-string-regexp": "1.0.5", + "extend": "3.0.2", + "postcss": "6.0.23" }, "dependencies": { "ansi-styles": { @@ -1870,7 +1870,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -1879,9 +1879,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -1896,9 +1896,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -1913,7 +1913,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -1924,7 +1924,7 @@ "integrity": "sha1-vlMnhBEOyylQRPtTlaGABushpzc=", "dev": true, "requires": { - "postcss": "^6.0.1" + "postcss": "6.0.23" }, "dependencies": { "ansi-styles": { @@ -1933,7 +1933,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -1942,9 +1942,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -1959,9 +1959,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -1976,7 +1976,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -1987,7 +1987,7 @@ "integrity": "sha1-vv6J+v1bPazlzM5Rt2uBUUvgDj0=", "dev": true, "requires": { - "postcss": "^5.0.14" + "postcss": "5.2.18" } }, "postcss-discard-duplicates": { @@ -1996,7 +1996,7 @@ "integrity": "sha1-uavye4isGIFYpesSq8riAmO5GTI=", "dev": true, "requires": { - "postcss": "^5.0.4" + "postcss": "5.2.18" } }, "postcss-discard-empty": { @@ -2005,7 +2005,7 @@ "integrity": "sha1-0rS9nVztXr2Nyt52QMfXzX9PkrU=", "dev": true, "requires": { - "postcss": "^5.0.14" + "postcss": "5.2.18" } }, "postcss-discard-overridden": { @@ -2014,7 +2014,7 @@ "integrity": "sha1-ix6vVU9ob7KIzYdMVWZ7CqNmjVg=", "dev": true, "requires": { - "postcss": "^5.0.16" + "postcss": "5.2.18" } }, "postcss-discard-unused": { @@ -2023,8 +2023,8 @@ "integrity": "sha1-vOMLLMWR/8Y0Mitfs0ZLbZNPRDM=", "dev": true, "requires": { - "postcss": "^5.0.14", - "uniqs": "^2.0.0" + "postcss": "5.2.18", + "uniqs": "2.0.0" } }, "postcss-extend-rule": { @@ -2033,8 +2033,8 @@ "integrity": "sha512-+NXtLOY49Xcx9173SJAYj41esTRTpihSLoKpj5yzoBki9PZK4HF37AH9AVyCeLFJL9fzhh0YFuk/3eyeZ9d/jw==", "dev": true, "requires": { - "postcss": "^6.0.11", - "postcss-nesting": "^4.2.1" + "postcss": "6.0.23", + "postcss-nesting": "4.2.1" }, "dependencies": { "ansi-styles": { @@ -2043,7 +2043,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2052,9 +2052,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -2069,9 +2069,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -2086,7 +2086,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2097,7 +2097,7 @@ "integrity": "sha512-T53GVFsdinJhgwm7rg1BzbeBRomOg9y5MBVhGcsV0CxurUdVj1UlPdKtn7aqYA/c/QVkzKMjq2bSV5dKG5+AwQ==", "dev": true, "requires": { - "postcss": "^5.0.4" + "postcss": "5.2.18" } }, "postcss-import": { @@ -2106,11 +2106,11 @@ "integrity": "sha1-ktECGvKmDfTdwKzzqn/3cmpNbJA=", "dev": true, "requires": { - "glob": "^5.0.14", - "object-assign": "^4.0.1", - "postcss": "^5.0.2", - "postcss-message-helpers": "^2.0.0", - "resolve": "^1.1.6" + "glob": "5.0.15", + "object-assign": "4.1.1", + "postcss": "5.2.18", + "postcss-message-helpers": "2.0.0", + "resolve": "1.8.1" } }, "postcss-merge-idents": { @@ -2119,9 +2119,9 @@ "integrity": "sha1-TFUwMTwI4dWzu/PSu8dH4njuonA=", "dev": true, "requires": { - "has": "^1.0.1", - "postcss": "^5.0.10", - "postcss-value-parser": "^3.1.1" + "has": "1.0.3", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-merge-longhand": { @@ -2130,7 +2130,7 @@ "integrity": "sha1-I9kM0Sewp3mUkVMyc5A0oaTz1lg=", "dev": true, "requires": { - "postcss": "^5.0.4" + "postcss": "5.2.18" } }, "postcss-merge-rules": { @@ -2139,11 +2139,11 @@ "integrity": "sha1-0d9d+qexrMO+VT8OnhDofGG19yE=", "dev": true, "requires": { - "browserslist": "^1.5.2", - "caniuse-api": "^1.5.2", - "postcss": "^5.0.4", - "postcss-selector-parser": "^2.2.2", - "vendors": "^1.0.0" + "browserslist": "1.7.7", + "caniuse-api": "1.6.1", + "postcss": "5.2.18", + "postcss-selector-parser": "2.2.3", + "vendors": "1.0.3" }, "dependencies": { "browserslist": { @@ -2152,8 +2152,8 @@ "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=", "dev": true, "requires": { - "caniuse-db": "^1.0.30000639", - "electron-to-chromium": "^1.2.7" + "caniuse-db": "1.0.30001005", + "electron-to-chromium": "1.3.296" } } } @@ -2170,9 +2170,9 @@ "integrity": "sha1-S1jttWZB66fIR0qzUmyv17vey2k=", "dev": true, "requires": { - "object-assign": "^4.0.1", - "postcss": "^5.0.4", - "postcss-value-parser": "^3.0.2" + "object-assign": "4.1.1", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-minify-gradients": { @@ -2181,8 +2181,8 @@ "integrity": "sha1-Xb2hE3NwP4PPtKPqOIHY11/15uE=", "dev": true, "requires": { - "postcss": "^5.0.12", - "postcss-value-parser": "^3.3.0" + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-minify-params": { @@ -2191,10 +2191,10 @@ "integrity": "sha1-rSzgcTc7lDs9kwo/pZo1jCjW8fM=", "dev": true, "requires": { - "alphanum-sort": "^1.0.1", - "postcss": "^5.0.2", - "postcss-value-parser": "^3.0.2", - "uniqs": "^2.0.0" + "alphanum-sort": "1.0.2", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1", + "uniqs": "2.0.0" } }, "postcss-minify-selectors": { @@ -2203,10 +2203,10 @@ "integrity": "sha1-ssapjAByz5G5MtGkllCBFDEXNb8=", "dev": true, "requires": { - "alphanum-sort": "^1.0.2", - "has": "^1.0.1", - "postcss": "^5.0.14", - "postcss-selector-parser": "^2.0.0" + "alphanum-sort": "1.0.2", + "has": "1.0.3", + "postcss": "5.2.18", + "postcss-selector-parser": "2.2.3" } }, "postcss-nesting": { @@ -2215,7 +2215,7 @@ "integrity": "sha512-IkyWXICwagCnlaviRexi7qOdwPw3+xVVjgFfGsxmztvRVaNxAlrypOIKqDE5mxY+BVxnId1rnUKBRQoNE2VDaA==", "dev": true, "requires": { - "postcss": "^6.0.11" + "postcss": "6.0.23" }, "dependencies": { "ansi-styles": { @@ -2224,7 +2224,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2233,9 +2233,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -2250,9 +2250,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -2267,7 +2267,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2278,7 +2278,7 @@ "integrity": "sha1-757nEhLX/nWceO0WL2HtYrXLk/E=", "dev": true, "requires": { - "postcss": "^5.0.5" + "postcss": "5.2.18" } }, "postcss-normalize-url": { @@ -2287,10 +2287,10 @@ "integrity": "sha1-EI90s/L82viRov+j6kWSJ5/HgiI=", "dev": true, "requires": { - "is-absolute-url": "^2.0.0", - "normalize-url": "^1.4.0", - "postcss": "^5.0.14", - "postcss-value-parser": "^3.2.3" + "is-absolute-url": "2.1.0", + "normalize-url": "1.9.1", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-ordered-values": { @@ -2299,8 +2299,8 @@ "integrity": "sha1-7sbCpntsQSqNsgQud/6NpD+VwR0=", "dev": true, "requires": { - "postcss": "^5.0.4", - "postcss-value-parser": "^3.0.1" + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-reduce-idents": { @@ -2309,8 +2309,8 @@ "integrity": "sha1-wsbSDMlYKE9qv75j92Cb9AkFmtM=", "dev": true, "requires": { - "postcss": "^5.0.4", - "postcss-value-parser": "^3.0.2" + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-reduce-initial": { @@ -2319,7 +2319,7 @@ "integrity": "sha1-aPgGlfBF0IJjqHmtJA343WT2ROo=", "dev": true, "requires": { - "postcss": "^5.0.4" + "postcss": "5.2.18" } }, "postcss-reduce-transforms": { @@ -2328,9 +2328,9 @@ "integrity": "sha1-/3b02CEkN7McKYpC0uFEQCV3GuE=", "dev": true, "requires": { - "has": "^1.0.1", - "postcss": "^5.0.8", - "postcss-value-parser": "^3.0.1" + "has": "1.0.3", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1" } }, "postcss-rtl": { @@ -2339,7 +2339,7 @@ "integrity": "sha512-7uQeaMBhAlnu7xgytvTocojFKp08W4FND/xE/ajj/J6ABOGhdDF1mLGzaRrC5/u/Sr71BEUi13xgvs2j8U16AA==", "dev": true, "requires": { - "rtlcss": "^2.4.0" + "rtlcss": "2.4.0" } }, "postcss-safe-parser": { @@ -2348,7 +2348,7 @@ "integrity": "sha1-t1Pv9sfArqXoN1++TN6L+QY/8UI=", "dev": true, "requires": { - "postcss": "^6.0.6" + "postcss": "6.0.23" }, "dependencies": { "ansi-styles": { @@ -2357,7 +2357,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2366,9 +2366,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -2383,9 +2383,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -2400,7 +2400,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2411,7 +2411,7 @@ "integrity": "sha1-ZcYQ2OKn7g5isYNbcbiHBzSBbks=", "dev": true, "requires": { - "postcss": "^5.2.4" + "postcss": "5.2.18" } }, "postcss-selector-parser": { @@ -2420,9 +2420,9 @@ "integrity": "sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=", "dev": true, "requires": { - "flatten": "^1.0.2", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" + "flatten": "1.0.2", + "indexes-of": "1.0.1", + "uniq": "1.0.1" } }, "postcss-svgo": { @@ -2431,10 +2431,10 @@ "integrity": "sha1-tt8YqmE7Zm4TPwittSGcJoSsEI0=", "dev": true, "requires": { - "is-svg": "^2.0.0", - "postcss": "^5.0.14", - "postcss-value-parser": "^3.2.3", - "svgo": "^0.7.0" + "is-svg": "2.1.0", + "postcss": "5.2.18", + "postcss-value-parser": "3.3.1", + "svgo": "0.7.2" } }, "postcss-unique-selectors": { @@ -2443,9 +2443,9 @@ "integrity": "sha1-mB1X0p3csz57Hf4f1DuGSfkzyh0=", "dev": true, "requires": { - "alphanum-sort": "^1.0.1", - "postcss": "^5.0.4", - "uniqs": "^2.0.0" + "alphanum-sort": "1.0.2", + "postcss": "5.2.18", + "uniqs": "2.0.0" } }, "postcss-value-parser": { @@ -2460,9 +2460,9 @@ "integrity": "sha1-0hCd3AVbka9n/EyzsCWUZjnSryI=", "dev": true, "requires": { - "has": "^1.0.1", - "postcss": "^5.0.4", - "uniqs": "^2.0.0" + "has": "1.0.3", + "postcss": "5.2.18", + "uniqs": "2.0.0" } }, "prepend-http": { @@ -2495,8 +2495,8 @@ "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=", "dev": true, "requires": { - "object-assign": "^4.1.0", - "strict-uri-encode": "^1.0.0" + "object-assign": "4.1.1", + "strict-uri-encode": "1.1.0" } }, "quick-lru": { @@ -2511,7 +2511,7 @@ "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", "dev": true, "requires": { - "pify": "^2.3.0" + "pify": "2.3.0" } }, "read-file-stdin": { @@ -2520,7 +2520,7 @@ "integrity": "sha1-JezP86FTtoCa+ssj7hU4fbng7mE=", "dev": true, "requires": { - "gather-stream": "^1.0.0" + "gather-stream": "1.0.0" } }, "read-pkg": { @@ -2529,9 +2529,9 @@ "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", "dev": true, "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" + "load-json-file": "1.1.0", + "normalize-package-data": "2.4.0", + "path-type": "1.1.0" } }, "read-pkg-up": { @@ -2540,8 +2540,8 @@ "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", "dev": true, "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" + "find-up": "1.1.2", + "read-pkg": "1.1.0" } }, "redent": { @@ -2550,8 +2550,8 @@ "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", "dev": true, "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" + "indent-string": "2.1.0", + "strip-indent": "1.0.1" } }, "reduce-css-calc": { @@ -2560,9 +2560,9 @@ "integrity": "sha1-dHyRTgSWFKTJz7umKYca0dKSdxY=", "dev": true, "requires": { - "balanced-match": "^0.4.2", - "math-expression-evaluator": "^1.2.14", - "reduce-function-call": "^1.0.1" + "balanced-match": "0.4.2", + "math-expression-evaluator": "1.2.17", + "reduce-function-call": "1.0.3" }, "dependencies": { "balanced-match": { @@ -2579,7 +2579,7 @@ "integrity": "sha512-Hl/tuV2VDgWgCSEeWMLwxLZqX7OK59eU1guxXsRKTAyeYimivsKdtcV4fu3r710tpG5GmDKDhQ0HSZLExnNmyQ==", "dev": true, "requires": { - "balanced-match": "^1.0.0" + "balanced-match": "1.0.0" } }, "regenerate": { @@ -2594,9 +2594,9 @@ "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=", "dev": true, "requires": { - "regenerate": "^1.2.1", - "regjsgen": "^0.2.0", - "regjsparser": "^0.1.4" + "regenerate": "1.4.0", + "regjsgen": "0.2.0", + "regjsparser": "0.1.5" } }, "regjsgen": { @@ -2611,7 +2611,7 @@ "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", "dev": true, "requires": { - "jsesc": "~0.5.0" + "jsesc": "0.5.0" } }, "repeat-element": { @@ -2626,7 +2626,7 @@ "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", "dev": true, "requires": { - "is-finite": "^1.0.0" + "is-finite": "1.0.2" } }, "resolve": { @@ -2635,7 +2635,7 @@ "integrity": "sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==", "dev": true, "requires": { - "path-parse": "^1.0.5" + "path-parse": "1.0.6" } }, "rgb-regex": { @@ -2656,11 +2656,11 @@ "integrity": "sha512-hdjFhZ5FCI0ABOfyXOMOhBtwPWtANLCG7rOiOcRf+yi5eDdxmDjqBruWouEnwVdzfh/TWF6NNncIEsigOCFZOA==", "dev": true, "requires": { - "chalk": "^2.3.0", - "findup": "^0.1.5", - "mkdirp": "^0.5.1", - "postcss": "^6.0.14", - "strip-json-comments": "^2.0.0" + "chalk": "2.4.2", + "findup": "0.1.5", + "mkdirp": "0.5.1", + "postcss": "6.0.23", + "strip-json-comments": "2.0.1" }, "dependencies": { "ansi-styles": { @@ -2669,7 +2669,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2678,9 +2678,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "has-flag": { @@ -2695,9 +2695,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "source-map": { @@ -2712,7 +2712,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2747,7 +2747,7 @@ "integrity": "sha1-gfCtKtZFGBlFyAlSpcFBSZLulmQ=", "dev": true, "requires": { - "detect-newline": "^1.0.3" + "detect-newline": "1.0.3" } }, "sort-keys": { @@ -2756,7 +2756,7 @@ "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=", "dev": true, "requires": { - "is-plain-obj": "^1.0.0" + "is-plain-obj": "1.1.0" } }, "source-map": { @@ -2771,8 +2771,8 @@ "integrity": "sha512-q9hedtzyXHr5S0A1vEPoK/7l8NpfkFYTq6iCY+Pno2ZbdZR6WexZFtqeVGkGxW3TEJMN914Z55EnAGMmenlIQQ==", "dev": true, "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" + "spdx-expression-parse": "3.0.0", + "spdx-license-ids": "3.0.1" } }, "spdx-exceptions": { @@ -2787,8 +2787,8 @@ "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", "dev": true, "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" + "spdx-exceptions": "2.2.0", + "spdx-license-ids": "3.0.1" } }, "spdx-license-ids": { @@ -2827,7 +2827,7 @@ "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "2.1.1" } }, "strip-bom": { @@ -2836,7 +2836,7 @@ "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", "dev": true, "requires": { - "is-utf8": "^0.2.0" + "is-utf8": "0.2.1" } }, "strip-indent": { @@ -2845,7 +2845,7 @@ "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", "dev": true, "requires": { - "get-stdin": "^4.0.1" + "get-stdin": "4.0.1" } }, "strip-json-comments": { @@ -2866,13 +2866,13 @@ "integrity": "sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=", "dev": true, "requires": { - "coa": "~1.0.1", - "colors": "~1.1.2", - "csso": "~2.3.1", - "js-yaml": "~3.7.0", - "mkdirp": "~0.5.1", - "sax": "~1.2.1", - "whet.extend": "~0.9.9" + "coa": "1.0.4", + "colors": "1.1.2", + "csso": "2.3.2", + "js-yaml": "3.7.0", + "mkdirp": "0.5.1", + "sax": "1.2.4", + "whet.extend": "0.9.9" } }, "tachyons-build-css": { @@ -2881,20 +2881,20 @@ "integrity": "sha512-UwoA8X/tvv7UiI3F6I/1lMu1YBnh3F+8vbfnGxZHeMWwY6GlIpz8P4my1LCAfQDpamWO3Y6p9xufjhUOROFydA==", "dev": true, "requires": { - "autoprefixer": "^8.1.0", - "css-mqpacker": "^6.0.2", - "cssnano": "^3.10.0", - "perfectionist": "^2.4.0", - "postcss": "^6.0.19", - "postcss-calc": "^6.0.1", - "postcss-class-repeat": "^0.1.1", - "postcss-conditionals": "^2.1.0", - "postcss-css-variables": "^0.8.0", - "postcss-custom-media": "^6.0.0", - "postcss-discard-comments": "^2.0.4", - "postcss-extend-rule": "^1.1.0", - "postcss-import": "^11.1.0", - "postcss-rtl": "^1.2.3" + "autoprefixer": "8.6.5", + "css-mqpacker": "6.0.2", + "cssnano": "3.10.0", + "perfectionist": "2.4.0", + "postcss": "6.0.23", + "postcss-calc": "6.0.2", + "postcss-class-repeat": "0.1.1", + "postcss-conditionals": "2.1.0", + "postcss-css-variables": "0.8.1", + "postcss-custom-media": "6.0.0", + "postcss-discard-comments": "2.0.4", + "postcss-extend-rule": "1.1.0", + "postcss-import": "11.1.0", + "postcss-rtl": "1.5.0" }, "dependencies": { "ansi-styles": { @@ -2903,7 +2903,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2912,9 +2912,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "css-mqpacker": { @@ -2923,8 +2923,8 @@ "integrity": "sha512-01xogFCcK6KQmUS+EwSS5R5Sq/mp9rjLBw/7ej+xPZHKE0gzjsWk8uJpFuKOllQrVEOJqt7Y8H6rCNG+sMIg+Q==", "dev": true, "requires": { - "minimist": "^1.2.0", - "postcss": "^6.0.16" + "minimist": "1.2.0", + "postcss": "6.0.23" } }, "has-flag": { @@ -2945,9 +2945,9 @@ "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "dev": true, "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" } }, "postcss-import": { @@ -2956,10 +2956,10 @@ "integrity": "sha512-5l327iI75POonjxkXgdRCUS+AlzAdBx4pOvMEhTKTCjb1p8IEeVR9yx3cPbmN7LIWJLbfnIXxAhoB4jpD0c/Cw==", "dev": true, "requires": { - "postcss": "^6.0.1", - "postcss-value-parser": "^3.2.3", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" + "postcss": "6.0.23", + "postcss-value-parser": "3.3.1", + "read-cache": "1.0.0", + "resolve": "1.8.1" } }, "source-map": { @@ -2974,7 +2974,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2985,21 +2985,21 @@ "integrity": "sha512-U3P0HoKY9CXNwJGR9H9xPbr9Mc1qjVgCIkVmSwCNp+TcI9TVQCB0HMnIA1H/TdFLg42PLyezPEwvyebR3FngBQ==", "dev": true, "requires": { - "authors-to-markdown": "^0.1.0", - "chalk": "^2.4.2", - "copy-files": "^0.1.0", - "css-mqpacker": "^7.0.0", - "cssstats": "^3.4.0", - "dedent": "^0.7.0", - "file-exists": "^5.0.1", - "immutable-css": "^1.1.2", - "is-blank": "^2.1.0", - "is-present": "^1.0.0", - "lodash": "^4.17.15", - "meow": "^5.0.0", - "mkdirp": "^0.5.1", - "single-trailing-newline": "^1.0.0", - "tachyons-build-css": "^1.8.1" + "authors-to-markdown": "0.1.0", + "chalk": "2.4.2", + "copy-files": "0.1.0", + "css-mqpacker": "7.0.0", + "cssstats": "3.4.0", + "dedent": "0.7.0", + "file-exists": "5.0.1", + "immutable-css": "1.1.2", + "is-blank": "2.1.0", + "is-present": "1.0.0", + "lodash": "4.17.15", + "meow": "5.0.0", + "mkdirp": "0.5.1", + "single-trailing-newline": "1.0.0", + "tachyons-build-css": "1.8.1" }, "dependencies": { "ansi-styles": { @@ -3008,7 +3008,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "camelcase": { @@ -3023,9 +3023,9 @@ "integrity": "sha1-oqpfsa9oh1glnDLBQUJteJI7m3c=", "dev": true, "requires": { - "camelcase": "^4.1.0", - "map-obj": "^2.0.0", - "quick-lru": "^1.0.0" + "camelcase": "4.1.0", + "map-obj": "2.0.0", + "quick-lru": "1.1.0" } }, "chalk": { @@ -3034,9 +3034,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "file-exists": { @@ -3051,7 +3051,7 @@ "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", "dev": true, "requires": { - "locate-path": "^2.0.0" + "locate-path": "2.0.0" } }, "has-flag": { @@ -3072,8 +3072,8 @@ "integrity": "sha1-aac9PA1PQX3/+yB6J5XA8OV23gQ=", "dev": true, "requires": { - "is-empty": "^1.2.0", - "is-whitespace": "^0.3.0" + "is-empty": "1.2.0", + "is-whitespace": "0.3.0" } }, "is-empty": { @@ -3094,10 +3094,10 @@ "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=", "dev": true, "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^4.0.0", - "pify": "^3.0.0", - "strip-bom": "^3.0.0" + "graceful-fs": "4.1.11", + "parse-json": "4.0.0", + "pify": "3.0.0", + "strip-bom": "3.0.0" } }, "lodash": { @@ -3118,15 +3118,15 @@ "integrity": "sha512-CbTqYU17ABaLefO8vCU153ZZlprKYWDljcndKKDCFcYQITzWCXZAVk4QMFZPgvzrnUQ3uItnIE/LoUOwrT15Ig==", "dev": true, "requires": { - "camelcase-keys": "^4.0.0", - "decamelize-keys": "^1.0.0", - "loud-rejection": "^1.0.0", - "minimist-options": "^3.0.1", - "normalize-package-data": "^2.3.4", - "read-pkg-up": "^3.0.0", - "redent": "^2.0.0", - "trim-newlines": "^2.0.0", - "yargs-parser": "^10.0.0" + "camelcase-keys": "4.2.0", + "decamelize-keys": "1.1.0", + "loud-rejection": "1.6.0", + "minimist-options": "3.0.2", + "normalize-package-data": "2.4.0", + "read-pkg-up": "3.0.0", + "redent": "2.0.0", + "trim-newlines": "2.0.0", + "yargs-parser": "10.1.0" } }, "parse-json": { @@ -3135,8 +3135,8 @@ "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", "dev": true, "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" + "error-ex": "1.3.2", + "json-parse-better-errors": "1.0.2" } }, "path-type": { @@ -3145,7 +3145,7 @@ "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", "dev": true, "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" } }, "pify": { @@ -3160,9 +3160,9 @@ "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=", "dev": true, "requires": { - "load-json-file": "^4.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^3.0.0" + "load-json-file": "4.0.0", + "normalize-package-data": "2.4.0", + "path-type": "3.0.0" } }, "read-pkg-up": { @@ -3171,8 +3171,8 @@ "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=", "dev": true, "requires": { - "find-up": "^2.0.0", - "read-pkg": "^3.0.0" + "find-up": "2.1.0", + "read-pkg": "3.0.0" } }, "redent": { @@ -3181,8 +3181,8 @@ "integrity": "sha1-wbIAe0LVfrE4kHmzyDM2OdXhzKo=", "dev": true, "requires": { - "indent-string": "^3.0.0", - "strip-indent": "^2.0.0" + "indent-string": "3.2.0", + "strip-indent": "2.0.0" } }, "strip-bom": { @@ -3203,7 +3203,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } }, "trim-newlines": { @@ -3220,9 +3220,9 @@ "integrity": "sha1-JHXakMYvhtr9R7fJXVJJb3Yj4WU=", "dev": true, "requires": { - "github-repositories": "^3.0.0", - "is-present": "^1.0.0", - "pinkie-promise": "^2.0.1" + "github-repositories": "3.0.0", + "is-present": "1.0.0", + "pinkie-promise": "2.0.1" } }, "timed-out": { @@ -3261,7 +3261,7 @@ "integrity": "sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=", "dev": true, "requires": { - "prepend-http": "^1.0.1" + "prepend-http": "1.0.4" } }, "validate-npm-package-license": { @@ -3270,8 +3270,8 @@ "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", "dev": true, "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" + "spdx-correct": "3.0.2", + "spdx-expression-parse": "3.0.0" } }, "vendor-prefixes": { @@ -3292,8 +3292,8 @@ "integrity": "sha1-NApxe952Vyb6CqB9ch4BR6VR3ww=", "dev": true, "requires": { - "exec-sh": "^0.2.0", - "minimist": "^1.2.0" + "exec-sh": "0.2.2", + "minimist": "1.2.0" }, "dependencies": { "minimist": { @@ -3334,7 +3334,7 @@ "integrity": "sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==", "dev": true, "requires": { - "camelcase": "^4.1.0" + "camelcase": "4.1.0" }, "dependencies": { "camelcase": { diff --git a/package.json b/package.json index c998518..26d9b56 100644 --- a/package.json +++ b/package.json @@ -42,8 +42,8 @@ "start": "npm run build:watch", "mutations": "immutable-css src/tachyons.css --strict", "build": "npm run build:css && npm run build:minify", - "build:css": "tachyons src/tachyons.css > css/tachyons.css", - "build:minify": "tachyons src/tachyons.css -m > css/tachyons.min.css", + "build:css": "tachyons src/tachyons.css --preserve-variables > css/tachyons.css", + "build:minify": "tachyons src/tachyons.css --minify --preserve-variables > css/tachyons.min.css", "build:watch": "watch \"npm run build\" ./src/" } } diff --git a/src/_variables.css b/src/_variables.css index c678fce..69242c0 100644 --- a/src/_variables.css +++ b/src/_variables.css @@ -7,7 +7,7 @@ @custom-media --breakpoint-not-small screen and (min-width: 30em); @custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em); @custom-media --breakpoint-large screen and (min-width: 60em); -root: { +:root { --sans-serif: -apple-system, BlinkMacSystemFont, -system-ui, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; --serif: athelas, serif; --monospace: SFMono, consolas, monaco, monospace;