/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/logo-carousel/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/* Abstract Imports */
/* Brand Colors */
/* Greyscale */
/* State colors */
/* Text Colors */
.variable-container .container {
  max-width: unset;
  padding: unset;
}
.variable-container .arc-layout-grid {
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1280px) minmax(80px, 1fr);
}
.variable-container .arc-layout-grid > * {
  grid-column: 2;
  grid-row: 1;
}
@media (max-width: 1024.98px) {
  .variable-container .arc-layout-grid {
    grid-template-columns: minmax(30px, 1fr) minmax(auto, 1440px) minmax(30px, 1fr);
  }
}
.variable-container .arc-two-col-layout-grid {
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1280px) minmax(80px, 1fr);
}
.variable-container .arc-two-col-layout-grid > * {
  grid-column: 2;
  grid-row: 1;
}
.variable-container .arc-two-col-layout-grid .arc-column-one {
  width: 50%;
}
@media (max-width: 1024.98px) {
  .variable-container .arc-two-col-layout-grid .arc-column-one {
    grid-row: 1;
    transform: translateX(0);
  }
}
.variable-container .arc-two-col-layout-grid .arc-column-two {
  width: 50%;
  transform: translateX(100%);
}
@media (max-width: 1024.98px) {
  .variable-container .arc-two-col-layout-grid .arc-column-two {
    grid-row: 2;
    transform: translateX(0);
  }
}
@media (max-width: 1024.98px) {
  .variable-container .arc-two-col-layout-grid {
    grid-template-columns: minmax(30px, 1fr) minmax(auto, 1440px) minmax(30px, 1fr);
    grid-template-rows: auto auto;
  }
  .variable-container .arc-two-col-layout-grid .arc-column-one {
    grid-row: 1;
    width: 100%;
  }
  .variable-container .arc-two-col-layout-grid .arc-column-two {
    grid-row: 2;
    width: 100%;
  }
}

.arcadian__cta-container {
  margin-top: 2.6rem;
  display: flex;
  gap: 1.6rem;
}
@media (max-width: 640.98px) {
  .arcadian__cta-container {
    flex-direction: column;
  }
}

.logo-carousel__wrapper {
  padding-top: 5rem;
  padding-bottom: 5rem;
  overflow: hidden;
  background-color: var(--light-cream);
}
@media (max-width: 1024.98px) {
  .logo-carousel__wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.logo-carousel__wrapper .logo-carousel__flex {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.logo-carousel__wrapper .logo-carousel__cards {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10rem;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  transition: none;
}
.logo-carousel__wrapper .logo-carousel__cards.logo-carousel--animated {
  animation: scroll-left var(--animation-duration, 20s) linear infinite;
}
.logo-carousel__wrapper .logo-carousel__cards:hover {
  animation-play-state: paused;
}
@media (max-width: 640.98px) {
  .logo-carousel__wrapper .logo-carousel__cards {
    gap: 3.5rem;
  }
}
.logo-carousel__wrapper .logo-carousel__card {
  flex: 0 0 auto;
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 640.98px) {
  .logo-carousel__wrapper .logo-carousel__card {
    width: 78px;
    height: 78px;
  }
}
.logo-carousel__wrapper .logo-carousel__card .logo-link {
  border-bottom: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.logo-carousel__wrapper .logo-carousel__card .logo-link:hover {
  transform: scale(1.05);
}
.logo-carousel__wrapper .logo-carousel__card img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--slide-width) * -1));
  }
}

/*# sourceMappingURL=style-index.css.map*/