/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/components/headerslider/controls-1.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.headerslider-controls-1 {
  position: absolute;
  background-color: var(--header-slider--controls-1--background-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  border-radius: 0.25rem;
  column-gap: 1rem;
  color: var(--header-slider--controls-1--color);
}
.headerslider-controls-1 .headerslider-controls-1--prev {
  font-size: 1rem;
  -webkit-text-stroke-width: 0.05rem;
}
.headerslider-controls-1 .headerslider-controls-1--pause {
  font-size: 1.25rem;
}
.headerslider-controls-1 .headerslider-controls-1--pause .fa-play {
  font-size: 1rem;
  position: relative;
  bottom: 0.0625rem;
}
.headerslider-controls-1 .headerslider-controls-1--index {
  color: var(--header-slider--controls-1--index--color);
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-extrabold);
}
.headerslider-controls-1 .headerslider-controls-1--next {
  font-size: 1rem;
  -webkit-text-stroke-width: 0.05rem;
}

body.rounded-corners .headerslider-controls-1 {
  border-radius: var(--rounded-corners--border-radius--base);
}