/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quote/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.oce-quote {
  padding: var(--v--padding-top) var(--v--padding-right) var(--v--padding-top) var(--v--padding-left);
  background-color: var(--oce--bg--dark);
  color: var(--pure-white);
  --one-col: calc(100% - var(--block--horizontal-padding) ) / 12;
  position: relative;
  overflow: hidden;
}
.oce-quote::before, .oce-quote__text, .oce-quote__attribution {
  position: relative;
  z-index: 1;
}
.oce-quote::before, .oce-quote::after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.oce-quote::before {
  width: var(--v--before--width);
  height: var(--v--before--height);
  position: var(--v--before--position);
  translate: var(--v--before--translate);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA2NyA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDk1OTggNDMuNjQ4MUw1LjExNTA5IDQzLjY2OTNMNS4xMzUzNyA0My42ODk0QzguMDI5NTcgNDYuNTUyOSAxMS41MTc4IDQ4IDE1LjU0ODQgNDhDMTkuNTk1MyA0OCAyMy4wMjE3IDQ2LjQ2MDQgMjUuNzY1NSA0My40MjIxQzI4LjY0NzEgNDAuMzk4NCAzMC4wOTY4IDM2Ljc2MzYgMzAuMDk2OCAzMi41Njk5QzMwLjA5NjggMjkuMDUwNiAyOS4wNTI1IDI1Ljk4NTYgMjYuOTQxOSAyMy40Mjg1QzI1LjA0OTggMjAuOTkzNSAyMi42ODA1IDE5LjMwMzIgMTkuODUxIDE4LjM3OTRDMjAuMTk3MiAxNi43MjYxIDIwLjg1NDkgMTQuOTk2IDIxLjg0MDcgMTMuMTg2OUMyMy4xNTk2IDEwLjg4NTYgMjQuNTMwNyA5LjA4MTY5IDI1Ljk0NDEgNy43NDkxTDI2LjczODEgNy4wMDA0NEwyNS45MjMxIDYuMjc0NjlMMjEuNDA3IDIuMjUzMThMMjAuODE4NyAxLjcyOTM2TDIwLjE3MTcgMi4xNzg1NEM3LjUxODM4IDEwLjk2MjUgMSAyMS4wODggMSAzMi41Njk5QzEgMzYuODk4IDIuMzU4NTQgNDAuNjExNiA1LjA5NTk4IDQzLjY0ODFaTTU3LjI5MiAyLjIzNzM0TDU2LjY5OTIgMS43MzQ2NUw1Ni4wNjU4IDIuMTg0OTZDNDMuMjgxOSAxMS4yNzI4IDM2LjY3NzQgMjEuMzk0MiAzNi42Nzc0IDMyLjU2OTlDMzYuNjc3NCAzNi43Njg0IDM4LjEzMDQgNDAuNDA2NyA0MS4wMTg2IDQzLjQzMjRDNDMuOTA3OSA0Ni40NTkzIDQ3LjQwMiA0OCA1MS40NTE2IDQ4QzU1LjM2MjkgNDggNTguNzc4NSA0Ni40NDk5IDYxLjY1ODggNDMuNDMyNEM2NC41NDcgNDAuNDA2NyA2NiAzNi43Njg0IDY2IDMyLjU2OTlDNjYgMjkuMDUwNiA2NC45NTU3IDI1Ljk4NTYgNjIuODQ1MSAyMy40Mjg1QzYwLjk2MjUgMjEuMDA1NyA1OC42MDc1IDE5LjMyMDIgNTUuNzk2OCAxOC4zOTM0QzU2LjI1MTYgMTYuNTk0NiA1Ni45NzEyIDE0Ljc4NDkgNTcuOTYyNSAxMi45NjM2QzU5LjI3ODEgMTAuODIyOSA2MC42NTA1IDkuMDkwMzggNjIuMDczMSA3Ljc0OTFMNjIuODg2NyA2Ljk4MjA1TDYyLjAzMzkgNi4yNTg4NUw1Ny4yOTIgMi4yMzczNFoiIHN0cm9rZT0iI0VCNTk2MyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
  margin-bottom: 32px;
}
.oce-quote::after {
  position: absolute;
  inset: 50% 0px 0px 50%;
  aspect-ratio: 2466/935;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ2NiIgaGVpZ2h0PSI5MzUiIHZpZXdCb3g9IjAgMCAyNDY2IDkzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNNDczLjQ2NCAwQzIxMi4zOTYgMCAwIDIwOS44MzUgMCA0NjcuNTczQzAgNzI1LjMxMiAyMTIuMzk2IDkzNSA0NzMuNDY0IDkzNUM2MjkuMDAzIDkzNSA3NjYuODMgODYwLjIwNiA4NTMuMTU3IDc0NS41OUM5MzkuNDg1IDg2MC4yMDYgMTA3Ny4zMSA5MzUgMTIzMi44NSA5MzVDMTM1NC4xNiA5MzUgMTQ2NC40NSA4ODkuNDQ4IDE1NDguMzkgODE1LjA5NEMxNTA3LjkxIDc2NC42OTMgMTQ3Ni4wNiA3MDcuMzg1IDE0NTQuNzcgNjQ1LjIyOEMxNDAyLjIzIDcwOS4wMDEgMTMyMi4zIDc0OS44NTIgMTIzMi44NSA3NDkuODUyQzEwNzUuMjMgNzQ5Ljg1MiA5NDYuOTI3IDYyMy4xODYgOTQ2LjkyNyA0NjcuNTczQzk0Ni45MjcgMzExLjk2MSAxMDc1LjIzIDE4NS4yOTUgMTIzMi44NSAxODUuMjk1QzEzMjIuMyAxODUuMjk1IDE0MDIuMzggMjI2LjE0NiAxNDU0Ljc3IDI4OS45MTlDMTQ3NS45MSAyMjcuNjE1IDE1MDcuNzYgMTcwLjMwNyAxNTQ4LjM5IDEyMC4wNTNDMTQ2NC42IDQ1Ljg0NjMgMTM1NC4xNiAwLjE0NjkxOSAxMjMyLjg1IDAuMTQ2OTE5QzEwNzcuMzEgMC4xNDY5MTkgOTM5LjQ4NSA3NC45NDEgODUzLjE1NyAxODkuNTU3Qzc2Ni44MyA3NC45NDEgNjI5LjAwMyAwLjE0NjkxOSA0NzMuNDY0IDAuMTQ2OTE5VjBaTTc1OS41MzYgNDY3LjcyQzc1OS41MzYgNjIzLjMzMyA2MzEuMjM1IDc0OS45OTggNDczLjYxMyA3NDkuOTk4QzMxNS45OSA3NDkuOTk4IDE4Ny42ODkgNjIzLjMzMyAxODcuNjg5IDQ2Ny43MkMxODcuNjg5IDMxMi4xMDggMzE1Ljk5IDE4NS40NDIgNDczLjYxMyAxODUuNDQyQzYzMS4yMzUgMTg1LjQ0MiA3NTkuNTM2IDMxMi4xMDggNzU5LjUzNiA0NjcuNzJaTTE1MTguOTIgNDY3LjU3M0MxNTE4LjkyIDIwOS44MzUgMTczMS4zMiAwIDE5OTIuMzkgMEMyMjUzLjQ1IDAgMjQ2NiAyMDkuNjg4IDI0NjYgNDY3LjU3M0MyNDY2IDQ5OS4zMTMgMjQ2Mi43MyA1MzAuMTcxIDI0NTYuNjIgNTYwLjE0OEgyMDc2LjkzQzIwNzYuOTMgNDU4LjYxIDIxNTkuNjggMzc2LjE3NSAyMjYyLjM5IDM3NS4xNDZDMjIyMy41NCAyNjQuNzkyIDIxMTcuMjcgMTg1LjI5NSAxOTkyLjU0IDE4NS4yOTVDMTgzNC45MSAxODUuMjk1IDE3MDYuNjEgMzExLjk2MSAxNzA2LjYxIDQ2Ny41NzNDMTcwNi42MSA2MjMuMTg2IDE4MzQuOTEgNzQ5Ljg1MiAxOTkyLjU0IDc0OS44NTJDMjA0NC45MyA3NDkuODUyIDIwOTQuMTkgNzM1Ljg5MiAyMTM2LjQ3IDcxMS40OTlDMjE1OS44MyA2OTcuOTgxIDIxODAuOTcgNjgwLjkzNSAyMTk5LjU3IDY2MS42ODZMMjM0My4yMSA3ODAuNzFDMjI1Ni40MyA4NzUuMTk0IDIxMzEuNyA5MzUgMTk5Mi42OSA5MzVDMTczMS42MiA5MzUgMTUxOS4yMiA3MjUuMzEyIDE1MTkuMjIgNDY3LjU3M0gxNTE4LjkyWiIgZmlsbD0iIzMxM0M0NSIvPgo8L3N2Zz4K);
  height: var(--v--after--height);
  translate: var(--v--after--translate);
}
.oce-quote__attribution {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: center;
  grid-row-gap: 4px;
  margin-top: var(--v--attribution--margin-top);
}
.oce-quote__attribution > .text--s2m.oce-quote__rightside {
  color: var(--oce--bg--light);
}
.oce-quote__img {
  grid-row: span 2;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin-right: 16px;
}
.oce-quote__rightside {
  grid-column: 2;
}

