@-webkit-keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
button, .button, input[type=submit], .submit, .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--site-form-button-font);
font-size: var(--site-form-button-font-size);
font-weight: var(--site-form-button-weight);
letter-spacing: var(--site-form-button-letter-spacing);
text-transform: var(--site-form-button-transform);
text-decoration: none;
border-radius: var(--site-site-radius-default);
}
button:not(.unset), .button:not(.unset), input[type=submit]:not(.unset), .submit:not(.unset), .btn:not(.unset) {
line-height: var(--site-form-button-height-mobile);
height: var(--site-form-button-height-mobile);
padding-left: 1.125rem;
padding-right: 1.125rem;
color: var(--color-black);
background-color: var(--color-gray-200);
border: 1px solid transparent;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (min-width: 576.1px) {
button:not(.unset), .button:not(.unset), input[type=submit]:not(.unset), .submit:not(.unset), .btn:not(.unset) {
line-height: var(--site-form-button-height-base);
height: var(--site-form-button-height-base);
padding-left: 1.375rem;
padding-right: 1.375rem;
}
}
button:not(.unset):hover, .button:not(.unset):hover, input[type=submit]:not(.unset):hover, .submit:not(.unset):hover, .btn:not(.unset):hover {
background-color: var(--color-gray-300);
}
button:not(.unset).solid, .button:not(.unset).solid, input[type=submit]:not(.unset).solid, .submit:not(.unset).solid, .btn:not(.unset).solid {
color: var(--color-gray-800);
background-color: var(--color-gray-200);
}
button:not(.unset).solid:hover, .button:not(.unset).solid:hover, input[type=submit]:not(.unset).solid:hover, .submit:not(.unset).solid:hover, .btn:not(.unset).solid:hover {
background-color: var(--color-gray-300);
}
button:not(.unset).outline, .button:not(.unset).outline, input[type=submit]:not(.unset).outline, .submit:not(.unset).outline, .btn:not(.unset).outline {
outline-style: none;
color: var(--color-gray-800);
border-color: var(--color-gray-300);
background-color: transparent;
}
button:not(.unset).outline:hover, .button:not(.unset).outline:hover, input[type=submit]:not(.unset).outline:hover, .submit:not(.unset).outline:hover, .btn:not(.unset).outline:hover {
background-color: var(--color-gray-300);
border-color: transparent;
}
button:not(.unset).info, .button:not(.unset).info, input[type=submit]:not(.unset).info, .submit:not(.unset).info, .btn:not(.unset).info {
color: var(--color-white);
background-color: var(--color-gray-600);
}
button:not(.unset).info:hover, .button:not(.unset).info:hover, input[type=submit]:not(.unset).info:hover, .submit:not(.unset).info:hover, .btn:not(.unset).info:hover {
background-color: var(--color-gray-700);
}
button:not(.unset).info.outline, .button:not(.unset).info.outline, input[type=submit]:not(.unset).info.outline, .submit:not(.unset).info.outline, .btn:not(.unset).info.outline {
color: var(--color-gray-800);
border-color: var(--color-gray-600);
background-color: transparent;
}
button:not(.unset).info.outline:hover, .button:not(.unset).info.outline:hover, input[type=submit]:not(.unset).info.outline:hover, .submit:not(.unset).info.outline:hover, .btn:not(.unset).info.outline:hover {
color: var(--color-white);
background-color: var(--color-gray-600);
border-color: transparent;
}
button:not(.unset).sky, .button:not(.unset).sky, input[type=submit]:not(.unset).sky, .submit:not(.unset).sky, .btn:not(.unset).sky {
color: var(--color-white);
background-color: var(--color-sky-500);
}
button:not(.unset).sky:hover, .button:not(.unset).sky:hover, input[type=submit]:not(.unset).sky:hover, .submit:not(.unset).sky:hover, .btn:not(.unset).sky:hover {
background-color: var(--color-gray-600);
}
button:not(.unset).sky.outline, .button:not(.unset).sky.outline, input[type=submit]:not(.unset).sky.outline, .submit:not(.unset).sky.outline, .btn:not(.unset).sky.outline {
color: var(--color-sky-500);
border-color: var(--color-sky-500);
background-color: transparent;
}
button:not(.unset).sky.outline:hover, .button:not(.unset).sky.outline:hover, input[type=submit]:not(.unset).sky.outline:hover, .submit:not(.unset).sky.outline:hover, .btn:not(.unset).sky.outline:hover {
color: var(--color-white);
background-color: var(--color-sky-500);
border-color: transparent;
}
button:not(.unset).cyan, .button:not(.unset).cyan, input[type=submit]:not(.unset).cyan, .submit:not(.unset).cyan, .btn:not(.unset).cyan {
color: var(--color-white);
background-color: var(--color-cyan-500);
}
button:not(.unset).cyan:hover, .button:not(.unset).cyan:hover, input[type=submit]:not(.unset).cyan:hover, .submit:not(.unset).cyan:hover, .btn:not(.unset).cyan:hover {
background-color: var(--color-cyan-600);
}
button:not(.unset).cyan.outline, .button:not(.unset).cyan.outline, input[type=submit]:not(.unset).cyan.outline, .submit:not(.unset).cyan.outline, .btn:not(.unset).cyan.outline {
color: var(--color-cyan-500);
border-color: var(--color-cyan-500);
background-color: transparent;
}
button:not(.unset).cyan.outline:hover, .button:not(.unset).cyan.outline:hover, input[type=submit]:not(.unset).cyan.outline:hover, .submit:not(.unset).cyan.outline:hover, .btn:not(.unset).cyan.outline:hover {
color: var(--color-white);
background-color: var(--color-cyan-500);
border-color: transparent;
}
button:not(.unset).blue, .button:not(.unset).blue, input[type=submit]:not(.unset).blue, .submit:not(.unset).blue, .btn:not(.unset).blue {
color: var(--color-white);
background-color: var(--color-blue-600);
}
button:not(.unset).blue:hover, .button:not(.unset).blue:hover, input[type=submit]:not(.unset).blue:hover, .submit:not(.unset).blue:hover, .btn:not(.unset).blue:hover {
background-color: var(--color-blue-700);
}
button:not(.unset).blue.outline, .button:not(.unset).blue.outline, input[type=submit]:not(.unset).blue.outline, .submit:not(.unset).blue.outline, .btn:not(.unset).blue.outline {
color: var(--color-blue-600);
border-color: var(--color-blue-600);
background-color: transparent;
}
button:not(.unset).blue.outline:hover, .button:not(.unset).blue.outline:hover, input[type=submit]:not(.unset).blue.outline:hover, .submit:not(.unset).blue.outline:hover, .btn:not(.unset).blue.outline:hover {
color: var(--color-white);
background-color: var(--color-blue-600);
border-color: transparent;
}
button:not(.unset).orange, .button:not(.unset).orange, input[type=submit]:not(.unset).orange, .submit:not(.unset).orange, .btn:not(.unset).orange {
color: var(--color-white);
background-color: var(--color-orange-600);
}
button:not(.unset).orange:hover, .button:not(.unset).orange:hover, input[type=submit]:not(.unset).orange:hover, .submit:not(.unset).orange:hover, .btn:not(.unset).orange:hover {
background-color: var(--color-orange-700);
}
button:not(.unset).orange.outline, .button:not(.unset).orange.outline, input[type=submit]:not(.unset).orange.outline, .submit:not(.unset).orange.outline, .btn:not(.unset).orange.outline {
color: var(--color-orange-600);
border-color: var(--color-orange-600);
background-color: transparent;
}
button:not(.unset).orange.outline:hover, .button:not(.unset).orange.outline:hover, input[type=submit]:not(.unset).orange.outline:hover, .submit:not(.unset).orange.outline:hover, .btn:not(.unset).orange.outline:hover {
color: var(--color-white);
background-color: var(--color-orange-600);
border-color: transparent;
}
button:not(.unset).red, .button:not(.unset).red, input[type=submit]:not(.unset).red, .submit:not(.unset).red, .btn:not(.unset).red {
color: var(--color-white);
background-color: var(--color-rose-600);
}
button:not(.unset).red:hover, .button:not(.unset).red:hover, input[type=submit]:not(.unset).red:hover, .submit:not(.unset).red:hover, .btn:not(.unset).red:hover {
background-color: var(--color-rose-700);
}
button:not(.unset).red.outline, .button:not(.unset).red.outline, input[type=submit]:not(.unset).red.outline, .submit:not(.unset).red.outline, .btn:not(.unset).red.outline {
color: var(--color-rose-600);
border-color: var(--color-rose-600);
background-color: transparent;
}
button:not(.unset).red.outline:hover, .button:not(.unset).red.outline:hover, input[type=submit]:not(.unset).red.outline:hover, .submit:not(.unset).red.outline:hover, .btn:not(.unset).red.outline:hover {
color: var(--color-white);
background-color: var(--color-rose-600);
border-color: transparent;
}
button:not(.unset).green, .button:not(.unset).green, input[type=submit]:not(.unset).green, .submit:not(.unset).green, .btn:not(.unset).green {
color: var(--color-white);
background-color: var(--color-green-600);
}
button:not(.unset).green:hover, .button:not(.unset).green:hover, input[type=submit]:not(.unset).green:hover, .submit:not(.unset).green:hover, .btn:not(.unset).green:hover {
background-color: var(--color-green-700);
}
button:not(.unset).green.outline, .button:not(.unset).green.outline, input[type=submit]:not(.unset).green.outline, .submit:not(.unset).green.outline, .btn:not(.unset).green.outline {
color: var(--color-green-600);
border-color: var(--color-green-600);
background-color: transparent;
}
button:not(.unset).green.outline:hover, .button:not(.unset).green.outline:hover, input[type=submit]:not(.unset).green.outline:hover, .submit:not(.unset).green.outline:hover, .btn:not(.unset).green.outline:hover {
color: var(--color-white);
background-color: var(--color-green-600);
border-color: transparent;
}
button:not(.unset).emerald, .button:not(.unset).emerald, input[type=submit]:not(.unset).emerald, .submit:not(.unset).emerald, .btn:not(.unset).emerald {
color: var(--color-white);
background-color: var(--color-emerald-500);
}
button:not(.unset).emerald:hover, .button:not(.unset).emerald:hover, input[type=submit]:not(.unset).emerald:hover, .submit:not(.unset).emerald:hover, .btn:not(.unset).emerald:hover {
background-color: var(--color-emerald-600);
}
button:not(.unset).emerald.outline, .button:not(.unset).emerald.outline, input[type=submit]:not(.unset).emerald.outline, .submit:not(.unset).emerald.outline, .btn:not(.unset).emerald.outline {
color: var(--color-emerald-500);
border-color: var(--color-emerald-500);
background-color: transparent;
}
button:not(.unset).emerald.outline:hover, .button:not(.unset).emerald.outline:hover, input[type=submit]:not(.unset).emerald.outline:hover, .submit:not(.unset).emerald.outline:hover, .btn:not(.unset).emerald.outline:hover {
color: var(--color-white);
background-color: var(--color-emerald-500);
border-color: transparent;
}
button:not(.unset).lime, .button:not(.unset).lime, input[type=submit]:not(.unset).lime, .submit:not(.unset).lime, .btn:not(.unset).lime {
color: var(--color-white);
background-color: var(--color-lime-500);
}
button:not(.unset).lime:hover, .button:not(.unset).lime:hover, input[type=submit]:not(.unset).lime:hover, .submit:not(.unset).lime:hover, .btn:not(.unset).lime:hover {
background-color: var(--color-lime-600);
}
button:not(.unset).lime.outline, .button:not(.unset).lime.outline, input[type=submit]:not(.unset).lime.outline, .submit:not(.unset).lime.outline, .btn:not(.unset).lime.outline {
color: var(--color-lime-500);
border-color: var(--color-lime-500);
background-color: transparent;
}
button:not(.unset).lime.outline:hover, .button:not(.unset).lime.outline:hover, input[type=submit]:not(.unset).lime.outline:hover, .submit:not(.unset).lime.outline:hover, .btn:not(.unset).lime.outline:hover {
color: var(--color-white);
background-color: var(--color-lime-500);
border-color: transparent;
}
button:not(.unset).yellow, .button:not(.unset).yellow, input[type=submit]:not(.unset).yellow, .submit:not(.unset).yellow, .btn:not(.unset).yellow {
color: var(--color-black);
background-color: var(--color-yellow-400);
}
button:not(.unset).yellow:hover, .button:not(.unset).yellow:hover, input[type=submit]:not(.unset).yellow:hover, .submit:not(.unset).yellow:hover, .btn:not(.unset).yellow:hover {
background-color: var(--color-yellow-500);
}
button:not(.unset).yellow.outline, .button:not(.unset).yellow.outline, input[type=submit]:not(.unset).yellow.outline, .submit:not(.unset).yellow.outline, .btn:not(.unset).yellow.outline {
color: var(--color-yellow-800);
border-color: var(--color-yellow-500);
background-color: transparent;
}
button:not(.unset).yellow.outline:hover, .button:not(.unset).yellow.outline:hover, input[type=submit]:not(.unset).yellow.outline:hover, .submit:not(.unset).yellow.outline:hover, .btn:not(.unset).yellow.outline:hover {
color: var(--color-black);
background-color: var(--color-yellow-500);
border-color: transparent;
}
button:not(.unset).black, .button:not(.unset).black, input[type=submit]:not(.unset).black, .submit:not(.unset).black, .btn:not(.unset).black {
color: var(--color-white);
background-color: var(--color-black);
}
button:not(.unset).black:hover, .button:not(.unset).black:hover, input[type=submit]:not(.unset).black:hover, .submit:not(.unset).black:hover, .btn:not(.unset).black:hover {
background-color: var(--color-black);
}
button:not(.unset).black.outline, .button:not(.unset).black.outline, input[type=submit]:not(.unset).black.outline, .submit:not(.unset).black.outline, .btn:not(.unset).black.outline {
color: var(--color-black);
border-color: var(--color-black);
background-color: transparent;
}
button:not(.unset).black.outline:hover, .button:not(.unset).black.outline:hover, input[type=submit]:not(.unset).black.outline:hover, .submit:not(.unset).black.outline:hover, .btn:not(.unset).black.outline:hover {
color: var(--color-white);
background-color: var(--color-black);
border-color: transparent;
}
button:not(.unset).white, .button:not(.unset).white, input[type=submit]:not(.unset).white, .submit:not(.unset).white, .btn:not(.unset).white {
color: var(--color-black);
background-color: var(--color-white);
}
button:not(.unset).white:hover, .button:not(.unset).white:hover, input[type=submit]:not(.unset).white:hover, .submit:not(.unset).white:hover, .btn:not(.unset).white:hover {
background-color: var(--color-white);
}
button:not(.unset).white.outline, .button:not(.unset).white.outline, input[type=submit]:not(.unset).white.outline, .submit:not(.unset).white.outline, .btn:not(.unset).white.outline {
color: var(--color-white);
border-color: var(--color-white);
background-color: transparent;
}
button:not(.unset).white.outline:hover, .button:not(.unset).white.outline:hover, input[type=submit]:not(.unset).white.outline:hover, .submit:not(.unset).white.outline:hover, .btn:not(.unset).white.outline:hover {
color: var(--color-black);
background-color: var(--color-white);
border-color: transparent;
}
button:not(.unset).current-color, .button:not(.unset).current-color, input[type=submit]:not(.unset).current-color, .submit:not(.unset).current-color, .btn:not(.unset).current-color {
color: var(--color-white);
background-color: currentColor;
}
button:not(.unset).current-color.outline, .button:not(.unset).current-color.outline, input[type=submit]:not(.unset).current-color.outline, .submit:not(.unset).current-color.outline, .btn:not(.unset).current-color.outline {
color: currentColor;
border-color: currentColor;
background-color: transparent;
}
button:not(.unset).primary, .button:not(.unset).primary, input[type=submit]:not(.unset).primary, .submit:not(.unset).primary, .btn:not(.unset).primary {
color: var(--color-white);
background-color: rgb(var(--site-primary-color));
}
button:not(.unset).primary:hover, .button:not(.unset).primary:hover, input[type=submit]:not(.unset).primary:hover, .submit:not(.unset).primary:hover, .btn:not(.unset).primary:hover {
background-color: rgba(var(--site-primary-color), 0.9);
}
button:not(.unset).primary.outline, .button:not(.unset).primary.outline, input[type=submit]:not(.unset).primary.outline, .submit:not(.unset).primary.outline, .btn:not(.unset).primary.outline {
color: rgb(var(--site-primary-color));
border-color: rgb(var(--site-primary-color));
background-color: transparent;
}
button:not(.unset).primary.outline:hover, .button:not(.unset).primary.outline:hover, input[type=submit]:not(.unset).primary.outline:hover, .submit:not(.unset).primary.outline:hover, .btn:not(.unset).primary.outline:hover {
color: var(--color-white);
background-color: rgb(var(--site-primary-color));
border-color: transparent;
}
button:not(.unset).size-sm, .button:not(.unset).size-sm, input[type=submit]:not(.unset).size-sm, .submit:not(.unset).size-sm, .btn:not(.unset).size-sm {
line-height: var(--site-form-button-height-sm);
height: var(--site-form-button-height-sm);
padding-left: 1rem;
padding-right: 1rem;
}
button:not(.unset).size-xs, .button:not(.unset).size-xs, input[type=submit]:not(.unset).size-xs, .submit:not(.unset).size-xs, .btn:not(.unset).size-xs {
font-size: 0.75rem;
line-height: var(--site-form-button-height-xs);
height: var(--site-form-button-height-xs);
padding-left: 0.75rem;
padding-right: 0.75rem;
}
@media screen and (min-width: 576.1px) {
button:not(.unset).size-xs, .button:not(.unset).size-xs, input[type=submit]:not(.unset).size-xs, .submit:not(.unset).size-xs, .btn:not(.unset).size-xs {
font-size: 0.8125rem;
}
}
button:not(.unset).size-lg, .button:not(.unset).size-lg, input[type=submit]:not(.unset).size-lg, .submit:not(.unset).size-lg, .btn:not(.unset).size-lg {
font-size: calc(var(--site-form-button-font-size) + 0.0625rem);
line-height: var(--site-form-button-height-lg);
height: var(--site-form-button-height-lg);
padding-left: 1.625rem;
padding-right: 1.625rem;
}
button:not(.unset).rounded-style, .button:not(.unset).rounded-style, input[type=submit]:not(.unset).rounded-style, .submit:not(.unset).rounded-style, .btn:not(.unset).rounded-style {
border-radius: 62.4375rem;
}
button:not(.unset).shadow-style, .button:not(.unset).shadow-style, input[type=submit]:not(.unset).shadow-style, .submit:not(.unset).shadow-style, .btn:not(.unset).shadow-style {
-webkit-box-shadow: 0 0.125rem 0.1875rem rgba(2, 6, 23, 0.04);
box-shadow: 0 0.125rem 0.1875rem rgba(2, 6, 23, 0.04);
}
button:not(.unset).link, .button:not(.unset).link, input[type=submit]:not(.unset).link, .submit:not(.unset).link, .btn:not(.unset).link {
font-size: calc(var(--site-form-button-font-size) - 0.0625rem);
line-height: normal;
height: auto;
background-color: transparent;
border: 0;
padding: 0;
border-radius: 0;
color: var(--color-blue-500);
}
button:not(.unset).link:hover, .button:not(.unset).link:hover, input[type=submit]:not(.unset).link:hover, .submit:not(.unset).link:hover, .btn:not(.unset).link:hover {
color: var(--color-blue-600);
}
button:not(.unset).link.bordered, .button:not(.unset).link.bordered, input[type=submit]:not(.unset).link.bordered, .submit:not(.unset).link.bordered, .btn:not(.unset).link.bordered {
position: relative;
padding-bottom: 0.125rem;
border-bottom: 0.0625rem solid;
}
button.unset, .button.unset, input[type=submit].unset, .submit.unset, .btn.unset {
all: unset;
}