/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sub-blocks/block_CRR-724_step/scss/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-b2b-block-step {
  flex-basis: calc(25% - 3 * var(--ds-semantic-spacing-l) / 4);
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 16.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--ds-semantic-spacing-m);
  padding-top: var(--ds-semantic-spacing-s);
  border: 1px solid var(--ds-semantic-color-layout-border-medium-default);
  border-bottom: solid 2px var(--ds-semantic-color-accent1-surface-subtlest);
  background: var(--ds-semantic-color-layout-surface-medium-default);
  box-sizing: border-box;
  transition: background ease-out 0.25s, borderColor ease-out 0.25s, box-shadow ease-out 0.25s;
}
.wp-block-b2b-block-step:hover, .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent1-surface-subtle);
  background: var(--ds-semantic-color-accent1-surface-subtlest);
}
.wp-block-b2b-block-step .step-num {
  margin-bottom: var(--ds-semantic-spacing-xs);
  color: var(--ds-semantic-color-accent1-content-strong);
}
.wp-block-b2b-block-step .step-ttl {
  margin: 0;
  overflow: hidden;
  word-break: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wp-block-b2b-block-step p {
  margin: 0;
}
.wp-block-b2b-block-step p:last-of-type {
  margin-top: 0;
  margin-bottom: var(--ds-semantic-spacing-xs);
}
.wp-block-b2b-block-step .step-desc {
  overflow: hidden;
  word-break: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.wp-block-b2b-block-step > div, .wp-block-b2b-block-step > p, .wp-block-b2b-block-step > span {
  padding: 0 var(--ds-semantic-spacing-m);
}
.wp-block-b2b-block-step .wp-block-image {
  margin-top: auto;
  margin-bottom: 0;
  aspect-ratio: 4/3;
  width: 100%;
}
.wp-block-b2b-block-step .wp-block-image picture {
  width: 100%;
  height: 100%;
}
.wp-block-b2b-block-step .wp-block-image picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.subtheme-accent1 .wp-block-b2b-block-step:hover, .subtheme-accent1 .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent1-surface-subtle);
  background: var(--ds-semantic-color-accent1-surface-subtlest);
}
.subtheme-accent1 .step-num {
  color: var(--ds-semantic-color-accent1-content-strong);
}
.subtheme-accent2 .wp-block-b2b-block-step:hover, .subtheme-accent2 .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent2-surface-subtle);
  background: var(--ds-semantic-color-accent2-surface-subtlest);
}
.subtheme-accent2 .step-num {
  color: var(--ds-semantic-color-accent2-content-strong);
}
.subtheme-accent3 .wp-block-b2b-block-step:hover, .subtheme-accent3 .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent3-surface-subtle);
  background: var(--ds-semantic-color-accent3-surface-subtlest);
}
.subtheme-accent3 .step-num {
  color: var(--ds-semantic-color-accent3-content-strong);
}
.subtheme-accent4 .wp-block-b2b-block-step:hover, .subtheme-accent4 .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent4-surface-subtle);
  background: var(--ds-semantic-color-accent4-surface-subtlest);
}
.subtheme-accent4 .step-num {
  color: var(--ds-semantic-color-accent4-content-strong);
}
.subtheme-accent5 .wp-block-b2b-block-step:hover, .subtheme-accent5 .wp-block-b2b-block-step:focus {
  border-color: transparent;
  border-bottom: solid 2px var(--ds-semantic-color-accent5-surface-subtle);
  background: var(--ds-semantic-color-accent5-surface-subtlest);
}
.subtheme-accent5 .step-num {
  color: var(--ds-semantic-color-accent5-content-strong);
}
.ds-theme-citeob2c .wp-block-b2b-block-step {
  border-radius: var(--ds-semantic-radius-default);
  border: 2px solid var(--ds-semantic-color-layout-border-medium-default) !important;
  box-shadow: 0 0 0 0 transparent;
  overflow: hidden;
}
.ds-theme-citeob2c .wp-block-b2b-block-step:hover, .ds-theme-citeob2c .wp-block-b2b-block-step:focus {
  border-color: var(--ds-semantic-color-layout-border-medium-default) !important;
  box-shadow: 4px 4px 0 0 var(--ds-semantic-color-layout-border-medium-default);
}
.ds-theme-citeob2c .subtheme-accent1 .wp-block-b2b-block-step .step-num, .ds-theme-citeob2c.subtheme-accent1 .wp-block-b2b-block-step .step-num {
  color: var(--ds-semantic-color-accent1-content-medium);
}
.ds-theme-citeob2c .subtheme-accent2 .wp-block-b2b-block-step .step-num, .ds-theme-citeob2c.subtheme-accent2 .wp-block-b2b-block-step .step-num {
  color: var(--ds-semantic-color-accent2-content-medium);
}
.ds-theme-citeob2c .subtheme-accent3 .wp-block-b2b-block-step .step-num, .ds-theme-citeob2c.subtheme-accent3 .wp-block-b2b-block-step .step-num {
  color: var(--ds-semantic-color-accent3-content-medium);
}
.ds-theme-citeob2c .subtheme-accent4 .wp-block-b2b-block-step .step-num, .ds-theme-citeob2c.subtheme-accent4 .wp-block-b2b-block-step .step-num {
  color: var(--ds-semantic-color-accent4-content-medium);
}
.ds-theme-citeob2c .subtheme-accent5 .wp-block-b2b-block-step .step-num, .ds-theme-citeob2c.subtheme-accent5 .wp-block-b2b-block-step .step-num {
  color: var(--ds-semantic-color-accent5-content-medium);
}

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