/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.95.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.47_webpack@5.95.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.80.3_webpack@5.95.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/carousel-new/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-microbio-blocks-carousel-new .slider-content {
  display: flex;
  flex-wrap: nowrap;
}
.wp-block-microbio-blocks-carousel-new .slider-content > * {
  flex-shrink: 0;
  width: min(80vw, var(--slide-width));
}

section:has(.wp-block-microbio-blocks-carousel-new) {
  overflow-x: hidden;
}

.wp-block-microbio-blocks-carousel-new {
  --_icon-width: 25px;
  --_border-color: var(--wp--preset--color--primary);
  --_bg-color: transparent;
  --_icon-color: var(--wp--preset--color--primary);
  --_bg-color-hover: var(--wp--preset--color--primary);
  --_icon-color-hover: var(--wp--preset--color--white);
  --_border-color-hover: var(--wp--preset--color--white);
  --_border-radius: 99px;
  --_icon-padding: 1rem;
  --_border-width: 3px;
  --_disabled-opacity: 0.3;
  isolation: isolate;
  --primary-btn-color: var(--wp--preset--color--primary);
  --bg-btn-color: transparent;
  --secondary-btn-color: var(--wp--preset--color--black);
  position: relative;
}
.wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-full) {
  margin-top: var(--wp--preset--spacing--space-s);
}
.wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-full) .slider-content {
  gap: var(--slider-gap, 4rem);
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-full) {
    margin-top: var(--wp--preset--spacing--space-lg);
  }
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-half {
  max-width: 100%;
  overflow: hidden;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-half .slider-content {
  display: flex !important;
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new.microbio-carousel-half .slider-content {
    gap: 0 !important;
  }
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-half .slider-content > * {
  flex-shrink: 0;
  width: calc(50% - var(--slider-gap) / 2);
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new.microbio-carousel-half .slider-content > * {
    width: 100%;
  }
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-full {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-full .slider-content {
  display: flex !important;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-full .slider-content > * {
  flex-shrink: 0;
  width: 100%;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) {
  right: 0;
  transform: rotate(180deg) translateY(50%) translateX(calc(max(100vw - var(--wp--style--global--wide-size), 0px) / -2 + 50%));
  transform-origin: center;
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) {
    transform: rotate(180deg) translateY(50%) translateX(-25%);
  }
}
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) {
  transform: translateY(-50%) translateX(-50%);
  transform-origin: center;
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) {
    transform: translateY(-50%) translateX(-25%);
  }
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns),
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) {
  position: absolute;
  background: unset;
  padding: unset;
  top: 50%;
  margin: unset;
  z-index: 2;
  height: 60px;
  width: 60px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns),
  .wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) {
    height: 40px;
    width: 40px;
  }
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):focus-within,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):focus-within {
  outline: none;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):active,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):active {
  margin-top: unset;
  margin-bottom: unset;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) svg rect,
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) svg path,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) svg rect,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) svg path {
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) svg rect,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) svg rect {
  fill: var(--bg-btn-color);
  stroke: var(--primary-btn-color);
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns) svg path,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns) svg path {
  fill: var(--primary-btn-color);
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):hover svg rect,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):hover svg rect {
  fill: var(--primary-btn-color);
  stroke: var(--primary-btn-color);
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):hover svg path,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):hover svg path {
  fill: var(--secondary-btn-color);
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):disabled,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):disabled {
  cursor: unset;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):disabled:hover svg rect,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):disabled:hover svg rect {
  fill: unset;
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):disabled:hover svg path,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):disabled:hover svg path {
  fill: var(--primary-btn-color);
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):disabled svg rect,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):disabled svg rect {
  transition: all ease 0.3s;
  opacity: 0.2;
}
.wp-block-microbio-blocks-carousel-new button.next-btn:not(.carousel-navigation-btns):disabled svg path,
.wp-block-microbio-blocks-carousel-new button.pre-btn:not(.carousel-navigation-btns):disabled svg path {
  opacity: 0.2;
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-full > button:is(.pre-btn, .next-btn):not(.carousel-navigation-btns) {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-full > button.pre-btn:not(.carousel-navigation-btns) {
  left: 0;
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns {
  position: absolute;
  z-index: 10;
  aspect-ratio: 1;
  background-color: var(--_bg-color);
  cursor: pointer;
  border: var(--_border-width) solid var(--_border-color);
  border-radius: var(--_border-radius);
  padding: var(--_icon-padding);
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns:hover:not([disabled]) {
  background-color: var(--_bg-color-hover);
  border-color: var(--_border-color-hover);
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns:hover:not([disabled]) svg {
  color: var(--_icon-color-hover);
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns svg {
  width: var(--_icon-width);
  height: var(--_icon-width);
  color: var(--_icon-color);
  transition: all ease 0.3s;
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns[disabled] {
  cursor: unset;
  opacity: var(--_disabled-opacity);
}
.wp-block-microbio-blocks-carousel-new .carousel-navigation-btns.pre-btn svg {
  scale: -1;
}
.wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-buttons-top) .carousel-navigation-btns {
  top: 50%;
  transform: translateY(-50%);
}
.wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-buttons-top) .carousel-navigation-btns.next-btn {
  right: 8px;
}
.wp-block-microbio-blocks-carousel-new:not(.microbio-carousel-buttons-top) .carousel-navigation-btns.pre-btn {
  left: 8px;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-buttons-top .slider-content {
  padding-block-start: calc(var(--_icon-width) + 32px + var(--_icon-padding) * 2);
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-buttons-top .carousel-navigation-btns {
  top: 0;
  transform: translateY(0);
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-buttons-top .carousel-navigation-btns.next-btn {
  right: 8px;
}
.wp-block-microbio-blocks-carousel-new.microbio-carousel-buttons-top .carousel-navigation-btns.pre-btn {
  right: calc(var(--_icon-width) + 32px + var(--_icon-padding) * 2);
}

.slider-progress,
.slider-progress-active {
  margin-top: var(--wp--preset--spacing--space-s);
  height: 4px;
  background-color: rgba(25, 25, 25, 0.2);
  position: absolute;
  top: calc(100% - var(--wp--preset--spacing--space-xs) - 5px);
  width: 100vw;
}

.slider-progress-active {
  background-color: var(--wp--preset--color--white);
  width: 0;
  transition: width ease 0.3s;
}

.full-slider-navigation {
  position: absolute;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.full-slider-navigation > button {
  width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid var(--wp--preset--color--grey-medium);
  background-color: transparent;
  cursor: pointer;
  transition: all ease 0.3s;
}
.full-slider-navigation > button.active {
  background-color: var(--wp--preset--color--grey-medium);
}

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