/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/advanced-list-item/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-flywp-theme-companion-list-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.wp-block-flywp-theme-companion-list-item .list-help-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -7px;
}
.wp-block-flywp-theme-companion-list-item .list-help-wrap:hover .list-help-wrap-text {
  opacity: 1;
  visibility: visible;
}
.wp-block-flywp-theme-companion-list-item .list-help-wrap-text {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  height: auto;
  background: #000;
  border-radius: 5px;
  padding: 0.625rem;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.wp-block-flywp-theme-companion-list-item .list-help-wrap-text::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  opacity: 1;
  border-top-color: #000;
}
.wp-block-flywp-theme-companion-list-item.monthly-plan .wp-block-flywp-theme-companion-list-item-content:not(.monthly-list-content) {
  display: none;
}
.wp-block-flywp-theme-companion-list-item.yearly-plan .wp-block-flywp-theme-companion-list-item-content:not(.yearly-list-content) {
  display: none;
}
.wp-block-flywp-theme-companion-list-item.lifetime-plan .wp-block-flywp-theme-companion-list-item-content:not(.lifetime-list-content) {
  display: none;
}

.flywp-theme-companion-settings-list-icon button[data-active-item] svg path {
  stroke: #fff;
}

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