.sc-loader {
  --loader-background: var(--primary-500);
  display: flex;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background: var(--loader-background, white);
  transition: opacity 0.2;
  -webkit-animation-name: loader-blink;
          animation-name: loader-blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin: 0 20px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s; }
  .sc-loader[data-theme="dark"] {
    --loader-background: white; }
  .sc-loader[data-theme="light"] {
    --loader-background: var(--primary-500); }
  .sc-loader:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    background: inherit;
    left: -16px;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-animation-name: loader-blink;
            animation-name: loader-blink;
    -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .sc-loader:after {
    content: "";
    position: absolute;
    border-radius: inherit;
    background: inherit;
    right: -16px;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-animation-name: loader-blink;
            animation-name: loader-blink;
    -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }

@-webkit-keyframes loader-blink {
  from,
  to {
    background: transparent;
    transform: scale(0.95); }
  50% {
    background: var(--loader-background, white);
    transform: scale(1); } }

@keyframes loader-blink {
  from,
  to {
    background: transparent;
    transform: scale(0.95); }
  50% {
    background: var(--loader-background, white);
    transform: scale(1); } }

.sc-button {
  align-content: center;
  justify-content: center;
  border-radius: 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  transition: all 0.3s;
  display: inline-flex;
  white-space: nowrap;
  font-size: 0.875rem;
  padding: 0.5rem 1.25rem;
  color: inherit;
  background: white;
  position: relative;
  width: 100%; }
  .sc-button[data-loading="true"] > :not(:last-child) {
    visibility: hidden;
    opacity: 0; }
  .sc-button .loader-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0; }
  .sc-button[data-loading="true"] .loader-container {
    visibility: visible;
    opacity: 1; }
  .sc-button .button-content {
    display: flex;
    align-items: center;
    align-self: center;
    overflow: hidden; }
  .sc-button[data-type="primary"] {
    --button-color: var(--primary-500);
    --highlight-color: var(--primary-400); }
  .sc-button[data-type="danger"] {
    --button-color: var(--danger-500);
    --highlight-color: var(--danger-400); }
  .sc-button[data-theme="light"] {
    --button-color: var(--primary-500); }
  .sc-button[data-theme="dark"] {
    --button-color: var(--highlight-600); }
  .sc-button[data-variant="primary"] {
    background: var(--button-color);
    color: white;
    border: 1px solid var(--button-color); }
  .sc-button[data-variant="primary"]:not([disabled]):hover {
    background: var(--highlight-color);
    border: 1px solid var(--highlight-color); }
  .sc-button[data-variant="secondary"] {
    background: white;
    color: var(--button-color);
    border: 1px solid var(--button-color); }
  .sc-button[data-theme="dark"][data-variant="secondary"] {
    color: white;
    border: 1px solid var(--button-color);
    background: transparent; }
  .sc-button[data-size="large"] {
    font-size: 1.25rem;
    height: 3.5rem;
    max-width: 12.5rem; }
  .sc-button[data-size="medium"] {
    font-size: 1rem;
    height: 2.625rem; }
  .sc-button[data-variant="secondary"][disabled], .sc-button[data-variant="primary"][disabled] {
    background: white;
    color: var(--neutral-400);
    cursor: not-allowed;
    border: 1px solid var(--neutral-300); }
  .sc-button:focus {
    outline: none;
    background: var(--highlight-color);
    border: 1px solid var(--highlight-color);
    color: white; }


/*# sourceMappingURL=contact.a8f5fc4b.chunk.css.map*/