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

html {
  box-sizing: border-box;
}

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

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

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

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

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

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

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

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

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

::selection {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
  text-shadow: none;
}

img::selection {
  background: transparent;
}

a:link {
  -webkit-tap-highlight-color: oklch(76.07% 0.0968 83.29deg);
}

/* ==========================================================================
   Breakpoint mixin – Modern Dart Sass version
   ========================================================================== */
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: sans-serif;
  font-size: 100.01%;
}

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

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

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

[hidden],
template {
  display: none;
}

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

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

li + li {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

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

.bleed {
  margin: 0;
}

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

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

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

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

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

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

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

body {
  -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 {
  -webkit-hyphens: none;
  hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
  color: oklch(21.3% 0 none);
  font-family: "Manrope", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-feature-settings: "liga", "dlig";
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

p {
  orphans: 3;
  widows: 3;
}

.lead {
  font-size: 1.35em;
}

.caps {
  text-transform: uppercase;
}

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

dt {
  font-weight: bold;
}

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

.point-numbered-list {
  list-style-type: none;
}
.point-numbered-list ol {
  counter-reset: section;
}
.point-numbered-list li {
  counter-increment: section;
}
.point-numbered-list li {
  content: counters(section, ".") " ";
}

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

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

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

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

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

td,
th {
  padding: 0.35em;
  text-align: left;
}
@media screen and (min-width: 480px) {
  td,
  th {
    padding: 0.7em;
  }
}

[colspan] {
  text-align: center;
}

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

[rowspan] {
  vertical-align: middle;
}

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

.numerical {
  text-align: right;
}

.table--bordered th,
.table--bordered td {
  border: 1px solid oklch(84.52% 0 0deg);
}
.table--bordered th:empty,
.table--bordered td:empty {
  border: none;
}

.table--striped tbody tr:nth-of-type(odd) {
  background-color: oklch(97.02% 0 0deg);
}

.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] {
  appearance: textfield;
  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 oklch(80.78% 0 0deg);
  padding: 0.7em;
}

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

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

input,
select {
  vertical-align: middle;
}

textarea {
  overflow: auto;
  resize: vertical;
}

optgroup {
  font-weight: bold;
}

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

input:invalid,
textarea:invalid {
  background-color: oklch(92.57% 0.0378 17.85deg);
}

input.readonly,
textarea.readonly {
  background: oklch(98.51% 0 0deg);
  color: oklch(73.8% 0 0deg);
  cursor: not-allowed;
}

.required label {
  color: oklch(55.6% 0.145 24deg);
}
.required label:before {
  content: "* ";
}

p.required {
  color: oklch(55.6% 0.145 24deg);
}
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 {
  border: 0;
  border-bottom: 1px solid oklch(84.5% 0 none);
  box-sizing: content-box;
  clear: both;
  color: oklch(84.5% 0 none);
  display: block;
  height: 1px;
  padding: 0;
}

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

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

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

.rule--ornament {
  position: relative;
}
.rule--ornament:after {
  content: "§";
  font-size: 2.4em;
  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 {
  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: oklch(50% 0 none);
}

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

.overflow-container {
  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: oklch(97.84% 0.1244 108.5deg);
  border-bottom: 1px solid;
  color: oklch(0% 0 none);
  text-decoration: none;
}

mark {
  background: oklch(96.8% 0.211 109.77deg);
  color: oklch(0% 0 none);
  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 oklch(55.6% 0.145 24deg);
  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: oklch(0% 0 none) !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 oklch(68.3% 0 0deg);
  }
  thead {
    display: table-header-group;
  }
  img {
    max-width: 100% !important;
  }
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
a {
  text-decoration: none;
  transition: all 0.2s linear;
}
a:active, a:hover, a:focus {
  outline: 0;
  text-decoration: underline;
}

a:link {
  color: oklch(45.2% 0.313 264.1deg);
}

a:visited {
  color: oklch(41.9% 0.192 328.4deg);
}

a:hover {
  color: oklch(50.7% 0.185 257.7deg);
}

a:active {
  color: oklch(48.1% 0.198 29.2deg);
}

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

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

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

.nav--block {
  line-height: 1;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}
.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}
.nav--block > li > a {
  padding: 0.7em;
}

.nav--fit {
  display: table;
  text-align: center;
  width: 100%;
}
.nav--fit > li {
  display: table-cell;
}
.nav--fit > li > a {
  display: block;
}

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

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

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

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

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

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

.alert--info {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: tint(oklch(59.2% 0.095 233.1deg), 75%);
  border: 1px solid tint(oklch(59.2% 0.095 233.1deg), 50%);
  color: oklch(59.2% 0.095 233.1deg);
}

.alert--status {
  background: url("../images/icons/alert-24-info.png") no-repeat 0.7em 50%;
  background-color: tint(oklch(59.2% 0.095 233.1deg), 75%);
  border: 1px solid tint(oklch(59.2% 0.095 233.1deg), 50%);
  color: oklch(59.2% 0.095 233.1deg);
}

.alert--success {
  background: url("../images/icons/alert-24-ok.png") no-repeat 0.7em 50%;
  background-color: tint(oklch(56.7% 0.118 144.1deg), 75%);
  border: 1px solid tint(oklch(56.7% 0.118 144.1deg), 50%);
  color: oklch(56.7% 0.118 144.1deg);
}

.alert--warning {
  background: url("../images/icons/alert-24-warning.png") no-repeat 0.7em 50%;
  background-color: tint(oklch(70.2% 0.1 79.6deg), 75%);
  border: 1px solid tint(oklch(70.2% 0.1 79.6deg), 50%);
  color: oklch(70.2% 0.1 79.6deg);
}

.alert--error {
  background: url("../images/icons/alert-24-error.png") no-repeat 0.7em 50%;
  background-color: tint(oklch(55.6% 0.145 24deg), 75%);
  border: 1px solid tint(oklch(55.6% 0.145 24deg), 50%);
  color: oklch(55.6% 0.145 24deg);
}

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

.spelling-error {
  border-bottom: 1px dashed oklch(62.8% 0.2577 29.23deg);
  text-decoration: underline wavy oklch(62.8% 0.2577 29.23deg);
}

.grammatical-error {
  border-bottom: 1px dashed oklch(51.6822% 0.175861 142.4953deg);
  text-decoration: underline wavy oklch(51.6822% 0.175861 142.4953deg);
}

.button {
  appearance: button;
  background-color: #3c579a;
  border: 0;
  border-color: #3c579a;
  box-sizing: border-box;
  color: oklch(100% 0 none);
  cursor: pointer;
  display: inline-block;
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-size: 1.2em;
  font-weight: 300;
  height: 2.1em;
  line-height: 2.1em;
  margin: 0;
  padding: 0 2.1em;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}
.button:visited {
  color: oklch(100% 0 none);
}
.button:hover,
.button:focus {
  background-color: color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg));
  outline: none;
  text-decoration: none;
}
.button:active,
.button.active,
.button.is-active {
  background-color: color-mix(in srgb, #3c579a 85%, oklch(59.65% 0 0deg));
  border-color: color-mix(in srgb, #3c579a 85%, oklch(59.65% 0 0deg));
  box-shadow: inset 0 1px 3px oklch(0% 0 0deg / 0.2);
  color: color-mix(in srgb, #3c579a 85%, oklch(0% 0 0deg));
  text-decoration: none;
  text-shadow: 0 1px 0 oklch(0% none none / 0.3);
  transition-duration: 0s;
}
.button.disabled,
.button.is-disabled,
.button:disabled {
  appearance: none !important;
  background: oklch(94.91% 0 0deg) !important;
  border: 1px solid oklch(89.75% 0 0deg) !important;
  box-shadow: 0 1px 2px oklch(0% none none / 0.1) !important;
  color: oklch(84.52% 0 0deg) !important;
  cursor: default !important;
  opacity: 0.8;
  text-shadow: 0 1px 1px oklch(0% 0 0deg) !important;
  top: 0 !important;
}

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

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

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

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

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

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

.button--elarge {
  font-size: 1.56em;
  height: 2.73em;
  line-height: 2.73em;
  padding: 0 2.73em;
}

.button--large {
  font-size: 1.44em;
  height: 2.52em;
  line-height: 2.52em;
  padding: 0 2.52em;
}

.button--medium {
  font-size: 1.32em;
  height: 2.31em;
  line-height: 2.31em;
  padding: 0 2.31em;
}

.button--regular {
  font-size: 1.2em;
  height: 2.1em;
  line-height: 2.1em;
  padding: 0 2.1em;
}

.button--small {
  font-size: 1.08em;
  height: 1.89em;
  line-height: 1.89em;
  padding: 0 1.89em;
}

.button--esmall {
  font-size: 0.96em;
  height: 1.68em;
  line-height: 1.68em;
  padding: 0 1.68em;
}

.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(39.5712861416%, 73.2311399136%, 97.8796942506%);
  border-color: rgb(39.5712861416%, 73.2311399136%, 97.8796942506%);
  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(17.5294117647%, 59.31942959%, 89.9215686275%);
  border-color: rgb(17.5294117647%, 59.31942959%, 89.9215686275%);
  color: rgb(2.6254569624%, 44.3045862413%, 74.8255234297%);
}

.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(85%, 85%, 85%);
}

.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(76.2938651856%, 91.307750568%, 47.3197004124%);
  border-color: rgb(76.2938651856%, 91.307750568%, 47.3197004124%);
  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(62.5309968299%, 80.2058823529%, 28.4215686275%);
  border-color: rgb(62.5309968299%, 80.2058823529%, 28.4215686275%);
  color: rgb(48.2563325759%, 67.4913742321%, 11.1360767483%);
}

.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(100%, 56.2745098039%, 59.5306633292%);
  border-color: rgb(100%, 56.2745098039%, 59.5306633292%);
  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(94.4705882353%, 31.8039215686%, 36.4705882353%);
  border-color: rgb(94.4705882353%, 31.8039215686%, 36.4705882353%);
  color: rgb(96.2745098039%, 0%, 7.1693783897%);
}

.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(99.7388475041%, 78.8466478294%, 40.4572309273%);
  border-color: rgb(99.7388475041%, 78.8466478294%, 40.4572309273%);
  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(92.8725490196%, 66.2473438715%, 17.3235294118%);
  border-color: rgb(92.8725490196%, 66.2473438715%, 17.3235294118%);
  color: rgb(79.8458772155%, 51.8297799469%, 0.3502012159%);
}

