/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/page_designer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* from _pd-common.scss */
.storepage {
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1366.9px) {
  .storepage {
    padding-top: 1.25rem;
  }
}

/* BM-only: clip PD interaction proxies for off-screen carousel slides so they don't create page horizontal scroll. */
html:has(.sf-interactions-proxyOutlinesContainer) {
  overflow-x: clip;
}

html:has(.sf-interactions-proxyOutlinesContainer) body,
html:has(.sf-interactions-proxyOutlinesContainer) .page {
  overflow-x: clip;
  max-width: 100%;
}

.sf-interactions-proxyOutlinesContainer {
  left: 0;
  max-width: 100%;
  overflow: hidden;
  right: 0;
  width: 100%;
}

a.pd-image-link {
  border: none;
}
a.pd-image-link:hover, a.pd-image-link:visited {
  border: none;
}

.component--full-screen-width {
  max-width: 100%;
}
.component--full-screen-width .container {
  max-width: 100%;
}
.component--full-screen-width .row {
  margin: 0;
}
.component--full-screen-width .col-12 {
  padding: 0;
}
.component--full-screen-width .pd-image-link {
  width: 100%;
}
.component--full-screen-width picture {
  width: 100%;
}
.component--full-screen-width .carousel-control-prev {
  left: 1px;
}
.component--full-screen-width .carousel-control-next {
  right: 1px;
}

