@charset "UTF-8";
:root {
  --base-font-size: 1.2em;
  --base-line-height: 1.4em;
  --base-spacing-unit: var(--base-line-height);
  --half-spacing-unit: calc(var(--base-spacing-unit)/2);
  --line-height-ratio: calc(var(--base-line-height) / var(--base-font-size));
  --menu-family: "Open Sans Condensed Light", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  --heading-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  --body-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  --code-family: "Courier New", Courier, monospace;
  --h1-size: 2.0em;
  --h2-size: 1.8em;
  --h3-size: 1.6em;
  --h4-size: 1.4em;
  --h5-size: 1.2em;
  --h6-size: 1.1em;
}

@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");
}
:root {
  --body-background: #f2dede;
  --heading-color: #191919;
  --body-color: #333333;
  --code-color: #666666;
  --caption-color: #666666;
  --link-color: #0000ff;
  --visited-color: #7f007f;
  --hover-color: #007fff;
  --active-color: #ff0000;
  --alert-info-color: #3a87ad;
  --alert-status-color: #3a87ad;
  --alert-success-color: #468847;
  --alert-warning-color: #c09853;
  --alert-error-color: #b94a48;
  --alert-browser-color: #808080;
  --table-background-accent: #f9f9f9;
  --table-background-hover: #f5f5f5;
  --table-stripe-color-odd: #f5f5f5;
  --table-stripe-color-even:#f5f5f5;
  --rule-color: #ccc;
  --highlight-background: #ff0090;
  --highlight-color: #ffffff;
}

:root {
  --button-background-color: hsl(0, 0%, 93%);
  --button-font-color: #666666;
  --button-font-weight: 300;
  --button-font-size: var(--base-font-size);
  --button-height: calc(var(--base-line-height)*2);
  --button-font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !default;
}

:root {
  --hint-font-size: .8em;
  --hint-color: #383838;
  --hint-height: calc(var(--hint-font-size)+2) * calc(var(--base-spacing-unit)/2);
  --hint-text-shadow-darken: 25%;
  --hint-arrow-border-width: 6px;
  --hint-arrow-offsetx: calc(var(--hint-arrow-border-width)*3);
  --hint-transition-distance: 8px;
  --hint-show-delay: 100ms;
  --hint-hide-delay: 0ms;
  --hint-zindex: 1000000;
}

:root {
  --shadow-color: 0deg 0% 63%;
  --shadow-elevation-low:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
    1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
  --shadow-elevation-medium:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
    0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
    2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
    5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
  --shadow-elevation-high:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
    2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
    4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
    7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
    11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
    17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
    25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
}

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

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

img::selection {
  background: transparent;
}

a:link {
  -webkit-tap-highlight-color: var(--highlight-background);
}

@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(var(--base-font-size) / var(--line-height-ratio)) serif;
  font-family: var(--body-family);
  font-size: var(--base-font-size);
  hanging-punctuation: first allow-end;
  line-height: var(--base-line-height);
  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: var(--base-line-height);
}

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: var(--base-spacing-unit);
}

.float--right {
  float: right;
  margin-left: var(--base-spacing-unit);
}

.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: -var(--base-spacing-unit);
  margin-right: -var(--base-spacing-unit);
}
.islet .bleed--full {
  margin-left: -var(--half-spacing-unit);
  margin-right: -var(--half-spacing-unit);
}

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: var(--heading-color);
  font-family: var(--heading-family);
  font-feature-settings: "liga", "dlig";
}

h1 {
  font-size: var(--h1-size);
}

h2 {
  font-size: var(--h2-size);
}

h3 {
  font-size: var(--h3-size);
}

h4 {
  font-size: var(--h4-size);
}

h5 {
  font-size: var(--h5-size);
}

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

p {
  orphans: 3;
  widows: 3;
}

.lead {
  font-size: calc(var(--base-font-size) * 1.125);
}

.caps {
  text-transform: uppercase;
}

ol,
ul,
dl {
  margin-left: calc(2 * var(--base-spacing-unit));
  margin-left: calc(2 * var(--base-spacing-unit) / var(--base-font-size) * 1rem);
}

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: calc(var(--base-spacing-unit) / 4);
  text-align: left;
}
@media screen and (min-width: 480px) {
  td,
  th {
    padding: var(--half-spacing-unit);
  }
}

[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: var(--half-spacing-unit);
}

legend {
  border: 0;
  font-weight: bold;
  padding: var(--half-spacing-unit);
}

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 var(--rule-color);
  box-sizing: content-box;
  clear: both;
  color: var(--rule-color);
  display: block;
  height: 1px;
  padding: 0;
}

.rule {
  margin-bottom: calc(2 * var(--base-spacing-unit));
  margin-top: calc(2 * var(--base-spacing-unit));
}

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

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