.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(28.3333333333%, 28.3333333333%, 28.3333333333%);
  border-color: rgb(28.3333333333%, 28.3333333333%, 28.3333333333%);
  color: #eeeeee;
}
.button--inverse:active, .button--inverse.active, .button--inverse.is-active,
.button--inverse-flat:active,
.button--inverse-flat.active,
.button--inverse-flat.is-active {
  background-color: #222222;
  border-color: #222222;
  color: hsl(0, 0%, -1.6666666667%);
}

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

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

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

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

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

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

.button--small {
  width: 1.68em;
}

.button--medium {
  width: 2.1em;
}

.button--large {
  width: 2.52em;
}

.button--border, .button--border-thick, .button--border-thin {
  background: none;
  border-style: solid;
  border-width: 2px;
  line-height: 1.3em;
}
.button--border:hover, .button--border-thick:hover, .button--border-thin:hover {
  background-color: color-mix(in srgb, #3c579a 90%, oklch(100% 0 0deg) 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(17.5294117647%, 59.31942959%, 89.9215686275%, 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(17.5294117647%, 59.31942959%, 89.9215686275%, 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(62.5309968299%, 80.2058823529%, 28.4215686275%, 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(62.5309968299%, 80.2058823529%, 28.4215686275%, 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(94.4705882353%, 31.8039215686%, 36.4705882353%, 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(94.4705882353%, 31.8039215686%, 36.4705882353%, 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(92.8725490196%, 66.2473438715%, 17.3235294118%, 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(92.8725490196%, 66.2473438715%, 17.3235294118%, 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: 2.1em;
}
.button--border .button--small,
.button--border-thin .button--small,
.button--border-thick .button--small {
  line-height: 0.88em;
}
.button--border .button--medium,
.button--border-thin .button--medium,
.button--border-thick .button--medium {
  line-height: 1.3em;
}
.button--border .button--large,
.button--border-thin .button--large,
.button--border-thick .button--large {
  line-height: 1.72em;
}

.button--borderless {
  background: none;
  border: none;
  padding: 0 10px;
  color: #3c579a;
  font-size: 1.56em;
  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: 2.1em;
}
.button--borderless .button--small {
  font-size: 1.248em;
  height: calc(1.248em + 1px);
  line-height: calc(1.248em + 1px);
}
.button--borderless .button--medium {
  font-size: 1.56em;
  height: calc(1.56em + 1px);
  line-height: calc(1.56em + 1px);
}
.button--borderless .button--large {
  font-size: 1.872em;
  height: calc(1.872em + 1px);
  line-height: calc(1.872em + 1px);
}

.button--raised {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg));
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 1px 0 oklch(0% 0 0deg / 0.5), 0 1px 2px oklch(0% 0 0deg / 0.15);
  line-height: 0.1em;
}
.button--raised:hover, .button--raised:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
}
.button--raised:active, .button--raised.active, .button--raised.is-active {
  background: color-mix(in srgb, #3c579a 90%, oklch(100% 0 0deg));
  box-shadow: inset 0 1px 3px oklch(0% 0 0deg / 0.2), 0 1px 0 oklch(0% 0 0deg);
}
.button--raised.button--primary {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(3.3034230641%, 55.7452642074%, 94.147557328%);
  color: #ffffff;
}
.button--raised.button--primary:hover, .button--raised.button--primary:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  color: #ffffff;
}
.button--raised.button--primary:active, .button--raised.button--primary.active, .button--raised.button--primary.is-active {
  background: rgb(15.2156862745%, 59.6770053476%, 92.2352941176%);
  border-color: rgb(15.2156862745%, 59.6770053476%, 92.2352941176%);
  color: rgb(2.9644400133%, 50.0249252243%, 84.4865403789%);
}
.button--raised.button--plain {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(95%, 95%, 95%);
  color: #1b9aF7;
}
.button--raised.button--plain:hover, .button--raised.button--plain:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  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(90%, 90%, 90%);
}
.button--raised.button--action {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(60.5310106875%, 84.6587562063%, 13.968694774%);
  color: #ffffff;
}
.button--raised.button--action:hover, .button--raised.button--action:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  color: #ffffff;
}
.button--raised.button--action:active, .button--raised.button--action.active, .button--raised.button--action.is-active {
  background: rgb(63.2559586709%, 82.4901960784%, 26.137254902%);
  border-color: rgb(63.2559586709%, 82.4901960784%, 26.137254902%);
  color: rgb(54.3936716317%, 76.0750652192%, 12.5523857612%);
}
.button--raised.button--caution {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(100%, 16.2745098039%, 22.5093867334%);
  color: #ffffff;
}
.button--raised.button--caution:hover, .button--raised.button--caution:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  color: #ffffff;
}
.button--raised.button--caution:active, .button--raised.button--caution.active, .button--raised.button--caution.is-active {
  background: rgb(96.3137254902%, 29.9607843137%, 34.9019607843%);
  border-color: rgb(96.3137254902%, 29.9607843137%, 34.9019607843%);
  color: rgb(100%, 6.2745098039%, 13.2540675845%);
}
.button--raised.button--highlight {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(99.564175015%, 64.6981762137%, 0.6319034164%);
  color: #ffffff;
}
.button--raised.button--highlight:hover, .button--raised.button--highlight:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  color: #ffffff;
}
.button--raised.button--highlight:active, .button--raised.button--highlight.active, .button--raised.button--highlight.is-active {
  background: rgb(95.1176470588%, 66.9099939535%, 15.0784313725%);
  border-color: rgb(95.1176470588%, 66.9099939535%, 15.0784313725%);
  color: rgb(89.8022090932%, 58.292662043%, 0.3938693381%);
}
.button--raised.button--inverse {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 95%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 95%, oklch(0% 0 0deg)));
  border-color: rgb(8.3333333333%, 8.3333333333%, 8.3333333333%);
  color: #eeeeee;
}
.button--raised.button--inverse:hover, .button--raised.button--inverse:focus {
  background: linear-gradient(to bottom, color-mix(in srgb, #3c579a 92%, oklch(100% 0 0deg)), color-mix(in srgb, #3c579a 93%, oklch(0% 0 0deg)));
  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(3.3333333333%, 3.3333333333%, 3.3333333333%);
}

.button--3d {
  box-shadow: 0 7px 0 oklch(31.38% 0.113 265.7deg), 0 8px 3px oklch(0% 0 0deg / 0.2);
  position: relative;
  top: 0;
}
.button--3d:hover, .button--3d:focus {
  box-shadow: 0 7px 0 oklch(31.38% 0.113 265.7deg), 0 8px 3px oklch(0% 0 0deg / 0.2);
}
.button--3d:active, .button--3d.active, .button--3d.is-active {
  box-shadow: 0 7px 0 oklch(31.38% 0.113 265.7deg), 0 3px 3px oklch(0% 0 0deg / 0.2);
  top: 5px;
  transition-duration: 0.15s;
}
.button--3d.button--primary {
  box-shadow: 0 7px 0 oklch(from #1b9af7 calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--primary:hover, .button--3d.button--primary:focus {
  box-shadow: 0 7px 0 oklch(from #1b9af7 calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--primary:active, .button--3d.button--primary.active, .button--3d.button--primary.is-active {
  box-shadow: 0 2px 0 rgb(2.2864739116%, 38.5842472582%, 65.1645064806%), 0 4px 3px oklch(0% 0 0deg / 0.2);
}
.button--3d.button--plain {
  box-shadow: 0 7px 0 oklch(from #ffffff calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--plain:hover, .button--3d.button--plain:focus {
  box-shadow: 0 7px 0 oklch(from #ffffff calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 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 oklch(0% 0 0deg / 0.2);
}
.button--3d.button--action {
  box-shadow: 0 7px 0 oklch(from #a5de37 calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--action:hover, .button--3d.button--action:focus {
  box-shadow: 0 7px 0 oklch(from #a5de37 calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--action:active, .button--3d.button--action.active, .button--3d.button--action.is-active {
  box-shadow: 0 2px 0 rgb(42.1189935202%, 58.907683245%, 9.7197677354%), 0 4px 3px oklch(0% 0 0deg / 0.2);
}
.button--3d.button--caution {
  box-shadow: 0 7px 0 oklch(from #ff4351 calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--caution:hover, .button--3d.button--caution:focus {
  box-shadow: 0 7px 0 oklch(from #ff4351 calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--caution:active, .button--3d.button--caution.active, .button--3d.button--caution.is-active {
  box-shadow: 0 2px 0 rgb(86.2745098039%, 0%, 6.4246975386%), 0 4px 3px oklch(0% 0 0deg / 0.2);
}
.button--3d.button--highlight {
  box-shadow: 0 7px 0 oklch(from #feae1b calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--highlight:hover, .button--3d.button--highlight:focus {
  box-shadow: 0 7px 0 oklch(from #feae1b calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--highlight:active, .button--3d.button--highlight.active, .button--3d.button--highlight.is-active {
  box-shadow: 0 2px 0 rgb(69.8895453378%, 45.3668978508%, 0.3065330936%), 0 4px 3px oklch(0% 0 0deg / 0.2);
}
.button--3d.button--inverse {
  box-shadow: 0 7px 0 oklch(from #222222 calc(l - 0.1) c h), 0 8px 3px oklch(0% 0 0deg / 0.3);
}
.button--3d.button--inverse:hover, .button--3d.button--inverse:focus {
  box-shadow: 0 7px 0 oklch(from #222222 calc(l - 0.12) c h), 0 8px 3px oklch(0% 0 0deg / 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 oklch(0% 0 0deg / 0.2);
}

@keyframes glowing {
  0% {
    box-shadow: 0 0 0 oklch(from oklch(65.58% 0.1356 240.34deg) l c h/0.3);
  }
  50% {
    box-shadow: 0 0 20px oklch(from oklch(65.58% 0.1356 240.34deg) l c h/0.8);
  }
  100% {
    box-shadow: 0 0 0 oklch(from oklch(65.58% 0.1356 240.34deg) l c h/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(2.9644400133%, 50.0249252243%, 84.4865403789%);
}
.button-dropdown.button--primary .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(3.1678298438%, 53.4571286142%, 90.2831505484%);
}
.button-dropdown.button--primary .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--primary .button-dropdown--list > li > a:hover {
  background: rgb(3.3034230641%, 55.7452642074%, 94.147557328%);
  color: rgb(3.3034230641%, 55.7452642074%, 94.147557328%);
}
.button-dropdown.button--plain .button-dropdown--list {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgb(90%, 90%, 90%);
}
.button-dropdown.button--plain .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(93%, 93%, 93%);
}
.button-dropdown.button--plain .button-dropdown--list > li > a {
  color: #1b9aF7;
}
.button-dropdown.button--plain .button-dropdown--list > li > a:hover {
  background: rgb(95%, 95%, 95%);
  color: rgb(95%, 95%, 95%);
}
.button-dropdown.button--action .button-dropdown--list {
  background: rgba(165, 222, 55, 0.95);
  border-color: rgb(54.3936716317%, 76.0750652192%, 12.5523857612%);
}
.button-dropdown.button--action .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(58.0760750652%, 81.2252798115%, 13.4021711689%);
}
.button-dropdown.button--action .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--action .button-dropdown--list > li > a:hover {
  background: rgb(60.5310106875%, 84.6587562063%, 13.968694774%);
  color: rgb(60.5310106875%, 84.6587562063%, 13.968694774%);
}
.button-dropdown.button--caution .button-dropdown--list {
  background: rgba(255, 67, 81, 0.95);
  border-color: rgb(100%, 6.2745098039%, 13.2540675845%);
}
.button-dropdown.button--caution .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(100%, 12.2745098039%, 18.8072590738%);
}
.button-dropdown.button--caution .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--caution .button-dropdown--list > li > a:hover {
  background: rgb(100%, 16.2745098039%, 22.5093867334%);
  color: rgb(100%, 16.2745098039%, 22.5093867334%);
}
.button-dropdown.button--highlight .button-dropdown--list {
  background: rgba(254, 174, 27, 0.95);
  border-color: rgb(89.8022090932%, 58.292662043%, 0.3938693381%);
}
.button-dropdown.button--highlight .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(95.7760082199%, 62.1703913006%, 0.4200702115%);
}
.button-dropdown.button--highlight .button-dropdown--list > li > a {
  color: #ffffff;
}
.button-dropdown.button--highlight .button-dropdown--list > li > a:hover {
  background: rgb(99.564175015%, 64.6981762137%, 0.6319034164%);
  color: rgb(99.564175015%, 64.6981762137%, 0.6319034164%);
}
.button-dropdown.button--inverse .button-dropdown--list {
  background: rgba(34, 34, 34, 0.95);
  border-color: rgb(3.3333333333%, 3.3333333333%, 3.3333333333%);
}
.button-dropdown.button--inverse .button-dropdown--list .button-dropdown--divider {
  border-color: rgb(6.3333333333%, 6.3333333333%, 6.3333333333%);
}
.button-dropdown.button--inverse .button-dropdown--list > li > a {
  color: #eeeeee;
}
.button-dropdown.button--inverse .button-dropdown--list > li > a:hover {
  background: rgb(8.3333333333%, 8.3333333333%, 8.3333333333%);
  color: rgb(8.3333333333%, 8.3333333333%, 8.3333333333%);
}

.button-dropdown--list {
  background: color-mix(in srgb, #3c579a 90%, oklch(100% 0 0deg));
  background: oklch(47% 0.113 265.7deg / 0.95);
  border-color: color-mix(in srgb, #3c579a 90%, oklch(100% 0 0deg));
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 7px oklch(0% none none / 0.2);
  box-sizing: border-box;
  display: none;
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  left: 0;
  list-style-type: none;
  margin: 0;
  min-width: 100%;
  padding: 0;
  top: 0;
  z-index: 10;
}
.button-dropdown--list.is-below {
  border-radius: 0 0 3px 3px;
  border-top: 0;
  top: 100%;
}
.button-dropdown--list.is-above {
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  bottom: 100%;
  box-shadow: 0 -2px 7px oklch(0% none none / 0.2);
  top: auto;
}

.button-dropdown--list > li {
  display: block;
  margin: 0;
  padding: 0;
}
.button-dropdown--list > li > a {
  color: oklch(100% 0 none);
  display: block;
  float: none;
  font-size: 0.96em;
  line-height: 2.1em;
  padding: 5px 10px;
  text-decoration: none;
}
.button-dropdown--list > li > a:hover {
  background: color-mix(in srgb, #3c579a 97%, oklch(100% 0 0deg));
  color: color-mix(in srgb, oklch(100% 0 none) 97%, oklch(100% 0 0deg));
  text-decoration: none;
}

.button-dropdown--divider {
  border-top: 1px solid color-mix(in srgb, oklch(100% 0 none) 97%, oklch(100% 0 0deg));
}

.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(oklch(96.12% 0 0deg), oklch(100% 0 0deg));
  border: 1px solid oklch(91.58% 0 0deg);
  border-radius: 200px;
  box-shadow: inset 0 1px 3px oklch(0% 0 0deg / 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(2.6254569624%, 44.3045862413%, 74.8255234297%), 1px 1px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 2px 2px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 3px 3px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 4px 4px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 5px 5px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 6px 6px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 7px 7px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 8px 8px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 9px 9px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 10px 10px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 11px 11px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 12px 12px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 13px 13px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 14px 14px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 15px 15px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 16px 16px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 17px 17px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 18px 18px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 19px 19px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 20px 20px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 21px 21px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 22px 22px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 23px 23px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 24px 24px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 25px 25px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 26px 26px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 27px 27px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 28px 28px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 29px 29px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 30px 30px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 31px 31px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 32px 32px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 33px 33px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 34px 34px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 35px 35px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 36px 36px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 37px 37px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 38px 38px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 39px 39px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 40px 40px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 41px 41px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 42px 42px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 43px 43px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 44px 44px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 45px 45px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 46px 46px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 47px 47px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 48px 48px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 49px 49px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 50px 50px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 51px 51px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 52px 52px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 53px 53px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 54px 54px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 55px 55px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 56px 56px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 57px 57px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 58px 58px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 59px 59px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 60px 60px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 61px 61px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 62px 62px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 63px 63px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 64px 64px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 65px 65px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 66px 66px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 67px 67px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 68px 68px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 69px 69px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 70px 70px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 71px 71px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 72px 72px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 73px 73px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 74px 74px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 75px 75px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 76px 76px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 77px 77px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 78px 78px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 79px 79px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 80px 80px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 81px 81px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 82px 82px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 83px 83px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 84px 84px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), 85px 85px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%);
}
.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 oklch(0% none none / 0.4);
}
.button--longshadow.button--plain,
.button--longshadow-right.button--plain {
  text-shadow: 0 0 rgb(85%, 85%, 85%), 1px 1px rgb(85%, 85%, 85%), 2px 2px rgb(85%, 85%, 85%), 3px 3px rgb(85%, 85%, 85%), 4px 4px rgb(85%, 85%, 85%), 5px 5px rgb(85%, 85%, 85%), 6px 6px rgb(85%, 85%, 85%), 7px 7px rgb(85%, 85%, 85%), 8px 8px rgb(85%, 85%, 85%), 9px 9px rgb(85%, 85%, 85%), 10px 10px rgb(85%, 85%, 85%), 11px 11px rgb(85%, 85%, 85%), 12px 12px rgb(85%, 85%, 85%), 13px 13px rgb(85%, 85%, 85%), 14px 14px rgb(85%, 85%, 85%), 15px 15px rgb(85%, 85%, 85%), 16px 16px rgb(85%, 85%, 85%), 17px 17px rgb(85%, 85%, 85%), 18px 18px rgb(85%, 85%, 85%), 19px 19px rgb(85%, 85%, 85%), 20px 20px rgb(85%, 85%, 85%), 21px 21px rgb(85%, 85%, 85%), 22px 22px rgb(85%, 85%, 85%), 23px 23px rgb(85%, 85%, 85%), 24px 24px rgb(85%, 85%, 85%), 25px 25px rgb(85%, 85%, 85%), 26px 26px rgb(85%, 85%, 85%), 27px 27px rgb(85%, 85%, 85%), 28px 28px rgb(85%, 85%, 85%), 29px 29px rgb(85%, 85%, 85%), 30px 30px rgb(85%, 85%, 85%), 31px 31px rgb(85%, 85%, 85%), 32px 32px rgb(85%, 85%, 85%), 33px 33px rgb(85%, 85%, 85%), 34px 34px rgb(85%, 85%, 85%), 35px 35px rgb(85%, 85%, 85%), 36px 36px rgb(85%, 85%, 85%), 37px 37px rgb(85%, 85%, 85%), 38px 38px rgb(85%, 85%, 85%), 39px 39px rgb(85%, 85%, 85%), 40px 40px rgb(85%, 85%, 85%), 41px 41px rgb(85%, 85%, 85%), 42px 42px rgb(85%, 85%, 85%), 43px 43px rgb(85%, 85%, 85%), 44px 44px rgb(85%, 85%, 85%), 45px 45px rgb(85%, 85%, 85%), 46px 46px rgb(85%, 85%, 85%), 47px 47px rgb(85%, 85%, 85%), 48px 48px rgb(85%, 85%, 85%), 49px 49px rgb(85%, 85%, 85%), 50px 50px rgb(85%, 85%, 85%), 51px 51px rgb(85%, 85%, 85%), 52px 52px rgb(85%, 85%, 85%), 53px 53px rgb(85%, 85%, 85%), 54px 54px rgb(85%, 85%, 85%), 55px 55px rgb(85%, 85%, 85%), 56px 56px rgb(85%, 85%, 85%), 57px 57px rgb(85%, 85%, 85%), 58px 58px rgb(85%, 85%, 85%), 59px 59px rgb(85%, 85%, 85%), 60px 60px rgb(85%, 85%, 85%), 61px 61px rgb(85%, 85%, 85%), 62px 62px rgb(85%, 85%, 85%), 63px 63px rgb(85%, 85%, 85%), 64px 64px rgb(85%, 85%, 85%), 65px 65px rgb(85%, 85%, 85%), 66px 66px rgb(85%, 85%, 85%), 67px 67px rgb(85%, 85%, 85%), 68px 68px rgb(85%, 85%, 85%), 69px 69px rgb(85%, 85%, 85%), 70px 70px rgb(85%, 85%, 85%), 71px 71px rgb(85%, 85%, 85%), 72px 72px rgb(85%, 85%, 85%), 73px 73px rgb(85%, 85%, 85%), 74px 74px rgb(85%, 85%, 85%), 75px 75px rgb(85%, 85%, 85%), 76px 76px rgb(85%, 85%, 85%), 77px 77px rgb(85%, 85%, 85%), 78px 78px rgb(85%, 85%, 85%), 79px 79px rgb(85%, 85%, 85%), 80px 80px rgb(85%, 85%, 85%), 81px 81px rgb(85%, 85%, 85%), 82px 82px rgb(85%, 85%, 85%), 83px 83px rgb(85%, 85%, 85%), 84px 84px rgb(85%, 85%, 85%), 85px 85px rgb(85%, 85%, 85%);
}
.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 oklch(0% none none / 0.4);
}
.button--longshadow.button--action,
.button--longshadow-right.button--action {
  text-shadow: 0 0 rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 1px 1px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 2px 2px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 3px 3px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 4px 4px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 5px 5px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 6px 6px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 7px 7px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 8px 8px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 9px 9px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 10px 10px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 11px 11px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 12px 12px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 13px 13px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 14px 14px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 15px 15px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 16px 16px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 17px 17px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 18px 18px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 19px 19px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 20px 20px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 21px 21px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 22px 22px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 23px 23px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 24px 24px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 25px 25px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 26px 26px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 27px 27px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 28px 28px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 29px 29px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 30px 30px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 31px 31px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 32px 32px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 33px 33px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 34px 34px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 35px 35px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 36px 36px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 37px 37px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 38px 38px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 39px 39px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 40px 40px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 41px 41px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 42px 42px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 43px 43px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 44px 44px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 45px 45px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 46px 46px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 47px 47px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 48px 48px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 49px 49px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 50px 50px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 51px 51px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 52px 52px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 53px 53px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 54px 54px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 55px 55px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 56px 56px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 57px 57px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 58px 58px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 59px 59px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 60px 60px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 61px 61px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 62px 62px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 63px 63px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 64px 64px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 65px 65px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 66px 66px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 67px 67px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 68px 68px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 69px 69px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 70px 70px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 71px 71px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 72px 72px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 73px 73px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 74px 74px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 75px 75px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 76px 76px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 77px 77px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 78px 78px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 79px 79px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 80px 80px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 81px 81px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 82px 82px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 83px 83px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 84px 84px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), 85px 85px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%);
}
.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 oklch(0% none none / 0.4);
}
.button--longshadow.button--caution,
.button--longshadow-right.button--caution {
  text-shadow: 0 0 rgb(96.2745098039%, 0%, 7.1693783897%), 1px 1px rgb(96.2745098039%, 0%, 7.1693783897%), 2px 2px rgb(96.2745098039%, 0%, 7.1693783897%), 3px 3px rgb(96.2745098039%, 0%, 7.1693783897%), 4px 4px rgb(96.2745098039%, 0%, 7.1693783897%), 5px 5px rgb(96.2745098039%, 0%, 7.1693783897%), 6px 6px rgb(96.2745098039%, 0%, 7.1693783897%), 7px 7px rgb(96.2745098039%, 0%, 7.1693783897%), 8px 8px rgb(96.2745098039%, 0%, 7.1693783897%), 9px 9px rgb(96.2745098039%, 0%, 7.1693783897%), 10px 10px rgb(96.2745098039%, 0%, 7.1693783897%), 11px 11px rgb(96.2745098039%, 0%, 7.1693783897%), 12px 12px rgb(96.2745098039%, 0%, 7.1693783897%), 13px 13px rgb(96.2745098039%, 0%, 7.1693783897%), 14px 14px rgb(96.2745098039%, 0%, 7.1693783897%), 15px 15px rgb(96.2745098039%, 0%, 7.1693783897%), 16px 16px rgb(96.2745098039%, 0%, 7.1693783897%), 17px 17px rgb(96.2745098039%, 0%, 7.1693783897%), 18px 18px rgb(96.2745098039%, 0%, 7.1693783897%), 19px 19px rgb(96.2745098039%, 0%, 7.1693783897%), 20px 20px rgb(96.2745098039%, 0%, 7.1693783897%), 21px 21px rgb(96.2745098039%, 0%, 7.1693783897%), 22px 22px rgb(96.2745098039%, 0%, 7.1693783897%), 23px 23px rgb(96.2745098039%, 0%, 7.1693783897%), 24px 24px rgb(96.2745098039%, 0%, 7.1693783897%), 25px 25px rgb(96.2745098039%, 0%, 7.1693783897%), 26px 26px rgb(96.2745098039%, 0%, 7.1693783897%), 27px 27px rgb(96.2745098039%, 0%, 7.1693783897%), 28px 28px rgb(96.2745098039%, 0%, 7.1693783897%), 29px 29px rgb(96.2745098039%, 0%, 7.1693783897%), 30px 30px rgb(96.2745098039%, 0%, 7.1693783897%), 31px 31px rgb(96.2745098039%, 0%, 7.1693783897%), 32px 32px rgb(96.2745098039%, 0%, 7.1693783897%), 33px 33px rgb(96.2745098039%, 0%, 7.1693783897%), 34px 34px rgb(96.2745098039%, 0%, 7.1693783897%), 35px 35px rgb(96.2745098039%, 0%, 7.1693783897%), 36px 36px rgb(96.2745098039%, 0%, 7.1693783897%), 37px 37px rgb(96.2745098039%, 0%, 7.1693783897%), 38px 38px rgb(96.2745098039%, 0%, 7.1693783897%), 39px 39px rgb(96.2745098039%, 0%, 7.1693783897%), 40px 40px rgb(96.2745098039%, 0%, 7.1693783897%), 41px 41px rgb(96.2745098039%, 0%, 7.1693783897%), 42px 42px rgb(96.2745098039%, 0%, 7.1693783897%), 43px 43px rgb(96.2745098039%, 0%, 7.1693783897%), 44px 44px rgb(96.2745098039%, 0%, 7.1693783897%), 45px 45px rgb(96.2745098039%, 0%, 7.1693783897%), 46px 46px rgb(96.2745098039%, 0%, 7.1693783897%), 47px 47px rgb(96.2745098039%, 0%, 7.1693783897%), 48px 48px rgb(96.2745098039%, 0%, 7.1693783897%), 49px 49px rgb(96.2745098039%, 0%, 7.1693783897%), 50px 50px rgb(96.2745098039%, 0%, 7.1693783897%), 51px 51px rgb(96.2745098039%, 0%, 7.1693783897%), 52px 52px rgb(96.2745098039%, 0%, 7.1693783897%), 53px 53px rgb(96.2745098039%, 0%, 7.1693783897%), 54px 54px rgb(96.2745098039%, 0%, 7.1693783897%), 55px 55px rgb(96.2745098039%, 0%, 7.1693783897%), 56px 56px rgb(96.2745098039%, 0%, 7.1693783897%), 57px 57px rgb(96.2745098039%, 0%, 7.1693783897%), 58px 58px rgb(96.2745098039%, 0%, 7.1693783897%), 59px 59px rgb(96.2745098039%, 0%, 7.1693783897%), 60px 60px rgb(96.2745098039%, 0%, 7.1693783897%), 61px 61px rgb(96.2745098039%, 0%, 7.1693783897%), 62px 62px rgb(96.2745098039%, 0%, 7.1693783897%), 63px 63px rgb(96.2745098039%, 0%, 7.1693783897%), 64px 64px rgb(96.2745098039%, 0%, 7.1693783897%), 65px 65px rgb(96.2745098039%, 0%, 7.1693783897%), 66px 66px rgb(96.2745098039%, 0%, 7.1693783897%), 67px 67px rgb(96.2745098039%, 0%, 7.1693783897%), 68px 68px rgb(96.2745098039%, 0%, 7.1693783897%), 69px 69px rgb(96.2745098039%, 0%, 7.1693783897%), 70px 70px rgb(96.2745098039%, 0%, 7.1693783897%), 71px 71px rgb(96.2745098039%, 0%, 7.1693783897%), 72px 72px rgb(96.2745098039%, 0%, 7.1693783897%), 73px 73px rgb(96.2745098039%, 0%, 7.1693783897%), 74px 74px rgb(96.2745098039%, 0%, 7.1693783897%), 75px 75px rgb(96.2745098039%, 0%, 7.1693783897%), 76px 76px rgb(96.2745098039%, 0%, 7.1693783897%), 77px 77px rgb(96.2745098039%, 0%, 7.1693783897%), 78px 78px rgb(96.2745098039%, 0%, 7.1693783897%), 79px 79px rgb(96.2745098039%, 0%, 7.1693783897%), 80px 80px rgb(96.2745098039%, 0%, 7.1693783897%), 81px 81px rgb(96.2745098039%, 0%, 7.1693783897%), 82px 82px rgb(96.2745098039%, 0%, 7.1693783897%), 83px 83px rgb(96.2745098039%, 0%, 7.1693783897%), 84px 84px rgb(96.2745098039%, 0%, 7.1693783897%), 85px 85px rgb(96.2745098039%, 0%, 7.1693783897%);
}
.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 oklch(0% none none / 0.4);
}
.button--longshadow.button--highlight,
.button--longshadow-right.button--highlight {
  text-shadow: 0 0 rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 1px 1px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 2px 2px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 3px 3px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 4px 4px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 5px 5px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 6px 6px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 7px 7px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 8px 8px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 9px 9px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 10px 10px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 11px 11px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 12px 12px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 13px 13px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 14px 14px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 15px 15px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 16px 16px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 17px 17px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 18px 18px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 19px 19px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 20px 20px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 21px 21px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 22px 22px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 23px 23px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 24px 24px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 25px 25px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 26px 26px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 27px 27px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 28px 28px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 29px 29px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 30px 30px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 31px 31px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 32px 32px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 33px 33px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 34px 34px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 35px 35px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 36px 36px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 37px 37px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 38px 38px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 39px 39px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 40px 40px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 41px 41px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 42px 42px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 43px 43px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 44px 44px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 45px 45px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 46px 46px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 47px 47px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 48px 48px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 49px 49px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 50px 50px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 51px 51px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 52px 52px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 53px 53px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 54px 54px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 55px 55px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 56px 56px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 57px 57px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 58px 58px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 59px 59px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 60px 60px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 61px 61px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 62px 62px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 63px 63px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 64px 64px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 65px 65px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 66px 66px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 67px 67px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 68px 68px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 69px 69px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 70px 70px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 71px 71px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 72px 72px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 73px 73px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 74px 74px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 75px 75px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 76px 76px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 77px 77px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 78px 78px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 79px 79px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 80px 80px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 81px 81px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 82px 82px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 83px 83px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 84px 84px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), 85px 85px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%);
}
.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 oklch(0% none none / 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 oklch(0% none none / 0.4);
}

.button--longshadow-left {
  overflow: hidden;
}
.button--longshadow-left.button--primary {
  text-shadow: 0 0 rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -1px 1px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -2px 2px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -3px 3px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -4px 4px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -5px 5px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -6px 6px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -7px 7px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -8px 8px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -9px 9px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -10px 10px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -11px 11px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -12px 12px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -13px 13px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -14px 14px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -15px 15px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -16px 16px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -17px 17px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -18px 18px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -19px 19px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -20px 20px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -21px 21px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -22px 22px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -23px 23px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -24px 24px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -25px 25px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -26px 26px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -27px 27px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -28px 28px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -29px 29px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -30px 30px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -31px 31px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -32px 32px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -33px 33px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -34px 34px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -35px 35px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -36px 36px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -37px 37px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -38px 38px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -39px 39px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -40px 40px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -41px 41px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -42px 42px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -43px 43px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -44px 44px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -45px 45px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -46px 46px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -47px 47px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -48px 48px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -49px 49px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -50px 50px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -51px 51px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -52px 52px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -53px 53px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -54px 54px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -55px 55px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -56px 56px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -57px 57px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -58px 58px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -59px 59px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -60px 60px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -61px 61px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -62px 62px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -63px 63px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -64px 64px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -65px 65px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -66px 66px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -67px 67px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -68px 68px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -69px 69px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -70px 70px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -71px 71px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -72px 72px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -73px 73px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -74px 74px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -75px 75px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -76px 76px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -77px 77px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -78px 78px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -79px 79px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -80px 80px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -81px 81px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -82px 82px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -83px 83px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -84px 84px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%), -85px 85px rgb(2.6254569624%, 44.3045862413%, 74.8255234297%);
}
.button--longshadow-left.button--primary:active, .button--longshadow-left.button--primary.active, .button--longshadow-left.button--primary.is-active {
  text-shadow: 0 1px 0 oklch(0% none none / 0.4);
}
.button--longshadow-left.button--plain {
  text-shadow: 0 0 rgb(85%, 85%, 85%), -1px 1px rgb(85%, 85%, 85%), -2px 2px rgb(85%, 85%, 85%), -3px 3px rgb(85%, 85%, 85%), -4px 4px rgb(85%, 85%, 85%), -5px 5px rgb(85%, 85%, 85%), -6px 6px rgb(85%, 85%, 85%), -7px 7px rgb(85%, 85%, 85%), -8px 8px rgb(85%, 85%, 85%), -9px 9px rgb(85%, 85%, 85%), -10px 10px rgb(85%, 85%, 85%), -11px 11px rgb(85%, 85%, 85%), -12px 12px rgb(85%, 85%, 85%), -13px 13px rgb(85%, 85%, 85%), -14px 14px rgb(85%, 85%, 85%), -15px 15px rgb(85%, 85%, 85%), -16px 16px rgb(85%, 85%, 85%), -17px 17px rgb(85%, 85%, 85%), -18px 18px rgb(85%, 85%, 85%), -19px 19px rgb(85%, 85%, 85%), -20px 20px rgb(85%, 85%, 85%), -21px 21px rgb(85%, 85%, 85%), -22px 22px rgb(85%, 85%, 85%), -23px 23px rgb(85%, 85%, 85%), -24px 24px rgb(85%, 85%, 85%), -25px 25px rgb(85%, 85%, 85%), -26px 26px rgb(85%, 85%, 85%), -27px 27px rgb(85%, 85%, 85%), -28px 28px rgb(85%, 85%, 85%), -29px 29px rgb(85%, 85%, 85%), -30px 30px rgb(85%, 85%, 85%), -31px 31px rgb(85%, 85%, 85%), -32px 32px rgb(85%, 85%, 85%), -33px 33px rgb(85%, 85%, 85%), -34px 34px rgb(85%, 85%, 85%), -35px 35px rgb(85%, 85%, 85%), -36px 36px rgb(85%, 85%, 85%), -37px 37px rgb(85%, 85%, 85%), -38px 38px rgb(85%, 85%, 85%), -39px 39px rgb(85%, 85%, 85%), -40px 40px rgb(85%, 85%, 85%), -41px 41px rgb(85%, 85%, 85%), -42px 42px rgb(85%, 85%, 85%), -43px 43px rgb(85%, 85%, 85%), -44px 44px rgb(85%, 85%, 85%), -45px 45px rgb(85%, 85%, 85%), -46px 46px rgb(85%, 85%, 85%), -47px 47px rgb(85%, 85%, 85%), -48px 48px rgb(85%, 85%, 85%), -49px 49px rgb(85%, 85%, 85%), -50px 50px rgb(85%, 85%, 85%), -51px 51px rgb(85%, 85%, 85%), -52px 52px rgb(85%, 85%, 85%), -53px 53px rgb(85%, 85%, 85%), -54px 54px rgb(85%, 85%, 85%), -55px 55px rgb(85%, 85%, 85%), -56px 56px rgb(85%, 85%, 85%), -57px 57px rgb(85%, 85%, 85%), -58px 58px rgb(85%, 85%, 85%), -59px 59px rgb(85%, 85%, 85%), -60px 60px rgb(85%, 85%, 85%), -61px 61px rgb(85%, 85%, 85%), -62px 62px rgb(85%, 85%, 85%), -63px 63px rgb(85%, 85%, 85%), -64px 64px rgb(85%, 85%, 85%), -65px 65px rgb(85%, 85%, 85%), -66px 66px rgb(85%, 85%, 85%), -67px 67px rgb(85%, 85%, 85%), -68px 68px rgb(85%, 85%, 85%), -69px 69px rgb(85%, 85%, 85%), -70px 70px rgb(85%, 85%, 85%), -71px 71px rgb(85%, 85%, 85%), -72px 72px rgb(85%, 85%, 85%), -73px 73px rgb(85%, 85%, 85%), -74px 74px rgb(85%, 85%, 85%), -75px 75px rgb(85%, 85%, 85%), -76px 76px rgb(85%, 85%, 85%), -77px 77px rgb(85%, 85%, 85%), -78px 78px rgb(85%, 85%, 85%), -79px 79px rgb(85%, 85%, 85%), -80px 80px rgb(85%, 85%, 85%), -81px 81px rgb(85%, 85%, 85%), -82px 82px rgb(85%, 85%, 85%), -83px 83px rgb(85%, 85%, 85%), -84px 84px rgb(85%, 85%, 85%), -85px 85px rgb(85%, 85%, 85%);
}
.button--longshadow-left.button--plain:active, .button--longshadow-left.button--plain.active, .button--longshadow-left.button--plain.is-active {
  text-shadow: 0 1px 0 oklch(0% none none / 0.4);
}
.button--longshadow-left.button--action {
  text-shadow: 0 0 rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -1px 1px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -2px 2px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -3px 3px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -4px 4px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -5px 5px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -6px 6px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -7px 7px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -8px 8px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -9px 9px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -10px 10px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -11px 11px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -12px 12px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -13px 13px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -14px 14px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -15px 15px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -16px 16px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -17px 17px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -18px 18px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -19px 19px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -20px 20px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -21px 21px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -22px 22px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -23px 23px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -24px 24px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -25px 25px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -26px 26px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -27px 27px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -28px 28px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -29px 29px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -30px 30px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -31px 31px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -32px 32px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -33px 33px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -34px 34px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -35px 35px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -36px 36px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -37px 37px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -38px 38px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -39px 39px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -40px 40px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -41px 41px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -42px 42px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -43px 43px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -44px 44px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -45px 45px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -46px 46px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -47px 47px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -48px 48px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -49px 49px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -50px 50px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -51px 51px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -52px 52px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -53px 53px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -54px 54px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -55px 55px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -56px 56px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -57px 57px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -58px 58px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -59px 59px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -60px 60px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -61px 61px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -62px 62px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -63px 63px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -64px 64px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -65px 65px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -66px 66px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -67px 67px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -68px 68px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -69px 69px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -70px 70px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -71px 71px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -72px 72px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -73px 73px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -74px 74px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -75px 75px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -76px 76px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -77px 77px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -78px 78px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -79px 79px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -80px 80px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -81px 81px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -82px 82px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -83px 83px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -84px 84px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%), -85px 85px rgb(48.2563325759%, 67.4913742321%, 11.1360767483%);
}
.button--longshadow-left.button--action:active, .button--longshadow-left.button--action.active, .button--longshadow-left.button--action.is-active {
  text-shadow: 0 1px 0 oklch(0% none none / 0.4);
}
.button--longshadow-left.button--caution {
  text-shadow: 0 0 rgb(96.2745098039%, 0%, 7.1693783897%), -1px 1px rgb(96.2745098039%, 0%, 7.1693783897%), -2px 2px rgb(96.2745098039%, 0%, 7.1693783897%), -3px 3px rgb(96.2745098039%, 0%, 7.1693783897%), -4px 4px rgb(96.2745098039%, 0%, 7.1693783897%), -5px 5px rgb(96.2745098039%, 0%, 7.1693783897%), -6px 6px rgb(96.2745098039%, 0%, 7.1693783897%), -7px 7px rgb(96.2745098039%, 0%, 7.1693783897%), -8px 8px rgb(96.2745098039%, 0%, 7.1693783897%), -9px 9px rgb(96.2745098039%, 0%, 7.1693783897%), -10px 10px rgb(96.2745098039%, 0%, 7.1693783897%), -11px 11px rgb(96.2745098039%, 0%, 7.1693783897%), -12px 12px rgb(96.2745098039%, 0%, 7.1693783897%), -13px 13px rgb(96.2745098039%, 0%, 7.1693783897%), -14px 14px rgb(96.2745098039%, 0%, 7.1693783897%), -15px 15px rgb(96.2745098039%, 0%, 7.1693783897%), -16px 16px rgb(96.2745098039%, 0%, 7.1693783897%), -17px 17px rgb(96.2745098039%, 0%, 7.1693783897%), -18px 18px rgb(96.2745098039%, 0%, 7.1693783897%), -19px 19px rgb(96.2745098039%, 0%, 7.1693783897%), -20px 20px rgb(96.2745098039%, 0%, 7.1693783897%), -21px 21px rgb(96.2745098039%, 0%, 7.1693783897%), -22px 22px rgb(96.2745098039%, 0%, 7.1693783897%), -23px 23px rgb(96.2745098039%, 0%, 7.1693783897%), -24px 24px rgb(96.2745098039%, 0%, 7.1693783897%), -25px 25px rgb(96.2745098039%, 0%, 7.1693783897%), -26px 26px rgb(96.2745098039%, 0%, 7.1693783897%), -27px 27px rgb(96.2745098039%, 0%, 7.1693783897%), -28px 28px rgb(96.2745098039%, 0%, 7.1693783897%), -29px 29px rgb(96.2745098039%, 0%, 7.1693783897%), -30px 30px rgb(96.2745098039%, 0%, 7.1693783897%), -31px 31px rgb(96.2745098039%, 0%, 7.1693783897%), -32px 32px rgb(96.2745098039%, 0%, 7.1693783897%), -33px 33px rgb(96.2745098039%, 0%, 7.1693783897%), -34px 34px rgb(96.2745098039%, 0%, 7.1693783897%), -35px 35px rgb(96.2745098039%, 0%, 7.1693783897%), -36px 36px rgb(96.2745098039%, 0%, 7.1693783897%), -37px 37px rgb(96.2745098039%, 0%, 7.1693783897%), -38px 38px rgb(96.2745098039%, 0%, 7.1693783897%), -39px 39px rgb(96.2745098039%, 0%, 7.1693783897%), -40px 40px rgb(96.2745098039%, 0%, 7.1693783897%), -41px 41px rgb(96.2745098039%, 0%, 7.1693783897%), -42px 42px rgb(96.2745098039%, 0%, 7.1693783897%), -43px 43px rgb(96.2745098039%, 0%, 7.1693783897%), -44px 44px rgb(96.2745098039%, 0%, 7.1693783897%), -45px 45px rgb(96.2745098039%, 0%, 7.1693783897%), -46px 46px rgb(96.2745098039%, 0%, 7.1693783897%), -47px 47px rgb(96.2745098039%, 0%, 7.1693783897%), -48px 48px rgb(96.2745098039%, 0%, 7.1693783897%), -49px 49px rgb(96.2745098039%, 0%, 7.1693783897%), -50px 50px rgb(96.2745098039%, 0%, 7.1693783897%), -51px 51px rgb(96.2745098039%, 0%, 7.1693783897%), -52px 52px rgb(96.2745098039%, 0%, 7.1693783897%), -53px 53px rgb(96.2745098039%, 0%, 7.1693783897%), -54px 54px rgb(96.2745098039%, 0%, 7.1693783897%), -55px 55px rgb(96.2745098039%, 0%, 7.1693783897%), -56px 56px rgb(96.2745098039%, 0%, 7.1693783897%), -57px 57px rgb(96.2745098039%, 0%, 7.1693783897%), -58px 58px rgb(96.2745098039%, 0%, 7.1693783897%), -59px 59px rgb(96.2745098039%, 0%, 7.1693783897%), -60px 60px rgb(96.2745098039%, 0%, 7.1693783897%), -61px 61px rgb(96.2745098039%, 0%, 7.1693783897%), -62px 62px rgb(96.2745098039%, 0%, 7.1693783897%), -63px 63px rgb(96.2745098039%, 0%, 7.1693783897%), -64px 64px rgb(96.2745098039%, 0%, 7.1693783897%), -65px 65px rgb(96.2745098039%, 0%, 7.1693783897%), -66px 66px rgb(96.2745098039%, 0%, 7.1693783897%), -67px 67px rgb(96.2745098039%, 0%, 7.1693783897%), -68px 68px rgb(96.2745098039%, 0%, 7.1693783897%), -69px 69px rgb(96.2745098039%, 0%, 7.1693783897%), -70px 70px rgb(96.2745098039%, 0%, 7.1693783897%), -71px 71px rgb(96.2745098039%, 0%, 7.1693783897%), -72px 72px rgb(96.2745098039%, 0%, 7.1693783897%), -73px 73px rgb(96.2745098039%, 0%, 7.1693783897%), -74px 74px rgb(96.2745098039%, 0%, 7.1693783897%), -75px 75px rgb(96.2745098039%, 0%, 7.1693783897%), -76px 76px rgb(96.2745098039%, 0%, 7.1693783897%), -77px 77px rgb(96.2745098039%, 0%, 7.1693783897%), -78px 78px rgb(96.2745098039%, 0%, 7.1693783897%), -79px 79px rgb(96.2745098039%, 0%, 7.1693783897%), -80px 80px rgb(96.2745098039%, 0%, 7.1693783897%), -81px 81px rgb(96.2745098039%, 0%, 7.1693783897%), -82px 82px rgb(96.2745098039%, 0%, 7.1693783897%), -83px 83px rgb(96.2745098039%, 0%, 7.1693783897%), -84px 84px rgb(96.2745098039%, 0%, 7.1693783897%), -85px 85px rgb(96.2745098039%, 0%, 7.1693783897%);
}
.button--longshadow-left.button--caution:active, .button--longshadow-left.button--caution.active, .button--longshadow-left.button--caution.is-active {
  text-shadow: 0 1px 0 oklch(0% none none / 0.4);
}
.button--longshadow-left.button--highlight {
  text-shadow: 0 0 rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -1px 1px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -2px 2px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -3px 3px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -4px 4px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -5px 5px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -6px 6px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -7px 7px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -8px 8px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -9px 9px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -10px 10px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -11px 11px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -12px 12px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -13px 13px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -14px 14px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -15px 15px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -16px 16px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -17px 17px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -18px 18px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -19px 19px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -20px 20px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -21px 21px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -22px 22px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -23px 23px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -24px 24px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -25px 25px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -26px 26px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -27px 27px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -28px 28px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -29px 29px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -30px 30px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -31px 31px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -32px 32px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -33px 33px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -34px 34px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -35px 35px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -36px 36px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -37px 37px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -38px 38px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -39px 39px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -40px 40px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -41px 41px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -42px 42px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -43px 43px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -44px 44px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -45px 45px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -46px 46px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -47px 47px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -48px 48px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -49px 49px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -50px 50px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -51px 51px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -52px 52px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -53px 53px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -54px 54px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -55px 55px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -56px 56px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -57px 57px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -58px 58px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -59px 59px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -60px 60px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -61px 61px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -62px 62px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -63px 63px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -64px 64px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -65px 65px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -66px 66px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -67px 67px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -68px 68px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -69px 69px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -70px 70px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -71px 71px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -72px 72px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -73px 73px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -74px 74px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -75px 75px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -76px 76px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -77px 77px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -78px 78px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -79px 79px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -80px 80px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -81px 81px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -82px 82px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -83px 83px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -84px 84px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%), -85px 85px rgb(79.8458772155%, 51.8297799469%, 0.3502012159%);
}
.button--longshadow-left.button--highlight:active, .button--longshadow-left.button--highlight.active, .button--longshadow-left.button--highlight.is-active {
  text-shadow: 0 1px 0 oklch(0% none none / 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 oklch(0% none none / 0.4);
}

.informative {
  cursor: help;
}

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

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

.proceed {
  text-align: right;
}

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

.hint,
[data-hint] {
  display: inline-block;
  position: relative;
}
.hint:before, .hint:after,
[data-hint]:before,
[data-hint]:after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 10;
  transform: translate3d(0, 0, 0);
  transition: 0.3s ease;
  transition-delay: 0ms;
}
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after,
[data-hint]:hover:before,
[data-hint]:hover:after,
[data-hint]:focus:before,
[data-hint]:focus:after {
  opacity: 1;
  visibility: visible;
}
.hint:hover:before, .hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
  transition-delay: 100ms;
}
.hint:before,
[data-hint]:before {
  background: transparent;
  border: 6px solid transparent;
  content: "";
  position: absolute;
  z-index: 1000001;
}
.hint:after,
[data-hint]:after {
  background: oklch(34.07% 0 0deg);
  content: attr(data-hint);
  color: oklch(100% 0 0deg);
  font-size: 0.8em;
  line-height: 0.8em;
  padding: 0.7em;
  white-space: nowrap;
}

