@import "../node_modules/tailwindcss/base.css";
@import "../node_modules/tailwindcss/components.css";
@import "../node_modules/tailwindcss/utilities.css";

@import "../node_modules/quill/dist/quill.snow.css";

@import "../node_modules/@splidejs/splide/dist/css/themes/splide-default.min.css";

@import "../node_modules/cropperjs/dist/cropper.css";

@import "./spotlight.css";

@import "_components.css";

:root {
  --rounded-box: 1rem; /* border-radius for cards and other big elements */
  --rounded-btn: 0.5rem; /* border-radius for buttons and similar elements */
  --rounded-badge: 1.9rem; /* border-radius for badge and other small elements */

  --animation-btn: 0.25s; /* bounce animation time for button */
  --animation-input: 0.2s; /* bounce animation time for checkbox, toggle, etc */

  --padding-card: 2rem; /* default card-body padding */

  --btn-text-case: none; /* default text case for buttons */
  --navbar-padding: 0.5rem; /* default padding for navbar */
  --border-btn: 2px; /* default border size for button */
}

.btn-loadable {
  &.phx-click-loading,
  &.phx-change-loading,
  &.phx-submit-loading,
  &.phx-focus-loading,
  &.phx-blur-loading,
  &.phx-keyup-loading,
  &.phx-keydown-loading,
  &.phx-loading {
    @apply loading btn-disabled;
  }
}

[data-theme="dark"] .themed.light {
  @apply hidden;
}

[data-theme="light"] .themed.dark {
  @apply hidden;
}
.stack-custom {
  @apply inline-grid place-items-end items-end;

  & > * {
    @apply col-start-1 row-start-1;
  }

  & > * {
    z-index: 1;
    transform: translateY(5%);
  }

  & > *:nth-child(2) {
    z-index: 2;
    transform: translateY(0%);
  }

  & > *:nth-child(1) {
    z-index: 3;
    transform: translateY(0);
  }
}

@supports (height: 100dvh) {
  .h-screen {
    height: 100dvh;
  }
}

@supports (max-height: 100dvh) {
  .max-h-screen {
    max-height: 100dvh;
  }

  .drawer-toggle ~ .drawer-side {
    max-height: 100dvh;
  }
}

body {
  min-height: -webkit-fill-available;
}