.m-page_designer .component--full-screen-width {
  width: calc(var(--vw, 1vw) * 100);
  max-width: none;
  margin-left: calc(calc(var(--vw, 1vw) * -50) + 50%);
  margin-right: calc(calc(var(--vw, 1vw) * -50) + 50%);
}
.m-page_designer .l-grid_layout .component--full-screen-width {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* from _pdx-animations.scss */
@keyframes growIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* from _b-edit_mode.scss */
.b-edit_mode .b-message.m-error {
  background-color: hsl(0, 33%, 45%);
  border: 2px dashed hsl(0, 100%, 42%);
  color: hsl(0, 100%, 42%);
}

/* from _l-page.scss */
.l-page-review {
  position: absolute;
  top: 0;
  width: 100%;
}
.l-page.m-edit_mode {
  padding-top: 75px;
}
@media screen and (max-width: 1023.9px) {
  .l-page.m-edit_mode {
    padding-top: 116px;
  }
}
.l-page.m-transparent_header .l-page-content {
  margin-top: -178px;
}
@media screen and (max-width: 1023.9px) {
  .l-page.m-transparent_header .l-page-content {
    margin-top: -64px;
  }
}
.l-page.m-transparent_header .b-menu_bar,
.l-page.m-transparent_header .l-header {
  background-color: transparent;
  transition: background-color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .l-header-inner {
    position: relative;
    z-index: 14;
  }
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header.b-header_stuck .b-menu_bar {
    background-color: hsl(0, 0%, 100%);
  }
}
.l-page.m-transparent_header.b-header_stuck .l-header {
  background-color: hsl(0, 0%, 100%);
}
.l-page.m-transparent_header .l-header-bottom_promo,
.l-page.m-transparent_header .b-header_category {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .b-menu_bar-link[aria-expanded=true],
  .l-page.m-transparent_header .b-menu_bar-link:hover,
  .l-page.m-transparent_header .b-menu_bar-item:hover .b-menu_bar-link {
    background-color: transparent;
  }
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .b-menu_bar-flyout {
    display: block;
    opacity: 0;
    transition: opacity cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.4s;
    visibility: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .l-header.m-menu_bar-active {
    background-color: hsl(0, 0%, 0%);
    position: relative;
    transition: background-color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.4s;
    z-index: 14;
  }
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .l-header.m-menu_bar-active ~ .b-menu_panel {
    background-color: hsl(0, 0%, 0%);
    transition: background-color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.4s;
  }
}
@media screen and (min-width: 1024px) {
  .l-page.m-transparent_header .l-header.m-menu_bar-active ~ .b-menu_panel .b-menu_bar-flyout[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
  }
}

/* from _l-plp_grid_pd.scss */
.l-plp_grid-pd_preview {
  display: none;
}
.l-plp_grid-banner {
  display: flex;
}
.l-plp_grid-banner_content {
  display: flex;
  flex-grow: 1;
}
.l-plp_grid-banner:nth-of-type(2), .l-plp_grid-pd_preview:nth-of-type(2) {
  grid-column: 2/4;
  grid-row: 2/4;
}
@media screen and (max-width: 767.9px) {
  .l-plp_grid-banner:nth-of-type(2), .l-plp_grid-pd_preview:nth-of-type(2) {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
}
.l-page-container.m-edit_mode .l-plp_grid-pd_preview {
  align-items: center;
  background-color: hsl(210, 99%, 26%);
  border: 2px dashed hsl(210, 85%, 44%);
  display: flex;
  font-size: 16px;
  justify-content: center;
}

/* from _b-tabs.scss */
.b-tab_list {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 16px auto;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.b-tab_list::-webkit-scrollbar {
  display: none;
}
.b-tab_list.m-search {
  margin: 0 0 44px;
}
.b-tab_list.m-pdp {
  font-size: 2rem;
  justify-content: flex-start;
  margin: 0 0 32px -8px;
}
.b-tab_list.m-checkout {
  justify-content: flex-start;
}
.b-tab_list.m-account {
  margin-bottom: 40px;
}
@media screen and (max-width: 767.9px) {
  .b-tab_list.m-account {
    margin-bottom: 32px;
  }
}
.b-tab_list-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1px;
  padding: 12px 40px;
  position: relative;
  text-decoration: none;
  text-transform: initial;
  transition: color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
  .b-tab_list-tab {
    padding: 12px 20px;
    width: 100%;
  }
}
.b-tab_list-tab:hover {
  color: hsl(0, 0%, 0%);
}
.b-tab_list-tab::after {
  background-color: gray;
  bottom: -5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.b-tab_list-tab.m-active {
  border-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 0%);
}
.b-tab_list.m-pdp .b-tab_list-tab {
  margin-inline-start: 0;
  padding: 16px;
}
.b-tab_list.m-checkout .b-tab_list-tab {
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 767.9px) {
  .b-tab_list.m-search .b-tab_list-tab {
    font-size: 20px;
    padding: 12px;
  }
}

.b-tab_panel {
  display: none;
  width: 100%;
}
.b-tab_panel.m-active {
  display: block;
}

/* from _b-price.scss */
.b-price {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  position: relative;
}
.b-price-item {
  display: inline-block;
  margin-inline-end: 8px;
  white-space: nowrap;
}
.b-price-item:last-child {
  margin: 0;
}
.b-price-item.m-old {
  color: hsl(0, 0%, 46%);
  text-decoration: line-through;
}
.b-price-item.m-old ~ .b-price-item {
  color: hsl(335, 100%, 37%);
}
.b-price-item.m-free {
  color: hsl(335, 100%, 37%);
  text-transform: uppercase;
}
.b-price-divider {
  margin-inline-end: 8px;
}
.b-price-per_unit {
  color: hsl(0, 0%, 46%);
  font-size: 14px;
  font-weight: 400;
}
.b-price-badge {
  background-color: hsl(335, 100%, 37%);
  color: hsl(0, 0%, 100%);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 4px 8px;
  word-break: break-word;
}
.b-product_details-price .b-price-badge {
  font-size: 16px;
  margin-inline-end: 8px;
  position: relative;
  top: -4px;
}
.b-suggestions_product-price .b-price-badge {
  position: relative;
  top: -1px;
}
.b-quick_buy .b-price-badge {
  margin-inline-end: 8px;
}

.l-grid_layout {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 88px;
  padding-right: 88px;
  background-color: var(--bg-layout-color);
  background-position: var(--bg-image-position);
  background-repeat: var(--bg-image-repeat);
  background-size: var(--bg-image-size);
}
@media screen and (min-width: 1024px) and (max-width: 1366.9px) {
  .l-grid_layout {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_top_md .l-grid_layout-content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_top_md .l-grid_layout-content {
    padding-top: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_top_md .l-grid_layout-content {
    padding-top: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_top_lg .l-grid_layout-content {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_top_lg .l-grid_layout-content {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_top_lg .l-grid_layout-content {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_top_xl .l-grid_layout-content {
    padding-top: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_top_xl .l-grid_layout-content {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_top_xl .l-grid_layout-content {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_right_md .l-grid_layout-content {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_right_md .l-grid_layout-content {
    padding-right: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_right_md .l-grid_layout-content {
    padding-right: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_right_lg .l-grid_layout-content {
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_right_lg .l-grid_layout-content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_right_lg .l-grid_layout-content {
    padding-right: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_right_xl .l-grid_layout-content {
    padding-right: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_right_xl .l-grid_layout-content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_right_xl .l-grid_layout-content {
    padding-right: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_left_md .l-grid_layout-content {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_left_md .l-grid_layout-content {
    padding-left: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_left_md .l-grid_layout-content {
    padding-left: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_left_lg .l-grid_layout-content {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_left_lg .l-grid_layout-content {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_left_lg .l-grid_layout-content {
    padding-left: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-padding_left_xl .l-grid_layout-content {
    padding-left: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-padding_left_xl .l-grid_layout-content {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-padding_left_xl .l-grid_layout-content {
    padding-left: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout {
    background-image: var(--bg-image-desktop);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout {
    background-image: var(--bg-image-tablet);
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout {
    background-image: var(--bg-image-mobile);
  }
}
.l-grid_layout.m-full_bleed, .l-grid_layout.m-full_with_centered {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-2_8_2 .l-grid_layout-item.m-lg_2 {
    display: none;
  }
}
.l-grid_layout-content {
  display: grid;
}
@media screen and (min-width: 1367px) {
  .l-grid_layout-content {
    grid-gap: 20px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (min-width: 1024px) and (max-width: 1366.9px) {
  .l-grid_layout-content {
    grid-gap: 20px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout-content {
    grid-gap: 16px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-content {
    grid-gap: 9px;
    grid-template-columns: [grid-start] repeat(6, 1fr) [grid-end];
  }
}
.m-full_with_centered > .l-grid_layout-content {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 88px;
  padding-right: 88px;
}
@media screen and (min-width: 1024px) and (max-width: 1366.9px) {
  .m-full_with_centered > .l-grid_layout-content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .m-full_with_centered > .l-grid_layout-content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .m-full_with_centered > .l-grid_layout-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.l-grid_layout-content.m-hide_gutters {
  grid-gap: 0;
}
.l-grid_layout-item {
  max-width: 100%;
}
.l-grid_layout-item.m-horizontal_left, .l-grid_layout-item.m-horizontal_center, .l-grid_layout-item.m-horizontal_right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.l-grid_layout-item.m-horizontal_left.component--full-screen-width, .l-grid_layout-item.m-horizontal_center.component--full-screen-width, .l-grid_layout-item.m-horizontal_right.component--full-screen-width {
  width: calc(var(--vw, 1vw) * 100);
}
.l-grid_layout-item.m-horizontal_left {
  justify-content: flex-start;
}
.l-grid_layout-item.m-horizontal_center {
  justify-content: center;
}
.l-grid_layout-item.m-horizontal_right {
  justify-content: flex-end;
}
.l-grid_layout-item.m-vertical_top {
  align-self: flex-start;
}
.l-grid_layout-item.m-vertical_middle {
  align-self: center;
}
.l-grid_layout-item.m-vertical_bottom {
  align-self: flex-end;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-item.m-margin_bottom-sm .l-grid_layout-item_in {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout-item.m-margin_bottom-sm .l-grid_layout-item_in {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-margin_bottom-sm .l-grid_layout-item_in {
    margin-bottom: 12px;
  }
}
.l-grid_layout-item.m-margin_bottom-sm .l-grid_layout-item_in:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-item.m-margin_bottom-md .l-grid_layout-item_in {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout-item.m-margin_bottom-md .l-grid_layout-item_in {
    margin-bottom: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-margin_bottom-md .l-grid_layout-item_in {
    margin-bottom: 52px;
  }
}
.l-grid_layout-item.m-margin_bottom-md .l-grid_layout-item_in:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-item.m-margin_bottom-lg .l-grid_layout-item_in {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout-item.m-margin_bottom-lg .l-grid_layout-item_in {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-margin_bottom-lg .l-grid_layout-item_in {
    margin-bottom: 64px;
  }
}
.l-grid_layout-item.m-margin_bottom-lg .l-grid_layout-item_in:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-item.m-margin_bottom-xl .l-grid_layout-item_in {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout-item.m-margin_bottom-xl .l-grid_layout-item_in {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-margin_bottom-xl .l-grid_layout-item_in {
    margin-bottom: 80px;
  }
}
.l-grid_layout-item.m-margin_bottom-xl .l-grid_layout-item_in:last-child {
  margin-bottom: 0;
}
.l-grid_layout-item_in {
  display: flex;
}
.l-grid_layout-item_in > div,
.l-grid_layout-item_in > section,
.l-grid_layout-item_in > .c-banner__link {
  width: 100%;
}
.l-grid_layout-item_in:only-child {
  height: 100%;
}
.l-grid_layout-item:not(.m-vertical_top):not(.m-vertical_middle):not(.m-vertical_bottom)[data-items=one] {
  align-self: auto;
}
.l-grid_layout-item.m-title {
  grid-column: span 6;
  order: -2;
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-title {
    grid-column: span 12;
  }
}
.l-grid_layout-item.m-fade_in > div, .l-grid_layout-item.m-fade_in > section {
  opacity: 0;
  transform: translateY(10%);
  transition: 1.2s ease-out;
  transition-property: transform, opacity;
}
.l-grid_layout-item.m-bounce {
  overflow: hidden;
}
.l-grid_layout-item.m-bounce > div, .l-grid_layout-item.m-bounce > section {
  opacity: 0;
  transform: scale(0.8);
}
.l-grid_layout-item.m-fade_in.m-animated > div, .l-grid_layout-item.m-fade_in.m-animated > section {
  opacity: 1;
  transform: translateY(0);
}
.l-grid_layout-item.m-bounce.m-animated > div, .l-grid_layout-item.m-bounce.m-animated > section {
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: growIn;
}
.l-grid_layout-item.m-sm_6 {
  grid-column: span 6;
}
.l-grid_layout-item.m-sm_5 {
  grid-column: span 5;
}
.l-grid_layout-item.m-sm_4 {
  grid-column: span 4;
}
.l-grid_layout-item.m-sm_3 {
  grid-column: span 3;
}
.l-grid_layout-item.m-sm_2 {
  grid-column: span 2;
}
.l-grid_layout-item.m-sm_1 {
  grid-column: span 1;
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_11 {
    grid-column: span 11;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_10 {
    grid-column: span 10;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_9 {
    grid-column: span 9;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_8 {
    grid-column: span 8;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_7 {
    grid-column: span 7;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_6 {
    grid-column: span 6;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_5 {
    grid-column: span 5;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_4 {
    grid-column: span 4;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_3 {
    grid-column: span 3;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_2 {
    grid-column: span 2;
  }
}
@media screen and (min-width: 768px) {
  .l-grid_layout-item.m-md_1 {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_11 {
    grid-column: span 11;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_10 {
    grid-column: span 10;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_9 {
    grid-column: span 9;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_8 {
    grid-column: span 8;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_7 {
    grid-column: span 7;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_6 {
    grid-column: span 6;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_5 {
    grid-column: span 5;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_4 {
    grid-column: span 4;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_3 {
    grid-column: span 3;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_2 {
    grid-column: span 2;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout-item.m-lg_1 {
    grid-column: span 1;
  }
}
.l-grid_layout-item_title {
  padding-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout-item_title {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_top_sm .m-title {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_top_sm .m-title {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_top_sm .m-title {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_top_md .m-title {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_top_md .m-title {
    padding-top: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_top_md .m-title {
    padding-top: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_top_lg .m-title {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_top_lg .m-title {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_top_lg .m-title {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_top_xl .m-title {
    padding-top: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_top_xl .m-title {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_top_xl .m-title {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_right_sm .m-title {
    padding-right: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_right_sm .m-title {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_right_sm .m-title {
    padding-right: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_right_md .m-title {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_right_md .m-title {
    padding-right: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_right_md .m-title {
    padding-right: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_right_lg .m-title {
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_right_lg .m-title {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_right_lg .m-title {
    padding-right: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_right_xl .m-title {
    padding-right: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_right_xl .m-title {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_right_xl .m-title {
    padding-right: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_sm .m-title {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_sm .m-title {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_bottom_sm .m-title {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_md .m-title {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_md .m-title {
    padding-bottom: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_bottom_md .m-title {
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_lg .m-title {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_lg .m-title {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_bottom_lg .m-title {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_xl .m-title {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_bottom_xl .m-title {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_bottom_xl .m-title {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_left_sm .m-title {
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_left_sm .m-title {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_left_sm .m-title {
    padding-left: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_left_md .m-title {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_left_md .m-title {
    padding-left: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_left_md .m-title {
    padding-left: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_left_lg .m-title {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_left_lg .m-title {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_left_lg .m-title {
    padding-left: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-custom.m-padding_left_xl .m-title {
    padding-left: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .l-grid_layout.m-custom.m-padding_left_xl .m-title {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid_layout.m-custom.m-padding_left_xl .m-title {
    padding-left: 80px;
  }
}
.l-grid_layout.m-custom .l-grid_layout-item {
  display: flex;
}
.l-grid_layout.m-custom .l-grid_layout-item.m-title {
  padding-bottom: 0;
}
.l-grid_layout.m-custom .l-grid_layout-item.m-title + .l-grid_layout-content {
  padding-top: 0;
}
.l-grid_layout.m-custom .l-grid_layout-item > div {
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-mobile_reversed .l-grid_layout-item:last-child {
    order: -1;
  }
}
@media screen and (max-width: 767.9px) {
  .l-grid_layout.m-3_9 .l-grid_layout-item:last-child, .l-grid_layout.m-4_8 .l-grid_layout-item:last-child, .l-grid_layout.m-3_3_6 .l-grid_layout-item:last-child {
    order: -1;
  }
}
.l-grid_layout.m-3_9.m-mobile_reversed .l-grid_layout-item:last-child, .l-grid_layout.m-4_8.m-mobile_reversed .l-grid_layout-item:last-child, .l-grid_layout.m-3_3_6.m-mobile_reversed .l-grid_layout-item:last-child {
  order: 1;
}
.l-grid_layout.component--streched .grid-item--streched {
  display: flex;
  flex-direction: column;
  align-self: unset;
}
.l-grid_layout.component--streched .grid-item--streched .l-grid_layout-item_in + .l-grid_layout-item_in {
  flex: 1;
}
.l-grid_layout.component--streched .grid-item--streched .b-text_block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.l-grid_layout.component--streched .grid-item--streched .b-text_block-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.l-grid_layout.component--streched .grid-item--streched .b-text_block-container .b-actions {
  margin-top: auto;
}
.l-grid_layout.component--streched .grid-item--streched .b-text_block-container h1, .l-grid_layout.component--streched .grid-item--streched .b-text_block-container h2, .l-grid_layout.component--streched .grid-item--streched .b-text_block-container h3, .l-grid_layout.component--streched .grid-item--streched .b-text_block-container h4, .l-grid_layout.component--streched .grid-item--streched .b-text_block-container h5, .l-grid_layout.component--streched .grid-item--streched .b-text_block-container h6 {
  margin: 0;
  padding: 10px 0 0;
  min-height: 74px;
}

@media screen and (max-width: 767.9px) {
  .page-section.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_top_sm .l-grid_layout-content {
    padding-top: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_top_md .l-grid_layout-content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_top_md .l-grid_layout-content {
    padding-top: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_top_md .l-grid_layout-content {
    padding-top: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_top_lg .l-grid_layout-content {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_top_lg .l-grid_layout-content {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_top_lg .l-grid_layout-content {
    padding-top: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_top_xl .l-grid_layout-content {
    padding-top: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_top_xl .l-grid_layout-content {
    padding-top: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_top_xl .l-grid_layout-content {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_right_sm .l-grid_layout-content {
    padding-right: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_right_md .l-grid_layout-content {
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_right_md .l-grid_layout-content {
    padding-right: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_right_md .l-grid_layout-content {
    padding-right: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_right_lg .l-grid_layout-content {
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_right_lg .l-grid_layout-content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_right_lg .l-grid_layout-content {
    padding-right: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_right_xl .l-grid_layout-content {
    padding-right: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_right_xl .l-grid_layout-content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_right_xl .l-grid_layout-content {
    padding-right: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_bottom_sm .l-grid_layout-content {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_bottom_md .l-grid_layout-content {
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_bottom_lg .l-grid_layout-content {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_bottom_xl .l-grid_layout-content {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_left_sm .l-grid_layout-content {
    padding-left: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_left_md .l-grid_layout-content {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_left_md .l-grid_layout-content {
    padding-left: 52px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_left_md .l-grid_layout-content {
    padding-left: 52px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_left_lg .l-grid_layout-content {
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_left_lg .l-grid_layout-content {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_left_lg .l-grid_layout-content {
    padding-left: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .page-section.m-padding_left_xl .l-grid_layout-content {
    padding-left: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
  .page-section.m-padding_left_xl .l-grid_layout-content {
    padding-left: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .page-section.m-padding_left_xl .l-grid_layout-content {
    padding-left: 80px;
  }
}

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