/**
 * @global
 * Globally used variables
 */
/**
 * @colours
 * Colour palette main
 */
/**
 * @ Kitchen Selector
 * Main Style.
 */
.kitchen-selector-images-wrapper {
  height: 100%;
}
.kitchen-selector-images-wrapper .kitchen-selector-img-base {
  height: 100%;
}
.kitchen-selector-images-wrapper .kitchen-selector-img-option {
  display: none;
}
.kitchen-selector-images-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.kitchen-selector-mobileImage img {
  width: 100%;
}

.kitchen-selector-columns {
  display: none;
}

.kitchen-selector-section-group {
  position: relative;
  margin-bottom: 12px;
}

.kitchen-selector-section-label {
  font-weight: medium;
  padding: 3px 0;
  color: #187988;
  border-bottom: 1px solid #d4d4d4;
}

.kitchen-selector-sub-section-options {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 12px;
}

.kitchen-selector-sub-section {
  padding: 6px 0;
}

.kitchen-selector-option-label {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 0.96em;
  opacity: 0.75;
  display: none;
}

.kitchen-selector-option-icon {
  width: 48px;
  height: 48px;
  border-radius: 28px;
  border: 2px solid #d4d4d4;
  overflow: hidden;
  margin: 0 6px 6px 0;
  cursor: pointer;
}
.kitchen-selector-option-icon img {
  display: block;
}

.kitchen-selector-option {
  outline: none;
}
.kitchen-selector-option[aria-selected=true] .kitchen-selector-option-icon {
  border-color: #187988;
  box-shadow: 2px 2px 4px rgba(1, 1, 1, 0.2);
}
.kitchen-selector-option[aria-selected=true] .kitchen-selector-option-label {
  display: block;
}
.kitchen-selector-option[aria-disabled=true] {
  opacity: 0.25;
}

@media (min-width: 1170px) {
  .kitchen-selector-mobileImage {
    display: none;
  }

  .kitchen-selector-columns {
    display: flex;
  }

  .kitchen-selector-column-left {
    flex: 0 0 55%;
  }

  .kitchen-selector-column-right {
    flex: 0 0 45%;
    background-color: #f6f6f6;
  }

  .kitchen-selector-images-wrapper {
    box-sizing: border-box;
    position: relative;
  }

  .kitchen-selector-img-option {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .kitchen-selector-options-wrapper {
    box-sizing: border-box;
    padding: 24px 36px;
    flex: 0 0 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1169px) {
  .field-kitchen-selector-body {
    display: none;
  }
}
@media (max-width: 1023px) {
  .kitchen-selector-img-group,
.kitchen-selector-img-base,
.kitchen-selector-column-right,
.field-kitchen-selector-body {
    display: none;
  }
}
/*# sourceMappingURL=../maps/components/kitchen-selector.css.map */