<commit_before>//- General modal styling
.modal-wrapper
  position fixed
  z-index 100
  bottom 0
  right 0
  left 0
  top 0

.modal-container
  position absolute
  height 100%
  width 100%
  left 0
  top 0

.modal-background
  background-color rgba(0, 0, 0, 0.35)
  height 100%
  width 100%

.modal
  transform translate(-50%, -50%)
  background-color white
  max-height 100%
  position fixed
  height auto
  left 50%
  top 50%
  & a
    word-break break-word
    word-wrap break-word

  &.draggable
    top 250px
    cursor grab
    z-index 100

.close-icon
  position absolute
  height 40px
  width 40px
  right 0
  top 0
  z-index 10
  
  & svg
    //transform translate(-50%, -50%)
    position absolute
    height 50%
    width 50%
    //left 50%
    top 60%
    margin-left 0.25rem

.mobile-show.close-icon
  height 60px
  width 60px

.modal-title
  padding 10px 20px 0
  text-align center
  font-size 21px

.modal-content
  padding 20px 30px 20px 20px
  overflow-x hidden
  max-height 450px
  overflow-y auto
  color $darkGray
  height 100%

.no-info-available
  text-align center
  line-height 40px
  height 40px

//- Analysis Modal
.analysis-modal-container .modal
.coordinates-modal-container .modal
  overflow-y auto
  width 320px
  height 500px
  // & .analysis-instructions__separator
  //   display none
  & .modal-content
    max-height 100%

@media (min-width: $mobileBreak)
  .analysis-modal-container
  .coordinates-modal-container
    & .analysis-instructions__header--additional
      font-size inherit
      margin 5px 0

//- Share Modal
#share-modal
  z-index 10
  & .modal-content
    width 300px
  & .share-instructions
    padding-bottom 10px
    font-size 13px
  & .share-items
    justify-content center
    display flex
    & svg
      transform translate(-50%, -50%)
      position absolute
      height 20px
      width 20px
      fill white
      left 50%
      top 50%

.share-card
  transition all 0.1s ease-in-out
  position relative
  height 40px
  width 40px

.googleplus-modal
  background $googleRed
  &:hover
    background darken($googleRed, 25%)

.facebook-modal
  background $facebookBlue
  margin 0 0.5rem
  &:hover
    background darken($facebookBlue, 25%)

.twitter-modal
  background $twitterBlue
  margin 0 0.5rem
  &:hover
    background darken($twitterBlue, 25%)

.share-input
  margin-bottom 15px
  height 40px
  & input
    border 1px solid $lightGrayBorder
    text-align center
    font-size 13px
    height 100%
    width 70%
  & button
    text-transform uppercase
    -webkit-appearance none
    text-align center
    line-height 38px
    border-radius 0
    font-weight 500
    font-size 14px
    outline none
    height 100%
    width 30%
    padding 0

//- Canopy Modal specific styling
.canopy-modal-container
  & .modal-content
    width 340px
    height 210px
  & .irs-line-left
  & .irs-line-right
  & .irs-line-mid
    background white<commit_msg>Adjust canopy modal container styling to git rid of scrollbar<commit_after>//- General modal styling
.modal-wrapper
  position fixed
  z-index 100
  bottom 0
  right 0
  left 0
  top 0

.modal-container
  position absolute
  height 100%
  width 100%
  left 0
  top 0

.modal-background
  background-color rgba(0, 0, 0, 0.35)
  height 100%
  width 100%

.modal
  transform translate(-50%, -50%)
  background-color white
  max-height 100%
  position fixed
  height auto
  left 50%
  top 50%
  & a
    word-break break-word
    word-wrap break-word

  &.draggable
    top 250px
    cursor grab
    z-index 100

.close-icon
  position absolute
  height 40px
  width 40px
  right 0
  top 0
  z-index 10
  
  & svg
    //transform translate(-50%, -50%)
    position absolute
    height 50%
    width 50%
    //left 50%
    top 60%
    margin-left 0.25rem

.mobile-show.close-icon
  height 60px
  width 60px

.modal-title
  padding 10px 20px 0
  text-align center
  font-size 21px

.modal-content
  padding 20px 30px 20px 20px
  overflow-x hidden
  max-height 450px
  overflow-y auto
  color $darkGray
  height 100%

.no-info-available
  text-align center
  line-height 40px
  height 40px

//- Analysis Modal
.analysis-modal-container .modal
.coordinates-modal-container .modal
  overflow-y auto
  width 320px
  height 500px
  // & .analysis-instructions__separator
  //   display none
  & .modal-content
    max-height 100%

@media (min-width: $mobileBreak)
  .analysis-modal-container
  .coordinates-modal-container
    & .analysis-instructions__header--additional
      font-size inherit
      margin 5px 0

//- Share Modal
#share-modal
  z-index 10
  & .modal-content
    width 300px
  & .share-instructions
    padding-bottom 10px
    font-size 13px
  & .share-items
    justify-content center
    display flex
    & svg
      transform translate(-50%, -50%)
      position absolute
      height 20px
      width 20px
      fill white
      left 50%
      top 50%

.share-card
  transition all 0.1s ease-in-out
  position relative
  height 40px
  width 40px

.googleplus-modal
  background $googleRed
  &:hover
    background darken($googleRed, 25%)

.facebook-modal
  background $facebookBlue
  margin 0 0.5rem
  &:hover
    background darken($facebookBlue, 25%)

.twitter-modal
  background $twitterBlue
  margin 0 0.5rem
  &:hover
    background darken($twitterBlue, 25%)

.share-input
  margin-bottom 15px
  height 40px
  & input
    border 1px solid $lightGrayBorder
    text-align center
    font-size 13px
    height 100%
    width 70%
  & button
    text-transform uppercase
    -webkit-appearance none
    text-align center
    line-height 38px
    border-radius 0
    font-weight 500
    font-size 14px
    outline none
    height 100%
    width 30%
    padding 0

//- Canopy Modal specific styling
.canopy-modal-container
  & .modal-content
    width 340px
    height 240px
    overflow-y hidden
    padding 1.5rem 1.25rem 1rem 1rem
  & .irs-line-left
  & .irs-line-right
  & .irs-line-mid
    background white
{'fraction_non_alphanumeric': 0.07941325240263025, 'fraction_numerical': 0.06120384420839656, 'mean_word_length': 2.436848203939745, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '6025664', 'n_tokens_mistral': 2313, 'n_tokens_neox': 1957, 'n_words': 593}