/* Solid is BuzzFeed's CSS style guide. solid.buzzfeed.com
*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

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: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, select, textarea { font: inherit; }

optgroup { font-weight: bold; }

button, input, select { overflow: visible; }

button, input, select, textarea { margin: 0; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

[disabled] { cursor: default; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

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; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

pre, code, sub, sup, fieldset, form, label, legend, details, embed, menu, summary, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6, p, blockquote, figure, ol, ul, caption, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; font: inherit; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

html { box-sizing: border-box; }

*, *:before, *:after { -moz-box-sizing: inherit; box-sizing: inherit; }

img { max-width: 100%; height: auto; }

iframe { border: 0; }

small { font-size: 16px; }

sub, sup { font-size: 16px; }

sup { top: -0.5rem; }

sub { bottom: -.25rem; }

code, kbd, pre, samp { font-size: 16px; }

fieldset { border: 0; margin: 0; padding: 0; }

optgroup { font-weight: 600; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

input { -webkit-appearance: none; border-radius: 0; }

html { font-size: 16px; font-family: "europa", Helvetica, Arial, sans-serif; }

body { font-size: 1em; line-height: 1.25; }

h1 { font-size: 2.25em; line-height: 1.4; }

h2 { font-size: 1.8em; line-height: 1.35; }

h3 { font-size: 1.125em; line-height: 1.25; }

h4 { font-size: 1em; line-height: 1.25; }

h5 { font-size: 0.875em; line-height: 1; }

h6 { font-size: 0.75em; line-height: 1; }

.slab h6, h6.slab { font-family: "europa", Helvetica, Arial, sans-serif; font-weight: 400; }

a { text-decoration: none; color: #07e; }
a:hover { color: #004488; transition: color .15s ease 0s; }

strong, b { font-weight: 600; }

em, i { font-style: italic; }

ol, ul { font-variant-numeric: tabular-nums; -moz-font-feature-settings: "tnum" 1; -moz-font-feature-settings: "tnum=1"; -webkit-font-feature-settings: 'tnum' 1; font-feature-settings: 'tnum' 1; padding-left: 2rem; }

table { font-variant-numeric: tabular-nums; -moz-font-feature-settings: "tnum" 1; -moz-font-feature-settings: "tnum=1"; -webkit-font-feature-settings: 'tnum' 1; font-feature-settings: 'tnum' 1; border-collapse: separate; border-spacing: 0; max-width: 100%; width: 100%; }

th { text-align: left; font-weight: 600; vertical-align: bottom; }

th, td { padding: 0.5rem; }

td { vertical-align: middle; }

.xs-block-grid-1, .xs-block-grid-2, .xs-block-grid-3, .xs-block-grid-4, .xs-block-grid-5, .xs-block-grid-6 { font-size: 0        !important; margin: -0.5rem !important; padding: 0          !important; }

@media (min-width: 40rem) { .sm-block-grid-1, .sm-block-grid-2, .sm-block-grid-3, .sm-block-grid-4, .sm-block-grid-5, .sm-block-grid-6 { font-size: 0        !important; margin: -0.5rem !important; padding: 0          !important; } }
@media (min-width: 52rem) { .md-block-grid-1, .md-block-grid-2, .md-block-grid-3, .md-block-grid-4, .md-block-grid-5, .md-block-grid-6 { font-size: 0        !important; margin: -0.5rem !important; padding: 0          !important; } }
@media (min-width: 64rem) { .lg-block-grid-1, .lg-block-grid-2, .lg-block-grid-3, .lg-block-grid-4, .lg-block-grid-5, .lg-block-grid-6 { font-size: 0        !important; margin: -0.5rem !important; padding: 0          !important; } }
@media (min-width: 76rem) { .xl-block-grid-1, .xl-block-grid-2, .xl-block-grid-3, .xl-block-grid-4, .xl-block-grid-5, .xl-block-grid-6 { font-size: 0        !important; margin: -0.5rem !important; padding: 0          !important; } }
.block-grid__item { display: inline-block      !important; margin: 0.5rem !important; font-size: 16px !important; vertical-align: top        !important; }

.xs-block-grid-1 .block-grid__item { width: 100% !important; }
.xs-block-grid-2 .block-grid__item { width: calc(50% - 1rem) !important; }
.xs-block-grid-3 .block-grid__item { width: calc(33.33333% - 1rem) !important; }
.xs-block-grid-4 .block-grid__item { width: calc(25% - 1rem) !important; }
.xs-block-grid-5 .block-grid__item { width: calc(20% - 1rem) !important; }
.xs-block-grid-6 .block-grid__item { width: calc(16.66667% - 1rem) !important; }

@media (min-width: 40rem) { .sm-block-grid-1 .block-grid__item { width: 100% !important; }
  .sm-block-grid-2 .block-grid__item { width: calc(50% - 1rem) !important; }
  .sm-block-grid-3 .block-grid__item { width: calc(33.33333% - 1rem) !important; }
  .sm-block-grid-4 .block-grid__item { width: calc(25% - 1rem) !important; }
  .sm-block-grid-5 .block-grid__item { width: calc(20% - 1rem) !important; }
  .sm-block-grid-6 .block-grid__item { width: calc(16.66667% - 1rem) !important; } }
@media (min-width: 52rem) { .md-block-grid-1 .block-grid__item { width: 100% !important; }
  .md-block-grid-2 .block-grid__item { width: calc(50% - 1rem) !important; }
  .md-block-grid-3 .block-grid__item { width: calc(33.33333% - 1rem) !important; }
  .md-block-grid-4 .block-grid__item { width: calc(25% - 1rem) !important; }
  .md-block-grid-5 .block-grid__item { width: calc(20% - 1rem) !important; }
  .md-block-grid-6 .block-grid__item { width: calc(16.66667% - 1rem) !important; } }
@media (min-width: 64rem) { .lg-block-grid-1 .block-grid__item { width: 100% !important; }
  .lg-block-grid-2 .block-grid__item { width: calc(50% - 1rem) !important; }
  .lg-block-grid-3 .block-grid__item { width: calc(33.33333% - 1rem) !important; }
  .lg-block-grid-4 .block-grid__item { width: calc(25% - 1rem) !important; }
  .lg-block-grid-5 .block-grid__item { width: calc(20% - 1rem) !important; }
  .lg-block-grid-6 .block-grid__item { width: calc(16.66667% - 1rem) !important; } }
@media (min-width: 76rem) { .xl-block-grid-1 .block-grid__item { width: 100% !important; }
  .xl-block-grid-2 .block-grid__item { width: calc(50% - 1rem) !important; }
  .xl-block-grid-3 .block-grid__item { width: calc(33.33333% - 1rem) !important; }
  .xl-block-grid-4 .block-grid__item { width: calc(25% - 1rem) !important; }
  .xl-block-grid-5 .block-grid__item { width: calc(20% - 1rem) !important; }
  .xl-block-grid-6 .block-grid__item { width: calc(16.66667% - 1rem) !important; } }
/*Class to remove margins from block-grid__item and block-grid container*/
.no-gutters { margin: 0 !important; }
.no-gutters .block-grid__item { margin: 0 !important; }

/*Resizes block-grid__item to percentage of block-grid without margins*/
.xs-block-grid-1.no-gutters .block-grid__item { width: 100% !important; }
.xs-block-grid-2.no-gutters .block-grid__item { width: 50% !important; }
.xs-block-grid-3.no-gutters .block-grid__item { width: 33.33333% !important; }
.xs-block-grid-4.no-gutters .block-grid__item { width: 25% !important; }
.xs-block-grid-5.no-gutters .block-grid__item { width: 20% !important; }
.xs-block-grid-6.no-gutters .block-grid__item { width: 16.66667% !important; }

@media (min-width: 40rem) { .sm-block-grid-1.no-gutters .block-grid__item { width: 100% !important; }
  .sm-block-grid-2.no-gutters .block-grid__item { width: 50% !important; }
  .sm-block-grid-3.no-gutters .block-grid__item { width: 33.33333% !important; }
  .sm-block-grid-4.no-gutters .block-grid__item { width: 25% !important; }
  .sm-block-grid-5.no-gutters .block-grid__item { width: 20% !important; }
  .sm-block-grid-6.no-gutters .block-grid__item { width: 16.66667% !important; } }
@media (min-width: 52rem) { .md-block-grid-1.no-gutters .block-grid__item { width: 100% !important; }
  .md-block-grid-2.no-gutters .block-grid__item { width: 50% !important; }
  .md-block-grid-3.no-gutters .block-grid__item { width: 33.33333% !important; }
  .md-block-grid-4.no-gutters .block-grid__item { width: 25% !important; }
  .md-block-grid-5.no-gutters .block-grid__item { width: 20% !important; }
  .md-block-grid-6.no-gutters .block-grid__item { width: 16.66667% !important; } }
@media (min-width: 64rem) { .lg-block-grid-1.no-gutters .block-grid__item { width: 100% !important; }
  .lg-block-grid-2.no-gutters .block-grid__item { width: 50% !important; }
  .lg-block-grid-3.no-gutters .block-grid__item { width: 33.33333% !important; }
  .lg-block-grid-4.no-gutters .block-grid__item { width: 25% !important; }
  .lg-block-grid-5.no-gutters .block-grid__item { width: 20% !important; }
  .lg-block-grid-6.no-gutters .block-grid__item { width: 16.66667% !important; } }
@media (min-width: 76rem) { .xl-block-grid-1.no-gutters .block-grid__item { width: 100% !important; }
  .xl-block-grid-2.no-gutters .block-grid__item { width: 50% !important; }
  .xl-block-grid-3.no-gutters .block-grid__item { width: 33.33333% !important; }
  .xl-block-grid-4.no-gutters .block-grid__item { width: 25% !important; }
  .xl-block-grid-5.no-gutters .block-grid__item { width: 20% !important; }
  .xl-block-grid-6.no-gutters .block-grid__item { width: 16.66667% !important; } }
