/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.39_typescript@5.8.2_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/.pnpm/sass-loader@14.2.1_sass@1.77.8_webpack@5.93.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./vendor/salesforce_base/app_storefront_base/cartridge/client/default/scss/experience/components/commerceLayouts/layout.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-container {
  max-width: 1200px;
}

.region {
  position: relative;
  margin-bottom: 0.75rem;
}

.region::before {
  display: block;
  content: "";
  width: 100%;
}

/*
    padding-top in percentages refers to parent width
    this allows us to specify an aspect-ratio
*/
.region_landscape-large::before {
  padding-top: 39.0625%;
}

.region_square::before {
  padding-top: 100%;
}

.region_landscape-small::before {
  padding-top: 50%;
}

.region_portrait-small::before {
  padding-top: 200%;
}

div.sf-interactions-proxyHoverContainer a {
  overflow: visible;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC9zY3NzL2V4cGVyaWVuY2UvY29tcG9uZW50cy9jb21tZXJjZUxheW91dHMvbGF5b3V0LmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQTtFQUNJO0FBQ0o7O0FBRUE7RUFDSTtFQUNBO0FBQ0o7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7QUFDSjs7QUFFQTs7O0NBQUE7QUFJQTtFQUNJO0FBQ0o7O0FBRUE7RUFDSTtBQUNKOztBQUVBO0VBQ0k7QUFDSjs7QUFFQTtFQUNJO0FBQ0o7O0FBRUE7RUFDSTtBQUNKLEMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9ld2F2ZS1zYWxlc2ZvcmNlLWJvaWxlcnBsYXRlLy4vdmVuZG9yL3NhbGVzZm9yY2VfYmFzZS9hcHBfc3RvcmVmcm9udF9iYXNlL2NhcnRyaWRnZS9jbGllbnQvZGVmYXVsdC9zY3NzL2V4cGVyaWVuY2UvY29tcG9uZW50cy9jb21tZXJjZUxheW91dHMvbGF5b3V0LnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLnBhZ2UtY29udGFpbmVyIHtcbiAgICBtYXgtd2lkdGg6IDEyMDBweDtcbn1cblxuLnJlZ2lvbiB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG59XG5cbi5yZWdpb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgY29udGVudDogXCJcIjtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLypcbiAgICBwYWRkaW5nLXRvcCBpbiBwZXJjZW50YWdlcyByZWZlcnMgdG8gcGFyZW50IHdpZHRoXG4gICAgdGhpcyBhbGxvd3MgdXMgdG8gc3BlY2lmeSBhbiBhc3BlY3QtcmF0aW9cbiovXG4ucmVnaW9uX2xhbmRzY2FwZS1sYXJnZTo6YmVmb3JlIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyg0MDAgLyAxMDI0ICogMTAwJSk7XG59XG5cbi5yZWdpb25fc3F1YXJlOjpiZWZvcmUge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKDEgLyAxICogMTAwJSk7XG59XG5cbi5yZWdpb25fbGFuZHNjYXBlLXNtYWxsOjpiZWZvcmUge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKDEgLyAyICogMTAwJSk7XG59XG5cbi5yZWdpb25fcG9ydHJhaXQtc21hbGw6OmJlZm9yZSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGMoMiAvIDEgKiAxMDAlKTtcbn1cblxuZGl2LnNmLWludGVyYWN0aW9ucy1wcm94eUhvdmVyQ29udGFpbmVyIGEge1xuICAgIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/