/* [project]/components/ui/Button/index.module.css [app-client] (css) */
.index-module__rH0hwq__button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200, #e5e5e5);
  background-color: var(--color-neutral-100, #f5f5f5);
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

@supports (color: lab(0% 0 0)) {
  .index-module__rH0hwq__button {
    border-color: var(--color-neutral-200, lab(90.952% 0 -.0000119209));
    background-color: var(--color-neutral-100, lab(96.52% -.0000298023 .0000119209));
  }
}

@media (hover: hover) {
  .index-module__rH0hwq__button:not(:disabled):hover {
    background-color: var(--color-neutral-200, #e5e5e5);
  }
}

.index-module__rH0hwq__button:not(.index-module__rH0hwq__link):focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-cyan-500, #00b7d7);
}

@supports (color: lab(0% 0 0)) {
  .index-module__rH0hwq__button:not(.index-module__rH0hwq__link):focus {
    --tw-ring-color: var(--color-cyan-500, lab(67.805% -35.3952 -30.2018));
  }
}

.index-module__rH0hwq__button:not(.index-module__rH0hwq__link):focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-outline-style: none;
  outline-style: none;
}

.index-module__rH0hwq__button[type="submit"], .index-module__rH0hwq__button.index-module__rH0hwq__submit {
  border-color: var(--color-cyan-700, #007492);
  background-color: var(--color-cyan-600, #0092b5);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .index-module__rH0hwq__button[type="submit"], .index-module__rH0hwq__button.index-module__rH0hwq__submit {
    border-color: var(--color-cyan-700, lab(44.7267% -21.5987 -26.118));
    background-color: var(--color-cyan-600, lab(55.1767% -26.7496 -30.5139));
  }
}

@media (hover: hover) {
  :is(.index-module__rH0hwq__button[type="submit"], .index-module__rH0hwq__button.index-module__rH0hwq__submit):hover {
    background-color: var(--color-cyan-700, #007492);
  }
}

:is(.index-module__rH0hwq__button[type="submit"], .index-module__rH0hwq__button.index-module__rH0hwq__submit):disabled {
  background-color: var(--color-cyan-500, #00b7d7);
}

@supports (color: lab(0% 0 0)) {
  :is(.index-module__rH0hwq__button[type="submit"], .index-module__rH0hwq__button.index-module__rH0hwq__submit):disabled {
    background-color: var(--color-cyan-500, lab(67.805% -35.3952 -30.2018));
  }
}

.index-module__rH0hwq__button[disabled] {
  cursor: not-allowed;
  opacity: .5;
}

.index-module__rH0hwq__link {
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing, .25rem) * 0);
  padding-block: calc(var(--spacing, .25rem) * 0);
  color: var(--color-cyan-600, #0092b5);
  background-color: #0000;
  border-width: 0;
  text-decoration-line: underline;
}

@supports (color: lab(0% 0 0)) {
  .index-module__rH0hwq__link {
    color: var(--color-cyan-600, lab(55.1767% -26.7496 -30.5139));
  }
}

@media (hover: hover) {
  .index-module__rH0hwq__link:hover {
    background-color: #0000;
  }
}

@media (hover: hover) {
  .index-module__rH0hwq__link:hover {
    color: var(--color-cyan-800, #005f78);
  }
}

@media (hover: hover) {
  .index-module__rH0hwq__link:not(:disabled):hover {
    background-color: #0000;
  }
}

.index-module__rH0hwq__link:not([disabled]):focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

a.index-module__rH0hwq__button {
  text-decoration-line: none;
}

@media (hover: hover) {
  a.index-module__rH0hwq__button.index-module__rH0hwq__submit:hover {
    color: var(--color-white, #fff);
  }
}

.index-module__rH0hwq__label {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  display: flex;
}

.index-module__rH0hwq__loading .index-module__rH0hwq__label {
  visibility: hidden;
}

.index-module__rH0hwq__throbber {
  top: calc(var(--spacing, .25rem) * 0);
  left: calc(var(--spacing, .25rem) * 0);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.index-module__rH0hwq__active {
  border-color: var(--color-cyan-700, #007492);
  background-color: var(--color-cyan-600, #0092b5);
  color: var(--color-white, #fff);
}

@supports (color: lab(0% 0 0)) {
  .index-module__rH0hwq__active {
    border-color: var(--color-cyan-700, lab(44.7267% -21.5987 -26.118));
    background-color: var(--color-cyan-600, lab(55.1767% -26.7496 -30.5139));
  }
}

@media (hover: hover) {
  .index-module__rH0hwq__active:not(:disabled):hover {
    background-color: var(--color-cyan-600, #0092b5);
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

/*# sourceMappingURL=components_ui_Button_index_module_49684b07.css.map*/