.rule--ornament {
  position: relative;
}
.rule--ornament:after {
  content: "§";
  font-size: calc(var(--base-font-size) * 2);
  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: var(--caption-color);
}

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: var(--link-color);
}

a:visited {
  color: var(--visited-color);
}

a:hover {
  color: var(--hover-color);
}

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

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: var(--half-spacing-unit);
}

.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: var(--half-spacing-unit) var(--half-spacing-unit) var(--half-spacing-unit) calc(var(--half-spacing-unit) * 4);
}

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

.alert--info {
  background: url("../images/icons/alert-24-info.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-info-color), 75%);
  border: 1px solid tint(var(--alert-info-color), 50%);
  color: var(--alert-info-color);
}

.alert--status {
  background: url("../images/icons/alert-24-info.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-status-color), 75%);
  border: 1px solid tint(var(--alert-status-color), 50%);
  color: var(--alert-status-color);
}

.alert--success {
  background: url("../images/icons/alert-24-ok.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-success-color), 75%);
  border: 1px solid tint(var(--alert-success-color), 50%);
  color: var(--alert-success-color);
}

.alert--warning {
  background: url("../images/icons/alert-24-warning.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-warning-color), 75%);
  border: 1px solid tint(var(--alert-warning-color), 50%);
  color: var(--alert-warning-color);
}

.alert--error {
  background: url("../images/icons/alert-24-error.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-error-color), 75%);
  border: 1px solid tint(var(--alert-error-color), 50%);
  color: var(--alert-error-color);
}

.alert--browser {
  background: url("../images/icons/alert-24-warning.png") no-repeat var(--half-spacing-unit) 50%;
  background-color: tint(var(--alert-browser-color), 75%);
  border: 1px solid tint(var(--alert-browser-color), 50%);
  color: var(--alert-browser-color);
}

.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: var(--button-background-color);
  border: 0;
  border-color: var(--button-background-color);
  box-sizing: border-box;
  color: var(--button-font-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-height);
  line-height: var(--button-height);
  margin: 0;
  padding: 0 var(--button-height);
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}
.button:visited {
  color: var(--button-font-color);
}
.button:hover,
.button:focus {
  background-color: color-mix(in srgb, var(--button-background-color) 95%, white);
  outline: none;
  text-decoration: none;
}
.button:active,
.button.active,
.button.is-active {
  background-color: color-mix(in srgb, var(--button-background-color) 85%, gray);
  border-color: color-mix(in srgb, var(--button-background-color) 85%, gray);
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
  color: color-mix(in srgb, var(--button-background-color) 85%, black);
  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: calc(var(--button-font-size) * 1.3);
  height: calc(var(--button-height) * 1.3);
  line-height: calc(var(--button-height) * 1.3);
  padding: 0 calc(var(--button-height) * 1.3);
}

.button--large {
  font-size: calc(var(--button-font-size) * 1.2);
  height: calc(var(--button-height) * 1.2);
  line-height: calc(var(--button-height) * 1.2);
  padding: 0 calc(var(--button-height) * 1.2);
}

.button--medium {
  font-size: calc(var(--button-font-size) * 1.1);
  height: calc(var(--button-height) * 1.1);
  line-height: calc(var(--button-height) * 1.1);
  padding: 0 calc(var(--button-height) * 1.1);
}

.button--regular {
  font-size: calc(var(--button-font-size) * 1);
  height: calc(var(--button-height) * 1);
  line-height: calc(var(--button-height) * 1);
  padding: 0 calc(var(--button-height) * 1);
}

.button--small {
  font-size: calc(var(--button-font-size) * 0.9);
  height: calc(var(--button-height) * 0.9);
  line-height: calc(var(--button-height) * 0.9);
  padding: 0 calc(var(--button-height) * 0.9);
}

.button--esmall {
  font-size: calc(var(--button-font-size) * 0.8);
  height: calc(var(--button-height) * 0.8);
  line-height: calc(var(--button-height) * 0.8);
  padding: 0 calc(var(--button-height) * 0.8);
}

.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: var(--button-height);
}

.button--small {
  width: calc(var(--button-height) * 0.8);
}

.button--medium {
  width: calc(var(--button-height) * 1);
}

.button--large {
  width: calc(var(--button-height) * 1.2);
}

.button--border, .button--border-thick, .button--border-thin {
  background: none;
  border-style: solid;
  border-width: 2px;
  line-height: var(--button-height)-0.8;
}
.button--border:hover, .button--border-thick:hover, .button--border-thin:hover {
  background-color: color-mix(in srgb, var(--button-background-color) 90%, white 10%);
  opacity: 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--circle,
.button--border .button--box,
.button--border .button--square,
.button--border-thin .button--circle,
.button--border-thin .button--box,
.button--border-thin .button--square,
.button--border-thick .button--circle,
.button--border-thick .button--box,
.button--border-thick .button--square {
  padding: 0;
  width: var(--button-height);
}
.button--border .button--small,
.button--border-thin .button--small,
.button--border-thick .button--small {
  line-height: calc(var(--button-height) * 0.8 - 0.8);
}
.button--border .button--medium,
.button--border-thin .button--medium,
.button--border-thick .button--medium {
  line-height: calc(var(--button-height) * 1 - 0.8);
}
.button--border .button--large,
.button--border-thin .button--large,
.button--border-thick .button--large {
  line-height: calc(var(--button-height) * 1.2 - 0.8);
}

.button--borderless {
  background: none;
  border: none;
  padding: 0 10px;
  color: var(--button-background-color);
  font-size: calc(var(--button-font-size) * 1.3);
  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--circle,
.button--borderless .button--box,
.button--borderless .button--square {
  padding: 0;
  width: var(--button-height);
}
.button--borderless .button--small {
  font-size: calc(var(--button-font-size) * 0.8 * 1.3);
  height: calc(var(--button-font-size) * 0.8 * 1.3 + 1px);
  line-height: calc(var(--button-font-size) * 0.8 * 1.3 + 1px);
}
.button--borderless .button--medium {
  font-size: calc(var(--button-font-size) * 1 * 1.3);
  height: calc(var(--button-font-size) * 1 * 1.3 + 1px);
  line-height: calc(var(--button-font-size) * 1 * 1.3 + 1px);
}
.button--borderless .button--large {
  font-size: calc(var(--button-font-size) * 1.2 * 1.3);
  height: calc(var(--button-font-size) * 1.2 * 1.3 + 1px);
  line-height: calc(var(--button-font-size) * 1.2 * 1.3 + 1px);
}

.button--raised {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  border-color: color-mix(in srgb, var(--button-background-color) 95%, white);
  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: var(--button-height)-2;
}
.button--raised:hover, .button--raised:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
}
.button--raised:active, .button--raised.active, .button--raised.is-active {
  background: color-mix(in srgb, var(--button-background-color) 90%, white);
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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, color-mix(in srgb, var(--button-background-color) 95%, white), color-mix(in srgb, var(--button-background-color) 95%, black));
  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, color-mix(in srgb, var(--button-background-color) 92%, white), color-mix(in srgb, var(--button-background-color) 93%, black));
  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 var(--button-background-dark), 0 8px 3px hsla(0, 0%, 0%, 0.2);
  position: relative;
  top: 0;
}
.button--3d:hover, .button--3d:focus {
  box-shadow: 0 7px 0 var(--button-background-dark), 0 8px 3px hsla(0, 0%, 0%, 0.2);
}
.button--3d:active, .button--3d.active, .button--3d.is-active {
  box-shadow: 0 7px 0 var(--button-background-dark), 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: color-mix(in srgb, var(--button-background-color) 90%, white);
  background: rgba(var(--button-background-color), 0.95);
  border-color: color-mix(in srgb, var(--button-background-color) 90%, white);
  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: var(--button-font-family);
  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: var(--button-font-color);
  display: block;
  float: none;
  font-size: calc(var(--button-font-size) * 0.8);
  line-height: var(--button-height);
  padding: 5px 10px;
  text-decoration: none;
}
.button-dropdown--list > li > a:hover {
  background: color-mix(in srgb, var(--button-background-color) 97%, white);
  color: color-mix(in srgb, var(--button-font-color) 97%, white);
  text-decoration: none;
}

.button-dropdown--divider {
  border-top: 1px solid color-mix(in srgb, var(--button-font-color) 97%, white);
}

.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: var(--hint-hide-delay);
}
.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: var(--hint-show-delay);
}
.hint:before,
[data-hint]:before {
  background: transparent;
  border: var(--hint-arrow-border-width) solid transparent;
  content: "";
  position: absolute;
  z-index: var(--hint-zindex)1;
}
.hint:after,
[data-hint]:after {
  background: var(--hint-color);
  content: attr(data-hint);
  color: white;
  font-size: var(--hint-font-size);
  line-height: var(--hint-font-size);
  padding: var(--half-spacing-unit);
  white-space: nowrap;
}

