:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height)
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-animation: f-spinner-rotate 2s linear infinite;
  animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none
}

.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
  animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.f-throwOutUp {
  -webkit-animation: 175ms ease-out both f-throwOutUp;
  animation: 175ms ease-out both f-throwOutUp
}

.f-throwOutDown {
  -webkit-animation: 175ms ease-out both f-throwOutDown;
  animation: 175ms ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0);
    opacity: 0
  }
}

@keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0);
    opacity: 0
  }
}

@-webkit-keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
    opacity: 0
  }
}

@keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
    opacity: 0
  }
}

.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration, .2s) ease-out .1s both f-zoomInUp;
  animation: var(--f-transition-duration, .2s) ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
  -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-zoomOutDown;
  animation: var(--f-transition-duration, .2s) ease-out both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(.975) translate3d(0, 16px, 0);
    transform: scale(.975) translate3d(0, 16px, 0);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(.975) translate3d(0, 16px, 0);
    transform: scale(.975) translate3d(0, 16px, 0);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(.975) translate3d(0, 16px, 0);
    transform: scale(.975) translate3d(0, 16px, 0);
    opacity: 0
  }
}

@keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(.975) translate3d(0, 16px, 0);
    transform: scale(.975) translate3d(0, 16px, 0);
    opacity: 0
  }
}

.f-fadeIn {
  -webkit-animation: var(--f-transition-duration, .2s) ease both f-fadeIn;
  animation: var(--f-transition-duration, .2s) ease both f-fadeIn;
  z-index: 2
}

.f-fadeOut {
  -webkit-animation: var(--f-transition-duration, .2s) ease both f-fadeOut;
  animation: var(--f-transition-duration, .2s) ease both f-fadeOut;
  z-index: 1
}

@-webkit-keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeOut {
  100% {
    opacity: 0
  }
}

.f-fadeSlowIn {
  -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
  animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
  z-index: 2
}

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
  animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
  z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeSlowOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0
  }
}

.f-fadeFastIn {
  -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
  animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
  z-index: 2
}

.f-fadeFastOut {
  -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastOut;
  animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastOut;
  z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
  0% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

@keyframes f-fadeFastIn {
  0% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-fadeFastOut {
  100% {
    opacity: 0
  }
}

@keyframes f-fadeFastOut {
  100% {
    opacity: 0
  }
}

.f-crossfadeIn {
  -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
  animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
  z-index: 2
}

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
  animation: calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;
  z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes f-crossfadeOut {
  100% {
    opacity: 0
  }
}

@keyframes f-crossfadeOut {
  100% {
    opacity: 0
  }
}

.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@-webkit-keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
  z-index: 2
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
  z-index: 2
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
  z-index: 1
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
  z-index: 1
}

@-webkit-keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }
}

@keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0
  }
}

@-webkit-keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }
}

@keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0
  }
}

.f-carousel {
  --f-carousel-theme-color: #706f6c;
  --f-carousel-spacing: 0px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: auto;
  --f-carousel-slide-padding: 0;
  --f-button-width: 42px;
  --f-button-height: 42px;
  --f-button-color: var(--f-carousel-theme-color, currentColor);
  --f-button-hover-color: var(--f-carousel-theme-color, currentColor);
  --f-button-bg: transparent;
  --f-button-hover-bg: var(--f-button-bg);
  --f-button-active-bg: var(--f-button-bg);
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-next-pos: 10px;
  --f-button-prev-pos: 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.f-carousel *,
.f-carousel :after,
.f-carousel :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.f-carousel.is-ltr {
  direction: ltr
}

.f-carousel.is-rtl {
  direction: rtl
}

.f-carousel__viewport {
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%
}

.f-carousel__viewport.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.f-carousel__viewport.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.f-carousel__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  -webkit-tap-highlight-color: transparent
}

.f-carousel__slide {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: var(--f-carousel-slide-width);
  max-width: 100%;
  height: var(--f-carousel-slide-height);
  margin: 0 var(--f-carousel-spacing) 0 0;
  padding: var(--f-carousel-slide-padding);
  outline: 0;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center
}

.f-carousel.is-vertical {
  --f-carousel-slide-height: 100%
}

