/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/background/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-fitbit-blocks-background {
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.page .page__content .wp-block-fitbit-blocks-background[class*=wp-block-fitbit-blocks-] .block__container, .edit-post-visual-editor .wp-block-fitbit-blocks-background[class*=wp-block-fitbit-blocks-] .block__container {
  display: flex;
  width: 100%;
  padding: 0 20px;
}
.page .page__content .wp-block-fitbit-blocks-background[class*=wp-block-fitbit-blocks-] .block__container div[class*=wp-block-fitbit-blocks-] .block__container, .edit-post-visual-editor .wp-block-fitbit-blocks-background[class*=wp-block-fitbit-blocks-] .block__container div[class*=wp-block-fitbit-blocks-] .block__container {
  padding: 0;
}
.wp-block-fitbit-blocks-background .background__content {
  display: flex;
  width: 100%;
}
.wp-block-fitbit-blocks-background .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
body [class*=wp-block-fitbit-blocks-] .block__background {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
body [class*=wp-block-fitbit-blocks-] .block__background .background__shape {
  display: none;
}
body [class*=wp-block-fitbit-blocks-] .block__background .background__shape--right {
  margin-left: auto;
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-1-background-shape .background__shape--left {
  display: block;
  background-image: url(040b12996a98ee4791ce.svg);
  background-size: 314.4px 210.6px;
  background-position: right top;
  background-repeat: no-repeat;
  align-self: flex-end;
  height: auto;
  width: 314.4px;
  aspect-ratio: 524/351;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-1-background-shape .background__shape--left {
    background-size: 524px 351px;
    width: 524px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-2-background-shape .background__shape--right {
  display: block;
  background-image: url(e67615295b472f6f3c35.svg);
  background-size: 334.2px 179.4px;
  background-position: left bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: auto;
  width: 334.2px;
  aspect-ratio: 557/299;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-2-background-shape .background__shape--right {
    background-size: 557px 299px;
    width: 557px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-3-background-shape .background__shape--right {
  display: block;
  background-image: url(5096d75fcba4f08d10b4.svg);
  background-size: 335.4px 162px;
  background-position: left bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: auto;
  width: 335.4px;
  aspect-ratio: 559/270;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-3-background-shape .background__shape--right {
    background-size: 559px 270px;
    width: 559px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-4-background-shape .background__shape--left {
  display: block;
  background-image: url(3b53964b86bae01c3eeb.svg);
  background-size: 400.8px 108.6px;
  background-position: right bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: auto;
  width: 400.8px;
  aspect-ratio: 668/181;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-4-background-shape .background__shape--left {
    background-size: 668px 181px;
    width: 668px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-background-shape .background__shape--right {
  display: block;
  background-image: url(515ab0b42e95568f2452.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  align-self: center;
  height: 90%;
  max-width: 262.2px;
  aspect-ratio: 437/589;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-background-shape .background__shape--right {
    max-width: 437px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-6-background-shape .background__shape--left {
  display: block;
  background-image: url(ff134ba573d6dfd1e932.svg);
  background-size: 180px 293.4px;
  background-position: right center;
  background-repeat: no-repeat;
  align-self: center;
  height: auto;
  width: 180px;
  aspect-ratio: 300/489;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-6-background-shape .background__shape--left {
    background-size: 300px 489px;
    width: 300px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-9-background-shape .background__shape--left {
  display: block;
  background-image: url(2237f52e998688952bc7.svg);
  background-size: 232.2px 127.2px;
  background-position: right top;
  background-repeat: no-repeat;
  align-self: flex-end;
  height: auto;
  width: 232.2px;
  aspect-ratio: 387/212;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-9-background-shape .background__shape--left {
    background-size: 387px 212px;
    width: 387px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-9-background-shape .background__shape--right {
  display: block;
  background-image: url(515ab0b42e95568f2452.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  align-self: center;
  height: 90%;
  max-width: 262.2px;
  aspect-ratio: 437/589;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-5-9-background-shape .background__shape--right {
    max-width: 437px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-7-8-background-shape .background__shape--left {
  display: block;
  background-image: url(b9eb18c5afdb34199f94.svg);
  background-size: 256.2px 236.4px;
  background-position: right bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: auto;
  width: 256.2px;
  aspect-ratio: 427/394;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-7-8-background-shape .background__shape--left {
    background-size: 427px 394px;
    width: 427px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-7-8-background-shape .background__shape--right {
  display: block;
  background-image: url(ceb17d6693eefc021957.svg);
  background-size: 367.8px 379.8px;
  background-position: 15px center;
  background-repeat: no-repeat;
  align-self: center;
  height: 379.8px;
  width: auto;
  aspect-ratio: 613/633;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-7-8-background-shape .background__shape--right {
    background-size: 613px 633px;
    height: 633px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-9-10-background-shape .background__shape--left {
  display: block;
  background-image: url(2237f52e998688952bc7.svg);
  background-size: 232.2px 127.2px;
  background-position: right top;
  background-repeat: no-repeat;
  align-self: flex-end;
  height: auto;
  width: 232.2px;
  aspect-ratio: 387/212;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-9-10-background-shape .background__shape--left {
    background-size: 387px 212px;
    width: 387px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-9-10-background-shape .background__shape--right {
  display: block;
  background-image: url(210a969f34433adbdbfe.svg);
  background-size: 252.6px 208.8px;
  background-position: left bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: 208.8px;
  width: auto;
  aspect-ratio: 421/348;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-9-10-background-shape .background__shape--right {
    background-size: 421px 348px;
    height: 348px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-11-12-background-shape .background__shape--left {
  display: block;
  background-image: url(87b6f884b3034ea5d372.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  align-self: flex-end;
  height: 60%;
  width: auto;
  aspect-ratio: 379/252;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-11-12-background-shape .background__shape--left {
    height: 100%;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-11-12-background-shape .background__shape--right {
  display: block;
  background-image: url(550fc30f7cf92ff8a5bf.svg);
  background-size: 300px 151.2px;
  background-position: left bottom;
  background-repeat: no-repeat;
  align-self: flex-start;
  height: auto;
  width: 300px;
  aspect-ratio: 500/252;
}
@media screen and (min-width: 769px) {
  body [class*=wp-block-fitbit-blocks-] .block__background.has-shape-11-12-background-shape .background__shape--right {
    background-size: 500px 252px;
    width: 500px;
  }
}
body [class*=wp-block-fitbit-blocks-] .block__background + .block__content {
  z-index: 0;
}