/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[1].use[1]!./sfra-webpack-builder/node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/lib/index.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./code/core/cartridges/app_custom_triumph_jp/cartridge/client/default/scss/homePage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-no-unknown */
/*
Define here all z-indices used so that we have one central overview

Standard z-indices set and used by bootstrap (Do NOT modify these!):
$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-modal-backdrop:             1040;
$zindex-offcanvas:                  1050;
$zindex-modal:                      1060;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;
Source: https://getbootstrap.com/docs/5.0/layout/z-index/
*/
/* stylelint-disable custom-property-pattern */
.categoryTile {
  color: var(--color-black);
  text-align: center;
  background: var(--color-linenGrey);
}
.categoryTile--v2 {
  text-align: left;
  background: var(--color-transparent);
  color: var(--tile-textOverwrite, var(--pd-textColor, initial)) !important;
  width: fit-content;
  display: block;
  transition: all 0.2s linear;
  overflow: hidden;
}
.categoryTile--v2 .categoryTile__image {
  width: 100%;
  height: auto;
}
.categoryTile--v2 .categoryTile__text {
  transition: all 0.2s linear;
}
.categoryTile--v2 .categoryTile__text::before {
  margin: 0;
}
.categoryTile--v2 .categoryTile--v2__text {
  color: var(--tile-textOverwrite, var(--pd-textColor, initial)) !important;
}
.categoryTile__link {
  text-decoration: none;
  color: var(--color-black);
  cursor: pointer;
}
.categoryTile__link span::after {
  content: "";
  display: block;
  height: 10px;
}
.categoryTile__link--secondary {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}
.categoryTile--flexCarousel {
  width: 100%;
}
.categoryTile--flexCarousel img[class] {
  width: 100%;
}
.categoryTile picture {
  display: block;
  position: relative;
  line-height: 0;
}
.categoryTile__icon {
  font-size: 20px;
  vertical-align: text-bottom;
  padding-left: 5px;
}

.pd {
  padding-top: 40px;
}
.pd__title, .pd__paragraph, .pd__cta {
  order: 1;
}
.pd__mediaWrapper {
  order: 2;
}
.pd__paragraph {
  font-family: var(--baseFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.pd__title {
  order: 0;
}
.pd__title--contentBannerV15 {
  font-size: 32px;
  font-family: var(--alternateFont);
  margin-bottom: 16px;
}
.pd__buttonAction {
  bottom: 40px;
}
.pd__cb15Link {
  display: grid;
}
.pd__media {
  overflow: hidden;
  width: 100%;
}
.pd__media .video,
.pd__media .video div {
  height: 100%;
}
.pd__media video,
.pd__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.pd .carousel__item--contentBannerV15 {
  margin-right: 2px;
}
@media (max-width: 991.98px) {
  .pd .carousel__item--contentBannerV15 img, .pd .carousel__item--contentBannerV15 video {
    max-height: 556px;
  }
}

.pdbody16background__mobileImage {
  background-image: var(--content-banner-mobile, none);
  background-size: cover;
  background-position: center center;
  aspect-ratio: 412/392;
}

.pd__body--16 {
  margin: 0 0 50px;
  padding: 30px 0;
}
.pd__body--16 .pd__headline {
  position: absolute;
  left: 35%;
  top: 120px;
}
.pd__body--16 .pd__headline span {
  display: block;
  text-align: center;
}
.pd__body--16 .pd__details {
  padding: 0;
}
.pd__body--16 .pd__title {
  padding: 0 80px 0 0;
}
.pd__body--16 .pd__text {
  padding: 20px 15px 0;
}
.pd__body--16 .pd__button {
  padding: 0 15px;
}
.pd--backgroundPositionHorizontalcenter {
  background-position-x: center;
}
.pd--backgroundPositionHorizontalleft {
  background-position-x: left;
}
.pd--backgroundPositionHorizontalright {
  background-position-x: right;
}
.pd--backgroundPositionVerticalcenter {
  background-position-y: center;
}
.pd--backgroundPositionVerticaltop {
  background-position-y: top;
}
.pd--backgroundPositionVerticalbottom {
  background-position-y: bottom;
}
.pd--backgroundSizeauto {
  background-size: auto;
}
.pd--backgroundSizecover {
  background-size: cover;
}
.pd--backgroundSizecontain {
  background-size: contain;
}
.pd--backgroundRepeatrepeat {
  background-repeat: repeat;
}
.pd--backgroundRepeatrepeat-x {
  background-repeat: repeat-x;
}
.pd--backgroundRepeatrepeat-y {
  background-repeat: repeat-y;
}
.pd--backgroundRepeatno-repeat {
  background-repeat: no-repeat;
}
.pd--backgroundRepeatspace {
  background-repeat: space;
}
.pd--backgroundRepeatround {
  background-repeat: round;
}
.pd--backgroundRepeatinherit {
  background-repeat: inherit;
}
.pd--backgroundRepeatinitial {
  background-repeat: initial;
}
.pd--backgroundRepeatrevert {
  background-repeat: revert;
}
.pd--backgroundRepeatrevert-layer {
  background-repeat: revert-layer;
}
.pd--backgroundRepeatunset {
  background-repeat: unset;
}

/* stylelint-disable custom-property-pattern */
.experience-component {
  overflow: hidden;
  padding-top: 10px;
}
.experience-component.experience-component:first-child {
  padding-top: 0;
}
.experience-component > * {
  background: var(--pd-bgColor, none);
  color: var(--pd-textColor, initial);
}
.experience-component .text:not(.productTile *, .categoryTile:not(.categoryTile--v2) *),
.experience-component .headline {
  color: var(--pd-textColor, var(--color-tangaroa));
}
.experience-component .text:not(.text-shadow--black):not(.text-shadow--white),
.experience-component .headline:not(.text-shadow--black):not(.text-shadow--white) {
  text-shadow: var(--pd-textShadow);
}
.experience-component .button {
  text-shadow: none;
}
@media (max-width: 991.98px) {
  .experience-component .heroImageVideoBanner .headline {
    color: var(--pd-textColor-mobile, var(--pd-textColor));
  }
}
.experience-carousel-einsteinCarousel .text-subtitle-jp {
  display: block;
  line-height: inherit;
}

.experience-contentbanner-imageBannerV1 img {
  width: 100%;
  height: auto;
}

.componentSpace {
  padding-bottom: 50px;
}

.experience-layouts-carouselContainer .carousel__headline {
  font-size: 32px;
  font-family: var(--alternateFont, var(--highlightFont));
}

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