<commit_before>/// @group components
/// @name slider

.slider
  display: flex
  margin-top: 2em

  +bp(md-only)
    flex-direction: column-reverse
    max-width: 80vw

.slider--full
  height: 100vh

  .container
    padding-right: 10em

.slider__background
  background-position: bottom right
  background-size: 34%
  background-repeat: no-repeat
  position: absolute
  width: 100%
  height: 100%

  .slide--engenheiros-tecnicos-especializados &
    background-size: 26% !important

.slider__controls
  align-self: center
  display: flex

  +bp(md)
    flex-direction: column

.slider__status
  position: absolute
  bottom: 0
  left: 0
  margin: 16rem
  z-index: 2
  display: flex
  color: $color-blue
  font-size: 3em
  font-weight: 600

  &:after
    content: attr(data-total)
    font-size: .5em
    position: absolute
    top: 0
    left: 100%
    transform: translateY(-50%)
    color: black

.slider__button
  width: 2em
  height: 2em
  border-radius: 50%
  border: 3px solid $color-blue
  align-self: center
  position: relative
  transition: .2s
  margin: .6em 0

  +bp(md-only)
    margin: 2em 1em 0

  &:after
    content: ''
    position: absolute
    width: .5em
    height: .5em
    top: 50%
    left: 50%
    transform: translate(-50%, -50%) rotate(45deg)
    border: 3px solid transparent
    border-color: inherit

    // Right arrow
    border-width: 0 0 3px 3px
    margin-left: .15em

  // Left arrow
  &:last-child:after
    border-width: 3px 3px 0 0
    margin-left: - .15em

  &:hover
    background-color: $color-blue

    &:after
      border-color: white

.slider__swiper
  +bp(md)
    margin-left: 1em
    min-width: 40vw

.slider__content
  display: flex
  max-width: 40em
  margin: 0 auto

  .slider__controls
    margin-right: 3em

.slider__item
  display: flex
  flex-wrap: wrap
  justify-content: space-between

.slider__logo
  width: calc(100% / 2 - 2em)
  align-self: center
  display: flex
  justify-content: center
  margin-top: 2em

  +bp(md-only)
    &:nth-child(even)<commit_msg>Adapt slider for mobile<commit_after>/// @group components
/// @name slider

.slider
  display: flex
  margin-top: 2em

  +bp(md-only)
    flex-direction: column-reverse
    max-width: 80vw

.slider--full
  max-width: none

  +bp(md)
    height: 100vh
    padding: initial

    .container
      padding-right: 10em

.slider__background
  background-position: bottom right
  background-size: 34%
  background-repeat: no-repeat
  position: absolute
  width: 100%
  height: 100%

  +bp(md-only)
    display: none

  .slide--engenheiros-tecnicos-especializados &
    background-size: 26% !important

.slider__controls
  align-self: center
  display: flex

  +bp(md)
    flex-direction: column

.slider__status
  position: absolute
  bottom: 0
  left: 0
  margin: 16rem
  z-index: 2
  display: flex
  color: $color-blue
  font-size: 3em
  font-weight: 600

  +bp(md-only)
    margin: 0
    left: 2rem

  &:after
    content: attr(data-total)
    font-size: .5em
    position: absolute
    top: 0
    left: 100%
    transform: translateY(-50%)
    color: black

.slider__button
  width: 2em
  height: 2em
  border-radius: 50%
  border: 3px solid $color-blue
  align-self: center
  position: relative
  transition: .2s
  margin: .6em 0

  +bp(md-only)
    margin: 2em 1em 0

  &:after
    content: ''
    position: absolute
    width: .5em
    height: .5em
    top: 50%
    left: 50%
    transform: translate(-50%, -50%) rotate(45deg)
    border: 3px solid transparent
    border-color: inherit

    // Right arrow
    border-width: 0 0 3px 3px
    margin-left: .15em

  // Left arrow
  &:last-child:after
    border-width: 3px 3px 0 0
    margin-left: - .15em

  &:hover
    background-color: $color-blue

    &:after
      border-color: white

.slider__swiper
  +bp(md)
    margin-left: 1em
    min-width: 40vw

.slider__content
  display: flex
  max-width: 40em
  margin: 0 auto

  +bp(md-only)
    padding: 0 2em

  .slider__controls
    margin-right: 3em

    +bp(md-only)
      display: none

  .section__paragraph
    margin-bottom: 1em

.slider__item
  display: flex
  flex-wrap: wrap
  justify-content: space-between

.slider__logo
  width: calc(100% / 2 - 2em)
  align-self: center
  display: flex
  justify-content: center
  margin-top: 2em

  +bp(md-only)
    &:nth-child(even)
{'fraction_non_alphanumeric': 0.10976744186046512, 'fraction_numerical': 0.039767441860465116, 'mean_word_length': 2.6082214765100673, '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': '3954255', 'n_tokens_mistral': 1724, 'n_tokens_neox': 1540, 'n_words': 409}