.hint--info {
  background-color: var(--alert-info-color);
}

.hint--status {
  background-color: var(--alert-status-color);
}

.hint--success {
  background-color: var(--alert-success-color);
}

.hint--error {
  background-color: var(--alert-error-color);
}

.hint--warning {
  background-color: var(--alert-warning-color);
}

.hint--top {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.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::before {
  left: calc(50% - 1.5em);
}
.hint--top::after {
  transform: translateX(-50%);
}

.hint--bottom {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.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::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: var(--heading-color); }
.body-color { background: variables.$body-color; }
.code-color { background: variables.$code-color; }
.caption-color { background: var(--caption-color); }

.link-color { background: var(--link-color); }
.visited-color { background: var(--visited-color); }
.hover-color { background: var(--hover-color); }
.active-color { background: var(--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 */
/* ==========================================================================
   Body.
   ========================================================================== */
/**
 * Responsive styles for the body element.
 */
.page {
  margin-top: 0;
}

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

.region {
  margin-top: 0;
}

/* Layout ---------- */
.fifty,
.thirds {
  display: grid;
  gap: 1.5em;
}

@media only screen and (min-width: 768px) {
  .fifty {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .thirds {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* Forms ---------- */
.human {
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* Table ---------- */
table thead {
  display: none;
}
table tr {
  flex-direction: row;
}
table tbody tr {
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  table thead {
    display: flex;
    flex-direction: row;
  }
  table tbody tr {
    flex-direction: row;
  }
}
table {
  accent-color: var(--colorlight);
  display: flex;
  flex-direction: column;
}
table thead {
  border-bottom: 1px solid var(--colormedium);
  width: 100%;
}
table tr {
  display: flex;
  flex-direction: column;
  width: 100%;
}
table tbody {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 0;
}
table th,
table td {
  flex: 1;
  margin-top: 0;
  padding: 0.25em;
  text-align: left;
}
table tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--colormedium);
  margin-top: 0;
  padding: calc(var(--base-line-height) / 2) 0;
}
table .button {
  margin-top: 0;
}

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

/* Splide Slideshow ---------- */
/* Overrides the default white active dot ---------- */
.splide__pagination__page.is-active {
  background: #ccc !important;
}

/* Centers elements in the slide ---------- */
.splide--draggable > .splide__track > .splide__list > .splide__slide {
  text-align: center !important;
}

/* Moves the pagination below the caption under the slide ---------- */
.splide__pagination {
  bottom: -2em !important;
}

/* Charts ---------- */
#my-chart {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: 50px 1fr;
  grid-template-rows: 250px 50px;
  grid-template-areas: "data-axis    chart" "primary-axis primary-axis";
}

#my-chart > table {
  grid-area: chart;
}

#my-chart > .primary-axis {
  grid-area: primary-axis;
}

#my-chart > .data-axis {
  grid-area: data-axis;
  writing-mode: tb-rl;
  transform: rotateZ(180deg);
}

#my-chart .column {
  height: 300px;
  max-width: 600px;
  margin: 0 auto;
  --labels-size: 4rem;
  --primary-axis-color: rgba(0, 0, 0, 1);
  --primary-axis-style: solid;
  --primary-axis-width: 1px;
}

