@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* :root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

body {
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb));
} */

body,
.page-full-h {
  min-height: 100dvh;
}
main {
  min-height: calc(100dvh - 249px);
}

footer {
  border-top: solid 1px #D4CFCF;
}

.page-white {
  background-color: #fff;
  border-top: solid 1px #D4CFCF;
}

.mainCard {
  min-height: 580px;
}
.content-pink {
  background-color: #fff8f9;
  /* min-height: calc(100dvh - 80px); */
  min-height: 600px;
}

@media screen and (min-width: 1024px) {
  main {
    height: inherit;
  }
}

[data-overlay-container=true] {
  height: 100%;
  width: 100%;
}
[data-slot="item"][data-current="true"] {
  opacity: 1;
}
[data-slot="trigger"] svg,
[data-slot="listbox"] polyline {
  stroke: #f1485f;
}
[data-slot="listbox"] [data-focus="true"] {
  background-color: #f1485f61 !important;
}