/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/sass-loader/dist/cjs.js!./src/components/pricing-view/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ncos-pricing-view-load {
  --min-element-size: 320px;
  width: 100%;
  margin: 0 auto;
}

.ncos-pricing-view {
  --min-element-size: 320px;
  width: 100%;
  margin: 0 auto;
}

.ncos-pricing-view__container {
  container-type: inline-size;
}

.ncos-pricing-view__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 64px;
}

.ncos-pricing-view__plans {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(4, 1fr);
}

.ncos-pricing-view__plans__header {
  grid-column: span 4;
}

.ncos-pricing-view__plans__header p {
  margin-top: 16px !important;
  color: var(--ncos-colour-sys-surface-alt);
}

.ncos-pricing-view__plans__cards {
  grid-column: span 4;
}

.ncos-pricing-view__plans__cards--expanded {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@container (min-width: 1100px) {
  .ncos-pricing-view__plans__cards--expanded {
    display: none;
  }
}
.ncos-pricing-view__plans__cards--linked {
  display: none;
}

@container (min-width: 1100px) {
  .ncos-pricing-view__plans__cards--linked {
    display: flex;
    gap: 32px;
  }
}
@container (min-width: 1100px) {
  .ncos-pricing-view__plans--4 .ncos-pricing-view__plans__header {
    grid-column: span 4;
  }
  .ncos-pricing-view__plans--4 .ncos-pricing-view__plans__cards {
    grid-column: span 4;
  }
}
@container (min-width: 1100px) {
  .ncos-pricing-view__plans--3 .ncos-pricing-view__plans__header {
    grid-column: span 1;
  }
  .ncos-pricing-view__plans--3 .ncos-pricing-view__plans__cards {
    grid-column: span 3;
  }
}
@container (min-width: 1100px) {
  .ncos-pricing-view__plans--2 .ncos-pricing-view__plans__header {
    grid-column: span 1;
  }
  .ncos-pricing-view__plans--2 .ncos-pricing-view__plans__cards {
    grid-column: 3/5;
  }
}
@container (min-width: 1100px) {
  .ncos-pricing-view__plans--1 .ncos-pricing-view__plans__header {
    grid-column: span 1;
  }
  .ncos-pricing-view__plans--1 .ncos-pricing-view__plans__cards {
    grid-column: 3/5;
  }
}
.ncos-pricing-view__table {
  display: none;
}

@container (min-width: 850px) {
  .ncos-pricing-view__table {
    display: block;
  }
}
.ncos-pricing-view .ncos-pricing-card {
  flex: 1;
}

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