/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/recent-projects/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-recent-projects .js-tab-toggle {
  opacity: 0.3;
  transition: opacity 0.2s, padding-left 0.3s;
}
.wp-block-create-block-recent-projects .js-tab-toggle .tab-burbul {
  transform: scale(0);
  transition: transform 0.3s;
}
@media (hover: hover) {
  .wp-block-create-block-recent-projects .js-tab-toggle:hover {
    opacity: 1;
  }
}
.wp-block-create-block-recent-projects .js-tab-toggle.active {
  opacity: 1;
  padding-left: 1rem;
}
.wp-block-create-block-recent-projects .js-tab-toggle.active .tab-burbul {
  transform: scale(1);
}
.wp-block-create-block-recent-projects .-tab-content {
  opacity: 0;
  transform: translateY(0.5rem);
  transition: transform 0.3s, opacity 0.3s;
}
.wp-block-create-block-recent-projects .active .-tab-content {
  opacity: 1;
  transform: translateY(0);
}
.wp-block-create-block-recent-projects .scroll-container {
  scrollbar-width: none;
}
.wp-block-create-block-recent-projects .scroll-container::-webkit-scrollbar {
  display: none;
}

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