#my-chart .legend {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/-1;
}

/* ==========================================================================
   Header.
   ========================================================================== */
/**
 * Responsive styles for the main header element.
 */
#header {
  background-image: url("../../assets/images/billy-lurken-grass.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  min-height: 75vh;
}
#header h1 {
  text-align: right;
}
#header a:link,
#header a:visited {
  color: #fff;
}
#header .logo {
  height: auto;
  width: 150px;
}
#header .wrapper {
  padding-top: calc(var(--base-line-height) * 2);
}

/* ==========================================================================
   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 {
  margin-top: 0;
}
.sidr header h1,
.sidr header h2,
.sidr header h3,
.sidr header h4,
.sidr header h5,
.sidr header h6 {
  margin-left: var(--base-spacing-unit);
  margin-top: calc(var(--base-line-height) / 2) !important;
}
.sidr nav ul {
  list-style: none;
  margin-left: 0;
}
.sidr nav ul a {
  display: block;
  padding: calc(var(--base-line-height) / 2) var(--base-spacing-unit);
}
.sidr nav ul a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}
.sidr footer {
  margin-left: var(--base-spacing-unit);
  margin-right: var(--base-spacing-unit);
}

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: #000;
  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-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: #000;
  display: block;
  height: 40px;
  margin-inline: auto;
  padding-top: 35px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}
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;
}

/* ==========================================================================
   Main.
   ========================================================================== */
/**
 * Responsive styles for the main content element.
 */
#main {
  background-color: #38383A;
  color: #fff;
  margin-top: 0;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  color: #fff;
}
#main .wrapper {
  padding: calc(var(--base-line-height) * 2) 0;
}

/* ==========================================================================
   Footer.
   ========================================================================== */
/**
 * Responsive styles for the main footer element.
 */
#footer {
  margin-bottom: var(--base-line-height);
  margin-left: var(--base-spacing-unit);
  margin-right: var(--base-spacing-unit);
  margin-top: var(--base-line-height);
}

/* ==========================================================================
   Print.
   ========================================================================== */
/**
 * Style adjustments for printing.
 */
@media print {
  body {
    background: #fff;
    color: #000;
  }
  body,
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  aside,
  nav {
    display: none;
  }
}