/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/slider/progressbar/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--slider-progressbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  contain: paint; }
  .b--slider-progressbar .l__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media (min-width: 768px) {
      .b--slider-progressbar .l__wrapper {
        min-height: clamp(calc((300 * 1px)), calc(20vw), calc(800px * var(--max-font-size-controler))); } }
  .b--slider-progressbar .l__container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%; }
  .b--slider-progressbar .l__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: var(--spacers-sm-vw);
    position: relative; }
    .b--slider-progressbar .l__slide::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.28)));
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
      z-index: 1; }
      @media (max-width: 767.98px) {
        .b--slider-progressbar .l__slide::before {
          background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); } }
  .b--slider-progressbar .l__row {
    z-index: 10;
    position: relative; }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .l__row {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
    @media (min-width: 768px) {
      .b--slider-progressbar .l__row {
        margin-bottom: calc(var(--spacers-sm-vw) + 50px); } }
  .b--slider-progressbar .l__label {
    margin-bottom: var(--spacers-xxs); }
  @media (max-width: 767.98px) {
    .b--slider-progressbar .l__title {
      min-height: 50%;
      padding-bottom: var(--spacers-lg-vw); } }
  @media (max-width: 767.98px) {
    .b--slider-progressbar .l__cnt {
      padding-top: var(--spacers-lg-vw);
      margin-top: auto; } }
  .b--slider-progressbar .l__slide-name {
    font-size: var(--title-xs);
    line-height: var(--title-xs-line-height);
    font-weight: normal;
    font-family: "Saira", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-transition: padding 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: padding 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .l__slide-name {
        display: none; } }
  @media (max-width: 767.98px) {
    .b--slider-progressbar .swiper-pagination-bullet {
      display: inline-block;
      width: 0.75rem;
      height: 0.75rem;
      background-color: transparent;
      border-radius: 100%;
      margin: 0 4px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border: 1px solid currentColor;
      cursor: pointer; } }
  @media (min-width: 768px) {
    .b--slider-progressbar .swiper-pagination-bullet {
      width: 100%;
      height: auto;
      border-radius: 0;
      background: transparent;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      opacity: 0.55;
      -webkit-transition: 0.3s linear;
      transition: 0.3s linear;
      padding-top: var(--spacers-xxs);
      padding-bottom: var(--spacers-xs-vw);
      cursor: pointer; } }
  @media (max-width: 767.98px) {
    .b--slider-progressbar .swiper-pagination-bullet-active {
      background-color: #ffffff; } }
  .b--slider-progressbar .swiper-pagination-bullet-active .l__slide-name {
    position: relative;
    padding-left: clamp(calc((15 * 1px)), calc(0.75vw), calc(30px * var(--max-font-size-controler)));
    font-weight: 600; }
    .b--slider-progressbar .swiper-pagination-bullet-active .l__slide-name::before {
      display: inline-block;
      content: "";
      height: clamp(calc((15 * 1px)), calc(0.75vw), calc(30px * var(--max-font-size-controler)));
      width: clamp(calc((5 * 1px)), calc(0.25vw), calc(10px * var(--max-font-size-controler)));
      margin-left: 0;
      background-color: transparent;
      background-image: url("../assets/images/list-icon.svg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      position: absolute;
      left: 0;
      top: clamp(calc((1 * 1px)), calc(0.1vw), calc(4px * var(--max-font-size-controler))); }
  .b--slider-progressbar .swiper-pagination-bullet::before, .b--slider-progressbar .swiper-pagination-bullet::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .swiper-pagination-bullet::before, .b--slider-progressbar .swiper-pagination-bullet::after {
        display: none; } }
  .b--slider-progressbar .swiper-pagination-bullet::after {
    background-color: #0A0A0A;
    width: 0%; }
  .b--slider-progressbar .swiper-pagination-bullet:hover {
    opacity: 1; }
  .b--slider-progressbar .swiper-pagination-bullet::before {
    background-color: rgba(255, 255, 255, 0.2); }
  .b--slider-progressbar .swiper-pagination-bullet::after {
    background-color: #ffffff; }
  .b--slider-progressbar .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.875rem; }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0.625rem; } }
  .b--slider-progressbar .slider__wrapper {
    position: relative;
    width: 100%; }
  .b--slider-progressbar .slider__pagination {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    z-index: 99;
    padding-bottom: var(--slider-progressbar-spacer);
    width: 100%; }
    @media (min-width: 768px) {
      .b--slider-progressbar .slider__pagination {
        width: calc(100% - (var(--spacers-xs-vw)*2)) !important; } }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .slider__pagination {
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: var(--spacers-xxs);
        padding-bottom: var(--spacers-xs-vw); } }
  .b--slider-progressbar .start-progress .swiper-pagination-bullet-active {
    opacity: 1; }
    .b--slider-progressbar .start-progress .swiper-pagination-bullet-active::after {
      -webkit-animation: progress 5.42s linear both;
              animation: progress 5.42s linear both; }
  .b--slider-progressbar .start-progress .slider__slide--active .l__slide-name-wrapper::after {
    -webkit-animation: progressContent 5.42s linear both;
            animation: progressContent 5.42s linear both; }
  .b--slider-progressbar .swiper-slide-duplicate-active {
    pointer-events: auto !important; }
  .b--slider-progressbar .slider__slide {
    pointer-events: none; }
    .b--slider-progressbar .slider__slide--active {
      pointer-events: auto; }
  .b--slider-progressbar .slider__button--prev {
    left: var(--gutter-base) !important; }
  .b--slider-progressbar .slider__button--next {
    right: var(--gutter-base) !important; }
  .b--slider-progressbar .stamp {
    position: relative;
    top: auto;
    left: 0;
    right: auto;
    margin-top: var(--spacers-xxs); }
    @media (max-width: 767.98px) {
      .b--slider-progressbar .stamp {
        display: none; } }

@-webkit-keyframes progress {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes progress {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes progressContent {
  0% {
    width: 0; }
  100% {
    width: calc(100% - (var(--spacers-vw) * 2)); } }

@keyframes progressContent {
  0% {
    width: 0; }
  100% {
    width: calc(100% - (var(--spacers-vw) * 2)); } }