/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/logo-carousel/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.logo-carousel-block {
  --logo-carousel-spacing: 1rem;
  --logo-carousel-arrow-size: 2.5rem;
  --logo-carousel-dot-size: 0.75rem;
  --logo-carousel-bg-color: #ffffff;
  --logo-carousel-border-color: #e0e0e0;
  --logo-carousel-border-hover-color: #b0b0b0;
  --logo-carousel-arrow-color: #333333;
  --logo-carousel-dot-color: #cccccc;
  --logo-carousel-dot-active-color: #333333;
  --logo-carousel-gap: 20px;
  position: relative;
}
.logo-carousel-block__empty-state {
  text-align: center;
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.02);
  border: 2px dashed rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.5);
}
.logo-carousel-block__container {
  overflow: hidden;
  margin: 0 calc(-1 * var(--logo-carousel-spacing));
}
.logo-carousel-block .logo-item {
  padding: 0 var(--logo-carousel-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.logo-carousel-block .logo-panel {
  position: relative;
  padding: calc(var(--logo-carousel-spacing) / 2);
  transition: all 0.3s ease;
}
.logo-carousel-block .logo-panel .logo-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.logo-carousel-block .logo-panel .logo-image-container.has-box-shadow {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.logo-carousel-block .logo-panel .logo-image-container.has-box-shadow:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.logo-carousel-block .logo-panel .logo-image-container.has-border {
  border: 1px solid var(--logo-carousel-border-color);
  border-radius: 4px;
}
.logo-carousel-block .logo-panel .logo-image-container.has-border:hover {
  border-color: var(--logo-carousel-border-hover-color);
}
.logo-carousel-block .logo-panel .logo-image-container img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  transition: all 0.3s ease;
}
.logo-carousel-block .grayscale,
.logo-carousel-block .logo-grayscale {
  filter: grayscale(100%);
  opacity: 0.8;
  transition: filter 0.3s ease, opacity 0.3s ease;
}
.logo-carousel-block .grayscale:hover,
.logo-carousel-block .logo-grayscale:hover {
  filter: grayscale(0%);
  opacity: 1;
}
.logo-carousel-block .logo-link-editor {
  margin-top: 0.5rem;
}
.logo-carousel-block .logo-link-editor input {
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  border: 1px solid var(--logo-carousel-border-color);
  border-radius: 2px;
}
.logo-carousel-block [data-uk-slidenav-previous],
.logo-carousel-block [data-uk-slidenav-next] {
  color: var(--logo-carousel-arrow-color);
  width: var(--logo-carousel-arrow-size);
  height: var(--logo-carousel-arrow-size);
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.logo-carousel-block [data-uk-slidenav-previous]:hover,
.logo-carousel-block [data-uk-slidenav-next]:hover {
  opacity: 1;
}
.logo-carousel-block .uk-dotnav {
  margin-top: var(--logo-carousel-spacing);
}
.logo-carousel-block .uk-dotnav > * > * {
  width: var(--logo-carousel-dot-size);
  height: var(--logo-carousel-dot-size);
  background-color: var(--logo-carousel-dot-color);
  transition: background-color 0.2s ease;
}
.logo-carousel-block .uk-dotnav > * > *:hover, .logo-carousel-block .uk-dotnav > * > *[aria-current=true] {
  background-color: var(--logo-carousel-dot-active-color);
}
.logo-carousel-block .uk-slider-items {
  gap: var(--logo-carousel-gap);
}

.block-editor-block-list__block .logo-carousel-block__empty-state {
  background-color: rgba(0, 0, 0, 0.03);
}
.block-editor-block-list__block .logo-carousel-block .logo-link-editor {
  background: rgba(0, 0, 0, 0.02);
  padding: 0.5rem;
  border-radius: 0 0 4px 4px;
  margin-top: 0;
}

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