.hint--info {
  background-color: oklch(59.2% 0.095 233.1deg);
}

.hint--status {
  background-color: oklch(59.2% 0.095 233.1deg);
}

.hint--success {
  background-color: oklch(56.7% 0.118 144.1deg);
}

.hint--error {
  background-color: oklch(55.6% 0.145 24deg);
}

.hint--warning {
  background-color: oklch(70.2% 0.1 79.6deg);
}

.hint--top::before {
  top: calc(-1.5em + 0.5px);
  transform: rotate(var(--rotation));
}
.hint--top::before, .hint--top::after {
  top: 100%;
  left: 50%;
}
.hint--top {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.hint--top::before {
  left: calc(50% - 1.5em);
}
.hint--top::after {
  transform: translateX(-50%);
}

.hint--bottom::before {
  top: calc(-1.5em + 0.5px);
  transform: rotate(var(--rotation));
}
.hint--bottom::before, .hint--bottom::after {
  top: 100%;
  left: 50%;
}
.hint--bottom {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.hint--bottom::before {
  left: calc(50% - 1.5em);
}
.hint--bottom::after {
  transform: translateX(-50%);
}

.hint--right::before {
  margin-inline: calc(-1.5em + 0.5px);
  margin-bottom: -1.5em;
  transform: rotate(var(--rotation));
}
.hint--right::after {
  margin-bottom: -0.75em;
}
.hint--right::before, .hint--right::after {
  top: 100%;
  bottom: 50%;
}

.hint--left::before {
  margin-inline: calc(-1.5em + 0.5px);
  margin-bottom: -1.5em;
  transform: rotate(var(--rotation));
}
.hint--left::after {
  margin-bottom: -0.75em;
}
.hint--left::before, .hint--left::after {
  top: 100%;
  bottom: 50%;
}

.hint:after,
[data-hint]:after {
  box-shadow: 4px 4px 8px oklch(0% 0 0deg / 0.3);
  text-shadow: 0 -1px 0px oklch(0% 0 0deg / 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 {
  background-color: oklch(97.61% 0 0deg);
  background-image: linear-gradient(to bottom, oklch(0% 0 0deg / 0.1), oklch(0% 0 0deg / 0));
  background-repeat: repeat-x;
  border: 1px solid oklch(79.21% 0 0deg);
  border-radius: 6px;
  box-shadow: 0 2px 0 oklch(79.21% 0 0deg), 0 3px 1px oklch(68.3% 0 0deg), 0 3px 0 oklch(79.21% 0 0deg), inset 0 1px 1px oklch(100% 0 0deg), inset 0 -1px 3px oklch(84.52% 0 0deg);
  color: oklch(38.67% 0 0deg);
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  line-height: 1em;
  padding: 0.3em 0.55em;
  text-align: center;
  text-shadow: 0 1px 0 oklch(100% 0 0deg);
}

kbd.dark {
  background-color: oklch(41.75% 0.0013 17.21deg);
  background-image: linear-gradient(to bottom, oklch(0% 0 0deg / 0.5), oklch(0% 0 0deg / 0) 80%);
  background-repeat: no-repeat;
  border-color: oklch(0% 0 none);
  box-shadow: 0px 2px 0 oklch(0% 0 none), 0 3px 1px oklch(68.3% 0 0deg), inset 0 1px 1px oklch(73.8% 0 0deg), inset 0 -1px 3px oklch(27.27% 0 0deg);
  color: oklch(94.91% 0 0deg);
  text-shadow: 0 -1px 0 oklch(0% 0 none);
}

kbd.ios {
  background-color: oklch(78.09% 0.007 286.24deg);
  background-image: linear-gradient(to bottom, oklch(95.24% 0.0013 286.37deg), oklch(78.09% 0.007 286.24deg));
  background-repeat: repeat-x;
  border-color: oklch(0% 0 0deg / 0.6);
  border-top-color: oklch(0% 0 0deg / 0.4);
  box-shadow: 0 1px 2px oklch(0% 0 0deg / 0.6), 0 2px 3px oklch(0% 0 0deg / 0.1), inset 0 1px 0 oklch(100% 0 0deg);
  color: oklch(0% 0 none);
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

kbd.android {
  background: oklch(48.19% 0 0deg);
  background-clip: padding-box;
  border: 1px solid oklch(0% 0 0deg / 0.05);
  border-radius: 3px;
  box-shadow: 0 2px 2px oklch(0% 0 0deg / 0.3), 0 1px 0 oklch(38.67% 0 0deg), inset 0 1px 0 oklch(62.01% 0 0deg);
  color: oklch(100% 0 none);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.3em;
  text-shadow: none;
}

kbd.android.dark {
  background: oklch(25.2% 0 0deg);
  box-shadow: 0 2px 2px oklch(0% 0 0deg / 0.7), 0 1px 0 oklch(38.67% 0 0deg), inset 0 1px 0 oklch(43.13% 0 0deg);
}

kbd.android.color {
  background: oklch(34.11% 0.0745 241.5deg);
  box-shadow: 0 2px 2px oklch(0% 0 0deg / 0.7), 0 1px 0 oklch(38.67% 0 0deg), inset 0 1px 0 oklch(48.02% 0.0626 231.83deg);
}

@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");
}
/* endif $debug-mode */
/* endif $debug-grid */
/* endif $debug-colors */
/* ==========================================================================
   Body.
   ========================================================================== */
/**
 * Responsive styles for the body element.
 */
::selection {
  background-color: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

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

body {
  background: linear-gradient(135deg, oklch(97.7% 0.01 87.5deg) 0%, oklch(92.7% 0.018 81.3deg) 50%, oklch(86.4% 0.026 73.2deg) 100%);
  font-family: "Manrope", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-size: 1.2em;
  font-weight: 400;
  height: 100vh;
}

.page {
  margin-top: 0;
}

/* Typography */
:is(h1, h2, h3, h4, h5, h6) {
  color: oklch(24.42% 0.0064 0.59deg);
  font-family: "Manrope", "Helvetica Neue", Arial, Helvetica, Sans-Serif;
  font-weight: 500;
}

h1 {
  color: inherit;
  font-size: 2em;
  font-weight: 600;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

p {
  margin-top: 1.4em;
}

ul {
  padding-left: 1.4em;
}

/* Image - Small */
img.small {
  max-width: 250px;
}

/* Buttons */
a.button,
a.button:visited,
.form-buttons input {
  background-color: oklch(24.42% 0.0064 0.59deg);
  border-color: oklch(24.42% 0.0064 0.59deg);
  color: oklch(100% 0 0deg);
  display: block;
  font-weight: 600;
  margin-inline: auto;
  margin-top: 1.4em;
  padding: 0.7em 1.4em;
  width: fit-content;
}

a.button:hover,
.form-buttons input:hover {
  background-color: oklch(76.07% 0.0968 83.29deg);
  color: oklch(100% 0 0deg);
}

/* Colors */
.black {
  background-color: oklch(24.42% 0.0064 0.59deg);
  color: oklch(100% 0 0deg);
}
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6 {
  color: oklch(100% 0 0deg);
}
.black a.button {
  background-color: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
}
.black a.button:hover {
  background-color: oklch(100% 0 0deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

.row.black, .card-front {
  background: radial-gradient(oklch(100% 0 0deg / 0.15) 3px, transparent 4px), radial-gradient(oklch(100% 0 0deg / 0.15) 3px, transparent 4px), linear-gradient(oklch(24.42% 0.0064 0.59deg) 4px, transparent 0), linear-gradient(45deg, transparent 75px, oklch(100% 0 0deg / 0.15) 75px 76px, transparent 77px), linear-gradient(-45deg, transparent 76px, oklch(100% 0 0deg / 0.15) 76px 77px, transparent 78px), oklch(24.42% 0.0064 0.59deg);
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0 0, 0 0, 0 0, 0 0;
  border-block: 2px solid oklch(100% 0 0deg / 0.15);
  color: oklch(100% 0 0deg);
}

.row.gold, .card-back {
  background: radial-gradient(oklch(24.15% 0.0031 17.37deg / 0.1) 3px, transparent 4px), radial-gradient(oklch(24.15% 0.0031 17.37deg / 0.1) 3px, transparent 4px), linear-gradient(oklch(76.07% 0.0968 83.29deg) 4px, transparent 0), linear-gradient(45deg, transparent 75px, oklch(24.15% 0.0031 17.37deg / 0.1) 75px 76px, transparent 77px), linear-gradient(-45deg, transparent 76px, oklch(24.15% 0.0031 17.37deg / 0.1) 76px 77px, transparent 78px), oklch(76.07% 0.0968 83.29deg);
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0 0, 0 0, 0 0, 0 0;
  border-block: 2px solid oklch(24.15% 0.0031 17.37deg / 0.1);
  color: oklch(24.42% 0.0064 0.59deg);
}

.card-back {
  transform: rotateY(180deg);
}

.row.gold {
  color: oklch(24.42% 0.0064 0.59deg);
}
.row.gold h1,
.row.gold h2,
.row.gold h3,
.row.gold h4,
.row.gold h5,
.row.gold h6 {
  color: oklch(24.42% 0.0064 0.59deg);
}
.row.gold a.button {
  background-color: oklch(24.42% 0.0064 0.59deg);
  color: oklch(100% 0 0deg);
}
.row.gold a.button:hover {
  background-color: oklch(100% 0 0deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

.vignette--gold {
  background-color: oklch(76.07% 0.0968 83.29deg);
  color: oklch(100% 0 0deg);
  padding: 1.4em 1.4em;
  text-align: center;
  box-shadow: 0px 5px 5px 0px oklch(0% 0 0deg / 0.25);
}
.vignette--gold h1, .vignette--gold h2, .vignette--gold h3, .vignette--gold h4, .vignette--gold h5, .vignette--gold h6 {
  color: oklch(100% 0 0deg);
}

.row.black {
  color: oklch(100% 0 0deg);
}
.row.black h1,
.row.black h2,
.row.black h3,
.row.black h4,
.row.black h5,
.row.black h6 {
  color: oklch(100% 0 0deg);
}
.row.black a.button {
  background-color: oklch(76.07% 0.0968 83.29deg);
}
.row.black a.button:hover {
  background-color: oklch(100% 0 0deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

/* Image - Small */
img.small {
  max-width: 300px;
}

/* Rows ---------- */
.twentyfive {
  display: grid;
  gap: 1.4em;
}
.twentyfive .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .twentyfive {
    grid-template-columns: 1fr 3fr;
  }
}

.thirtythree {
  display: grid;
  gap: 1.4em;
}
.thirtythree .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .thirtythree {
    grid-template-columns: 1fr 2fr;
  }
}

.thirds {
  display: grid;
  gap: 1.4em;
}
.thirds .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .thirds {
    grid-template-columns: repeat(3, 1fr);
  }
}

.quarters {
  display: grid;
  gap: 1.4em;
}
.quarters .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .quarters {
    grid-template-columns: repeat(4, 1fr);
  }
}

.fifty {
  display: grid;
  gap: 1.4em;
}
.fifty .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .fifty {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sixtysix {
  display: grid;
  gap: 1.4em;
}
.sixtysix .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .sixtysix {
    grid-template-columns: 2fr 1fr;
  }
}

.seventyfive {
  display: grid;
  gap: 1.4em;
}
.seventyfive .region {
  margin-top: 0;
}
@media (min-width: 768px) {
  .seventyfive {
    grid-template-columns: 3fr 1fr;
  }
}

.gridded {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.4em;
}
.gridded > * {
  flex: 1 1 250px;
  margin-top: 0;
}

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

input,
textarea,
select {
  width: 100%;
  padding: 0.5rem;
  background: transparent;
  border: 2px solid oklch(84.5% 0 none);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

fieldset {
  border-top: 0;
}

.form-item label {
  display: block;
  margin-bottom: 4px;
  color: oklch(50% 0 none);
  transition: color 0.2s ease;
}

.radio-group label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.radio-group input,
.checkbox input {
  width: auto;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.form-check,
.form-radio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.7em;
}

.form-check input,
.form-radio input {
  width: auto;
  margin: 0;
}

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

.form-item:has(input[type=radio]:checked) legend,
.form-item:has(input[type=checkbox]:checked) label {
  color: oklch(56% 0.105 150deg);
}

.form-help {
  display: block;
  margin-top: 4px;
  font-size: 0.85rem;
  color: oklch(50% 0 none);
  transition: color 0.2s ease;
}

.form-item:focus-within input:placeholder-shown,
.form-item:focus-within textarea:placeholder-shown {
  border-color: oklch(50% 0 none);
  box-shadow: 0 0 4px oklch(0% 0 0deg / 0.15);
}

.form-item:focus-within label,
.form-item:focus-within .form-help {
  color: oklch(50% 0 none);
}

input:not([type=submit]):user-valid,
textarea:user-valid,
select:user-valid {
  border-color: oklch(56% 0.105 150deg);
}

input:not([type=submit]):user-valid:focus,
textarea:user-valid:focus {
  box-shadow: 0 0 5px oklch(52.7% 0.141 148.39deg / 0.35);
}

input:user-invalid,
textarea:user-invalid,
select:user-invalid {
  border-color: oklch(58% 0.16 28deg);
}

input:user-invalid:focus,
textarea:user-invalid:focus {
  box-shadow: 0 0 5px oklch(57.85% 0.2063 29.01deg / 0.35);
}

input:invalid:not(:placeholder-shown),
textarea:invalid:not(:placeholder-shown),
select:invalid {
  border-color: oklch(58% 0.16 28deg);
}

input:focus:invalid:not(:placeholder-shown),
textarea:focus:invalid:not(:placeholder-shown) {
  box-shadow: 0 0 5px oklch(57.85% 0.2063 29.01deg / 0.35);
}

input:invalid:not(:placeholder-shown) + .form-help,
textarea:invalid:not(:placeholder-shown) + .form-help {
  color: oklch(58% 0.16 28deg);
}

#form--compact input[type=submit],
#form--compact input[type=reset] {
  padding: 0.6rem 1.2rem;
  border: 2px solid oklch(50% 0 none);
  background: transparent;
  color: oklch(50% 0 none);
  cursor: pointer;
  transition: all 0.2s ease;
}

#form--compact:valid input[type=submit] {
  border-color: oklch(56% 0.105 150deg);
  color: oklch(56% 0.105 150deg);
}

input:required:invalid:placeholder-shown,
textarea:required:invalid:placeholder-shown {
  border-color: oklch(84.5% 0 none);
}

.map-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.map-wrapper iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
}

/* ==========================================================================
   Header.
   ========================================================================== */
/**
 * Responsive styles for the main header element.
 */
#header .logo {
  display: block;
  height: auto;
  margin: 2.8em auto;
  width: clamp(300px, 50vw, 600px);
}
#header .sitename {
  display: none;
}
#header .request {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
  display: block;
  margin: 1.5em auto;
  width: fit-content;
}
@media (min-width: 768px) {
  #header .request {
    display: none;
  }
}
#header .request:hover {
  background: oklch(24.42% 0.0064 0.59deg);
  color: oklch(100% 0 0deg);
}

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

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: oklch(24.42% 0.0064 0.59deg);
  display: block;
  height: 40px;
  padding-top: 35px;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease background-image;
  width: 40px;
}