.oce-quote {
  --v--attribution--margin-top: 24px;
  --v--after--height: clamp(90%, 80vw, 100%);
  --v--after--translate: calc(60vh - 50%) -50%;
  --v--before--width: 46px;
  --v--before--height: 32px;
  --v--before--position: static;
  --v--before--translate: none;
  --v--padding-top: 48px;
  --v--padding-right: var(--block--horizontal-padding);
  --v--padding-left: var(--block--horizontal-padding);
}

@media (min-width: 1280px) {
  .resource-sheet > .oce-quote {
    --v--attribution--margin-top: 24px;
    --v--after--height: clamp(90%, 80vw, 100%);
    --v--after--translate: calc(60vh - 50%) -50%;
    --v--before--width: 46px;
    --v--before--height: 32px;
    --v--before--position: static;
    --v--before--translate: none;
    --v--padding-top: 48px;
    --v--padding-right: var(--block--horizontal-padding);
    --v--padding-left: var(--block--horizontal-padding);
  }
}
@media screen and (min-width: 992px) {
  .oce-quote {
    --v--attribution--margin-top: 40px;
    --v--after--height: 110%;
    --v--after--translate: calc(0px - 19%) -50%;
    --v--before--width: 63px;
    --v--before--height: 44px;
    --v--before--position: absolute;
    --v--before--translate: calc(-100% - 58px);
    --v--padding-top: 160px;
    --v--padding-right: calc(var(--theme--horizontal-padding) + var(--one-col) * 4);
    --v--padding-left: calc(var(--ultrawide-padding) + var(--one-col) * 2);
  }
}

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