/* content_blocks/note - Complete extraction */

.block-statement--note.bg--type-image {
  --color-note-card-border:#000000b3;
  --color-theme-decorative:#000}

.block-statement--note.bg--type-image.bg--overlay-light {
  --color-note-card-border:#ffffffb3;
  --color-theme-decorative:#fff}

.block-statement--note {
  position:relative}

.block-statement--note .block-statement__note-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background-color: var(--color-background);
  border: .1rem solid transparent;
  border-radius: .3rem;
}

/* Border and shadow for light backgrounds */
.block-statement.bg--type-light.bg--range-light .block-statement__note-card {
  border: .1rem solid var(--color-theme);
  box-shadow: none;
}

.block-statement.bg--range-light .block-statement__note-card {
  box-shadow: 0 .4rem 3rem rgba(0, 0, 0, .102);
}

.block-statement--note .block-statement__quote,.block-statement--note-size-sm .block-statement__quote {
  color:var(--color-text,#000);
  font-family:var(--font-family-head);
  font-size:1.5rem;
  line-height:1.666;
  padding-block:2.4rem;
  padding-inline:0 2.4rem;
  position:relative;
  width:100%;
  z-index:1}

.block-statement--note .block-statement__quote p,.block-statement--note-size-sm .block-statement__quote p {
  margin-block:0 2rem;
  margin-inline:0}

.block-statement--note .block-statement__quote p:last-child,.block-statement--note-size-sm .block-statement__quote p:last-child {
  margin-block-end:0}

.block-statement--note .block-statement__note-background {
  display:block;
  inset-block:0;
  inset-inline:1.5rem;
  opacity:.1;
  position:absolute;
  z-index:0}

  .block-statement--note .block-statement__note-background {
  inset-inline:0}

.block-statement--note .block-statement__note-icon,.block-statement--note-size-sm .block-statement__note-icon {
  color:var(--color-theme-decorative,var(--color-theme));
  display:flex;
  font-size:2.4rem;
  padding-block:1.6rem 0;
  padding-inline:3rem;
  transition:font-size .5s}

  .block-statement--note .block-statement__note-icon,.block-statement--note-size-sm .block-statement__note-icon {
  transition:none}

.block-statement--note .block-statement__note-icon i,.block-statement--note-size-sm .block-statement__note-icon i {
  font-style:normal}

.block-statement--note .block-statement__note-icon--off,.block-statement--note-size-sm .block-statement__note-icon--off {
  display:none}

.block-statement--note .block-statement__note-icon--legacy {
  font-size:2rem;
  padding-block-start:2rem}

.block-statement--note-size-sm-no-icon .block-statement__quote {
  padding-block:2.4rem;
  padding-inline:2.4rem}

.block-statement--note-size-med .block-statement__quote {
  font-size:2rem;
  padding-block:4.8rem;
  padding-inline:0 2.4rem}

.block-statement--note-size-med-no-icon .block-statement__quote {
  padding-block:4.8rem;
  padding-inline:2.4rem}

.block-statement--note-size-med .block-statement__note-icon {
  font-size:2.4rem;
  padding-block:4.2rem 0;
  padding-inline:3rem}

.block-statement--note-size-lg .block-statement__quote {
  font-size:2.4rem;
  padding-block:5.6rem;
  padding-inline:0 2.4rem}

.block-statement--note-size-lg-no-icon .block-statement__quote {
  padding-block:5.6rem;
  padding-inline:2.4rem}

.block-statement--note-size-lg .block-statement__note-icon {
  font-size:3.2rem;
  padding-block:4.8rem 0;
  padding-inline:3rem}

  .block-statement--b .block-statement__col,.block-statement--c .block-statement__col,.block-statement--d .block-statement__col,.block-statement--note .block-statement__col {
  display:flex;
  flex-direction:column;
  place-items:center}

.block-statement--b-custom-width-med .block-statement__quote,.block-statement--b-custom-width-sm .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--c-custom-width-sm .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--d-custom-width-sm .block-statement__divider-top-container,.block-statement--d-custom-width-sm .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card,.block-statement--note-custom-width-sm .block-statement__note-card {
  width:52rem}

  .block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
  width:72rem}

  .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--a-custom-width-med .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
  width:76rem}

  .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card {
  width:92rem}

  .block-statement--note .block-statement__note-background {
  inset-inline:0}

  .block-statement--note .block-statement__note-icon,.block-statement--note-size-sm .block-statement__note-icon {
  transition:none}

  .block-statement--b .block-statement__col,.block-statement--c .block-statement__col,.block-statement--d .block-statement__col,.block-statement--note .block-statement__col {
  display:flex;
  flex-direction:column;
  place-items:center}

.block-statement--b-custom-width-med .block-statement__quote,.block-statement--b-custom-width-sm .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--c-custom-width-sm .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--d-custom-width-sm .block-statement__divider-top-container,.block-statement--d-custom-width-sm .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card,.block-statement--note-custom-width-sm .block-statement__note-card {
  width:52rem}

  .block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
  width:72rem}

  .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--a-custom-width-med .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-med .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-med .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-med .block-statement__divider-top-container,.block-statement--d-custom-width-med .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card,.block-statement--note-custom-width-med .block-statement__note-card {
  width:76rem}

.course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
  width:60rem}

  .block-statement--a-custom-width-lg .block-statement__quote,.block-statement--b-custom-width-lg .block-statement__quote,.block-statement--c-custom-width-lg .block-statement__quote,.block-statement--d-custom-width-lg .block-statement__divider-top-container,.block-statement--d-custom-width-lg .block-statement__quote,.block-statement--note-custom-width-lg .block-statement__note-card {
  width:92rem}

  .course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--b-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-med .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-med .block-statement__note-card {
  width:76rem}

  .course-navigation__sidebar--nav-open .block-statement--b-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--c-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__divider-top-container,.course-navigation__sidebar--nav-open .block-statement--d-custom-width-lg .block-statement__quote,.course-navigation__sidebar--nav-open .block-statement--note-custom-width-lg .block-statement__note-card {
  width:92rem}