/* [project]/app/(auth)/auth.module.css [app-client] (css) */
.auth-module__Cgra4q__background {
  background-color: var(--color-slate-200, #e2e8f0);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .auth-module__Cgra4q__background {
    background-color: var(--color-slate-200, lab(91.7353% -.998765 -4.76968));
  }
}

.auth-module__Cgra4q__inputBox {
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-md, .375rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black, #000);
  background-color: var(--color-white, #fff);
  width: fit-content;
  height: fit-content;
  padding: calc(var(--spacing, .25rem) * 4);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-shadow-color: #ffb96d;
  flex-direction: column;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .auth-module__Cgra4q__inputBox {
    --tw-shadow-color: lab(80.8059% 21.7313 50.4455);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  .auth-module__Cgra4q__inputBox {
    --tw-shadow-color: color-mix(in oklab, var(--color-orange-300, lab(80.8059% 21.7313 50.4455)) var(--tw-shadow-alpha), transparent);
  }
}

.auth-module__Cgra4q__inputBox label {
  color: var(--color-black, #000);
}

.auth-module__Cgra4q__imgContainer {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  justify-content: center;
  display: flex;
}

@layer daisyui.l1.l2.l3 {
  :where(.auth-module__Cgra4q__loginBtn) {
    width: unset;
  }
}

@layer daisyui.l1.l2.l3 {
  .auth-module__Cgra4q__loginBtn {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, .875rem);
    outline-color: var(--btn-color, var(--color-base-content));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, .25rem) * 10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-noise: var(--fx-noise);
  }

  @media (hover: hover) {
    .auth-module__Cgra4q__loginBtn:hover {
      --btn-bg: var(--btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .auth-module__Cgra4q__loginBtn:hover {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
    }
  }

  .auth-module__Cgra4q__loginBtn:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-bg: var(--btn-color, var(--color-base-200));
    translate: 0 .5px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
    }
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-border: var(--btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
      --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000;
  }

  .auth-module__Cgra4q__loginBtn:is(input[type="checkbox"], input[type="radio"]) {
    appearance: none;
  }

  .auth-module__Cgra4q__loginBtn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
  }

  .auth-module__Cgra4q__loginBtn {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, .875rem);
    outline-color: var(--btn-color, var(--color-base-content));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, .25rem) * 10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn {
      --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
    }
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn {
      --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-noise: var(--fx-noise);
  }

  @media (hover: hover) {
    .auth-module__Cgra4q__loginBtn:hover {
      --btn-bg: var(--btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .auth-module__Cgra4q__loginBtn:hover {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
    }
  }

  .auth-module__Cgra4q__loginBtn:focus-visible {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  .auth-module__Cgra4q__loginBtn:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-bg: var(--btn-color, var(--color-base-200));
    translate: 0 .5px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
    }
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-border: var(--btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
      --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .auth-module__Cgra4q__loginBtn:active:not(.auth-module__Cgra4q__btn-active) {
    --btn-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000;
  }

  .auth-module__Cgra4q__loginBtn:is(input[type="checkbox"], input[type="radio"]) {
    appearance: none;
  }

  .auth-module__Cgra4q__loginBtn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
  }

  .auth-module__Cgra4q__loginBtn:where(input:checked:not(.auth-module__Cgra4q__filter .auth-module__Cgra4q__btn)) {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
    isolation: isolate;
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-color: var(--color-neutral);
    --btn-fg: var(--color-neutral-content);
  }

  .auth-module__Cgra4q__loginBtn {
    --btn-color: var(--color-neutral);
    --btn-fg: var(--color-neutral-content);
  }
}

@layer daisyui.l1.l2 {
  .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    box-shadow: none;
  }

  .auth-module__Cgra4q__loginBtn:disabled {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:disabled {
      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }
}

@layer daisyui.l1.l2 {
  .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    box-shadow: none;
  }

  .auth-module__Cgra4q__loginBtn[disabled] {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn[disabled] {
      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }
}

@layer daisyui.l1.l2.l3 {
  :where(.auth-module__Cgra4q__loginBtn) {
    width: unset;
  }
}

@layer daisyui.l1.l2 {
  .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .auth-module__Cgra4q__loginBtn:disabled:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    box-shadow: none;
  }

  .auth-module__Cgra4q__loginBtn:disabled {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn:disabled {
      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }
}

@layer daisyui.l1.l2 {
  .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .auth-module__Cgra4q__loginBtn[disabled]:not(.auth-module__Cgra4q__btn-link, .auth-module__Cgra4q__btn-ghost) {
    box-shadow: none;
  }

  .auth-module__Cgra4q__loginBtn[disabled] {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-module__Cgra4q__loginBtn[disabled] {
      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }
}

.auth-module__Cgra4q__loginBtn {
  width: 100%;
}

@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=app_%28auth%29_auth_module_5a81a320.css.map*/