@charset "UTF-8";
@font-face {
  font-family: "Open Sans Condensed Light";
  src: url("../fonts/open_sans/OpenSans-CondLight.ttf");
}
@font-face {
  font-family: "Open Sans Light";
  src: url("../fonts/open_sans/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Barlow Extra Light";
  src: url("../fonts/barlow/Barlow-ExtraLight.ttf");
}
@font-face {
  font-family: "Barlow Semi Bold";
  src: url("../fonts/barlow/Barlow-SemiBold.ttf");
}
/*
 *
 *
 *
 *
 *
 *
 *
 * WARNING
 *
 * You are looking at the .css version of SCSS assets.
 *
 * If you directly edit the .css files, you will destroy the usefulness of
 * the SCSS files, and the website's theme will be much harder to maintain in
 * the future.
 *
 *
 *
 *
 *
 *
 *
 */
* {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

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

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.visually-hidden {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.offscreen {
  height: 1px;
  left: -99999px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

[dir=rtl] .offscreen {
  height: 1px;
  left: auto;
  right: -99999px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.offscreen:focus {
  height: auto;
  left: 0;
  overflow: auto;
  position: relative;
  width: auto;
}

[dir=rtl] .offscreen:focus {
  height: auto;
  right: 0;
  overflow: auto;
  position: relative;
  width: auto;
}

.clear:before {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
  content: " ";
  display: table;
}

@font-face {
  font-family: "Open Sans Condensed Light";
  src: url("../fonts/open_sans/OpenSans-CondLight.ttf");
}
@font-face {
  font-family: "Open Sans Light";
  src: url("../fonts/open_sans/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Barlow Extra Light";
  src: url("../fonts/barlow/Barlow-ExtraLight.ttf");
}
@font-face {
  font-family: "Barlow Semi Bold";
  src: url("../fonts/barlow/Barlow-SemiBold.ttf");
}
::selection {
  background: #ff0090;
  color: #ffffff;
  text-shadow: none;
}

img::selection {
  background: transparent;
}

a:link {
  -webkit-tap-highlight-color: #ff0090;
}

@user "triple/default";
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: sans-serif;
  font-size: 100.01%;
}

body {
  font: calc(1em / 1.4) serif;
  font-family: "Barlow Extra Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  hanging-punctuation: first allow-end;
  line-height: 1.4em;
  margin: 0;
  min-height: 100%;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
}

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

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

[hidden],
template {
  display: none;
}

* + * {
  margin-top: 1.4em;
}

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

li + li {
  margin-top: 0;
}

dt + dt,
dt + dd {
  margin-top: 0;
}

.alert h2 + ul {
  margin-top: 0;
}

.align--center {
  text-align: center;
}

.align--left {
  text-align: left;
}

.align--justified {
  text-align: justify;
}

.align--right {
  text-align: right;
}

.align--vertical {
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.float--left {
  float: left;
  margin-right: 1.4em;
}

.float--right {
  float: right;
  margin-left: 1.4em;
}

.float--center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.bleed {
  margin: 0;
}

.bleed--top {
  margin-top: 0;
}

.bleed--right {
  margin-right: 0;
}

.bleed--bottom {
  margin-bottom: 0;
}

.bleed--left {
  margin-left: 0;
}

.bleed--ends {
  margin-bottom: 0;
  margin-top: 0;
}

.bleed--sides {
  margin-left: 0;
  margin-right: 0;
}

.bleed--full {
  margin-left: -1.4em;
  margin-right: -1.4em;
}

.islet .bleed--full {
  margin-left: -0.7em;
  margin-right: -0.7em;
}

body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-lines: 2;
  hyphenate-limit-zone: 40px;
  hyphens: auto;
}

h1, h2, h3, h4, h5, h6, a,
code, var, kbd, samp, tt, dir, listing, plaintext, xmp,
abbr, acronym, blockquote, q {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
  -o-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -webkit-font-feature-settings: "liga", "dlig";
  color: #191919;
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-feature-settings: "liga", "dlig";
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

p {
  orphans: 3;
  widows: 3;
}

.lead {
  font-size: 1.125em;
}

.caps {
  text-transform: uppercase;
}

ol,
ul,
dl {
  margin-left: 2.8em;
  margin-left: 2.8rem;
}

dt {
  font-weight: bold;
}

.numbered-list {
  list-style-type: decimal;
}

.point-numbered-list {
  list-style-type: none;
}

.point-numbered-list ol {
  counter-reset: section;
}

.point-numbered-list li {
  counter-increment: section;
}

.point-numbered-list li {
  content: counters(section, ".") " ";
}

.bi-column-list li {
  display: inline-block;
  width: 50%;
}

.tri-column-list li {
  display: inline-block;
  width: 33%;
}

.quad-column-list li {
  display: inline-block;
  width: 25%;
}

.penta-column-list li {
  display: inline-block;
  width: 20%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  padding: 0.35em;
  text-align: left;
}

@media screen and (min-width: 480px) {
  td,
  th {
    padding: 0.7em;
  }
}
[colspan] {
  text-align: center;
}

[colspan="1"] {
  text-align: left;
}

[rowspan] {
  vertical-align: middle;
}

[rowspan="1"] {
  vertical-align: top;
}

.numerical {
  text-align: right;
}

.table--bordered th,
.table--bordered td {
  border: 1px solid #ccc;
}

.table--bordered th:empty,
.table--bordered td:empty {
  border: none;
}

.table--striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.table--data {
  font: 75%/1.5 sans-serif;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

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

button,
html input[type=button],
input,
input[type=reset],
input[type=submit],
label,
option,
select,
textarea {
  cursor: pointer;
}

textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 0;
  border-top: 1px solid #c0c0c0;
  padding: 0.7em;
}

legend {
  border: 0;
  font-weight: bold;
  padding: 0.7em;
}

label {
  display: block;
  cursor: pointer;
  font-size: 85%;
  vertical-align: top;
}

input,
select {
  vertical-align: middle;
}

textarea {
  overflow: auto;
  resize: vertical;
}

optgroup {
  font-weight: bold;
}

@media only screen and (max-device-width: 568px) {
  input[type=text]:focus,
  textarea:focus,
  select:focus {
    font-size: 16px;
  }
}
.form-item {
  clear: both;
}

input:invalid,
textarea:invalid {
  background-color: #fdd;
}

input.readonly,
textarea.readonly {
  background: #fafafa;
  color: #aaa;
  cursor: not-allowed;
}

.required label {
  color: #f00;
}

.required label:before {
  content: "* ";
}

p.required {
  color: #f00;
}

p.required:before {
  content: "* ";
}

.form-note,
.form-help {
  display: inline-block;
  font-weight: normal;
  margin-top: 0;
}

.form-help {
  display: hidden;
}

input:active + .form-help,
input:focus + .form-help {
  visibility: visible;
}

.check-list,
.radio-list {
  list-style: none;
}

.check-list label,
.radio-list label {
  display: inline-block;
}

.form--compact label {
  display: inline-block;
  text-align: right;
  width: 30%;
}

.form--compact .form-buttons {
  margin-left: 32%;
}

.form--spoken label {
  display: inline-block;
  font: inherit;
  margin-top: 0;
}

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit;
}

.code-comment {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.line-numbers {
  font-family: monospace, serif;
  list-style: decimal-leading-zero inside;
  margin-left: 0;
  overflow: auto;
  white-space: nowrap;
}

.line-numbers code {
  white-space: pre;
}

q {
  font-style: italic;
  quotes: "‘" "’" "“" "”";
}

q:before {
  content: "‘";
  content: open-quote;
}

q:after {
  content: "’";
  content: close-quote;
}

q q:before {
  content: "“";
  content: open-quote;
}

q q:after {
  content: "”";
  content: close-quote;
}

blockquote {
  font-style: italic;
  quotes: "“" "”";
}

blockquote p:before {
  content: "“";
  content: open-quote;
}

blockquote p:after {
  content: "";
  content: no-close-quote;
}

blockquote p:last-of-type:after {
  content: "”";
  content: close-quote;
}

blockquote {
  text-indent: -0.4em;
}

cite {
  font-weight: bold;
}

.source {
  display: block;
  text-indent: 0;
}

.source:before {
  content: "—";
}

hr {
  -moz-box-sizing: content-box;
  border: 0;
  border-bottom: 1px solid #ccc;
  box-sizing: content-box;
  clear: both;
  color: #ccc;
  display: block;
  height: 1px;
  padding: 0;
}

.rule {
  margin-bottom: 2.8em;
  margin-top: 2.8em;
}

.rule--dotted {
  border-bottom-style: dotted;
}

.rule--dashed {
  border-bottom-style: dashed;
}

.rule--ornament {
  position: relative;
}

.rule--ornament:after {
  content: "§";
  font-size: 2em;
  left: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.rule--ornament[data-ornament]:after {
  content: attr(data-ornament);
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
  max-width: 100%;
  vertical-align: middle;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  font-style: italic;
}

img[width],
img[height] {
  max-width: none;
}

figure > img {
  display: inline-block;
  height: auto;
}

figcaption {
  font-size: small;
  font-style: italic;
  color: #666666;
}

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

.overflow-container {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  height: 100%;
  width: 0;
}

abbr {
  font-variant: small-caps;
}

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

b,
strong {
  font-weight: bold;
}

cite {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

dfn {
  font-style: italic;
}

dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

em {
  font-style: italic;
}

i {
  font-weight: italic;
}

ins {
  background: #ff9;
  border-bottom: 1px solid;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

s {
  text-decoration: line-through;
}

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

u {
  border-bottom: 1px dashed red;
  text-decoration: none;
}

var {
  font-weight: bold;
  font-style: italic;
}

acronym {
  font-variant: small-caps;
}

big {
  font-size: 125%;
}

tt {
  font-family: Courier, monospace, sans-serif;
}

strike {
  text-decoration: line-through;
}

@media print {
  @page {
    margin: 2cm;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  article {
    page-break-before: always;
  }
  blockquote,
  img,
  pre,
  tr,
  ul {
    page-break-inside: avoid;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
  a[href^=tel]:after,
  a[href^=mailto]:after {
    content: "";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ") ";
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #999;
  }
  thead {
    display: table-header-group;
  }
  img {
    max-width: 100% !important;
  }
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
a {
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:active, a:hover, a:focus {
  outline: 0;
  text-decoration: underline;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #7f007f;
}

a:hover {
  color: #007fff;
}

a:active {
  color: #ff0000;
}

p a {
  margin: -0.5em;
  padding: 0.5em;
  position: relative;
}

.active > a {
  cursor: text;
}

.nav {
  list-style: none;
  margin: 0;
  clear: both;
}

.nav > li,
.nav > li > a {
  display: inline-block;
  zoom: 1;
}

.nav--stacked > li {
  display: list-item;
}

.nav--stacked > li > a {
  display: block;
}

.nav--banner {
  text-align: center;
}

.nav--block {
  line-height: 1;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}

.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}

.nav--block > li > a {
  padding: 0.7em;
}

.nav--fit {
  display: table;
  text-align: center;
  width: 100%;
}

.nav--fit > li {
  display: table-cell;
}

.nav--fit > li > a {
  display: block;
}

.nav--keywords > li:after {
  content: ", ";
}

.nav--keywords > li:last-child:after {
  display: none;
}

.breadcrumbs > li + li:before {
  content: "▸ ";
}

.breadcrumbs > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) " ";
}

.breadcrumbs--path > li + li:before {
  content: "/ ";
}

.breadcrumb-root {
  font-weight: bold;
}

.alert {
  clear: both;
  padding: 0.7em 0.7em 0.7em 2.8em;
}

.alert > p,
.alert > ul {
  margin-top: 0;
}

.alert--info {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: tint(#3a87ad, 75%);
  border: 1px solid hsl(199.8260869565, 49.7835497835%, -4.7058823529%);
  color: #3a87ad;
}

.alert--status {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: tint(#3a87ad, 75%);
  border: 1px solid hsl(199.8260869565, 49.7835497835%, -4.7058823529%);
  color: #3a87ad;
}

.alert--success {
  background: url("../images/icons/alert-24-ok.png") no-repeat 0.7em 50%;
  background-color: tint(#468847, 75%);
  border: 1px solid hsl(120.9090909091, 32.0388349515%, -9.6078431373%);
  color: #468847;
}

.alert--warning {
  background: url("../images/icons/alert-24-warning.png") no-repeat 0.7em 50%;
  background-color: tint(#c09853, 75%);
  border: 1px solid rgb(14.6382978723, 11.2340425532, 5.3617021277);
  color: #c09853;
}

.alert--error {
  background: url("../images/icons/alert-24-error.png") no-repeat 0.7em 50%;
  background-color: tint(#b94a48, 75%);
  border: 1px solid rgb(1.4466403162, 0.5691699605, 0.5533596838);
  color: #b94a48;
}

.alert--browser {
  background: url("../images/icons/alert-24-warning.png") no-repeat 0.7em 50%;
  background-color: tint(#808080, 75%);
  border: 1px solid rgb(0.5, 0.5, 0.5);
  color: #808080;
}

.spelling-error {
  border-bottom: 1px dashed red;
  text-decoration: underline wavy red;
}

.grammatical-error {
  border-bottom: 1px dashed green;
  text-decoration: underline wavy green;
}

.button {
  appearance: button;
  background-color: #eeeeee;
  border: 0;
  border-color: #eeeeee;
  box-sizing: border-box;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  font-weight: 300;
  height: 2.8em;
  line-height: 2.8em;
  margin: 0;
  padding: 0 2.8em;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}

.button:visited {
  color: #666666;
}

.button:hover,
.button:focus {
  background-color: rgb(250.75, 250.75, 250.75);
  outline: none;
  text-decoration: none;
}

.button:active,
.button.active,
.button.is-active {
  background-color: #eeeeee;
  border-color: #eeeeee;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
  color: rgb(199.75, 199.75, 199.75);
  text-decoration: none;
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.3);
  transition-duration: 0s;
}

.button.disabled,
.button.is-disabled,
.button:disabled {
  appearance: none !important;
  background: #eee !important;
  border: 1px solid #ddd !important;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) !important;
  color: #ccc !important;
  cursor: default !important;
  opacity: 0.8;
  text-shadow: 0 1px 1px hsl(0, 0%, 0%) !important;
  top: 0 !important;
}

.button--uppercase {
  text-transform: uppercase;
}

.button--lowercase {
  text-transform: lowercase;
}

.button--capitalize {
  text-transform: capitalize;
}

.button--small-caps {
  font-variant: small-caps;
}

.button--icon-txt-large {
  font-size: 36px !important;
}

.button--width-small {
  padding: 0 10px !important;
}

.button--elarge {
  font-size: 1.3em;
  height: 3.64em;
  line-height: 3.64em;
  padding: 0 3.64em;
}

.button--large {
  font-size: 1.2em;
  height: 3.36em;
  line-height: 3.36em;
  padding: 0 3.36em;
}

.button--medium {
  font-size: 1.1em;
  height: 3.08em;
  line-height: 3.08em;
  padding: 0 3.08em;
}

.button--regular {
  font-size: 1em;
  height: 2.8em;
  line-height: 2.8em;
  padding: 0 2.8em;
}

.button--small {
  font-size: 0.9em;
  height: 2.52em;
  line-height: 2.52em;
  padding: 0 2.52em;
}

.button--esmall {
  font-size: 0.8em;
  height: 2.24em;
  line-height: 2.24em;
  padding: 0 2.24em;
}

.button--primary,
.button--primary-flat {
  background-color: #1b9af7;
  border-color: #1b9af7;
  color: #ffffff;
}

.button--primary:visited,
.button--primary-flat:visited {
  color: #ffffff;
}

.button--primary:hover, .button--primary:focus,
.button--primary-flat:hover,
.button--primary-flat:focus {
  background-color: rgb(100.906779661, 186.7394067797, 249.593220339);
  border-color: rgb(100.906779661, 186.7394067797, 249.593220339);
  color: #ffffff;
}

.button--primary:active, .button--primary.active, .button--primary.is-active,
.button--primary-flat:active,
.button--primary-flat.active,
.button--primary-flat.is-active {
  background-color: rgb(44.7, 151.2645454545, 229.3);
  border-color: rgb(44.7, 151.2645454545, 229.3);
  color: rgb(6.6949152542, 112.9766949153, 190.8050847458);
}

.button--plain,
.button--plain-flat {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #1b9aF7;
}

.button--plain:visited,
.button--plain-flat:visited {
  color: #1b9aF7;
}

.button--plain:hover, .button--plain:focus,
.button--plain-flat:hover,
.button--plain-flat:focus {
  background-color: hsl(0, 0%, 115%);
  border-color: hsl(0, 0%, 115%);
  color: #1b9aF7;
}

.button--plain:active, .button--plain.active, .button--plain.is-active,
.button--plain-flat:active,
.button--plain-flat.active,
.button--plain-flat.is-active {
  background-color: white;
  border-color: white;
  color: rgb(216.75, 216.75, 216.75);
}

.button--action,
.button--action-flat {
  background-color: #a5de37;
  border-color: #a5de37;
  color: #ffffff;
}

.button--action:visited,
.button--action-flat:visited {
  color: #ffffff;
}

.button--action:hover, .button--action:focus,
.button--action-flat:hover,
.button--action-flat:focus {
  background-color: rgb(194.5493562232, 232.8347639485, 120.6652360515);
  border-color: rgb(194.5493562232, 232.8347639485, 120.6652360515);
  color: #ffffff;
}

.button--action:active, .button--action.active, .button--action.is-active,
.button--action-flat:active,
.button--action-flat.active,
.button--action-flat.is-active {
  background-color: rgb(159.4540419162, 204.525, 72.475);
  border-color: rgb(159.4540419162, 204.525, 72.475);
  color: rgb(123.0536480687, 172.1030042918, 28.3969957082);
}

.button--caution,
.button--caution-flat {
  background-color: #ff4351;
  border-color: #ff4351;
  color: #ffffff;
}

.button--caution:visited,
.button--caution-flat:visited {
  color: #ffffff;
}

.button--caution:hover, .button--caution:focus,
.button--caution-flat:hover,
.button--caution-flat:focus {
  background-color: rgb(255, 143.5, 151.8031914894);
  border-color: rgb(255, 143.5, 151.8031914894);
  color: #ffffff;
}

.button--caution:active, .button--caution.active, .button--caution.is-active,
.button--caution-flat:active,
.button--caution-flat.active,
.button--caution-flat.is-active {
  background-color: rgb(240.9, 81.1, 93);
  border-color: rgb(240.9, 81.1, 93);
  color: rgb(245.5, 0, 18.2819148936);
}

.button--highlight,
.button--highlight-flat {
  background-color: #feae1b;
  border-color: #feae1b;
  color: #ffffff;
}

.button--highlight:visited,
.button--highlight-flat:visited {
  color: #ffffff;
}

.button--highlight:hover, .button--highlight:focus,
.button--highlight-flat:hover,
.button--highlight-flat:focus {
  background-color: rgb(254.3340611354, 201.0589519651, 103.1659388646);
  border-color: rgb(254.3340611354, 201.0589519651, 103.1659388646);
  color: #ffffff;
}

.button--highlight:active, .button--highlight.active, .button--highlight.is-active,
.button--highlight-flat:active,
.button--highlight-flat.active,
.button--highlight-flat.is-active {
  background-color: rgb(236.825, 168.9307268722, 44.175);
  border-color: rgb(236.825, 168.9307268722, 44.175);
  color: rgb(203.6069868996, 132.1659388646, 0.8930131004);
}

.button--inverse,
.button--inverse-flat {
  background-color: #222222;
  border-color: #222222;
  color: #eeeeee;
}

.button--inverse:visited,
.button--inverse-flat:visited {
  color: #eeeeee;
}

.button--inverse:hover, .button--inverse:focus,
.button--inverse-flat:hover,
.button--inverse-flat:focus {
  background-color: rgb(72.25, 72.25, 72.25);
  border-color: rgb(72.25, 72.25, 72.25);
  color: #eeeeee;
}

.button--inverse:active, .button--inverse.active, .button--inverse.is-active,
.button--inverse-flat:active,
.button--inverse-flat.active,
.button--inverse-flat.is-active {
  background-color: #222222;
  border-color: #222222;
  color: hsl(0, 0%, -1.6666666667%);
}

.button--rounded {
  border-radius: 3px;
}

.button--pill {
  border-radius: 200px;
}

.button--square {
  border-radius: 0;
}

.button--box {
  border-radius: 10px;
}

.button--circle {
  border-radius: 100%;
}

.button--circle,
.button--box,
.button--square {
  padding: 0;
  width: 2.8em;
}

.button--circle.button--elarge,
.button--box.button--elarge,
.button--square.button--elarge {
  width: 3.64em;
}

.button--circle.button--large,
.button--box.button--large,
.button--square.button--large {
  width: 3.36em;
}

.button--circle.button--medium,
.button--box.button--medium,
.button--square.button--medium {
  width: 3.08em;
}

.button--circle.button--regular,
.button--box.button--regular,
.button--square.button--regular {
  width: 2.8em;
}

.button--circle.button--small,
.button--box.button--small,
.button--square.button--small {
  width: 2.52em;
}

.button--circle.button--esmall,
.button--box.button--esmall,
.button--square.button--esmall {
  width: 2.24em;
}

.button--border, .button--border-thick, .button--border-thin {
  background: none;
  border-style: solid;
  border-width: 2px;
  line-height: 2em;
}

.button--border:hover, .button--border-thick:hover, .button--border-thin:hover {
  background-color: hsla(0, 0%, 103.3333333333%, 0.9);
}

.button--border:active, .button--border-thick:active, .button--border-thin:active, .button--border.active, .active.button--border-thick, .active.button--border-thin, .button--border.is-active, .is-active.button--border-thick, .is-active.button--border-thin {
  box-shadow: none;
  text-shadow: none;
  transition-duration: 0.3s;
}

.button--border-thin {
  border-width: 1px;
}

.button--border-thick {
  border-width: 3px;
}

.button--border.button--primary,
.button--border-thin.button--primary,
.button--border-thick.button--primary {
  color: #1b9af7;
}

.button--border.button--primary:hover, .button--border.button--primary:focus,
.button--border-thin.button--primary:hover,
.button--border-thin.button--primary:focus,
.button--border-thick.button--primary:hover,
.button--border-thick.button--primary:focus {
  background-color: rgba(44.7, 151.2645454545, 229.3, 0.7);
  color: rgba(255, 255, 255, 0.9);
}

.button--border.button--primary:active, .button--border.button--primary.active, .button--border.button--primary.is-active,
.button--border-thin.button--primary:active,
.button--border-thin.button--primary.active,
.button--border-thin.button--primary.is-active,
.button--border-thick.button--primary:active,
.button--border-thick.button--primary.active,
.button--border-thick.button--primary.is-active {
  background-color: rgba(44.7, 151.2645454545, 229.3, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button--border.button--plain,
.button--border-thin.button--plain,
.button--border-thick.button--plain {
  color: #ffffff;
}

.button--border.button--plain:hover, .button--border.button--plain:focus,
.button--border-thin.button--plain:hover,
.button--border-thin.button--plain:focus,
.button--border-thick.button--plain:hover,
.button--border-thick.button--plain:focus {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(27, 154, 247, 0.9);
}

.button--border.button--plain:active, .button--border.button--plain.active, .button--border.button--plain.is-active,
.button--border-thin.button--plain:active,
.button--border-thin.button--plain.active,
.button--border-thin.button--plain.is-active,
.button--border-thick.button--plain:active,
.button--border-thick.button--plain.active,
.button--border-thick.button--plain.is-active {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(27, 154, 247, 0.5);
  opacity: 0.3;
}

.button--border.button--action,
.button--border-thin.button--action,
.button--border-thick.button--action {
  color: #a5de37;
}

.button--border.button--action:hover, .button--border.button--action:focus,
.button--border-thin.button--action:hover,
.button--border-thin.button--action:focus,
.button--border-thick.button--action:hover,
.button--border-thick.button--action:focus {
  background-color: rgba(159.4540419162, 204.525, 72.475, 0.7);
  color: rgba(255, 255, 255, 0.9);
}

.button--border.button--action:active, .button--border.button--action.active, .button--border.button--action.is-active,
.button--border-thin.button--action:active,
.button--border-thin.button--action.active,
.button--border-thin.button--action.is-active,
.button--border-thick.button--action:active,
.button--border-thick.button--action.active,
.button--border-thick.button--action.is-active {
  background-color: rgba(159.4540419162, 204.525, 72.475, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button--border.button--caution,
.button--border-thin.button--caution,
.button--border-thick.button--caution {
  color: #ff4351;
}

.button--border.button--caution:hover, .button--border.button--caution:focus,
.button--border-thin.button--caution:hover,
.button--border-thin.button--caution:focus,
.button--border-thick.button--caution:hover,
.button--border-thick.button--caution:focus {
  background-color: rgba(240.9, 81.1, 93, 0.7);
  color: rgba(255, 255, 255, 0.9);
}

.button--border.button--caution:active, .button--border.button--caution.active, .button--border.button--caution.is-active,
.button--border-thin.button--caution:active,
.button--border-thin.button--caution.active,
.button--border-thin.button--caution.is-active,
.button--border-thick.button--caution:active,
.button--border-thick.button--caution.active,
.button--border-thick.button--caution.is-active {
  background-color: rgba(240.9, 81.1, 93, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button--border.button--highlight,
.button--border-thin.button--highlight,
.button--border-thick.button--highlight {
  color: #feae1b;
}

.button--border.button--highlight:hover, .button--border.button--highlight:focus,
.button--border-thin.button--highlight:hover,
.button--border-thin.button--highlight:focus,
.button--border-thick.button--highlight:hover,
.button--border-thick.button--highlight:focus {
  background-color: rgba(236.825, 168.9307268722, 44.175, 0.7);
  color: rgba(255, 255, 255, 0.9);
}

.button--border.button--highlight:active, .button--border.button--highlight.active, .button--border.button--highlight.is-active,
.button--border-thin.button--highlight:active,
.button--border-thin.button--highlight.active,
.button--border-thin.button--highlight.is-active,
.button--border-thick.button--highlight:active,
.button--border-thick.button--highlight.active,
.button--border-thick.button--highlight.is-active {
  background-color: rgba(236.825, 168.9307268722, 44.175, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}

.button--border.button--inverse,
.button--border-thin.button--inverse,
.button--border-thick.button--inverse {
  color: #222222;
}

.button--border.button--inverse:hover, .button--border.button--inverse:focus,
.button--border-thin.button--inverse:hover,
.button--border-thin.button--inverse:focus,
.button--border-thick.button--inverse:hover,
.button--border-thick.button--inverse:focus {
  background-color: rgba(34, 34, 34, 0.7);
  color: rgba(238, 238, 238, 0.9);
}

.button--border.button--inverse:active, .button--border.button--inverse.active, .button--border.button--inverse.is-active,
.button--border-thin.button--inverse:active,
.button--border-thin.button--inverse.active,
.button--border-thin.button--inverse.is-active,
.button--border-thick.button--inverse:active,
.button--border-thick.button--inverse.active,
.button--border-thick.button--inverse.is-active {
  background-color: rgba(34, 34, 34, 0.7);
  color: rgba(238, 238, 238, 0.5);
  opacity: 0.3;
}

.button--border.button--elarge,
.button--border-thin.button--elarge,
.button--border-thick.button--elarge {
  line-height: 2.84em;
}

.button--border.button--large,
.button--border-thin.button--large,
.button--border-thick.button--large {
  line-height: 2.56em;
}

.button--border.button--medium,
.button--border-thin.button--medium,
.button--border-thick.button--medium {
  line-height: 2.28em;
}

.button--border.button--regular,
.button--border-thin.button--regular,
.button--border-thick.button--regular {
  line-height: 2em;
}

.button--border.button--small,
.button--border-thin.button--small,
.button--border-thick.button--small {
  line-height: 1.72em;
}

.button--border.button--esmall,
.button--border-thin.button--esmall,
.button--border-thick.button--esmall {
  line-height: 1.44em;
}

.button--borderless {
  background: none;
  border: none;
  padding: 0 10px;
  color: #eeeeee;
  font-size: 1.3em;
  font-weight: 200;
}

.button--borderless:hover, .button--borderless:focus {
  background: none;
}

.button--borderless:active, .button--borderless.active, .button--borderless.is-active {
  box-shadow: none;
  opacity: 0.3;
  text-shadow: none;
  transition-duration: 0.3s;
}

.button--borderless.button--primary {
  color: #1b9af7;
}

.button--borderless.button--plain {
  color: #ffffff;
}

.button--borderless.button--action {
  color: #a5de37;
}

.button--borderless.button--caution {
  color: #ff4351;
}

.button--borderless.button--highlight {
  color: #feae1b;
}

.button--borderless.button--inverse {
  color: #222222;
}

.button--borderless.button--elarge {
  font-size: 1.69em;
  height: 2.69em;
  line-height: 2.69em;
}

.button--borderless.button--large {
  font-size: 1.56em;
  height: 2.56em;
  line-height: 2.56em;
}

.button--borderless.button--medium {
  font-size: 1.43em;
  height: 2.43em;
  line-height: 2.43em;
}

.button--borderless.button--regular {
  font-size: 1.3em;
  height: 2.3em;
  line-height: 2.3em;
}

.button--borderless.button--small {
  font-size: 1.17em;
  height: 2.17em;
  line-height: 2.17em;
}

.button--borderless.button--esmall {
  font-size: 1.04em;
  height: 2.04em;
  line-height: 2.04em;
}

.button--raised {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(225.25, 225.25, 225.25);
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 0%, 0.5), 0 1px 2px hsla(0, 0%, 0%, 0.15);
  line-height: 0.8em;
}

.button--raised:hover, .button--raised:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
}

.button--raised:active, .button--raised.active, .button--raised.is-active {
  background: #eeeeee;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2), 0 1px 0 hsl(0, 0%, 0%);
}

.button--raised.button--primary {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(8.4237288136, 142.1504237288, 240.0762711864);
  color: #ffffff;
}

.button--raised.button--primary:hover, .button--raised.button--primary:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #ffffff;
}

.button--raised.button--primary:active, .button--raised.button--primary.active, .button--raised.button--primary.is-active {
  background: rgb(38.8, 152.1763636364, 235.2);
  border-color: rgb(38.8, 152.1763636364, 235.2);
  color: rgb(7.5593220339, 127.563559322, 215.4406779661);
}

.button--raised.button--plain {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(242.25, 242.25, 242.25);
  color: #1b9aF7;
}

.button--raised.button--plain:hover, .button--raised.button--plain:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #1b9aF7;
}

.button--raised.button--plain:active, .button--raised.button--plain.active, .button--raised.button--plain.is-active {
  background: white;
  border-color: white;
  color: rgb(229.5, 229.5, 229.5);
}

.button--raised.button--action {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(154.3540772532, 215.8798283262, 35.6201716738);
  color: #ffffff;
}

.button--raised.button--action:hover, .button--raised.button--action:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #ffffff;
}

.button--raised.button--action:active, .button--raised.button--action.active, .button--raised.button--action.is-active {
  background: rgb(161.3026946108, 210.35, 66.65);
  border-color: rgb(161.3026946108, 210.35, 66.65);
  color: rgb(138.7038626609, 193.991416309, 32.008583691);
}

.button--raised.button--caution {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(255, 41.5, 57.3989361702);
  color: #ffffff;
}

.button--raised.button--caution:hover, .button--raised.button--caution:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #ffffff;
}

.button--raised.button--caution:active, .button--raised.button--caution.active, .button--raised.button--caution.is-active {
  background: rgb(245.6, 76.4, 89);
  border-color: rgb(245.6, 76.4, 89);
  color: rgb(255, 16, 33.7978723404);
}

.button--raised.button--highlight {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(253.8886462882, 164.980349345, 1.6113537118);
  color: #ffffff;
}

.button--raised.button--highlight:hover, .button--raised.button--highlight:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #ffffff;
}

.button--raised.button--highlight:active, .button--raised.button--highlight.active, .button--raised.button--highlight.is-active {
  background: rgb(242.55, 170.6204845815, 38.45);
  border-color: rgb(242.55, 170.6204845815, 38.45);
  color: rgb(228.9956331878, 148.6462882096, 1.0043668122);
}

.button--raised.button--inverse {
  background: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  border-color: rgb(21.25, 21.25, 21.25);
  color: #eeeeee;
}

.button--raised.button--inverse:hover, .button--raised.button--inverse:focus {
  background: linear-gradient(to bottom, hsl(0, 0%, 101.3333333333%), rgb(220.15, 220.15, 220.15));
  color: #eeeeee;
}

.button--raised.button--inverse:active, .button--raised.button--inverse.active, .button--raised.button--inverse.is-active {
  background: #222222;
  border-color: #222222;
  color: rgb(8.5, 8.5, 8.5);
}

.button--3d {
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px hsla(0, 0%, 0%, 0.2);
  position: relative;
  top: 0;
}

.button--3d:hover, .button--3d:focus {
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d:active, .button--3d.active, .button--3d.is-active {
  box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px hsla(0, 0%, 0%, 0.2);
  top: 5px;
  transition-duration: 0.15s;
}

.button--3d.button--primary {
  box-shadow: 0 7px 0 rgb(7.5593220339, 127.563559322, 215.4406779661), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--primary:hover, .button--3d.button--primary:focus {
  box-shadow: 0 7px 0 rgb(7.213559322, 121.7288135593, 205.586440678), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--primary:active, .button--3d.button--primary.active, .button--3d.button--primary.is-active {
  box-shadow: 0 2px 0 rgb(5.8305084746, 98.3898305085, 166.1694915254), 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d.button--plain {
  box-shadow: 0 7px 0 rgb(229.5, 229.5, 229.5), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--plain:hover, .button--3d.button--plain:focus {
  box-shadow: 0 7px 0 rgb(224.4, 224.4, 224.4), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--plain:active, .button--3d.button--plain.active, .button--3d.button--plain.is-active {
  box-shadow: 0 2px 0 #cccccc, 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d.button--action {
  box-shadow: 0 7px 0 rgb(138.7038626609, 193.991416309, 32.008583691), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--action:hover, .button--3d.button--action:focus {
  box-shadow: 0 7px 0 rgb(132.443776824, 185.2360515021, 30.5639484979), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--action:active, .button--3d.button--action.active, .button--3d.button--action.is-active {
  box-shadow: 0 2px 0 rgb(107.4034334764, 150.2145922747, 24.7854077253), 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d.button--caution {
  box-shadow: 0 7px 0 rgb(255, 16, 33.7978723404), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--caution:hover, .button--3d.button--caution:focus {
  box-shadow: 0 7px 0 rgb(255, 5.8, 24.3574468085), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--caution:active, .button--3d.button--caution.active, .button--3d.button--caution.is-active {
  box-shadow: 0 2px 0 rgb(220, 0, 16.3829787234), 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d.button--highlight {
  box-shadow: 0 7px 0 rgb(228.9956331878, 148.6462882096, 1.0043668122), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--highlight:hover, .button--3d.button--highlight:focus {
  box-shadow: 0 7px 0 rgb(218.8401746725, 142.0541484716, 0.9598253275), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--highlight:active, .button--3d.button--highlight.active, .button--3d.button--highlight.is-active {
  box-shadow: 0 2px 0 rgb(178.2183406114, 115.6855895197, 0.7816593886), 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

.button--3d.button--inverse {
  box-shadow: 0 7px 0 rgb(8.5, 8.5, 8.5), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--inverse:hover, .button--3d.button--inverse:focus {
  box-shadow: 0 7px 0 rgb(3.4, 3.4, 3.4), 0 8px 3px hsla(0, 0%, 0%, 0.3);
}

.button--3d.button--inverse:active, .button--3d.button--inverse.active, .button--3d.button--inverse.is-active {
  box-shadow: 0 2px 0 hsl(0, 0%, -6.6666666667%), 0 4px 3px hsla(0, 0%, 0%, 0.2);
}

@keyframes glowing {
  0% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}
@keyframes glowing--primary {
  0% {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}
@keyframes glowing--plain {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}
@keyframes glowing--action {
  0% {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}
@keyframes glowing--caution {
  0% {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}
@keyframes glowing--highlight {
  0% {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}
@keyframes glowing--inverse {
  0% {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  100% {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}
.button--glow {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing;
}

.button--glow:active, .button--glow.active, .button--glow.is-active {
  animation: none;
}

.button--glow.button--primary {
  animation-name: glowing--primary;
}

.button--glow.button--plain {
  animation-name: glowing--plain;
}

.button--glow.button--action {
  animation-name: glowing--action;
}

.button--glow.button--caution {
  animation-name: glowing--caution;
}

.button--glow.button--highlight {
  animation-name: glowing--highlight;
}

.button--glow.button--inverse {
  animation-name: glowing--inverse;
}

.button-dropdown {
  display: inline-block;
  margin: 0;
  overflow: visible;
  position: relative;
}

.button-dropdown.button--primary .button-dropdown--list {
  background: rgba(27, 154, 247, 0.95);
  border-color: rgb(7.5593220339, 127.563559322, 215.4406779661);
}

.button-dropdown.button--primary .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(8.0779661017, 136.3156779661, 230.2220338983);
}

.button-dropdown.button--primary .button-dropdown--list > li > a {
  color: #ffffff;
}

.button-dropdown.button--primary .button-dropdown--list > li > a:hover {
  background: rgb(8.4237288136, 142.1504237288, 240.0762711864);
  color: rgb(8.4237288136, 142.1504237288, 240.0762711864);
}

.button-dropdown.button--plain .button-dropdown--list {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgb(229.5, 229.5, 229.5);
}

.button-dropdown.button--plain .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(237.15, 237.15, 237.15);
}

.button-dropdown.button--plain .button-dropdown--list > li > a {
  color: #1b9aF7;
}

.button-dropdown.button--plain .button-dropdown--list > li > a:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: rgb(242.25, 242.25, 242.25);
}

.button-dropdown.button--action .button-dropdown--list {
  background: rgba(165, 222, 55, 0.95);
  border-color: rgb(138.7038626609, 193.991416309, 32.008583691);
}

.button-dropdown.button--action .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(148.0939914163, 207.1244635193, 34.1755364807);
}

.button-dropdown.button--action .button-dropdown--list > li > a {
  color: #ffffff;
}

.button-dropdown.button--action .button-dropdown--list > li > a:hover {
  background: rgb(154.3540772532, 215.8798283262, 35.6201716738);
  color: rgb(154.3540772532, 215.8798283262, 35.6201716738);
}

.button-dropdown.button--caution .button-dropdown--list {
  background: rgba(255, 67, 81, 0.95);
  border-color: rgb(255, 16, 33.7978723404);
}

.button-dropdown.button--caution .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(255, 31.3, 47.9585106383);
}

.button-dropdown.button--caution .button-dropdown--list > li > a {
  color: #ffffff;
}

.button-dropdown.button--caution .button-dropdown--list > li > a:hover {
  background: rgb(255, 41.5, 57.3989361702);
  color: rgb(255, 41.5, 57.3989361702);
}

.button-dropdown.button--highlight .button-dropdown--list {
  background: rgba(254, 174, 27, 0.95);
  border-color: rgb(228.9956331878, 148.6462882096, 1.0043668122);
}

.button-dropdown.button--highlight .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(244.2288209607, 158.5344978166, 1.0711790393);
}

.button-dropdown.button--highlight .button-dropdown--list > li > a {
  color: #ffffff;
}

.button-dropdown.button--highlight .button-dropdown--list > li > a:hover {
  background: rgb(253.8886462882, 164.980349345, 1.6113537118);
  color: rgb(253.8886462882, 164.980349345, 1.6113537118);
}

.button-dropdown.button--inverse .button-dropdown--list {
  background: rgba(34, 34, 34, 0.95);
  border-color: rgb(8.5, 8.5, 8.5);
}

.button-dropdown.button--inverse .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(16.15, 16.15, 16.15);
}

.button-dropdown.button--inverse .button-dropdown--list > li > a {
  color: #eeeeee;
}

.button-dropdown.button--inverse .button-dropdown--list > li > a:hover {
  background: rgb(21.25, 21.25, 21.25);
  color: rgb(21.25, 21.25, 21.25);
}

.button-dropdown--list {
  background: hsl(0, 0%, 103.3333333333%);
  border-color: rgb(212.5, 212.5, 212.5);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 7px hsla(0, 0%, 0%, 0.2);
  box-sizing: border-box;
  display: none;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  left: 0;
  list-style-type: none;
  margin: 0;
  min-width: 100%;
  padding: 0;
  top: 0;
  z-index: 10;
}

.button-dropdown--list.is-below {
  border-radius: 0 0 3px 3px;
  border-top: 0;
  top: 100%;
}

.button-dropdown--list.is-above {
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  bottom: 100%;
  box-shadow: 0 -2px 7px hsla(0, 0%, 0%, 0.2);
  top: auto;
}

.button-dropdown--list > li {
  display: block;
  margin: 0;
  padding: 0;
}

.button-dropdown--list > li > a {
  color: #666666;
  display: block;
  float: none;
  font-size: 0.8em;
  line-height: 2.8em;
  padding: 5px 10px;
  text-decoration: none;
}

.button-dropdown--list > li > a:hover {
  background: rgb(245.65, 245.65, 245.65);
  color: rgb(94.35, 94.35, 94.35);
  text-decoration: none;
}

.button-dropdown--divider {
  border-top: 1px solid rgb(94.35, 94.35, 94.35);
}

.button-group {
  position: relative;
  display: inline-block;
}

.button-group::before {
  content: "";
  display: table;
}

.button-group::after {
  clear: both;
  content: "";
  display: table;
}

.button-group .button,
.button-group .button-dropdown {
  float: left;
}

.button-group .button:not(:first-child):not(:last-child),
.button-group .button-dropdown:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}

.button-group .button:first-child,
.button-group .button-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.button-group .button:last-child,
.button-group .button-dropdown:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-wrap {
  background: linear-gradient(#f2f2f2, #fff);
  border: 1px solid #e3e3e3;
  border-radius: 200px;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.4);
  display: inline-block;
  margin: 0;
  padding: 9px;
}

.button--longshadow,
.button--longshadow-right {
  overflow: hidden;
}

.button--longshadow.button--primary,
.button--longshadow-right.button--primary {
  text-shadow: 0 0 rgb(6.6949152542, 112.9766949153, 190.8050847458), 1px 1px rgb(6.6949152542, 112.9766949153, 190.8050847458), 2px 2px rgb(6.6949152542, 112.9766949153, 190.8050847458), 3px 3px rgb(6.6949152542, 112.9766949153, 190.8050847458), 4px 4px rgb(6.6949152542, 112.9766949153, 190.8050847458), 5px 5px rgb(6.6949152542, 112.9766949153, 190.8050847458), 6px 6px rgb(6.6949152542, 112.9766949153, 190.8050847458), 7px 7px rgb(6.6949152542, 112.9766949153, 190.8050847458), 8px 8px rgb(6.6949152542, 112.9766949153, 190.8050847458), 9px 9px rgb(6.6949152542, 112.9766949153, 190.8050847458), 10px 10px rgb(6.6949152542, 112.9766949153, 190.8050847458), 11px 11px rgb(6.6949152542, 112.9766949153, 190.8050847458), 12px 12px rgb(6.6949152542, 112.9766949153, 190.8050847458), 13px 13px rgb(6.6949152542, 112.9766949153, 190.8050847458), 14px 14px rgb(6.6949152542, 112.9766949153, 190.8050847458), 15px 15px rgb(6.6949152542, 112.9766949153, 190.8050847458), 16px 16px rgb(6.6949152542, 112.9766949153, 190.8050847458), 17px 17px rgb(6.6949152542, 112.9766949153, 190.8050847458), 18px 18px rgb(6.6949152542, 112.9766949153, 190.8050847458), 19px 19px rgb(6.6949152542, 112.9766949153, 190.8050847458), 20px 20px rgb(6.6949152542, 112.9766949153, 190.8050847458), 21px 21px rgb(6.6949152542, 112.9766949153, 190.8050847458), 22px 22px rgb(6.6949152542, 112.9766949153, 190.8050847458), 23px 23px rgb(6.6949152542, 112.9766949153, 190.8050847458), 24px 24px rgb(6.6949152542, 112.9766949153, 190.8050847458), 25px 25px rgb(6.6949152542, 112.9766949153, 190.8050847458), 26px 26px rgb(6.6949152542, 112.9766949153, 190.8050847458), 27px 27px rgb(6.6949152542, 112.9766949153, 190.8050847458), 28px 28px rgb(6.6949152542, 112.9766949153, 190.8050847458), 29px 29px rgb(6.6949152542, 112.9766949153, 190.8050847458), 30px 30px rgb(6.6949152542, 112.9766949153, 190.8050847458), 31px 31px rgb(6.6949152542, 112.9766949153, 190.8050847458), 32px 32px rgb(6.6949152542, 112.9766949153, 190.8050847458), 33px 33px rgb(6.6949152542, 112.9766949153, 190.8050847458), 34px 34px rgb(6.6949152542, 112.9766949153, 190.8050847458), 35px 35px rgb(6.6949152542, 112.9766949153, 190.8050847458), 36px 36px rgb(6.6949152542, 112.9766949153, 190.8050847458), 37px 37px rgb(6.6949152542, 112.9766949153, 190.8050847458), 38px 38px rgb(6.6949152542, 112.9766949153, 190.8050847458), 39px 39px rgb(6.6949152542, 112.9766949153, 190.8050847458), 40px 40px rgb(6.6949152542, 112.9766949153, 190.8050847458), 41px 41px rgb(6.6949152542, 112.9766949153, 190.8050847458), 42px 42px rgb(6.6949152542, 112.9766949153, 190.8050847458), 43px 43px rgb(6.6949152542, 112.9766949153, 190.8050847458), 44px 44px rgb(6.6949152542, 112.9766949153, 190.8050847458), 45px 45px rgb(6.6949152542, 112.9766949153, 190.8050847458), 46px 46px rgb(6.6949152542, 112.9766949153, 190.8050847458), 47px 47px rgb(6.6949152542, 112.9766949153, 190.8050847458), 48px 48px rgb(6.6949152542, 112.9766949153, 190.8050847458), 49px 49px rgb(6.6949152542, 112.9766949153, 190.8050847458), 50px 50px rgb(6.6949152542, 112.9766949153, 190.8050847458), 51px 51px rgb(6.6949152542, 112.9766949153, 190.8050847458), 52px 52px rgb(6.6949152542, 112.9766949153, 190.8050847458), 53px 53px rgb(6.6949152542, 112.9766949153, 190.8050847458), 54px 54px rgb(6.6949152542, 112.9766949153, 190.8050847458), 55px 55px rgb(6.6949152542, 112.9766949153, 190.8050847458), 56px 56px rgb(6.6949152542, 112.9766949153, 190.8050847458), 57px 57px rgb(6.6949152542, 112.9766949153, 190.8050847458), 58px 58px rgb(6.6949152542, 112.9766949153, 190.8050847458), 59px 59px rgb(6.6949152542, 112.9766949153, 190.8050847458), 60px 60px rgb(6.6949152542, 112.9766949153, 190.8050847458), 61px 61px rgb(6.6949152542, 112.9766949153, 190.8050847458), 62px 62px rgb(6.6949152542, 112.9766949153, 190.8050847458), 63px 63px rgb(6.6949152542, 112.9766949153, 190.8050847458), 64px 64px rgb(6.6949152542, 112.9766949153, 190.8050847458), 65px 65px rgb(6.6949152542, 112.9766949153, 190.8050847458), 66px 66px rgb(6.6949152542, 112.9766949153, 190.8050847458), 67px 67px rgb(6.6949152542, 112.9766949153, 190.8050847458), 68px 68px rgb(6.6949152542, 112.9766949153, 190.8050847458), 69px 69px rgb(6.6949152542, 112.9766949153, 190.8050847458), 70px 70px rgb(6.6949152542, 112.9766949153, 190.8050847458), 71px 71px rgb(6.6949152542, 112.9766949153, 190.8050847458), 72px 72px rgb(6.6949152542, 112.9766949153, 190.8050847458), 73px 73px rgb(6.6949152542, 112.9766949153, 190.8050847458), 74px 74px rgb(6.6949152542, 112.9766949153, 190.8050847458), 75px 75px rgb(6.6949152542, 112.9766949153, 190.8050847458), 76px 76px rgb(6.6949152542, 112.9766949153, 190.8050847458), 77px 77px rgb(6.6949152542, 112.9766949153, 190.8050847458), 78px 78px rgb(6.6949152542, 112.9766949153, 190.8050847458), 79px 79px rgb(6.6949152542, 112.9766949153, 190.8050847458), 80px 80px rgb(6.6949152542, 112.9766949153, 190.8050847458), 81px 81px rgb(6.6949152542, 112.9766949153, 190.8050847458), 82px 82px rgb(6.6949152542, 112.9766949153, 190.8050847458), 83px 83px rgb(6.6949152542, 112.9766949153, 190.8050847458), 84px 84px rgb(6.6949152542, 112.9766949153, 190.8050847458), 85px 85px rgb(6.6949152542, 112.9766949153, 190.8050847458);
}

.button--longshadow.button--primary:active, .button--longshadow.button--primary.active, .button--longshadow.button--primary.is-active,
.button--longshadow-right.button--primary:active,
.button--longshadow-right.button--primary.active,
.button--longshadow-right.button--primary.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow.button--plain,
.button--longshadow-right.button--plain {
  text-shadow: 0 0 rgb(216.75, 216.75, 216.75), 1px 1px rgb(216.75, 216.75, 216.75), 2px 2px rgb(216.75, 216.75, 216.75), 3px 3px rgb(216.75, 216.75, 216.75), 4px 4px rgb(216.75, 216.75, 216.75), 5px 5px rgb(216.75, 216.75, 216.75), 6px 6px rgb(216.75, 216.75, 216.75), 7px 7px rgb(216.75, 216.75, 216.75), 8px 8px rgb(216.75, 216.75, 216.75), 9px 9px rgb(216.75, 216.75, 216.75), 10px 10px rgb(216.75, 216.75, 216.75), 11px 11px rgb(216.75, 216.75, 216.75), 12px 12px rgb(216.75, 216.75, 216.75), 13px 13px rgb(216.75, 216.75, 216.75), 14px 14px rgb(216.75, 216.75, 216.75), 15px 15px rgb(216.75, 216.75, 216.75), 16px 16px rgb(216.75, 216.75, 216.75), 17px 17px rgb(216.75, 216.75, 216.75), 18px 18px rgb(216.75, 216.75, 216.75), 19px 19px rgb(216.75, 216.75, 216.75), 20px 20px rgb(216.75, 216.75, 216.75), 21px 21px rgb(216.75, 216.75, 216.75), 22px 22px rgb(216.75, 216.75, 216.75), 23px 23px rgb(216.75, 216.75, 216.75), 24px 24px rgb(216.75, 216.75, 216.75), 25px 25px rgb(216.75, 216.75, 216.75), 26px 26px rgb(216.75, 216.75, 216.75), 27px 27px rgb(216.75, 216.75, 216.75), 28px 28px rgb(216.75, 216.75, 216.75), 29px 29px rgb(216.75, 216.75, 216.75), 30px 30px rgb(216.75, 216.75, 216.75), 31px 31px rgb(216.75, 216.75, 216.75), 32px 32px rgb(216.75, 216.75, 216.75), 33px 33px rgb(216.75, 216.75, 216.75), 34px 34px rgb(216.75, 216.75, 216.75), 35px 35px rgb(216.75, 216.75, 216.75), 36px 36px rgb(216.75, 216.75, 216.75), 37px 37px rgb(216.75, 216.75, 216.75), 38px 38px rgb(216.75, 216.75, 216.75), 39px 39px rgb(216.75, 216.75, 216.75), 40px 40px rgb(216.75, 216.75, 216.75), 41px 41px rgb(216.75, 216.75, 216.75), 42px 42px rgb(216.75, 216.75, 216.75), 43px 43px rgb(216.75, 216.75, 216.75), 44px 44px rgb(216.75, 216.75, 216.75), 45px 45px rgb(216.75, 216.75, 216.75), 46px 46px rgb(216.75, 216.75, 216.75), 47px 47px rgb(216.75, 216.75, 216.75), 48px 48px rgb(216.75, 216.75, 216.75), 49px 49px rgb(216.75, 216.75, 216.75), 50px 50px rgb(216.75, 216.75, 216.75), 51px 51px rgb(216.75, 216.75, 216.75), 52px 52px rgb(216.75, 216.75, 216.75), 53px 53px rgb(216.75, 216.75, 216.75), 54px 54px rgb(216.75, 216.75, 216.75), 55px 55px rgb(216.75, 216.75, 216.75), 56px 56px rgb(216.75, 216.75, 216.75), 57px 57px rgb(216.75, 216.75, 216.75), 58px 58px rgb(216.75, 216.75, 216.75), 59px 59px rgb(216.75, 216.75, 216.75), 60px 60px rgb(216.75, 216.75, 216.75), 61px 61px rgb(216.75, 216.75, 216.75), 62px 62px rgb(216.75, 216.75, 216.75), 63px 63px rgb(216.75, 216.75, 216.75), 64px 64px rgb(216.75, 216.75, 216.75), 65px 65px rgb(216.75, 216.75, 216.75), 66px 66px rgb(216.75, 216.75, 216.75), 67px 67px rgb(216.75, 216.75, 216.75), 68px 68px rgb(216.75, 216.75, 216.75), 69px 69px rgb(216.75, 216.75, 216.75), 70px 70px rgb(216.75, 216.75, 216.75), 71px 71px rgb(216.75, 216.75, 216.75), 72px 72px rgb(216.75, 216.75, 216.75), 73px 73px rgb(216.75, 216.75, 216.75), 74px 74px rgb(216.75, 216.75, 216.75), 75px 75px rgb(216.75, 216.75, 216.75), 76px 76px rgb(216.75, 216.75, 216.75), 77px 77px rgb(216.75, 216.75, 216.75), 78px 78px rgb(216.75, 216.75, 216.75), 79px 79px rgb(216.75, 216.75, 216.75), 80px 80px rgb(216.75, 216.75, 216.75), 81px 81px rgb(216.75, 216.75, 216.75), 82px 82px rgb(216.75, 216.75, 216.75), 83px 83px rgb(216.75, 216.75, 216.75), 84px 84px rgb(216.75, 216.75, 216.75), 85px 85px rgb(216.75, 216.75, 216.75);
}

.button--longshadow.button--plain:active, .button--longshadow.button--plain.active, .button--longshadow.button--plain.is-active,
.button--longshadow-right.button--plain:active,
.button--longshadow-right.button--plain.active,
.button--longshadow-right.button--plain.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow.button--action,
.button--longshadow-right.button--action {
  text-shadow: 0 0 rgb(123.0536480687, 172.1030042918, 28.3969957082), 1px 1px rgb(123.0536480687, 172.1030042918, 28.3969957082), 2px 2px rgb(123.0536480687, 172.1030042918, 28.3969957082), 3px 3px rgb(123.0536480687, 172.1030042918, 28.3969957082), 4px 4px rgb(123.0536480687, 172.1030042918, 28.3969957082), 5px 5px rgb(123.0536480687, 172.1030042918, 28.3969957082), 6px 6px rgb(123.0536480687, 172.1030042918, 28.3969957082), 7px 7px rgb(123.0536480687, 172.1030042918, 28.3969957082), 8px 8px rgb(123.0536480687, 172.1030042918, 28.3969957082), 9px 9px rgb(123.0536480687, 172.1030042918, 28.3969957082), 10px 10px rgb(123.0536480687, 172.1030042918, 28.3969957082), 11px 11px rgb(123.0536480687, 172.1030042918, 28.3969957082), 12px 12px rgb(123.0536480687, 172.1030042918, 28.3969957082), 13px 13px rgb(123.0536480687, 172.1030042918, 28.3969957082), 14px 14px rgb(123.0536480687, 172.1030042918, 28.3969957082), 15px 15px rgb(123.0536480687, 172.1030042918, 28.3969957082), 16px 16px rgb(123.0536480687, 172.1030042918, 28.3969957082), 17px 17px rgb(123.0536480687, 172.1030042918, 28.3969957082), 18px 18px rgb(123.0536480687, 172.1030042918, 28.3969957082), 19px 19px rgb(123.0536480687, 172.1030042918, 28.3969957082), 20px 20px rgb(123.0536480687, 172.1030042918, 28.3969957082), 21px 21px rgb(123.0536480687, 172.1030042918, 28.3969957082), 22px 22px rgb(123.0536480687, 172.1030042918, 28.3969957082), 23px 23px rgb(123.0536480687, 172.1030042918, 28.3969957082), 24px 24px rgb(123.0536480687, 172.1030042918, 28.3969957082), 25px 25px rgb(123.0536480687, 172.1030042918, 28.3969957082), 26px 26px rgb(123.0536480687, 172.1030042918, 28.3969957082), 27px 27px rgb(123.0536480687, 172.1030042918, 28.3969957082), 28px 28px rgb(123.0536480687, 172.1030042918, 28.3969957082), 29px 29px rgb(123.0536480687, 172.1030042918, 28.3969957082), 30px 30px rgb(123.0536480687, 172.1030042918, 28.3969957082), 31px 31px rgb(123.0536480687, 172.1030042918, 28.3969957082), 32px 32px rgb(123.0536480687, 172.1030042918, 28.3969957082), 33px 33px rgb(123.0536480687, 172.1030042918, 28.3969957082), 34px 34px rgb(123.0536480687, 172.1030042918, 28.3969957082), 35px 35px rgb(123.0536480687, 172.1030042918, 28.3969957082), 36px 36px rgb(123.0536480687, 172.1030042918, 28.3969957082), 37px 37px rgb(123.0536480687, 172.1030042918, 28.3969957082), 38px 38px rgb(123.0536480687, 172.1030042918, 28.3969957082), 39px 39px rgb(123.0536480687, 172.1030042918, 28.3969957082), 40px 40px rgb(123.0536480687, 172.1030042918, 28.3969957082), 41px 41px rgb(123.0536480687, 172.1030042918, 28.3969957082), 42px 42px rgb(123.0536480687, 172.1030042918, 28.3969957082), 43px 43px rgb(123.0536480687, 172.1030042918, 28.3969957082), 44px 44px rgb(123.0536480687, 172.1030042918, 28.3969957082), 45px 45px rgb(123.0536480687, 172.1030042918, 28.3969957082), 46px 46px rgb(123.0536480687, 172.1030042918, 28.3969957082), 47px 47px rgb(123.0536480687, 172.1030042918, 28.3969957082), 48px 48px rgb(123.0536480687, 172.1030042918, 28.3969957082), 49px 49px rgb(123.0536480687, 172.1030042918, 28.3969957082), 50px 50px rgb(123.0536480687, 172.1030042918, 28.3969957082), 51px 51px rgb(123.0536480687, 172.1030042918, 28.3969957082), 52px 52px rgb(123.0536480687, 172.1030042918, 28.3969957082), 53px 53px rgb(123.0536480687, 172.1030042918, 28.3969957082), 54px 54px rgb(123.0536480687, 172.1030042918, 28.3969957082), 55px 55px rgb(123.0536480687, 172.1030042918, 28.3969957082), 56px 56px rgb(123.0536480687, 172.1030042918, 28.3969957082), 57px 57px rgb(123.0536480687, 172.1030042918, 28.3969957082), 58px 58px rgb(123.0536480687, 172.1030042918, 28.3969957082), 59px 59px rgb(123.0536480687, 172.1030042918, 28.3969957082), 60px 60px rgb(123.0536480687, 172.1030042918, 28.3969957082), 61px 61px rgb(123.0536480687, 172.1030042918, 28.3969957082), 62px 62px rgb(123.0536480687, 172.1030042918, 28.3969957082), 63px 63px rgb(123.0536480687, 172.1030042918, 28.3969957082), 64px 64px rgb(123.0536480687, 172.1030042918, 28.3969957082), 65px 65px rgb(123.0536480687, 172.1030042918, 28.3969957082), 66px 66px rgb(123.0536480687, 172.1030042918, 28.3969957082), 67px 67px rgb(123.0536480687, 172.1030042918, 28.3969957082), 68px 68px rgb(123.0536480687, 172.1030042918, 28.3969957082), 69px 69px rgb(123.0536480687, 172.1030042918, 28.3969957082), 70px 70px rgb(123.0536480687, 172.1030042918, 28.3969957082), 71px 71px rgb(123.0536480687, 172.1030042918, 28.3969957082), 72px 72px rgb(123.0536480687, 172.1030042918, 28.3969957082), 73px 73px rgb(123.0536480687, 172.1030042918, 28.3969957082), 74px 74px rgb(123.0536480687, 172.1030042918, 28.3969957082), 75px 75px rgb(123.0536480687, 172.1030042918, 28.3969957082), 76px 76px rgb(123.0536480687, 172.1030042918, 28.3969957082), 77px 77px rgb(123.0536480687, 172.1030042918, 28.3969957082), 78px 78px rgb(123.0536480687, 172.1030042918, 28.3969957082), 79px 79px rgb(123.0536480687, 172.1030042918, 28.3969957082), 80px 80px rgb(123.0536480687, 172.1030042918, 28.3969957082), 81px 81px rgb(123.0536480687, 172.1030042918, 28.3969957082), 82px 82px rgb(123.0536480687, 172.1030042918, 28.3969957082), 83px 83px rgb(123.0536480687, 172.1030042918, 28.3969957082), 84px 84px rgb(123.0536480687, 172.1030042918, 28.3969957082), 85px 85px rgb(123.0536480687, 172.1030042918, 28.3969957082);
}

.button--longshadow.button--action:active, .button--longshadow.button--action.active, .button--longshadow.button--action.is-active,
.button--longshadow-right.button--action:active,
.button--longshadow-right.button--action.active,
.button--longshadow-right.button--action.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow.button--caution,
.button--longshadow-right.button--caution {
  text-shadow: 0 0 rgb(245.5, 0, 18.2819148936), 1px 1px rgb(245.5, 0, 18.2819148936), 2px 2px rgb(245.5, 0, 18.2819148936), 3px 3px rgb(245.5, 0, 18.2819148936), 4px 4px rgb(245.5, 0, 18.2819148936), 5px 5px rgb(245.5, 0, 18.2819148936), 6px 6px rgb(245.5, 0, 18.2819148936), 7px 7px rgb(245.5, 0, 18.2819148936), 8px 8px rgb(245.5, 0, 18.2819148936), 9px 9px rgb(245.5, 0, 18.2819148936), 10px 10px rgb(245.5, 0, 18.2819148936), 11px 11px rgb(245.5, 0, 18.2819148936), 12px 12px rgb(245.5, 0, 18.2819148936), 13px 13px rgb(245.5, 0, 18.2819148936), 14px 14px rgb(245.5, 0, 18.2819148936), 15px 15px rgb(245.5, 0, 18.2819148936), 16px 16px rgb(245.5, 0, 18.2819148936), 17px 17px rgb(245.5, 0, 18.2819148936), 18px 18px rgb(245.5, 0, 18.2819148936), 19px 19px rgb(245.5, 0, 18.2819148936), 20px 20px rgb(245.5, 0, 18.2819148936), 21px 21px rgb(245.5, 0, 18.2819148936), 22px 22px rgb(245.5, 0, 18.2819148936), 23px 23px rgb(245.5, 0, 18.2819148936), 24px 24px rgb(245.5, 0, 18.2819148936), 25px 25px rgb(245.5, 0, 18.2819148936), 26px 26px rgb(245.5, 0, 18.2819148936), 27px 27px rgb(245.5, 0, 18.2819148936), 28px 28px rgb(245.5, 0, 18.2819148936), 29px 29px rgb(245.5, 0, 18.2819148936), 30px 30px rgb(245.5, 0, 18.2819148936), 31px 31px rgb(245.5, 0, 18.2819148936), 32px 32px rgb(245.5, 0, 18.2819148936), 33px 33px rgb(245.5, 0, 18.2819148936), 34px 34px rgb(245.5, 0, 18.2819148936), 35px 35px rgb(245.5, 0, 18.2819148936), 36px 36px rgb(245.5, 0, 18.2819148936), 37px 37px rgb(245.5, 0, 18.2819148936), 38px 38px rgb(245.5, 0, 18.2819148936), 39px 39px rgb(245.5, 0, 18.2819148936), 40px 40px rgb(245.5, 0, 18.2819148936), 41px 41px rgb(245.5, 0, 18.2819148936), 42px 42px rgb(245.5, 0, 18.2819148936), 43px 43px rgb(245.5, 0, 18.2819148936), 44px 44px rgb(245.5, 0, 18.2819148936), 45px 45px rgb(245.5, 0, 18.2819148936), 46px 46px rgb(245.5, 0, 18.2819148936), 47px 47px rgb(245.5, 0, 18.2819148936), 48px 48px rgb(245.5, 0, 18.2819148936), 49px 49px rgb(245.5, 0, 18.2819148936), 50px 50px rgb(245.5, 0, 18.2819148936), 51px 51px rgb(245.5, 0, 18.2819148936), 52px 52px rgb(245.5, 0, 18.2819148936), 53px 53px rgb(245.5, 0, 18.2819148936), 54px 54px rgb(245.5, 0, 18.2819148936), 55px 55px rgb(245.5, 0, 18.2819148936), 56px 56px rgb(245.5, 0, 18.2819148936), 57px 57px rgb(245.5, 0, 18.2819148936), 58px 58px rgb(245.5, 0, 18.2819148936), 59px 59px rgb(245.5, 0, 18.2819148936), 60px 60px rgb(245.5, 0, 18.2819148936), 61px 61px rgb(245.5, 0, 18.2819148936), 62px 62px rgb(245.5, 0, 18.2819148936), 63px 63px rgb(245.5, 0, 18.2819148936), 64px 64px rgb(245.5, 0, 18.2819148936), 65px 65px rgb(245.5, 0, 18.2819148936), 66px 66px rgb(245.5, 0, 18.2819148936), 67px 67px rgb(245.5, 0, 18.2819148936), 68px 68px rgb(245.5, 0, 18.2819148936), 69px 69px rgb(245.5, 0, 18.2819148936), 70px 70px rgb(245.5, 0, 18.2819148936), 71px 71px rgb(245.5, 0, 18.2819148936), 72px 72px rgb(245.5, 0, 18.2819148936), 73px 73px rgb(245.5, 0, 18.2819148936), 74px 74px rgb(245.5, 0, 18.2819148936), 75px 75px rgb(245.5, 0, 18.2819148936), 76px 76px rgb(245.5, 0, 18.2819148936), 77px 77px rgb(245.5, 0, 18.2819148936), 78px 78px rgb(245.5, 0, 18.2819148936), 79px 79px rgb(245.5, 0, 18.2819148936), 80px 80px rgb(245.5, 0, 18.2819148936), 81px 81px rgb(245.5, 0, 18.2819148936), 82px 82px rgb(245.5, 0, 18.2819148936), 83px 83px rgb(245.5, 0, 18.2819148936), 84px 84px rgb(245.5, 0, 18.2819148936), 85px 85px rgb(245.5, 0, 18.2819148936);
}

.button--longshadow.button--caution:active, .button--longshadow.button--caution.active, .button--longshadow.button--caution.is-active,
.button--longshadow-right.button--caution:active,
.button--longshadow-right.button--caution.active,
.button--longshadow-right.button--caution.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow.button--highlight,
.button--longshadow-right.button--highlight {
  text-shadow: 0 0 rgb(203.6069868996, 132.1659388646, 0.8930131004), 1px 1px rgb(203.6069868996, 132.1659388646, 0.8930131004), 2px 2px rgb(203.6069868996, 132.1659388646, 0.8930131004), 3px 3px rgb(203.6069868996, 132.1659388646, 0.8930131004), 4px 4px rgb(203.6069868996, 132.1659388646, 0.8930131004), 5px 5px rgb(203.6069868996, 132.1659388646, 0.8930131004), 6px 6px rgb(203.6069868996, 132.1659388646, 0.8930131004), 7px 7px rgb(203.6069868996, 132.1659388646, 0.8930131004), 8px 8px rgb(203.6069868996, 132.1659388646, 0.8930131004), 9px 9px rgb(203.6069868996, 132.1659388646, 0.8930131004), 10px 10px rgb(203.6069868996, 132.1659388646, 0.8930131004), 11px 11px rgb(203.6069868996, 132.1659388646, 0.8930131004), 12px 12px rgb(203.6069868996, 132.1659388646, 0.8930131004), 13px 13px rgb(203.6069868996, 132.1659388646, 0.8930131004), 14px 14px rgb(203.6069868996, 132.1659388646, 0.8930131004), 15px 15px rgb(203.6069868996, 132.1659388646, 0.8930131004), 16px 16px rgb(203.6069868996, 132.1659388646, 0.8930131004), 17px 17px rgb(203.6069868996, 132.1659388646, 0.8930131004), 18px 18px rgb(203.6069868996, 132.1659388646, 0.8930131004), 19px 19px rgb(203.6069868996, 132.1659388646, 0.8930131004), 20px 20px rgb(203.6069868996, 132.1659388646, 0.8930131004), 21px 21px rgb(203.6069868996, 132.1659388646, 0.8930131004), 22px 22px rgb(203.6069868996, 132.1659388646, 0.8930131004), 23px 23px rgb(203.6069868996, 132.1659388646, 0.8930131004), 24px 24px rgb(203.6069868996, 132.1659388646, 0.8930131004), 25px 25px rgb(203.6069868996, 132.1659388646, 0.8930131004), 26px 26px rgb(203.6069868996, 132.1659388646, 0.8930131004), 27px 27px rgb(203.6069868996, 132.1659388646, 0.8930131004), 28px 28px rgb(203.6069868996, 132.1659388646, 0.8930131004), 29px 29px rgb(203.6069868996, 132.1659388646, 0.8930131004), 30px 30px rgb(203.6069868996, 132.1659388646, 0.8930131004), 31px 31px rgb(203.6069868996, 132.1659388646, 0.8930131004), 32px 32px rgb(203.6069868996, 132.1659388646, 0.8930131004), 33px 33px rgb(203.6069868996, 132.1659388646, 0.8930131004), 34px 34px rgb(203.6069868996, 132.1659388646, 0.8930131004), 35px 35px rgb(203.6069868996, 132.1659388646, 0.8930131004), 36px 36px rgb(203.6069868996, 132.1659388646, 0.8930131004), 37px 37px rgb(203.6069868996, 132.1659388646, 0.8930131004), 38px 38px rgb(203.6069868996, 132.1659388646, 0.8930131004), 39px 39px rgb(203.6069868996, 132.1659388646, 0.8930131004), 40px 40px rgb(203.6069868996, 132.1659388646, 0.8930131004), 41px 41px rgb(203.6069868996, 132.1659388646, 0.8930131004), 42px 42px rgb(203.6069868996, 132.1659388646, 0.8930131004), 43px 43px rgb(203.6069868996, 132.1659388646, 0.8930131004), 44px 44px rgb(203.6069868996, 132.1659388646, 0.8930131004), 45px 45px rgb(203.6069868996, 132.1659388646, 0.8930131004), 46px 46px rgb(203.6069868996, 132.1659388646, 0.8930131004), 47px 47px rgb(203.6069868996, 132.1659388646, 0.8930131004), 48px 48px rgb(203.6069868996, 132.1659388646, 0.8930131004), 49px 49px rgb(203.6069868996, 132.1659388646, 0.8930131004), 50px 50px rgb(203.6069868996, 132.1659388646, 0.8930131004), 51px 51px rgb(203.6069868996, 132.1659388646, 0.8930131004), 52px 52px rgb(203.6069868996, 132.1659388646, 0.8930131004), 53px 53px rgb(203.6069868996, 132.1659388646, 0.8930131004), 54px 54px rgb(203.6069868996, 132.1659388646, 0.8930131004), 55px 55px rgb(203.6069868996, 132.1659388646, 0.8930131004), 56px 56px rgb(203.6069868996, 132.1659388646, 0.8930131004), 57px 57px rgb(203.6069868996, 132.1659388646, 0.8930131004), 58px 58px rgb(203.6069868996, 132.1659388646, 0.8930131004), 59px 59px rgb(203.6069868996, 132.1659388646, 0.8930131004), 60px 60px rgb(203.6069868996, 132.1659388646, 0.8930131004), 61px 61px rgb(203.6069868996, 132.1659388646, 0.8930131004), 62px 62px rgb(203.6069868996, 132.1659388646, 0.8930131004), 63px 63px rgb(203.6069868996, 132.1659388646, 0.8930131004), 64px 64px rgb(203.6069868996, 132.1659388646, 0.8930131004), 65px 65px rgb(203.6069868996, 132.1659388646, 0.8930131004), 66px 66px rgb(203.6069868996, 132.1659388646, 0.8930131004), 67px 67px rgb(203.6069868996, 132.1659388646, 0.8930131004), 68px 68px rgb(203.6069868996, 132.1659388646, 0.8930131004), 69px 69px rgb(203.6069868996, 132.1659388646, 0.8930131004), 70px 70px rgb(203.6069868996, 132.1659388646, 0.8930131004), 71px 71px rgb(203.6069868996, 132.1659388646, 0.8930131004), 72px 72px rgb(203.6069868996, 132.1659388646, 0.8930131004), 73px 73px rgb(203.6069868996, 132.1659388646, 0.8930131004), 74px 74px rgb(203.6069868996, 132.1659388646, 0.8930131004), 75px 75px rgb(203.6069868996, 132.1659388646, 0.8930131004), 76px 76px rgb(203.6069868996, 132.1659388646, 0.8930131004), 77px 77px rgb(203.6069868996, 132.1659388646, 0.8930131004), 78px 78px rgb(203.6069868996, 132.1659388646, 0.8930131004), 79px 79px rgb(203.6069868996, 132.1659388646, 0.8930131004), 80px 80px rgb(203.6069868996, 132.1659388646, 0.8930131004), 81px 81px rgb(203.6069868996, 132.1659388646, 0.8930131004), 82px 82px rgb(203.6069868996, 132.1659388646, 0.8930131004), 83px 83px rgb(203.6069868996, 132.1659388646, 0.8930131004), 84px 84px rgb(203.6069868996, 132.1659388646, 0.8930131004), 85px 85px rgb(203.6069868996, 132.1659388646, 0.8930131004);
}

.button--longshadow.button--highlight:active, .button--longshadow.button--highlight.active, .button--longshadow.button--highlight.is-active,
.button--longshadow-right.button--highlight:active,
.button--longshadow-right.button--highlight.active,
.button--longshadow-right.button--highlight.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow.button--inverse,
.button--longshadow-right.button--inverse {
  text-shadow: 0 0 hsl(0, 0%, -1.6666666667%), 1px 1px hsl(0, 0%, -1.6666666667%), 2px 2px hsl(0, 0%, -1.6666666667%), 3px 3px hsl(0, 0%, -1.6666666667%), 4px 4px hsl(0, 0%, -1.6666666667%), 5px 5px hsl(0, 0%, -1.6666666667%), 6px 6px hsl(0, 0%, -1.6666666667%), 7px 7px hsl(0, 0%, -1.6666666667%), 8px 8px hsl(0, 0%, -1.6666666667%), 9px 9px hsl(0, 0%, -1.6666666667%), 10px 10px hsl(0, 0%, -1.6666666667%), 11px 11px hsl(0, 0%, -1.6666666667%), 12px 12px hsl(0, 0%, -1.6666666667%), 13px 13px hsl(0, 0%, -1.6666666667%), 14px 14px hsl(0, 0%, -1.6666666667%), 15px 15px hsl(0, 0%, -1.6666666667%), 16px 16px hsl(0, 0%, -1.6666666667%), 17px 17px hsl(0, 0%, -1.6666666667%), 18px 18px hsl(0, 0%, -1.6666666667%), 19px 19px hsl(0, 0%, -1.6666666667%), 20px 20px hsl(0, 0%, -1.6666666667%), 21px 21px hsl(0, 0%, -1.6666666667%), 22px 22px hsl(0, 0%, -1.6666666667%), 23px 23px hsl(0, 0%, -1.6666666667%), 24px 24px hsl(0, 0%, -1.6666666667%), 25px 25px hsl(0, 0%, -1.6666666667%), 26px 26px hsl(0, 0%, -1.6666666667%), 27px 27px hsl(0, 0%, -1.6666666667%), 28px 28px hsl(0, 0%, -1.6666666667%), 29px 29px hsl(0, 0%, -1.6666666667%), 30px 30px hsl(0, 0%, -1.6666666667%), 31px 31px hsl(0, 0%, -1.6666666667%), 32px 32px hsl(0, 0%, -1.6666666667%), 33px 33px hsl(0, 0%, -1.6666666667%), 34px 34px hsl(0, 0%, -1.6666666667%), 35px 35px hsl(0, 0%, -1.6666666667%), 36px 36px hsl(0, 0%, -1.6666666667%), 37px 37px hsl(0, 0%, -1.6666666667%), 38px 38px hsl(0, 0%, -1.6666666667%), 39px 39px hsl(0, 0%, -1.6666666667%), 40px 40px hsl(0, 0%, -1.6666666667%), 41px 41px hsl(0, 0%, -1.6666666667%), 42px 42px hsl(0, 0%, -1.6666666667%), 43px 43px hsl(0, 0%, -1.6666666667%), 44px 44px hsl(0, 0%, -1.6666666667%), 45px 45px hsl(0, 0%, -1.6666666667%), 46px 46px hsl(0, 0%, -1.6666666667%), 47px 47px hsl(0, 0%, -1.6666666667%), 48px 48px hsl(0, 0%, -1.6666666667%), 49px 49px hsl(0, 0%, -1.6666666667%), 50px 50px hsl(0, 0%, -1.6666666667%), 51px 51px hsl(0, 0%, -1.6666666667%), 52px 52px hsl(0, 0%, -1.6666666667%), 53px 53px hsl(0, 0%, -1.6666666667%), 54px 54px hsl(0, 0%, -1.6666666667%), 55px 55px hsl(0, 0%, -1.6666666667%), 56px 56px hsl(0, 0%, -1.6666666667%), 57px 57px hsl(0, 0%, -1.6666666667%), 58px 58px hsl(0, 0%, -1.6666666667%), 59px 59px hsl(0, 0%, -1.6666666667%), 60px 60px hsl(0, 0%, -1.6666666667%), 61px 61px hsl(0, 0%, -1.6666666667%), 62px 62px hsl(0, 0%, -1.6666666667%), 63px 63px hsl(0, 0%, -1.6666666667%), 64px 64px hsl(0, 0%, -1.6666666667%), 65px 65px hsl(0, 0%, -1.6666666667%), 66px 66px hsl(0, 0%, -1.6666666667%), 67px 67px hsl(0, 0%, -1.6666666667%), 68px 68px hsl(0, 0%, -1.6666666667%), 69px 69px hsl(0, 0%, -1.6666666667%), 70px 70px hsl(0, 0%, -1.6666666667%), 71px 71px hsl(0, 0%, -1.6666666667%), 72px 72px hsl(0, 0%, -1.6666666667%), 73px 73px hsl(0, 0%, -1.6666666667%), 74px 74px hsl(0, 0%, -1.6666666667%), 75px 75px hsl(0, 0%, -1.6666666667%), 76px 76px hsl(0, 0%, -1.6666666667%), 77px 77px hsl(0, 0%, -1.6666666667%), 78px 78px hsl(0, 0%, -1.6666666667%), 79px 79px hsl(0, 0%, -1.6666666667%), 80px 80px hsl(0, 0%, -1.6666666667%), 81px 81px hsl(0, 0%, -1.6666666667%), 82px 82px hsl(0, 0%, -1.6666666667%), 83px 83px hsl(0, 0%, -1.6666666667%), 84px 84px hsl(0, 0%, -1.6666666667%), 85px 85px hsl(0, 0%, -1.6666666667%);
}

.button--longshadow.button--inverse:active, .button--longshadow.button--inverse.active, .button--longshadow.button--inverse.is-active,
.button--longshadow-right.button--inverse:active,
.button--longshadow-right.button--inverse.active,
.button--longshadow-right.button--inverse.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left {
  overflow: hidden;
}

.button--longshadow-left.button--primary {
  text-shadow: 0 0 rgb(6.6949152542, 112.9766949153, 190.8050847458), -1px 1px rgb(6.6949152542, 112.9766949153, 190.8050847458), -2px 2px rgb(6.6949152542, 112.9766949153, 190.8050847458), -3px 3px rgb(6.6949152542, 112.9766949153, 190.8050847458), -4px 4px rgb(6.6949152542, 112.9766949153, 190.8050847458), -5px 5px rgb(6.6949152542, 112.9766949153, 190.8050847458), -6px 6px rgb(6.6949152542, 112.9766949153, 190.8050847458), -7px 7px rgb(6.6949152542, 112.9766949153, 190.8050847458), -8px 8px rgb(6.6949152542, 112.9766949153, 190.8050847458), -9px 9px rgb(6.6949152542, 112.9766949153, 190.8050847458), -10px 10px rgb(6.6949152542, 112.9766949153, 190.8050847458), -11px 11px rgb(6.6949152542, 112.9766949153, 190.8050847458), -12px 12px rgb(6.6949152542, 112.9766949153, 190.8050847458), -13px 13px rgb(6.6949152542, 112.9766949153, 190.8050847458), -14px 14px rgb(6.6949152542, 112.9766949153, 190.8050847458), -15px 15px rgb(6.6949152542, 112.9766949153, 190.8050847458), -16px 16px rgb(6.6949152542, 112.9766949153, 190.8050847458), -17px 17px rgb(6.6949152542, 112.9766949153, 190.8050847458), -18px 18px rgb(6.6949152542, 112.9766949153, 190.8050847458), -19px 19px rgb(6.6949152542, 112.9766949153, 190.8050847458), -20px 20px rgb(6.6949152542, 112.9766949153, 190.8050847458), -21px 21px rgb(6.6949152542, 112.9766949153, 190.8050847458), -22px 22px rgb(6.6949152542, 112.9766949153, 190.8050847458), -23px 23px rgb(6.6949152542, 112.9766949153, 190.8050847458), -24px 24px rgb(6.6949152542, 112.9766949153, 190.8050847458), -25px 25px rgb(6.6949152542, 112.9766949153, 190.8050847458), -26px 26px rgb(6.6949152542, 112.9766949153, 190.8050847458), -27px 27px rgb(6.6949152542, 112.9766949153, 190.8050847458), -28px 28px rgb(6.6949152542, 112.9766949153, 190.8050847458), -29px 29px rgb(6.6949152542, 112.9766949153, 190.8050847458), -30px 30px rgb(6.6949152542, 112.9766949153, 190.8050847458), -31px 31px rgb(6.6949152542, 112.9766949153, 190.8050847458), -32px 32px rgb(6.6949152542, 112.9766949153, 190.8050847458), -33px 33px rgb(6.6949152542, 112.9766949153, 190.8050847458), -34px 34px rgb(6.6949152542, 112.9766949153, 190.8050847458), -35px 35px rgb(6.6949152542, 112.9766949153, 190.8050847458), -36px 36px rgb(6.6949152542, 112.9766949153, 190.8050847458), -37px 37px rgb(6.6949152542, 112.9766949153, 190.8050847458), -38px 38px rgb(6.6949152542, 112.9766949153, 190.8050847458), -39px 39px rgb(6.6949152542, 112.9766949153, 190.8050847458), -40px 40px rgb(6.6949152542, 112.9766949153, 190.8050847458), -41px 41px rgb(6.6949152542, 112.9766949153, 190.8050847458), -42px 42px rgb(6.6949152542, 112.9766949153, 190.8050847458), -43px 43px rgb(6.6949152542, 112.9766949153, 190.8050847458), -44px 44px rgb(6.6949152542, 112.9766949153, 190.8050847458), -45px 45px rgb(6.6949152542, 112.9766949153, 190.8050847458), -46px 46px rgb(6.6949152542, 112.9766949153, 190.8050847458), -47px 47px rgb(6.6949152542, 112.9766949153, 190.8050847458), -48px 48px rgb(6.6949152542, 112.9766949153, 190.8050847458), -49px 49px rgb(6.6949152542, 112.9766949153, 190.8050847458), -50px 50px rgb(6.6949152542, 112.9766949153, 190.8050847458), -51px 51px rgb(6.6949152542, 112.9766949153, 190.8050847458), -52px 52px rgb(6.6949152542, 112.9766949153, 190.8050847458), -53px 53px rgb(6.6949152542, 112.9766949153, 190.8050847458), -54px 54px rgb(6.6949152542, 112.9766949153, 190.8050847458), -55px 55px rgb(6.6949152542, 112.9766949153, 190.8050847458), -56px 56px rgb(6.6949152542, 112.9766949153, 190.8050847458), -57px 57px rgb(6.6949152542, 112.9766949153, 190.8050847458), -58px 58px rgb(6.6949152542, 112.9766949153, 190.8050847458), -59px 59px rgb(6.6949152542, 112.9766949153, 190.8050847458), -60px 60px rgb(6.6949152542, 112.9766949153, 190.8050847458), -61px 61px rgb(6.6949152542, 112.9766949153, 190.8050847458), -62px 62px rgb(6.6949152542, 112.9766949153, 190.8050847458), -63px 63px rgb(6.6949152542, 112.9766949153, 190.8050847458), -64px 64px rgb(6.6949152542, 112.9766949153, 190.8050847458), -65px 65px rgb(6.6949152542, 112.9766949153, 190.8050847458), -66px 66px rgb(6.6949152542, 112.9766949153, 190.8050847458), -67px 67px rgb(6.6949152542, 112.9766949153, 190.8050847458), -68px 68px rgb(6.6949152542, 112.9766949153, 190.8050847458), -69px 69px rgb(6.6949152542, 112.9766949153, 190.8050847458), -70px 70px rgb(6.6949152542, 112.9766949153, 190.8050847458), -71px 71px rgb(6.6949152542, 112.9766949153, 190.8050847458), -72px 72px rgb(6.6949152542, 112.9766949153, 190.8050847458), -73px 73px rgb(6.6949152542, 112.9766949153, 190.8050847458), -74px 74px rgb(6.6949152542, 112.9766949153, 190.8050847458), -75px 75px rgb(6.6949152542, 112.9766949153, 190.8050847458), -76px 76px rgb(6.6949152542, 112.9766949153, 190.8050847458), -77px 77px rgb(6.6949152542, 112.9766949153, 190.8050847458), -78px 78px rgb(6.6949152542, 112.9766949153, 190.8050847458), -79px 79px rgb(6.6949152542, 112.9766949153, 190.8050847458), -80px 80px rgb(6.6949152542, 112.9766949153, 190.8050847458), -81px 81px rgb(6.6949152542, 112.9766949153, 190.8050847458), -82px 82px rgb(6.6949152542, 112.9766949153, 190.8050847458), -83px 83px rgb(6.6949152542, 112.9766949153, 190.8050847458), -84px 84px rgb(6.6949152542, 112.9766949153, 190.8050847458), -85px 85px rgb(6.6949152542, 112.9766949153, 190.8050847458);
}

.button--longshadow-left.button--primary:active, .button--longshadow-left.button--primary.active, .button--longshadow-left.button--primary.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left.button--plain {
  text-shadow: 0 0 rgb(216.75, 216.75, 216.75), -1px 1px rgb(216.75, 216.75, 216.75), -2px 2px rgb(216.75, 216.75, 216.75), -3px 3px rgb(216.75, 216.75, 216.75), -4px 4px rgb(216.75, 216.75, 216.75), -5px 5px rgb(216.75, 216.75, 216.75), -6px 6px rgb(216.75, 216.75, 216.75), -7px 7px rgb(216.75, 216.75, 216.75), -8px 8px rgb(216.75, 216.75, 216.75), -9px 9px rgb(216.75, 216.75, 216.75), -10px 10px rgb(216.75, 216.75, 216.75), -11px 11px rgb(216.75, 216.75, 216.75), -12px 12px rgb(216.75, 216.75, 216.75), -13px 13px rgb(216.75, 216.75, 216.75), -14px 14px rgb(216.75, 216.75, 216.75), -15px 15px rgb(216.75, 216.75, 216.75), -16px 16px rgb(216.75, 216.75, 216.75), -17px 17px rgb(216.75, 216.75, 216.75), -18px 18px rgb(216.75, 216.75, 216.75), -19px 19px rgb(216.75, 216.75, 216.75), -20px 20px rgb(216.75, 216.75, 216.75), -21px 21px rgb(216.75, 216.75, 216.75), -22px 22px rgb(216.75, 216.75, 216.75), -23px 23px rgb(216.75, 216.75, 216.75), -24px 24px rgb(216.75, 216.75, 216.75), -25px 25px rgb(216.75, 216.75, 216.75), -26px 26px rgb(216.75, 216.75, 216.75), -27px 27px rgb(216.75, 216.75, 216.75), -28px 28px rgb(216.75, 216.75, 216.75), -29px 29px rgb(216.75, 216.75, 216.75), -30px 30px rgb(216.75, 216.75, 216.75), -31px 31px rgb(216.75, 216.75, 216.75), -32px 32px rgb(216.75, 216.75, 216.75), -33px 33px rgb(216.75, 216.75, 216.75), -34px 34px rgb(216.75, 216.75, 216.75), -35px 35px rgb(216.75, 216.75, 216.75), -36px 36px rgb(216.75, 216.75, 216.75), -37px 37px rgb(216.75, 216.75, 216.75), -38px 38px rgb(216.75, 216.75, 216.75), -39px 39px rgb(216.75, 216.75, 216.75), -40px 40px rgb(216.75, 216.75, 216.75), -41px 41px rgb(216.75, 216.75, 216.75), -42px 42px rgb(216.75, 216.75, 216.75), -43px 43px rgb(216.75, 216.75, 216.75), -44px 44px rgb(216.75, 216.75, 216.75), -45px 45px rgb(216.75, 216.75, 216.75), -46px 46px rgb(216.75, 216.75, 216.75), -47px 47px rgb(216.75, 216.75, 216.75), -48px 48px rgb(216.75, 216.75, 216.75), -49px 49px rgb(216.75, 216.75, 216.75), -50px 50px rgb(216.75, 216.75, 216.75), -51px 51px rgb(216.75, 216.75, 216.75), -52px 52px rgb(216.75, 216.75, 216.75), -53px 53px rgb(216.75, 216.75, 216.75), -54px 54px rgb(216.75, 216.75, 216.75), -55px 55px rgb(216.75, 216.75, 216.75), -56px 56px rgb(216.75, 216.75, 216.75), -57px 57px rgb(216.75, 216.75, 216.75), -58px 58px rgb(216.75, 216.75, 216.75), -59px 59px rgb(216.75, 216.75, 216.75), -60px 60px rgb(216.75, 216.75, 216.75), -61px 61px rgb(216.75, 216.75, 216.75), -62px 62px rgb(216.75, 216.75, 216.75), -63px 63px rgb(216.75, 216.75, 216.75), -64px 64px rgb(216.75, 216.75, 216.75), -65px 65px rgb(216.75, 216.75, 216.75), -66px 66px rgb(216.75, 216.75, 216.75), -67px 67px rgb(216.75, 216.75, 216.75), -68px 68px rgb(216.75, 216.75, 216.75), -69px 69px rgb(216.75, 216.75, 216.75), -70px 70px rgb(216.75, 216.75, 216.75), -71px 71px rgb(216.75, 216.75, 216.75), -72px 72px rgb(216.75, 216.75, 216.75), -73px 73px rgb(216.75, 216.75, 216.75), -74px 74px rgb(216.75, 216.75, 216.75), -75px 75px rgb(216.75, 216.75, 216.75), -76px 76px rgb(216.75, 216.75, 216.75), -77px 77px rgb(216.75, 216.75, 216.75), -78px 78px rgb(216.75, 216.75, 216.75), -79px 79px rgb(216.75, 216.75, 216.75), -80px 80px rgb(216.75, 216.75, 216.75), -81px 81px rgb(216.75, 216.75, 216.75), -82px 82px rgb(216.75, 216.75, 216.75), -83px 83px rgb(216.75, 216.75, 216.75), -84px 84px rgb(216.75, 216.75, 216.75), -85px 85px rgb(216.75, 216.75, 216.75);
}

.button--longshadow-left.button--plain:active, .button--longshadow-left.button--plain.active, .button--longshadow-left.button--plain.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left.button--action {
  text-shadow: 0 0 rgb(123.0536480687, 172.1030042918, 28.3969957082), -1px 1px rgb(123.0536480687, 172.1030042918, 28.3969957082), -2px 2px rgb(123.0536480687, 172.1030042918, 28.3969957082), -3px 3px rgb(123.0536480687, 172.1030042918, 28.3969957082), -4px 4px rgb(123.0536480687, 172.1030042918, 28.3969957082), -5px 5px rgb(123.0536480687, 172.1030042918, 28.3969957082), -6px 6px rgb(123.0536480687, 172.1030042918, 28.3969957082), -7px 7px rgb(123.0536480687, 172.1030042918, 28.3969957082), -8px 8px rgb(123.0536480687, 172.1030042918, 28.3969957082), -9px 9px rgb(123.0536480687, 172.1030042918, 28.3969957082), -10px 10px rgb(123.0536480687, 172.1030042918, 28.3969957082), -11px 11px rgb(123.0536480687, 172.1030042918, 28.3969957082), -12px 12px rgb(123.0536480687, 172.1030042918, 28.3969957082), -13px 13px rgb(123.0536480687, 172.1030042918, 28.3969957082), -14px 14px rgb(123.0536480687, 172.1030042918, 28.3969957082), -15px 15px rgb(123.0536480687, 172.1030042918, 28.3969957082), -16px 16px rgb(123.0536480687, 172.1030042918, 28.3969957082), -17px 17px rgb(123.0536480687, 172.1030042918, 28.3969957082), -18px 18px rgb(123.0536480687, 172.1030042918, 28.3969957082), -19px 19px rgb(123.0536480687, 172.1030042918, 28.3969957082), -20px 20px rgb(123.0536480687, 172.1030042918, 28.3969957082), -21px 21px rgb(123.0536480687, 172.1030042918, 28.3969957082), -22px 22px rgb(123.0536480687, 172.1030042918, 28.3969957082), -23px 23px rgb(123.0536480687, 172.1030042918, 28.3969957082), -24px 24px rgb(123.0536480687, 172.1030042918, 28.3969957082), -25px 25px rgb(123.0536480687, 172.1030042918, 28.3969957082), -26px 26px rgb(123.0536480687, 172.1030042918, 28.3969957082), -27px 27px rgb(123.0536480687, 172.1030042918, 28.3969957082), -28px 28px rgb(123.0536480687, 172.1030042918, 28.3969957082), -29px 29px rgb(123.0536480687, 172.1030042918, 28.3969957082), -30px 30px rgb(123.0536480687, 172.1030042918, 28.3969957082), -31px 31px rgb(123.0536480687, 172.1030042918, 28.3969957082), -32px 32px rgb(123.0536480687, 172.1030042918, 28.3969957082), -33px 33px rgb(123.0536480687, 172.1030042918, 28.3969957082), -34px 34px rgb(123.0536480687, 172.1030042918, 28.3969957082), -35px 35px rgb(123.0536480687, 172.1030042918, 28.3969957082), -36px 36px rgb(123.0536480687, 172.1030042918, 28.3969957082), -37px 37px rgb(123.0536480687, 172.1030042918, 28.3969957082), -38px 38px rgb(123.0536480687, 172.1030042918, 28.3969957082), -39px 39px rgb(123.0536480687, 172.1030042918, 28.3969957082), -40px 40px rgb(123.0536480687, 172.1030042918, 28.3969957082), -41px 41px rgb(123.0536480687, 172.1030042918, 28.3969957082), -42px 42px rgb(123.0536480687, 172.1030042918, 28.3969957082), -43px 43px rgb(123.0536480687, 172.1030042918, 28.3969957082), -44px 44px rgb(123.0536480687, 172.1030042918, 28.3969957082), -45px 45px rgb(123.0536480687, 172.1030042918, 28.3969957082), -46px 46px rgb(123.0536480687, 172.1030042918, 28.3969957082), -47px 47px rgb(123.0536480687, 172.1030042918, 28.3969957082), -48px 48px rgb(123.0536480687, 172.1030042918, 28.3969957082), -49px 49px rgb(123.0536480687, 172.1030042918, 28.3969957082), -50px 50px rgb(123.0536480687, 172.1030042918, 28.3969957082), -51px 51px rgb(123.0536480687, 172.1030042918, 28.3969957082), -52px 52px rgb(123.0536480687, 172.1030042918, 28.3969957082), -53px 53px rgb(123.0536480687, 172.1030042918, 28.3969957082), -54px 54px rgb(123.0536480687, 172.1030042918, 28.3969957082), -55px 55px rgb(123.0536480687, 172.1030042918, 28.3969957082), -56px 56px rgb(123.0536480687, 172.1030042918, 28.3969957082), -57px 57px rgb(123.0536480687, 172.1030042918, 28.3969957082), -58px 58px rgb(123.0536480687, 172.1030042918, 28.3969957082), -59px 59px rgb(123.0536480687, 172.1030042918, 28.3969957082), -60px 60px rgb(123.0536480687, 172.1030042918, 28.3969957082), -61px 61px rgb(123.0536480687, 172.1030042918, 28.3969957082), -62px 62px rgb(123.0536480687, 172.1030042918, 28.3969957082), -63px 63px rgb(123.0536480687, 172.1030042918, 28.3969957082), -64px 64px rgb(123.0536480687, 172.1030042918, 28.3969957082), -65px 65px rgb(123.0536480687, 172.1030042918, 28.3969957082), -66px 66px rgb(123.0536480687, 172.1030042918, 28.3969957082), -67px 67px rgb(123.0536480687, 172.1030042918, 28.3969957082), -68px 68px rgb(123.0536480687, 172.1030042918, 28.3969957082), -69px 69px rgb(123.0536480687, 172.1030042918, 28.3969957082), -70px 70px rgb(123.0536480687, 172.1030042918, 28.3969957082), -71px 71px rgb(123.0536480687, 172.1030042918, 28.3969957082), -72px 72px rgb(123.0536480687, 172.1030042918, 28.3969957082), -73px 73px rgb(123.0536480687, 172.1030042918, 28.3969957082), -74px 74px rgb(123.0536480687, 172.1030042918, 28.3969957082), -75px 75px rgb(123.0536480687, 172.1030042918, 28.3969957082), -76px 76px rgb(123.0536480687, 172.1030042918, 28.3969957082), -77px 77px rgb(123.0536480687, 172.1030042918, 28.3969957082), -78px 78px rgb(123.0536480687, 172.1030042918, 28.3969957082), -79px 79px rgb(123.0536480687, 172.1030042918, 28.3969957082), -80px 80px rgb(123.0536480687, 172.1030042918, 28.3969957082), -81px 81px rgb(123.0536480687, 172.1030042918, 28.3969957082), -82px 82px rgb(123.0536480687, 172.1030042918, 28.3969957082), -83px 83px rgb(123.0536480687, 172.1030042918, 28.3969957082), -84px 84px rgb(123.0536480687, 172.1030042918, 28.3969957082), -85px 85px rgb(123.0536480687, 172.1030042918, 28.3969957082);
}

.button--longshadow-left.button--action:active, .button--longshadow-left.button--action.active, .button--longshadow-left.button--action.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left.button--caution {
  text-shadow: 0 0 rgb(245.5, 0, 18.2819148936), -1px 1px rgb(245.5, 0, 18.2819148936), -2px 2px rgb(245.5, 0, 18.2819148936), -3px 3px rgb(245.5, 0, 18.2819148936), -4px 4px rgb(245.5, 0, 18.2819148936), -5px 5px rgb(245.5, 0, 18.2819148936), -6px 6px rgb(245.5, 0, 18.2819148936), -7px 7px rgb(245.5, 0, 18.2819148936), -8px 8px rgb(245.5, 0, 18.2819148936), -9px 9px rgb(245.5, 0, 18.2819148936), -10px 10px rgb(245.5, 0, 18.2819148936), -11px 11px rgb(245.5, 0, 18.2819148936), -12px 12px rgb(245.5, 0, 18.2819148936), -13px 13px rgb(245.5, 0, 18.2819148936), -14px 14px rgb(245.5, 0, 18.2819148936), -15px 15px rgb(245.5, 0, 18.2819148936), -16px 16px rgb(245.5, 0, 18.2819148936), -17px 17px rgb(245.5, 0, 18.2819148936), -18px 18px rgb(245.5, 0, 18.2819148936), -19px 19px rgb(245.5, 0, 18.2819148936), -20px 20px rgb(245.5, 0, 18.2819148936), -21px 21px rgb(245.5, 0, 18.2819148936), -22px 22px rgb(245.5, 0, 18.2819148936), -23px 23px rgb(245.5, 0, 18.2819148936), -24px 24px rgb(245.5, 0, 18.2819148936), -25px 25px rgb(245.5, 0, 18.2819148936), -26px 26px rgb(245.5, 0, 18.2819148936), -27px 27px rgb(245.5, 0, 18.2819148936), -28px 28px rgb(245.5, 0, 18.2819148936), -29px 29px rgb(245.5, 0, 18.2819148936), -30px 30px rgb(245.5, 0, 18.2819148936), -31px 31px rgb(245.5, 0, 18.2819148936), -32px 32px rgb(245.5, 0, 18.2819148936), -33px 33px rgb(245.5, 0, 18.2819148936), -34px 34px rgb(245.5, 0, 18.2819148936), -35px 35px rgb(245.5, 0, 18.2819148936), -36px 36px rgb(245.5, 0, 18.2819148936), -37px 37px rgb(245.5, 0, 18.2819148936), -38px 38px rgb(245.5, 0, 18.2819148936), -39px 39px rgb(245.5, 0, 18.2819148936), -40px 40px rgb(245.5, 0, 18.2819148936), -41px 41px rgb(245.5, 0, 18.2819148936), -42px 42px rgb(245.5, 0, 18.2819148936), -43px 43px rgb(245.5, 0, 18.2819148936), -44px 44px rgb(245.5, 0, 18.2819148936), -45px 45px rgb(245.5, 0, 18.2819148936), -46px 46px rgb(245.5, 0, 18.2819148936), -47px 47px rgb(245.5, 0, 18.2819148936), -48px 48px rgb(245.5, 0, 18.2819148936), -49px 49px rgb(245.5, 0, 18.2819148936), -50px 50px rgb(245.5, 0, 18.2819148936), -51px 51px rgb(245.5, 0, 18.2819148936), -52px 52px rgb(245.5, 0, 18.2819148936), -53px 53px rgb(245.5, 0, 18.2819148936), -54px 54px rgb(245.5, 0, 18.2819148936), -55px 55px rgb(245.5, 0, 18.2819148936), -56px 56px rgb(245.5, 0, 18.2819148936), -57px 57px rgb(245.5, 0, 18.2819148936), -58px 58px rgb(245.5, 0, 18.2819148936), -59px 59px rgb(245.5, 0, 18.2819148936), -60px 60px rgb(245.5, 0, 18.2819148936), -61px 61px rgb(245.5, 0, 18.2819148936), -62px 62px rgb(245.5, 0, 18.2819148936), -63px 63px rgb(245.5, 0, 18.2819148936), -64px 64px rgb(245.5, 0, 18.2819148936), -65px 65px rgb(245.5, 0, 18.2819148936), -66px 66px rgb(245.5, 0, 18.2819148936), -67px 67px rgb(245.5, 0, 18.2819148936), -68px 68px rgb(245.5, 0, 18.2819148936), -69px 69px rgb(245.5, 0, 18.2819148936), -70px 70px rgb(245.5, 0, 18.2819148936), -71px 71px rgb(245.5, 0, 18.2819148936), -72px 72px rgb(245.5, 0, 18.2819148936), -73px 73px rgb(245.5, 0, 18.2819148936), -74px 74px rgb(245.5, 0, 18.2819148936), -75px 75px rgb(245.5, 0, 18.2819148936), -76px 76px rgb(245.5, 0, 18.2819148936), -77px 77px rgb(245.5, 0, 18.2819148936), -78px 78px rgb(245.5, 0, 18.2819148936), -79px 79px rgb(245.5, 0, 18.2819148936), -80px 80px rgb(245.5, 0, 18.2819148936), -81px 81px rgb(245.5, 0, 18.2819148936), -82px 82px rgb(245.5, 0, 18.2819148936), -83px 83px rgb(245.5, 0, 18.2819148936), -84px 84px rgb(245.5, 0, 18.2819148936), -85px 85px rgb(245.5, 0, 18.2819148936);
}

.button--longshadow-left.button--caution:active, .button--longshadow-left.button--caution.active, .button--longshadow-left.button--caution.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left.button--highlight {
  text-shadow: 0 0 rgb(203.6069868996, 132.1659388646, 0.8930131004), -1px 1px rgb(203.6069868996, 132.1659388646, 0.8930131004), -2px 2px rgb(203.6069868996, 132.1659388646, 0.8930131004), -3px 3px rgb(203.6069868996, 132.1659388646, 0.8930131004), -4px 4px rgb(203.6069868996, 132.1659388646, 0.8930131004), -5px 5px rgb(203.6069868996, 132.1659388646, 0.8930131004), -6px 6px rgb(203.6069868996, 132.1659388646, 0.8930131004), -7px 7px rgb(203.6069868996, 132.1659388646, 0.8930131004), -8px 8px rgb(203.6069868996, 132.1659388646, 0.8930131004), -9px 9px rgb(203.6069868996, 132.1659388646, 0.8930131004), -10px 10px rgb(203.6069868996, 132.1659388646, 0.8930131004), -11px 11px rgb(203.6069868996, 132.1659388646, 0.8930131004), -12px 12px rgb(203.6069868996, 132.1659388646, 0.8930131004), -13px 13px rgb(203.6069868996, 132.1659388646, 0.8930131004), -14px 14px rgb(203.6069868996, 132.1659388646, 0.8930131004), -15px 15px rgb(203.6069868996, 132.1659388646, 0.8930131004), -16px 16px rgb(203.6069868996, 132.1659388646, 0.8930131004), -17px 17px rgb(203.6069868996, 132.1659388646, 0.8930131004), -18px 18px rgb(203.6069868996, 132.1659388646, 0.8930131004), -19px 19px rgb(203.6069868996, 132.1659388646, 0.8930131004), -20px 20px rgb(203.6069868996, 132.1659388646, 0.8930131004), -21px 21px rgb(203.6069868996, 132.1659388646, 0.8930131004), -22px 22px rgb(203.6069868996, 132.1659388646, 0.8930131004), -23px 23px rgb(203.6069868996, 132.1659388646, 0.8930131004), -24px 24px rgb(203.6069868996, 132.1659388646, 0.8930131004), -25px 25px rgb(203.6069868996, 132.1659388646, 0.8930131004), -26px 26px rgb(203.6069868996, 132.1659388646, 0.8930131004), -27px 27px rgb(203.6069868996, 132.1659388646, 0.8930131004), -28px 28px rgb(203.6069868996, 132.1659388646, 0.8930131004), -29px 29px rgb(203.6069868996, 132.1659388646, 0.8930131004), -30px 30px rgb(203.6069868996, 132.1659388646, 0.8930131004), -31px 31px rgb(203.6069868996, 132.1659388646, 0.8930131004), -32px 32px rgb(203.6069868996, 132.1659388646, 0.8930131004), -33px 33px rgb(203.6069868996, 132.1659388646, 0.8930131004), -34px 34px rgb(203.6069868996, 132.1659388646, 0.8930131004), -35px 35px rgb(203.6069868996, 132.1659388646, 0.8930131004), -36px 36px rgb(203.6069868996, 132.1659388646, 0.8930131004), -37px 37px rgb(203.6069868996, 132.1659388646, 0.8930131004), -38px 38px rgb(203.6069868996, 132.1659388646, 0.8930131004), -39px 39px rgb(203.6069868996, 132.1659388646, 0.8930131004), -40px 40px rgb(203.6069868996, 132.1659388646, 0.8930131004), -41px 41px rgb(203.6069868996, 132.1659388646, 0.8930131004), -42px 42px rgb(203.6069868996, 132.1659388646, 0.8930131004), -43px 43px rgb(203.6069868996, 132.1659388646, 0.8930131004), -44px 44px rgb(203.6069868996, 132.1659388646, 0.8930131004), -45px 45px rgb(203.6069868996, 132.1659388646, 0.8930131004), -46px 46px rgb(203.6069868996, 132.1659388646, 0.8930131004), -47px 47px rgb(203.6069868996, 132.1659388646, 0.8930131004), -48px 48px rgb(203.6069868996, 132.1659388646, 0.8930131004), -49px 49px rgb(203.6069868996, 132.1659388646, 0.8930131004), -50px 50px rgb(203.6069868996, 132.1659388646, 0.8930131004), -51px 51px rgb(203.6069868996, 132.1659388646, 0.8930131004), -52px 52px rgb(203.6069868996, 132.1659388646, 0.8930131004), -53px 53px rgb(203.6069868996, 132.1659388646, 0.8930131004), -54px 54px rgb(203.6069868996, 132.1659388646, 0.8930131004), -55px 55px rgb(203.6069868996, 132.1659388646, 0.8930131004), -56px 56px rgb(203.6069868996, 132.1659388646, 0.8930131004), -57px 57px rgb(203.6069868996, 132.1659388646, 0.8930131004), -58px 58px rgb(203.6069868996, 132.1659388646, 0.8930131004), -59px 59px rgb(203.6069868996, 132.1659388646, 0.8930131004), -60px 60px rgb(203.6069868996, 132.1659388646, 0.8930131004), -61px 61px rgb(203.6069868996, 132.1659388646, 0.8930131004), -62px 62px rgb(203.6069868996, 132.1659388646, 0.8930131004), -63px 63px rgb(203.6069868996, 132.1659388646, 0.8930131004), -64px 64px rgb(203.6069868996, 132.1659388646, 0.8930131004), -65px 65px rgb(203.6069868996, 132.1659388646, 0.8930131004), -66px 66px rgb(203.6069868996, 132.1659388646, 0.8930131004), -67px 67px rgb(203.6069868996, 132.1659388646, 0.8930131004), -68px 68px rgb(203.6069868996, 132.1659388646, 0.8930131004), -69px 69px rgb(203.6069868996, 132.1659388646, 0.8930131004), -70px 70px rgb(203.6069868996, 132.1659388646, 0.8930131004), -71px 71px rgb(203.6069868996, 132.1659388646, 0.8930131004), -72px 72px rgb(203.6069868996, 132.1659388646, 0.8930131004), -73px 73px rgb(203.6069868996, 132.1659388646, 0.8930131004), -74px 74px rgb(203.6069868996, 132.1659388646, 0.8930131004), -75px 75px rgb(203.6069868996, 132.1659388646, 0.8930131004), -76px 76px rgb(203.6069868996, 132.1659388646, 0.8930131004), -77px 77px rgb(203.6069868996, 132.1659388646, 0.8930131004), -78px 78px rgb(203.6069868996, 132.1659388646, 0.8930131004), -79px 79px rgb(203.6069868996, 132.1659388646, 0.8930131004), -80px 80px rgb(203.6069868996, 132.1659388646, 0.8930131004), -81px 81px rgb(203.6069868996, 132.1659388646, 0.8930131004), -82px 82px rgb(203.6069868996, 132.1659388646, 0.8930131004), -83px 83px rgb(203.6069868996, 132.1659388646, 0.8930131004), -84px 84px rgb(203.6069868996, 132.1659388646, 0.8930131004), -85px 85px rgb(203.6069868996, 132.1659388646, 0.8930131004);
}

.button--longshadow-left.button--highlight:active, .button--longshadow-left.button--highlight.active, .button--longshadow-left.button--highlight.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.button--longshadow-left.button--inverse {
  text-shadow: 0 0 hsl(0, 0%, -1.6666666667%), -1px 1px hsl(0, 0%, -1.6666666667%), -2px 2px hsl(0, 0%, -1.6666666667%), -3px 3px hsl(0, 0%, -1.6666666667%), -4px 4px hsl(0, 0%, -1.6666666667%), -5px 5px hsl(0, 0%, -1.6666666667%), -6px 6px hsl(0, 0%, -1.6666666667%), -7px 7px hsl(0, 0%, -1.6666666667%), -8px 8px hsl(0, 0%, -1.6666666667%), -9px 9px hsl(0, 0%, -1.6666666667%), -10px 10px hsl(0, 0%, -1.6666666667%), -11px 11px hsl(0, 0%, -1.6666666667%), -12px 12px hsl(0, 0%, -1.6666666667%), -13px 13px hsl(0, 0%, -1.6666666667%), -14px 14px hsl(0, 0%, -1.6666666667%), -15px 15px hsl(0, 0%, -1.6666666667%), -16px 16px hsl(0, 0%, -1.6666666667%), -17px 17px hsl(0, 0%, -1.6666666667%), -18px 18px hsl(0, 0%, -1.6666666667%), -19px 19px hsl(0, 0%, -1.6666666667%), -20px 20px hsl(0, 0%, -1.6666666667%), -21px 21px hsl(0, 0%, -1.6666666667%), -22px 22px hsl(0, 0%, -1.6666666667%), -23px 23px hsl(0, 0%, -1.6666666667%), -24px 24px hsl(0, 0%, -1.6666666667%), -25px 25px hsl(0, 0%, -1.6666666667%), -26px 26px hsl(0, 0%, -1.6666666667%), -27px 27px hsl(0, 0%, -1.6666666667%), -28px 28px hsl(0, 0%, -1.6666666667%), -29px 29px hsl(0, 0%, -1.6666666667%), -30px 30px hsl(0, 0%, -1.6666666667%), -31px 31px hsl(0, 0%, -1.6666666667%), -32px 32px hsl(0, 0%, -1.6666666667%), -33px 33px hsl(0, 0%, -1.6666666667%), -34px 34px hsl(0, 0%, -1.6666666667%), -35px 35px hsl(0, 0%, -1.6666666667%), -36px 36px hsl(0, 0%, -1.6666666667%), -37px 37px hsl(0, 0%, -1.6666666667%), -38px 38px hsl(0, 0%, -1.6666666667%), -39px 39px hsl(0, 0%, -1.6666666667%), -40px 40px hsl(0, 0%, -1.6666666667%), -41px 41px hsl(0, 0%, -1.6666666667%), -42px 42px hsl(0, 0%, -1.6666666667%), -43px 43px hsl(0, 0%, -1.6666666667%), -44px 44px hsl(0, 0%, -1.6666666667%), -45px 45px hsl(0, 0%, -1.6666666667%), -46px 46px hsl(0, 0%, -1.6666666667%), -47px 47px hsl(0, 0%, -1.6666666667%), -48px 48px hsl(0, 0%, -1.6666666667%), -49px 49px hsl(0, 0%, -1.6666666667%), -50px 50px hsl(0, 0%, -1.6666666667%), -51px 51px hsl(0, 0%, -1.6666666667%), -52px 52px hsl(0, 0%, -1.6666666667%), -53px 53px hsl(0, 0%, -1.6666666667%), -54px 54px hsl(0, 0%, -1.6666666667%), -55px 55px hsl(0, 0%, -1.6666666667%), -56px 56px hsl(0, 0%, -1.6666666667%), -57px 57px hsl(0, 0%, -1.6666666667%), -58px 58px hsl(0, 0%, -1.6666666667%), -59px 59px hsl(0, 0%, -1.6666666667%), -60px 60px hsl(0, 0%, -1.6666666667%), -61px 61px hsl(0, 0%, -1.6666666667%), -62px 62px hsl(0, 0%, -1.6666666667%), -63px 63px hsl(0, 0%, -1.6666666667%), -64px 64px hsl(0, 0%, -1.6666666667%), -65px 65px hsl(0, 0%, -1.6666666667%), -66px 66px hsl(0, 0%, -1.6666666667%), -67px 67px hsl(0, 0%, -1.6666666667%), -68px 68px hsl(0, 0%, -1.6666666667%), -69px 69px hsl(0, 0%, -1.6666666667%), -70px 70px hsl(0, 0%, -1.6666666667%), -71px 71px hsl(0, 0%, -1.6666666667%), -72px 72px hsl(0, 0%, -1.6666666667%), -73px 73px hsl(0, 0%, -1.6666666667%), -74px 74px hsl(0, 0%, -1.6666666667%), -75px 75px hsl(0, 0%, -1.6666666667%), -76px 76px hsl(0, 0%, -1.6666666667%), -77px 77px hsl(0, 0%, -1.6666666667%), -78px 78px hsl(0, 0%, -1.6666666667%), -79px 79px hsl(0, 0%, -1.6666666667%), -80px 80px hsl(0, 0%, -1.6666666667%), -81px 81px hsl(0, 0%, -1.6666666667%), -82px 82px hsl(0, 0%, -1.6666666667%), -83px 83px hsl(0, 0%, -1.6666666667%), -84px 84px hsl(0, 0%, -1.6666666667%), -85px 85px hsl(0, 0%, -1.6666666667%);
}

.button--longshadow-left.button--inverse:active, .button--longshadow-left.button--inverse.active, .button--longshadow-left.button--inverse.is-active {
  text-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.4);
}

.informative {
  cursor: help;
}

.muted {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  pointer-events: none;
}

.proceed {
  text-align: right;
}

.go:after {
  content: " »";
}

.hint,
[data-hint] {
  display: inline-block;
  position: relative;
}

.hint:before, .hint:after,
[data-hint]:before,
[data-hint]:after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 10;
  transform: translate3d(0, 0, 0);
  transition: 0.3s ease;
  transition-delay: 0ms;
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after,
[data-hint]:hover:before,
[data-hint]:hover:after,
[data-hint]:focus:before,
[data-hint]:focus:after {
  opacity: 1;
  visibility: visible;
}

.hint:hover:before, .hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
  transition-delay: 100ms;
}

.hint:before,
[data-hint]:before {
  background: transparent;
  border: 6px solid transparent;
  content: "";
  position: absolute;
  z-index: 1000001;
}

.hint:after,
[data-hint]:after {
  background: #383838;
  content: attr(data-hint);
  color: white;
  font-size: 0.8em;
  line-height: 0.8em;
  padding: 0.7em;
  white-space: nowrap;
}

.hint--info:after {
  background-color: #3a87ad;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--status:after {
  background-color: #3a87ad;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--success:after {
  background-color: #468847;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--error:after {
  background-color: #b94a48;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--warning:after {
  background-color: #c09853;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--top::before {
  top: calc(-1.5em + 0.5px);
  transform: rotate(var(--rotation));
}

.hint--top::before, .hint--top::after {
  top: 100%;
  left: 50%;
}

.hint--top {
  /* stylelint-disable-next-line no-duplicate-selectors */
}

.hint--top::before {
  left: calc(50% - 1.5em);
}

.hint--top::after {
  transform: translateX(-50%);
}

.hint--bottom::before {
  top: calc(-1.5em + 0.5px);
  transform: rotate(var(--rotation));
}

.hint--bottom::before, .hint--bottom::after {
  top: 100%;
  left: 50%;
}

.hint--bottom {
  /* stylelint-disable-next-line no-duplicate-selectors */
}

.hint--bottom::before {
  left: calc(50% - 1.5em);
}

.hint--bottom::after {
  transform: translateX(-50%);
}

.hint--right::before {
  margin-inline: calc(-1.5em + 0.5px);
  margin-bottom: -1.5em;
  transform: rotate(var(--rotation));
}

.hint--right::after {
  margin-bottom: -0.75em;
}

.hint--right::before, .hint--right::after {
  top: 100%;
  bottom: 50%;
}

.hint--left::before {
  margin-inline: calc(-1.5em + 0.5px);
  margin-bottom: -1.5em;
  transform: rotate(var(--rotation));
}

.hint--left::after {
  margin-bottom: -0.75em;
}

.hint--left::before, .hint--left::after {
  top: 100%;
  bottom: 50%;
}

.hint:after,
[data-hint]:after {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.25);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:before, .hint--no-animate:after {
  transition-duration: 0ms;
}

.hint--bounce:before, .hint--bounce:after {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

a[rel=popup] {
  background: transparent url(../images/icons/icon-popup.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".doc"],
a[href$=".rtf"] {
  background: transparent url(../images/icons/icon-doc.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".txt"] {
  background: transparent url(../images/icons/icon-txt.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".xls"] {
  background: transparent url(../images/icons/icon-xls.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".atom"],
a[href$=".rss"] {
  background: transparent url(../images/icons/icon-feed.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".opml"] {
  background: transparent url(../images/icons/icon-opml.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".php"] {
  background: transparent url(../images/icons/icon-php.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".torrent"] {
  background: transparent url(../images/icons/icon-torrent.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".vcard"] {
  background: transparent url(../images/icons/icon-vcard.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".exe"] {
  background: transparent url(../images/icons/icon-exe.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".app"],
a[href$=".dmg"] {
  background: transparent url(../images/icons/icon-dmg.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".pps"] {
  background: transparent url(../images/icons/icon-pps.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".pdf"] {
  background: transparent url(../images/icons/icon-pdf.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".xpi"] {
  background: transparent url(../images/icons/icon-plugin.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".fla"],
a[href$=".swf"] {
  background: transparent url(../images/icons/icon-flash.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".zip"],
a[href$=".rar"],
a[href$=".gzip"],
a[href$=".bzip"],
a[href$=".ace"] {
  background: transparent url(../images/icons/icon-archive.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".ical"] {
  background: transparent url(../images/icons/icon-ical.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".css"] {
  background: transparent url(../images/icons/icon-css.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".ttf"] {
  background: transparent url(../images/icons/icon-ttf.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".jpg"],
a[href$=".gif"],
a[href$=".png"],
a[href$=".bmp"],
a[href$=".jpeg"],
a[href$=".svg"],
a[href$=".eps"] {
  background: transparent url(../images/icons/icon-pic.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

.image-link {
  background: none !important;
  margin-right: 0;
  padding-right: 0 !important;
}

a[href$=".mov"],
a[href$=".wmv"],
a[href$=".mp4"],
a[href$=".avi"],
a[href$=".mpg"] {
  background: transparent url(../images/icons/icon-film.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href$=".mp3"],
a[href$=".wav"],
a[href$=".ogg"],
a[href$=".wma"],
a[href$=".m4a"] {
  background: transparent url(../images/icons/icon-music.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="mailto:"] {
  background: transparent url(../images/icons/icon-mailto.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="aim:"] {
  background: transparent url(../images/icons/icon-aim.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="callto:"] {
  background: transparent url(../images/icons/icon-call.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="ymsgr:"] {
  background: transparent url(../images/icons/icon-yim.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="icq:"] {
  background: transparent url(../images/icons/icon-icq.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="msnim:"] {
  background: transparent url(../images/icons/icon-msn.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="gtalk:"] {
  background: transparent url(../images/icons/icon-google.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="skype:"] {
  background: transparent url(../images/icons/icon-skype.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href^="xmpp:"] {
  background: transparent url(../images/icons/icon-jabber.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href*="metacafe.com/watch/"],
a[href*="sevenload.com/videos/"],
a[href*="youtube.com/watch?"] {
  background: transparent url(../images/icons/icon-film.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

a[href*="bubbleshare.com"],
a[href*="flickr.com/photos/"],
a[href*="imageshack.us"],
a[href*="sevenload.com/bilder/"],
a[href*="zooomr.com"] {
  background: transparent url(../images/icons/icon-pic.gif) no-repeat center right;
  margin-right: 0;
  padding-right: 20px;
}

kbd {
  -moz-background-clip: padding;
  -moz-border-radius: 6px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  background-clip: padding-box;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  border-radius: 6px;
  box-shadow: 0px 2px 0 #bbbbbb, 0 3px 1px #999999, 0 3px 0 #bbbbbb, inset 0 1px 1px #ffffff, inset 0 -1px 3px #cccccc;
  color: #444444;
  display: inline;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=0);
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  padding: 0.3em 0.55em;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}

kbd.dark {
  background-color: #4d4c4c;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  border-color: #000;
  box-shadow: 0px 2px 0 #000000, 0 3px 1px #999999, inset 0 1px 1px #aaaaaa, inset 0 -1px 3px #272727;
  color: #eeeeee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  text-shadow: 0 -1px 0 #000000;
}

kbd.ios {
  background-color: #b7b7bc;
  background-image: -moz-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: -o-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efeff0), to(#b7b7bc));
  background-image: -webkit-linear-gradient(top, #efeff0, #b7b7bc);
  background-image: linear-gradient(top, #efeff0, #b7b7bc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.6);
  border-top-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 #ffffff;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefeff0', endColorstr='#ffb7b7bc', GradientType=0);
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

kbd.android {
  -moz-background-clip: padding;
  -moz-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  background: #5e5e5e;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #444444, inset 0 1px 0 #868686;
  color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.3em;
  text-shadow: none;
}

kbd.android.dark {
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #505050;
}

kbd.android.color {
  background: #083c5b;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #36647b;
}

@font-face {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot");
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular") format("svg");
}
/*
Inline Styles
================================================================================

The whole point of CSS is to separate content from its presentation.
Inline styles is a mix of content and presentation.

Writing inline styles is almost the same as writing something like this:

`<font><big><marquee>BOOOOOOOOYA</marquee></big></font>`

However, inline styles are shown as a 'warning' because in real world
applications many JavaScript libraries/components/plugins use inline styles
to accomplish their functionality.

    <p style="font-family: Comic Sans MS, serif">
      Go ahead and do it. Dead or alive, you're coming with me.
    </p>


[style]:not([style=""]) {
  @include warning('Avoid inline styles where possible');
}

*/
/*
Inline Event Attributes
================================================================================

Same here: inline event handlers is a mix of content and behaviour.

You also get much less control over your events:

* you can bind only one event of each kind with inline event attributes,
  so you can't have two `click` event handlers.
* if event handler is specified inline, the JS is specified as a string
  and evaluated when event fires. Evaluation is dangerous.

In short, avoid inline event attributes and handle events via
`addEventListener` API, jQuery, ZeptoJS or something.

    <p onclick="alert('I CAN HAZ INLINE JS')">
      Serve the public trust. Protect the innocent. Uphold the law.
    </p>


[onafterprint], [onbeforeprint], [onbeforeunload],
[onerror], [onhaschange], [onload], [onmessage],
[onoffline], [ononline], [onpagehide], [onpageshow],
[onpopstate], [onredo], [onresize], [onstorage],
[onundo], [onunload],
[onblur], [onchage], [oncontextmenu], [onfocus],
[onformchange], [onforminput], [oninput], [oninvalid],
[onreset], [onselect], [onsubmit],
[onkeydown], [onkeypress], [onkeyup],
[onclick], [ondblclick], [ondrag], [ondragend],
[ondragenter], [ondragleave], [ondragover],
[ondragstart], [ondrop], [onmousedown], [onmousemove],
[onmouseout], [onmouseover], [onmouseup], [onmousewheel],
[onscroll],
[onabort], [oncanplay], [oncanplaythrough],
[ondurationchange], [onemptied], [onended], [onerror],
[onloadeddata], [onloadedmetadata], [onloadstart],
[onpause], [onplay], [onplaying], [onprogress],
[onratechange], [onreadystatechange], [onseeked],
[onseeking], [onstalled], [onsuspend], [ontimeupdate],
[onvolumechange], [onwaiting] {
  @include error('Inline event attributes are definitely a bad idea')
}

*/
/*
Invalid Links
================================================================================

#### Links without (or empty) href attribute

    <a>The Old Man</a>
    <a href="">Bob Morton</a>


a:not([href]), a[href=""] {
  @include error('Link without (or empty) href attribute');
}

*/
/*
#### Links with questionable `href` attribute (`#`, `javascript:;`)

`href` attribute specifies the URL of the page the link goes to.
However, `#` and `javascript` URLs will take you nowhere.

Please use more appropriate elements instead: `<button>` for actions,
something like `<span class="more-examples">` for pseudo-links.

    <a href="#">Dick Jones</a>
    <a href="javascript:;">Sergeant Warren Reed</a>


a[href="#"], a[href^="javascript"] {
  @include warning("Link with questionable href attribute (" attr(href) ")");
}

*/
/*
#### Links with `target` attribute

Does your website really should make the choice for visitor about
where and how to open the link?

However, such links are shown as a 'warning' because there are
some practical uses for this attribute: links to PDFs, help files
of additional information.

    <a href="http://www.omnicorp.com/" target="_blank">ED-209</a>


a[target] {
  @include warning("Link with target attribute (" attr(target) ")");
}

*/
/*
Empty Elements
================================================================================

Why do you need an empty `<li>` or `<p>`?


    <ul>
      <li></li>
    </ul>

    <p></p>

Instead of empty `<td>` or `<th>` you should use `colspan` attribute.

    <table>
      <tr>
        <th>Foo</th>
        <th>Bar</th> <!-- use colspan="2" instead -->
        <th></th>
      </tr>
      <tr>
        <td></td>
        <td>Baz</td>
        <td>Boo</td>
      </tr>
    </table>


li:empty, p:empty, td:empty, th:empty {
  @include warning("Empty element");
}

*/
/*
Images
================================================================================

Images with no `alt` attribute are bad for accessability,
your karma, and teeth.

    <img src="http://placekitten.com/400/200" width="400" height="200" />


img:not([alt]) {
  outline: $alert-error-color!important;
}

*/
/*
Browsers give image elements a default size if they do not
have explicit width and height attributes. Once these images
have loaded, they expand or contract to their full size,
causing all other elements on the page to reflow in response.

    <img src="http://placekitten.com/400/200" alt="nice kitten" />


img:not([width]):not([height]) {
  @extend %warning;
}

*/
/*
Forms & Inputs
================================================================================

Always set `type` and `name` attributes for `input`,
`rows` and `cols` attributes for `textarea`. Also
don't forget about specifing correct `for` attribute
for `label`.


    <div>
      <input value="Input with no type">
    </div>
    <div>
      <textarea>Textarea without rows and cols</textarea>
    </div>
    <div>
      <input type="text" value="Input with no name">
    </div>
    <div>
      <input type="text" name="" value="Input with empty name">
    </div>
    <div>
      <input type="submit"> <!-- submit with no value -->
    </div>
    <div>
      <label>Label with no for</label>
    </div>
    <div>
      <label for="">Label with empty for</label>
    </div>


input:not([type]) {
  @extend %error;
}

textarea:not([rows]):not([cols]) {
  @extend %error;
}

input:not([name]), input[name=""],
select:not([name]), select[name=""],
textarea:not([name]), textarea[name=""] {
  @extend %error;
}

input[type="submit"]:not([name]) {
  outline: none;
}

input[type="submit"]:not([value]),
input[type="submit"]:not([name]):not([value]) {
  @extend %error;
}

label:not([for]), label[for=""] {
  @include warning("Missing for attribute");
}

*/
/*
Deprecated Elements
================================================================================

Older HTML tags that have been superseded by other more functional
or flexible alternatives (whether as HTML or as CSS ) are declared as deprecated.
Browsers should continue to support deprecated tags and attributes,
but eventually these tags are likely to become obsolete and
so future support cannot be guaranteed.

    <blink>Thank you for your cooperation. Good night.</blink>

acronym, applet, basefont, bgsound, big, center, dir, font,
frame, frameset, isindex, listing, multicol, nextid, nobr,
noembed, noframes, plaintext, rb, spacer, strike, tt, xmp,
marquee, blink {
  @include error("Deprecated element");
}

*/
/*
Print Stylesheets
================================================================================

It's always a good idea to hide all `<form>`s in printing
stylesheet.


@media print {
  form {
    outline: $alert-error-color;
  }
} */
/* endif $debug-mode */
/*
//==============================================================================
// Debug media queries.
//==============================================================================

body::before {
  bottom: 0;
  display: block;
  font-weight: bold;
  left: 0;
  padding: .25em 0;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 99998;

  @include breakpoint($palm-min) {
    background: #FF3636;
    color: #420000;
    content: "palmMin -> palmWideMin";
  }
  @include breakpoint($palm-wide-max) {
    background: #FF9500;
    color: #5C3600;
    content: "palmWideMin -> lapMin";
  }
  @include breakpoint($lap-min) {
    background: #FFFB52;
    color: #666400;
    content: "lapMin -> lapWideMin";
  }
  @include breakpoint($lap-wide-min) {
    background: #00A827;
    color: #242424;
    content: "lapWideMin -> deskMin";
  }
  @include breakpoint($desk-min) {
    background: #5496FF;
    color: #002B70;
    content: "deskMin -> deskWideMin";
  }
  @include breakpoint( $desk-wide-min) {
    background: #BF48CF;
    color: #0F0F0F;
    content: "deskWideMin -> ∞";
  }
}
 ---------- */
/* endif $debug-grid */
/*
.heading-color { background: variables.$heading-color; }
.body-color { background: variables.$body-color; }
.code-color { background: variables.$code-color; }
.caption-color { background: variables.$caption-color; }

.link-color { background: variables.$link-color; }
.visited-color { background: variables.$visited-color; }
.hover-color { background: variables.$hover-color; }
.active-color { background: variables.$active-color; }
 ---------- */
/*
.amber { background: $amber; }
.amber-dark { background: $amber-dark; }
.amber-darker { background: $amber-darker; }
.amber-light { background: $amber-light; }
.amber-lighter { background: $amber-lighter; }
.amber-dull { background: $amber-dull; }
.amber-duller { background: $amber-duller; }
.amber-bright { background: $amber-bright; }
.amber-brighter { background: $amber-brighter; }

.amber-bark { background: $amber-bark; }
.amber-flame { background: $amber-flame; }
.amber-queen { background: $amber-queen; }
.amber-sands { background: $amber-sands; }
 ---------- */
/*
.black-10 { background: $black10; }
.black-20 { background: $black20; }
.black-30 { background: $black30; }
.black-40 { background: $black40; }
.black-50 { background: $black50; }
.black-60 { background: $black60; }
.black-70 { background: $black70; }
.black-80 { background: $black80; }
.black-90 { background: $black90; }
 ---------- */
/*
.blue { background: $blue; }
.blue-dark { background: $blue-dark; }
.blue-darker { background: $blue-darker; }
.blue-light { background: $blue-light; }
.blue-lighter { background: $blue-lighter; }
.blue-dull { background: $blue-dull; }
.blue-duller { background: $blue-duller; }
.blue-bright { background: $blue-bright; }
.blue-brighter { background: $blue-brighter; }

.blue-azure { background: $blue-azure; }
.blue-babe { background: $blue-babe; }
.blue-baby { background: $blue-baby; }
.blue-breton { background: $blue-breton; }
.blue-celeste { background: $blue-celeste; }
.blue-cloud { background: $blue-cloud; }
.blue-columbia { background: $blue-columbia; }
.blue-cyan { background: $blue-cyan; }
.blue-denim { background: $blue-denim; }
.blue-french { background: $blue-french; }
.blue-holiday { background: $blue-holiday; }
.blue-lake { background: $blue-lake; }
.blue-midnight { background: $blue-midnight; }
.blue-navy { background: $blue-navy; }
.blue-reflection { background: $blue-reflection; }
.blue-royal { background:$blue-royal; }
.blue-sapphire { background: $blue-sapphire; }
.blue-sea { background: $blue-sea; }
.blue-seduction { background: $blue-seduction; }
.blue-sky { background: $blue-sky; }
.blue-steel { background: $blue-steel; }
.blue-stonewash { background: $blue-stonewash; }

.blue-airforce { background: $blue-airforce; }
.blue-behance { background: $blue-behance; }
.blue-dropbox { background: $blue-dropbox; }
.blue-facebook { background: $blue-facebook; }
.blue-flickr { background: $blue-flickr; }
.blue-foursquare { background: $blue-foursquare; }
.blue-linkedin { background: $blue-linkedin; }
.blue-rdio { background: $blue-rdio; }
.blue-skype { background: $blue-skype; }
.blue-twitter { background: $blue-twitter; }
.blue-vimeo { background: $blue-vimeo; }
.blue-virb { background: $blue-virb; }
.blue-zurb { background: $blue-zurb; }
 ---------- */
/*
.brown { background: $brown; }
.brown-dark { background: $brown-dark; }
.brown-darker { background: $brown-darker; }
.brown-light { background: $brown-light; }
.brown-lighter { background: $brown-lighter; }
.brown-dull { background: $brown-dull; }
.brown-duller { background: $brown-duller; }
.brown-bright { background: $brown-bright; }
.brown-brighter { background: $brown-brighter; }

.brown-beaver { background: $brown; }
.brown-bistre { background: $brown-bistre; }
.brown-bitter { background: $brown-bitter; }
.brown-bole { background: $brown-bole; }
.brown-bronze { background: $brown-bronze; }
.brown-burnt { background: $brown-burnt; }
.brown-camel { background: $brown-camel; }
.brown-caramel { background: $brown-caramel; }
.brown-chestnut { background: $brown-chestnut; }
.brown-chocolate { background: $brown-chocolate; }
.brown-clay { background: $brown-clay; }
.brown-cocoa { background: $brown-cocoa; }
.brown-coffee { background: $brown-coffee; }
.brown-copper { background: $brown-copper; }
.brown-exotic { background:$brown-exotic; }
.brown-mahogany { background: $brown-mahogany; }
.brown-mocha { background: $brown-mocha; }
.brown-praline { background: $brown-praline; }
.brown-sepia { background: $brown-sepia; }
.brown-truffle { background: $brown-truffle; }
 ---------- */
/*
.gray-ash { background: $gray-ash; }
.gray-battleship { background: $gray-battleship; }
.gray-cadet { background: $gray-cadet; }
.gray-charcoal { background: $gray-charcoal; }
.gray-cool { background: $gray-cool; }
.gray-gunmetal { background: $gray-gunmetal; }
.gray-silver { background: $gray-silver; }
.gray-slate { background: $gray-slate; }
.gray-taupe { background: $gray-taupe; }
.gray-timberwolf { background: $gray-timberwolf; }
 ---------- */
/*
.green { background: $green; }
.green-dark { background: $green-dark; }
.green-darker { background: $green-darker; }
.green-light { background: $green-light; }
.green-lighter { background: $green-lighter; }
.green-dull { background: $green-dull; }
.green-duller { background: $green-duller; }
.green-bright { background: $green-bright; }
.green-brighter { background: $green-brighter; }

.green-apple { background: $green-apple; }
.green-asparagus { background: $green-asparagus; }
.green-creek { background: $green-creek; }
.green-olive { background: $green-olive; }
.green-falls { background: $green-falls; }
.green-fern { background: $green-fern; }
.green-forest { background: $green-forest; }
.green-granada { background: $green-granada; }
.green-garland { background: $green-garland; }
.green-hunter { background: $green-hunter; }
.green-kiwi { background: $green-kiwi; }
.green-lime { background: $green-lime; }
.green-mint { background: $green-mint; }
.green-office { background: $green-office; }
.green-parrot { background: $green-parrot; }
.green-sea { background: $green-sea; }
.green-spa { background: $green-spa; }
.green-spring { background: $green-spring; }
.green-teal { background: $green-teal; }

.green-evernote { background: $green-evernote; }
.green-forrest { background: $green-forrest; }
.green-groupon { background: $green-groupon; }
.green-kickstarter { background: $green-kickstarter; }
.green-nvidia { background: $green-nvidia; }
.green-spotify { background: $green-spotify; }
.green-zerply { background: $green-zerply; }
.green-zurb { background: $green-zurb; }
 ---------- */
/*
.lime { background: $lime; }
.lime-dark { background: $lime-dark; }
.lime-darker { background: $lime-darker; }
.lime-light { background: $lime-light; }
.lime-lighter { background: $lime-lighter; }
.lime-dull { background: $lime-dull; }
.lime-duller { background: $lime-duller; }
.lime-bright { background: $lime-bright; }
.lime-brighter { background: $lime-brighter; }
 ---------- */
/*
.orange { background: $orange; }
.orange-dark { background: $orange-dark; }
.orange-darker { background: $orange-darker; }
.orange-light { background: $orange-light; }
.orange-lighter { background: $orange-lighter; }
.orange-dull { background: $orange-dull; }
.orange-duller { background: $orange-duller; }
.orange-bright { background: $orange-bright; }
.orange-brighter { background: $orange-brighter; }

.orange-african { background: $orange-african; }
.orange-auburn { background: $orange-auburn; }
.orange-autumn { background: $orange-autumn; }
.orange-coral { background: $orange-coral; }
.orange-dawn { background: $orange-dawn; }
.orange-flame { background: $orange-flame; }
.orange-ginger { background: $orange-ginger; }
.orange-harvest { background: $orange-harvest; }
.orange-mango { background: $orange-mango; }
.orange-paprika { background: $orange-paprika; }
.orange-sands { background: $orange-sands; }

.orange-addvocate { background: $orange-addvocate; }
.orange-amazon { background: $orange-amazon; }
.orange-blogger { background: $orange-blogger; }
.orange-bongo { background: $orange-bongo; }
.orange-grooveshark { background: $orange-grooveshark; }
.orange-hackernews { background: $orange-hackernews; }
.orange-soundcloud { background: $orange-soundcloud; }
.orange-ubuntu { background: $orange-ubuntu; }
 ---------- */
/*
.peach { background: $peach; }
.peach-dark { background: $peach-dark; }
.peach-darker { background: $peach-darker; }
.peach-light { background: $peach-light; }
.peach-lighter { background: $peach-lighter; }
.peach-dull { background: $peach-dull; }
.peach-duller { background: $peach-duller; }
.peach-bright { background: $peach-bright; }
.peach-brighter { background: $peach-brighter; }

.peach-shimmer { background: $peach-shimmer; }
.peach-sorbet { background: $peach-sorbet; }
 ---------- */
/*
.pink { background: $pink; }
.pink-dark { background: $pink-dark; }
.pink-darker { background: $pink-darker; }
.pink-light { background: $pink-light; }
.pink-lighter { background: $pink-lighter; }
.pink-dull { background: $pink-dull; }
.pink-duller { background: $pink-duller; }
.pink-bright { background: $pink-bright; }
.pink-brighter { background: $pink-brighter; }

.pink-adobe { background: $pink-adobe; }
.pink-amaranth { background: $pink-amaranth; }
.pink-antique { background: $pink-antique; }
.pink-berry { background: $pink-berry; }
.pink-blush { background: $pink-blush; }
.pink-brink { background: $pink-brink; }
.pink-candy { background: $pink-candy; }
.pink-carmine { background: $pink-carmine; }
.pink-carnation { background: $pink-carnation; }
.pink-cerise { background: $pink-cerise; }
.pink-coral { background: $pink-coral; }
.pink-deep { background: $pink-deep; }
.pink-fandago { background: $pink-fandago; }
.pink-flamingo { background: $pink-flamingo; }
.pink-fuchsia { background: $pink-fuchsia; }
.pink-hot { background: $pink-hot; }
.pink-magenta { background: $pink-magenta; }
.pink-nevada { background: $pink-nevada; }
.pink-party { background: $pink-party; }
.pink-plum { background: $pink-plum; }
.pink-puce { background: $pink-puce; }
.pink-rose { background: $pink-rose; }
.pink-ruby { background: $pink-ruby; }
.pink-salmon { background: $pink-salmon; }

.pink-dribbble { background: $pink-dribbble; }
.pink-flickr { background: $pink-flickr; }
 ---------- */
/*
.purple { background: $purple; }
.purple-dark { background: $purple-dark; }
.purple-darker { background: $purple-darker; }
.purple-light { background: $purple-light; }
.purple-lighter { background: $purple-lighter; }
.purple-dull { background: $purple-dull; }
.purple-duller { background: $purple-duller; }
.purple-bright { background: $purple-bright; }
.purple-brighter { background: $purple-brighter; }

.purple-amethyst { background: $purple-amethyst; }
.purple-blossom { background: $purple-blossom; }
.purple-blush { background: $purple-blush; }
.purple-cerise { background: $purple-cerise; }
.purple-fandango { background: $purple-fandango; }
.purple-heliotrope { background: $purple-heliotrope; }
.purple-lavendar { background: $purple-lavendar; }
.purple-lilac { background: $purple-lilac; }
.purple-magenta { background: $purple-magenta; }
.purple-opera { background: $purple-opera; }
.purple-orchid { background: $purple-orchid; }
.purple-plum { background: $purple-plum; }
.purple-showers { background: $purple-showers; }
.purple-spring { background: $purple-spring; }
.purple-rose { background: $purple-rose; }
.purple-verona { background: $purple-verona; }

.purple-heroku { background: $purple-heroku; }
.purple-yahoo { background: $purple-yahoo; }
 ---------- */
/*
.red { background: $red; }
.red-dark { background: $red-dark; }
.red-darker { background: $red-darker; }
.red-light { background: $red-light; }
.red-lighter { background: $red-lighter; }
.red-dull { background: $red-dull; }
.red-duller { background: $red-duller; }
.red-bright { background: $red-bright; }
.red-brighter { background: $red-brighter; }

.red-auburn { background: $red-auburn; }
.red-autumn { background: $red-autumn; }
.red-bloom { background: $red-bloom; }
.red-brick { background: $red-brick; }
.red-burgundy { background: $red-burgundy; }
.red-chestnut { background: $red-chestnut; }
.red-crimson { background: $red-crimson; }
.red-diva { background: $red-diva; }
.red-fire { background: $red-fire; }
.red-fountain { background: $red-fountain; }
.red-raspberry { background: $red-raspberry; }
.red-ruby { background: $red-ruby; }
.red-rust { background: $red-rust; }
.red-summer { background: $red-summer; }
.red-thai { background: $red-thai; }
.red-volcanic { background: $red-volcanic; }
.red-wine { background: $red-wine; }
.red-wood { background: $red-wood; }

.red-google { background: $red-google; }
.red-lastfm { background: $red-lastfm; }
.red-pinterest { background: $red-pinterest; }
.red-youtube { background: $red-youtube; }
.red-zurb { background: $red-zurb; }
 ---------- */
/*
.tan { background: $tan; }
.tan-dark { background: $tan-dark; }
.tan-darker { background: $tan-darker; }
.tan-light { background: $tan-light; }
.tan-lighter { background: $tan-lighter; }
.tan-dull { background: $tan-dull; }
.tan-duller { background: $tan-duller; }
.tan-bright { background: $tan-bright; }
.tan-brighter { background: $tan-brighter; }

.tan-bronze { background: $tan-bronze; }
.tan-ginger { background: $tan-ginger; }
.tan-gold { background: $tan-gold; }
.tan-melody { background: $tan-melody; }
.tan-nectar { background: $tan-nectar; }
.tan-pumpkin { background: $tan-pumpkin; }
.tan-spicy { background: $tan-spicy; }
.tan-wholemeal { background: $tan-wholemeal; }
 ---------- */
/*
.turquoise { background: $turquoise; }
.turquoise-dark { background: $turquoise-dark; }
.turquoise-darker { background: $turquoise-darker; }
.turquoise-light { background: $turquoise-light; }
.turquoise-lighter { background: $turquoise-lighter; }
.turquoise-dull { background: $turquoise-dull; }
.turquoise-duller { background: $turquoise-duller; }
.turquoise-bright { background: $turquoise-bright; }
.turquoise-brighter { background: $turquoise-brighter; }

.turquoise-crystal { background: $turquoise-crystal; }
.turquoise-dawn { background: $turquoise-dawn; }
.turquoise-teal { background: $turquoise-teal; }
 ---------- */
/*
.white { background: $white-antiflash; }
.white-antique { background: $white-antique; }
.white-beige { background: $white-beige; }
.white-blond { background: $white-blond; }
.white-blossom { background: $white-blossom; }
.white-cornsilk { background: $white-cornsilk; }
.white-cosmic { background: $white-cosmic; }
.white-cream { background: $white-cream; }
.white-eggshell { background: $white-eggshell; }
.white-floral { background: $white-floral; }
.white-honeydew { background: $white-honeydew; }
.white-isabelline { background: $white-isabelline; }
.white-navajo { background: $white-navajo; }
.white-pearl { background: $white-pearl; }
.white-vanilla { background: $white-vanilla; }
.white-smoke { background: $white-smoke; }
 ---------- */
/*
.yellow { background: $yellow; }
.yellow-dark { background: $yellow-dark; }
.yellow-darker { background: $yellow-darker; }
.yellow-light { background: $yellow-light; }
.yellow-lighter { background: $yellow-lighter; }
.yellow-dull { background: $yellow-dull; }
.yellow-duller { background: $yellow-duller; }
.yellow-bright { background: $yellow-bright; }
.yellow-brighter { background: $yellow-brighter; }

.yellow-breeze { background: $yellow-breeze; }
.yellow-buff { background: $yellow-buff; }
.yellow-buttercup { background: $yellow-buttercup; }
.yellow-delhi { background: $yellow-delhi; }
.yellow-easter { background: $yellow-easter; }
.yellow-glaze { background: $yellow-glaze; }
.yellow-gold { background: $yellow-gold; }
.yellow-goldmetal { background: $yellow-goldmetal; }
.yellow-havana { background: $yellow-havana; }
.yellow-jasmine { background: $yellow-jasmine; }
.yellow-lemon { background: $yellow-lemon; }
.yellow-maize { background: $yellow-maize; }
.yellow-pharoah { background: $yellow-pharaoh; }
.yellow-ray { background: $yellow-ray; }
.yellow-saffron { background: $yellow-saffron; }
.yellow-spring { background: $yellow-spring; }
.yellow-sunflower { background: $yellow-sunflower; }
.yellow-sunglow { background: $yellow-sunglow; }
.yellow-sunny { background: $yellow-sunny; }

.yellow-aboutme { background: $yellow-aboutme; }
.yellow-aim { background: $yellow-aim; }
 ---------- */
/* endif $debug-colors */
@font-face {
  font-family: "Open Sans Condensed Light";
  src: url("../fonts/open_sans/OpenSans-CondLight.ttf");
}
@font-face {
  font-family: "Open Sans Light";
  src: url("../fonts/open_sans/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Barlow Extra Light";
  src: url("../fonts/barlow/Barlow-ExtraLight.ttf");
}
@font-face {
  font-family: "Barlow Semi Bold";
  src: url("../fonts/barlow/Barlow-SemiBold.ttf");
}
/* ==========================================================================
   Body.
   ========================================================================== */
:root {
  --base-font-size: 1.2em;
  --base-line-height: 1.5em;
  --base-spacing-unit: var(--base-line-height);
  --line-height: var(--base-line-height) / var(--base-font-size);
  --palm-min: 0px;
  --palm-wide-min: 480px;
  --lap-min: 768px;
  --lap-wide-min: 960px;
  --desk-min: 1280px;
  --desk-wide-min: 1440px;
  --black: #0f172a;
  --bluedark: #1D2E48;
  --blue: #2E5F8A;
  --bluelight: #A8C4CC;
  --white: #ffffff;
  --gray: #e3e6e9;
  --red: #932A27;
  --gold: #C8A96E;
  --highlight-background: #64748b;
  --highlight-color: #ffffff;
}

/**
 * Responsive styles for the body element.
 */
body {
  font-size: var(--base-font-size);
  font-family: "Barlow Extra Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
}

::selection {
  background-color: var(--highlight-background);
  color: var(--highlight-color);
}

.page {
  margin-top: 0;
}

.wrapper {
  display: block;
  margin-inline: auto;
  margin-top: 0;
  width: min(96%, 1280px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  text-wrap: balance;
}

@media only screen and (min-width: 960px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
    text-wrap: initial;
  }
}
h1 {
  font-family: "Barlow Extra Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-size: clamp(2em, 5vw, 3.5em);
  margin-inline: calc(var(--base-spacing-unit) / 2);
  text-align: center;
  text-wrap: balance;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
}

h2 {
  font-size: clamp(1.8rem, 1.4rem + 1.333vw, 3rem);
}

h3 {
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2.5rem);
}

h4 {
  font-size: clamp(1.4rem, 1.2rem + 0.667vw, 2rem);
}

h5 {
  font-size: clamp(1.2rem, 1.1rem + 0.333vw, 1.5rem);
}

h6 {
  font-size: var(--base-font-size);
}

a:link, a:visited {
  color: var(--bluedark);
}

a:active {
  color: var(--bluelight);
}

button.button,
a.button {
  background-color: var(--blue);
  color: var(--white);
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  height: initial;
  line-height: initial;
  margin-top: calc(var(--base-line-height) / 2);
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
}

button.button:link, button.button:visited,
a.button:link,
a.button:visited {
  color: var(--white);
}

button.button:hover,
a.button:hover {
  background-color: var(--bluedark);
}

button.button:active,
a.button:active {
  background-color: var(--bluelight);
}

/* Layout ---------- */
.twentyfive,
.thirtythree,
.fifty,
.sixtysix,
.seventyfive {
  display: grid;
  gap: var(--base-line-height) var(--base-spacing-unit);
}

@media only screen and (min-width: 768px) {
  .twentyfive {
    grid-template-columns: 1fr 3fr;
  }
  .thirtythree {
    grid-template-columns: 1fr 2fr;
  }
  .fifty {
    grid-template-columns: 1fr 1fr;
  }
  .sixtysix {
    grid-template-columns: 2fr 1fr;
  }
  .seventyfive {
    grid-template-columns: 3fr 1fr;
  }
}
.checkered {
  color: var(--white);
  gap: 0;
}

.checkered .fifty {
  grid-template-columns: initial;
  gap: initial;
}

.checkered .block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  padding: calc(var(--base-line-height) / 3) calc(var(--base-spacing-unit) / 3);
}

.checkered > div {
  margin-top: 0;
}

.checkered > div:nth-child(odd) {
  background-color: var(--blue);
}

.checkered > div:nth-child(even) {
  background-color: var(--bluedark);
}

@media only screen and (min-width: 768px) {
  .checkered .fifty {
    grid-template-columns: 1fr 1fr;
  }
}
/* Image ---------- */
img {
  display: block;
  height: auto;
  margin-inline: auto;
}

img.icon {
  max-width: 75px;
  width: 100%;
}

img.has-frame {
  background-color: var(--white);
  border: 1px solid var(--gray);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
  padding: calc(var(--base-line-height) / 4) calc(var(--base-spacing-unit) / 4);
}

/* Map ---------- */
.map {
  height: 100%;
}

.map iframe {
  height: 100%;
}

/* Forms ---------- */
.human {
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

form input,
form textarea {
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
  width: 100%;
}

form .required label,
form p.required {
  color: var(--blue);
}

form select {
  width: 100%;
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
  border: 2px solid var(--blue);
  border-radius: 5px; /* Rounded corners */
  font-size: var(--base-font-size);
  background-color: var(--gray); /* Background color */
}

form select option {
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
  background-color: var(--white);
  font-size: var(--base-font-size);
}

form select option:hover {
  background-color: var(--gray);
}

form .form-check,
form .form-radio {
  display: flex;
  gap: 0.25em;
  align-items: center;
}

form .form-check > input,
form .form-radio > input {
  width: initial;
}

form .form-check > label,
form .form-radio > label {
  margin-top: 0;
}

.form-buttons input {
  background-color: var(--bluedark);
  border: 2px solid var(--bluedark);
  color: var(--white);
  font-weight: bold;
  margin-left: calc(var(--base-spacing-unit) / 2);
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
  width: fit-content;
}

/* ==========================================================================
   Header.
   ========================================================================== */
/**
 * Responsive styles for the main header element.
 */
.toolbar {
  margin-top: 0;
}

#header {
  margin-top: 0;
  padding: var(--base-line-height) 0;
}

#header .logo {
  display: block;
  height: auto;
  margin-inline: auto;
  max-width: 300px;
  width: 100%;
}

#header h1 {
  display: none;
}

#header .region:nth-child(3) {
  text-align: center;
}

#header .region:nth-child(3) ul {
  list-style: none;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  #header .region:nth-child(3) {
    text-align: center;
  }
}
@media only screen and (min-width: 960px) {
  #header {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  #header .region {
    margin-top: 0;
  }
  #header .region:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
    margin-left: var(--base-spacing-unit);
    margin-right: var(--base-spacing-unit);
  }
  #header .region:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #header .region:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--base-line-height) var(--base-spacing-unit);
    margin-bottom: calc(var(--base-line-height) / 2);
    margin-right: calc(var(--base-spacing-unit) / 2);
  }
  #header .region:nth-child(3) > * {
    margin-top: 0;
  }
  #header .region:nth-child(3) .button {
    margin-top: 0;
  }
  #header .region:nth-child(3) ul {
    display: flex;
    gap: var(--base-line-height) var(--base-spacing-unit);
    align-items: center;
  }
  #header .region:nth-child(3) ul li {
    border-bottom: none;
  }
  #header address {
    display: flex;
  }
  #header address span {
    margin-right: calc(var(--base-spacing-unit) / 3);
    margin-top: 0;
  }
  #header address span:nth-child(2) {
    margin-right: 0;
  }
  #header address span:nth-child(2):after {
    content: ",";
  }
}
/* ==========================================================================
   Navigation.
   ========================================================================== */
/**
 * Responsive styles for navigation menus.
 */
/* Screen reader only */
.sr-only {
  border: 0;
  font-size: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  padding: 0;
}

.sidr {
  background-color: var(--blue);
  color: var(--white);
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  margin-top: 0;
}

.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  color: var(--white);
  margin-left: 1em;
  margin-top: calc(var(--base-line-height) / 2) !important;
}

.sidr h1 {
  border-bottom: 4px solid #fff;
  font-size: var(--base-font-size);
  padding-bottom: calc(var(--base-line-height) / 2);
}

.sidr ul {
  list-style: none;
  margin-left: 0;
}

.sidr ul a {
  color: var(--white);
  display: block;
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  padding: calc(var(--base-line-height) / 2) var(--base-spacing-unit);
}

.sidr ul a:hover {
  background-color: var(--white);
  color: var(--blue);
  text-decoration: none;
}

.sidr .button {
  background-color: var(--bluedark);
  color: var(--white);
}

a.menu-button {
  background-image: url("/assets/images/icons/toggle-open.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  color: var(--bluedark);
  display: block;
  height: 40px;
  padding-top: 35px;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease background-image;
  width: 40px;
}

.sidr-open a.menu-button {
  background-image: url("/assets/images/icons/toggle-closed.png");
}

ul.toolbar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  list-style: none;
  margin-bottom: var(--base-line-height);
  margin-left: 0;
  padding: 0;
}

ul.toolbar li {
  text-align: center;
}

ul.toolbar li a {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  color: var(--blue);
  display: block;
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  height: 50px;
  margin-inline: auto;
  padding-top: 40px;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

ul.toolbar li a.email {
  background-image: url("/assets/images/icons/icon--mail.png");
}

ul.toolbar li a.map {
  background-image: url("/assets/images/icons/icon--map.png");
}

ul.toolbar li a.phone {
  background-image: url("/assets/images/icons/icon--phone.png");
}

.main-menu {
  display: none;
}

@media only screen and (min-width: 960px) {
  ul.toolbar {
    display: none;
  }
  .main-menu {
    background-color: var(--bluedark);
    display: block;
  }
  .main-menu ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin-left: 0;
  }
  .main-menu ul li {
    display: flex;
    align-items: center;
  }
  .main-menu a {
    display: block;
    font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
    padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
    text-align: center;
  }
  .main-menu a:link, .main-menu a:visited {
    color: var(--white);
  }
  .main-menu a:hover {
    background-color: var(--bluelight);
    color: var(--bluedark);
    text-decoration: none;
  }
}
.about a.about,
.cosmetic a.cosmetic,
.general a.general,
.invisalign a.invisalign,
.implants a.implants {
  background-color: var(--blue);
}

.about a.about:hover,
.cosmetic a.cosmetic:hover,
.general a.general:hover,
.invisalign a.invisalign:hover,
.implants a.implants:hover {
  color: var(--white);
}

/* ==========================================================================
   Main.
   ========================================================================== */
/**
 * Responsive styles for the main content element.
 */
#main {
  font-size: calc(var(--base-font-size) * 1.1);
}

.constricted {
  margin-inline: auto;
  width: min(86%, 1280px);
}

.row {
  margin-top: calc(var(--base-line-height) * 3);
}

.hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bluedark);
  margin-right: 20%;
  color: var(--white);
}

.hero > * {
  margin-top: 0;
}

.hero .hero-content {
  padding-left: 6%;
  padding-right: 6%;
}

.hero .hero-content h1, .hero .hero-content h2, .hero .hero-content h3, .hero .hero-content h4, .hero .hero-content h5, .hero .hero-content h6 {
  color: var(--white);
  font-family: "Barlow Extra Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
}

.hero .hero-content h2 {
  font-size: clamp(1.35rem, 5vw, 3.75rem);
  line-height: 1.3;
}

.hero picture {
  margin-bottom: var(--base-line-height);
  margin-top: var(--base-line-height);
  margin-right: -20%;
  max-height: 600px;
  box-shadow: 21px 0px 35px -5px rgba(48, 66, 82, 0.4);
}

.hero picture img {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  aside .vignette {
    border-left: 8px solid var(--bluedark);
    padding-left: var(--base-spacing-unit);
  }
}
ul.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--base-line-height) var(--base-spacing-unit);
  list-style: none;
  margin-left: 0;
}

ul.grid .grid-item {
  flex: 1 1 120px;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  text-wrap: balance;
}

/* Sub Footer ---------- */
.vignettes--bluedark,
.vignettes--grey {
  padding: 2.8em 0;
}

.vignettes--bluedark .vignettes,
.vignettes--grey .vignettes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--base-line-height) var(--base-spacing-unit);
}

.vignettes--bluedark .vignettes .vignette,
.vignettes--grey .vignettes .vignette {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1 1 300px;
  margin-top: 0;
  padding: var(--base-line-height) var(--base-spacing-unit);
}

.vignettes--bluedark .vignettes .vignette h1,
.vignettes--bluedark .vignettes .vignette h2,
.vignettes--bluedark .vignettes .vignette h3,
.vignettes--bluedark .vignettes .vignette h4,
.vignettes--bluedark .vignettes .vignette h5,
.vignettes--bluedark .vignettes .vignette h6,
.vignettes--grey .vignettes .vignette h1,
.vignettes--grey .vignettes .vignette h2,
.vignettes--grey .vignettes .vignette h3,
.vignettes--grey .vignettes .vignette h4,
.vignettes--grey .vignettes .vignette h5,
.vignettes--grey .vignettes .vignette h6 {
  margin-top: 0;
}

.vignettes--bluedark .vignettes .vignette img,
.vignettes--grey .vignettes .vignette img {
  display: block;
  margin-inline: auto;
}

.vignettes--bluedark .vignettes .vignette .button,
.vignettes--grey .vignettes .vignette .button {
  display: block;
  margin-inline: auto;
  margin-top: var(--base-line-height);
  width: fit-content;
}

.vignettes--bluedark .vignettes .vignette a.button:hover,
.vignettes--grey .vignettes .vignette a.button:hover {
  background-color: var(--blue);
}

.vignettes--bluedark .vignette {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100 */
  background: linear-gradient(to bottom, var(--blue) 0%, var(--bluedark) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: var(--bluedark);
  color: var(--white);
}

.vignettes--bluedark .vignette h1,
.vignettes--bluedark .vignette h2,
.vignettes--bluedark .vignette h3,
.vignettes--bluedark .vignette h4,
.vignettes--bluedark .vignette h5,
.vignettes--bluedark .vignette h6 {
  color: var(--white);
}

.vignettes--bluedark .vignette .button {
  background-color: var(--white);
  color: var(--bluedark);
}

.vignettes--grey .vignette {
  background: linear-gradient(to bottom, var(--white) 0%, var(--gray) 100%);
  border: 2px solid var(--gray);
  color: var(--bluedark);
  text-align: center;
}

.vignettes--grey .vignette h1,
.vignettes--grey .vignette h2,
.vignettes--grey .vignette h3,
.vignettes--grey .vignette h4,
.vignettes--grey .vignette h5,
.vignettes--grey .vignette h6 {
  color: var(--blue);
}

.vignettes--grey .vignette:hover {
  background-color: var(--bluedark);
  color: var(--gray);
  text-decoration: none;
}

.vignettes--grey .vignette:hover h1,
.vignettes--grey .vignette:hover h2,
.vignettes--grey .vignette:hover h3,
.vignettes--grey .vignette:hover h4,
.vignettes--grey .vignette:hover h5,
.vignettes--grey .vignette:hover h6 {
  color: var(--blue);
}

/* ==========================================================================
   Footer.
   ========================================================================== */
/**
 * Responsive styles for the main footer element.
 */
/* Footer ---------- */
#footer {
  margin-top: 0;
  padding: var(--base-line-height) 0;
}

#footer .logo {
  display: block;
  height: auto;
  margin-inline: auto;
  max-width: 300px;
  width: 100%;
}

#footer h1 {
  display: none;
}

#footer .menu ul {
  background-color: var(--bluedark);
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin-left: 0;
}

#footer .menu ul li {
  display: flex;
  align-items: center;
}

#footer .menu ul li a {
  display: block;
  font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
  text-align: center;
}

#footer .menu ul li a:link, #footer .menu ul li a:visited {
  color: var(--white);
}

#footer .menu ul li a:hover {
  text-decoration: none;
}

#footer .region:nth-child(3) {
  text-align: center;
}

#footer .region:nth-child(3) ul {
  list-style: none;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  #footer .region:nth-child(3) {
    margin-top: var(--base-line-height);
    text-align: center;
  }
  #footer .menu ul {
    background-color: var(--bluedark);
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    margin-left: 0;
  }
  #footer .menu ul li {
    display: flex;
    align-items: center;
  }
  #footer .menu ul li a {
    display: block;
    font-family: "Barlow Semi Bold", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
    padding: calc(var(--base-line-height) / 2) calc(var(--base-spacing-unit) / 2);
    text-align: center;
  }
  #footer .menu ul li a:link, #footer .menu ul li a:visited {
    color: var(--white);
  }
  #footer .menu ul li a:hover {
    text-decoration: none;
  }
  #footer .menu ul li:hover {
    background-color: var(--bluelight);
  }
}
@media only screen and (min-width: 960px) {
  #footer {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  #footer .region {
    margin-top: 0;
  }
  #footer .region:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    margin-left: var(--base-spacing-unit);
    margin-right: var(--base-spacing-unit);
  }
  #footer .region:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #footer .region:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--base-line-height) var(--base-spacing-unit);
    margin-left: 6%;
    margin-top: calc(var(--base-line-height) / 2);
  }
  #footer .region:nth-child(3) > * {
    margin-top: 0;
  }
  #footer .region:nth-child(3) .button {
    margin-top: 0;
  }
  #footer .region:nth-child(3) ul {
    display: flex;
    gap: var(--base-line-height) var(--base-spacing-unit);
    align-items: center;
  }
  #footer .region:nth-child(3) ul li {
    border-bottom: none;
  }
  #footer .menu ul {
    background-color: var(--bluedark);
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin-left: 0;
  }
  #footer address {
    display: flex;
  }
  #footer address span {
    margin-right: calc(var(--base-spacing-unit) / 3);
    margin-top: 0;
  }
  #footer address span:nth-child(2) {
    margin-right: 0;
  }
  #footer address span:nth-child(2):after {
    content: ",";
  }
}
/* ==========================================================================
   Print.
   ========================================================================== */
/**
 * Style adjustments for printing.
 */
@media print {
  body {
    background: #fff;
    color: #000;
  }
  body,
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  aside,
  nav {
    display: none;
  }
}