/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/content-cards-carousel-item/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-content-cards-carousel-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  list-style: none;
  background-color: #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
  padding: 16px;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-kale-text-color {
  color: #1B3532;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-deep-teal-text-color {
  color: #006166;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-fitbit-teal-text-color {
  color: #1CB0B8;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-fitbit-teal-8-text-color {
  color: rgba(28, 176, 184, 0.0784313725);
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-fitbit-teal-20-text-color {
  color: rgba(28, 176, 184, 0.2);
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-light-grey-text-color {
  color: #F1F2F1;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-matcha-text-color {
  color: #C7EED6;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-mango-text-color {
  color: #CB9719;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-light-teal-text-color {
  color: #D2FFFA;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-raspberry-text-color {
  color: #943863;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-white-text-color {
  color: #FFFFFF;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-black-text-color {
  color: #000000;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-dark-grey-text-color {
  color: #525458;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-google-grey-text-color {
  color: #5F6368;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.has-border-grey-text-color {
  color: #B1B1B1;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--kale {
  color: #1B3532;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--deep-teal {
  color: #006166;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--fitbit-teal {
  color: #1CB0B8;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--fitbit-teal-8 {
  color: rgba(28, 176, 184, 0.0784313725);
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--fitbit-teal-20 {
  color: rgba(28, 176, 184, 0.2);
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--light-grey {
  color: #F1F2F1;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--matcha {
  color: #C7EED6;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--mango {
  color: #CB9719;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--light {
  color: #D2FFFA;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--raspberry {
  color: #943863;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--white {
  color: #FFFFFF;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--black {
  color: #000000;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--dark-grey {
  color: #525458;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--google-grey {
  color: #5F6368;
}
.wp-block-fitbit-blocks-content-cards-carousel-item.--border-grey {
  color: #B1B1B1;
}
@media screen and (min-width: 769px) {
  .wp-block-fitbit-blocks-content-cards-carousel-item {
    padding: 24px;
  }
}
.wp-block-fitbit-blocks-content-cards-carousel-item > * {
  z-index: 1;
}
.wp-block-fitbit-blocks-content-cards-carousel-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 120ms ease-out;
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link) {
  cursor: pointer;
}
.wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__image-wrapper {
  display: flex;
  flex: 0 1 content;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  max-height: 80px;
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__image-wrapper {
    max-height: 160px;
  }
}
.wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 8px;
}
@media screen and (min-width: 769px) {
  .wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__title {
    font-size: 22px !important;
    line-height: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__title {
    font-size: 24px !important;
    line-height: 32px;
  }
}
.wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__copy {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  color: #5F6368;
  margin-bottom: 16px;
}
.wp-block-fitbit-blocks-content-cards-carousel-item .ccc-item-block__cta {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: auto;
}
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover:before {
  background-color: rgba(28, 176, 184, 0.0784313725);
}
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta {
  color: #1CB0B8;
  fill: #1CB0B8;
}
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .wp-element-button,
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link {
  background-color: transparent;
}
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .wp-element-button .arrow--back,
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link .arrow--back {
  transform: translateX(-8px);
}
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .wp-element-button .arrow--forward,
body:not(body.touch) .wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link):hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link .arrow--forward {
  transform: translateX(8px);
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover:before {
  background-color: rgba(28, 176, 184, 0.0784313725);
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta {
  color: #1CB0B8;
  fill: #1CB0B8;
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .wp-element-button,
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link {
  background-color: transparent;
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .wp-element-button .arrow--back,
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link .arrow--back {
  transform: translateX(-8px);
}
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .wp-element-button .arrow--forward,
.wp-block-fitbit-blocks-content-cards-carousel-item:not(.no-link).hover .wp-block-button.is-style-tertiary-cta .fhs-cta__link .arrow--forward {
  transform: translateX(8px);
}
.wp-block-fitbit-blocks-content-cards-carousel-item:focus .wp-block-button.is-style-tertiary-cta {
  border: 1px solid #4ADBCE;
}