ul.toolbar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  list-style: none;
  margin-left: 0;
  padding: 0;
}
@media (min-width: 768px) {
  ul.toolbar {
    display: none;
  }
}
ul.toolbar li {
  text-align: center;
}
ul.toolbar li a {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  color: oklch(24.42% 0.0064 0.59deg);
  display: block;
  height: 40px;
  margin-inline: auto;
  padding-top: 35px;
  text-align: center;
  text-decoration: none;
  width: 50px;
}
ul.toolbar li a.email {
  background-image: url("/assets/images/icons/icon--mail.png");
}
ul.toolbar li a.map {
  background-image: url("/assets/images/icons/icon--map.png");
}
ul.toolbar li a.phone {
  background-image: url("/assets/images/icons/icon--phone.png");
}
ul.toolbar li a[href^="mailto:"] {
  padding-right: 0;
}

.main-menu,
.secondary-menu {
  background: oklch(24.42% 0.0064 0.59deg);
  border-block: 2px solid oklch(76.07% 0.0968 83.29deg);
  display: none;
  margin-top: 2.8em;
}
@media (min-width: 768px) {
  .main-menu,
  .secondary-menu {
    display: block;
  }
}
.main-menu ul,
.secondary-menu ul {
  display: flex;
  list-style: none;
  justify-content: center;
  margin-inline: auto;
  max-width: 1280px;
}
.main-menu ul a:link,
.main-menu ul a:visited,
.secondary-menu ul a:link,
.secondary-menu ul a:visited {
  color: oklch(100% 0 0deg);
  display: block;
  font-weight: 500;
  padding: 1.4em clamp(0.75em, 0.3em + 1.5vw, 1.5em);
  text-align: center;
}
.main-menu ul a:hover,
.secondary-menu ul a:hover {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
  text-decoration: none;
}
.main-menu ul a:active,
.secondary-menu ul a:active {
  background: oklch(100% 0 0deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

.main-menu ul li:last-child a:link,
.main-menu ul li:last-child a:visited {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
}
.main-menu ul li:last-child a:hover {
  background: oklch(100% 0 0deg);
  color: oklch(24.42% 0.0064 0.59deg);
}

.secondary-menu {
  margin-top: 0;
}

.cosmetic-dentistry a.cosmetic-dentistry,
.restorative-dentistry a.restorative-dentistry,
.implants a.implants,
.doctors a.doctors,
.about a.about,
.reviews a.reviews,
.smile-gallery a.smile-gallery,
.team a.team,
.tour a.tour,
.appointments a.appointments,
.contact a.contact,
.cosmetic-dentistry a.cosmetic-dentistry,
.mouthwear a.mouthwear,
.orthodontics a.orthodontics,
.veneers a.veneers,
.whitening a.whitening,
.extractions a.extractions,
.fillings a.fillings,
.grinding-clenching a.grinding-clenching,
.general a.general,
.preventative-dentistry a.preventative-dentistry,
.comfort a.comfort,
.financial a.financial,
.resources a.resources,
.planning a.planning,
.crowns-bridges a.crowns-bridges,
.dentures a.dentures,
.gum-disease a.gum-disease,
.restorative-dentistry a.restorative-dentistry,
.root-canals a.root-canals {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg) !important;
}

.sidr {
  background-color: oklch(24.42% 0.0064 0.59deg);
  color: oklch(76.07% 0.0968 83.29deg);
  margin-top: 0;
}
.sidr header h1,
.sidr header h2,
.sidr header h3,
.sidr header h4,
.sidr header h5,
.sidr header h6 {
  color: oklch(76.07% 0.0968 83.29deg);
  margin-left: 0.7em;
  margin-top: 0.7em !important;
}
.sidr header {
  padding: 0.7em 0.7em;
}
.sidr h2 {
  font-size: 1.2em;
  margin: 1.25em;
}
.sidr .main-menu {
  border: none;
  display: block;
  list-style: none;
  margin-left: 0;
  margin-top: 1.4em;
}
.sidr .main-menu ul {
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.sidr .main-menu ul li {
  border-top: 2px solid oklch(100% 0 0deg);
}
.sidr .main-menu ul li:last-child {
  border-top: 2px solid oklch(100% 0 0deg);
}
.sidr .main-menu a {
  color: oklch(100% 0 0deg);
  display: block;
  padding: 0.7em 1.4em;
}
.sidr .main-menu a:hover {
  background: oklch(76.07% 0.0968 83.29deg);
  color: oklch(24.42% 0.0064 0.59deg);
  text-decoration: none;
}
.sidr footer {
  hyphens: none;
  margin-left: 1.4em;
  margin-right: 1.4em;
  text-align: center;
}

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

.breadcrumbs {
  margin-inline: auto;
  max-width: 1280px;
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7em 0.7em;
  list-style: none;
  margin-top: 1.4em;
  padding: 0;
}
.breadcrumbs ul li:not(:last-child)::after {
  content: "›";
  margin-left: 0.7em;
}

/* ==========================================================================
   Main.
   ========================================================================== */
/**
 * Responsive styles for the main content element.
 */
#main {
  background-color: oklch(100% 0 0deg);
  margin-top: 0;
}
#main .row {
  margin-top: clamp(1em, 0.1528vw + 0.5415em, 2.1em);
  padding: 2.8em 2.8em;
}
#main .constricted {
  margin-inline: auto;
  max-width: 1280px;
}
#main .hero {
  margin-top: 0;
  padding: 0;
  position: relative;
}
#main .hero h1 {
  background-color: oklch(0% 0 0deg / 0.45);
  bottom: 5%;
  color: oklch(76.07% 0.0968 83.29deg);
  font-size: clamp(1.5rem, 0.6rem + 3vw, 3rem);
  padding: 0.7em 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 100;
}

