/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.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]!./components/blocks/reviews/styles/src/reviews.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --color-red-primary:var(--color-red-700);
  --color-orange-primary:var(--color-orage-500);
  --color-pink-primary:var(--color-pink-600);
  --color-teal-primary:var(--color-teal-600);
  --color-purple-primary:var(--color-purple-800);
  --color-grey-primary:var(--color-grey-950);
  --max-width:1285px;
  --max-width-content:55rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --spacing-m:clamp(5rem, 15vh, 15rem);
  --fast-out-back:cubic-bezier(0.37, 0.38, 0.03, 1.23);
  --smooth-ease:cubic-bezier(0.65, -0.01, 0, 1);
}

.preact-reviews{
  position:relative;
}
.preact-reviews:before{
  aspect-ratio:1/1;
  background:radial-gradient(circle, var(--glow-color, #000) 0, transparent 60%);
  content:"";
  display:block;
  height:auto;
  left:50%;
  min-width:60rem;
  opacity:.2;
  position:absolute;
  scale:1.2 1;
  top:50%;
  translate:-50% -50%;
  width:100%;
  z-index:-1;
}
.preact-reviews__item-container{
  backdrop-filter:blur(30px);
  background-color:rgba(0,0,0,.5);
  border-radius:var(--border-radius-s);
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}
.preact-reviews__nav{
  align-items:center;
  bottom:0;
  display:flex;
  flex-flow:row nowrap;
  gap:1rem;
  left:50%;
  max-width:80vw;
  position:absolute;
  transform:translateX(-50%);
}
.preact-reviews__nav-button{
  background:none;
  color:transparent;
  cursor:pointer;
  flex-shrink:1;
  font-size:0;
  line-height:0;
  padding-block:5px;
  position:relative;
  width:4rem;
}
.preact-reviews__nav-button:before{
  background-color:#fff;
  border-radius:100vmax;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:background-color .4s var(--smooth-ease), height .4s var(--smooth-ease);
  width:100%;
}
.preact-reviews__nav-button.active:before{
  background-color:var(--color);
  height:4px;
}

.preact-review-item{
  border:1px solid var(--color, #fff);
  border-radius:var(--border-radius-s);
  display:flex;
  flex-direction:column;
  height:auto;
  padding:2rem;
  width:31rem;
}
.preact-review-item *{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.preact-review-item__content{
  margin-bottom:4rem;
}
@media (max-width:768px){
  .preact-review-item__content{
    margin-bottom:2rem;
  }
}
.preact-review-item__meta{
  align-items:center;
  display:grid;
  gap:1rem;
  grid-template-columns:4rem 1fr;
}
.preact-review-item__img-container{
  border-radius:100vmax;
  display:block;
  height:4rem;
  overflow:hidden;
  width:4rem;
}
.preact-review-item__img-container img{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  pointer-events:none;
  width:100%;
}
.preact-review-item__company,.preact-review-item__name,.preact-review-item__role{
  line-height:1.2;
  margin:0;
}
.preact-review-item__company:empty,.preact-review-item__name:empty,.preact-review-item__role:empty{
  display:none;
}
.preact-review-item__company{
  color:var(--color);
  font-size:1rem;
  font-weight:600;
  opacity:.8;
}
.preact-review-item__name{
  flex-basis:100%;
  font-size:1.35rem;
  font-weight:600;
}
.preact-review-item__role{
  font-size:1rem;
  opacity:.8;
}
.preact-review-item__info{
  display:flex;
  flex-flow:row wrap;
  gap:.25rem;
}
.preact-review-item__info.no-name{
  flex-direction:column-reverse;
}
.preact-review-item__info.no-name .preact-review-item__company{
  flex-basis:100%;
  font-size:1.15rem;
  font-weight:600;
  opacity:1;
}
.preact-review-item__content{
  font-size:1.5rem;
}
.preact-review-item__content strong{
  color:var(--color);
}
@media (max-width:768px){
  .preact-review-item__content{
    font-size:unset;
  }
  .preact-review-item{
    width:calc(100vw - 4px);
  }
}

/*! Add Soul */
/*# sourceMappingURL=reviews.css.map*/