/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./shark-ninja/cartridges/app_custom_sharkninja_core/cartridge/client/default/scss/experience/components/commerceAssets/layoutImageGridFirstFullRestHalf.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-enable */
/***************************** Category Colors *****************************/
/***************************** Fonts *****************************/
/***************************** Border *****************************/
/***************************** Background *****************************/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.layout-image-grid-first-full-rest-half {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half {
    padding-bottom: 0;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container {
  padding-inline: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container {
    max-height: 45rem;
  }
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container.main-image {
    margin-bottom: 1.75rem;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container.main-image .image {
  width: 100%;
  height: 100%;
  aspect-ratio: 2/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  border-radius: 1rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container.main-image .image {
    aspect-ratio: 16/9;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text {
  position: absolute;
  left: 2rem;
  top: 1.25rem;
  z-index: 1;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text {
    left: 3rem;
    top: 2rem;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description,
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-text {
  max-width: 15.625rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description,
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-text {
    max-width: 25rem;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description *,
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-text * {
  font-family: "DM Sans", arial, helvetica, serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
  line-height: 1.25rem;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-text * {
  font-weight: 700;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description {
  margin-bottom: 1.5rem;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description * {
  font-family: "Plus Jakarta Sans", arial, helvetica, serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  line-height: 1.5rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description * {
    font-family: "Plus Jakarta Sans", arial, helvetica, serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    line-height: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .header-description {
    margin-bottom: 2rem;
  }
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .banner-button .btn-primary-dark {
  padding-right: 2.1875rem;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text .banner-button .btn-primary-dark::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24tMjAiPgo8cGF0aCBpZD0iUHJpbWFyeSIgZD0iTTE2Ljg0MjQgOS40MjkwNUMxNi45OTU0IDkuNTc4NzkgMTcuMDgzMyA5Ljc4MDYxIDE3LjA4MzMgOS45OTU0NUMxNy4wODMzIDEwLjIxMDMgMTYuOTk1NCAxMC40MTIxIDE2Ljg0MjQgMTAuNTYxOUwxMS4xMTMyIDE2LjAzMDZDMTAuODAwNyAxNi4zMzAxIDEwLjMwNTkgMTYuMzE3MSAxMC4wMDk3IDE2LjAwNDZDOS43MTM0NiAxNS42OTIxIDkuNzIzMjMgMTUuMTk3MyAxMC4wMzU3IDE0LjkwMTFMMTQuMzUyMSAxMC43NzY3TDMuMjgxMTcgMTAuNzc2N0MyLjg0ODIzIDEwLjc3NjcgMi40OTk5MiAxMC40Mjg0IDIuNDk5OTIgOS45OTU0NUMyLjQ5OTkyIDkuNTYyNTEgMi44NDgyMyA5LjIxNDIgMy4yODExNyA5LjIxNDJMMTQuMzUyMSA5LjIxNDJMMTAuMDMyNSA1LjA5MzExQzkuNzE5OTcgNC43OTM2MyA5LjcxMDIxIDQuMzAyMDkgMTAuMDA2NCAzLjk4OTU5QzEwLjMwMjcgMy42NzcwOSAxMC43OTc0IDMuNjY3MzMgMTEuMTA5OSAzLjk2MzU1TDE2LjgzOTEgOS40MzIzTDE2Ljg0MjQgOS40MjkwNVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+Cg==");
  content: "";
  height: 1rem;
  width: 1.0625rem;
  display: inline-block;
  position: relative;
  left: 0.3125rem;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text.on-light .header-description * {
  color: #fff;
}
.layout-image-grid-first-full-rest-half .mobile-carousel-image-container .image-overlay-text.on-light .header-text * {
  color: #fff;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container__tile2 {
    padding-right: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-carousel-image-container__tile3 {
    padding-left: 0.875rem;
  }
}
.layout-image-grid-first-full-rest-half .cld-video-player.cld-fluid .vjs-poster {
  background: #fff;
}
.layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container .header-description * {
  margin-bottom: 1.5rem;
  font-family: "Plus Jakarta Sans", arial, helvetica, serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  line-height: 1.5rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container .header-description * {
    letter-spacing: -0.03125rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container .header-description.main-header-description * {
  font-size: 1.75rem;
  line-height: 2rem;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container .header-description.main-header-description * {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container .header-text * {
  font-family: "DM Sans", arial, helvetica, serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
  line-height: 1.25rem;
}
.layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container.on-light .header-description * {
  color: #fff;
}
.layout-image-grid-first-full-rest-half .first-full-rest-half-eyebrow-container.on-light .header-text * {
  color: #fff;
}
.layout-image-grid-first-full-rest-half .mobile-corousel img.secondary-carousel-image, .layout-image-grid-first-full-rest-half .mobile-corousel video.secondary-carousel-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 16px;
  aspect-ratio: 2/3;
}
@media (min-width: 1200px) {
  .layout-image-grid-first-full-rest-half .mobile-corousel img.secondary-carousel-image, .layout-image-grid-first-full-rest-half .mobile-corousel video.secondary-carousel-image {
    aspect-ratio: 1/1;
  }
}
.layout-image-grid-first-full-rest-half .slick-dots {
  z-index: 1;
  bottom: -2rem;
}
.layout-image-grid-first-full-rest-half .slick-slide {
  margin: 0 0.75rem; /* horizontal space between slides */
}
.layout-image-grid-first-full-rest-half .slick-list {
  margin: 0 -0.75rem; /* compensate for extra margin so layout stays aligned */
}

.mix-grid-tile {
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  position: relative;
  aspect-ratio: 2/3;
}
@media (min-width: 1200px) {
  .mix-grid-tile {
    width: 100%;
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1200px) {
  .mix-grid-tile__tile1 {
    aspect-ratio: 16/9;
  }
}
.mix-grid-tile .cld-video-mix-grid,
.mix-grid-tile video {
  position: absolute;
  top: 50% !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.mix-grid-card__content {
  width: 100%;
  padding-inline: 0.75rem;
}
.mix-grid-card__content .row {
  margin: 0;
}
@media (min-width: 1200px) {
  .mix-grid-card__content {
    max-width: 83.5rem;
    padding-inline: 1.75rem;
    margin: 0 auto;
  }
}
.mix-grid-card__content .main-header-text {
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
  font-family: "DM Sans", arial, helvetica, serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
  line-height: 1.25rem;
}
.mix-grid-card__content .main-header-description {
  letter-spacing: -0.03125rem;
  font-family: "Plus Jakarta Sans", arial, helvetica, serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #000;
  line-height: 2rem;
}
@media (min-width: 1200px) {
  .mix-grid-card__content .main-header-description {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

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