/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./blocks/marquee/marquee.scss ***!
  \****************************************************************************************************************************************************************/
/*
  Custom Colors
 */
.block-marquee {
  position: relative;
  background: #F7F5FA;
  padding: 40px 0;
  overflow: hidden;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.block-marquee__border {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 500px;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid #201433;
  border-radius: 100%;
  transform: translateX(-50%);
}
.block-marquee__title {
  font: 400 26px/1 "Merruweather-Regular", serif;
  margin-bottom: 60px;
}
.block-marquee__content {
  position: relative;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.block-marquee__list {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  animation: marquee 60s linear infinite;
}
.block-marquee__item {
  font: 700 38px/1 "Merruweather-Bold", serif;
  color: #5E5073;
  background: #E3DAF2;
  white-space: nowrap;
  padding: 60px 100px;
  margin: 0 10px;
}

@media only screen and (min-width: 1024px) {
  .block-marquee {
    padding: 100px 0 0;
  }
  .block-marquee__border {
    width: 55%;
    transform: translateX(-10%);
    bottom: 100px;
  }
  .block-marquee__title {
    max-width: 760px;
    font-size: 38px;
  }
}