@media (prefers-color-scheme: dark) {
  #main {
    background-color: oklch(15% 0 0deg);
    color: oklch(75.58% 0.0064 0.59deg);
  }
}
.cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.7em 0.7em;
  width: 100%;
  max-width: 1280px;
}

@media (min-width: 480px) {
  .cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .cards-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.card {
  height: 250px;
  margin-top: 0;
}

.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.card:hover .card-inner {
  transform: rotateY(180deg);
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.7em 1.4em;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  line-height: 1.2;
  hyphens: none;
}

.card-front {
  background: radial-gradient(oklch(100% 0 0deg / 0.15) 3px, transparent 4px), radial-gradient(oklch(100% 0 0deg / 0.15) 3px, transparent 4px), linear-gradient(oklch(24.42% 0.0064 0.59deg) 4px, transparent 0), linear-gradient(45deg, transparent 74px, transparent 75px, oklch(100% 0 0deg / 0.15) 75px, oklch(100% 0 0deg / 0.15) 76px, transparent 77px, transparent 109px), linear-gradient(-45deg, transparent 75px, transparent 76px, oklch(100% 0 0deg / 0.15) 76px, oklch(100% 0 0deg / 0.15) 77px, transparent 78px, transparent 109px), oklch(24.42% 0.0064 0.59deg);
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0 0, 0 0, 0 0, 0 0;
  border-bottom: 2px solid oklch(100% 0 0deg / 0.15);
  border-top: 2px solid oklch(100% 0 0deg / 0.15);
  color: oklch(100% 0 0deg);
}
.card-front .text {
  margin-top: 0.7em;
}

.card-back {
  background: radial-gradient(oklch(24.15% 0.0031 17.37deg / 0.1) 3px, transparent 4px), radial-gradient(oklch(24.15% 0.0031 17.37deg / 0.1) 3px, transparent 4px), linear-gradient(oklch(76.07% 0.0968 83.29deg) 4px, transparent 0), linear-gradient(45deg, transparent 74px, transparent 75px, oklch(24.15% 0.0031 17.37deg / 0.1) 75px, oklch(24.15% 0.0031 17.37deg / 0.1) 76px, transparent 77px, transparent 109px), linear-gradient(-45deg, transparent 75px, transparent 76px, oklch(24.15% 0.0031 17.37deg / 0.1) 76px, oklch(24.15% 0.0031 17.37deg / 0.1) 77px, transparent 78px, transparent 109px), oklch(76.07% 0.0968 83.29deg);
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0 0, 0 0, 0 0, 0 0;
  border-bottom: 2px solid oklch(24.15% 0.0031 17.37deg / 0.1);
  border-top: 2px solid oklch(24.15% 0.0031 17.37deg / 0.1);
  color: oklch(24.42% 0.0064 0.59deg);
  transform: rotateY(180deg);
}
.card-back .button:hover {
  background: oklch(24.42% 0.0064 0.59deg);
  color: oklch(100% 0 0deg);
}

.card-icon {
  font-size: 48px;
}
.card-icon img {
  height: 50px;
  width: 50px;
}

.card-back-text {
  line-height: 1.5;
  opacity: 0.95;
}

/* ==========================================================================
   Footer.
   ========================================================================== */
/**
 * Responsive styles for the main footer element.
 */
#footer {
  background-color: oklch(100% 0 0deg);
  margin-top: 0;
  padding: 1.4em 1.4em;
}
#footer .region > * {
  margin-top: 0;
  text-align: center;
}
@media (min-width: 768px) {
  #footer .region > * {
    text-align: left;
  }
}
#footer .region:last-child {
  font-style: italic;
  hyphens: none;
  text-align: center;
}
#footer img.logo {
  display: block;
  height: auto;
  margin-bottom: 1.4em;
  margin-inline: auto;
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  #footer img.logo {
    margin-left: 0;
  }
}
#footer .p-name,
#footer .p-slogan {
  display: none;
}

@media (prefers-color-scheme: dark) {
  #footer {
    background-color: oklch(15% 0 0deg);
    color: oklch(75.58% 0.0064 0.59deg);
  }
}
/* ==========================================================================
   Print.
   ========================================================================== */
/**
 * Style adjustments for printing.
 */
@media print {
  body {
    background: #fff;
    color: #000;
  }
  body,
  article {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  aside,
  nav {
    display: none;
  }
}