.fill-red { background-color: #e32 !important; }

.fill-red-lighter { background-color: #feebe9 !important; }

.fill-pink { background-color: #eb2649 !important; }

.fill-blue { background-color: #07e !important; }

.fill-yellow { background-color: #fe0 !important; }

.fill-yellow-lighter { background-color: #fffab6 !important; }

.fill-green { background-color: #6fb824 !important; }

.fill-green-lighter { background-color: #f1f8e9 !important; }

.fill-orange { background-color: #f49c1a !important; }

.fill-promoted-orange { background-color: #edb802 !important; }

.fill-gray-lighter { background-color: #f4f4f4 !important; }

.fill-gray { background-color: #aaa !important; }

.fill-gray-darker { background-color: #222 !important; }

.fill-white { background-color: #fff !important; }

.fill-black { background-color: #000 !important; }

.fill-facebook { background-color: #3b5998 !important; }

.fill-twitter { background-color: #55acee !important; }

.fill-google { background-color: #dd4b39 !important; }

.fill-linkedin { background-color: #0077b5 !important; }

.fill-pinterest { background-color: #bd081c !important; }

.fill-tumblr { background-color: #36465d !important; }

.fill-youtube { background-color: #cd201f !important; }

.fill-instagram { background-color: #517fa4 !important; }

.fill-vine { background-color: #00b488 !important; }

.fill-snapchat { background-color: #fffc00 !important; }

.text-gray { color: #333 !important; }

.text-white { color: #fff !important; }

.text-gray-lighter { color: #666 !important; }

.text-gray-lightest { color: #999 !important; }

.text-red { color: #e32 !important; }

.text-orange { color: #f49c1a !important; }

.text-green { color: #6fb824 !important; }

.text-blue { color: #07e !important; }

.svg-gray { fill: #333 !important; }

.svg-white { fill: #fff !important; }

.svg-gray-lighter { fill: #666 !important; }

.svg-gray-lightest { fill: #999 !important; }

.svg-red { fill: #e32 !important; }

.svg-orange { fill: #f49c1a !important; }

.svg-green { fill: #6fb824 !important; }

.svg-blue { fill: #07e !important; }

.svg-facebook { fill: #3b5998 !important; }

.svg-twitter { fill: #55acee !important; }

.svg-google { fill: #dd4b39 !important; }

.svg-linkedin { fill: #0077b5 !important; }

.svg-pinterest { fill: #bd081c !important; }

.svg-tumblr { fill: #36465d !important; }

.svg-youtube { fill: #cd201f !important; }

.svg-instagram { fill: #517fa4 !important; }

.svg-vine { fill: #00b488 !important; }

.svg-snapchat { fill: #fffc00 !important; }

.fill-red--lighter { background-color: #feebe9 !important; }

.fill-yellow--lighter { background-color: #fffab6 !important; }

.fill-green--lighter { background-color: #f1f8e9 !important; }

.fill-gray--lighter { background-color: #f4f4f4 !important; }

.fill-gray--darker { background-color: #222 !important; }

.text-gray--lighter { color: #666 !important; }

.text-gray--lightest { color: #999 !important; }

.button { cursor: pointer                             !important; padding: 0                                  !important; background-color: transparent               !important; background-image: none                      !important; border: 1px solid transparent               !important; white-space: nowrap                         !important; -webkit-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; font-family: inherit          !important; padding: .5rem .875rem        !important; font-size: 1em !important; line-height: 1.25 !important; border-radius: 4px !important; text-decoration: none         !important; cursor: pointer               !important; display: inline-block         !important; border: 1px solid transparent !important; text-align: center            !important; background-color: #07e !important; color: #fff !important; border-color: #07e !important; border: 1px solid transparent             !important; transition: background-color .1s ease 0s  !important; }
.button, .button:active:focus { outline: 0 !important; }
.button:not(.button--disabled):hover { background-color: #004488 !important; transition: background-color .15s ease 0s  !important; }
.button:not(.button--disabled):active { background-color: #001e3c !important; }
.button.button--secondary { border: 1px solid #07e !important; color: #07e !important; background: none              !important; }
.button.button--secondary:hover { transition: background-color .15s ease 0s  !important; }
.button.button--secondary:not(.button--disabled):hover { background-color: #07e !important; color: #fff !important; }
.button.button--secondary:not(.button--disabled):active { background-color: #001e3c !important; border-color: #001e3c !important; color: #fff !important; }
.button.button--secondary.button--icon > svg { fill: #07e !important; }
.button.button--secondary.button--icon:not(.button--disabled):hover svg { fill: #fff !important; }

.button--negative { background-color: #e32 !important; color: #fff !important; border-color: #e32 !important; border: 1px solid transparent             !important; transition: background-color .1s ease 0s  !important; }
.button--negative:not(.button--disabled):hover { background-color: #9e180c !important; transition: background-color .15s ease 0s  !important; }
.button--negative:not(.button--disabled):active { background-color: #570d07 !important; }
.button--negative.button--secondary { border: 1px solid #e32 !important; color: #e32 !important; background: none              !important; }
.button--negative.button--secondary:hover { transition: background-color .15s ease 0s  !important; }
.button--negative.button--secondary:not(.button--disabled):hover { background-color: #e32 !important; color: #fff !important; }
.button--negative.button--secondary:not(.button--disabled):active { background-color: #570d07 !important; border-color: #570d07 !important; color: #fff !important; }
.button--negative.button--secondary.button--icon > svg { fill: #e32 !important; }
.button--negative.button--secondary.button--icon:not(.button--disabled):hover svg { fill: #fff !important; }

.button--white { background-color: #fff !important; color: #333 !important; border-color: #fff !important; border: 1px solid transparent             !important; transition: background-color .1s ease 0s  !important; }
.button--white:not(.button--disabled):hover { background-color: #cccccc !important; transition: background-color .15s ease 0s  !important; }
.button--white:not(.button--disabled):active { background-color: #a6a6a6 !important; }
.button--white.button--secondary { border: 1px solid #fff !important; color: #fff !important; background: none              !important; }
.button--white.button--secondary:hover { transition: background-color .15s ease 0s  !important; }
.button--white.button--secondary:not(.button--disabled):hover { background-color: #fff !important; color: #333 !important; }
.button--white.button--secondary:not(.button--disabled):active { background-color: #a6a6a6 !important; border-color: #a6a6a6 !important; color: #333 !important; }
.button--white.button--secondary.button--icon > svg { fill: #fff !important; }
.button--white.button--secondary.button--icon:not(.button--disabled):hover svg { fill: #fff !important; }
.button--white.button--secondary:not(.button--disabled):active { background-color: #e6e6e6 !important; }
.button--white.button--icon > svg { fill: #222 !important; }
.button--white.button--icon:not(.button--disabled):hover svg { fill: #222 !important; }
.button--white.button--secondary.button--icon > svg { fill: #fff !important; }
.button--white.button--secondary.button--icon:not(.button--disabled):hover svg { fill: #222 !important; }

.button--transparent { background-color: transparent         !important; color: #07e !important; border-color: transparent             !important; border: 1px solid transparent         !important; }
.button--transparent:not(.button--disabled):hover { background-color: transparent       !important; color: #004488 !important; }

.button--disabled { opacity: .3 !important; }
.button--disabled:hover { cursor: default  !important; transition: none !important; }

.button--small { padding: .3125rem .625rem   !important; font-size: 0.875em !important; line-height: 1 !important; }

.button--icon > svg { width: 1rem         !important; height: 1rem        !important; fill: #fff !important; margin-right: .5rem !important; position: relative  !important; top: .125rem        !important; }
.button--icon.button--small > svg { width: .875rem         !important; height: .875rem        !important; margin-right: .3125rem !important; position: relative     !important; }

.button--facebook { background-color: #3b5998 !important; color: #fff !important; }
.button--facebook:not(.button--disabled):hover { background-color: #1e2e4f !important; color: #fff !important; }
.button--facebook.button--disabled:hover { color: #fff !important; }
.button--facebook:not(.button--disabled):active { background-color: #090e17 !important; }

.button--twitter { background-color: #55acee !important; color: #fff !important; }
.button--twitter:not(.button--disabled):hover { background-color: #147bc9 !important; color: #fff !important; }
.button--twitter.button--disabled:hover { color: #fff !important; }
.button--twitter:not(.button--disabled):active { background-color: #0d5083 !important; }

.button--google { background-color: #dd4b39 !important; color: #fff !important; }
.button--google:not(.button--disabled):hover { background-color: #96271a !important; color: #fff !important; }
.button--google.button--disabled:hover { color: #fff !important; }
.button--google:not(.button--disabled):active { background-color: #55160f !important; }

.button--linkedin { background-color: #0077b5 !important; color: #fff !important; }
.button--linkedin:not(.button--disabled):hover { background-color: #00344f !important; color: #fff !important; }
.button--linkedin.button--disabled:hover { color: #fff !important; }
.button--linkedin:not(.button--disabled):active { background-color: #000203 !important; }

.button--pinterest { background-color: #bd081c !important; color: #fff !important; }
.button--pinterest:not(.button--disabled):hover { background-color: #5b040e !important; color: #fff !important; }
.button--pinterest.button--disabled:hover { color: #fff !important; }
.button--pinterest:not(.button--disabled):active { background-color: #120103 !important; }

.button--tumblr { background-color: #36465d !important; color: #fff !important; }
.button--tumblr:not(.button--disabled):hover { background-color: #11151c !important; color: #fff !important; }
.button--tumblr.button--disabled:hover { color: #fff !important; }
.button--tumblr:not(.button--disabled):active { background-color: black !important; }

.button--youtube { background-color: #cd201f !important; color: #fff !important; }
.button--youtube:not(.button--disabled):hover { background-color: #741212 !important; color: #fff !important; }
.button--youtube.button--disabled:hover { color: #fff !important; }
.button--youtube:not(.button--disabled):active { background-color: #320808 !important; }

.button--instagram { background-color: #517fa4 !important; color: #fff !important; }
.button--instagram:not(.button--disabled):hover { background-color: #2f4a60 !important; color: #fff !important; }
.button--instagram.button--disabled:hover { color: #fff !important; }
.button--instagram:not(.button--disabled):active { background-color: #16222d !important; }

.text-input, .text-input--small, .textarea, .textarea--small, .select, .select--small { font-family: inherit        !important; background: #fff !important; font-size: 1em !important; line-height: 1.25 !important; padding: .5rem .75rem       !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.text-input:disabled, .text-input--small:disabled, .textarea:disabled, .textarea--small:disabled, .select:disabled, .select--small:disabled { opacity: .35              !important; }

.select { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%20488%20285%27%3E%3Cpath%20d%3D%27M483.11%2029.381l-24.449-24.485c-2.934-2.938-7.335-4.897-11.246-4.897-3.912%200-8.313%201.959-11.246%204.897l-192.168%20192.448-192.168-192.448c-2.934-2.938-7.335-4.897-11.246-4.897-4.401%200-8.313%201.959-11.246%204.897l-24.449%2024.485c-2.934%202.938-4.89%207.345-4.89%2011.263s1.956%208.325%204.89%2011.263l227.864%20228.196c2.934%202.938%207.335%204.897%2011.246%204.897%203.912%200%208.313-1.959%2011.246-4.897l227.864-228.196c2.934-2.938%204.89-7.345%204.89-11.263s-1.956-8.325-4.89-11.263z%27%20fill%3D%27%23000%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat                  !important; background-position: calc(100% - 1rem) center !important; background-size: .6875rem                     !important; -webkit-appearance: none                      !important; -moz-appearance: none                         !important; border-radius: 0                              !important; padding-right: 2.5rem                         !important; }

select::-ms-expand, .select::-ms-expand { display: none; }

.select--small, .text-input--small { font-size: 0.875em !important; line-height: 1 !important; padding: .3125rem .625rem  !important; }

.select--small { padding-right: 2rem                               !important; background-position: calc(100% - .875rem) center !important; background-size: .5rem                            !important; }

.textarea { display: block           !important; min-height: 6rem !important; padding: .5rem .75rem    !important; }

.textarea--small { display: block              !important; min-height: 5rem !important; padding: .375rem .625rem    !important; font-size: 0.875em !important; line-height: 1 !important; }

.radio { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.radio + label { font-size: 0.875em !important; cursor: pointer             !important; display: block; }
.radio + label:before { content: ""                   !important; display: inline-block         !important; width: .75rem                 !important; height: .75rem                !important; margin-right: .375rem         !important; position: relative            !important; bottom: -1px                  !important; background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.radio + label:before { border-radius: 50% !important; }
.radio:disabled + label { opacity: .35                !important; }

.radio:checked + label:before { background-color: #fff !important; border: 4px solid #07e !important; }

.checkbox { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.checkbox + label { font-size: 0.875em !important; cursor: pointer               !important; display: block; }
.checkbox + label:before { content: ""                   !important; display: inline-block         !important; width: .75rem                 !important; height: .75rem                !important; margin-right: .375rem         !important; position: relative            !important; bottom: -1px                  !important; background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.checkbox + label:before { border-radius: 30% !important; }
.checkbox:disabled + label { opacity: .35                !important; }

.checkbox:checked + label:before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat                 !important; background-position: center                  !important; background-color: #07e !important; background-size: .5rem                       !important; border-style: none                           !important; }

.form-label { display: block; font-weight: 600 !important; margin-bottom: 0.5rem !important; }

.form-label--small { font-size: 0.875em !important; margin-bottom: .25rem !important; }

.form-label--optional { color: #999 !important; font-weight: 400 !important; }

.form-label--required { color: #e32 !important; font-weight: 400 !important; }

.form-helper { color: #999 !important; display: block              !important; margin-top: 0.5rem !important; font-size: 0.875em !important; }

.form-feedback { display: block       !important; margin-top: 0.5rem !important; font-size: 0.875em !important; }

.form-fieldset--warning .form-feedback, .form-fieldset--warning .form-label { color: #f49c1a !important; }
.form-fieldset--warning .text-input, .form-fieldset--warning .text-input--small, .form-fieldset--warning .textarea, .form-fieldset--warning .textarea--small, .form-fieldset--warning .select, .form-fieldset--warning .select--small { border-color: #f49c1a !important; }

.form-fieldset--success .form-feedback, .form-fieldset--success .form-label { color: #6fb824 !important; }
.form-fieldset--success .form-feedback:before { content: ""                                  !important; height: .875rem                              !important; width: .875rem                               !important; display: inline-block                        !important; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E") !important; background-repeat: no-repeat                 !important; background-size: .5rem                       !important; background-color: #6fb824 !important; border-radius: 50%                           !important; background-position: center                  !important; margin-right: .375rem                        !important; position: relative                           !important; bottom: -2px                                 !important; }
.form-fieldset--success .text-input, .form-fieldset--success .text-input--small, .form-fieldset--success .textarea, .form-fieldset--success .textarea--small, .form-fieldset--success .select, .form-fieldset--success .select--small { border-color: #6fb824 !important; }

.form-fieldset--error .form-feedback, .form-fieldset--error .form-label { color: #e32 !important; }
.form-fieldset--error .text-input, .form-fieldset--error .text-input--small, .form-fieldset--error .textarea, .form-fieldset--error .textarea--small, .form-fieldset--error .select, .form-fieldset--error .select--small { border-color: #e32 !important; }

.col { float: left !important; }

.xs-col-1 { width: 8.33333% !important; }
.xs-col-2 { width: 16.66667% !important; }
.xs-col-3 { width: 25% !important; }
.xs-col-4 { width: 33.33333% !important; }
.xs-col-5 { width: 41.66667% !important; }
.xs-col-6 { width: 50% !important; }
.xs-col-7 { width: 58.33333% !important; }
.xs-col-8 { width: 66.66667% !important; }
.xs-col-9 { width: 75% !important; }
.xs-col-10 { width: 83.33333% !important; }
.xs-col-11 { width: 91.66667% !important; }
.xs-col-12 { width: 100% !important; }
.xs-offset-1 { margin-left: 8.33333% !important; }
.xs-offset-2 { margin-left: 16.66667% !important; }
.xs-offset-3 { margin-left: 25% !important; }
.xs-offset-4 { margin-left: 33.33333% !important; }
.xs-offset-5 { margin-left: 41.66667% !important; }
.xs-offset-6 { margin-left: 50% !important; }
.xs-offset-7 { margin-left: 58.33333% !important; }
.xs-offset-8 { margin-left: 66.66667% !important; }
.xs-offset-9 { margin-left: 75% !important; }
.xs-offset-10 { margin-left: 83.33333% !important; }
.xs-offset-11 { margin-left: 91.66667% !important; }

@media (min-width: 40rem) { .sm-col-1 { width: 8.33333% !important; }
  .sm-col-2 { width: 16.66667% !important; }
  .sm-col-3 { width: 25% !important; }
  .sm-col-4 { width: 33.33333% !important; }
  .sm-col-5 { width: 41.66667% !important; }
  .sm-col-6 { width: 50% !important; }
  .sm-col-7 { width: 58.33333% !important; }
  .sm-col-8 { width: 66.66667% !important; }
  .sm-col-9 { width: 75% !important; }
  .sm-col-10 { width: 83.33333% !important; }
  .sm-col-11 { width: 91.66667% !important; }
  .sm-col-12 { width: 100% !important; }
  .sm-offset-1 { margin-left: 8.33333% !important; }
  .sm-offset-2 { margin-left: 16.66667% !important; }
  .sm-offset-3 { margin-left: 25% !important; }
  .sm-offset-4 { margin-left: 33.33333% !important; }
  .sm-offset-5 { margin-left: 41.66667% !important; }
  .sm-offset-6 { margin-left: 50% !important; }
  .sm-offset-7 { margin-left: 58.33333% !important; }
  .sm-offset-8 { margin-left: 66.66667% !important; }
  .sm-offset-9 { margin-left: 75% !important; }
  .sm-offset-10 { margin-left: 83.33333% !important; }
  .sm-offset-11 { margin-left: 91.66667% !important; } }
@media (min-width: 52rem) { .md-col-1 { width: 8.33333% !important; }
  .md-col-2 { width: 16.66667% !important; }
  .md-col-3 { width: 25% !important; }
  .md-col-4 { width: 33.33333% !important; }
  .md-col-5 { width: 41.66667% !important; }
  .md-col-6 { width: 50% !important; }
  .md-col-7 { width: 58.33333% !important; }
  .md-col-8 { width: 66.66667% !important; }
  .md-col-9 { width: 75% !important; }
  .md-col-10 { width: 83.33333% !important; }
  .md-col-11 { width: 91.66667% !important; }
  .md-col-12 { width: 100% !important; }
  .md-offset-1 { margin-left: 8.33333% !important; }
  .md-offset-2 { margin-left: 16.66667% !important; }
  .md-offset-3 { margin-left: 25% !important; }
  .md-offset-4 { margin-left: 33.33333% !important; }
  .md-offset-5 { margin-left: 41.66667% !important; }
  .md-offset-6 { margin-left: 50% !important; }
  .md-offset-7 { margin-left: 58.33333% !important; }
  .md-offset-8 { margin-left: 66.66667% !important; }
  .md-offset-9 { margin-left: 75% !important; }
  .md-offset-10 { margin-left: 83.33333% !important; }
  .md-offset-11 { margin-left: 91.66667% !important; } }
@media (min-width: 64rem) { .lg-col-1 { width: 8.33333% !important; }
  .lg-col-2 { width: 16.66667% !important; }
  .lg-col-3 { width: 25% !important; }
  .lg-col-4 { width: 33.33333% !important; }
  .lg-col-5 { width: 41.66667% !important; }
  .lg-col-6 { width: 50% !important; }
  .lg-col-7 { width: 58.33333% !important; }
  .lg-col-8 { width: 66.66667% !important; }
  .lg-col-9 { width: 75% !important; }
  .lg-col-10 { width: 83.33333% !important; }
  .lg-col-11 { width: 91.66667% !important; }
  .lg-col-12 { width: 100% !important; }
  .lg-offset-1 { margin-left: 8.33333% !important; }
  .lg-offset-2 { margin-left: 16.66667% !important; }
  .lg-offset-3 { margin-left: 25% !important; }
  .lg-offset-4 { margin-left: 33.33333% !important; }
  .lg-offset-5 { margin-left: 41.66667% !important; }
  .lg-offset-6 { margin-left: 50% !important; }
  .lg-offset-7 { margin-left: 58.33333% !important; }
  .lg-offset-8 { margin-left: 66.66667% !important; }
  .lg-offset-9 { margin-left: 75% !important; }
  .lg-offset-10 { margin-left: 83.33333% !important; }
  .lg-offset-11 { margin-left: 91.66667% !important; } }
@media (min-width: 76rem) { .xl-col-1 { width: 8.33333% !important; }
  .xl-col-2 { width: 16.66667% !important; }
  .xl-col-3 { width: 25% !important; }
  .xl-col-4 { width: 33.33333% !important; }
  .xl-col-5 { width: 41.66667% !important; }
  .xl-col-6 { width: 50% !important; }
  .xl-col-7 { width: 58.33333% !important; }
  .xl-col-8 { width: 66.66667% !important; }
  .xl-col-9 { width: 75% !important; }
  .xl-col-10 { width: 83.33333% !important; }
  .xl-col-11 { width: 91.66667% !important; }
  .xl-col-12 { width: 100% !important; }
  .xl-offset-1 { margin-left: 8.33333% !important; }
  .xl-offset-2 { margin-left: 16.66667% !important; }
  .xl-offset-3 { margin-left: 25% !important; }
  .xl-offset-4 { margin-left: 33.33333% !important; }
  .xl-offset-5 { margin-left: 41.66667% !important; }
  .xl-offset-6 { margin-left: 50% !important; }
  .xl-offset-7 { margin-left: 58.33333% !important; }
  .xl-offset-8 { margin-left: 66.66667% !important; }
  .xl-offset-9 { margin-left: 75% !important; }
  .xl-offset-10 { margin-left: 83.33333% !important; }
  .xl-offset-11 { margin-left: 91.66667% !important; } }
.gutters { margin: 0 -0.5rem !important; }
.gutters > .col { padding: 0 0.5rem !important; }

.table-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.table-border th { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
.table-border tr td { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
.table-border tr:last-child td { border-bottom: 0       !important; }

.table-border td, .table-border th { padding: .75rem !important; }

.table { border-collapse: separate !important; border-spacing: 0        !important; display: table    !important; }

.td, .th { display: table-cell !important; }

.tr { display: table-row !important; }

.text-1 { font-size: 2.25em !important; line-height: 1.4 !important; }

.text-2 { font-size: 1.8em !important; line-height: 1.35 !important; }

.text-3 { font-size: 1.125em !important; line-height: 1.25 !important; }

.text-4 { font-size: 1em !important; line-height: 1.25 !important; }

.text-5 { font-size: 0.875em !important; line-height: 1 !important; }

.text-6 { font-size: 0.75em !important; line-height: 1 !important; }

.regular, .normal { font-weight: 400 !important; }

.bold { font-weight: 600 !important; }

.italic { font-style: italic    !important; }

.caps { text-transform: uppercase !important; }

.xs-text-left { text-align: left    !important; }
.xs-text-center { text-align: center  !important; }
.xs-text-right { text-align: right   !important; }
.xs-text-justify { text-align: justify !important; }

@media (min-width: 40rem) { .sm-text-left { text-align: left    !important; }
  .sm-text-center { text-align: center  !important; }
  .sm-text-right { text-align: right   !important; }
  .sm-text-justify { text-align: justify !important; } }
@media (min-width: 52rem) { .md-text-left { text-align: left    !important; }
  .md-text-center { text-align: center  !important; }
  .md-text-right { text-align: right   !important; }
  .md-text-justify { text-align: justify !important; } }
@media (min-width: 64rem) { .lg-text-left { text-align: left    !important; }
  .lg-text-center { text-align: center  !important; }
  .lg-text-right { text-align: right   !important; }
  .lg-text-justify { text-align: justify !important; } }
@media (min-width: 76rem) { .xl-text-left { text-align: left    !important; }
  .xl-text-center { text-align: center  !important; }
  .xl-text-right { text-align: right   !important; }
  .xl-text-justify { text-align: justify !important; } }
.nowrap { white-space: nowrap !important; }

.truncate { white-space: nowrap   !important; overflow: hidden   !important; text-overflow: ellipsis !important; }

.decoration-none { text-decoration: none         !important; }

.decoration-underline { text-decoration: underline    !important; }

.decoration-line-through { text-decoration: line-through !important; }

.slab { font-family: "Caponi-Slab-Semibold", Georgia, serif !important; line-height: 1.1   !important; -webkit-font-feature-settings: "liga", "kern" !important; font-feature-settings: "liga", "kern" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slab.bold { font-family: "Caponi-Slab-Semibold", Georgia, serif !important; font-weight: 400 !important; }
.slab.italic { font-family: "Caponi-Slab-Semibold", Georgia, serif !important; }

.list-unstyled { margin-left: 0    !important; padding-left: 0    !important; list-style: none !important; }

.link-blue { color: #07e !important; }
.link-blue:hover { color: #004488 !important; }

.link-gray { color: #333 !important; }
.link-gray:hover { color: #07e !important; }

.link-gray-lighter { color: #999 !important; }
.link-gray-lighter:hover { color: #333 !important; }

.link-facebook { color: #3b5998 !important; }
.link-facebook:hover { color: #1e2e4f !important; }

.link-twitter { color: #55acee !important; }
.link-twitter:hover { color: #147bc9 !important; }

.link-google { color: #dd4b39 !important; }
.link-google:hover { color: #96271a !important; }

.link-linkedin { color: #0077b5 !important; }
.link-linkedin:hover { color: #00344f !important; }

.link-pinterest { color: #bd081c !important; }
.link-pinterest:hover { color: #5b040e !important; }

.link-tumblr { color: #36465d !important; }
.link-tumblr:hover { color: #11151c !important; }

.link-youtube { color: #cd201f !important; }
.link-youtube:hover { color: #741212 !important; }

.link-instagram { color: #517fa4 !important; }
.link-instagram:hover { color: #2f4a60 !important; }

.text-6 .slab, .slab.text-6 { font-family: "europa", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; }

.text-1.slab, .text-2.slab { line-height: 1.1 !important; }

.link-gray--lighter { color: #999 !important; }
.link-gray--lighter:hover { color: #333 !important; }

.rounded { border-radius: 4px !important; }

.rounded-top { border-radius: 4px 4px 0 0 !important; }

.rounded-right { border-radius: 0 4px 4px 0 !important; }

.rounded-bottom { border-radius: 0 0 4px 4px !important; }

.rounded-left { border-radius: 4px 0 0 4px !important; }

.circle { border-radius: 50%                                  !important; }

.xs-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.xs-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }
.xs-border-right { border-right: 1px solid rgba(0, 0, 0, 0.2) !important; }
.xs-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
.xs-border-left { border-left: 1px solid rgba(0, 0, 0, 0.2) !important; }
.xs-border-lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-top-lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-right-lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-bottom-lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-left-lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-none { border: none        !important; }
.xs-border-top-none { border-top: none    !important; }
.xs-border-right-none { border-right: none  !important; }
.xs-border-bottom-none { border-bottom: none !important; }
.xs-border-left-none { border-left: none   !important; }
.xs-border--lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-top--lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-right--lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-bottom--lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
.xs-border-left--lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

@media (min-width: 40rem) { .sm-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .sm-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .sm-border-right { border-right: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .sm-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .sm-border-left { border-left: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .sm-border-lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-top-lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-right-lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-bottom-lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-left-lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-none { border: none        !important; }
  .sm-border-top-none { border-top: none    !important; }
  .sm-border-right-none { border-right: none  !important; }
  .sm-border-bottom-none { border-bottom: none !important; }
  .sm-border-left-none { border-left: none   !important; }
  .sm-border--lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-top--lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-right--lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-bottom--lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .sm-border-left--lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } }
@media (min-width: 52rem) { .md-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .md-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .md-border-right { border-right: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .md-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .md-border-left { border-left: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .md-border-lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-top-lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-right-lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-bottom-lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-left-lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-none { border: none        !important; }
  .md-border-top-none { border-top: none    !important; }
  .md-border-right-none { border-right: none  !important; }
  .md-border-bottom-none { border-bottom: none !important; }
  .md-border-left-none { border-left: none   !important; }
  .md-border--lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-top--lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-right--lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-bottom--lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .md-border-left--lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } }
@media (min-width: 64rem) { .lg-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .lg-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .lg-border-right { border-right: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .lg-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .lg-border-left { border-left: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .lg-border-lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-top-lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-right-lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-bottom-lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-left-lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-none { border: none        !important; }
  .lg-border-top-none { border-top: none    !important; }
  .lg-border-right-none { border-right: none  !important; }
  .lg-border-bottom-none { border-bottom: none !important; }
  .lg-border-left-none { border-left: none   !important; }
  .lg-border--lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-top--lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-right--lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-bottom--lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .lg-border-left--lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } }
@media (min-width: 76rem) { .xl-border { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .xl-border-top { border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .xl-border-right { border-right: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .xl-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .xl-border-left { border-left: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .xl-border-lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-top-lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-right-lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-bottom-lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-left-lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-none { border: none        !important; }
  .xl-border-top-none { border-top: none    !important; }
  .xl-border-right-none { border-right: none  !important; }
  .xl-border-bottom-none { border-bottom: none !important; }
  .xl-border-left-none { border-left: none   !important; }
  .xl-border--lighter { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-top--lighter { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-right--lighter { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-bottom--lighter { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .xl-border-left--lighter { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } }
.xs-overflow-hidden { overflow: hidden  !important; }
.xs-overflow-auto { overflow: auto    !important; }
.xs-overflow-scroll { overflow: scroll  !important; }
.xs-overflow-visible { overflow: visible !important; }
.xs-hide { display: none         !important; }
.xs-inline { display: inline       !important; }
.xs-block { display: block        !important; }
.xs-inline-block { display: inline-block !important; }
.xs-float-left { float: left  !important; }
.xs-float-right { float: right !important; }
.xs-float-none { float: none  !important; }
.xs-fit { max-width: 100% !important; }
.xs-full-height { height: 100%    !important; }
.xs-width-auto { width: auto      !important; }

@media (min-width: 40rem) { .sm-overflow-hidden { overflow: hidden  !important; }
  .sm-overflow-auto { overflow: auto    !important; }
  .sm-overflow-scroll { overflow: scroll  !important; }
  .sm-overflow-visible { overflow: visible !important; }
  .sm-hide { display: none         !important; }
  .sm-inline { display: inline       !important; }
  .sm-block { display: block        !important; }
  .sm-inline-block { display: inline-block !important; }
  .sm-float-left { float: left  !important; }
  .sm-float-right { float: right !important; }
  .sm-float-none { float: none  !important; }
  .sm-fit { max-width: 100% !important; }
  .sm-full-height { height: 100%    !important; }
  .sm-width-auto { width: auto      !important; } }
@media (min-width: 52rem) { .md-overflow-hidden { overflow: hidden  !important; }
  .md-overflow-auto { overflow: auto    !important; }
  .md-overflow-scroll { overflow: scroll  !important; }
  .md-overflow-visible { overflow: visible !important; }
  .md-hide { display: none         !important; }
  .md-inline { display: inline       !important; }
  .md-block { display: block        !important; }
  .md-inline-block { display: inline-block !important; }
  .md-float-left { float: left  !important; }
  .md-float-right { float: right !important; }
  .md-float-none { float: none  !important; }
  .md-fit { max-width: 100% !important; }
  .md-full-height { height: 100%    !important; }
  .md-width-auto { width: auto      !important; } }
@media (min-width: 64rem) { .lg-overflow-hidden { overflow: hidden  !important; }
  .lg-overflow-auto { overflow: auto    !important; }
  .lg-overflow-scroll { overflow: scroll  !important; }
  .lg-overflow-visible { overflow: visible !important; }
  .lg-hide { display: none         !important; }
  .lg-inline { display: inline       !important; }
  .lg-block { display: block        !important; }
  .lg-inline-block { display: inline-block !important; }
  .lg-float-left { float: left  !important; }
  .lg-float-right { float: right !important; }
  .lg-float-none { float: none  !important; }
  .lg-fit { max-width: 100% !important; }
  .lg-full-height { height: 100%    !important; }
  .lg-width-auto { width: auto      !important; } }
@media (min-width: 76rem) { .xl-overflow-hidden { overflow: hidden  !important; }
  .xl-overflow-auto { overflow: auto    !important; }
  .xl-overflow-scroll { overflow: scroll  !important; }
  .xl-overflow-visible { overflow: visible !important; }
  .xl-hide { display: none         !important; }
  .xl-inline { display: inline       !important; }
  .xl-block { display: block        !important; }
  .xl-inline-block { display: inline-block !important; }
  .xl-float-left { float: left  !important; }
  .xl-float-right { float: right !important; }
  .xl-float-none { float: none  !important; }
  .xl-fit { max-width: 100% !important; }
  .xl-full-height { height: 100%    !important; }
  .xl-width-auto { width: auto      !important; } }
.xs-m0 { margin: 0        !important; }
.xs-mt0 { margin-top: 0    !important; }
.xs-mr0 { margin-right: 0  !important; }
.xs-mb0 { margin-bottom: 0 !important; }
.xs-ml0 { margin-left: 0   !important; }
.xs-mx0 { margin-left: 0   !important; margin-right: 0  !important; }
.xs-my0 { margin-top: 0    !important; margin-bottom: 0 !important; }
.xs-m1 { margin: 0.5rem !important; }
.xs-mt1 { margin-top: 0.5rem !important; }
.xs-mr1 { margin-right: 0.5rem !important; }
.xs-mb1 { margin-bottom: 0.5rem !important; }
.xs-ml1 { margin-left: 0.5rem !important; }
.xs-mx1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.xs-my1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.xs-m2 { margin: 1rem !important; }
.xs-mt2 { margin-top: 1rem !important; }
.xs-mr2 { margin-right: 1rem !important; }
.xs-mb2 { margin-bottom: 1rem !important; }
.xs-ml2 { margin-left: 1rem !important; }
.xs-mx2 { margin-left: 1rem !important; margin-right: 1rem !important; }
.xs-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.xs-m3 { margin: 1.5rem !important; }
.xs-mt3 { margin-top: 1.5rem !important; }
.xs-mr3 { margin-right: 1.5rem !important; }
.xs-mb3 { margin-bottom: 1.5rem !important; }
.xs-ml3 { margin-left: 1.5rem !important; }
.xs-mx3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.xs-my3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.xs-m4 { margin: 2rem !important; }
.xs-mt4 { margin-top: 2rem !important; }
.xs-mr4 { margin-right: 2rem !important; }
.xs-mb4 { margin-bottom: 2rem !important; }
.xs-ml4 { margin-left: 2rem !important; }
.xs-mx4 { margin-left: 2rem !important; margin-right: 2rem !important; }
.xs-my4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.xs-m5 { margin: 3rem !important; }
.xs-mt5 { margin-top: 3rem !important; }
.xs-mr5 { margin-right: 3rem !important; }
.xs-mb5 { margin-bottom: 3rem !important; }
.xs-ml5 { margin-left: 3rem !important; }
.xs-mx5 { margin-left: 3rem !important; margin-right: 3rem !important; }
.xs-my5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.xs-m6 { margin: 4.5rem !important; }
.xs-mt6 { margin-top: 4.5rem !important; }
.xs-mr6 { margin-right: 4.5rem !important; }
.xs-mb6 { margin-bottom: 4.5rem !important; }
.xs-ml6 { margin-left: 4.5rem !important; }
.xs-mx6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.xs-my6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
.xs-mx-auto { margin-left: auto !important; margin-right: auto !important; }

@media (min-width: 40rem) { .sm-m0 { margin: 0        !important; }
  .sm-mt0 { margin-top: 0    !important; }
  .sm-mr0 { margin-right: 0  !important; }
  .sm-mb0 { margin-bottom: 0 !important; }
  .sm-ml0 { margin-left: 0   !important; }
  .sm-mx0 { margin-left: 0   !important; margin-right: 0  !important; }
  .sm-my0 { margin-top: 0    !important; margin-bottom: 0 !important; }
  .sm-m1 { margin: 0.5rem !important; }
  .sm-mt1 { margin-top: 0.5rem !important; }
  .sm-mr1 { margin-right: 0.5rem !important; }
  .sm-mb1 { margin-bottom: 0.5rem !important; }
  .sm-ml1 { margin-left: 0.5rem !important; }
  .sm-mx1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .sm-my1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .sm-m2 { margin: 1rem !important; }
  .sm-mt2 { margin-top: 1rem !important; }
  .sm-mr2 { margin-right: 1rem !important; }
  .sm-mb2 { margin-bottom: 1rem !important; }
  .sm-ml2 { margin-left: 1rem !important; }
  .sm-mx2 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .sm-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .sm-m3 { margin: 1.5rem !important; }
  .sm-mt3 { margin-top: 1.5rem !important; }
  .sm-mr3 { margin-right: 1.5rem !important; }
  .sm-mb3 { margin-bottom: 1.5rem !important; }
  .sm-ml3 { margin-left: 1.5rem !important; }
  .sm-mx3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .sm-my3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .sm-m4 { margin: 2rem !important; }
  .sm-mt4 { margin-top: 2rem !important; }
  .sm-mr4 { margin-right: 2rem !important; }
  .sm-mb4 { margin-bottom: 2rem !important; }
  .sm-ml4 { margin-left: 2rem !important; }
  .sm-mx4 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .sm-my4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .sm-m5 { margin: 3rem !important; }
  .sm-mt5 { margin-top: 3rem !important; }
  .sm-mr5 { margin-right: 3rem !important; }
  .sm-mb5 { margin-bottom: 3rem !important; }
  .sm-ml5 { margin-left: 3rem !important; }
  .sm-mx5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .sm-my5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .sm-m6 { margin: 4.5rem !important; }
  .sm-mt6 { margin-top: 4.5rem !important; }
  .sm-mr6 { margin-right: 4.5rem !important; }
  .sm-mb6 { margin-bottom: 4.5rem !important; }
  .sm-ml6 { margin-left: 4.5rem !important; }
  .sm-mx6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .sm-my6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .sm-mx-auto { margin-left: auto !important; margin-right: auto !important; } }
@media (min-width: 52rem) { .md-m0 { margin: 0        !important; }
  .md-mt0 { margin-top: 0    !important; }
  .md-mr0 { margin-right: 0  !important; }
  .md-mb0 { margin-bottom: 0 !important; }
  .md-ml0 { margin-left: 0   !important; }
  .md-mx0 { margin-left: 0   !important; margin-right: 0  !important; }
  .md-my0 { margin-top: 0    !important; margin-bottom: 0 !important; }
  .md-m1 { margin: 0.5rem !important; }
  .md-mt1 { margin-top: 0.5rem !important; }
  .md-mr1 { margin-right: 0.5rem !important; }
  .md-mb1 { margin-bottom: 0.5rem !important; }
  .md-ml1 { margin-left: 0.5rem !important; }
  .md-mx1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .md-my1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .md-m2 { margin: 1rem !important; }
  .md-mt2 { margin-top: 1rem !important; }
  .md-mr2 { margin-right: 1rem !important; }
  .md-mb2 { margin-bottom: 1rem !important; }
  .md-ml2 { margin-left: 1rem !important; }
  .md-mx2 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .md-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .md-m3 { margin: 1.5rem !important; }
  .md-mt3 { margin-top: 1.5rem !important; }
  .md-mr3 { margin-right: 1.5rem !important; }
  .md-mb3 { margin-bottom: 1.5rem !important; }
  .md-ml3 { margin-left: 1.5rem !important; }
  .md-mx3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .md-my3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .md-m4 { margin: 2rem !important; }
  .md-mt4 { margin-top: 2rem !important; }
  .md-mr4 { margin-right: 2rem !important; }
  .md-mb4 { margin-bottom: 2rem !important; }
  .md-ml4 { margin-left: 2rem !important; }
  .md-mx4 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .md-my4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .md-m5 { margin: 3rem !important; }
  .md-mt5 { margin-top: 3rem !important; }
  .md-mr5 { margin-right: 3rem !important; }
  .md-mb5 { margin-bottom: 3rem !important; }
  .md-ml5 { margin-left: 3rem !important; }
  .md-mx5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .md-my5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .md-m6 { margin: 4.5rem !important; }
  .md-mt6 { margin-top: 4.5rem !important; }
  .md-mr6 { margin-right: 4.5rem !important; }
  .md-mb6 { margin-bottom: 4.5rem !important; }
  .md-ml6 { margin-left: 4.5rem !important; }
  .md-mx6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .md-my6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .md-mx-auto { margin-left: auto !important; margin-right: auto !important; } }
@media (min-width: 64rem) { .lg-m0 { margin: 0        !important; }
  .lg-mt0 { margin-top: 0    !important; }
  .lg-mr0 { margin-right: 0  !important; }
  .lg-mb0 { margin-bottom: 0 !important; }
  .lg-ml0 { margin-left: 0   !important; }
  .lg-mx0 { margin-left: 0   !important; margin-right: 0  !important; }
  .lg-my0 { margin-top: 0    !important; margin-bottom: 0 !important; }
  .lg-m1 { margin: 0.5rem !important; }
  .lg-mt1 { margin-top: 0.5rem !important; }
  .lg-mr1 { margin-right: 0.5rem !important; }
  .lg-mb1 { margin-bottom: 0.5rem !important; }
  .lg-ml1 { margin-left: 0.5rem !important; }
  .lg-mx1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .lg-my1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .lg-m2 { margin: 1rem !important; }
  .lg-mt2 { margin-top: 1rem !important; }
  .lg-mr2 { margin-right: 1rem !important; }
  .lg-mb2 { margin-bottom: 1rem !important; }
  .lg-ml2 { margin-left: 1rem !important; }
  .lg-mx2 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .lg-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .lg-m3 { margin: 1.5rem !important; }
  .lg-mt3 { margin-top: 1.5rem !important; }
  .lg-mr3 { margin-right: 1.5rem !important; }
  .lg-mb3 { margin-bottom: 1.5rem !important; }
  .lg-ml3 { margin-left: 1.5rem !important; }
  .lg-mx3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .lg-my3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .lg-m4 { margin: 2rem !important; }
  .lg-mt4 { margin-top: 2rem !important; }
  .lg-mr4 { margin-right: 2rem !important; }
  .lg-mb4 { margin-bottom: 2rem !important; }
  .lg-ml4 { margin-left: 2rem !important; }
  .lg-mx4 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .lg-my4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .lg-m5 { margin: 3rem !important; }
  .lg-mt5 { margin-top: 3rem !important; }
  .lg-mr5 { margin-right: 3rem !important; }
  .lg-mb5 { margin-bottom: 3rem !important; }
  .lg-ml5 { margin-left: 3rem !important; }
  .lg-mx5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .lg-my5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .lg-m6 { margin: 4.5rem !important; }
  .lg-mt6 { margin-top: 4.5rem !important; }
  .lg-mr6 { margin-right: 4.5rem !important; }
  .lg-mb6 { margin-bottom: 4.5rem !important; }
  .lg-ml6 { margin-left: 4.5rem !important; }
  .lg-mx6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .lg-my6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .lg-mx-auto { margin-left: auto !important; margin-right: auto !important; } }
@media (min-width: 76rem) { .xl-m0 { margin: 0        !important; }
  .xl-mt0 { margin-top: 0    !important; }
  .xl-mr0 { margin-right: 0  !important; }
  .xl-mb0 { margin-bottom: 0 !important; }
  .xl-ml0 { margin-left: 0   !important; }
  .xl-mx0 { margin-left: 0   !important; margin-right: 0  !important; }
  .xl-my0 { margin-top: 0    !important; margin-bottom: 0 !important; }
  .xl-m1 { margin: 0.5rem !important; }
  .xl-mt1 { margin-top: 0.5rem !important; }
  .xl-mr1 { margin-right: 0.5rem !important; }
  .xl-mb1 { margin-bottom: 0.5rem !important; }
  .xl-ml1 { margin-left: 0.5rem !important; }
  .xl-mx1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .xl-my1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .xl-m2 { margin: 1rem !important; }
  .xl-mt2 { margin-top: 1rem !important; }
  .xl-mr2 { margin-right: 1rem !important; }
  .xl-mb2 { margin-bottom: 1rem !important; }
  .xl-ml2 { margin-left: 1rem !important; }
  .xl-mx2 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .xl-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .xl-m3 { margin: 1.5rem !important; }
  .xl-mt3 { margin-top: 1.5rem !important; }
  .xl-mr3 { margin-right: 1.5rem !important; }
  .xl-mb3 { margin-bottom: 1.5rem !important; }
  .xl-ml3 { margin-left: 1.5rem !important; }
  .xl-mx3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .xl-my3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .xl-m4 { margin: 2rem !important; }
  .xl-mt4 { margin-top: 2rem !important; }
  .xl-mr4 { margin-right: 2rem !important; }
  .xl-mb4 { margin-bottom: 2rem !important; }
  .xl-ml4 { margin-left: 2rem !important; }
  .xl-mx4 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .xl-my4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .xl-m5 { margin: 3rem !important; }
  .xl-mt5 { margin-top: 3rem !important; }
  .xl-mr5 { margin-right: 3rem !important; }
  .xl-mb5 { margin-bottom: 3rem !important; }
  .xl-ml5 { margin-left: 3rem !important; }
  .xl-mx5 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .xl-my5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .xl-m6 { margin: 4.5rem !important; }
  .xl-mt6 { margin-top: 4.5rem !important; }
  .xl-mr6 { margin-right: 4.5rem !important; }
  .xl-mb6 { margin-bottom: 4.5rem !important; }
  .xl-ml6 { margin-left: 4.5rem !important; }
  .xl-mx6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .xl-my6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .xl-mx-auto { margin-left: auto !important; margin-right: auto !important; } }
.xs-p0 { padding: 0 !important; }
.xs-pt0 { padding-top: 0 !important; }
.xs-pr0 { padding-right: 0 !important; }
.xs-pb0 { padding-bottom: 0 !important; }
.xs-pl0 { padding-left: 0 !important; }
.xs-px0 { padding-left: 0 !important; padding-right: 0  !important; }
.xs-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.xs-p1 { padding: 0.5rem !important; }
.xs-pt1 { padding-top: 0.5rem !important; }
.xs-pr1 { padding-right: 0.5rem !important; }
.xs-pb1 { padding-bottom: 0.5rem !important; }
.xs-pl1 { padding-left: 0.5rem !important; }
.xs-px1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.xs-py1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.xs-p2 { padding: 1rem !important; }
.xs-pt2 { padding-top: 1rem !important; }
.xs-pr2 { padding-right: 1rem !important; }
.xs-pb2 { padding-bottom: 1rem !important; }
.xs-pl2 { padding-left: 1rem !important; }
.xs-px2 { padding-left: 1rem !important; padding-right: 1rem !important; }
.xs-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.xs-p3 { padding: 1.5rem !important; }
.xs-pt3 { padding-top: 1.5rem !important; }
.xs-pr3 { padding-right: 1.5rem !important; }
.xs-pb3 { padding-bottom: 1.5rem !important; }
.xs-pl3 { padding-left: 1.5rem !important; }
.xs-px3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.xs-py3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.xs-p4 { padding: 2rem !important; }
.xs-pt4 { padding-top: 2rem !important; }
.xs-pr4 { padding-right: 2rem !important; }
.xs-pb4 { padding-bottom: 2rem !important; }
.xs-pl4 { padding-left: 2rem !important; }
.xs-px4 { padding-left: 2rem !important; padding-right: 2rem !important; }
.xs-py4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.xs-p5 { padding: 3rem !important; }
.xs-pt5 { padding-top: 3rem !important; }
.xs-pr5 { padding-right: 3rem !important; }
.xs-pb5 { padding-bottom: 3rem !important; }
.xs-pl5 { padding-left: 3rem !important; }
.xs-px5 { padding-left: 3rem !important; padding-right: 3rem !important; }
.xs-py5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.xs-p6 { padding: 4.5rem !important; }
.xs-pt6 { padding-top: 4.5rem !important; }
.xs-pr6 { padding-right: 4.5rem !important; }
.xs-pb6 { padding-bottom: 4.5rem !important; }
.xs-pl6 { padding-left: 4.5rem !important; }
.xs-px6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.xs-py6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

@media (min-width: 40rem) { .sm-p0 { padding: 0 !important; }
  .sm-pt0 { padding-top: 0 !important; }
  .sm-pr0 { padding-right: 0 !important; }
  .sm-pb0 { padding-bottom: 0 !important; }
  .sm-pl0 { padding-left: 0 !important; }
  .sm-px0 { padding-left: 0 !important; padding-right: 0  !important; }
  .sm-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .sm-p1 { padding: 0.5rem !important; }
  .sm-pt1 { padding-top: 0.5rem !important; }
  .sm-pr1 { padding-right: 0.5rem !important; }
  .sm-pb1 { padding-bottom: 0.5rem !important; }
  .sm-pl1 { padding-left: 0.5rem !important; }
  .sm-px1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .sm-py1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .sm-p2 { padding: 1rem !important; }
  .sm-pt2 { padding-top: 1rem !important; }
  .sm-pr2 { padding-right: 1rem !important; }
  .sm-pb2 { padding-bottom: 1rem !important; }
  .sm-pl2 { padding-left: 1rem !important; }
  .sm-px2 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .sm-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .sm-p3 { padding: 1.5rem !important; }
  .sm-pt3 { padding-top: 1.5rem !important; }
  .sm-pr3 { padding-right: 1.5rem !important; }
  .sm-pb3 { padding-bottom: 1.5rem !important; }
  .sm-pl3 { padding-left: 1.5rem !important; }
  .sm-px3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .sm-py3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .sm-p4 { padding: 2rem !important; }
  .sm-pt4 { padding-top: 2rem !important; }
  .sm-pr4 { padding-right: 2rem !important; }
  .sm-pb4 { padding-bottom: 2rem !important; }
  .sm-pl4 { padding-left: 2rem !important; }
  .sm-px4 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .sm-py4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .sm-p5 { padding: 3rem !important; }
  .sm-pt5 { padding-top: 3rem !important; }
  .sm-pr5 { padding-right: 3rem !important; }
  .sm-pb5 { padding-bottom: 3rem !important; }
  .sm-pl5 { padding-left: 3rem !important; }
  .sm-px5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .sm-py5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .sm-p6 { padding: 4.5rem !important; }
  .sm-pt6 { padding-top: 4.5rem !important; }
  .sm-pr6 { padding-right: 4.5rem !important; }
  .sm-pb6 { padding-bottom: 4.5rem !important; }
  .sm-pl6 { padding-left: 4.5rem !important; }
  .sm-px6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .sm-py6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } }
@media (min-width: 52rem) { .md-p0 { padding: 0 !important; }
  .md-pt0 { padding-top: 0 !important; }
  .md-pr0 { padding-right: 0 !important; }
  .md-pb0 { padding-bottom: 0 !important; }
  .md-pl0 { padding-left: 0 !important; }
  .md-px0 { padding-left: 0 !important; padding-right: 0  !important; }
  .md-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .md-p1 { padding: 0.5rem !important; }
  .md-pt1 { padding-top: 0.5rem !important; }
  .md-pr1 { padding-right: 0.5rem !important; }
  .md-pb1 { padding-bottom: 0.5rem !important; }
  .md-pl1 { padding-left: 0.5rem !important; }
  .md-px1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .md-py1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .md-p2 { padding: 1rem !important; }
  .md-pt2 { padding-top: 1rem !important; }
  .md-pr2 { padding-right: 1rem !important; }
  .md-pb2 { padding-bottom: 1rem !important; }
  .md-pl2 { padding-left: 1rem !important; }
  .md-px2 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .md-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .md-p3 { padding: 1.5rem !important; }
  .md-pt3 { padding-top: 1.5rem !important; }
  .md-pr3 { padding-right: 1.5rem !important; }
  .md-pb3 { padding-bottom: 1.5rem !important; }
  .md-pl3 { padding-left: 1.5rem !important; }
  .md-px3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .md-py3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .md-p4 { padding: 2rem !important; }
  .md-pt4 { padding-top: 2rem !important; }
  .md-pr4 { padding-right: 2rem !important; }
  .md-pb4 { padding-bottom: 2rem !important; }
  .md-pl4 { padding-left: 2rem !important; }
  .md-px4 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .md-py4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .md-p5 { padding: 3rem !important; }
  .md-pt5 { padding-top: 3rem !important; }
  .md-pr5 { padding-right: 3rem !important; }
  .md-pb5 { padding-bottom: 3rem !important; }
  .md-pl5 { padding-left: 3rem !important; }
  .md-px5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .md-py5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .md-p6 { padding: 4.5rem !important; }
  .md-pt6 { padding-top: 4.5rem !important; }
  .md-pr6 { padding-right: 4.5rem !important; }
  .md-pb6 { padding-bottom: 4.5rem !important; }
  .md-pl6 { padding-left: 4.5rem !important; }
  .md-px6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .md-py6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } }
@media (min-width: 64rem) { .lg-p0 { padding: 0 !important; }
  .lg-pt0 { padding-top: 0 !important; }
  .lg-pr0 { padding-right: 0 !important; }
  .lg-pb0 { padding-bottom: 0 !important; }
  .lg-pl0 { padding-left: 0 !important; }
  .lg-px0 { padding-left: 0 !important; padding-right: 0  !important; }
  .lg-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .lg-p1 { padding: 0.5rem !important; }
  .lg-pt1 { padding-top: 0.5rem !important; }
  .lg-pr1 { padding-right: 0.5rem !important; }
  .lg-pb1 { padding-bottom: 0.5rem !important; }
  .lg-pl1 { padding-left: 0.5rem !important; }
  .lg-px1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .lg-py1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .lg-p2 { padding: 1rem !important; }
  .lg-pt2 { padding-top: 1rem !important; }
  .lg-pr2 { padding-right: 1rem !important; }
  .lg-pb2 { padding-bottom: 1rem !important; }
  .lg-pl2 { padding-left: 1rem !important; }
  .lg-px2 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .lg-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .lg-p3 { padding: 1.5rem !important; }
  .lg-pt3 { padding-top: 1.5rem !important; }
  .lg-pr3 { padding-right: 1.5rem !important; }
  .lg-pb3 { padding-bottom: 1.5rem !important; }
  .lg-pl3 { padding-left: 1.5rem !important; }
  .lg-px3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .lg-py3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .lg-p4 { padding: 2rem !important; }
  .lg-pt4 { padding-top: 2rem !important; }
  .lg-pr4 { padding-right: 2rem !important; }
  .lg-pb4 { padding-bottom: 2rem !important; }
  .lg-pl4 { padding-left: 2rem !important; }
  .lg-px4 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .lg-py4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .lg-p5 { padding: 3rem !important; }
  .lg-pt5 { padding-top: 3rem !important; }
  .lg-pr5 { padding-right: 3rem !important; }
  .lg-pb5 { padding-bottom: 3rem !important; }
  .lg-pl5 { padding-left: 3rem !important; }
  .lg-px5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .lg-py5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .lg-p6 { padding: 4.5rem !important; }
  .lg-pt6 { padding-top: 4.5rem !important; }
  .lg-pr6 { padding-right: 4.5rem !important; }
  .lg-pb6 { padding-bottom: 4.5rem !important; }
  .lg-pl6 { padding-left: 4.5rem !important; }
  .lg-px6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .lg-py6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } }
@media (min-width: 76rem) { .xl-p0 { padding: 0 !important; }
  .xl-pt0 { padding-top: 0 !important; }
  .xl-pr0 { padding-right: 0 !important; }
  .xl-pb0 { padding-bottom: 0 !important; }
  .xl-pl0 { padding-left: 0 !important; }
  .xl-px0 { padding-left: 0 !important; padding-right: 0  !important; }
  .xl-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .xl-p1 { padding: 0.5rem !important; }
  .xl-pt1 { padding-top: 0.5rem !important; }
  .xl-pr1 { padding-right: 0.5rem !important; }
  .xl-pb1 { padding-bottom: 0.5rem !important; }
  .xl-pl1 { padding-left: 0.5rem !important; }
  .xl-px1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .xl-py1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .xl-p2 { padding: 1rem !important; }
  .xl-pt2 { padding-top: 1rem !important; }
  .xl-pr2 { padding-right: 1rem !important; }
  .xl-pb2 { padding-bottom: 1rem !important; }
  .xl-pl2 { padding-left: 1rem !important; }
  .xl-px2 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .xl-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .xl-p3 { padding: 1.5rem !important; }
  .xl-pt3 { padding-top: 1.5rem !important; }
  .xl-pr3 { padding-right: 1.5rem !important; }
  .xl-pb3 { padding-bottom: 1.5rem !important; }
  .xl-pl3 { padding-left: 1.5rem !important; }
  .xl-px3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .xl-py3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .xl-p4 { padding: 2rem !important; }
  .xl-pt4 { padding-top: 2rem !important; }
  .xl-pr4 { padding-right: 2rem !important; }
  .xl-pb4 { padding-bottom: 2rem !important; }
  .xl-pl4 { padding-left: 2rem !important; }
  .xl-px4 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .xl-py4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .xl-p5 { padding: 3rem !important; }
  .xl-pt5 { padding-top: 3rem !important; }
  .xl-pr5 { padding-right: 3rem !important; }
  .xl-pb5 { padding-bottom: 3rem !important; }
  .xl-pl5 { padding-left: 3rem !important; }
  .xl-px5 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .xl-py5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .xl-p6 { padding: 4.5rem !important; }
  .xl-pt6 { padding-top: 4.5rem !important; }
  .xl-pr6 { padding-right: 4.5rem !important; }
  .xl-pb6 { padding-bottom: 4.5rem !important; }
  .xl-pl6 { padding-left: 4.5rem !important; }
  .xl-px6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .xl-py6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } }
.xs-relative { position: relative !important; }
.xs-absolute { position: absolute !important; }
.xs-fixed { position: fixed    !important; }
.xs-static { position: static   !important; }
.xs-z1 { z-index: 100 !important; }
.xs-z2 { z-index: 200 !important; }
.xs-z3 { z-index: 300 !important; }
.xs-z4 { z-index: 400 !important; }
.xs-t0 { top: 0 !important; }
.xs-r0 { right: 0 !important; }
.xs-b0 { bottom: 0 !important; }
.xs-l0 { left: 0 !important; }
.xs-t1 { top: 0.5rem !important; }
.xs-r1 { right: 0.5rem !important; }
.xs-b1 { bottom: 0.5rem !important; }
.xs-l1 { left: 0.5rem !important; }
.xs-t2 { top: 1rem !important; }
.xs-r2 { right: 1rem !important; }
.xs-b2 { bottom: 1rem !important; }
.xs-l2 { left: 1rem !important; }
.xs-t3 { top: 1.5rem !important; }
.xs-r3 { right: 1.5rem !important; }
.xs-b3 { bottom: 1.5rem !important; }
.xs-l3 { left: 1.5rem !important; }
.xs-t4 { top: 2rem !important; }
.xs-r4 { right: 2rem !important; }
.xs-b4 { bottom: 2rem !important; }
.xs-l4 { left: 2rem !important; }
.xs-t5 { top: 3rem !important; }
.xs-r5 { right: 3rem !important; }
.xs-b5 { bottom: 3rem !important; }
.xs-l5 { left: 3rem !important; }
.xs-t6 { top: 4.5rem !important; }
.xs-r6 { right: 4.5rem !important; }
.xs-b6 { bottom: 4.5rem !important; }
.xs-l6 { left: 4.5rem !important; }

@media (min-width: 40rem) { .sm-relative { position: relative !important; }
  .sm-absolute { position: absolute !important; }
  .sm-fixed { position: fixed    !important; }
  .sm-static { position: static   !important; }
  .sm-z1 { z-index: 100 !important; }
  .sm-z2 { z-index: 200 !important; }
  .sm-z3 { z-index: 300 !important; }
  .sm-z4 { z-index: 400 !important; }
  .sm-t0 { top: 0 !important; }
  .sm-r0 { right: 0 !important; }
  .sm-b0 { bottom: 0 !important; }
  .sm-l0 { left: 0 !important; }
  .sm-t1 { top: 0.5rem !important; }
  .sm-r1 { right: 0.5rem !important; }
  .sm-b1 { bottom: 0.5rem !important; }
  .sm-l1 { left: 0.5rem !important; }
  .sm-t2 { top: 1rem !important; }
  .sm-r2 { right: 1rem !important; }
  .sm-b2 { bottom: 1rem !important; }
  .sm-l2 { left: 1rem !important; }
  .sm-t3 { top: 1.5rem !important; }
  .sm-r3 { right: 1.5rem !important; }
  .sm-b3 { bottom: 1.5rem !important; }
  .sm-l3 { left: 1.5rem !important; }
  .sm-t4 { top: 2rem !important; }
  .sm-r4 { right: 2rem !important; }
  .sm-b4 { bottom: 2rem !important; }
  .sm-l4 { left: 2rem !important; }
  .sm-t5 { top: 3rem !important; }
  .sm-r5 { right: 3rem !important; }
  .sm-b5 { bottom: 3rem !important; }
  .sm-l5 { left: 3rem !important; }
  .sm-t6 { top: 4.5rem !important; }
  .sm-r6 { right: 4.5rem !important; }
  .sm-b6 { bottom: 4.5rem !important; }
  .sm-l6 { left: 4.5rem !important; } }
@media (min-width: 52rem) { .md-relative { position: relative !important; }
  .md-absolute { position: absolute !important; }
  .md-fixed { position: fixed    !important; }
  .md-static { position: static   !important; }
  .md-z1 { z-index: 100 !important; }
  .md-z2 { z-index: 200 !important; }
  .md-z3 { z-index: 300 !important; }
  .md-z4 { z-index: 400 !important; }
  .md-t0 { top: 0 !important; }
  .md-r0 { right: 0 !important; }
  .md-b0 { bottom: 0 !important; }
  .md-l0 { left: 0 !important; }
  .md-t1 { top: 0.5rem !important; }
  .md-r1 { right: 0.5rem !important; }
  .md-b1 { bottom: 0.5rem !important; }
  .md-l1 { left: 0.5rem !important; }
  .md-t2 { top: 1rem !important; }
  .md-r2 { right: 1rem !important; }
  .md-b2 { bottom: 1rem !important; }
  .md-l2 { left: 1rem !important; }
  .md-t3 { top: 1.5rem !important; }
  .md-r3 { right: 1.5rem !important; }
  .md-b3 { bottom: 1.5rem !important; }
  .md-l3 { left: 1.5rem !important; }
  .md-t4 { top: 2rem !important; }
  .md-r4 { right: 2rem !important; }
  .md-b4 { bottom: 2rem !important; }
  .md-l4 { left: 2rem !important; }
  .md-t5 { top: 3rem !important; }
  .md-r5 { right: 3rem !important; }
  .md-b5 { bottom: 3rem !important; }
  .md-l5 { left: 3rem !important; }
  .md-t6 { top: 4.5rem !important; }
  .md-r6 { right: 4.5rem !important; }
  .md-b6 { bottom: 4.5rem !important; }
  .md-l6 { left: 4.5rem !important; } }
@media (min-width: 64rem) { .lg-relative { position: relative !important; }
  .lg-absolute { position: absolute !important; }
  .lg-fixed { position: fixed    !important; }
  .lg-static { position: static   !important; }
  .lg-z1 { z-index: 100 !important; }
  .lg-z2 { z-index: 200 !important; }
  .lg-z3 { z-index: 300 !important; }
  .lg-z4 { z-index: 400 !important; }
  .lg-t0 { top: 0 !important; }
  .lg-r0 { right: 0 !important; }
  .lg-b0 { bottom: 0 !important; }
  .lg-l0 { left: 0 !important; }
  .lg-t1 { top: 0.5rem !important; }
  .lg-r1 { right: 0.5rem !important; }
  .lg-b1 { bottom: 0.5rem !important; }
  .lg-l1 { left: 0.5rem !important; }
  .lg-t2 { top: 1rem !important; }
  .lg-r2 { right: 1rem !important; }
  .lg-b2 { bottom: 1rem !important; }
  .lg-l2 { left: 1rem !important; }
  .lg-t3 { top: 1.5rem !important; }
  .lg-r3 { right: 1.5rem !important; }
  .lg-b3 { bottom: 1.5rem !important; }
  .lg-l3 { left: 1.5rem !important; }
  .lg-t4 { top: 2rem !important; }
  .lg-r4 { right: 2rem !important; }
  .lg-b4 { bottom: 2rem !important; }
  .lg-l4 { left: 2rem !important; }
  .lg-t5 { top: 3rem !important; }
  .lg-r5 { right: 3rem !important; }
  .lg-b5 { bottom: 3rem !important; }
  .lg-l5 { left: 3rem !important; }
  .lg-t6 { top: 4.5rem !important; }
  .lg-r6 { right: 4.5rem !important; }
  .lg-b6 { bottom: 4.5rem !important; }
  .lg-l6 { left: 4.5rem !important; } }
@media (min-width: 76rem) { .xl-relative { position: relative !important; }
  .xl-absolute { position: absolute !important; }
  .xl-fixed { position: fixed    !important; }
  .xl-static { position: static   !important; }
  .xl-z1 { z-index: 100 !important; }
  .xl-z2 { z-index: 200 !important; }
  .xl-z3 { z-index: 300 !important; }
  .xl-z4 { z-index: 400 !important; }
  .xl-t0 { top: 0 !important; }
  .xl-r0 { right: 0 !important; }
  .xl-b0 { bottom: 0 !important; }
  .xl-l0 { left: 0 !important; }
  .xl-t1 { top: 0.5rem !important; }
  .xl-r1 { right: 0.5rem !important; }
  .xl-b1 { bottom: 0.5rem !important; }
  .xl-l1 { left: 0.5rem !important; }
  .xl-t2 { top: 1rem !important; }
  .xl-r2 { right: 1rem !important; }
  .xl-b2 { bottom: 1rem !important; }
  .xl-l2 { left: 1rem !important; }
  .xl-t3 { top: 1.5rem !important; }
  .xl-r3 { right: 1.5rem !important; }
  .xl-b3 { bottom: 1.5rem !important; }
  .xl-l3 { left: 1.5rem !important; }
  .xl-t4 { top: 2rem !important; }
  .xl-r4 { right: 2rem !important; }
  .xl-b4 { bottom: 2rem !important; }
  .xl-l4 { left: 2rem !important; }
  .xl-t5 { top: 3rem !important; }
  .xl-r5 { right: 3rem !important; }
  .xl-b5 { bottom: 3rem !important; }
  .xl-l5 { left: 3rem !important; }
  .xl-t6 { top: 4.5rem !important; }
  .xl-r6 { right: 4.5rem !important; }
  .xl-b6 { bottom: 4.5rem !important; }
  .xl-l6 { left: 4.5rem !important; } }
.xs-align-top { vertical-align: top     !important; }
.xs-align-middle { vertical-align: middle  !important; }
.xs-align-bottom { vertical-align: bottom  !important; }

@media (min-width: 40rem) { .sm-align-top { vertical-align: top     !important; }
  .sm-align-middle { vertical-align: middle  !important; }
  .sm-align-bottom { vertical-align: bottom  !important; } }
@media (min-width: 52rem) { .md-align-top { vertical-align: top     !important; }
  .md-align-middle { vertical-align: middle  !important; }
  .md-align-bottom { vertical-align: bottom  !important; } }
@media (min-width: 64rem) { .lg-align-top { vertical-align: top     !important; }
  .lg-align-middle { vertical-align: middle  !important; }
  .lg-align-bottom { vertical-align: bottom  !important; } }
@media (min-width: 76rem) { .xl-align-top { vertical-align: top     !important; }
  .xl-align-middle { vertical-align: middle  !important; }
  .xl-align-bottom { vertical-align: bottom  !important; } }
.clearfix:before, .wrapper:before, .clearfix:after, .wrapper:after { content: " "   !important; display: table !important; }

.clearfix:after { clear: both !important; }

.page-message { position: relative; margin-top: .125rem; padding: .75rem; font-size: 1em; font-weight: 600; }

.page-message__text:before { content: ""; height: 1rem; width: 1rem; display: inline-block; position: relative; bottom: -2px; margin-right: 0.5rem; background-repeat: no-repeat; background-position: center; }

.page-message__action { text-decoration: underline; }

.page-message__close { position: absolute; right: .25rem; top: .375rem; padding: .5rem; cursor: pointer; }

.page-message__close-icon { width: .75rem; }

.page-message--error { background-color: #feebe9; color: #e32; }
.page-message--error .page-message__text, .page-message--error .page-message__action { color: #e32; }
.page-message--error .page-message__text:before, .page-message--error .page-message__action:before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22488%22%20height%3D%22488%22%20viewBox%3D%220%200%20488%20488%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Cpath%20d%3D%22M244%200c-134.708%200-244%20109.292-244%20244s109.292%20244%20244%20244%20244-109.292%20244-244-109.292-244-244-244zm40.667%20396.182c0%205.719-4.448%2010.484-9.849%2010.484h-61c-5.719%200-10.484-4.766-10.484-10.484v-60.365c0-5.719%204.766-10.484%2010.484-10.484h61c5.401%200%209.849%204.766%209.849%2010.484v60.365zm-.635-109.292c-.318%204.448-5.083%207.943-10.802%207.943h-58.776c-6.036%200-10.802-3.495-10.802-7.943l-5.401-197.297c0-2.224.953-4.448%203.177-5.719%201.906-1.589%204.766-2.542%207.625-2.542h69.896c2.859%200%205.719.953%207.625%202.542%202.224%201.271%203.177%203.495%203.177%205.719l-5.719%20197.297z%22%20fill%3D%22%23e32%22/%3E%3C/svg%3E"); background-size: 1rem; }
.page-message--error .page-message__close-icon { fill: #fa9287; }
.page-message--error .page-message__close:hover .page-message__close-icon { fill: #e32; }

.page-message--success { background-color: #f1f8e9; color: #6fb824; }
.page-message--success .page-message__text, .page-message--success .page-message__action { color: #6fb824; }
.page-message--success .page-message__text:before, .page-message--success .page-message__action:before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E"); background-size: .625rem; background-color: #6fb824; border-radius: 50%; }
.page-message--success .page-message__close-icon { fill: #c0df9c; }
.page-message--success .page-message__close:hover .page-message__close-icon { fill: #6fb824; }

.page-message__action:hover { color: #07e; }

.button-group, .button-group--small { position: relative; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; text-decoration: none; color: #07e; }
.button-group .button-group__radio, .button-group--small .button-group__radio { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.button-group__item { display: inline-block; cursor: pointer; float: left; padding: .5rem .875rem; border-right: 1px solid rgba(0, 0, 0, 0.2); }
.button-group__item:hover { transition: background-color .3s ease 0s; background-color: #f4f4f4; }
.button-group__item:last-of-type { border: 0; }

.button-group .button-group__radio:checked + .button-group__item, .button-group--small .button-group__radio:checked + .button-group__item { background-color: #f4f4f4; color: #333; }

.button-group--small .button-group__item { padding: 0.3125rem .625rem; font-size: 0.875em; line-height: 1; }

.modal { background: rgba(255, 255, 255, 0.9); position: fixed; height: 100%; width: 100%; top: 0; left: 0; padding: 1rem; z-index: 400; opacity: 0; visibility: hidden; transition: all .2s; overflow-x: hidden; overflow-y: auto; }

.modal__content { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; margin: 0 auto; position: relative; padding: 2rem; }

.modal__close { width: 3rem; height: 3rem; padding: 1rem; float: right; margin: -2rem -2rem 0 0; }
.modal__close:hover { cursor: pointer; }
.modal__close:hover .modal__close-icon { fill: #222; }

.modal__close-icon { width: 1rem; fill: #aaa; }

.js-show-modal { overflow: hidden; }
.js-show-modal .modal { visibility: visible; opacity: 1; }
.js-show-modal .modal__content { -webkit-animation-name: modal__content-scale; animation-name: modal__content-scale; }

@-webkit-keyframes modal__content-scale { from { opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 0.6); transform: scale3d(0.6, 0.6, 0.6); }
  50% { opacity: 1; } }
@-moz-keyframes modal__content-scale { from { opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 0.6); transform: scale3d(0.6, 0.6, 0.6); }
  50% { opacity: 1; } }
@keyframes modal__content-scale { from { opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 0.6); transform: scale3d(0.6, 0.6, 0.6); }
  50% { opacity: 1; } }
.tag { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; display: inline-block; font-size: 0.75em; }

.tag__text, .tag__link, .tag__delete { padding: 0 .5rem; }

.tag__text, .tag__link { float: left; }

.tag__delete { float: left; border-right: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }

.tag__delete-icon { width: .625rem; fill: #aaa; vertical-align: middle; transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 50ms; -webkit-transition-timing-function: ease-in; margin-left: 1px; }
.tag__delete-icon:hover { fill: #444444; }

.tag__delete { padding: 0 .3125rem; }
.tag__delete:hover .tag__delete-icon { fill: #444444; }

::selection { background: rgba(255, 230, 49, 0.5); }

.doc { min-height: 100vh; background: white; z-index: 1; padding-bottom: 6rem; margin-bottom: 23em; overflow-x: hidden; box-shadow: 0 5px 0px #000; }
@media (min-width: 40rem) { .doc { margin-bottom: 21em; } }
@media (min-width: 52rem) { .doc { margin-bottom: 22em; } }
@media (min-width: 64rem) { .doc { margin-bottom: 20em; } }

.nav-header { padding-top: 4rem; }
@media (min-width: 52rem) { .nav-header { padding-top: 6rem; } }

nav .nav-items { width: 100%; }
nav .nav-items a { padding: 2em 0; padding-right: 15px; display: inline-block; }
@media (min-width: 40rem) { nav .nav-items a { padding: .65em 0; padding-right: 10%; } }
@media (min-width: 52rem) { nav .nav-items a { padding-right: 10%; } }

footer { position: fixed; width: 100%; bottom: 0; z-index: -1; }

.page-header--upper { padding-bottom: 6rem; }
@media (min-width: 52rem) { .page-header--upper { padding-bottom: 9rem; } }
@media (min-width: 64rem) { .page-header--upper { padding-bottom: 11.25rem; } }
.page-header--upper #site-header { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.page-header--lower { height: 40vw; position: relative; }

.page-body.pad { padding-top: 6rem; }
@media (min-width: 52rem) { .page-body.pad { padding-top: 9rem; } }
.page-body tr.flex-baseline { display: flex; }
.page-body tr.flex-baseline td.col { align-self: baseline; padding-left: 0; padding-right: 0; }

.designer { cursor: pointer; transition: color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); position: relative; }
.designer:hover { color: #FF641C; }
.designer:hover i { color: #FF641C; font-style: normal; }
.designer i { color: #FF641C; font-style: normal; font-family: serif; margin-left: -.2em; top: -3px; position: relative; display: inline; }
.designer:after { content: ""; position: absolute; top: .75em; left: 0; height: .1em; width: 0; background: transparent; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.designer.active { text-decoration: none; }
.designer.inactive { color: #fff; }
.designer.inactive:after { width: calc(100% - 1em); background: #fff; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }

.multi { overflow: hidden; display: block; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); font-family: monospace; font-weight: normal; font-size: .45em; display: block; line-height: 2.2em; }
.multi.active { opacity: 1; max-width: 23em; height: 9em; color: #fff; }
.multi.inactive { height: 0; opacity: 0; }
@media (min-width: 40rem) { .multi.inactive { max-width: 500px; } }
@media (min-width: 52rem) { .multi.inactive { max-width: 47vw; } }
@media (min-width: 64rem) { .multi.inactive { max-width: 35vw; } }
@media (min-width: 76rem) { .multi.inactive { max-width: 35vw; } }

.shape { position: absolute; transition: margin-top 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.shape--red-left { width: 27vw; height: 27vw; background: #FF641C; top: 20vw; }
.shape--blue-right { width: 34vw; height: 34vw; background: #005CFF; top: 30vw; right: 7.5vw; }
.shape--yellow-right { width: 19.9vw; height: 19.9vw; background: #FFE631; top: 0; right: 0.25rem; }
.shape--circ { left: 32.5vw; top: 48vw; }
.shape--circ img { width: 5vw; }
.shape--line-circ { left: 35.5vw; top: -4vw; }
.shape--line-circ img { width: 13.5vw; }
.shape--diamond { left: 50vw; top: 15vw; }
.shape--diamond img { width: 4vw; }
.shape--triangle { left: 15.5vw; }
.shape--triangle img { width: 4vw; }

img { border-radius: 4px; }

h1.display { font-size: 7vw; }
@media (min-width: 40rem) { h1.display { font-size: 6vw; } }
@media (min-width: 52rem) { h1.display { font-size: 4.25vw; } }
@media (min-width: 64rem) { h1.display { font-size: 3.9vw; } }

.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6, .post-body p, .post-body blockquote, .post-body pre, .page-body h1, .page-body h2, .page-body h3, .page-body h4, .page-body h5, .page-body h6, .page-body p, .page-body blockquote, .page-body pre { margin-bottom: 1em; }

.post-content p { font-family: serif; line-height: 1.65; font-size: 1.4em; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 0.25rem; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: "europa", Helvetica, Arial, sans-serif; letter-spacing: .02em; line-height: 1.35; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: underline; }

/** Links */
a { color: #333; text-decoration: none; }
a:visited { color: #0d0d0d; }
a:hover { color: #333; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #aaa; font-size: 1.6875em; font-weight: bold; }
blockquote > p { text-indent: -0.4em; line-height: 1.4 !important; }
blockquote > p > em { font-family: "europa", Helvetica, Arial, sans-serif; font-size: 30%; font-style: normal; text-transform: uppercase; letter-spacing: .1em; }
blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #f4f4f4; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

.post-hero { background-color: #f4f4f4; background-size: cover; background-position: center; height: 30vw; min-height: 200px; width: 100%; display: inline-block; overflow: hidden; position: relative; z-index: 0; border-radius: 4px; }
.post-hero-overflow { background: transparent; overflow: visible; mix-blend-mode: multiply; }
.post-hero img { top: 0; width: 100%; position: absolute; }
.post-hero iframe[src*="codepen.io"] { height: 30vw; min-height: 200px; }

.post-body .post-content { z-index: 10; }
.post-body .post-content img[alt~="twoup"] { margin-bottom: 1rem; }
.post-body .post-content img[alt~="lg"] { margin-left: calc(-7.5vw - 1em); width: calc(100vw + 0.5em) !important; max-width: none; }
@media (min-width: 52rem) { .post-body .post-content img[alt~="lg"] { margin-left: -51.5%; width: 151.5% !important; max-width: none; } }
@media (min-width: 64rem) { .post-body .post-content img[alt~="sm"] { margin-left: -36.5%; width: 136.5% !important; max-width: none; }
  .post-body .post-content img[alt~="lg"] { margin-left: -73%; width: 173% !important; max-width: none; }
  .post-body .post-content img[alt~="twoup"] { margin-left: -73.5%; width: 85.87% !important; max-width: none; }
  .post-body .post-content img[alt~="twoup"]:nth-child(2) { margin-left: 0%; } }

.move { display: block; position: absolute; width: 33vw; height: 33vw; transition: all 2.5s cubic-bezier(0, 0.01, 0.14, 1.19); border-radius: 50%; mix-blend-mode: multiply; z-index: 0; }
.move:after { content: ""; position: absolute; bottom: -3.66667vw; left: calc(50% - 4.125vw); width: 0; height: 0; border-left: 4.125vw solid transparent; border-right: 4.125vw solid transparent; border-bottom: 4.125vw solid black; }
.move--1 { left: calc(30% - 16.5vw); top: calc(50% - 16.5vw); background: #37C2FF; }
.move--1:after { border-bottom-color: #37C2FF; }
.move--2 { left: calc(50% - 16.5vw); top: calc(53% - 16.5vw); background: #ED278D; }
.move--2:after { border-bottom-color: #ED278D; }
.move--3 { left: calc(70% - 16.5vw); top: calc(46% - 16.5vw); background: #F78100; }
.move--3:after { border-bottom-color: #F78100; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
html { font-size: 16px; }

body { font-size: 90%; font-family: "Times-New-Roman", serif; color: #333; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; }
@media (min-width: 40rem) { body { font-size: 110%; } }
@media (min-width: 52rem) { body { font-size: 120%; } }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 0.5rem; }

li > ul, li > ol { margin-bottom: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(85vw - (0.5rem * 2)); max-width: calc(85vw - (0.5rem * 2)); margin-right: auto; margin-left: auto; padding-right: 0.5rem; padding-left: 0.5rem; }
@media (min-width: 64rem) { .wrapper { max-width: -webkit-calc(85vw - (0.5rem)); max-width: calc(85vw - (0.5rem)); padding-right: 0.25rem; padding-left: 0.25rem; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }