@import url('https://fonts.googleapis.com/css?family=Cairo:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700&display=swap');

@import './fonts/_droid.scss';

/* purgecss start ignore */
@import 'tailwindcss/base';
/* purgecss end ignore */

@import 'tailwindcss/components';

/* purgecss start ignore */
@import '@snackbar/core/dist/snackbar.css';
/* purgecss end ignore */

@import 'tailwindcss/utilities';

/* purgecss start ignore */
@supports (position: sticky) {
  @media (min-width: 1024px) {
    .sticky\?lg\:max-h-\(screen-24\) {
      max-height: calc(100vh - 6rem);
    }
  }
}
/* purgecss end ignore */

.empty-after:after {
  content: '';
}

.container-fluid {
  max-width: theme('screens.xl');
  margin: auto;
}

body {
  min-width: 320px;
}

a.nuxt-link-exact-active:not(.tutorial-button):not(.blog-button),
a.nuxt-link-active:not(.tutorial-button):not(.blog-button) {
  @apply text-dalil-lightindigo;
}
.dark-mode a.nuxt-link-exact-active:not(.tutorial-button):not(.blog-button),
.dark-mode a.nuxt-link-active:not(.tutorial-button):not(.blog-button){
  @apply text-dark-onSurfaceStrong;
}

.opacity-transition {
  transition: opacity 0.5s ease-out;
}

.truncate-multiline-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
