/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block-feedback-carousel-wrapper/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary-white-hover: #d1f7a7;
  --color-primary-blue: #0a2d4a;
  --color-primary-blue-hover: #114d7e;
  --color-primary-green: #6bcc00;
  --color-primary-green-hover: #97f332;
  --color-blue: #109cf1;
  --color-blue-white: #7aa3c5;
  --color-red: #f00;
  --color-dark: #282b34;
  --color-midnight: #0b132a;
  --color-gray: #767575;
  --color-gray-light: #f3f3f3;
  --color-gray-medium: #d9d9d9;
  --color-input-placeholder: #828282;
}

body {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  min-width: 320px;
  margin: 0;
  background-color: #fff;
  min-height: 100vh;
}

:root {
  --breakpoint-sm: 320px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}

:root {
  --block-padding-top: 88px;
  --block-padding-bottom: 88px;
  --header-padding-bottom: 24px;
  --grid-column-padding: 12px;
  --header-menu-mobile-breakpoint: 1024px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1 {
  font-size: 54px;
  font-weight: 800;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 44px;
}

h4 {
  font-size: 36px;
}

h5 {
  font-size: 24px;
}

a {
  text-decoration: none;
  outline: none !important;
}

button {
  font-family: Inter;
}

small {
  font-size: inherit;
}

@media (min-width: 768px) {
  :root {
    --block-padding-top: 112px;
    --block-padding-bottom: 112px;
    --header-padding-bottom: 86px;
  }
}
.p-grid-column {
  padding: 12px;
}

.entry-content {
  margin: 0 !important;
}

.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-bottom: 90px;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card {
  grid-area: 1/1/2/2;
  position: relative;
  transform-origin: bottom center;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card.transition {
  transition: transform 0.8s ease, opacity 0.8s ease;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card.transition .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card.transition .spacing-wrapper-white {
  transition: background-color 0.8s ease;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card .content-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(1) {
  z-index: 8;
  transform: translateY(0) scale(1);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(1) .content-hidden {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}
@keyframes fadeOutDelayed {
  0%, 10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(1).transition .content-hidden {
  animation: fadeOutDelayed 0.8s;
  pointer-events: none;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(2) {
  z-index: 6;
  transform: translateY(30px) scale(0.9);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(2) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(2) .spacing-wrapper-white {
  background-color: #f3f3f3 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(3) {
  z-index: 4;
  transform: translateY(60px) scale(0.8);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(3) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(3) .spacing-wrapper-white {
  background-color: #d9d9d9 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(4) {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(90px) scale(0.7);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(4) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(4) .spacing-wrapper-white {
  background-color: #d9d9d9 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack .wp-block-cloudavocado-feedback-card:nth-child(n+5) {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(90px) scale(0.7);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(1) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(1) .spacing-wrapper-white {
  transition: none !important;
  background-color: #fff !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(2) {
  transform: translateY(0) scale(1);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(2) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(2) .spacing-wrapper-white {
  background-color: #fff !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(2) .content-hidden {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(3) {
  transform: translateY(30px) scale(0.9);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(3) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(3) .spacing-wrapper-white {
  background-color: #f3f3f3 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(4) {
  opacity: 1;
  transform: translateY(60px) scale(0.8);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(4) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(4) .spacing-wrapper-white {
  background-color: #d9d9d9 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:last-child .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:last-child .spacing-wrapper-white {
  transition: none !important;
  background-color: #fff !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:last-child .content-hidden {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(1) {
  transform: translateY(30px) scale(0.9);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(1) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(1) .spacing-wrapper-white {
  background-color: #f3f3f3 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(2) {
  transform: translateY(60px) scale(0.8);
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(2) .bg-white,
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(2) .spacing-wrapper-white {
  background-color: #d9d9d9 !important;
}
.wp-block-cloudavocado-feedback-carousel-wrapper .wrapper-feedback-stack.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(3) {
  opacity: 0;
  transform: translateY(90px) scale(0.7);
}
@media (min-width: 768px) {
  .wp-block-cloudavocado-feedback-carousel-wrapper {
    padding-bottom: 132px;
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper .wp-block-cloudavocado-feedback-card:nth-child(2) {
    transform: translateY(44px) scale(0.9);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper .wp-block-cloudavocado-feedback-card:nth-child(3) {
    transform: translateY(88px) scale(0.8);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper .wp-block-cloudavocado-feedback-card:nth-child(4), .wp-block-cloudavocado-feedback-carousel-wrapper .wp-block-cloudavocado-feedback-card:nth-child(n+5) {
    transform: translateY(132px) scale(0.7);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(3) {
    transform: translateY(44px) scale(0.9);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper.show-next-card .wp-block-cloudavocado-feedback-card:nth-child(4) {
    transform: translateY(88px) scale(0.8);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(1) {
    transform: translateY(44px) scale(0.9);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(2) {
    transform: translateY(88px) scale(0.8);
  }
  .wp-block-cloudavocado-feedback-carousel-wrapper.show-prev-card .wp-block-cloudavocado-feedback-card:nth-child(3) {
    transform: translateY(132px) scale(0.7);
  }
}

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