.f-carousel.is-vertical .f-carousel__track {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.f-carousel.is-vertical .f-carousel__slide {
  margin: 0 0 var(--f-carousel-spacing) 0
}

:root {
  --f-carousel-dots-width: 24px;
  --f-carousel-dots-height: 30px;
  --f-carousel-dot-width: 8px;
  --f-carousel-dot-height: 8px;
  --f-carousel-dot-radius: 50%;
  --f-carousel-dot-color: var(--f-carousel-theme-color, currentColor);
  --f-carousel-dot-opacity: 0.2;
  --f-carousel-dot-hover-opacity: 0.4
}

.f-carousel.has-dots {
  margin-bottom: var(--f-carousel-dots-height)
}

.f-carousel__dots {
  /* position: absolute; */
  bottom: calc(var(--f-carousel-dots-height) * -1);
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto !important;
  padding: 0;
  list-style: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.f-carousel__dots li {
  margin: 0;
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: var(--f-carousel-dot-opacity);
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out
}

.f-carousel__dots li+li {
  margin: 0
}

.f-carousel__dots li:hover {
  opacity: var(--f-carousel-dot-hover-opacity)
}

.f-carousel__dots li.is-current {
  opacity: 1
}

.f-carousel__dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: var(--f-carousel-dots-width);
  height: var(--f-carousel-dots-height);
  border: 0;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}

.f-carousel__dot {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: var(--f-carousel-dot-width);
  height: var(--f-carousel-dot-height);
  border-radius: var(--f-carousel-dot-radius);
  background-color: var(--f-carousel-dot-color);
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  pointer-events: none
}

.f-carousel__dots.is-dynamic li:not(.is-prev, .is-next, .is-current, .is-after-next, .is-before-prev) button {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 0
}

.f-carousel__dots.is-dynamic li.is-after-next button,
.f-carousel__dots.is-dynamic li.is-before-prev button {
  -webkit-transform: scale(.22);
  -ms-transform: scale(.22);
  transform: scale(.22)
}

.f-carousel__dots.is-dynamic li.is-next button,
.f-carousel__dots.is-dynamic li.is-prev button {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.f-carousel__dots.is-dynamic li.is-current button {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.f-carousel__dots.is-dynamic li.is-after-next button,
.f-carousel__dots.is-dynamic li.is-before-prev button {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.f-carousel__dots.is-dynamic li.is-current:first-child {
  margin-left: calc(var(--f-carousel-dots-width) * 2)
}

.f-carousel__dots.is-dynamic li.is-prev:first-child {
  margin-left: var(--f-carousel-dots-width)
}

.f-carousel__dots.is-dynamic li.is-next:last-child {
  margin-right: var(--f-carousel-dots-width)
}

.f-carousel__dots.is-dynamic li.is-current:last-child {
  margin-right: calc(var(--f-carousel-dots-width) * 2)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:first-child {
  margin-left: 0;
  margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-prev:first-child {
  margin-left: 0;
  margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-current:last-child {
  margin-left: 0;
  margin-right: var(--f-carousel-dots-width)
}

.f-carousel.is-rtl .f-carousel__dots.is-dynamic .is-next:last-child {
  margin-right: 0;
  margin-left: var(--f-carousel-dots-width)
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65
}

.f-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  -webkit-box-shadow: var(--f-button-shadow);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: var(--f-button-transition);
  -o-transition: var(--f-button-transition);
  transition: var(--f-button-transition)
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
  outline: 0
}

.f-button:focus-visible {
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: opacity .15s ease;
  -o-transition: opacity .15s ease;
  transition: opacity .15s ease;
  -webkit-transform: var(--f-button-transform);
  -ms-transform: var(--f-button-transform);
  transform: var(--f-button-transform);
  -webkit-filter: var(--f-button-svg-filter);
  filter: var(--f-button-svg-filter);
  pointer-events: none
}

.f-button[disabled] {
  cursor: default
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px
}

.f-thumbs {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
  background-image: -o-linear-gradient(#ebeff2, #e2e8f0);
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1
}

.f-thumbs .f-spinner svg {
  display: none
}

.f-thumbs.is-vertical {
  height: 100%
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden
}

.f-thumbs__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform
}

.f-thumbs__slide {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer
}

.f-thumbs__slide.is-loading img {
  opacity: 0
}

.is-classic .f-thumbs__viewport {
  height: 100%
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0) * 1px);
  width: calc(100% - var(--width, 0) * 1px);
  cursor: pointer
}

.is-modern .f-thumbs__slide {
  --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
  -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  pointer-events: none
}

.is-modern .f-thumbs__slide>* {
  -webkit-clip-path: var(--clip-path);
  clip-path: var(--clip-path)
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
  -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.is-modern.in-touch .f-thumbs__slide {
  -webkit-filter: none;
  filter: none
}

.is-modern.is-resting .f-thumbs__slide {
  -webkit-transition: all .33s ease;
  -o-transition: all .33s ease;
  transition: all .33s ease
}

.is-modern.is-resting .f-thumbs__slide>* {
  -webkit-transition: all .33s ease;
  -o-transition: all .33s ease;
  transition: all .33s ease
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: 0;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: 0
}

.f-thumbs__slide__button:focus-visible {
  outline: 0;
  opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  -webkit-animation: f-fadeIn .2s ease-out;
  animation: f-fadeIn .2s ease-out;
  z-index: 10
}

.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0
}

.f-carousel>.f-carousel__slide {
  opacity: 0
}

.carousel-overflow {
  overflow-x: hidden;
  overflow-x: clip
}

.is-touch .carousel-overflow {
  overflow-x: hidden
}

.carousel-overflow {
  z-index: 11
}

.carousel-overflow+.carousel-overflow {
  z-index: 10
}

.carousel-overflow+.carousel-overflow+.carousel-overflow {
  z-index: 9
}

.carousel-overflow+.carousel-overflow+.carousel-overflow+.carousel-overflow {
  z-index: 8
}

.carousel-overflow+.carousel-overflow+.carousel-overflow+.carousel-overflow+.carousel-overflow {
  z-index: 7
}

.carousel-overflow .f-carousel__viewport {
  overflow: visible
}

.carousel-overflow .f-carousel::after,
.carousel-overflow .f-carousel::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  z-index: 1
}

.carousel-overflow .f-carousel::after {
  right: -100%
}

.carousel-overflow .f-carousel::before {
  left: -100%
}

.f-carousel {
  --f-carousel-theme-color: var(--yellow);
  --f-carousel-dot-width: 5px;
  --f-carousel-dot-height: 5px;
  --f-carousel-dots-width: 11px;
  --f-button-width: 44px;
  --f-button-height: 40px;
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-stroke-width: 2;
  --f-button-color: var(--black);
  --f-button-hover-color: var(--black);
  --f-button-border-radius: 4px;
  --f-button-shadow: 0 0 0 1px var(--black10);
  --f-button-bg: var(--white);
  --f-button-hover-bg: var(--gray);
  --f-button-active-bg: var(--white)
}

.f-carousel .f-carousel__nav {
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

.f-carousel:hover .f-carousel__nav {
  opacity: 1
}

.f-carousel__dot {
  background-color: var(--black60)
}

.f-carousel__dots li.is-current .f-carousel__dot {
  background-color: var(--black)
}

.carousel-top-nav {
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
  --f-button-bg: var(--gray)
}

.carousel-top-nav .f-carousel__nav {
  display: none
}

.carousel-top-nav._nav-visible .f-carousel__nav {
  opacity: 1
}

.f-carousel__slide img {
  margin: 0 auto
}

.f-carousel__slide iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%
}

@media (min-width:1280px) {
  .carousel-top-nav .f-carousel__nav {
    display: block;
    position: absolute;
    right: 16px;
    top: 0;
    width: 96px
  }

  .carousel-top-nav .f-carousel__nav .f-button {
    top: -73px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .carousel-top-nav .f-carousel__nav .f-button svg {
    stroke: var(--black);
    stroke-width: 1.5px
  }

  .carousel-top-nav .f-carousel__nav .f-button:hover {
    background: var(--white);
    border: 1px solid var(--black10)
  }

  .carousel-top-nav .f-carousel__nav .f-button:active {
    background: var(--gray);
    border: 1px solid var(--black60);
    color: var(--black60) !important
  }

  .carousel-top-nav .f-carousel__nav .f-button:active svg {
    opacity: .5
  }

  .carousel-top-nav .f-carousel__nav .f-button:disabled {
    pointer-events: none
  }

  .carousel-top-nav .f-carousel__nav .f-button:focus-visible {
    -webkit-box-shadow: 0 0 0 1px var(--black60), 0 0 0 7px var(--black-real10);
    box-shadow: 0 0 0 1px var(--black60), 0 0 0 7px var(--black-real10);
    border-radius: 4px
  }
}

@media (max-width:1023px) {
  .f-carousel .f-carousel__nav {
    display: none
  }
}

@media (hover:hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg)
  }
}