/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./deps/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./deps/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./deps/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/app_schaffrath/cartridges/app_page_designer/cartridge/client/default/scss/experience/components/assets/imageTileExt.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* from _b-image_tile.scss */
.b-image_tile.m-horizontal_left, .b-image_tile.m-horizontal_center, .b-image_tile.m-horizontal_right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.b-image_tile.m-horizontal_left.component--full-screen-width, .b-image_tile.m-horizontal_center.component--full-screen-width, .b-image_tile.m-horizontal_right.component--full-screen-width {
  width: calc(var(--vw, 1vw) * 100);
}
.b-image_tile.m-horizontal_left {
  justify-content: flex-start;
}
.b-image_tile.m-horizontal_center {
  justify-content: center;
}
.b-image_tile.m-horizontal_right {
  justify-content: flex-end;
}
.b-image_tile.m-vertical_top {
  align-self: flex-start;
}
.b-image_tile.m-vertical_middle {
  align-self: center;
}
.b-image_tile.m-vertical_bottom {
  align-self: flex-end;
}
.b-image_tile.rounded-corners {
  overflow: hidden;
  border-radius: 2rem;
}
@media screen and (max-width: 1023.9px) {
  .b-image_tile.rounded-corners {
    border-radius: 1.25rem;
  }
}
.b-image_tile.rounded-corners .b-image_tile-picture {
  background-color: transparent;
}
@media screen and (max-width: 767.9px) {
  .b-image_tile.m-vertical_fill {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767.9px) {
  .b-image_tile.m-vertical_fill-sm {
    align-self: stretch;
  }
}
.b-image_tile-container {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .b-image_tile-container {
    max-width: var(--max-width);
  }
}
@media screen and (max-width: 767.9px) {
  .b-image_tile.m-vertical_fill-sm .b-image_tile-container {
    height: 100%;
  }
}
.b-image_tile-picture {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: var(--bg-padding, 100%);
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .b-image_tile-picture {
    padding-bottom: var(--bg-padding-mobile);
  }
}
.b-image_tile-picture img {
  border: none;
  bottom: 0;
  color: hsl(0, 0%, 95%);
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  -o-object-position: var(--img-obj-position);
     object-position: var(--img-obj-position);
}
@media screen and (max-width: 767.9px) {
  .b-image_tile-picture img {
    -o-object-position: var(--img-sm-obj-position, var(--img-obj-position));
       object-position: var(--img-sm-obj-position, var(--img-obj-position));
  }
}
@media screen and (min-width: 768px) {
  .b-image_tile-picture.m-fixed_height-md_up {
    height: auto;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .b-image_tile-picture.m-fixed_height-md_up img {
    position: initial;
  }
}
@media screen and (max-width: 767.9px) {
  .b-image_tile-picture.m-fixed_height-sm {
    height: auto;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .b-image_tile-picture.m-fixed_height-sm img {
    position: initial;
  }
}

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