<commit_before>@require '../../stylus_lib'

.modalize
  z-index zindex-modal
  transition opacity 0.25s
  opacity 0

  // Fade transition
  &[data-state='open']
  &.is-open
    opacity 1
    > .modalize-backdrop > .modalize-dialog
      // Avoid transitioning the initial open
      transition opacity 0.25s, width 0

  // Loading state
  &.is-loading
    .modalize-backdrop::before
      display block
      content ''
      spinner(20px, 5px, white)

    .modalize-dialog
      opacity 0

.modalize
.modalize-backdrop
  position fixed
  top 0
  right 0
  bottom 0
  left 0

.modalize-backdrop
  display flex
  align-items center
  background-color rgba(black, 0.75)

.has-nobackdrop > .modalize-backdrop
  background-color transparent

.modalize-dialog
  position relative
  margin 0 auto
  max-width 90%
  max-height 90%
  text-align left
  overflow-y auto
  -webkit-overflow-scrolling touch
  background-color white
  &.is-notransition
    transition none !important

.modalize-close
  position absolute
  top 25px
  right 25px
  cursor pointer
  transition opacity 0.25s
  opacity 0.15
  z-index 2
  prevent-content-shift()
  &:hover
    opacity 1
  > i
    font-size 26px
    line-height @font-size

.modalize-body
  height 100%
  min-height 100%
  overflow-y auto
  -webkit-overflow-scrolling touch

// Dialog transitions
// ------------------
.modalize-dialog
  transition opacity 0.25s, transform 500ms

  // Fade in/out<commit_msg>Make it easier to tap/click the modal close button<commit_after>@require '../../stylus_lib'

.modalize
  z-index zindex-modal
  transition opacity 0.25s
  opacity 0

  // Fade transition
  &[data-state='open']
  &.is-open
    opacity 1
    > .modalize-backdrop > .modalize-dialog
      // Avoid transitioning the initial open
      transition opacity 0.25s, width 0

  // Loading state
  &.is-loading
    .modalize-backdrop::before
      display block
      content ''
      spinner(20px, 5px, white)

    .modalize-dialog
      opacity 0

.modalize
.modalize-backdrop
  position fixed
  top 0
  right 0
  bottom 0
  left 0

.modalize-backdrop
  display flex
  align-items center
  background-color rgba(black, 0.75)

.has-nobackdrop > .modalize-backdrop
  background-color transparent

.modalize-dialog
  position relative
  margin 0 auto
  max-width 90%
  max-height 90%
  text-align left
  overflow-y auto
  -webkit-overflow-scrolling touch
  background-color white
  &.is-notransition
    transition none !important

.modalize-close
  position absolute
  top 0
  right 0
  padding 25px
  cursor pointer
  transition opacity 0.25s
  opacity 0.15
  z-index 2
  prevent-content-shift()
  &:hover
    opacity 1
  > i
    font-size 26px
    line-height @font-size

.modalize-body
  height 100%
  min-height 100%
  overflow-y auto
  -webkit-overflow-scrolling touch

// Dialog transitions
// ------------------
.modalize-dialog
  transition opacity 0.25s, transform 500ms

  // Fade in/out
{'fraction_non_alphanumeric': 0.09733606557377049, 'fraction_numerical': 0.03483606557377049, 'mean_word_length': 2.546004842615012, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1784278', 'n_tokens_mistral': 1054, 'n_tokens_neox': 949, 'n_words': 271}