kodadot/nft-gallery

@import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';

$modal-content-border-radius: 0;
$modal-overlay-background-color: rgb(0 0 0 / 0.17);

@import '@oruga-ui/oruga-next/src/scss/components/_modal.scss';

.neo-modal {
  .o-modal__content {
    @apply w-auto max-h-[var(--max-height)] shadow-primary border-default border-border-color text-text-color bg-background-color;

    hr {
      @apply bg-k-shade2 #{!important}; 
    }

    &.no-shadow {
      @apply shadow-none;
    }

    &.enable-mobile {
      @media screen and (max-width: 425px) {
        @apply absolute -bottom-[1px] -right-[1px] -left-[1px] flex flex-col;
      }
    }
  }

  .o-modal__content--full-screen {
    @apply w-full h-screen;
  }

  .modal-card-head {
    @apply bg-[unset];
  }

  .card {
    @apply rounded-none;
  }

  &.append-to-body {
    @apply z-[999];
  }
}