/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/magazine-page/magazine-page.scss ***!
  \************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Libre+Bodoni&display=swap);
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/js/components/img-modal/img-modal.scss ***!
  \**************************************************************************************************************************************************/
.img-modal-view {
  max-width: 80vw;
  max-height: 80vh;
  position: relative;
}
.img-modal-view .img-wrapper {
  width: 880px;
  height: 660px;
  padding: 15px;
  background-color: #fff;
}
.img-modal-view .img-wrapper button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.img-modal-view .img-wrapper figure {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
}
.img-modal-view .img-wrapper figure img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  object-fit: contain;
}
.img-modal-view .arrow {
  color: #a9a9a9;
  font-size: 120px;
}
.img-modal-view .arrow:hover {
  color: #c7c7c7;
  transition: color 0.3s;
  cursor: pointer;
}
.img-modal-view .left {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  left: -50px;
}
.img-modal-view .right {
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: -60px;
}
@media (max-width: 700px) {
  .img-modal-view .left {
    left: -20px;
  }
  .img-modal-view .right {
    right: -20px;
  }
}
.img-modal-view .below {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.img-modal-view .below ul {
  display: inline-block;
  list-style: none;
  display: flex;
  justify-content: center;
}
.img-modal-view .below ul li {
  display: inline-block;
  list-style: none;
  background-color: #ffffff;
  min-height: 8px;
  min-width: 8px;
  border-radius: 50%;
  margin-right: 4px;
  margin-left: 4px;
}
.img-modal-view .below ul li:hover {
  cursor: pointer;
}
.img-modal-view .below ul .selected-box {
  background-color: #a9a9a9;
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/js/components/filter/filters-quick.scss ***!
  \***************************************************************************************************************************************************/
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.filters-quick {
  margin-bottom: 1.625rem;
}
.filters-quick .radio-group {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: flex;
}
.filters-quick .radio-group li {
  display: flex;
}
.filters-quick .radio-group li:first-child ~ li {
  margin-left: 0.625rem;
}
.filters-quick .radio-group .button-all {
  background-color: var(--theme-color--black);
  color: var(--theme-color--white);
}
.filters-quick .radio-group .button-all:hover {
  color: white !important;
  background: var(--theme-color--darkish);
}
.filters-quick .summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 0.75rem;
  margin: 2rem 0;
}
@media (min-width: 48rem) {
  .filters-quick .summary {
    align-items: center;
    font-size: 0.875rem;
  }
}
.filters-quick .summary .sorting {
  position: relative;
}
.filters-quick .summary .sorting > button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  display: flex;
  align-items: center;
  color: var(--theme-color--black);
}
.filters-quick .summary .sorting > button .bold {
  font-family: var(--font-primary--bold);
}
.filters-quick .summary .sorting > button:after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE4aDR2LTJoLTR2MnpNMyA2djJoMThWNkgzem0zIDdoMTJ2LTJINnYyeiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  margin-left: 0.625rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.filters-quick .summary .sorting .sorting-options {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: var(--theme-border--radius);
  box-shadow: var(--theme-boxshadow--large);
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--theme-color--white);
  width: 100%;
  z-index: 999;
  margin-top: 0.625rem;
  display: none;
}
.filters-quick .summary .sorting .sorting-options li:first-child ~ li {
  border-top: 1px solid var(--theme-color--gray);
}
.filters-quick .summary .sorting .sorting-options li button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  width: 100%;
  padding: 0.625rem 1rem;
  text-align: left;
  outline: none;
  color: var(--theme-color--black);
}
.filters-quick .summary .sorting .sorting-options li button.selected {
  pointer-events: none;
  cursor: default;
  color: var(--theme-color--grayscull);
  font-family: var(--font-primary--bold);
}
.filters-quick .summary .sorting .sorting-options li button:hover {
  background-color: var(--theme-color--gray);
  transition: 0.3s ease;
}
.filters-quick .summary .sorting .sorting-options.active {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}
.filters-quick .summary .sorting .sorting-options:before {
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background-color: var(--theme-color--white);
  content: "";
  transform: rotate(45deg);
  z-index: -1;
}
.filters-quick .summary .active-hits {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .filters-quick .summary .active-hits {
    flex-direction: row;
    align-items: center;
  }
}
.filters-quick .summary .active-hits > span {
  display: inline-flex;
}
.filters-quick .summary .active-hits > span:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE2LjE3MiAxMWwtNS4zNjQtNS4zNjQgMS40MTQtMS40MTRMMjAgMTJsLTcuNzc4IDcuNzc4LTEuNDE0LTEuNDE0TDE2LjE3MiAxM0g0di0yeiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  margin-right: 0.313rem;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 48rem) {
  .filters-quick .summary .active-hits > span:first-child ~ span {
    margin-left: 0.313rem;
  }
}
.filters-quick .summary .active-filters-none {
  color: var(--theme-color--grayscull);
}
.filters-quick .summary .filters-clear {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: var(--theme-color--grayscull);
  text-decoration: underline;
  text-align: left;
}
.filters-quick .summary .filters-clear:hover {
  transition: 0.3s ease;
  color: var(--theme-color--black);
}
.filters-quick .selected-filters {
  list-style: none;
  margin: 1.625rem 0 0 0;
  padding: 1.625rem 0 0 0;
  border-top: 1px solid var(--theme-color--grayer);
  display: flex;
  flex-wrap: wrap;
}
.filters-quick .selected-filters li {
  margin: 0 0.625rem 0.625rem 0;
}
.filters-quick .selected-filters .filter-item-remove {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  background-color: var(--theme-color--white);
  padding: 0.625rem 1rem 0.625rem 1rem;
  font-family: inherit;
  border-radius: 20px 20px 0 20px;
  position: relative;
  font-size: 0.75rem;
  align-items: center;
  color: var(--theme-color--black);
}
.filters-quick .selected-filters .filter-item-remove > * {
  pointer-events: none;
}
.filters-quick .selected-filters .filter-item-remove .bold {
  font-family: var(--font-primary--bold);
  margin-right: 0.313rem;
}
.filters-quick .selected-filters .filter-item-remove svg {
  width: 1rem;
  height: 1rem;
  margin-left: 0.625rem;
}
.filters-quick .selected-filters .filter-item-remove:hover {
  transition: 0.3s ease;
  background-color: #efdde3;
  color: #690700;
}
.filters-quick .selected-filters .filter-item-remove:hover svg {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  fill: #690700;
}
.filters-quick.portal .selected-filters .filter-item-remove {
  background-color: var(--theme-color--grayer);
  color: var(--theme-color--black);
}
.filters-quick.portal .selected-filters .filter-item-remove:hover {
  background-color: #efdde3;
  color: #690700;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/js/components/filter/filters-all.scss ***!
  \*************************************************************************************************************************************************/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.filters-all {
  background-color: var(--theme-color--white);
  height: 100%;
  width: 100%;
  position: relative;
}
@media (min-width: 62rem) {
  .filters-all {
    width: 28rem;
    height: initial;
  }
}
.filters-all header,
.filters-all footer {
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  box-sizing: border-box;
  z-index: 10000;
}
.filters-all header {
  position: absolute;
  top: 0;
  background-color: var(--theme-color--grayish);
}
.filters-all header h3 {
  font-family: var(--font-primary--bold);
  text-align: center;
  padding: 0 1rem;
  display: block;
}
.filters-all header button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 1rem;
}
.filters-all header button svg {
  width: 1rem;
  height: 1rem;
  fill: var(--theme-color--black);
}
.filters-all header button:hover {
  transition: 0.3s ease;
  background-color: white;
}
.filters-all footer {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  background-color: var(--theme-color--white);
  padding: 1rem;
}
@media (min-width: 62rem) {
  .filters-all footer {
    position: absolute;
  }
}
.filters-all > ul {
  background-color: var(--theme-color--body);
  padding: 60px 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 60vh;
}
.filters-all > ul > li .filter-toggle {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  flex-direction: column;
  width: 100%;
  font-size: 0.875rem;
  padding: 1rem 3rem 1rem 1rem;
  position: relative;
  align-items: flex-start;
  color: var(--theme-color--black);
}
.filters-all > ul > li .filter-toggle .filter-title {
  font-family: var(--font-primary--bold);
  padding-bottom: 0.313rem;
}
.filters-all > ul > li .filter-toggle .filters-selected {
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
  display: block;
  font-family: var(--font-primary--medium);
  display: flex;
}
.filters-all > ul > li .filter-toggle .filters-selected dt:first-child ~ dt:before {
  content: ", ";
}
.filters-all > ul > li .filter-toggle.expanded + ul {
  display: flex;
}
.filters-all > ul > li .filter-toggle.expanded:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDExLjgyOGwtMi44MjggMi44MjktMS40MTUtMS40MTRMMTIgOWw0LjI0MyA0LjI0My0xLjQxNSAxLjQxNEwxMiAxMS44Mjh6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
}
.filters-all > ul > li .filter-toggle:not(.expanded) + ul {
  display: none;
}
.filters-all > ul > li .filter-toggle:not(.expanded):after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDE1bC00LjI0My00LjI0MyAxLjQxNS0xLjQxNEwxMiAxMi4xNzJsMi44MjgtMi44MjkgMS40MTUgMS40MTR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
}
.filters-all > ul > li .filter-toggle:after {
  content: "";
  top: calc(50% - 0.5rem);
  right: 1rem;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-position: center;
}
.filters-all > ul > li ul {
  margin: -1px;
  list-style: none;
  padding: 1rem;
  flex-wrap: wrap;
  background-color: #fdfbfb;
}
.filters-all > ul > li ul li {
  display: inline-flex;
  width: 50%;
}
.filters-all > ul > li:first-child ~ li {
  border-top: 1px solid var(--theme-color--light);
}
.filters-all[data-loading=true] > ul,
.filters-all[data-loading=true] header {
  pointer-events: none;
  opacity: 0.6;
}
.filters-all[data-loading=true] footer {
  cursor: not-allowed;
}
.filters-all[data-loading=true] footer button {
  position: relative;
  pointer-events: none;
}
.filters-all[data-loading=true] footer button:before {
  content: "";
  z-index: 600;
  background-image: url(/Resources/Shared/static/img/spinner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.filters-all[data-loading=true] footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 500;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/js/components/toastbar/toastbar.scss ***!
  \************************************************************************************************************************************************/
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.toastbar {
  box-sizing: border-box;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  position: fixed;
  z-index: 100000;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
}
.toastbar * {
  box-sizing: border-box;
}
.toastbar .toast {
  position: relative;
  z-index: 999;
  padding: var(--theme-margin-xs) var(--theme-margin-lg);
  background: var(--theme-color--secondary);
  margin-top: 0.625rem;
  color: var(--theme-color--black);
  border-radius: 5px;
  max-width: 600px;
  font-size: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.3s ease;
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
  -ms-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: all;
}
.toastbar .toast.active {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -ms-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.toastbar .toast a {
  color: inherit;
  text-decoration: underline;
}
.toastbar .toast__close {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  border-radius: 50%;
  padding: 0.2rem;
  margin-left: 1rem;
}
.toastbar .toast__close svg {
  width: 14px;
  height: 14px;
  fill: var(--theme-color--white);
}
.toastbar .toast__content {
  flex: 1;
}
.toastbar .toast__actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: var(--theme-margin-lg);
}
.toastbar .toast__actions button {
  background: none;
  color: var(--theme-color--white);
  border: 1px solid;
  color: inherit;
  outline: none;
}
.toastbar .toast__actions button:not(.toast__close) {
  padding: 0.3rem 0.5rem !important;
}
.toastbar .toast__actions button:hover {
  background: rgba(255, 255, 255, 0.3);
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/components/menu/menu.scss ***!
  \***********************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes popIn {
  0% {
    margin-top: -1rem;
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    margin-top: var(--theme-margin-xl);
    opacity: 1;
  }
}
@keyframes popOut {
  100% {
    margin-top: -1rem;
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  0% {
    margin-top: var(--theme-margin-xl);
    opacity: 1;
  }
}
.menu {
  display: none;
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 2rem 0 6rem 0;
  border-radius: 0 0 0.313rem 0.313rem;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
}
@media (min-width: 62rem) {
  .menu {
    background-color: var(--theme-color--gray);
    display: block;
    position: relative;
    bottom: initial;
    width: initial;
    left: initial;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    transition: ease 0.3s;
    z-index: -1;
  }
}
.menu .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color--white);
}
@media (min-width: 62rem) {
  .menu .inner {
    border-bottom: 1px solid var(--theme-color--light);
  }
}
.menu .primary-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.menu .primary-links li:nth-child(1) a, .menu .primary-links li:nth-child(2) a, .menu .primary-links li:nth-child(3) a, .menu .primary-links li:nth-child(4) a, .menu .primary-links li:nth-child(5) a {
  font-family: var(--font-primary--bold);
  font-size: 1rem;
}
@media (min-width: 62rem) {
  .menu .primary-links li:nth-child(1) a, .menu .primary-links li:nth-child(2) a, .menu .primary-links li:nth-child(3) a, .menu .primary-links li:nth-child(4) a, .menu .primary-links li:nth-child(5) a {
    font-size: 1.25rem;
    font-family: var(--font-primary--light);
  }
}
.menu .primary-links li:nth-child(5) ~ li a {
  font-size: 0.875rem;
}
@media (min-width: 62rem) {
  .menu .primary-links li:nth-child(5) ~ li a {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .menu .primary-links {
    flex-direction: row;
  }
}
.menu button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.menu .container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .menu .container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .menu .container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .menu .container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .menu .container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .menu .container {
    width: 73.125rem;
  }
}
@media (min-width: 62rem) {
  .menu .container .inner {
    height: var(--header-navbottom--height);
  }
}
.menu .container .inner ul {
  height: inherit;
}
.menu .container .inner ul li:first-child ~ li {
  margin-top: 0.625rem;
}
@media (min-width: 62rem) {
  .menu .container .inner ul li:first-child ~ li {
    margin-top: 0;
    margin-left: 1rem;
  }
}
@media (min-width: 62rem) {
  .menu .container .inner ul li:nth-child(5) ~ li {
    position: absolute;
    animation: popOut 0.3s 1;
    animation-timing-function: cubic-bezier(0.51, 0.14, 0.29, 1);
    animation-fill-mode: forwards;
    right: 0;
    top: 45%;
    width: 175px;
    margin: 0;
    margin-top: var(--theme-margin-xl);
    transition: all 0.3s ease;
    pointer-events: none;
    visibility: hidden;
  }
  .menu .container .inner ul li:nth-child(5) ~ li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
  }
  .menu .container .inner ul li:nth-child(5) ~ li:last-of-type {
    box-shadow: 0px 2rem 1rem -0.5rem rgba(0, 0, 0, 0.3);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:last-of-type:after {
    bottom: 0;
    transform: translateY(100%);
    left: 0;
    right: 0;
    width: 100%;
    background: var(--theme-color--blue);
    border-radius: 0 0 7px 7px;
    height: var(--theme-margin-lg);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(6) {
    transform: translate(66%, 100%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(7) {
    transform: translate(66%, 200%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(8) {
    transform: translate(66%, 300%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(9) {
    transform: translate(66%, 400%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(10) {
    transform: translate(66%, 500%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(11) {
    transform: translate(66%, 600%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(12) {
    transform: translate(66%, 700%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(13) {
    transform: translate(66%, 800%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(14) {
    transform: translate(66%, 900%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(15) {
    transform: translate(66%, 1000%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(16) {
    transform: translate(66%, 1100%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(17) {
    transform: translate(66%, 1200%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(18) {
    transform: translate(66%, 1300%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(19) {
    transform: translate(66%, 1400%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li:nth-child(20) {
    transform: translate(66%, 1500%);
  }
  .menu .container .inner ul li:nth-child(5) ~ li a {
    padding: 0.5rem var(--theme-margin-lg);
    /*font-family: var(--font-primary--medium);*/
    font-size: 1rem;
    line-height: 1;
    background: var(--theme-color--blue);
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .menu .container .inner ul li:nth-child(5) ~ li a:hover {
    text-decoration: underline;
    color: var(--theme-color--black);
  }
  .menu .container .inner ul li:nth-child(5):nth-child(5) + li:before {
    content: "";
    background-color: var(--theme-color--blue);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    border-radius: 7px 7px 0 0;
    top: 0;
    height: var(--theme-margin-lg);
    transform: translateY(-100%);
  }
  .menu .container .inner ul li:nth-child(5):nth-child(5) + li a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--theme-color--blue);
    top: -1.5rem;
    transform: translateY(-100%);
    margin: auto;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: none !important;
    border-radius: 0 !important;
  }
}
.menu .container .inner button {
  display: none;
  margin-left: 1rem;
  outline: none;
}
@media (min-width: 62rem) {
  .menu .container .inner button {
    display: flex;
  }
}
.menu[data-expanded=true] .container .inner ul > li:nth-child(5) ~ li {
  animation: popIn 0.45s 1;
  animation-timing-function: cubic-bezier(0.51, 0.14, 0.29, 1);
  animation-fill-mode: forwards;
  pointer-events: inherit;
  visibility: visible;
}
.menu svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--theme-color--black);
  transition: 0.3s;
}
.menu a {
  text-decoration: none;
  color: var(--theme-color--black);
  font-family: var(--font-primary--light);
  position: relative;
}
.menu a.active:after {
  content: "";
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background-color: var(--theme-color--black);
  position: absolute;
  top: 100%;
  left: calc(50% - 2.5px);
}
.menu a:hover:after {
  content: "";
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background-color: var(--theme-color--grayest);
  position: absolute;
  top: 100%;
  left: calc(50% - 2.5px);
}
.menu.active {
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -ms-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  z-index: -1;
}
.menu .mobile-top-links {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .menu .mobile-top-links {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .menu .mobile-top-links {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .menu .mobile-top-links {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-top-links {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .menu .mobile-top-links {
    width: 73.125rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-top-links {
    display: none;
  }
}
.menu .mobile-top-links > .secondary-links {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 1rem 0 0 0;
  padding: 1rem 0 0 0;
  border-top: 1px dashed var(--theme-color--grayer);
  flex-wrap: wrap;
}
.menu .mobile-top-links > .secondary-links li {
  margin-right: 0.625rem;
}
.menu .mobile-top-links > .secondary-links li a {
  font-size: 0.75rem;
  font-family: var(--font-primary--bold);
}
.menu .mobile-bottom-links {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .menu .mobile-bottom-links {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .menu .mobile-bottom-links {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .menu .mobile-bottom-links {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-bottom-links {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .menu .mobile-bottom-links {
    width: 73.125rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-bottom-links {
    display: none;
  }
}
.menu .mobile-bottom-links > .primary-links-mobile {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 1rem 0 0 0;
  padding: 1rem 0 0 0;
  border-top: 1px dashed var(--theme-color--grayer);
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.menu .mobile-bottom-links > .primary-links-mobile li {
  margin: 0;
  line-height: 1.5rem;
}
.menu .mobile-bottom-links > .primary-links-mobile li a {
  font-family: var(--font-primary--bold);
}
.menu .mobile-bottom-links > .primary-links-mobile li:first-child ~ li {
  margin-top: 0.625rem;
}
.menu .mobile-bottom-links > .primary-links-mobile li.orderLink {
  padding: 0.1rem 0.3rem;
}
.menu .mobile-alternative-links {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .menu .mobile-alternative-links {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .menu .mobile-alternative-links {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .menu .mobile-alternative-links {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-alternative-links {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .menu .mobile-alternative-links {
    width: 73.125rem;
  }
}
@media (min-width: 62rem) {
  .menu .mobile-alternative-links {
    display: none;
  }
}
.menu .mobile-alternative-links > .alternative-links {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 1rem 0 0 0;
  padding: 1rem 0 0 0;
  flex-wrap: wrap;
}
.menu .mobile-alternative-links > .alternative-links li {
  margin-right: 0.625rem;
}
.menu .mobile-alternative-links > .alternative-links li a {
  font-size: 0.75rem;
  font-family: var(--font-primary--bold);
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/components/header/header.scss ***!
  \***************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
body.konsumentsitencheckoutpage .header-links,
body.konsumentsitencheckoutpage .header-links-left,
body.konsumentsitencheckoutpage .header-links-right,
body.konsumentsitencheckoutpage .primary-links {
  display: flex;
}
body:not(.konsumentsitencheckoutpage) .header-links,
body:not(.konsumentsitencheckoutpage) .header-links-left,
body:not(.konsumentsitencheckoutpage) .header-links-right,
body:not(.konsumentsitencheckoutpage) .alt-header-primary-links {
  display: none;
}

.header {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
}
@media (min-width: 62rem) {
  .header {
    box-shadow: none;
  }
}
.header .header-nav-top-wrapper {
  background-color: var(--theme-color--white);
}
.header .header-nav-top {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-navtop--height);
  padding: 0 var(--theme-gutter--fluid);
  z-index: 999;
}
@media (max-width: 38.688rem) {
  .header .header-nav-top {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .header .header-nav-top {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .header .header-nav-top {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .header .header-nav-top {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .header .header-nav-top {
    width: 73.125rem;
  }
}
.header .header-nav-top .logotype {
  width: 7rem;
}
@media (min-width: 38.75rem) {
  .header .header-nav-top .logotype {
    width: 10rem;
  }
}
.header .header-nav-top .header-links {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  align-items: center;
}
@media (min-width: 62rem) {
  .header .header-nav-top .header-links {
    display: flex;
  }
}
.header .header-nav-top .header-links li:first-child ~ li {
  margin-left: 1rem;
}
.header .header-nav-top .header-links a {
  text-decoration: none;
  color: var(--theme-color--black);
  font-family: var(--font-primary--medium);
  font-size: 0.75rem;
}
@media (min-width: 75rem) {
  .header .header-nav-top .header-links a {
    font-size: 0.875rem;
  }
}
.header .header-nav-top .header-links a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.header .header-nav-top .header-links a.back-link {
  display: flex;
  align-items: center;
}
.header .header-nav-top .header-links a.back-link svg {
  height: 1rem;
  width: 1rem;
  margin-right: 0.313rem;
}
.header .header-nav-top .header-links.right {
  justify-content: flex-end;
}
.header .header-nav-top .customer-service {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /*a {
    font-family: var(--font-primary--bold);
  }*/
}
.header .header-nav-top .customer-service span {
  font-family: var(--font-primary--light);
  font-size: 0.75rem;
}
.header figure {
  display: flex;
  flex: 1;
  justify-content: center;
}
.header .header-icons-wrapper {
  position: fixed;
  bottom: 28px;
  z-index: 999;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 62rem) {
  .header .header-icons-wrapper {
    position: initial;
    bottom: initial;
    z-index: auto;
    width: auto;
    left: initial;
    flex: 1;
    align-items: initial;
    justify-content: flex-end;
  }
}
.header .header-icons {
  position: relative;
  box-sizing: border-box;
  background-color: var(--theme-color--black);
  border-radius: 2rem;
  padding: 0.625rem 1rem;
  list-style: none;
  margin: 0;
  transition: 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .header .header-icons {
    width: auto;
    position: initial;
    background-color: transparent;
    border-radius: initial;
    padding: 0;
    justify-content: flex-end;
  }
}
.header .header-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 62rem) {
  .header .header-icons li:first-child ~ li {
    margin-left: 2rem;
  }
}
.header .header-icons li:first-child ~ li {
  margin-left: 1.5rem;
}
.header .header-icons button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
}
.header .header-icons svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--theme-color--white);
  transition: 0.3s;
}
@media (min-width: 62rem) {
  .header .header-icons svg {
    fill: var(--theme-color--black);
  }
}
@media (hover: hover) {
  .header .header-icons svg:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    fill: var(--theme-color--secondary);
  }
}
.header .header-icons .menu-cart,
.header .header-icons .menu-favourites {
  position: relative;
}
.header .header-icons .menu-cart .amount,
.header .header-icons .menu-favourites .amount {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  color: var(--theme-color--white);
  z-index: 99999;
  border-radius: 50%;
  font-size: 0.688rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .header-icons .menu-cart .amount.hidden,
.header .header-icons .menu-favourites .amount.hidden {
  display: none;
}
.header .header-icons .menu-cart .amount {
  background-color: var(--theme-color--tertiary);
}
.header .header-icons .menu-favourites .amount {
  background-color: var(--theme-color--heart);
}
.header .header-icons .menu-favourites .amount.animate {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -ms-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.header .header-icons .menu-mobile-close {
  display: none;
}
@media (min-width: 62rem) {
  .header .header-icons .menu-mobile {
    display: none;
  }
}
.header .header-icons.active .menu-search button,
.header .header-icons.active .menu-mobile button {
  pointer-events: none;
  opacity: 0.6;
}
.header .header-icons.active .menu-mobile-close {
  display: block;
}
@media (min-width: 62rem) {
  .header .header-icons.active {
    justify-content: flex-end;
  }
  .header .header-icons.active li {
    display: initial;
  }
  .header .header-icons.active .menu-mobile {
    display: none;
  }
  .header .header-icons.active .menu-mobile-close {
    display: none;
  }
}
.header .header-icons:not(.active) .menu-mobile-close button {
  pointer-events: none;
  opacity: 0.6;
}
.header .alt-header-top-wrapper .alt-header-nav-top {
  height: 0;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding-left: var(--theme-gutter--fluid);
    padding-right: var(--theme-gutter--fluid);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--theme-gutter--fluid);
    z-index: 999;
    margin-top: 2rem;
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 62rem) and (max-width: 38.688rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    width: 100%;
  }
}
@media (min-width: 62rem) and (min-width: 38.75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    width: 36.875rem;
  }
}
@media (min-width: 62rem) and (min-width: 48rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) and (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    width: 60.625rem;
  }
}
@media (min-width: 62rem) and (min-width: 75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top {
    width: 73.125rem;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-icons-wrapper {
  flex: 0;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-icons-wrapper .header-icons {
  margin-left: 1rem;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left {
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top .header-links-left {
    display: flex;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left li:first-child ~ li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid var(--theme-color--black);
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left.text-color-invert li:first-child ~ li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid var(--theme-color--white);
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left a {
  text-decoration: none;
  font-family: var(--font-primary--medium);
  font-size: 0.75rem;
}
@media (min-width: 75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top .header-links-left a {
    display: flex;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left a.back-link {
  display: flex;
  align-items: center;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left a.back-link svg {
  height: 1rem;
  width: 1rem;
  margin-right: 0.313rem;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-left.right {
  justify-content: flex-end;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-top .header-links-right {
    display: flex;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right li:first-child ~ li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid var(--theme-color--black);
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right.text-color-invert li:first-child ~ li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid var(--theme-color--white);
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right a {
  text-decoration: none;
  font-family: var(--font-primary--medium);
  font-size: 0.75rem;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right a.back-link {
  display: flex;
  align-items: center;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right a.back-link svg {
  height: 1rem;
  width: 1rem;
  margin-right: 0.313rem;
}
.header .alt-header-top-wrapper .alt-header-nav-top .header-links-right.right {
  justify-content: flex-end;
}
.header .alt-header-top-wrapper .alt-header-nav-bottom {
  height: var(--header-navtop--height);
  display: flex;
  align-items: center;
  padding: 0 var(--theme-gutter--fluid);
  z-index: 999;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding-left: var(--theme-gutter--fluid);
    padding-right: var(--theme-gutter--fluid);
    height: var(--header-alt-navtop--height);
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 62rem) and (max-width: 38.688rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    width: 100%;
  }
}
@media (min-width: 62rem) and (min-width: 38.75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    width: 36.875rem;
  }
}
@media (min-width: 62rem) and (min-width: 48rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) and (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    width: 60.625rem;
  }
}
@media (min-width: 62rem) and (min-width: 75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom {
    width: 73.125rem;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-bottom figure {
  justify-content: center;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom figure {
    justify-content: flex-start;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-bottom figure a {
  display: flex;
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .logotype {
  width: 7rem;
  height: 100%;
}
@media (min-width: 38.75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom .logotype {
    width: 10rem;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links {
  list-style: none;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links {
    display: flex;
    justify-content: flex-end;
  }
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links.alt-header-primary-links li a {
  line-height: 1.5rem;
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links li {
  padding: 0.1rem 0.3rem;
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links li:first-child ~ li {
  margin-left: 1rem;
}
.header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links li a {
  font-size: 0.875rem;
}
@media (min-width: 75rem) {
  .header .alt-header-top-wrapper .alt-header-nav-bottom .primary-links li a {
    font-size: 1rem;
  }
}
.header .alt-header-top-wrapper svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--theme-color--white);
  transition: 0.3s;
}
@media (min-width: 62rem) {
  .header .alt-header-top-wrapper svg {
    fill: var(--theme-color--black);
    width: 1rem;
    height: 1rem;
  }
}
.header .alt-header-top-wrapper svg.text-color-invert {
  fill: var(--theme-color--white);
}
.header .alt-header-top-wrapper svg.text-color {
  fill: var(--theme-color--black);
}
@media (hover: hover) {
  .header .alt-header-top-wrapper svg:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    fill: var(--theme-color--secondary);
  }
}
.header .orderLink.text-color-invert a {
  color: var(--theme-color--white);
}
.header .text-color-invert li:not(.orderLink) a,
.header .text-color-invert li:not(.orderLink) span {
  color: var(--theme-color--white);
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/js/components/cart/confirm.scss ***!
  \*******************************************************************************************************************************************/
.cart-confirm,
.delete-cart-confirm {
  background-color: #fff;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .cart-confirm,
.delete-cart-confirm {
    flex-direction: row;
  }
}
.cart-confirm button,
.delete-cart-confirm button {
  width: 100%;
}
@media (min-width: 62rem) {
  .cart-confirm button,
.delete-cart-confirm button {
    width: auto;
  }
}
.cart-confirm span,
.delete-cart-confirm span {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.875rem;
}
@media (min-width: 62rem) {
  .cart-confirm span,
.delete-cart-confirm span {
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
.cart-confirm span + button:first-of-type,
.delete-cart-confirm span + button:first-of-type {
  margin-bottom: 0.625rem;
}
@media (min-width: 62rem) {
  .cart-confirm span + button:first-of-type,
.delete-cart-confirm span + button:first-of-type {
    margin-right: 0.625rem;
    margin-bottom: 0;
  }
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/components/bundle-modal/bundle-modal.scss ***!
  \***************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#bundle-modal {
  z-index: 1100;
  position: fixed !important;
}
#bundle-modal .bundle-index {
  position: relative;
  width: 90vw;
  height: 90vh;
  max-width: 73.125rem;
  overflow: auto;
}
@media (min-width: 38.75rem) {
  #bundle-modal .bundle-index {
    width: 80vw;
    height: 80vh;
  }
}
#bundle-modal .bundle-index .bundle-intro > .inner {
  width: auto;
  max-width: 73.125rem;
  padding-left: var(--theme-margin-xl);
  padding-right: var(--theme-margin-xl);
  padding-bottom: var(--theme-margin-xl);
}
#bundle-modal .button-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
#bundle-modal .link-container {
  justify-content: center;
}
#bundle-modal .link-container a {
  margin: 0;
}
#bundle-modal .link-container-mobile {
  display: flex;
}
@media (min-width: 62rem) {
  #bundle-modal .link-container-mobile {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/components/campaignblock-link/campaignblock-link.scss ***!
  \***************************************************************************************************************************************************************/
button.campaignblock-link {
  font-size: 0.875rem;
  width: 100%;
  position: relative;
  font-family: var(--font-secondary--medium);
  border: 2px solid var(--theme-color--black);
}
button.campaignblock-link.text-color-invert {
  border-color: var(--theme-color--white);
  background-color: transparent;
  color: var(--theme-color--white);
}
button.campaignblock-link.text-color-invert svg {
  fill: var(--theme-color--white);
}

.product-card button.campaignblock-link svg {
  min-width: 1rem;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/pages/search-page/search-page.scss ***!
  \**********************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
[data-component=search] {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem 0 6rem 0;
  background: var(--theme-color--blue);
  width: 100%;
  display: none;
}
[data-component=search] .search-button-close {
  display: none;
}
@media (min-width: 62rem) {
  [data-component=search] {
    position: initial;
    bottom: initial;
    left: initial;
    padding: 1rem 0;
  }
  [data-component=search].alt-search {
    flex: 0;
    padding: 0;
    background-color: transparent;
  }
  [data-component=search].alt-search input[type=search] {
    padding: 0 1.5rem;
  }
  [data-component=search].alt-search input[type=submit] {
    padding: 0.5rem 1.5rem;
  }
  [data-component=search] .search-button-close {
    display: flex;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0.625rem 0 0.625rem 0.625rem;
  }
}
[data-component=search].in-page {
  background: inherit;
  padding: 0;
}
[data-component=search].in-page .search-input {
  margin-left: 0;
}
[data-component=search].open {
  display: flex;
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -ms-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
[data-component=search].open-desktop {
  display: flex;
}

.search-input-main {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 48rem) {
  .search-input-main {
    max-width: 500px;
  }
}

.search-input {
  width: 100%;
  margin: 0 1rem;
}
@media (min-width: 48rem) {
  .search-input {
    width: 400px;
    margin: auto;
  }
}

.search-input,
.search-input-main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: stretch;
  position: relative;
  font-size: 16px;
  font-family: var(--font-primary--light);
}
.search-input.hide-placeholder .placeholder,
.search-input-main.hide-placeholder .placeholder {
  opacity: 0;
}
.search-input .placeholder,
.search-input-main .placeholder {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: var(--theme-color--grayscull);
  transition: opacity 0.15s ease;
}
.search-input .placeholder .placeholders,
.search-input-main .placeholder .placeholders {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin-left: 0.3rem;
}
.search-input .placeholder li,
.search-input-main .placeholder li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0.1s ease-in-out;
  transform: translateY(20px) rotateX(90deg);
}
.search-input .placeholder .placeholder--active,
.search-input-main .placeholder .placeholder--active {
  transform: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.search-input .placeholder .placeholder--active.inactive,
.search-input-main .placeholder .placeholder--active.inactive {
  transform: translateY(-20px) rotateX(-90deg);
  opacity: 0;
}
.search-input input,
.search-input button,
.search-input-main input,
.search-input-main button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.625rem 0.625rem 0.625rem 1.5rem;
  outline: none;
  transition: all 0.3s ease;
}
.search-input input::placeholder,
.search-input button::placeholder,
.search-input-main input::placeholder,
.search-input-main button::placeholder {
  font-size: 16px;
  font-family: var(--font-primary--light);
  line-height: 1;
  transform: translateY(-1px);
}
.search-input input[type=search], .search-input input[type=text],
.search-input button[type=search],
.search-input button[type=text],
.search-input-main input[type=search],
.search-input-main input[type=text],
.search-input-main button[type=search],
.search-input-main button[type=text] {
  font-family: inherit;
  border: 2px solid var(--theme-color--black);
  border-color: #fff;
  flex: 1;
  border-right: none;
  border-radius: 5px 0 0 5px;
  margin-right: 0;
  font-size: 16px;
}
.search-input input[type=search]:focus, .search-input input[type=text]:focus,
.search-input button[type=search]:focus,
.search-input button[type=text]:focus,
.search-input-main input[type=search]:focus,
.search-input-main input[type=text]:focus,
.search-input-main button[type=search]:focus,
.search-input-main button[type=text]:focus {
  border-color: #fff;
  border: 1px solid var(--theme-color--black);
  border: 2px solid var(--theme-color--grayscull);
  border-right: none;
  font-size: 16px;
}
.search-input input[type=submit],
.search-input button[type=submit],
.search-input-main input[type=submit],
.search-input-main button[type=submit] {
  background: var(--theme-color--black);
  background: var(--theme-color--grayscull);
  color: var(--theme-color--white);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-left: 0;
  font-family: inherit;
  font-size: 0.75rem;
  text-transform: uppercase;
}
[data-page=search-page] .search-input input[type=submit],
[data-page=search-page] .search-input button[type=submit],
[data-page=search-page] .search-input-main input[type=submit],
[data-page=search-page] .search-input-main button[type=submit] {
  background: var(--theme-color--black);
}
[data-page=search-page] .search-input input[type=submit]:hover,
[data-page=search-page] .search-input button[type=submit]:hover,
[data-page=search-page] .search-input-main input[type=submit]:hover,
[data-page=search-page] .search-input-main button[type=submit]:hover {
  background: var(--theme-color--grayscull);
}
.search-input input[type=submit]:hover,
.search-input button[type=submit]:hover,
.search-input-main input[type=submit]:hover,
.search-input-main button[type=submit]:hover {
  background: var(--theme-color--black);
}

.search-page .checkbox-group {
  margin-top: var(--theme-margin-md);
}
.search-page .checkbox-group li {
  margin: 0.3125rem 0.625rem 0.3125rem 0;
}
.search-page .checkbox-group li input[type=radio] {
  position: absolute;
}
@media (min-width: 48rem) {
  .search-page .checkbox-group {
    flex-wrap: wrap;
  }
}

[data-page=search-page] * {
  box-sizing: border-box;
}
[data-page=search-page] .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  [data-page=search-page] .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  [data-page=search-page] .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  [data-page=search-page] .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  [data-page=search-page] .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  [data-page=search-page] .inner {
    width: 73.125rem;
  }
}
[data-page=search-page] .search-info {
  margin-bottom: var(--theme-margin-xl);
  font-family: var(--font-primary--light);
}
[data-page=search-page] .search-query,
[data-page=search-page] .search-hits {
  font-family: var(--font-primary--medium);
}
[data-page=search-page] .search-results {
  width: 100%;
}
[data-page=search-page] .search-results .button {
  font-family: var(--font-secondary--medium);
}
[data-page=search-page] .search-results em {
  background: var(--theme-color--primary);
  padding: 0 0.1rem;
  font-weight: bold;
}
[data-page=search-page] .search-results__type {
  display: block;
  margin: 1rem 0 0;
  font-family: var(--font-primary--light);
  color: var(--theme-color--grayscull);
  font-size: 0.875rem;
}
[data-page=search-page] .search-results .search-items {
  margin: 1rem 0 0 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
[data-page=search-page] .search-results .search-items li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem 0;
  width: 100%;
  border-bottom: 1px solid var(--theme-color--grayer);
}
[data-page=search-page] .search-results .search-items li:last-child {
  border: 0;
}
@media (min-width: 48rem) {
  [data-page=search-page] .search-results .search-items li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
[data-page=search-page] .search-results .search-items li p {
  font-size: 0.875rem;
  font-family: var(--font-primary--light);
  margin-bottom: 1rem;
  line-height: var(--theme-heading--line);
}
[data-page=search-page] .search-results__image {
  margin: 0 0 var(--theme-margin-sm) 0;
  flex: none;
  position: relative;
}
@media (min-width: 48rem) {
  [data-page=search-page] .search-results__image {
    max-width: 200px;
  }
}
[data-page=search-page] .search-results__image img {
  width: 100%;
  vertical-align: bottom;
}
[data-page=search-page] .search-results__image .banner-md {
  z-index: 10;
  font-size: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--tertiary);
  color: var(--theme-color--white);
  padding: 0.313rem 0.75rem;
  border-radius: 0 5px 0 0;
}
[data-page=search-page] .search-results__image .banner {
  z-index: 10;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--brown);
  color: var(--theme-color--white);
  padding: 0.313rem 0.75rem;
  border-radius: 0 5px 0 0;
}
[data-page=search-page] .search-results__image .banner.text-color-normal {
  color: var(--theme-color--black);
}
@media (min-width: 48rem) {
  [data-page=search-page] .search-results__image {
    margin: 0 var(--theme-margin-xl) 0 0;
  }
}
[data-page=search-page] .search-results__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  flex: 1;
}
[data-page=search-page] .search-results__content h1,
[data-page=search-page] .search-results__content h2 {
  font-family: var(--font-secondary--medium);
  font-size: 1.2rem;
  line-height: 1.1;
  margin-bottom: 0.313rem;
}
[data-page=search-page] .search-results__content h3,
[data-page=search-page] .search-results__content h4 {
  font-family: var(--font-primary--medium);
  font-size: 1.2rem;
  line-height: 1.1;
  margin-bottom: 0.313rem;
}
[data-page=search-page] .search-results__content h3 {
  text-decoration: underline;
}
[data-page=search-page] .tabs {
  margin-bottom: 3rem;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/category-listing/category-listing.scss ***!
  \******************************************************************************************************************************************************/
.category-card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  background-color: var(--theme-color--white);
}
.category-card figure {
  overflow: hidden;
  max-height: 16.25rem;
}
.category-card img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}
.category-card .inner {
  padding: 1rem;
  font-size: 0.875rem;
}
.category-card h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: var(--theme-font--spacing);
  text-transform: uppercase;
  font-family: var(--font-primary--bold);
}
.category-card svg {
  width: 1.5rem;
  height: 1.5rem;
}
.category-card:hover img {
  transform: scale(1.03);
}

.category-listing .category-intro {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
  flex-direction: row;
  display: flex;
}
@media (max-width: 38.688rem) {
  .category-listing .category-intro {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-listing .category-intro {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-listing .category-intro {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-listing .category-intro {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-listing .category-intro {
    width: 73.125rem;
  }
}
.category-listing .category-intro .category-text {
  flex: 2;
  display: block;
}
.category-listing .category-intro figure {
  flex: 1;
  display: none;
  max-width: 350px;
}
@media (min-width: 62rem) {
  .category-listing .category-intro figure {
    display: block;
  }
}
.category-listing .category-intro .h1 {
  font-family: var(--font-primary--bold);
}
.category-listing .category-wrapper {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
  overflow: hidden;
}
@media (max-width: 38.688rem) {
  .category-listing .category-wrapper {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-listing .category-wrapper {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-listing .category-wrapper {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-listing .category-wrapper {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-listing .category-wrapper {
    width: 73.125rem;
  }
}
.category-listing .category-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.category-listing .category-items li {
  box-sizing: border-box;
  padding: 0.5rem;
}
@media (min-width: 38.75rem) {
  .category-listing .category-items {
    margin: -0.5rem;
  }
  .category-listing .category-items li {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  .category-listing .category-items li {
    width: 33.333333%;
  }
}
@media (min-width: 62rem) {
  .category-listing .category-items li {
    width: 25%;
    padding: 0.5rem;
  }
}
.category-listing .features {
  background-color: var(--theme-color--brown);
}
.category-listing .features > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 38.688rem) {
  .category-listing .features > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-listing .features > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-listing .features > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-listing .features > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-listing .features > .inner {
    width: 73.125rem;
  }
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/category-all/category-all.scss ***!
  \**********************************************************************************************************************************************/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.listing-wrapper .product-card {
  transition: 0.6s ease;
}
.listing-wrapper .product-card:hover {
  transform: scale(1.05);
}

.product-card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.product-card__card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-card .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--theme-color--white);
  height: 100%;
}
.product-card .margin-override {
  justify-content: initial;
  margin: 0;
}
.product-card figure {
  aspect-ratio: 4/3;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  background-position: center center;
  background-size: contain;
  opacity: 0.9;
  background-repeat: no-repeat;
  border-bottom: 1px dashed #e8e8e8;
}
.product-card figure .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.625rem 2rem;
  color: var(--theme-color--black);
  border-radius: 0 0 1rem 0;
  z-index: 10;
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
}
.product-card figure .label.news {
  background-color: var(--theme-color--secondary);
}
.product-card figure .label.sale {
  background-color: var(--theme-color--primary);
}
.product-card figure .favourite {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.3);
}
.product-card figure .favourite svg {
  pointer-events: none;
  fill: var(--theme-color--black);
}
.product-card figure .favourite:hover {
  transition: 0.3s ease;
  background-color: rgba(255, 255, 255, 0.7);
}
.product-card figure .favourite:hover svg {
  fill: var(--theme-color--heart);
}
.product-card figure .favourite.active {
  background-color: var(--theme-color--white);
}
.product-card figure .favourite.active svg {
  fill: #ec407a;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-card figure .favourite.disabled {
  pointer-events: none;
  cursor: auto;
}
.product-card figure .favourite.large {
  width: 3rem;
  height: 3rem;
}
.product-card figure .favourite.large svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s ease;
}
.product-card figure .favourite.large:hover svg {
  transition: 0.3s ease;
  width: 2rem;
  height: 2rem;
}
.product-card figure .favourite:not(.large) {
  width: 2rem;
  height: 2rem;
}
.product-card figure .favourite:not(.large) svg {
  width: 1rem;
  height: 1rem;
}
.product-card figure .banner {
  z-index: 10;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--brown);
  color: var(--theme-color--white);
  padding: 0.313rem 0.75rem;
  border-radius: 0 5px 0 0;
}
.product-card figure .banner.text-color-normal {
  color: var(--theme-color--black);
}
.product-card .inner {
  padding: 2rem;
  font-size: 0.875rem;
  text-align: center;
  position: relative;
  z-index: 10;
}
.product-card .inner .radio-group {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  position: relative;
}
.product-card .inner .radio-group li {
  display: inline-flex;
}
.product-card h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
  margin-bottom: 0.313rem;
}
.product-card p.description {
  line-height: 1.5;
  overflow: hidden;
  height: 36px;
  color: var(--theme-color--dark);
  font-size: 0.75rem;
}
.product-card p.variants {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1rem;
  color: var(--theme-color--grayscull);
  font-size: 0.75rem;
}
.product-card .color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5rem 0;
}
.product-card .color-picker li button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  transition: 0.3s ease;
  align-items: center;
  justify-content: center;
}
.product-card .color-picker li button .selected {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
}
.product-card .color-picker li button .selected svg {
  width: 0.75rem;
  height: 0.75rem;
}
.product-card .color-picker li button .selected svg:first-child {
  fill: var(--theme-color--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.product-card .color-picker li button .selected svg:first-child + svg {
  fill: var(--theme-color--black);
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 9;
}
.product-card .color-picker li button:hover {
  transform: translateY(-2px);
}
.product-card .color-picker li.colors-additional {
  color: var(--theme-color--grayscull);
}
.product-card .price-container {
  font-family: var(--font-primary--light);
  font-size: 1.125rem;
  margin-top: 1rem;
}
.product-card .price-container .outletPrice {
  color: var(--theme-color--red);
  font-weight: 600;
}
.product-card .price-container .previousPrice {
  font-size: 0.75rem;
  text-decoration: line-through;
}
.product-card .footer-link {
  background-color: var(--theme-color--white);
}
.product-card div.footer-link {
  background-color: transparent;
  border-top: 1px solid var(--theme-color--light);
  padding: 1rem;
  text-align: center;
  font-family: var(--font-secondary--bold);
  letter-spacing: var(--theme-font--spacing);
  color: var(--theme-color--black);
  font-size: 0.875rem;
  text-transform: uppercase;
}
.product-card:hover figure {
  opacity: 1;
}
.product-card__img-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-card-editorial figure {
  border-bottom: none;
  background-size: cover;
}
.product-card-editorial .wrapper {
  background-size: cover;
}
.product-card-editorial .wrapper > a {
  margin: 0;
  padding: 0;
  height: 100%;
}
.product-card-editorial .outer {
  height: 100%;
  max-height: 32.875rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 32.875rem;
}
.product-card-editorial .outer.v-top {
  justify-content: flex-start;
}
.product-card-editorial .outer.v-middle {
  justify-content: center;
}
.product-card-editorial .outer.v-bottom {
  justify-content: flex-end;
}
.product-card-editorial .outer.h-left {
  align-items: flex-start;
  text-align: left;
}
.product-card-editorial .outer.h-left .button-links ul {
  justify-content: flex-start;
}
.product-card-editorial .outer.h-center {
  align-items: center;
  text-align: center;
}
.product-card-editorial .outer.h-center .button-links ul {
  justify-content: center;
}
.product-card-editorial .outer.h-right {
  align-items: flex-end;
  text-align: right;
}
.product-card-editorial .outer.h-right .button-links ul {
  justify-content: flex-end;
}
.product-card-editorial .outer.has-image {
  height: 18.5rem;
}
.product-card-editorial .inner {
  overflow: hidden;
  padding: 0;
  margin: 2rem;
  text-align: inherit;
}
.product-card-editorial .button-links {
  margin-top: 1rem;
}
.product-card-editorial.text-color-invert {
  color: var(--theme-color--white);
}
.product-card-editorial.text-color-invert a,
.product-card-editorial.text-color-invert a:hover {
  color: var(--theme-color--white);
}
.product-card-editorial.text-color-default {
  color: var(--theme-color--black);
}
.product-card-editorial.text-color-default a,
.product-card-editorial.text-color-default a:hover {
  color: var(--theme-color--black);
}
.product-card-editorial h2 {
  white-space: normal;
}
.product-card-editorial h2.text-size-x-1 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.375rem;
  }
}
.product-card-editorial h2.text-size-x-2 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.5rem;
  }
}
.product-card-editorial h2.text-size-x-3 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.75rem;
  }
}
.product-card-editorial h2.text-size-x-4 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 2rem;
  }
}
.product-card-editorial h2.text-size-x-5 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2.5rem;
  }
}
.product-card-editorial h2.text-size-x-6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 3rem;
  }
}
.product-card-editorial h2.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 6rem;
  }
}

.category-all .category-all-intro {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
  flex-direction: row;
  display: flex;
}
@media (max-width: 38.688rem) {
  .category-all .category-all-intro {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-all .category-all-intro {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-all .category-all-intro {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-all .category-all-intro {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-all .category-all-intro {
    width: 73.125rem;
  }
}
.category-all .category-all-intro .category-text {
  flex: 2;
  display: block;
}
.category-all .category-all-intro figure {
  flex: 1;
  display: none;
  max-width: 350px;
}
@media (min-width: 62rem) {
  .category-all .category-all-intro figure {
    display: block;
  }
}
.category-all .category-all-intro .h1 {
  font-family: var(--font-primary--bold);
}
.category-all .filters-quick {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .category-all .filters-quick {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-all .filters-quick {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-all .filters-quick {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-all .filters-quick {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-all .filters-quick {
    width: 73.125rem;
  }
}
.category-all .filters-quick .radio-group {
  overflow-x: auto;
}
.category-all .filters-quick .radio-group .button-filter {
  white-space: nowrap;
}
.category-all .listing-wrapper {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .category-all .listing-wrapper {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-all .listing-wrapper {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-all .listing-wrapper {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-all .listing-wrapper {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-all .listing-wrapper {
    width: 73.125rem;
  }
}
.category-all .product-items {
  display: flex;
  flex-wrap: wrap;
}
.category-all .product-items > div {
  box-sizing: border-box;
  width: 100%;
}
.category-all .product-items > div:first-child ~ div {
  margin-top: 1rem;
}
@media (min-width: 38.75rem) {
  .category-all .product-items {
    margin: -1rem;
  }
  .category-all .product-items > div {
    padding: 1rem;
    width: 50%;
  }
  .category-all .product-items > div:first-child ~ div {
    margin-top: 0;
  }
}
@media (min-width: 62rem) {
  .category-all .product-items > div {
    width: 33.333333%;
    padding: 1rem;
  }
}
.category-all .product-items .no-hits {
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
  line-height: var(--theme-paragraph--line);
}
@media (min-width: 38.75rem) {
  .category-all .product-items .no-hits {
    width: 75%;
  }
}
@media (min-width: 62rem) {
  .category-all .product-items .no-hits {
    width: 66.666666%;
  }
}
.category-all .features {
  background-color: var(--theme-color--brown);
}
.category-all .features > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 38.688rem) {
  .category-all .features > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .category-all .features > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .category-all .features > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .category-all .features > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .category-all .features > .inner {
    width: 73.125rem;
  }
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/bundle-index/bundle-index.scss ***!
  \**********************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bundle-index .h1,
.bundle-index .h2 {
  font-family: var(--font-primary--bold);
}
.bundle-index .button {
  font-family: var(--font-secondary--medium);
}
.bundle-index .button.customize {
  margin-top: 1rem;
}
.bundle-index .btn-bundle-tooltip {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.bundle-index .btn-bundle-tooltip svg {
  width: 1rem;
  height: 1rem;
  vertical-align: bottom;
}
.bundle-index .bundle-info-text {
  margin-top: 5px;
}
.bundle-index #bundle-figure {
  height: 100%;
  cursor: pointer;
  display: none;
  margin-bottom: 0.938rem;
}
@media (min-width: 62rem) {
  .bundle-index #bundle-figure {
    display: block;
  }
}
.bundle-index #mobile-figure {
  display: block;
}
@media (min-width: 62rem) {
  .bundle-index #mobile-figure {
    display: none;
  }
}
.bundle-index .bundle-intro {
  background-color: var(--theme-color--white);
}
.bundle-index .bundle-intro .inner .columns {
  display: flex;
  flex-direction: column;
}
.bundle-index .bundle-intro .inner .columns .images-wrapper {
  height: 100%;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .columns {
    flex-direction: row;
  }
}
.bundle-index .bundle-intro .inner .columns .truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1rem;
}
.bundle-index .bundle-intro .inner .columns .read-more {
  margin-bottom: 1rem;
  padding: 0;
  text-decoration: underline;
  background-color: transparent;
  overflow: visible;
  border: none;
  font-size: 16px;
  font-family: var(--font-primary--medium);
}
.bundle-index .bundle-intro .inner .columns .read-more:hover {
  cursor: pointer;
}
.bundle-index .bundle-intro .inner .columns .hidden {
  visibility: hidden;
}
.bundle-index .bundle-intro .inner .columns > div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .columns > div {
    margin-right: 4rem;
  }
}
@media (min-width: 75rem) {
  .bundle-index .bundle-intro .inner .columns > div {
    flex: 1;
  }
}
.bundle-index .bundle-intro .inner .columns table {
  width: 100%;
  display: flex;
}
.bundle-index .bundle-intro .inner .columns table thead,
.bundle-index .bundle-intro .inner .columns table tbody {
  flex-direction: column;
}
.bundle-index .bundle-intro .inner .columns table thead tr,
.bundle-index .bundle-intro .inner .columns table tbody tr {
  display: flex;
}
.bundle-index .bundle-intro .inner .columns table thead tr td,
.bundle-index .bundle-intro .inner .columns table thead tr th,
.bundle-index .bundle-intro .inner .columns table tbody tr td,
.bundle-index .bundle-intro .inner .columns table tbody tr th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table thead tr td.center,
.bundle-index .bundle-intro .inner .columns table thead tr th.center,
.bundle-index .bundle-intro .inner .columns table tbody tr td.center,
.bundle-index .bundle-intro .inner .columns table tbody tr th.center {
    text-align: center;
  }
}
.bundle-index .bundle-intro .inner .columns table thead tr td.flex-1,
.bundle-index .bundle-intro .inner .columns table thead tr th.flex-1,
.bundle-index .bundle-intro .inner .columns table tbody tr td.flex-1,
.bundle-index .bundle-intro .inner .columns table tbody tr th.flex-1 {
  flex: 1;
}
.bundle-index .bundle-intro .inner .columns table thead tr td.flex-2,
.bundle-index .bundle-intro .inner .columns table thead tr th.flex-2,
.bundle-index .bundle-intro .inner .columns table tbody tr td.flex-2,
.bundle-index .bundle-intro .inner .columns table tbody tr th.flex-2 {
  flex: 2;
}
.bundle-index .bundle-intro .inner .columns table thead tr td.flex-3,
.bundle-index .bundle-intro .inner .columns table thead tr th.flex-3,
.bundle-index .bundle-intro .inner .columns table tbody tr td.flex-3,
.bundle-index .bundle-intro .inner .columns table tbody tr th.flex-3 {
  flex: 3;
}
.bundle-index .bundle-intro .inner .columns table thead tr td.flex-4,
.bundle-index .bundle-intro .inner .columns table thead tr th.flex-4,
.bundle-index .bundle-intro .inner .columns table tbody tr td.flex-4,
.bundle-index .bundle-intro .inner .columns table tbody tr th.flex-4 {
  flex: 4;
}
.bundle-index .bundle-intro .inner .columns table thead {
  border-radius: 3px 3px 0 0;
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
  display: none;
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table thead {
    display: flex;
  }
}
.bundle-index .bundle-intro .inner .columns table thead tr {
  font-size: 1rem;
}
.bundle-index .bundle-intro .inner .columns table thead tr th {
  font-family: var(--font-primary--bold);
}
.bundle-index .bundle-intro .inner .columns table thead tr th:first-child {
  text-align: left;
}
.bundle-index .bundle-intro .inner .columns table tbody {
  display: flex;
}
.bundle-index .bundle-intro .inner .columns table tbody tr:first-child {
  border: none;
}
.bundle-index .bundle-intro .inner .columns table tbody tr {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--theme-color--grayer);
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table tbody tr {
    flex-direction: row;
  }
}
.bundle-index .bundle-intro .inner .columns table tbody tr td .label {
  font-family: var(--font-primary--bold);
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table tbody tr td .label {
    display: none;
  }
}
.bundle-index .bundle-intro .inner .columns table tbody tr td:first-child {
  margin-bottom: 0.313rem;
  text-align: left;
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table tbody tr td:first-child {
    margin-bottom: 0;
  }
}
.bundle-index .bundle-intro .inner .columns table tbody tr td:first-child ~ td {
  margin-top: 0.313rem;
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro .inner .columns table tbody tr td:first-child ~ td {
    margin-top: 0;
  }
}
.bundle-index .bundle-intro .inner .columns table tbody tr td:first-child ~ td a {
  position: relative;
  top: 4px;
}
.bundle-index .bundle-intro .inner .columns table.flipped {
  flex-direction: row;
}
.bundle-index .bundle-intro .inner .columns table:not(.flipped) {
  flex-direction: column;
}
.bundle-index .bundle-intro .inner .columns .download-icon {
  height: 26px;
  width: 26px;
}
.bundle-index .bundle-intro .inner figure {
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner figure {
    margin-right: 2rem;
  }
}
.bundle-index .bundle-intro .inner figure .product-image {
  max-width: 100%;
  max-height: 100%;
}
.bundle-index .bundle-intro .inner figure .favourite {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.3);
}
.bundle-index .bundle-intro .inner figure .favourite svg {
  pointer-events: none;
  fill: var(--theme-color--black);
}
.bundle-index .bundle-intro .inner figure .favourite:hover {
  transition: 0.3s ease;
  background-color: rgba(255, 255, 255, 0.7);
}
.bundle-index .bundle-intro .inner figure .favourite:hover svg {
  fill: var(--theme-color--heart);
}
.bundle-index .bundle-intro .inner figure .favourite.active {
  background-color: var(--theme-color--white);
}
.bundle-index .bundle-intro .inner figure .favourite.active svg {
  fill: #ec407a;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bundle-index .bundle-intro .inner figure .favourite.disabled {
  pointer-events: none;
  cursor: auto;
}
.bundle-index .bundle-intro .inner figure .favourite.large {
  width: 3rem;
  height: 3rem;
}
.bundle-index .bundle-intro .inner figure .favourite.large svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s ease;
}
.bundle-index .bundle-intro .inner figure .favourite.large:hover svg {
  transition: 0.3s ease;
  width: 2rem;
  height: 2rem;
}
.bundle-index .bundle-intro .inner figure .favourite:not(.large) {
  width: 2rem;
  height: 2rem;
}
.bundle-index .bundle-intro .inner figure .favourite:not(.large) svg {
  width: 1rem;
  height: 1rem;
}
.bundle-index .bundle-intro .inner figure .button-articles {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}
.bundle-index .bundle-intro .inner .images {
  display: none;
  margin: 0;
  flex-wrap: wrap;
  list-style-type: none;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .images {
    display: block;
    position: relative;
  }
}
.bundle-index .bundle-intro .inner .images .arrow-container {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  position: absolute;
  top: 22%;
}
.bundle-index .bundle-intro .inner .images .arrow-container .slick-arrow {
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: none;
  background-color: #fff;
  border-radius: 50%;
  transition: 500ms;
}
.bundle-index .bundle-intro .inner .images .arrow-container .slick-arrow:hover {
  box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: 500ms;
}
.bundle-index .bundle-intro .inner .images .arrow-container .slick-arrow:hover svg {
  fill: var(--theme-color--secondary);
}
.bundle-index .bundle-intro .inner .images .arrow-container .slick-arrow svg {
  width: 100%;
  height: 100%;
}
.bundle-index .bundle-intro .inner .images .images-items {
  padding-left: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  list-style-type: none;
}
.bundle-index .bundle-intro .inner .images .images-items .image-box {
  height: auto;
  border: none;
  margin-right: 0;
}
.bundle-index .bundle-intro .inner .images .images-items .image-box img {
  max-width: none;
  max-height: none;
  height: 100%;
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
}
.bundle-index .bundle-intro .inner .images .images-items .hide-image {
  display: none;
}
.bundle-index .bundle-intro .inner .link-container {
  display: none;
  margin-top: 0.625rem;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .link-container {
    display: flex;
  }
}
.bundle-index .bundle-intro .inner .link-container a {
  font-size: 0.875rem;
  border: 1px solid var(--theme-color--black);
  text-decoration: none;
  padding: 0.4rem 0.7rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  flex: 1;
}
@media (min-width: 75rem) {
  .bundle-index .bundle-intro .inner .link-container a {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .link-container a {
    flex: initial;
  }
}
.bundle-index .bundle-intro .inner .bundle-customize-label {
  display: block;
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
  margin: 0.2rem 0 1rem 0;
  font-family: var(--font-primary--light);
}
.bundle-index .bundle-intro .inner .cart-button {
  margin-top: 1rem;
  width: 100%;
}
@media (min-width: 75rem) {
  .bundle-index .bundle-intro .inner .cart-button {
    width: auto;
  }
}
@media (max-width: 38.688rem) {
  .bundle-index .bundle-intro .inner #bundle-customize {
    width: 100%;
  }
}
@media (min-width: 118.75rem) {
  .bundle-index .bundle-intro .inner #bundle-customize {
    width: 100%;
  }
}
.bundle-index .bundle-intro .inner #bundle-customize svg {
  fill: var(--theme-color--white);
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .bundle-filter-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.bundle-index .bundle-intro .inner .bundle-filter,
.bundle-index .bundle-intro .inner .bundle-color {
  list-style: none;
  margin-top: 0;
  padding: 0;
}
.bundle-index .bundle-intro .inner .bundle-filter > li > span,
.bundle-index .bundle-intro .inner .bundle-color > li > span {
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
  margin-bottom: 0.625rem;
  display: block;
}
.bundle-index .bundle-intro .inner .bundle-filter > li > span.label-bundle-tooltip,
.bundle-index .bundle-intro .inner .bundle-color > li > span.label-bundle-tooltip {
  display: inline-flex;
}
.bundle-index .bundle-intro .inner .bundle-filter ul,
.bundle-index .bundle-intro .inner .bundle-color ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.bundle-index .bundle-intro .inner .bundle-filter ul li,
.bundle-index .bundle-intro .inner .bundle-color ul li {
  display: flex;
  box-sizing: border-box;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro .inner .bundle-filter {
    margin-right: 1.5rem;
  }
}
.bundle-index .bundle-intro .inner .bundle-filter ul {
  margin: 0 0 1.25rem 0;
}
.bundle-index .bundle-intro .inner .bundle-color > li > ul > li {
  margin-right: 0.625rem;
}
.bundle-index .bundle-intro .inner .bundle-color .disabled {
  opacity: 0.2;
}
.bundle-index .bundle-intro .inner .bundle-color .radio-group {
  margin: 0;
}
.bundle-index .bundle-intro .inner .find-retailer-link {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.bundle-index .bundle-intro .inner .find-retailer-link svg {
  margin-right: 0.313rem;
  width: 0.875rem;
  height: 0.875rem;
}
.bundle-index .bundle-intro .inner .find-retailer-link a {
  text-decoration: underline;
}
.bundle-index .bundle-intro .inner .invalid-config {
  font-size: 0.875rem;
  color: #b71c1c;
}
.bundle-index .bundle-intro .inner header {
  flex: 1;
}
.bundle-index .bundle-intro .inner header .price {
  font-family: var(--font-primary--light);
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.bundle-index .bundle-intro .inner header .price-disclaimer {
  font-size: 0.875rem;
}
.bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .bundle-index .bundle-intro > .inner,
.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner {
    width: 73.125rem;
  }
}
.bundle-index #reset-product-filter {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.bundle-index .features {
  background-color: var(--theme-color--white);
}
.bundle-index .compatible {
  background-color: var(--theme-color--white);
}
.bundle-index .inspiration,
.bundle-index .product-data {
  background-color: var(--theme-color--white);
}

.bundle-tooltip-modal {
  max-width: 600px;
  background-color: var(--theme-color--white);
  z-index: 1000;
}
.bundle-tooltip-modal .outer {
  flex: 0 0 15%;
  position: relative;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content {
  max-width: 800px;
  margin: 15px;
  line-height: 1.6;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content p {
  margin-bottom: 5px;
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content h1,
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content h2,
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content h3 {
  margin-bottom: 5px;
  font-family: var(--font-primary);
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content a {
  color: #0066cc;
  text-decoration: none;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content a:hover {
  text-decoration: underline;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content img {
  max-width: 100%;
  height: auto;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content ul,
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content ol {
  margin-bottom: 15px;
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content li {
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
}
.bundle-tooltip-modal .outer .tooltip-content-wrapper .tooltip-content strong {
  font-weight: bold;
  color: #333333;
}
.bundle-tooltip-modal header {
  background-color: var(--theme-color--grayish);
  top: 0;
  left: 0;
  font-family: var(--font-primary--bold);
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  z-index: 99999;
}
@media only screen and (max-width: 600px) {
  .bundle-tooltip-modal {
    max-width: 90%;
    max-height: none;
  }
  .bundle-tooltip-modal .outer {
    flex: 1;
  }
  .bundle-tooltip-modal .tooltip-content-wrapper .tooltip-content {
    margin: 10px;
    line-height: 1.5;
  }
  .bundle-tooltip-modal .tooltip-content-wrapper .tooltip-content p {
    font-size: 0.9rem;
    margin: 5px;
    overflow-wrap: break-word;
  }
  .bundle-tooltip-modal .tooltip-content-wrapper .tooltip-content li {
    font-size: 0.9rem;
  }
}

.spare-parts .data-upsale-container {
  margin-bottom: 3rem;
}

.bundle-index .features > .inner,
.bundle-index .inspiration > .inner,
.bundle-index .compatible > .inner,
.bundle-index .product-data > .inner,
.bundle-index .accessories > .inner,
.bundle-index .related > .inner,
.spare-parts .features > .inner,
.spare-parts .inspiration > .inner,
.spare-parts .compatible > .inner,
.spare-parts .product-data > .inner,
.spare-parts .accessories > .inner,
.spare-parts .related > .inner {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.bundle-index .features,
.spare-parts .features {
  background-color: var(--theme-color--white);
}
.bundle-index .related,
.spare-parts .related {
  background-color: var(--theme-color--white);
}
.bundle-index .related > .inner,
.spare-parts .related > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .bundle-index .related > .inner,
.spare-parts .related > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .bundle-index .related > .inner,
.spare-parts .related > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .bundle-index .related > .inner,
.spare-parts .related > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .bundle-index .related > .inner,
.spare-parts .related > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .bundle-index .related > .inner,
.spare-parts .related > .inner {
    width: 73.125rem;
  }
}
.bundle-index .related .product-card,
.spare-parts .related .product-card {
  overflow: visible;
}
.bundle-index .related .product-card .wrapper,
.spare-parts .related .product-card .wrapper {
  overflow: hidden;
  transition: 0.3s ease;
}
.bundle-index .related .product-card .wrapper:hover,
.spare-parts .related .product-card .wrapper:hover {
  transform: scale(1.05);
  color: var(--theme-color--black);
}
.bundle-index .related .slick-slider .slick-arrow,
.spare-parts .related .slick-slider .slick-arrow {
  margin: auto 0;
}
@media (min-width: 62rem) {
  .bundle-index .related .slick-slider .slick-list,
.spare-parts .related .slick-slider .slick-list {
    margin: 0 3rem;
  }
}
.bundle-index .data-upsale-container,
.spare-parts .data-upsale-container {
  background-color: white;
}
.bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
  margin: auto;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    width: 73.125rem;
  }
}
.bundle-index .data-upsale-container .data-upsale-wrapper .product-data .inner,
.spare-parts .data-upsale-container .data-upsale-wrapper .product-data .inner {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 62rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper,
.spare-parts .data-upsale-container .data-upsale-wrapper {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .bundle-index .data-upsale-container .data-upsale-wrapper .product-data,
.spare-parts .data-upsale-container .data-upsale-wrapper .product-data {
    margin-right: 1rem;
    flex: 3;
    max-width: 750px;
  }
}
@media (min-width: 62rem) and (min-width: 118.75rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper .product-data,
.spare-parts .data-upsale-container .data-upsale-wrapper .product-data {
    flex: 2;
  }
}
@media (min-width: 62rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper .upsale,
.spare-parts .data-upsale-container .data-upsale-wrapper .upsale {
    flex: 2;
  }
}
@media (min-width: 62rem) and (min-width: 118.75rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper .upsale,
.spare-parts .data-upsale-container .data-upsale-wrapper .upsale {
    flex: 1;
  }
}
@media (min-width: 62rem) {
  .bundle-index .data-upsale-container .data-upsale-wrapper .upsale h2,
.spare-parts .data-upsale-container .data-upsale-wrapper .upsale h2 {
    text-align: left;
  }
}
.bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
    width: 100%;
    padding-left: var(--theme-gutter--fluid);
    padding-right: var(--theme-gutter--fluid);
  }
}
@media (min-width: 38.75rem) {
  .bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
    width: 34.875rem;
  }
}
@media (min-width: 48rem) {
  .bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
    width: 44.875rem;
  }
}
@media (min-width: 62rem) {
  .bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
    width: 24rem;
  }
}
@media (min-width: 118.75rem) {
  .bundle-index .upsale > .inner,
.spare-parts .upsale > .inner {
    width: 22.5rem;
  }
}
.bundle-index .upsale > .inner .slide,
.spare-parts .upsale > .inner .slide {
  margin: 0 1px;
}
.bundle-index .upsale > .inner .product-card,
.spare-parts .upsale > .inner .product-card {
  border: 1px dashed #e8e8e8;
}
@media (min-width: 48rem) {
  .bundle-index .product-data .inner,
.spare-parts .product-data .inner {
    width: 700px;
  }
}
.bundle-index .product-data .inner .collapsible .article-numbers,
.bundle-index .product-data .inner .collapsible .specification,
.spare-parts .product-data .inner .collapsible .article-numbers,
.spare-parts .product-data .inner .collapsible .specification {
  width: 100%;
}
.bundle-index .product-data .inner .collapsible .article-numbers > li,
.bundle-index .product-data .inner .collapsible .specification > li,
.spare-parts .product-data .inner .collapsible .article-numbers > li,
.spare-parts .product-data .inner .collapsible .specification > li {
  width: inherit;
}
.bundle-index .product-data .inner .collapsible .specification .table table thead,
.spare-parts .product-data .inner .collapsible .specification .table table thead {
  display: none;
}
.bundle-index .product-data .inner .collapsible ul.images-items,
.bundle-index .product-data .inner .collapsible ul.add-ons-items,
.spare-parts .product-data .inner .collapsible ul.images-items,
.spare-parts .product-data .inner .collapsible ul.add-ons-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.bundle-index .product-data .inner .collapsible ul.images-items li,
.bundle-index .product-data .inner .collapsible ul.add-ons-items li,
.spare-parts .product-data .inner .collapsible ul.images-items li,
.spare-parts .product-data .inner .collapsible ul.add-ons-items li {
  padding: 0.5rem;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 38.75rem) {
  .bundle-index .product-data .inner .collapsible ul.images-items li,
.bundle-index .product-data .inner .collapsible ul.add-ons-items li,
.spare-parts .product-data .inner .collapsible ul.images-items li,
.spare-parts .product-data .inner .collapsible ul.add-ons-items li {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  .bundle-index .product-data .inner .collapsible ul.images-items li,
.bundle-index .product-data .inner .collapsible ul.add-ons-items li,
.spare-parts .product-data .inner .collapsible ul.images-items li,
.spare-parts .product-data .inner .collapsible ul.add-ons-items li {
    width: 33.333333%;
  }
}
@media (min-width: 62rem) {
  .bundle-index .product-data .inner .collapsible ul.images-items li,
.bundle-index .product-data .inner .collapsible ul.add-ons-items li,
.spare-parts .product-data .inner .collapsible ul.images-items li,
.spare-parts .product-data .inner .collapsible ul.add-ons-items li {
    width: 25%;
  }
}
.bundle-index .product-data .inner .collapsible ul.add-ons > li,
.bundle-index .product-data .inner .collapsible ul.images > li,
.spare-parts .product-data .inner .collapsible ul.add-ons > li,
.spare-parts .product-data .inner .collapsible ul.images > li {
  width: 100%;
  overflow: hidden;
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items figure,
.bundle-index .product-data .inner .collapsible ul.images-items figure,
.spare-parts .product-data .inner .collapsible ul.add-ons-items figure,
.spare-parts .product-data .inner .collapsible ul.images-items figure {
  position: relative;
  height: 300px;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 38.75rem) {
  .bundle-index .product-data .inner .collapsible ul.add-ons-items figure,
.bundle-index .product-data .inner .collapsible ul.images-items figure,
.spare-parts .product-data .inner .collapsible ul.add-ons-items figure,
.spare-parts .product-data .inner .collapsible ul.images-items figure {
    height: 200px;
  }
}
@media (min-width: 48rem) {
  .bundle-index .product-data .inner .collapsible ul.add-ons-items figure,
.bundle-index .product-data .inner .collapsible ul.images-items figure,
.spare-parts .product-data .inner .collapsible ul.add-ons-items figure,
.spare-parts .product-data .inner .collapsible ul.images-items figure {
    height: 150px;
  }
}
@media (min-width: 62rem) {
  .bundle-index .product-data .inner .collapsible ul.add-ons-items figure,
.bundle-index .product-data .inner .collapsible ul.images-items figure,
.spare-parts .product-data .inner .collapsible ul.add-ons-items figure,
.spare-parts .product-data .inner .collapsible ul.images-items figure {
    height: 100px;
  }
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items .img-link,
.bundle-index .product-data .inner .collapsible ul.images-items .img-link,
.spare-parts .product-data .inner .collapsible ul.add-ons-items .img-link,
.spare-parts .product-data .inner .collapsible ul.images-items .img-link {
  display: block;
  overflow: hidden;
  text-align: center;
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items .img-link img,
.bundle-index .product-data .inner .collapsible ul.images-items .img-link img,
.spare-parts .product-data .inner .collapsible ul.add-ons-items .img-link img,
.spare-parts .product-data .inner .collapsible ul.images-items .img-link img {
  transition: all 0.3s ease;
  margin: 0;
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items .img-link:hover img,
.bundle-index .product-data .inner .collapsible ul.images-items .img-link:hover img,
.spare-parts .product-data .inner .collapsible ul.add-ons-items .img-link:hover img,
.spare-parts .product-data .inner .collapsible ul.images-items .img-link:hover img {
  transform: scale(1.025);
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items h3,
.bundle-index .product-data .inner .collapsible ul.images-items h3,
.spare-parts .product-data .inner .collapsible ul.add-ons-items h3,
.spare-parts .product-data .inner .collapsible ul.images-items h3 {
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.313rem;
}
.bundle-index .product-data .inner .collapsible ul.add-ons-items p,
.bundle-index .product-data .inner .collapsible ul.images-items p,
.spare-parts .product-data .inner .collapsible ul.add-ons-items p,
.spare-parts .product-data .inner .collapsible ul.images-items p {
  margin-top: 0.313rem;
  font-size: 0.75rem;
}
.bundle-index .product-data .inner .collapsible .link-list,
.spare-parts .product-data .inner .collapsible .link-list {
  font-size: 0.875rem;
  flex-direction: column;
}
.bundle-index .product-data .inner .collapsible .link-list li,
.spare-parts .product-data .inner .collapsible .link-list li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid var(--theme-color--grayer);
}
.bundle-index .product-data .inner .collapsible .link-list li span,
.spare-parts .product-data .inner .collapsible .link-list li span {
  font-size: 0.75rem;
  padding: 0.5rem 0rem;
  color: var(--theme-color--grayscull);
}
.bundle-index .product-data .inner .collapsible .link-list li span:before,
.spare-parts .product-data .inner .collapsible .link-list li span:before {
  content: "(";
}
.bundle-index .product-data .inner .collapsible .link-list li span:after,
.spare-parts .product-data .inner .collapsible .link-list li span:after {
  content: ")";
}
.bundle-index .product-data .inner .collapsible .link-list li a,
.spare-parts .product-data .inner .collapsible .link-list li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 0.3rem;
  margin: 0;
}
.bundle-index .product-data .inner .collapsible .link-list li:last-child,
.spare-parts .product-data .inner .collapsible .link-list li:last-child {
  border: none;
}
.bundle-index .product-data .inner .collapsible .link-list i,
.spare-parts .product-data .inner .collapsible .link-list i {
  width: 20px;
  height: 20px;
  background: none !important;
  margin-right: var(--theme-margin-xs);
}
.bundle-index .product-data .inner .collapsible .link-list i svg,
.spare-parts .product-data .inner .collapsible .link-list i svg {
  width: 100%;
  height: 100%;
}
.bundle-index .product-data .inner .collapsible #product-videos .link-list,
.spare-parts .product-data .inner .collapsible #product-videos .link-list {
  padding-top: 0;
}
.bundle-index .product-data .inner .collapsible #product-videos .link-list li,
.spare-parts .product-data .inner .collapsible #product-videos .link-list li {
  border-bottom: none;
  display: block;
}
.bundle-index .product-data .inner .collapsible #product-videos .link-list li .link-text,
.spare-parts .product-data .inner .collapsible #product-videos .link-list li .link-text {
  padding-bottom: 0.5rem;
}
.bundle-index .product-data .inner .collapsible #product-videos .link-list li link-header,
.spare-parts .product-data .inner .collapsible #product-videos .link-list li link-header {
  padding-top: 1rem;
}

.bundle-articles {
  background-color: var(--theme-color--white);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .bundle-articles {
    width: 600px;
    height: 450px;
  }
}
@media (min-width: 62rem) {
  .bundle-articles {
    flex-direction: row;
    width: 900px;
    height: 675px;
  }
}
@media (min-width: 75rem) {
  .bundle-articles {
    flex-direction: row;
    width: 1000px;
    height: 750px;
  }
}
@media (min-width: 48rem) {
  .bundle-articles {
    flex-direction: row;
  }
}
.bundle-articles .product-list-wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  height: 100%;
  overflow-y: scroll;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bundle-articles .product-list-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bundle-articles .product-list-wrapper ul li {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.8);
}
.bundle-articles .product-list-wrapper ul li:after {
  content: "";
  display: table;
  clear: both;
}
.bundle-articles .product-list-wrapper ul li figure {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 1rem;
}
.bundle-articles .product-list-wrapper ul li > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.bundle-articles .product-list-wrapper ul li > div h3 {
  font-family: var(--font-primary--bold);
  margin-bottom: 0.313rem;
  font-size: 0.875rem;
}
.bundle-articles .product-list-wrapper ul li > div p.description {
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
  margin-bottom: 0.625rem;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number {
  font-size: 0.75rem;
  color: var(--theme-color--grayscull);
  margin-bottom: 0.313rem;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number .stock:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #d40808;
  display: inline-block;
  margin-right: 0.3rem;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number .stock.in-stock:before {
  background: green;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number .stock.few-in-stock:before {
  background: #ffbc00;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number .stock.out-of-stock:before {
  background: #d40808;
}
.bundle-articles .product-list-wrapper ul li > div p.article-number .stock.by-order:before {
  background: grey;
}
.bundle-articles .product-list-wrapper ul li > div .price {
  font-family: var(--font-primary--medium);
  font-size: 0.875rem;
}
.bundle-articles .product-list-wrapper ul li > div button {
  margin-top: 1rem;
}
.bundle-articles .product-list-wrapper ul li:first-child ~ li {
  border-top: 1px solid var(--theme-color--gray);
}
.bundle-articles .product-list-wrapper::-webkit-scrollbar {
  display: none;
}
.bundle-articles header,
.bundle-articles footer {
  padding: 1rem;
  box-sizing: border-box;
  position: absolute;
  width: inherit;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99999;
}
.bundle-articles header {
  background-color: var(--theme-color--grayish);
  top: 0;
  left: 0;
  font-family: var(--font-primary--bold);
  width: 100%;
}
.bundle-articles footer {
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--white);
  border-top: 1px solid var(--theme-color--grayer);
  width: 100%;
}
.bundle-articles footer.cart {
  padding: 0;
}
.bundle-articles footer button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  color: var(--theme-color--white);
}
.bundle-articles footer button.cart-all-button {
  background-color: var(--theme-color--marblegreen);
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: var(--font-secondary--bold);
}
.bundle-articles .articles-footer {
  background-color: var(--theme-color--grayish);
  font-family: var(--font-primary--bold);
}
.bundle-articles .articles-footer a {
  width: 100%;
  display: flex;
  flex: 1;
  align-items: center;
}
.bundle-articles .articles-footer a span {
  flex: 1;
}
.bundle-articles .articles-footer a svg {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--theme-color--white);
  border-radius: 50%;
}
.bundle-articles .outer {
  flex: 0 0 70%;
  overflow-y: auto;
  position: relative;
}
@media (min-width: 48rem) {
  .bundle-articles .outer {
    flex: 0 0 50%;
    overflow-y: initial;
  }
}
@media (min-width: 62rem) {
  .bundle-articles .outer {
    flex: 0 0 35%;
  }
}
.bundle-articles .product-list-wrapper.has-link {
  height: calc(100% - 60px);
}
.bundle-articles .product-list-wrapper > ul {
  padding-top: 60px;
}
.bundle-articles .product-list-wrapper > ul.cart {
  padding-bottom: 60px;
}
.bundle-articles .product-list-wrapper .price-area {
  display: flex;
}
.bundle-articles .product-list-wrapper .price-area .price {
  display: flex;
  flex: 1;
  justify-content: left;
  align-items: center;
}
.bundle-articles .product-list-wrapper .price-area .cart-button {
  font-size: 0.5rem;
  padding: 0.3rem;
  margin: 0;
  display: flex;
  flex: 1;
}
@media (min-width: 62rem) {
  .bundle-articles .product-list-wrapper .price-area .cart-button {
    flex: 1.5;
  }
}
.bundle-articles > figure {
  flex: 0 0 30%;
}
@media (min-width: 48rem) {
  .bundle-articles > figure {
    flex: 0 0 50%;
  }
}
@media (min-width: 62rem) {
  .bundle-articles > figure {
    flex: 0 0 65%;
  }
}
.bundle-articles figure {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/bundle-customize/bundle-customize.scss ***!
  \******************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bundle-customize {
  background-color: var(--theme-color--black);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .bundle-customize {
    position: fixed;
  }
}
@media (min-width: 62rem) {
  .bundle-customize {
    height: 100vh;
  }
}
.bundle-customize .inner {
  box-sizing: border-box;
  background-color: var(--theme-color--white);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  padding: 80px 0 60px 0;
  border-radius: var(--theme-border--radius);
}
@media (min-width: 62rem) {
  .bundle-customize .inner {
    flex-direction: row;
    width: 900px;
    height: 675px;
  }
}
@media (min-width: 75rem) {
  .bundle-customize .inner {
    flex-direction: row;
    width: 1200px;
    height: 900px;
  }
}
.bundle-customize .inner header,
.bundle-customize .inner footer {
  position: fixed;
  left: 0;
  z-index: 10000;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
@media (min-width: 62rem) {
  .bundle-customize .inner header,
.bundle-customize .inner footer {
    position: absolute;
  }
}
.bundle-customize .inner header {
  height: 80px;
  top: 0;
  background-color: #efede7;
  padding: 1rem;
}
.bundle-customize .inner header .wizard-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: calc(1.875rem + 8px);
}
@media (min-width: 48rem) {
  .bundle-customize .inner header .wizard-header {
    align-items: center;
  }
}
.bundle-customize .inner header .wizard-header h1 {
  text-align: center;
  padding: 0 2.5rem 0 0;
  font-family: var(--font-primary--bold);
  font-size: 0.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 48rem) {
  .bundle-customize .inner header .wizard-header h1 {
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
    padding: 0 2.5rem;
  }
}
.bundle-customize .inner header .wizard-header .price-wrapper {
  font-size: 1.4rem;
  font-family: var(--font-primary--light);
  line-height: 1;
}
.bundle-customize .inner header .wizard-close,
.bundle-customize .inner header .price-summary {
  flex: 1;
  display: inline-flex;
}
.bundle-customize .inner header .wizard-close.hidden,
.bundle-customize .inner header .price-summary.hidden {
  display: none;
}
.bundle-customize .inner header .wizard-close {
  position: absolute;
  font-size: 0.875rem;
  align-items: center;
  justify-content: flex-end;
  right: 1rem;
}
.bundle-customize .inner footer {
  height: 60px;
  bottom: 0;
  background-color: #efede7;
  display: flex;
}
.bundle-customize .inner footer a:hover {
  color: var(--theme-color--white);
}
.bundle-customize .inner footer a,
.bundle-customize .inner footer button {
  font-family: var(--font-primary--bold);
  flex: 1;
  height: inherit;
  justify-content: center;
  align-items: center;
  display: flex;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: var(--theme-font--spacing);
}
.bundle-customize .inner footer button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
  background-color: var(--theme-color--darkish);
  color: var(--theme-color--white);
}
.bundle-customize .inner footer button.cart-button {
  background-color: var(--theme-color--marblegreen);
}
.bundle-customize .inner .bundle-image {
  box-sizing: border-box;
}
.bundle-customize .inner .bundle-selections {
  box-sizing: border-box;
}
.bundle-customize .inner .bundle-image {
  padding: 1rem;
  justify-content: center;
  align-items: center;
  height: 220px;
  display: flex;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media (min-width: 48rem) {
  .bundle-customize .inner .bundle-image {
    position: initial;
    display: flex;
    height: auto;
    width: auto;
    flex: 0 0 50%;
  }
}
.bundle-customize .inner .bundle-image img {
  max-height: 100%;
  max-width: 100%;
}
@media (min-width: 62rem) {
  .bundle-customize .inner .bundle-image img {
    max-height: 100%;
    display: block;
    width: auto;
  }
}
@media (min-width: 75rem) {
  .bundle-customize .inner .bundle-image {
    flex: 0 0 60%;
  }
}
.bundle-customize .inner .bundle-selections {
  padding-top: 220px;
  overflow-y: auto;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 48rem) {
  .bundle-customize .inner .bundle-selections {
    padding-top: 0;
  }
}
@media (min-width: 62rem) {
  .bundle-customize .inner .bundle-selections {
    flex: 0 0 50%;
  }
}
@media (min-width: 75rem) {
  .bundle-customize .inner .bundle-selections {
    flex: 0 0 40%;
  }
}
.bundle-customize .inner .wizard-step-title {
  padding: 2rem 1rem;
  font-family: var(--font-primary--bold);
  border-bottom: 1px dashed var(--theme-color--primary);
  position: relative;
}
.bundle-customize .inner .wizard-step-title.no-border {
  border-bottom: none;
}
.bundle-customize .inner .wizard-step-title span {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.188rem;
  color: var(--theme-color--grayscull);
}
.bundle-customize .inner .wizard-step-title button {
  position: absolute;
  right: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 1.5rem);
  display: flex;
  background-color: transparent;
  border-radius: 50%;
  border: 0;
}
.bundle-customize .inner .wizard-step-title button svg {
  width: 1.5rem;
  height: 1.5rem;
}
.bundle-customize .inner .wizard-step-title button:hover {
  transition: 0.3s ease;
  background-color: rgba(255, 255, 255, 0.7);
}
.bundle-customize .inner .wizard-step-title button:hover svg {
  fill: var(--theme-color--heart);
  width: 2rem;
  height: 2rem;
}
.bundle-customize .inner h3 {
  font-size: 0.875rem;
  padding: 0.5rem 1rem 0.1rem 0;
  font-family: var(--font-primary--bold);
}
.bundle-customize .inner .selections {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bundle-customize .inner .selections li {
  border-bottom: 1px solid #efede7;
}
.bundle-customize .inner .selections li input + label {
  background-color: var(--theme-color--white);
  opacity: 0.6;
}
.bundle-customize .inner .selections li input[type=radio] + label .image-wrapper:after,
.bundle-customize .inner .selections li input[type=checkbox] + label .image-wrapper:after {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-color: var(--theme-color--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bundle-customize .inner .selections li .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.bundle-customize .inner .selections li input[type=radio]:checked + label {
  background-color: #efede7;
  opacity: 1;
}
.bundle-customize .inner .selections li input[type=radio]:checked + label .image-wrapper:after {
  bottom: 0;
  right: 0;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6Ii8+PC9zdmc+);
}
.bundle-customize .inner .selections li input[type=checkbox] + label .image-wrapper:after {
  bottom: 0;
  right: 0;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgM2gxNmExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFINGExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMXptMSAydjE0aDE0VjVINXoiIGZpbGw9InJnYmEoMTc1LDE3NSwxNzUsMSkiLz48L3N2Zz4=);
}
.bundle-customize .inner .selections li input[type=checkbox]:checked + label {
  background-color: rgba(238, 216, 202, 0.25);
  opacity: 1;
}
.bundle-customize .inner .selections li input[type=checkbox]:checked + label .image-wrapper:after {
  bottom: 0;
  right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgM2gxNmExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFINGExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMXptMSAydjE0aDE0VjVINXptNi4wMDMgMTFMNi43NiAxMS43NTdsMS40MTQtMS40MTQgMi44MjkgMi44MjkgNS42NTYtNS42NTcgMS40MTUgMS40MTRMMTEuMDAzIDE2eiIvPjwvc3ZnPg==);
}
.bundle-customize .inner .selections li label {
  padding: 1rem;
  display: flex;
  cursor: pointer;
  position: relative;
}
.bundle-customize .inner .selections li label .image-wrapper {
  background-color: var(--theme-color--white);
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 1.5rem;
  border: 1px solid var(--theme-color--grayest);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bundle-customize .inner .selections li label .option-title {
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
}
.bundle-customize .inner .selections li label .option-subtitle {
  clear: both;
  font-family: var(--font-primary--light);
}
.bundle-customize .inner .selections li label .option-price {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.188rem 1rem;
  color: var(--theme-color--black);
  border-radius: 0.5rem 0 0 0;
  z-index: 10;
  font-size: 1rem;
}
.bundle-customize .inner .selections li label .option-price .add {
  font-size: 0.75rem;
  display: inline-block;
  transform: translateY(-0.1rem);
}
.bundle-customize .inner .selections li label .option-price .price {
  font-family: var(--font-primary--medium);
  font-size: 0.9rem;
}
.bundle-customize .inner .wizard-summary {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}
.bundle-customize .inner .wizard-summary dl {
  display: flex;
}
.bundle-customize .inner .wizard-summary dl.cart {
  justify-content: right;
}
.bundle-customize .inner .wizard-summary dl.cart dd {
  flex: initial;
}
.bundle-customize .inner .wizard-summary dl dt,
.bundle-customize .inner .wizard-summary dl dd {
  flex: 0 0 50%;
}
.bundle-customize .inner .wizard-summary dl dd {
  font-family: var(--font-primary--light);
  text-align: right;
}
.bundle-customize .inner .wizard-summary dl dd .stock:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #d40808;
  display: inline-block;
  margin-right: 0.3rem;
}
.bundle-customize .inner .wizard-summary dl dd .stock.in-stock:before {
  background: green;
}
.bundle-customize .inner .wizard-summary dl dd .stock.few-in-stock:before {
  background: #ffbc00;
}
.bundle-customize .inner .wizard-summary dl dd .stock.out-of-stock:before {
  background: #d40808;
}
.bundle-customize .inner .wizard-summary dl dd .stock.by-order:before {
  background: grey;
}
.bundle-customize .inner .wizard-summary li {
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.bundle-customize .inner .wizard-summary li:nth-child(even) {
  background-color: var(--theme-color--gray);
}
.bundle-customize .inner .wizard-summary li.price {
  font-size: 1.1rem;
}
.bundle-customize .inner .options-none {
  padding: 1rem;
  font-size: 0.875rem;
  color: var(--theme-color--grayscull);
}
.bundle-customize .collapsible .image-wrapper {
  background-color: var(--theme-color--white);
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 1.5rem;
  border: 1px solid var(--theme-color--grayest);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bundle-customize .collapsible .image-wrapper:after {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-color: var(--theme-color--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  bottom: 0;
  right: 0;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6Ii8+PC9zdmc+);
}
.bundle-customize .collapsible .image-wrapper img {
  max-width: 80%;
  max-height: 80%;
}
.bundle-customize .collapsible button {
  display: flex;
  padding: 1rem;
}
.bundle-customize .collapsible button.cart-button {
  padding: 0.3rem;
  font-size: 0.625rem;
}
.bundle-customize .collapsible button i {
  margin-right: 1rem;
}
.bundle-customize .collapsible .collapsible__content {
  display: none;
}
.bundle-customize .collapsible li[data-state=expanded] > button span,
.bundle-customize .collapsible li[data-state=expanded] > button div {
  font-family: var(--font-primary--bold);
}
.bundle-customize .collapsible li[data-state=expanded] .collapsible__content {
  display: block;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/find-retailer/find-retailer.scss ***!
  \************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.find-retailer {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .find-retailer {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .find-retailer {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .find-retailer {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .find-retailer {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .find-retailer {
    width: 73.125rem;
  }
}
.find-retailer > .inner {
  max-width: 600px;
}
.find-retailer .search-container {
  margin-bottom: 2rem;
}
.find-retailer .checkbox-group li {
  display: inline-flex;
}
.find-retailer .checkbox-group li:first-child ~ li {
  margin-left: 0.625rem;
}
.find-retailer .filters-quick .summary {
  padding-bottom: 1.625rem;
  border-bottom: 1px solid var(--theme-color--grayer);
}
.find-retailer .filters-quick .no-hits {
  color: var(--theme-color--grayscull);
}
.find-retailer .retailer-results-container {
  display: flex;
  flex-direction: column;
}
.find-retailer .retailer-results-container .retailer-results-map {
  width: 100%;
  height: 50vh;
  margin-top: 2rem;
}
@media (min-width: 62rem) {
  .find-retailer .retailer-results-container {
    flex-direction: row;
  }
  .find-retailer .retailer-results-container .retailer-results-map {
    flex: 1;
    height: 75vh;
    margin-left: 0.5rem;
    margin-top: 0;
  }
  .find-retailer .retailer-results-container .retailer-results {
    flex: 1;
    margin-right: 0.5rem;
  }
}
.find-retailer .retailer-results-container .retailer-results .collapsible > li {
  padding: 0 1rem;
}
.find-retailer .retailer-results-container .retailer-results .collapsible > li > button .description {
  text-transform: uppercase;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  font-size: 0.875rem;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties li {
  display: inline-flex;
  align-items: center;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties li:first-child ~ li {
  margin-left: 1rem;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties li svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties span {
  color: var(--theme-color--grayscull);
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties span:first-of-type ~ span:before {
  content: "- ";
}
.find-retailer .retailer-results-container .retailer-results .retailer-directions span {
  margin-right: 0.313rem;
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties,
.find-retailer .retailer-results-container .retailer-results .retailer-phone,
.find-retailer .retailer-results-container .retailer-results .retailer-directions,
.find-retailer .retailer-results-container .retailer-results .retailer-details {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: 1px dashed var(--theme-color--grayer);
  font-size: 0.75rem;
}
@media (min-width: 62rem) {
  .find-retailer .retailer-results-container .retailer-results .retailer-properties,
.find-retailer .retailer-results-container .retailer-results .retailer-phone,
.find-retailer .retailer-results-container .retailer-results .retailer-directions,
.find-retailer .retailer-results-container .retailer-results .retailer-details {
    font-size: 0.875rem;
  }
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties a,
.find-retailer .retailer-results-container .retailer-results .retailer-phone a,
.find-retailer .retailer-results-container .retailer-results .retailer-directions a,
.find-retailer .retailer-results-container .retailer-results .retailer-details a {
  text-decoration: underline;
  font-family: var(--font-primary--bold);
}
.find-retailer .retailer-results-container .retailer-results .retailer-properties svg,
.find-retailer .retailer-results-container .retailer-results .retailer-phone svg,
.find-retailer .retailer-results-container .retailer-results .retailer-directions svg,
.find-retailer .retailer-results-container .retailer-results .retailer-details svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.find-retailer .retailer-results-container .retailer-results .button {
  margin-top: 2rem;
}
.find-retailer .retailer-results-container .retailer-results .collapsible > li[data-state=expanded] > ul {
  padding: 0 0 1rem 0;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/retailer-page/retailer-page.scss ***!
  \************************************************************************************************************************************************/
.retailer-page {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 38.688rem) {
  .retailer-page {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .retailer-page {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .retailer-page {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .retailer-page {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .retailer-page {
    width: 73.125rem;
  }
}
.retailer-page .h1,
.retailer-page .h2 {
  font-family: var(--font-primary--bold);
}
.retailer-page .h2 {
  margin-top: var(--theme-margin-xl);
  margin-bottom: var(--theme-margin-xs);
}
.retailer-page > .inner {
  width: calc(100% - 2 * var(--theme-margin-xl));
  background: var(--theme-color--white);
  margin-bottom: var(--theme-gutter--fluid);
  padding: var(--theme-margin-xl);
}
@media (min-width: 75rem) {
  .retailer-page > .inner {
    width: 45rem;
  }
}
.retailer-page > .inner .retailer-info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .retailer-page > .inner .retailer-info {
    flex-direction: row;
  }
}
.retailer-page > .inner .retailer-info .info-column {
  flex: 1;
}
.retailer-page > .inner .retailer-info .info-column figure img {
  max-height: 80px;
  max-width: 300px;
  margin-top: var(--theme-gutter--fluid);
  margin-bottom: var(--theme-gutter--fluid);
}
.retailer-page > .inner .retailer-info .info-column label {
  font-weight: bold;
}
.retailer-page > .inner .retailer-info .info-column .find-on-map {
  margin: var(--theme-gutter--fluid) 0;
}
.retailer-page > .inner .retailer-info .info-column .find-on-map a {
  font-weight: bold;
  text-decoration: underline;
}
.retailer-page > .inner .retailer-info .info-column .categories {
  margin-bottom: var(--theme-gutter--fluid);
}
.retailer-page > .inner .retailer-info .info-column .categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.retailer-page > .inner .retailer-info .info-column .categories ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.retailer-page > .inner .retailer-info .info-column .button-area a:first-child {
  margin-right: 5px;
}
@media (max-width: 38.688rem) {
  .retailer-page > .inner .retailer-info .info-column .button-area a {
    margin-bottom: var(--theme-gutter--fluid);
  }
}
.retailer-page > .inner #retailer-map {
  margin-top: var(--theme-margin-xl);
  margin-bottom: var(--theme-margin-xl);
  height: 400px;
}
@media (min-width: 48rem) {
  .retailer-page > .inner #retailer-map {
    flex: 1;
    margin-top: 0;
  }
}
.retailer-page > .content .slick-slider:not(.overflow-visible) .slick-arrow {
  margin: auto 0;
}
@media (min-width: 62rem) {
  .retailer-page > .content .slick-slider:not(.overflow-visible) .slick-list {
    margin: 0 3rem;
  }
}
.retailer-page > .related {
  display: none;
}
@media (min-width: 75rem) {
  .retailer-page > .related {
    display: block;
  }
}
@media (min-width: 75rem) {
  .retailer-page > .related {
    width: 22rem;
  }
}
.retailer-page > .related .related-header {
  font-family: var(--font-primary--bold);
  margin-bottom: var(--theme-gutter--fluid);
  margin-left: var(--theme-margin-xl);
  margin-right: var(--theme-margin-xl);
}
.retailer-page > .related ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.retailer-page > .related ul li {
  margin-bottom: var(--theme-gutter--fluid);
  margin-left: var(--theme-margin-xl);
  margin-right: var(--theme-margin-xl);
}
.retailer-page > .related a {
  text-decoration: underline;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/sub-page-listing/sub-page-listing.scss ***!
  \******************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
[data-component=sub-page-listing] {
  margin-bottom: 3rem;
}
[data-component=sub-page-listing] header {
  margin-bottom: 2rem;
}
@media (min-width: 48rem) {
  [data-component=sub-page-listing] header {
    text-align: center;
  }
}
[data-component=sub-page-listing] header p {
  margin: 0 auto;
  max-width: 600px;
  font-family: var(--font-primary--light);
  font-size: var(--text-size--preamble);
  line-height: var(--theme-heading--line);
}
[data-component=sub-page-listing] .filter {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  margin-bottom: 2rem;
  overflow-x: auto;
}
@media (min-width: 48rem) {
  [data-component=sub-page-listing] .filter {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
[data-component=sub-page-listing] .filter ul li {
  display: flex;
}
[data-component=sub-page-listing] .filter ul li:first-child ~ li {
  margin-left: 0.625rem;
}
[data-component=sub-page-listing] .columns__wrapper {
  list-style: none;
  padding: 0;
  margin: -1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 48rem) {
  [data-component=sub-page-listing] .columns__wrapper.col-two .columns__col {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  [data-component=sub-page-listing] .columns__wrapper.col-four .columns__col {
    width: 50%;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-page-listing] .columns__wrapper.col-four .columns__col {
    width: 33.333333%;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-page-listing] .columns__wrapper.col-four .columns__col {
    width: 25%;
  }
}
[data-component=sub-page-listing] .columns__col {
  padding: 1rem;
  box-sizing: border-box;
}
[data-component=sub-page-listing] .columns__col figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
[data-component=sub-page-listing] .columns__col img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
[data-component=sub-page-listing] .columns__col a {
  color: inherit;
  text-decoration: none;
}
[data-component=sub-page-listing] .columns__col__article {
  font-family: var(--font-primary--light);
  height: 100%;
  background-color: var(--theme-color--white);
  box-shadow: 0px 0.8rem 0.8rem -0.8rem rgba(0, 0, 0, 0.1);
}
[data-component=sub-page-listing] .columns__col__article a {
  display: block;
}
[data-component=sub-page-listing] .columns__col__article a:hover img {
  transform: scale(1.03);
}
[data-component=sub-page-listing] .columns__col__article .text-content-link {
  padding: 2rem 6rem 2rem 1.5rem;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
[data-component=sub-page-listing] .columns__col__article .text-content-link:hover i {
  border: 2px solid var(--theme-color--secondary);
}
[data-component=sub-page-listing] .columns__col__article .text-content-link:hover i svg {
  fill: var(--theme-color--secondary);
  transform: translateX(0.2rem);
}
[data-component=sub-page-listing] .columns__col__article .text-content-link i {
  width: 1rem;
  height: 1rem;
  padding: 0.75rem;
  border-radius: 50%;
  border: 2px solid var(--theme-color--grayscull);
  transition: all 0.3s ease;
  position: absolute;
  right: 1.75rem;
}
[data-component=sub-page-listing] .columns__col__article .text-content-link i svg {
  width: 1rem;
  height: 1rem;
  fill: #fff;
  top: calc(50% - 0.5rem);
  left: calc(50% - 0.5rem);
  fill: var(--theme-color--black);
  transition: all 0.3s ease;
}
[data-component=sub-page-listing] .columns__col__article .text-content-link .teaser-title {
  margin: 0 0 0.313rem 0;
  line-height: var(--theme-paragraph-line);
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
}
[data-component=sub-page-listing] .columns__col__article .text-content-link .teaser-text {
  margin: 0;
}
[data-component=sub-page-listing] .columns__col__article .text-content-link p {
  flex: 1;
}
[data-component=sub-page-listing] .columns__col:first-child ~ .columns__col {
  margin-top: 1rem;
}
@media (min-width: 38.75rem) {
  [data-component=sub-page-listing] .columns__col:first-child ~ .columns__col {
    margin-top: 0;
  }
}
[data-component=sub-page-listing].container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  [data-component=sub-page-listing].container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  [data-component=sub-page-listing].container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  [data-component=sub-page-listing].container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-page-listing].container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-page-listing].container {
    width: 73.125rem;
  }
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/faq/faq.scss ***!
  \****************************************************************************************************************************/
.single-article {
  margin-bottom: 3rem;
}
.single-article > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 38.688rem) {
  .single-article > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .single-article > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .single-article > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .single-article > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .single-article > .inner {
    width: 73.125rem;
  }
}
@media (min-width: 75rem) {
  .single-article > .inner > .related {
    width: 22rem;
  }
}
.single-article > .inner > .related .related-header {
  font-family: var(--font-primary--bold);
  margin-bottom: var(--theme-gutter--fluid);
  margin-left: var(--theme-margin-xl);
  margin-right: var(--theme-margin-xl);
}
.single-article > .inner > .related ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-article > .inner > .related ul li {
  margin-bottom: var(--theme-gutter--fluid);
  margin-left: var(--theme-margin-xl);
  margin-right: var(--theme-margin-xl);
}
.single-article > .inner > .related a {
  text-decoration: underline;
}
.single-article > .inner > .content {
  width: 100%;
  background: var(--theme-color--white);
  margin-bottom: var(--theme-gutter--fluid);
  padding: var(--theme-margin-xl);
}
@media (min-width: 75rem) {
  .single-article > .inner > .content {
    width: 45rem;
  }
}
.single-article > .inner > .content h1 {
  margin-bottom: 1rem;
  font-family: var(--font-primary--bold);
}
.single-article > .inner > .content > img {
  margin-bottom: 1rem;
}
.single-article > .inner > .content em {
  font-style: italic;
}
.single-article > .inner > .content strong {
  font-family: var(--font-primary--bold);
}
.single-article > .inner > .content p {
  line-height: var(--theme-paragraph--line);
  font-family: var(--font-primary--light);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.single-article > .inner > .content p > a {
  font-family: var(--font-primary--light);
  text-decoration: underline;
}
.single-article > .inner > .content ul,
.single-article > .inner > .content ol {
  font-family: var(--font-primary--light);
}
.single-article .iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 1rem;
}
.single-article .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.single-article .faq-blockarea {
  margin-top: 30px;
}

.faq h2 {
  font-family: var(--font-primary--bold);
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
}
.faq img {
  margin-bottom: 1rem;
}
.faq .iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 1rem;
}
.faq .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.faq p {
  font-family: var(--font-primary--light);
  margin-bottom: 1rem;
  line-height: var(--theme-paragraph--line);
}
.faq p em {
  font-style: italic;
}
.faq p strong {
  font-family: var(--font-primary--bold);
}
.faq p a {
  text-decoration: underline;
}
.faq .faq-answer {
  background: inherit;
}
.faq .faq-answer ul,
.faq .faq-answer ol {
  font-family: var(--font-primary--light);
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: var(--theme-paragraph--line);
}
.faq .faq-answer ul {
  list-style: disc;
}
.faq .faq-answer > li {
  width: 100%;
}
.faq:first-of-type ~ .faq {
  margin-top: 2rem;
}
.faq .collapsible > li {
  padding: 0 1rem;
}
.faq .link-icon {
  float: right;
  padding: 0.625rem 0;
}
.faq .link-icon svg {
  width: 1rem;
  height: 1rem;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/standard-page/standard-page.scss ***!
  \************************************************************************************************************************************************/
[data-page=standard-page] {
  margin-bottom: 3rem;
}
[data-page=standard-page] .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  [data-page=standard-page] .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  [data-page=standard-page] .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  [data-page=standard-page] .inner {
    width: 46.875rem;
  }
}
[data-page=standard-page] .inner header {
  margin-bottom: 3rem;
  text-align: center;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/spare-parts/spare-parts.scss ***!
  \********************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
.spare-parts {
  margin-bottom: 3rem;
}
.spare-parts .h1,
.spare-parts .h2 {
  font-family: var(--font-primary--bold);
}
.spare-parts .product-data {
  background-color: var(--theme-color--white);
  padding: 3rem 0;
}
.spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .spare-parts .cart-items-section > .inner,
.spare-parts .related > .inner {
    width: 73.125rem;
  }
}
.spare-parts .product-data .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .spare-parts .product-data .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .spare-parts .product-data .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .spare-parts .product-data .inner {
    width: 46.875rem;
  }
}
.spare-parts .cart-items-section,
.spare-parts data-upsale-container {
  margin-bottom: 3rem;
}
.spare-parts > header .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .spare-parts > header .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .spare-parts > header .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .spare-parts > header .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .spare-parts > header .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .spare-parts > header .inner {
    width: 73.125rem;
  }
}
.spare-parts * {
  box-sizing: border-box;
}
.spare-parts header {
  margin-bottom: var(--theme-margin-lg);
}
.spare-parts header > .inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 38.75rem) {
  .spare-parts header > .inner {
    flex-direction: row;
  }
}
.spare-parts header figure {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  width: 100px;
  height: 100px;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
@media (min-width: 38.75rem) {
  .spare-parts header figure {
    margin-bottom: auto;
    width: 200px;
    height: 200px;
  }
}
.spare-parts header figure img {
  max-width: 80%;
  max-height: 80%;
}
.spare-parts header figure .banner {
  z-index: 10;
  font-size: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--brown);
  color: var(--theme-color--white);
  padding: 0.313rem 0.75rem;
  border-radius: 0 5px 0 0;
}
.spare-parts header figure .banner.text-color-normal {
  color: var(--theme-color--black);
}
.spare-parts header .info {
  align-self: stretch;
  flex: 1;
}
.spare-parts header .info p {
  line-height: var(--theme-paragraph--line);
}

.spare-parts-modal {
  width: 100%;
  height: 100%;
  padding: 2rem;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 48rem) {
  .spare-parts-modal {
    padding: initial;
    width: 600px;
    height: 600px;
  }
}
@media (min-width: 62rem) {
  .spare-parts-modal {
    width: 800px;
    height: 800px;
  }
}
.spare-parts-modal button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.spare-parts-modal figure {
  height: inherit;
  box-sizing: border-box;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-color--white);
  border-radius: 3px;
}
.spare-parts-modal figure img {
  max-width: 80%;
  max-height: 80%;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/favourites-page/favourites-page.scss ***!
  \****************************************************************************************************************************************************/
.favourites-page {
  margin-bottom: 3rem;
}
.favourites-page > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .favourites-page > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .favourites-page > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .favourites-page > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .favourites-page > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .favourites-page > .inner {
    width: 73.125rem;
  }
}
.favourites-page .favourites-header {
  margin-bottom: 3rem;
  border-bottom: 1px solid var(--theme-color--grayer);
}
.favourites-page .favourites-header .favourites-header-row {
  display: flex;
  padding-bottom: 2rem;
  justify-content: space-between;
  font-size: 0.875rem;
}
.favourites-page .favourites-header .favourites-header-row .favourites-amount {
  display: flex;
  align-items: center;
}
.favourites-page .favourites-header .favourites-header-row .favourites-amount svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.313rem;
}
.favourites-page .favourites-header .favourites-header-row .favourites-print {
  display: flex;
}
.favourites-page .favourites-header .favourites-header-row .favourites-print button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: var(--theme-color--black);
}
.favourites-page .favourites-header .favourites-header-row .favourites-print button#favourites-print {
  display: none;
}
@media (min-width: 62rem) {
  .favourites-page .favourites-header .favourites-header-row .favourites-print button#favourites-print {
    display: flex;
  }
}
.favourites-page .favourites-header .favourites-header-row .favourites-print svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
}
.favourites-page .favourites-header .favourites-header-row #favourites-share {
  margin-left: 1rem;
}
.favourites-page .favourites-header .favourites-link-row {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog {
  display: none;
  padding: 20px;
  background: white;
  margin-bottom: 2rem;
  width: 100%;
  flex-flow: row wrap;
}
@media (min-width: 62rem) {
  .favourites-page .favourites-header .favourites-link-row #favourites-link-dialog {
    width: auto;
  }
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.625rem;
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog.visible {
  display: flex;
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog span {
  margin-right: 1rem;
}
@media (max-width: 38.688rem) {
  .favourites-page .favourites-header .favourites-link-row #favourites-link-dialog span {
    flex-basis: 100%;
    margin-bottom: 1rem;
  }
}
.favourites-page .favourites-header .favourites-link-row #favourites-link-dialog input[type=text] {
  flex: 5;
}
@media (min-width: 62rem) {
  .favourites-page .favourites-header .favourites-link-row #favourites-link-dialog input[type=text] {
    width: 500px;
  }
}
.favourites-page .favourites-empty {
  color: var(--theme-color--grayscull);
}
.favourites-page .articles-list {
  font-size: 0.75rem;
  margin-top: 0.625rem;
}
.favourites-page .articles-list b {
  margin-right: 0.313rem;
}
.favourites-page .articles-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.favourites-page .articles-list ul li:first-child ~ li:before {
  content: ", ";
}
.favourites-page .articles-details {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  font-family: var(--font-primary--light);
  display: flex;
  align-items: flex-end;
  color: var(--theme-color--black);
}
.favourites-page .articles-details svg {
  margin-left: 0.313rem;
  width: 1rem;
  height: 1rem;
}
.favourites-page .article-info {
  width: 100%;
}
.favourites-page .article-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: inherit;
}
.favourites-page .article-info > ul {
  margin-top: 1rem;
}
.favourites-page .article-info > ul > li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--theme-color--grayer);
}
.favourites-page .article-info > ul ul {
  font-size: 0.75rem;
}
.favourites-page .article-info > ul ul dl {
  display: flex;
}
.favourites-page .article-info > ul ul dl dt {
  font-family: var(--font-primary--bold);
}
.favourites-page .article-info > ul ul dl dd {
  margin-left: 0.313rem;
}
.favourites-page .article-info > ul ul li {
  margin-top: 0.625rem;
}
.favourites-page .cart-items .cart-item .info h3 {
  font-size: 0.875rem;
  margin-bottom: 0.313rem;
}
.favourites-page .cart-items .cart-item .article-info {
  display: none;
}
.favourites-page .cart-items .cart-item.active {
  border-bottom-color: var(--theme-color--grayer);
  align-items: flex-start;
}
.favourites-page .cart-items .cart-item.active .article-info {
  display: flex;
}
.favourites-page .cart-items .cart-item.active .article-info > ul > li {
  border-color: var(--theme-color--white);
}
.favourites-page .button-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.favourites-page .button-area button {
  margin-top: 1rem;
  font-family: var(--font-secondary--medium);
}
.favourites-page .button-area button i {
  margin-right: 0.5rem;
}
.favourites-page .button-area button svg {
  fill: var(--theme-color--white);
}
@media print {
  .favourites-page .favourites-header,
.favourites-page .preamble,
.favourites-page .remove-from-cart,
.favourites-page .articles-details,
.favourites-page .btn-subtr,
.favourites-page .btn-add {
    display: none !important;
  }
  .favourites-page .cart-item {
    padding: 1rem 0 !important;
  }
  .favourites-page .cart-items > li {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 5px;
    align-items: flex-start;
  }
  .favourites-page .article-info {
    display: flex !important;
  }
  .favourites-page .cart-summary ul {
    border-top: none;
    padding: 1rem 0;
  }
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/drawing-results-page/drawing-results-page.scss ***!
  \**************************************************************************************************************************************************************/
.drawing-results-page {
  margin-bottom: 3rem;
}
.drawing-results-page > .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .drawing-results-page > .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .drawing-results-page > .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .drawing-results-page > .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .drawing-results-page > .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .drawing-results-page > .inner {
    width: 73.125rem;
  }
}
.drawing-results-page header .preamble.medium {
  width: 75%;
}
.drawing-results-page .articles-list {
  font-size: 0.75rem;
  margin-top: 0.625rem;
}
.drawing-results-page .articles-list b {
  margin-right: 0.313rem;
}
.drawing-results-page .articles-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.drawing-results-page .articles-list ul li:first-child ~ li:before {
  content: ", ";
}
.drawing-results-page .articles-details {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  font-family: var(--font-primary--light);
  display: flex;
  align-items: flex-end;
  color: var(--theme-color--black);
}
.drawing-results-page .articles-details svg {
  margin-left: 0.313rem;
  width: 1rem;
  height: 1rem;
}
.drawing-results-page .article-info {
  width: 100%;
}
.drawing-results-page .article-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: inherit;
}
.drawing-results-page .article-info > ul {
  margin-top: 1rem;
}
.drawing-results-page .article-info > ul > li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--theme-color--grayer);
}
.drawing-results-page .article-info > ul ul {
  font-size: 0.75rem;
}
.drawing-results-page .article-info > ul ul dl {
  display: flex;
}
.drawing-results-page .article-info > ul ul dl dt {
  font-family: var(--font-primary--bold);
}
.drawing-results-page .article-info > ul ul dl dd {
  margin-left: 0.313rem;
}
.drawing-results-page .article-info > ul ul li {
  margin-top: 0.625rem;
}
.drawing-results-page .cart-items-section > .inner {
  display: inline-block;
  width: 75%;
}
@media screen and (max-width: 1200px) {
  .drawing-results-page .cart-items-section > .inner {
    display: block;
    width: 100%;
  }
}
.drawing-results-page .cart-items .cart-item .info {
  margin-top: 0;
}
.drawing-results-page .cart-items .cart-item .info h3 {
  font-size: 0.875rem;
  margin-bottom: 0.313rem;
}
.drawing-results-page .cart-items .cart-item .article-info {
  display: none;
}
.drawing-results-page .cart-items .cart-item.active {
  border-bottom-color: var(--theme-color--grayer);
  align-items: flex-start;
}
.drawing-results-page .cart-items .cart-item.active .article-info {
  display: flex;
}
.drawing-results-page .cart-items .cart-item.active .article-info > ul > li {
  border-color: var(--theme-color--white);
}
.drawing-results-page .cart-items .cart-item .cart-actions {
  margin-top: 0;
  min-height: 100px;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .drawing-results-page .cart-items .cart-item .cart-actions {
    justify-content: flex-end;
  }
}
.drawing-results-page .cart-items .cart-item .cart-actions button[data-selector=add-to-cart] {
  background: var(--theme-color--marblegreen) !important;
}
@media screen and (min-width: 600px) {
  .drawing-results-page .cart-items .cart-item .cart-actions button[data-selector=add-to-cart] {
    align-self: flex-end;
  }
}
.drawing-results-page .cart-items .cart-item .cart-actions button[data-selector=add-to-favourite] {
  background: transparent !important;
  border: none;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  margin: 0 0 0 auto;
}
.drawing-results-page .cart-items .cart-item .cart-actions button[data-selector=add-to-favourite] svg {
  height: 1.5rem;
  width: 1.5rem;
}
.drawing-results-page .block-section {
  width: 21%;
  display: inline-block;
  margin: 0 0 auto 1.5rem;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .drawing-results-page .block-section {
    width: 100%;
    display: block;
    margin: 0.5rem 0;
  }
}
.drawing-results-page .block-section #total-price-area {
  background: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  /*button[data-selector="list-add-to-favourite"] {
            background: var(--theme-color--white) !important;
            color: var(--theme-color--black) !important;
        }*/
}
@media screen and (max-width: 1200px) {
  .drawing-results-page .block-section #total-price-area {
    flex-direction: row;
    justify-content: space-between;
    padding: 0.95rem;
  }
}
.drawing-results-page .block-section #total-price-area .text-wrapper span {
  display: block;
}
@media screen and (max-width: 1200px) {
  .drawing-results-page .block-section #total-price-area .button-wrapper {
    display: inline-flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .drawing-results-page .block-section #total-price-area .button-wrapper {
    margin-top: 0.5rem;
  }
}
.drawing-results-page .block-section #total-price-area button[data-selector=list-add-to-cart] {
  background: var(--theme-color--marblegreen) !important;
  color: var(--theme-color--white) !important;
  font-family: var(--font-secondary--medium);
}
.drawing-results-page .block-section #total-price-area button[data-selector=list-add-to-cart] svg {
  fill: var(--theme-color--white);
}
.drawing-results-page .block-section #total-price-area .button i {
  margin-right: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.drawing-results-page .block-section #blocks {
  margin-top: 0.5rem;
}
.drawing-results-page .block-section #blocks .mosaic-item > .image-text-block {
  margin-top: 0.5rem;
  height: 15rem;
}
@media print {
  .drawing-results-page .favourites-header,
.drawing-results-page .preamble,
.drawing-results-page .remove-from-cart,
.drawing-results-page .articles-details,
.drawing-results-page .btn-subtr,
.drawing-results-page .btn-add {
    display: none !important;
  }
  .drawing-results-page .cart-item {
    padding: 1rem 0 !important;
  }
  .drawing-results-page .cart-items > li {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 5px;
    align-items: flex-start;
  }
  .drawing-results-page .article-info {
    display: flex !important;
  }
  .drawing-results-page .cart-summary ul {
    border-top: none;
    padding: 1rem 0;
  }
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/newsfeed-page/newsfeed-page.scss ***!
  \************************************************************************************************************************************************/
[data-page=newsfeed-page],
[data-page=newsfeed-detail-page] {
  margin-bottom: 3rem;
}
[data-page=newsfeed-page] .inner,
[data-page=newsfeed-detail-page] .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  [data-page=newsfeed-page] .inner,
[data-page=newsfeed-detail-page] .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  [data-page=newsfeed-page] .inner,
[data-page=newsfeed-detail-page] .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner,
[data-page=newsfeed-detail-page] .inner {
    width: 46.875rem;
  }
}
[data-page=newsfeed-page] .inner header,
[data-page=newsfeed-detail-page] .inner header {
  margin-bottom: 2rem;
}
[data-page=newsfeed-page] .inner header.additional,
[data-page=newsfeed-detail-page] .inner header.additional {
  margin-bottom: 1rem;
}
[data-page=newsfeed-page] .inner img,
[data-page=newsfeed-detail-page] .inner img {
  max-width: 100%;
}
[data-page=newsfeed-page] .inner .news-list-section,
[data-page=newsfeed-detail-page] .inner .news-list-section {
  overflow: hidden;
}
[data-page=newsfeed-page] .inner .disable-paging,
[data-page=newsfeed-detail-page] .inner .disable-paging {
  display: none;
}
[data-page=newsfeed-page] .inner .center,
[data-page=newsfeed-detail-page] .inner .center {
  text-align: center;
}
[data-page=newsfeed-page] .inner .content,
[data-page=newsfeed-detail-page] .inner .content {
  margin-bottom: 3rem;
}
[data-page=newsfeed-page] .inner .news *,
[data-page=newsfeed-detail-page] .inner .news * {
  box-sizing: border-box;
}
[data-page=newsfeed-page] .inner .news-list,
[data-page=newsfeed-detail-page] .inner .news-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner .news-list,
[data-page=newsfeed-detail-page] .inner .news-list {
    margin-left: calc(var(--theme-margin-xs) * -1);
    margin-right: calc(var(--theme-margin-xs) * -1);
  }
}
[data-page=newsfeed-page] .inner .news-item,
[data-page=newsfeed-detail-page] .inner .news-item {
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  padding: var(--theme-margin-md);
  margin-bottom: var(--theme-margin-sm);
  border: 0;
  background: #fff;
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner .news-item,
[data-page=newsfeed-detail-page] .inner .news-item {
    margin: var(--theme-margin-xs);
  }
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner .news-item,
[data-page=newsfeed-detail-page] .inner .news-item {
    padding: var(--theme-margin-xl);
    width: 50%;
    width: calc(50% - var(--theme-margin-xs) * 2);
  }
}
[data-page=newsfeed-page] .inner .news-item h1,
[data-page=newsfeed-page] .inner .news-item .h1,
[data-page=newsfeed-page] .inner .news-item h2,
[data-page=newsfeed-page] .inner .news-item .h2,
[data-page=newsfeed-detail-page] .inner .news-item h1,
[data-page=newsfeed-detail-page] .inner .news-item .h1,
[data-page=newsfeed-detail-page] .inner .news-item h2,
[data-page=newsfeed-detail-page] .inner .news-item .h2 {
  margin-bottom: var(--theme-margin-xs);
  line-height: 1.1;
  font-size: 1.2rem;
}
[data-page=newsfeed-page] .inner .news-item__date,
[data-page=newsfeed-detail-page] .inner .news-item__date {
  color: var(--theme-color--grayest);
  padding: 0.5rem 0 var(--theme-margin-xs);
  padding: 0 0 var(--theme-margin-xs);
  display: block;
  margin-bottom: var(--theme-margin-xs);
  font-size: 0.7rem;
  border-bottom: 1px solid var(--theme-color--grayer);
  text-transform: uppercase;
}
[data-page=newsfeed-page] .inner .news-item a,
[data-page=newsfeed-detail-page] .inner .news-item a {
  text-decoration: underline;
  font-family: var(--font-primary--medium);
  font-size: 0.9rem;
  margin-bottom: var(--theme-margin-md);
  display: block;
  margin-bottom: 0;
}
[data-page=newsfeed-page] .inner .news-item p,
[data-page=newsfeed-detail-page] .inner .news-item p {
  font-size: 0.9rem;
  font-family: var(--font-primary--light);
  margin-bottom: var(--theme-margin-xs);
}
[data-page=newsfeed-page] .inner .link-list,
[data-page=newsfeed-detail-page] .inner .link-list {
  font-size: 0.875rem;
  flex-direction: column;
}
[data-page=newsfeed-page] .inner .link-list li,
[data-page=newsfeed-detail-page] .inner .link-list li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid var(--theme-color--grayer);
}
[data-page=newsfeed-page] .inner .link-list li span,
[data-page=newsfeed-detail-page] .inner .link-list li span {
  font-size: 0.75rem;
  padding: 0.5rem 0rem;
  color: var(--theme-color--grayscull);
}
[data-page=newsfeed-page] .inner .link-list li span:before,
[data-page=newsfeed-detail-page] .inner .link-list li span:before {
  content: "(";
}
[data-page=newsfeed-page] .inner .link-list li span:after,
[data-page=newsfeed-detail-page] .inner .link-list li span:after {
  content: ")";
}
[data-page=newsfeed-page] .inner .link-list li a,
[data-page=newsfeed-detail-page] .inner .link-list li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 0.3rem;
  margin: 0;
}
[data-page=newsfeed-page] .inner .link-list li:last-child,
[data-page=newsfeed-detail-page] .inner .link-list li:last-child {
  border: none;
}
[data-page=newsfeed-page] .inner .link-list i,
[data-page=newsfeed-detail-page] .inner .link-list i {
  width: 20px;
  height: 20px;
  background: none !important;
  margin-right: var(--theme-margin-xs);
}
[data-page=newsfeed-page] .inner .link-list i svg,
[data-page=newsfeed-detail-page] .inner .link-list i svg {
  width: 100%;
  height: 100%;
}
[data-page=newsfeed-page] .inner ul.images-items,
[data-page=newsfeed-detail-page] .inner ul.images-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
[data-page=newsfeed-page] .inner ul.images-items li,
[data-page=newsfeed-detail-page] .inner ul.images-items li {
  padding: 0.5rem;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 38.75rem) {
  [data-page=newsfeed-page] .inner ul.images-items li,
[data-page=newsfeed-detail-page] .inner ul.images-items li {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner ul.images-items li,
[data-page=newsfeed-detail-page] .inner ul.images-items li {
    width: 33.333333%;
  }
}
@media (min-width: 62rem) {
  [data-page=newsfeed-page] .inner ul.images-items li,
[data-page=newsfeed-detail-page] .inner ul.images-items li {
    width: 25%;
  }
}
[data-page=newsfeed-page] .inner ul.images > li,
[data-page=newsfeed-detail-page] .inner ul.images > li {
  width: 100%;
  overflow: hidden;
}
[data-page=newsfeed-page] .inner ul.images-items figure,
[data-page=newsfeed-detail-page] .inner ul.images-items figure {
  position: relative;
  height: 300px;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (min-width: 38.75rem) {
  [data-page=newsfeed-page] .inner ul.images-items figure,
[data-page=newsfeed-detail-page] .inner ul.images-items figure {
    height: 200px;
  }
}
@media (min-width: 48rem) {
  [data-page=newsfeed-page] .inner ul.images-items figure,
[data-page=newsfeed-detail-page] .inner ul.images-items figure {
    height: 150px;
  }
}
@media (min-width: 62rem) {
  [data-page=newsfeed-page] .inner ul.images-items figure,
[data-page=newsfeed-detail-page] .inner ul.images-items figure {
    height: 100px;
  }
}
[data-page=newsfeed-page] .inner ul.images-items .img-link,
[data-page=newsfeed-detail-page] .inner ul.images-items .img-link {
  display: block;
  overflow: hidden;
  text-align: center;
}
[data-page=newsfeed-page] .inner ul.images-items .img-link img,
[data-page=newsfeed-detail-page] .inner ul.images-items .img-link img {
  transition: all 0.3s ease;
  margin: 0;
}
[data-page=newsfeed-page] .inner ul.images-items .img-link:hover img,
[data-page=newsfeed-detail-page] .inner ul.images-items .img-link:hover img {
  transform: scale(1.025);
}
[data-page=newsfeed-page] .inner ul.images-items h3,
[data-page=newsfeed-detail-page] .inner ul.images-items h3 {
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.313rem;
}
[data-page=newsfeed-page] .inner ul.images-items p,
[data-page=newsfeed-detail-page] .inner ul.images-items p {
  margin-top: 0.313rem;
  font-size: 0.75rem;
}
[data-page=newsfeed-page] .inner .paging-button,
[data-page=newsfeed-detail-page] .inner .paging-button {
  margin-top: 1rem;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/disclaimer-page/disclaimer-page.scss ***!
  \****************************************************************************************************************************************************/
.disclaimer-text {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 2rem;
}
.disclaimer-text .container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  overflow: hidden;
}
@media (max-width: 38.688rem) {
  .disclaimer-text .container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .disclaimer-text .container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .disclaimer-text .container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .disclaimer-text .container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .disclaimer-text .container {
    width: 73.125rem;
  }
}
.disclaimer-text .container .inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .disclaimer-text .container .inner {
    flex-direction: row;
  }
}
@media (min-width: 48rem) {
  .disclaimer-text .container .inner.col-6 {
    width: 50%;
    margin: 0 auto;
  }
  .disclaimer-text .container .inner.col-6 .content {
    margin: 0 1rem;
  }
}
@media (min-width: 48rem) {
  .disclaimer-text .container .inner.col-8 {
    width: 66.666666%;
    margin: 0 auto;
  }
  .disclaimer-text .container .inner.col-8 .content {
    margin: 0 1rem;
  }
}
.disclaimer-text .container .inner.flex-row {
  flex-direction: row;
}
.disclaimer-text .container .inner.flex-row form {
  margin-right: 1rem;
}
.disclaimer-text .container .inner.flex-row form .button-area {
  margin-top: 1rem;
}
.disclaimer-text .container .inner .content {
  display: flex;
}
.disclaimer-text .container .inner select {
  font-family: var(--font-primary--light);
}
.disclaimer-text .container .inner h1 {
  font-size: 2rem;
  font-family: var(--font-secondary--light);
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner h2 {
  font-size: 1.5rem;
  font-family: var(--font-secondary--light);
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner h3 {
  font-size: 1.375rem;
  font-family: var(--font-primary--light);
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner h4 {
  font-size: 1.25rem;
  font-family: var(--font-primary--light);
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner h5 {
  font-size: 1.125rem;
  font-family: var(--font-primary--light);
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner h6 {
  font-size: 1rem;
  font-family: var(--font-primary--light);
  text-transform: uppercase;
  margin-bottom: 0.313rem;
}
.disclaimer-text .container .inner p {
  line-height: var(--theme-heading--line);
  margin-bottom: 1rem;
  font-family: var(--font-primary--light);
}
.disclaimer-text .container .inner p a {
  text-decoration: underline;
  font-family: var(--font-primary--medium);
}
.disclaimer-text .container .inner p a:hover {
  color: var(--theme-color--tertiary);
}
.disclaimer-text .container .inner em {
  font-style: italic;
}
.disclaimer-text .container .inner strong {
  font-family: var(--font-primary--bold);
}
.disclaimer-text .container .inner > ul,
.disclaimer-text .container .inner > ol {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style-position: inside;
}
.disclaimer-text .container .inner > ul ul,
.disclaimer-text .container .inner > ul ol,
.disclaimer-text .container .inner > ol ul,
.disclaimer-text .container .inner > ol ol {
  padding: 0 0 0 0.625rem;
  line-height: var(--theme-heading--line);
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/checkout-page/checkout-retailer.scss ***!
  \****************************************************************************************************************************************************/
.checkout-page-retailer .step-navigation {
  display: flex;
  align-content: center;
  flex-direction: column;
}
.checkout-page-retailer .step-navigation span,
.checkout-page-retailer .step-navigation a {
  display: flex;
  align-content: center;
  color: var(--theme-color--grayscull);
  margin-bottom: 0.5rem;
}
.checkout-page-retailer .step-navigation span.active,
.checkout-page-retailer .step-navigation a.active {
  color: var(--theme-color--black);
}
.checkout-page-retailer .step-navigation span.active i svg,
.checkout-page-retailer .step-navigation a.active i svg {
  fill: var(--theme-color--black);
}
.checkout-page-retailer .step-navigation a {
  cursor: pointer;
  text-decoration: underline;
}
.checkout-page-retailer .step-navigation svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  margin-top: 2px;
}
.checkout-page-retailer .step-navigation i svg {
  fill: var(--theme-color--grayscull);
}
.checkout-page-retailer .step-navigation > i {
  display: none;
}
@media (min-width: 62rem) {
  .checkout-page-retailer .step-navigation {
    flex-direction: row;
  }
  .checkout-page-retailer .step-navigation > i {
    display: block;
  }
  .checkout-page-retailer .step-navigation span,
.checkout-page-retailer .step-navigation a {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
}
.checkout-page-retailer h1 {
  font-family: var(--font-primary--bold);
  font-size: 2.125rem;
}
.checkout-page-retailer h2 {
  font-family: var(--font-primary--bold);
  font-size: 1.4rem;
}
.checkout-page-retailer h1,
.checkout-page-retailer h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.checkout-page-retailer .error {
  display: none;
  color: var(--theme-color--red);
  font-size: 0.825rem;
}
.checkout-page-retailer .button-right {
  text-align: right;
  margin-bottom: 2rem;
}
.checkout-page-retailer .checkout {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .checkout-page-retailer .checkout {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .checkout-page-retailer .checkout {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .checkout-page-retailer .checkout {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .checkout-page-retailer .checkout {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .checkout-page-retailer .checkout {
    width: 73.125rem;
  }
}
.checkout-page-retailer .checkout > .inner {
  max-width: 600px;
}
.checkout-page-retailer .checkout .button {
  font-family: var(--font-primary--bold);
}
.checkout-page-retailer .checkout h3 {
  font-size: 1rem;
  font-family: var(--font-primary--medium);
}
.checkout-page-retailer .checkout .cart-items .cart-item h2 {
  margin-top: 0;
  margin-bottom: 0.313rem;
}
.checkout-page-retailer .checkout .cart-items .cart-item .article-info {
  display: none;
}
.checkout-page-retailer .checkout .cart-items .cart-item.active {
  border-bottom-color: var(--theme-color--grayer);
  align-items: flex-start;
}
.checkout-page-retailer .checkout .cart-items .cart-item.active .article-info {
  display: flex;
}
.checkout-page-retailer .checkout .cart-items .cart-item.active .article-info > ul > li {
  border-color: var(--theme-color--white);
}
.checkout-page-retailer .checkout .articles-details {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  font-family: var(--font-primary--light);
  display: flex;
  align-items: flex-end;
  color: var(--theme-color--black);
}
.checkout-page-retailer .checkout .articles-details svg {
  margin-left: 0.313rem;
  width: 1rem;
  height: 1rem;
}
.checkout-page-retailer .checkout .article-info {
  width: 100%;
}
.checkout-page-retailer .checkout .article-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: inherit;
}
.checkout-page-retailer .checkout .article-info ul {
  font-size: 0.75rem;
}
.checkout-page-retailer .checkout .article-info ul dl {
  display: flex;
}
.checkout-page-retailer .checkout .article-info ul dl dt {
  font-family: var(--font-primary--medium);
}
.checkout-page-retailer .checkout .article-info ul dl dd {
  margin-left: 0.313rem;
}
.checkout-page-retailer .checkout .article-info ul li {
  margin-top: 0.625rem;
}
.checkout-page-retailer .checkout .items-summary {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.checkout-page-retailer .checkout .clear-cart {
  background-color: var(--theme-color--white);
  text-align: right;
}
.checkout-page-retailer .checkout .clear-cart button i {
  margin-right: 0.5rem;
}
.checkout-page-retailer .checkout .cart-empty {
  padding: 2rem;
  text-align: center;
  background-color: var(--theme-color--white);
  font-family: var(--font-primary--light);
}
.checkout-page-retailer .checkout .back-instock-date {
  margin-top: 0.313rem;
  font-size: 0.75rem;
}
.checkout-page-retailer .checkout .cart-summary ul.consumer {
  background-color: var(--theme-color--white);
  border-top: 1px solid var(--theme-color--grayer);
  padding: 1rem;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.875rem;
}
.checkout-page-retailer .checkout .cart-summary ul.consumer li {
  width: 100%;
}
@media (min-width: 62rem) {
  .checkout-page-retailer .checkout .cart-summary ul.consumer li {
    width: auto;
  }
}
.checkout-page-retailer .checkout .cart-summary ul.consumer li dl {
  width: inherit;
  display: inline-flex;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .checkout-page-retailer .checkout .cart-summary ul.consumer li dl {
    justify-content: flex-end;
  }
}
.checkout-page-retailer .checkout .cart-summary ul.consumer li dl dt,
.checkout-page-retailer .checkout .cart-summary ul.consumer li dl dd {
  display: flex;
  width: 150px;
}
.checkout-page-retailer .checkout .cart-summary ul.consumer li dl dd {
  justify-content: flex-end;
  font-family: var(--font-primary--bold);
}
.checkout-page-retailer .checkout .cart-summary ul.consumer li:first-child ~ li dl {
  border-top: 1px solid var(--theme-color--gray);
  padding-top: 0.625rem;
  margin-top: 0.625rem;
}
.checkout-page-retailer .address-step {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .checkout-page-retailer .address-step {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .checkout-page-retailer .address-step {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .checkout-page-retailer .address-step {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .checkout-page-retailer .address-step {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .checkout-page-retailer .address-step {
    width: 73.125rem;
  }
}
.checkout-page-retailer .address-step > .inner {
  max-width: 600px;
}
.checkout-page-retailer .address-step .error {
  display: none;
  color: var(--theme-color--red);
}
.checkout-page-retailer .address-step .checkout-shipping-form {
  max-width: 800px;
}
.checkout-page-retailer .address-step .checkout-shipping-form button {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form label {
  display: block;
  font-size: 0.9em;
  margin: 1em 0 0.3em 0;
}
.checkout-page-retailer .address-step .checkout-shipping-form input[type=text],
.checkout-page-retailer .address-step .checkout-shipping-form input[type=email] {
  border-radius: 3px;
  border: 1px solid var(--theme-color--grayer);
  font-family: var(--font-primary--light);
  padding: 0.625rem;
  font-size: 0.875rem;
  width: calc(100% - 1.25rem);
}
.checkout-page-retailer .address-step .checkout-shipping-form .row {
  display: flex;
  flex-direction: row;
}
.checkout-page-retailer .address-step .checkout-shipping-form .row .item:first-child {
  margin-right: 1.5em;
  flex: 2;
}
.checkout-page-retailer .address-step .checkout-shipping-form .row .item:last-child {
  flex: 5;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li {
  padding: 1.5rem 1rem;
  background-color: var(--theme-color--white);
  margin-bottom: 1px;
  position: relative;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li input[type=radio] {
  display: none;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li input[type=checkbox] {
  display: none;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li label {
  display: flex;
  flex-direction: row;
  margin: 0 0 0 40px;
  cursor: pointer;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li label .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li label .content span:first-child {
  font-family: var(--font-primary--bold);
  font-size: 1.1em;
  margin-bottom: 0.5rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li label:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin: -12px 0 0 0;
  width: 20px;
  height: 20px;
  border-radius: 13px;
  border: 2px solid var(--theme-color--grayscull);
  background-color: transparent;
}
.checkout-page-retailer .address-step .checkout-shipping-form .select-shipping > li input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  margin-top: -6px;
  top: 50%;
  left: 21px;
  content: " ";
  display: block;
  background: var(--theme-color--black);
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox {
  position: relative;
  margin-left: 1rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox a {
  text-decoration: underline;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox + .error {
  margin-left: 1rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox input[type=checkbox] {
  display: none;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox label {
  display: block;
  margin-left: 40px;
  cursor: pointer;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox label p {
  margin-bottom: 0.6rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox label:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.1rem;
  margin: -12px 0 0 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid var(--theme-color--grayscull);
  background-color: transparent;
}
.checkout-page-retailer .address-step .checkout-shipping-form .accept-checkbox input[type=checkbox]:checked + label:after {
  border-radius: 3px;
  width: 14px;
  height: 14px;
  position: absolute;
  margin-top: -7px;
  top: 1.1rem;
  left: 5px;
  content: " ";
  display: block;
  background: var(--theme-color--black);
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li {
  padding: 1.5rem 1rem;
  background-color: var(--theme-color--white);
  margin-bottom: 1px;
  position: relative;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li input[type=checkbox] {
  display: none;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li label {
  display: flex;
  flex-direction: row;
  margin: 0 0 0 40px;
  cursor: pointer;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li label .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li label .content span:first-child {
  font-family: var(--font-primary--bold);
  font-size: 1.1em;
  margin-bottom: 0.5rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li label:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin: -12px 0 0 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid var(--theme-color--grayscull);
  background-color: transparent;
}
.checkout-page-retailer .address-step .checkout-shipping-form .installation-help > li input[type=checkbox]:checked + label:after {
  border-radius: 3px;
  width: 14px;
  height: 14px;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  left: 20px;
  content: " ";
  display: block;
  background: var(--theme-color--black);
}
.checkout-page-retailer .address-step .checkout-shipping-form input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}
.checkout-page-retailer .address-step .checkout-shipping-form .checkbox-label {
  display: flex;
  margin: 1rem 0 0 0;
}
.checkout-page-retailer .address-step .checkout-shipping-form .checkbox-label input {
  flex: 0 0 16px;
}
.checkout-page-retailer .address-step .checkout-shipping-form .checkbox-label label {
  margin: 0;
}
.checkout-page-retailer .address-step .checkout-shipping-form .checkbox-label label a {
  text-decoration: underline;
}
.checkout-page-retailer .address-step .checkout-shipping-form .checkbox-label label p {
  margin-bottom: 0.5rem;
}
.checkout-page-retailer #select-payment {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .checkout-page-retailer #select-payment {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .checkout-page-retailer #select-payment {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .checkout-page-retailer #select-payment {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .checkout-page-retailer #select-payment {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .checkout-page-retailer #select-payment {
    width: 73.125rem;
  }
}
.checkout-page-retailer #select-payment .retailer-info {
  display: flex;
  flex-direction: row;
  width: 100%;
  cursor: pointer;
  background: var(--theme-color--white);
  margin-bottom: 2rem;
}
.checkout-page-retailer #select-payment .retailer-info .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
}
.checkout-page-retailer #select-payment .retailer-info .content .name {
  font-family: var(--font-primary--bold);
}
.checkout-page-retailer #select-payment .retailer-info figure {
  display: flex;
  align-items: center;
  padding-right: 1rem;
}
.checkout-page-retailer #select-payment .retailer-info figure img {
  display: none;
}
@media (min-width: 48rem) {
  .checkout-page-retailer #select-payment .retailer-info figure img {
    display: block;
    max-height: 80px;
    max-width: 300px;
  }
}
.checkout-page-retailer #select-payment .retailer-properties {
  font-size: 0.875rem;
  border: none;
}
.checkout-page-retailer #select-payment .retailer-properties span {
  color: var(--theme-color--grayscull);
}
.checkout-page-retailer #select-payment .retailer-properties span:first-of-type ~ span:before {
  content: "- ";
}
.checkout-page-retailer #select-payment .retailer-org {
  font-size: 0.875rem;
  color: var(--theme-color--grayscull);
}
.checkout-page-retailer #select-payment .retailer-org span {
  color: var(--theme-color--black);
  font-weight: bold;
}
.checkout-page-retailer #select-payment .retailer-directions {
  border: none;
  display: flex;
  align-items: center;
}
.checkout-page-retailer #select-payment .retailer-directions span {
  margin-right: 0.313rem;
}
.checkout-page-retailer #select-payment .retailer-properties,
.checkout-page-retailer #select-payment .retailer-directions,
.checkout-page-retailer #select-payment .retailer-details {
  margin-top: 0;
  padding-top: 0.625rem;
  font-size: 0.75rem;
}
@media (min-width: 62rem) {
  .checkout-page-retailer #select-payment .retailer-properties,
.checkout-page-retailer #select-payment .retailer-directions,
.checkout-page-retailer #select-payment .retailer-details {
    font-size: 0.875rem;
  }
}
.checkout-page-retailer #select-payment .retailer-properties svg,
.checkout-page-retailer #select-payment .retailer-directions svg,
.checkout-page-retailer #select-payment .retailer-details svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.checkout-page-retailer .inspiration-block .container.width-contain,
.checkout-page-retailer .image-text-block .container {
  margin-left: calc(-1 * var(--theme-gutter--fluid));
  margin-right: calc(-1 * var(--theme-gutter--fluid));
}
@media (max-width: 38.688rem) {
  .checkout-page-retailer .inspiration-block .container.width-contain,
.checkout-page-retailer .image-text-block .container {
    width: auto;
  }
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/checkout-page/find-retailer.scss ***!
  \************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.checkout-page-retailer .search-retailer-label {
  display: block;
  margin-bottom: 0.5rem;
}
.checkout-page-retailer .search-area {
  display: flex;
  align-content: center;
  margin-bottom: 1rem;
}
.checkout-page-retailer .search-area .search-container {
  flex: 1;
  margin-bottom: 0;
}
.checkout-page-retailer .search-area .search-checkbox {
  height: 1.25rem;
  width: 1.25rem;
}
.checkout-page-retailer .search-area #find-closest {
  margin: 0.2rem 0 0.2rem 2rem;
  padding: 0.35rem 0.875rem;
}
.checkout-page-retailer .search-area #find-closest svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
@media (max-width: 38.688rem) {
  .checkout-page-retailer .search-area {
    flex-direction: column;
  }
  .checkout-page-retailer .search-area #find-closest {
    margin: 2rem 0 0 0;
    width: auto;
  }
}
.checkout-page-retailer .find-retailer .buttons-wrapper {
  display: flex;
}
.checkout-page-retailer .find-retailer .buttons-wrapper .button.secondary {
  border-color: var(--theme-color--darkish);
  color: var(--theme-color--darkish);
}
.checkout-page-retailer .find-retailer .buttons-wrapper .button.secondary:hover {
  border-color: var(--theme-color--black);
  color: var(--theme-color--black);
}
.checkout-page-retailer .find-retailer .retailer-results-container {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results-map {
  width: 100%;
  height: 50vh;
  margin: 2rem 0 0 0;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results {
  margin-top: 2rem;
  margin-right: 0;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results > ul > li {
  display: flex;
  padding: 1.5rem 1rem;
  background-color: var(--theme-color--white);
  margin-bottom: 1px;
  position: relative;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results input[type=radio] {
  display: none;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info {
  display: flex;
  flex-direction: row;
  margin-left: 40px;
  width: 100%;
  cursor: pointer;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info .content .name {
  font-family: var(--font-primary--bold);
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info .content .hidden {
  display: none;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info figure {
  display: flex;
  align-items: center;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info figure img {
  display: none;
}
@media (min-width: 48rem) {
  .checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info figure img {
    display: block;
    max-height: 80px;
    max-width: 300px;
  }
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-info:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin: -12px 0 0 0;
  width: 20px;
  height: 20px;
  border-radius: 13px;
  border: 2px solid var(--theme-color--grayscull);
  background-color: transparent;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  margin-top: -6px;
  top: 50%;
  left: 21px;
  content: " ";
  display: block;
  background: var(--theme-color--black);
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties {
  font-size: 0.875rem;
  border: none;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties span {
  color: var(--theme-color--grayscull);
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties span:first-of-type ~ span:before {
  content: "- ";
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-directions {
  border: none;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-directions span {
  margin-right: 0.313rem;
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties,
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-directions {
  margin-top: 0;
  padding-top: 0.625rem;
  font-size: 0.75rem;
}
@media (min-width: 62rem) {
  .checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties,
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-directions {
    font-size: 0.875rem;
  }
}
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-properties svg,
.checkout-page-retailer .find-retailer .retailer-results-container .retailer-results .retailer-directions svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}
.checkout-page-retailer .find-retailer .error {
  margin-bottom: 0.3rem;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/checkout-page/checkout.scss ***!
  \*******************************************************************************************************************************************/
.checkout {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .checkout {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .checkout {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .checkout {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .checkout {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .checkout {
    width: 73.125rem;
  }
}
.checkout .button-area {
  margin-top: 2rem;
}
.checkout .button {
  font-family: var(--font-secondary--medium);
}
.checkout h1 {
  font-family: var(--font-secondary--medium);
  font-size: 2.125rem;
}
.checkout h1.center {
  text-align: center;
}
.checkout h2 {
  font-family: var(--font-primary--medium);
  font-size: 2.125rem;
}
.checkout h2.center {
  text-align: center;
}
.checkout h1,
.checkout h2 {
  margin-bottom: 2rem;
}
.checkout h3 {
  font-size: 1rem;
  font-family: var(--font-primary--medium);
}
.checkout .items-summary,
.checkout .finalize-purchase,
.checkout .klarna-confirm {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.checkout .finalize-disabled {
  display: none;
}
.checkout .section-title {
  font-size: 1.25rem;
  padding: 2rem;
  text-align: center;
  background-color: var(--theme-color--white);
}
.checkout .clear-cart {
  background-color: var(--theme-color--white);
  text-align: right;
  padding-right: 1rem;
  padding-top: 1rem;
}
.checkout .clear-cart button i {
  margin-right: 0.5rem;
}
.checkout .cart-empty {
  padding: 2rem;
  text-align: center;
  background-color: var(--theme-color--white);
  font-family: var(--font-primary--light);
}
.checkout .back-instock-date {
  margin-top: 0.313rem;
  font-size: 0.75rem;
}
.checkout .checkout-complete {
  height: calc(100vh - 6.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.checkout .checkout-complete h1 {
  font-size: 1.5rem;
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.625rem;
}
.checkout .checkout-complete p {
  font-size: 0.875rem;
}
.checkout .checkout-complete a {
  margin-top: 1rem;
  text-decoration: underline;
  font-size: 0.875rem;
}
.checkout .articles-details,
.checkout .article-info {
  display: none;
}

.cart-summary ul.consumer {
  background-color: var(--theme-color--white);
  border-top: 1px solid var(--theme-color--grayer);
  padding: 1rem;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.875rem;
}
.cart-summary ul.consumer li {
  width: 100%;
}
@media (min-width: 62rem) {
  .cart-summary ul.consumer li {
    width: auto;
  }
}
.cart-summary ul.consumer li dl {
  width: inherit;
  display: inline-flex;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .cart-summary ul.consumer li dl {
    justify-content: flex-end;
  }
}
.cart-summary ul.consumer li dl dt,
.cart-summary ul.consumer li dl dd {
  display: flex;
  width: 150px;
}
.cart-summary ul.consumer li dl dd {
  justify-content: flex-end;
  font-family: var(--font-primary--bold);
}
.cart-summary ul.consumer li:first-child ~ li dl {
  border-top: 1px solid var(--theme-color--gray);
  padding-top: 0.625rem;
  margin-top: 0.625rem;
}

#contentAreaRetailer {
  margin-bottom: 3rem;
  background: var(--theme-color--white);
}
#contentAreaRetailer figure {
  border: 1.5rem solid var(--theme-color--grayer);
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 62rem) {
  #contentAreaRetailer figure {
    flex-direction: row;
  }
}
#contentAreaRetailer figure img {
  max-height: 80px;
  max-width: 300px;
}
@media (min-width: 62rem) {
  #contentAreaRetailer figure img {
    margin-right: 1rem;
  }
}

.modal .checkout-terms {
  background-color: var(--theme-color--white);
  width: 600px;
  height: 400px;
  padding: 2rem;
  overflow-y: scroll;
}
.modal .checkout-terms a {
  text-decoration: underline;
}
.modal .checkout-terms ol,
.modal .checkout-terms ul {
  font-size: 0.875rem;
  line-height: 1.5;
}
.modal .checkout-terms p {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.modal .checkout-terms h1,
.modal .checkout-terms h2,
.modal .checkout-terms h3,
.modal .checkout-terms h4,
.modal .checkout-terms h5,
.modal .checkout-terms h6 {
  margin-bottom: 1rem;
  font-family: var(--font-primary--medium);
}
.modal .checkout-terms h1 {
  font-size: 1.875rem;
}
.modal .checkout-terms h2 {
  font-size: 1.75rem;
}
.modal .checkout-terms h3 {
  font-size: 1.5rem;
}
.modal .checkout-terms h4 {
  font-size: 1.375rem;
}
.modal .checkout-terms h5 {
  font-size: 1.25rem;
}
.modal .checkout-terms h6 {
  font-size: 1.125rem;
}
.modal .checkout-terms .button {
  margin-top: 2rem;
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/embed-page/embed-page.scss ***!
  \******************************************************************************************************************************************/
.konsumentsitenembedpage .header.menu-hidden ~ main .iframe-block.full-height {
  height: calc(100vh - var(--header-navtop--height)) !important;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/pages/magazine-page/magazine-page.scss (1) ***!
  \****************************************************************************************************************************************************/
[data-page=magazine-page] #main,
body[class*=magazine] #main {
  background-color: var(--theme-color--white) !important;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]),
[data-page=magazine-page] #main div.container,
body[class*=magazine] #main section:not([class*=breadcrumbs]),
body[class*=magazine] #main div.container {
  font-family: "Libre Bodoni", serif !important;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h1,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h2,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h3,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h4,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h5,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) h6,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) p,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) div,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) span,
[data-page=magazine-page] #main div.container h1,
[data-page=magazine-page] #main div.container h2,
[data-page=magazine-page] #main div.container h3,
[data-page=magazine-page] #main div.container h4,
[data-page=magazine-page] #main div.container h5,
[data-page=magazine-page] #main div.container h6,
[data-page=magazine-page] #main div.container p,
[data-page=magazine-page] #main div.container div,
[data-page=magazine-page] #main div.container span,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h1,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h2,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h3,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h4,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h5,
body[class*=magazine] #main section:not([class*=breadcrumbs]) h6,
body[class*=magazine] #main section:not([class*=breadcrumbs]) p,
body[class*=magazine] #main section:not([class*=breadcrumbs]) div,
body[class*=magazine] #main section:not([class*=breadcrumbs]) span,
body[class*=magazine] #main div.container h1,
body[class*=magazine] #main div.container h2,
body[class*=magazine] #main div.container h3,
body[class*=magazine] #main div.container h4,
body[class*=magazine] #main div.container h5,
body[class*=magazine] #main div.container h6,
body[class*=magazine] #main div.container p,
body[class*=magazine] #main div.container div,
body[class*=magazine] #main div.container span {
  font-family: "Libre Bodoni", serif !important;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .preamble,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .teaser-text,
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .block,
[data-page=magazine-page] #main div.container .preamble,
[data-page=magazine-page] #main div.container .teaser-text,
[data-page=magazine-page] #main div.container .block,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .preamble,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .teaser-text,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .block,
body[class*=magazine] #main div.container .preamble,
body[class*=magazine] #main div.container .teaser-text,
body[class*=magazine] #main div.container .block {
  text-align: justify !important;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .columns__col__article,
[data-page=magazine-page] #main div.container .columns__col__article,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .columns__col__article,
body[class*=magazine] #main div.container .columns__col__article {
  box-shadow: none !important;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .columns__col__article h2,
[data-page=magazine-page] #main div.container .columns__col__article h2,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .columns__col__article h2,
body[class*=magazine] #main div.container .columns__col__article h2 {
  font-weight: bold;
}
[data-page=magazine-page] #main section:not([class*=breadcrumbs]) .columns__col__article h3,
[data-page=magazine-page] #main div.container .columns__col__article h3,
body[class*=magazine] #main section:not([class*=breadcrumbs]) .columns__col__article h3,
body[class*=magazine] #main div.container .columns__col__article h3 {
  margin: 0.3em 0 0.6em 0;
}
[data-page=magazine-page] #main > footer,
body[class*=magazine] #main > footer {
  border-top: solid 1px var(--theme-color--gray);
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/iframe-block/iframe-block.scss ***!
  \***********************************************************************************************************************************************/
.iframe-block .inner {
  position: relative;
  display: block;
  overflow: hidden;
  height: inherit;
}
.iframe-block .inner iframe {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border: 0;
}
.iframe-block.contain {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .iframe-block.contain {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .iframe-block.contain {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .iframe-block.contain {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .iframe-block.contain {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .iframe-block.contain {
    width: 73.125rem;
  }
}
.iframe-block.standard-height {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.header.menu-hidden ~ main .iframe-block.full-height {
  height: calc(100vh - var(--header-navtop--height) - var(--footer-height));
}
.header.menu-hidden ~ main .iframe-block.full-height iframe {
  height: 100%;
}
.header:not(.menu-hidden) ~ main .iframe-block.full-height {
  height: calc(100vh - var(--header-height) - var(--footer-height));
}
.header:not(.menu-hidden) ~ main .iframe-block.full-height iframe {
  height: 100%;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/image-text-block/image-text-block.scss ***!
  \*******************************************************************************************************************************************************/
.image-text-block {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.image-text-block .container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  overflow: hidden;
}
@media (max-width: 38.688rem) {
  .image-text-block .container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .image-text-block .container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .image-text-block .container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .image-text-block .container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .image-text-block .container {
    width: 73.125rem;
  }
}
.image-text-block .container .inner {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem;
}
.image-text-block .container .inner .block:first-child ~ .block {
  margin-top: 2rem;
}
@media (min-width: 62rem) {
  .image-text-block .container .inner .block:first-child ~ .block {
    margin-top: 0;
  }
}
@media (min-width: 62rem) {
  .image-text-block .container .inner {
    flex-direction: row;
  }
}
.image-text-block .container .inner.col-6 {
  width: 50%;
  margin: 0 auto;
}
@media (min-width: 48rem) {
  .image-text-block .container .inner.col-8 {
    width: 66.666666%;
    margin: 0 auto;
  }
}
.image-text-block .container .inner .block {
  margin: 0 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.image-text-block .container .inner .block.v-top {
  justify-content: flex-start;
}
.image-text-block .container .inner .block.v-middle {
  justify-content: center;
}
.image-text-block .container .inner .block.v-bottom {
  justify-content: flex-end;
}
.image-text-block .container .inner .block.h-left {
  align-items: flex-start;
  text-align: left;
}
.image-text-block .container .inner .block.h-center {
  align-items: center;
  text-align: center;
}
.image-text-block .container .inner .block.h-right {
  align-items: flex-end;
  text-align: right;
}
.image-text-block .container .inner .block p {
  line-height: var(--theme-heading--line);
  margin-bottom: 1rem;
  font-family: var(--font-primary--light);
}
.image-text-block .container .inner .block p a {
  text-decoration: underline;
  font-family: var(--font-primary--medium);
}
.image-text-block .container .inner .block p a:hover {
  color: var(--theme-color--tertiary);
}
.image-text-block .container .inner .block em {
  font-style: italic;
}
.image-text-block .container .inner .block strong {
  font-family: var(--font-primary--bold);
}
.image-text-block .container .inner .block > ul,
.image-text-block .container .inner .block > ol {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style-position: inside;
  font-family: var(--font-primary--light);
}
.image-text-block .container .inner .block > ul ul,
.image-text-block .container .inner .block > ul ol,
.image-text-block .container .inner .block > ol ul,
.image-text-block .container .inner .block > ol ol {
  padding: 0 0 0 0.625rem;
  line-height: var(--theme-heading--line);
}
.image-text-block .container .inner figure {
  margin-bottom: 1rem;
}
.image-text-block .container .inner h1 {
  font-size: 2rem;
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.313rem;
}
.image-text-block .container .inner h2 {
  font-size: 1.5rem;
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.313rem;
}
.image-text-block .container .inner h3 {
  font-size: 1.375rem;
  font-family: var(--font-primary--bold);
  margin-bottom: 0.313rem;
}
.image-text-block .container .inner h4 {
  font-size: 1.25rem;
  font-family: var(--font-primary--bold);
  margin-bottom: 0.313rem;
}
.image-text-block .container .inner h5 {
  font-size: 1.125rem;
  font-family: var(--font-primary--bold);
  margin-bottom: 0.313rem;
}
.image-text-block .container .inner h6 {
  font-size: 1rem;
  font-family: var(--font-primary--bold);
  text-transform: uppercase;
  margin-bottom: 0.313rem;
}
.image-text-block .container.padding-inner-s {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.image-text-block .container.padding-inner-m {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.image-text-block .container.padding-inner-l {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.image-text-block.margin-bottom-s {
  margin-bottom: 1rem;
}
.image-text-block.margin-bottom-m {
  margin-bottom: 2rem;
}
.image-text-block.margin-bottom-l {
  margin-bottom: 3rem;
}
.image-text-block.margin-top-s {
  margin-top: 1rem;
}
.image-text-block.margin-top-m {
  margin-top: 2rem;
}
.image-text-block.margin-top-l {
  margin-top: 3rem;
}
.image-text-block.text-color-invert .container .inner .block h1,
.image-text-block.text-color-invert .container .inner .block h2,
.image-text-block.text-color-invert .container .inner .block h3,
.image-text-block.text-color-invert .container .inner .block h4,
.image-text-block.text-color-invert .container .inner .block h5,
.image-text-block.text-color-invert .container .inner .block h6,
.image-text-block.text-color-invert .container .inner .block ul,
.image-text-block.text-color-invert .container .inner .block ol,
.image-text-block.text-color-invert .container .inner .block p {
  color: var(--theme-color--white);
}
.image-text-block.text-color-invert .container .inner .block h1 > a,
.image-text-block.text-color-invert .container .inner .block h2 > a,
.image-text-block.text-color-invert .container .inner .block h3 > a,
.image-text-block.text-color-invert .container .inner .block h4 > a,
.image-text-block.text-color-invert .container .inner .block h5 > a,
.image-text-block.text-color-invert .container .inner .block h6 > a,
.image-text-block.text-color-invert .container .inner .block ul > a,
.image-text-block.text-color-invert .container .inner .block ol > a,
.image-text-block.text-color-invert .container .inner .block p > a {
  color: var(--theme-color--white);
}
.image-text-block.text-color-invert .container .inner .block h1 > a:hover,
.image-text-block.text-color-invert .container .inner .block h2 > a:hover,
.image-text-block.text-color-invert .container .inner .block h3 > a:hover,
.image-text-block.text-color-invert .container .inner .block h4 > a:hover,
.image-text-block.text-color-invert .container .inner .block h5 > a:hover,
.image-text-block.text-color-invert .container .inner .block h6 > a:hover,
.image-text-block.text-color-invert .container .inner .block ul > a:hover,
.image-text-block.text-color-invert .container .inner .block ol > a:hover,
.image-text-block.text-color-invert .container .inner .block p > a:hover {
  color: var(--theme-color--primary);
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/inspiration-block/inspiration-block.scss ***!
  \*********************************************************************************************************************************************************/
.inspiration-block {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.inspiration-block.banner {
  height: calc(100vh - var(--header-height));
}
.inspiration-block .button-articles {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 100;
  box-shadow: 0 2px 4px -2px var(--theme-color--grayest);
}
.inspiration-block .container {
  overflow: hidden;
  height: inherit;
}
.inspiration-block .container .inner {
  flex-direction: column;
  display: flex;
  height: inherit;
}
@media (min-width: 62rem) {
  .inspiration-block .container .inner {
    flex-direction: row;
  }
}
.inspiration-block .container .inner .block {
  display: flex;
  flex-direction: column;
  position: relative;
}
.inspiration-block .container .inner .block.video.v-top {
  justify-content: flex-start;
}
.inspiration-block .container .inner .block.video.v-middle {
  justify-content: center;
}
.inspiration-block .container .inner .block.video.v-bottom {
  justify-content: flex-end;
}
.inspiration-block .container .inner .block.video.h-left {
  align-items: flex-start;
  text-align: left;
}
.inspiration-block .container .inner .block.video.h-center {
  align-items: center;
  text-align: center;
}
.inspiration-block .container .inner .block.video.h-right {
  align-items: flex-end;
  text-align: right;
}
.inspiration-block .container .inner .block.video > figure + .content {
  z-index: 50;
  position: absolute;
  /*height: auto !important;*/
}
.inspiration-block .container .inner .block.video figure {
  display: flex;
}
.inspiration-block .container .inner .block.video figure.padding {
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block.video figure.padding {
    padding: 4rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container .inner .block.video figure.padding {
    padding: 5rem;
  }
}
.inspiration-block .container .inner .block.video figure.padding img {
  align-self: center;
}
.inspiration-block .container .inner .block.video figure.padding figcaption {
  text-align: center;
  font-style: italic;
  margin-top: 1rem;
}
.inspiration-block .container .inner .block.video .background-video {
  display: flex;
  height: inherit;
  width: inherit;
  margin: auto 0;
  align-self: center;
}
.inspiration-block .container .inner .block.video .background-video video {
  width: 100%;
  display: block;
}
.inspiration-block .container .inner .block.video > .background-video + .content {
  z-index: 50;
  height: auto !important;
}
@media (min-width: 62rem) {
  .inspiration-block .container .inner .block.video > .background-video + .content {
    position: absolute;
  }
}
.inspiration-block .container .inner .block.video .content {
  display: flex;
  flex-direction: column;
  height: inherit;
}
.inspiration-block .container .inner .block.video .content.v-top {
  justify-content: flex-start;
}
.inspiration-block .container .inner .block.video .content.v-middle {
  justify-content: center;
}
.inspiration-block .container .inner .block.video .content.v-bottom {
  justify-content: flex-end;
}
.inspiration-block .container .inner .block.video .content.h-left {
  align-items: flex-start;
  text-align: left;
}
.inspiration-block .container .inner .block.video .content.h-center {
  align-items: center;
  text-align: center;
}
.inspiration-block .container .inner .block.video .content.h-right {
  align-items: flex-end;
  text-align: right;
}
.inspiration-block .container .inner .block.video .content .content-inner {
  box-sizing: border-box;
}
.inspiration-block .container .inner .block.video .content .content-inner:not(.has-decoration) {
  margin: 2rem;
}
.inspiration-block .container .inner .block.video .content .content-inner.has-decoration {
  margin: 2rem 5rem 2rem 2rem;
}
.inspiration-block .container .inner .block.video .content .content-inner figure {
  margin-bottom: 1rem;
}
.inspiration-block .container .inner .block.video .content .content-inner .content-text {
  margin: 0;
  padding: 0;
}
.inspiration-block .container .inner .block.video .content .content-inner .content-text.content-full {
  width: 100%;
}
@media (min-width: 38.75rem) {
  .inspiration-block .container .inner .block.video .content .content-inner .content-text.content-full {
    max-width: 100%;
    width: auto;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block.video .content .content-inner .content-text.content-quarter {
    max-width: 25%;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block.video .content .content-inner .content-text.content-half {
    max-width: 50%;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block.video .content .content-inner .content-text.content-two-thirds {
    max-width: 66.666666%;
  }
}
.inspiration-block .container .inner .block.video.text-color-invert h1,
.inspiration-block .container .inner .block.video.text-color-invert h2,
.inspiration-block .container .inner .block.video.text-color-invert h3,
.inspiration-block .container .inner .block.video.text-color-invert h4,
.inspiration-block .container .inner .block.video.text-color-invert h5,
.inspiration-block .container .inner .block.video.text-color-invert h6,
.inspiration-block .container .inner .block.video.text-color-invert p,
.inspiration-block .container .inner .block.video.text-color-invert .button.secondary,
.inspiration-block .container .inner .block.video.text-color-invert .label,
.inspiration-block .container .inner .block.video.text-color-invert figcaption {
  color: var(--theme-color--white);
}
.inspiration-block .container .inner .block.video.text-color-invert .button-articles {
  background-color: white;
}
.inspiration-block .container .inner .block.video.text-color-invert .button-articles svg {
  fill: var(--theme-color--black);
}
.inspiration-block .container .inner .block.video.text-color-invert .button-articles span {
  color: var(--theme-color--black);
}
.inspiration-block .container .inner .block > figure + .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}
.inspiration-block .container .inner .block figure.padding {
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block figure.padding {
    padding: 4rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container .inner .block figure.padding {
    padding: 5rem;
  }
}
.inspiration-block .container .inner .block figure.padding img {
  align-self: center;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.inspiration-block .container .inner .block figure.padding figcaption {
  text-align: center;
  font-style: italic;
  margin-top: 1rem;
}
.inspiration-block .container .inner .block .content {
  height: 100%;
}
.inspiration-block .container .inner .block .content .content-inner {
  display: flex;
  flex-direction: column;
  height: inherit;
  box-sizing: border-box;
}
.inspiration-block .container .inner .block .content .content-inner:not(.has-decoration) {
  padding: 2rem;
}
.inspiration-block .container .inner .block .content .content-inner.has-decoration {
  padding: 2rem 5rem 2rem 2rem;
}
.inspiration-block .container .inner .block .content .content-inner.v-top {
  justify-content: flex-start;
}
.inspiration-block .container .inner .block .content .content-inner.v-middle {
  justify-content: center;
}
.inspiration-block .container .inner .block .content .content-inner.v-bottom {
  justify-content: flex-end;
}
.inspiration-block .container .inner .block .content .content-inner.h-left {
  align-items: flex-start;
  text-align: left;
}
.inspiration-block .container .inner .block .content .content-inner.h-center {
  align-items: center;
  text-align: center;
}
.inspiration-block .container .inner .block .content .content-inner.h-right {
  align-items: flex-end;
  text-align: right;
}
.inspiration-block .container .inner .block .content .content-inner figure {
  margin-bottom: 1rem;
}
.inspiration-block .container .inner .block .content .content-inner .content-text.content-full {
  width: 100%;
}
@media (min-width: 38.75rem) {
  .inspiration-block .container .inner .block .content .content-inner .content-text.content-full {
    max-width: 100%;
    width: auto;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block .content .content-inner .content-text.content-quarter {
    max-width: 25%;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block .content .content-inner .content-text.content-half {
    max-width: 50%;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .block .content .content-inner .content-text.content-two-thirds {
    max-width: 66.666666%;
  }
}
.inspiration-block .container .inner .block.text-color-invert h1,
.inspiration-block .container .inner .block.text-color-invert h2,
.inspiration-block .container .inner .block.text-color-invert h3,
.inspiration-block .container .inner .block.text-color-invert h4,
.inspiration-block .container .inner .block.text-color-invert h5,
.inspiration-block .container .inner .block.text-color-invert h6,
.inspiration-block .container .inner .block.text-color-invert p,
.inspiration-block .container .inner .block.text-color-invert .button.secondary,
.inspiration-block .container .inner .block.text-color-invert .label,
.inspiration-block .container .inner .block.text-color-invert figcaption {
  color: var(--theme-color--white);
}
.inspiration-block .container .inner .block.text-color-invert .button-articles {
  background-color: white;
}
.inspiration-block .container .inner .block.text-color-invert .button-articles svg {
  fill: var(--theme-color--black);
}
.inspiration-block .container .inner .block.text-color-invert .button-articles span {
  color: var(--theme-color--black);
}
.inspiration-block .container .inner h1,
.inspiration-block .container .inner h2 {
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.625rem;
}
.inspiration-block .container .inner h3,
.inspiration-block .container .inner h4,
.inspiration-block .container .inner h5,
.inspiration-block .container .inner h6 {
  font-family: var(--font-primary--bold);
  margin-bottom: 0.625rem;
}
.inspiration-block .container .inner h6 {
  text-transform: uppercase;
}
.inspiration-block .container .inner .preamble {
  line-height: var(--theme-heading--line);
  margin-bottom: 2rem;
  font-family: var(--font-primary--light);
}
@media (min-width: 62rem) {
  .inspiration-block .container .inner.reverse {
    flex-direction: row-reverse;
  }
}
.inspiration-block .container .inner.width-half .left,
.inspiration-block .container .inner.width-half .right {
  flex: 1;
}
.inspiration-block .container .inner.width-third-1-2 .left {
  flex: 1;
}
.inspiration-block .container .inner.width-third-1-2 .right {
  flex: 2;
}
.inspiration-block .container .inner.width-third-2-1 .left {
  flex: 2;
}
.inspiration-block .container .inner.width-third-2-1 .right {
  flex: 1;
}
.inspiration-block .container .inner .label {
  display: none;
  font-size: 0.875rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  writing-mode: tb-rl;
  text-transform: uppercase;
  letter-spacing: var(--theme-font--spacing);
  font-family: var(--font-secondary--bold);
  max-height: calc(100% - 4rem);
  line-height: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 48rem) {
  .inspiration-block .container .inner .label {
    display: block;
  }
}
.inspiration-block .container p.text-size-x-1 {
  font-size: 0.75rem;
}
.inspiration-block .container p.text-size-x-2 {
  font-size: 0.875rem;
}
.inspiration-block .container p.text-size-x-3 {
  font-size: 1rem;
}
.inspiration-block .container p.text-size-x-4 {
  font-size: 1.125rem;
}
.inspiration-block .container p.text-size-x-5 {
  font-size: 1.25rem;
}
.inspiration-block .container p.text-size-x-6 {
  font-size: 1.375rem;
}
.inspiration-block .container p.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container p.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container p.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container p.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container p.text-size-x-7 {
    font-size: 6rem;
  }
}
.inspiration-block .container h1.text-size-x-1,
.inspiration-block .container h2.text-size-x-1,
.inspiration-block .container h3.text-size-x-1,
.inspiration-block .container h4.text-size-x-1,
.inspiration-block .container h5.text-size-x-1,
.inspiration-block .container h6.text-size-x-1 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-1,
.inspiration-block .container h2.text-size-x-1,
.inspiration-block .container h3.text-size-x-1,
.inspiration-block .container h4.text-size-x-1,
.inspiration-block .container h5.text-size-x-1,
.inspiration-block .container h6.text-size-x-1 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-1,
.inspiration-block .container h2.text-size-x-1,
.inspiration-block .container h3.text-size-x-1,
.inspiration-block .container h4.text-size-x-1,
.inspiration-block .container h5.text-size-x-1,
.inspiration-block .container h6.text-size-x-1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-1,
.inspiration-block .container h2.text-size-x-1,
.inspiration-block .container h3.text-size-x-1,
.inspiration-block .container h4.text-size-x-1,
.inspiration-block .container h5.text-size-x-1,
.inspiration-block .container h6.text-size-x-1 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-1,
.inspiration-block .container h2.text-size-x-1,
.inspiration-block .container h3.text-size-x-1,
.inspiration-block .container h4.text-size-x-1,
.inspiration-block .container h5.text-size-x-1,
.inspiration-block .container h6.text-size-x-1 {
    font-size: 1.375rem;
  }
}
.inspiration-block .container h1.text-size-x-2,
.inspiration-block .container h2.text-size-x-2,
.inspiration-block .container h3.text-size-x-2,
.inspiration-block .container h4.text-size-x-2,
.inspiration-block .container h5.text-size-x-2,
.inspiration-block .container h6.text-size-x-2 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-2,
.inspiration-block .container h2.text-size-x-2,
.inspiration-block .container h3.text-size-x-2,
.inspiration-block .container h4.text-size-x-2,
.inspiration-block .container h5.text-size-x-2,
.inspiration-block .container h6.text-size-x-2 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-2,
.inspiration-block .container h2.text-size-x-2,
.inspiration-block .container h3.text-size-x-2,
.inspiration-block .container h4.text-size-x-2,
.inspiration-block .container h5.text-size-x-2,
.inspiration-block .container h6.text-size-x-2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-2,
.inspiration-block .container h2.text-size-x-2,
.inspiration-block .container h3.text-size-x-2,
.inspiration-block .container h4.text-size-x-2,
.inspiration-block .container h5.text-size-x-2,
.inspiration-block .container h6.text-size-x-2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-2,
.inspiration-block .container h2.text-size-x-2,
.inspiration-block .container h3.text-size-x-2,
.inspiration-block .container h4.text-size-x-2,
.inspiration-block .container h5.text-size-x-2,
.inspiration-block .container h6.text-size-x-2 {
    font-size: 1.5rem;
  }
}
.inspiration-block .container h1.text-size-x-3,
.inspiration-block .container h2.text-size-x-3,
.inspiration-block .container h3.text-size-x-3,
.inspiration-block .container h4.text-size-x-3,
.inspiration-block .container h5.text-size-x-3,
.inspiration-block .container h6.text-size-x-3 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-3,
.inspiration-block .container h2.text-size-x-3,
.inspiration-block .container h3.text-size-x-3,
.inspiration-block .container h4.text-size-x-3,
.inspiration-block .container h5.text-size-x-3,
.inspiration-block .container h6.text-size-x-3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-3,
.inspiration-block .container h2.text-size-x-3,
.inspiration-block .container h3.text-size-x-3,
.inspiration-block .container h4.text-size-x-3,
.inspiration-block .container h5.text-size-x-3,
.inspiration-block .container h6.text-size-x-3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-3,
.inspiration-block .container h2.text-size-x-3,
.inspiration-block .container h3.text-size-x-3,
.inspiration-block .container h4.text-size-x-3,
.inspiration-block .container h5.text-size-x-3,
.inspiration-block .container h6.text-size-x-3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-3,
.inspiration-block .container h2.text-size-x-3,
.inspiration-block .container h3.text-size-x-3,
.inspiration-block .container h4.text-size-x-3,
.inspiration-block .container h5.text-size-x-3,
.inspiration-block .container h6.text-size-x-3 {
    font-size: 1.75rem;
  }
}
.inspiration-block .container h1.text-size-x-4,
.inspiration-block .container h2.text-size-x-4,
.inspiration-block .container h3.text-size-x-4,
.inspiration-block .container h4.text-size-x-4,
.inspiration-block .container h5.text-size-x-4,
.inspiration-block .container h6.text-size-x-4 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-4,
.inspiration-block .container h2.text-size-x-4,
.inspiration-block .container h3.text-size-x-4,
.inspiration-block .container h4.text-size-x-4,
.inspiration-block .container h5.text-size-x-4,
.inspiration-block .container h6.text-size-x-4 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-4,
.inspiration-block .container h2.text-size-x-4,
.inspiration-block .container h3.text-size-x-4,
.inspiration-block .container h4.text-size-x-4,
.inspiration-block .container h5.text-size-x-4,
.inspiration-block .container h6.text-size-x-4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-4,
.inspiration-block .container h2.text-size-x-4,
.inspiration-block .container h3.text-size-x-4,
.inspiration-block .container h4.text-size-x-4,
.inspiration-block .container h5.text-size-x-4,
.inspiration-block .container h6.text-size-x-4 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-4,
.inspiration-block .container h2.text-size-x-4,
.inspiration-block .container h3.text-size-x-4,
.inspiration-block .container h4.text-size-x-4,
.inspiration-block .container h5.text-size-x-4,
.inspiration-block .container h6.text-size-x-4 {
    font-size: 2rem;
  }
}
.inspiration-block .container h1.text-size-x-5,
.inspiration-block .container h2.text-size-x-5,
.inspiration-block .container h3.text-size-x-5,
.inspiration-block .container h4.text-size-x-5,
.inspiration-block .container h5.text-size-x-5,
.inspiration-block .container h6.text-size-x-5 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-5,
.inspiration-block .container h2.text-size-x-5,
.inspiration-block .container h3.text-size-x-5,
.inspiration-block .container h4.text-size-x-5,
.inspiration-block .container h5.text-size-x-5,
.inspiration-block .container h6.text-size-x-5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-5,
.inspiration-block .container h2.text-size-x-5,
.inspiration-block .container h3.text-size-x-5,
.inspiration-block .container h4.text-size-x-5,
.inspiration-block .container h5.text-size-x-5,
.inspiration-block .container h6.text-size-x-5 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-5,
.inspiration-block .container h2.text-size-x-5,
.inspiration-block .container h3.text-size-x-5,
.inspiration-block .container h4.text-size-x-5,
.inspiration-block .container h5.text-size-x-5,
.inspiration-block .container h6.text-size-x-5 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-5,
.inspiration-block .container h2.text-size-x-5,
.inspiration-block .container h3.text-size-x-5,
.inspiration-block .container h4.text-size-x-5,
.inspiration-block .container h5.text-size-x-5,
.inspiration-block .container h6.text-size-x-5 {
    font-size: 2.5rem;
  }
}
.inspiration-block .container h1.text-size-x-6,
.inspiration-block .container h2.text-size-x-6,
.inspiration-block .container h3.text-size-x-6,
.inspiration-block .container h4.text-size-x-6,
.inspiration-block .container h5.text-size-x-6,
.inspiration-block .container h6.text-size-x-6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-6,
.inspiration-block .container h2.text-size-x-6,
.inspiration-block .container h3.text-size-x-6,
.inspiration-block .container h4.text-size-x-6,
.inspiration-block .container h5.text-size-x-6,
.inspiration-block .container h6.text-size-x-6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-6,
.inspiration-block .container h2.text-size-x-6,
.inspiration-block .container h3.text-size-x-6,
.inspiration-block .container h4.text-size-x-6,
.inspiration-block .container h5.text-size-x-6,
.inspiration-block .container h6.text-size-x-6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-6,
.inspiration-block .container h2.text-size-x-6,
.inspiration-block .container h3.text-size-x-6,
.inspiration-block .container h4.text-size-x-6,
.inspiration-block .container h5.text-size-x-6,
.inspiration-block .container h6.text-size-x-6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-6,
.inspiration-block .container h2.text-size-x-6,
.inspiration-block .container h3.text-size-x-6,
.inspiration-block .container h4.text-size-x-6,
.inspiration-block .container h5.text-size-x-6,
.inspiration-block .container h6.text-size-x-6 {
    font-size: 3rem;
  }
}
.inspiration-block .container h1.text-size-x-7,
.inspiration-block .container h2.text-size-x-7,
.inspiration-block .container h3.text-size-x-7,
.inspiration-block .container h4.text-size-x-7,
.inspiration-block .container h5.text-size-x-7,
.inspiration-block .container h6.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .inspiration-block .container h1.text-size-x-7,
.inspiration-block .container h2.text-size-x-7,
.inspiration-block .container h3.text-size-x-7,
.inspiration-block .container h4.text-size-x-7,
.inspiration-block .container h5.text-size-x-7,
.inspiration-block .container h6.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container h1.text-size-x-7,
.inspiration-block .container h2.text-size-x-7,
.inspiration-block .container h3.text-size-x-7,
.inspiration-block .container h4.text-size-x-7,
.inspiration-block .container h5.text-size-x-7,
.inspiration-block .container h6.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container h1.text-size-x-7,
.inspiration-block .container h2.text-size-x-7,
.inspiration-block .container h3.text-size-x-7,
.inspiration-block .container h4.text-size-x-7,
.inspiration-block .container h5.text-size-x-7,
.inspiration-block .container h6.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .inspiration-block .container h1.text-size-x-7,
.inspiration-block .container h2.text-size-x-7,
.inspiration-block .container h3.text-size-x-7,
.inspiration-block .container h4.text-size-x-7,
.inspiration-block .container h5.text-size-x-7,
.inspiration-block .container h6.text-size-x-7 {
    font-size: 6rem;
  }
}
.inspiration-block .container.width-contain {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .inspiration-block .container.width-contain {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .inspiration-block .container.width-contain {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .container.width-contain {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .inspiration-block .container.width-contain {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .inspiration-block .container.width-contain {
    width: 73.125rem;
  }
}
.inspiration-block.margin-bottom-s {
  margin-bottom: 1rem;
}
.inspiration-block.margin-bottom-m {
  margin-bottom: 2rem;
}
.inspiration-block.margin-bottom-l {
  margin-bottom: 3rem;
}
.inspiration-block.margin-top-s {
  margin-top: 1rem;
}
.inspiration-block.margin-top-m {
  margin-top: 2rem;
}
.inspiration-block.margin-top-l {
  margin-top: 3rem;
}
.inspiration-block .iframe-container {
  height: 300px;
  display: flex;
}
@media (min-width: 38.75rem) {
  .inspiration-block .iframe-container {
    height: 400px;
  }
}
@media (min-width: 48rem) {
  .inspiration-block .iframe-container {
    height: 100%;
  }
}
.inspiration-block .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Shared/sass/lib/slick.scss ***!
  \*******************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/media-slider/media-slider.scss ***!
  \***********************************************************************************************************************************************/
.hide-overlay-x {
  overflow-x: hidden;
  margin: 0;
}

.media-slider-wrapper {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .media-slider-wrapper {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .media-slider-wrapper {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .media-slider-wrapper {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .media-slider-wrapper {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .media-slider-wrapper {
    width: 73.125rem;
  }
}
.media-slider-wrapper.margin-bottom-s {
  padding-bottom: 1rem;
}
.media-slider-wrapper.margin-bottom-m {
  padding-bottom: 2rem;
}
.media-slider-wrapper.margin-bottom-l {
  padding-bottom: 3rem;
}
.media-slider-wrapper.margin-top-s {
  margin-top: 1rem;
}
.media-slider-wrapper.margin-top-m {
  margin-top: 2rem;
}
.media-slider-wrapper.margin-top-l {
  margin-top: 3rem;
}

.media-slider {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .media-slider[data-slides="3"] {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    /* width */
    /* button */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .media-slider[data-slides="3"]::-webkit-scrollbar {
    width: 80%;
    height: 7px;
    margin: 0 auto;
  }
  .media-slider[data-slides="3"]::-webkit-scrollbar-button {
    display: none;
  }
  .media-slider[data-slides="3"]::-webkit-scrollbar-track {
    background: var(--theme-color--grayer);
    border-radius: 20px;
  }
  .media-slider[data-slides="3"]::-webkit-scrollbar-thumb {
    background: var(--theme-color--grayscull);
    border-radius: 20px;
  }
  .media-slider[data-slides="3"]::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .media-slider[data-slides="3"] .slide {
    width: 80%;
    display: inline-flex;
  }
}
.media-slider * {
  box-sizing: border-box;
}
.media-slider a {
  color: inherit;
  text-decoration: none;
}
.media-slider .slick-track {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.media-slider.margin {
  width: auto;
}
.media-slider.margin .slide {
  margin: 0.688rem;
}
.media-slider.overflow-visible {
  position: relative;
}
.media-slider.overflow-visible .slick-list {
  overflow: visible;
}
.media-slider .slick-slide {
  height: inherit;
}
.media-slider .slick-slide > div {
  height: 100%;
}
.media-slider .slide {
  width: 100%;
  height: inherit;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  background-color: #fff;
}
.media-slider .slide .product-card {
  width: 100%;
}
.media-slider .slide a:hover img {
  transform: scale(1.05);
}
.media-slider .slide figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.media-slider .slide img {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  vertical-align: baseline;
  transition: all 0.3s ease-in-out;
}
.media-slider .slide video {
  height: 100%;
}
.media-slider .slide__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  white-space: normal;
  background: #fff;
}
.media-slider .slide__content h1,
.media-slider .slide__content h2,
.media-slider .slide__content h3,
.media-slider .slide__content h4 {
  font-size: 1.4rem;
  line-height: 1.1;
  margin-bottom: var(--theme-margin-md);
  font-family: var(--font-primary--medium);
}
.media-slider .slide__content a,
.media-slider .slide__content img {
  max-height: inherit;
}
.media-slider .slide__content:first-of-type {
  margin-left: 0;
}
.media-slider .slide__content__text {
  padding: var(--theme-margin-lg);
  font-family: var(--font-primary--light);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.media-slider .slide__content__text * {
  width: 100%;
}
.media-slider iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.media-slider .slick-arrow {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--theme-color--white);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto var(--theme-margin-lg);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  outline: none;
  padding: 0 !important;
}
.media-slider .slick-arrow.slick-prev {
  left: 0;
}
.media-slider .slick-arrow.slick-next {
  right: 0;
}
.media-slider .slick-arrow svg {
  width: 100%;
  height: 100%;
  fill: #fff;
  fill: var(--theme-color--black);
}
.media-slider .slick-arrow:hover {
  box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.3);
}
.media-slider .slick-arrow:hover svg {
  fill: var(--theme-color--secondary);
}
.media-slider .slick-arrow:focus, .media-slider .slick-arrow:active {
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
}
.media-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0.688rem 0;
  padding: 0;
  list-style: none;
}
.media-slider .slick-dots li:first-child ~ li {
  margin-left: 1rem;
}
.media-slider .slick-dots li button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  font-size: 0;
}
.media-slider .slick-dots li.slick-active button {
  background-color: rgba(0, 0, 0, 0.8);
}
.media-slider .slick-dots li:not(.slick-active) button {
  background-color: rgba(0, 0, 0, 0.3);
}
.media-slider .slick-dots {
  margin: 0.688rem 0 0.688rem 0;
}
.media-slider.margin .slick-dots {
  margin: 0 0 0.688rem 0;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/forms/forms.scss ***!
  \*********************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.EPiServerForms {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .EPiServerForms {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .EPiServerForms {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .EPiServerForms {
    width: 46.875rem;
  }
}
.EPiServerForms * {
  box-sizing: border-box;
}
.EPiServerForms .EPiServerForms .Form__Status .Form__Warning__Message {
  color: #805243;
}
.EPiServerForms .FormSubmitButton {
  background-color: transparent;
  font-family: var(--font-primary--bold);
  letter-spacing: var(--theme-font--spacing);
  cursor: pointer;
  transition: 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-transform: uppercase;
  color: var(--theme-color--white);
  background-color: var(--theme-color--darkish);
  border: 2px solid var(--theme-color--darkish);
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
  width: 100%;
}
.EPiServerForms .FormSubmitButton:hover {
  transition: 0.3s ease;
  border: 2px solid var(--theme-color--black);
  background-color: var(--theme-color--black);
}
.EPiServerForms .Form__Description {
  font-weight: var(--font-primary--light);
  margin-bottom: var(--theme-margin-md);
}
.EPiServerForms .Form__NavigationBar {
  margin-bottom: var(--theme-margin-md);
  display: flex;
  justify-content: center;
  align-items: center;
}
.EPiServerForms .Form__NavigationBar__Action {
  border-radius: 0px !important;
  width: auto !important;
  display: inline-block !important;
  background-color: transparent !important;
  font-family: var(--font-primary--bold) !important;
  letter-spacing: var(--theme-font--spacing) !important;
  cursor: pointer;
  transition: 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-transform: uppercase !important;
  color: var(--theme-color--white) !important;
  background-color: var(--theme-color--darkish) !important;
  border: 2px solid var(--theme-color--darkish) !important;
  font-size: 0.75rem !important;
  padding: 0.625rem 0.875rem !important;
  background-image: none !important;
  height: 2em !important;
  margin: 2px;
}
.EPiServerForms .Form__NavigationBar__ProgressBar {
  background-color: var(--theme-color--grayish);
  border: none !important;
  height: 1.3em !important;
}
.EPiServerForms .Form__NavigationBar__ProgressBar--Progress {
  background-color: var(--theme-color--darkish) !important;
  height: 1.3em !important;
}
.EPiServerForms .Form__Element input,
.EPiServerForms .Form__Element textarea,
.EPiServerForms .Form__Element select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--theme-color--grayer);
  line-height: 1;
  margin: 0;
  resize: none;
  outline: none;
  border-radius: 5px;
  font-size: 0.875rem;
  padding: 0.65rem 0.75rem;
  font-family: inherit;
}
.EPiServerForms .Form__Element input:not([type=reset]) {
  height: 2.6rem;
}
.EPiServerForms .Form__Element input:not([type=range]) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.EPiServerForms .Form__Element input[type=range] {
  padding: 0;
}
.EPiServerForms .Form__Element input[type=reset] {
  background-color: transparent;
  font-family: var(--font-primary--bold);
  letter-spacing: var(--theme-font--spacing);
  cursor: pointer;
  transition: 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-transform: uppercase;
  color: var(--theme-color--white);
  background-color: var(--theme-color--darkish);
  border: 2px solid var(--theme-color--darkish);
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
  justify-content: center;
  border-radius: 0;
  line-height: initial;
}
.EPiServerForms .Form__Element input[type=reset]:hover {
  transition: 0.3s ease;
  border: 2px solid var(--theme-color--black);
  background-color: var(--theme-color--black);
}
.EPiServerForms .Form__Element input[type=radio], .EPiServerForms .Form__Element input[type=checkbox] {
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  box-shadow: inset 0 0 0px 10px #fff;
  margin-right: 0.35rem;
  border: 1px solid var(--theme-color--grayest);
  transition: box-shadow 0.3s ease;
  background-color: var(--theme-color--grayscull);
  cursor: default;
  background-size: 250%;
}
.EPiServerForms .Form__Element input[type=radio]:checked, .EPiServerForms .Form__Element input[type=checkbox]:checked {
  box-shadow: inset 0 0 0px 5px #fff;
  background-position: center center;
  background-size: 100%;
}
.EPiServerForms .Form__Element input[type=radio] {
  border-radius: 50%;
}
.EPiServerForms .Form__Element input[type=checkbox] {
  transition: background 0.3s ease, background-size 0.15s ease-in-out 0.05s;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDEpIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none !important;
}
.EPiServerForms .Form__Element input[type=checkbox]:checked {
  background-color: var(--theme-color--grayscull);
}
.EPiServerForms .Form__Element select {
  height: 2.6rem;
  padding: 0.65rem 0.75rem;
  background: #fff;
  display: block;
  cursor: default;
  background-image: url("data:image/svg+xml;charset=US-ASCII, %3Csvg%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2024%2024%22%20aria-labelledby%3D%22sortingIconTitle%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20color%3D%22%23333%22%3E%20%3Ctitle%20id%3D%22sortingIconTitle%22%3ESorting%3C%2Ftitle%3E%20%3Cpolyline%20points%3D%228%208.333%2012%204.333%2016%208.333%2016%208.333%22%2F%3E%20%3Cpolyline%20points%3D%2216%2015.667%2012%2019.667%208%2015.667%208%2015.667%22%2F%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.75rem top 50%, 0 0;
  background-size: 1rem auto, 100%;
}
.EPiServerForms .Form__Element label,
.EPiServerForms .Form__Element legend, .EPiServerForms .Form__Element__Caption {
  display: block;
  padding: 0.25rem 0;
  font-size: 0.9rem;
}
.EPiServerForms .Form__Element fieldset {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.EPiServerForms .Form__Element fieldset legend {
  flex: 0;
  width: 100%;
}
.EPiServerForms .Form__Element fieldset label {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.EPiServerForms .Form__Element__ValidationError {
  font-size: 0.9rem;
  padding: 0.25rem;
  color: #b30d0d;
}
.EPiServerForms .FormTextbox input,
.EPiServerForms .FormTextbox textarea {
  padding: 0.65rem 0.75rem;
}
.EPiServerForms .FormTextbox textarea {
  transition: all 0.3s ease-in-out;
  min-height: 80px;
  vertical-align: bottom;
}
.EPiServerForms .FormTextbox textarea:focus {
  min-height: 150px;
}
.EPiServerForms .FormCaptcha {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.EPiServerForms .FormCaptcha button {
  /*@include form-button;*/
  font-family: inherit !important;
  font-size: 0.75rem !important;
  order: 3;
  order: 2;
  border: none !important;
  transform: translateY(-27px);
  margin: auto 0 auto auto;
  font-family: inherit;
  cursor: pointer;
  background-color: var(--theme-color--secondary);
  text-decoration: underline;
  padding: 3px 10px;
  color: #fff;
}
.EPiServerForms .FormCaptcha img {
  width: 100%;
  order: 2;
  order: 1;
  border: 2px solid var(--theme-color--grayest);
}
.EPiServerForms .FormCaptcha input[type=text] {
  order: 1;
  order: 3;
  margin-top: -1.5rem;
  margin-bottom: 0.35rem;
}
.EPiServerForms .FormCaptcha > * {
  margin-bottom: 0.35rem;
}
.EPiServerForms .FormFileUpload {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.EPiServerForms .FormFileUpload label {
  margin-bottom: 0.35rem;
}
.EPiServerForms .FormFileUpload input {
  cursor: pointer;
  background-color: #fff !important;
}
.EPiServerForms .FormRange label + span {
  padding: 0.35rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.EPiServerForms .FormRange input[type=range] {
  background: var(--theme-color--grayest);
  flex: 1;
  border-radius: 10px;
  height: 7px;
}
.EPiServerForms .FormRange input[type=range]::-webkit-slider-thumb {
  background: var(--theme-color--gray);
  background: linear-gradient(-45deg, var(--theme-color--grayest) 0%, var(--theme-color--gray) 100%);
  background: #fff;
  border: 1px solid var(--theme-color--grayest);
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  cursor: grab;
  transition: all 0.3s ease-in-out;
}
.EPiServerForms .FormRange input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.EPiServerForms .FormRange input[type=range]::-webkit-slider-thumb:focus, .EPiServerForms .FormRange input[type=range]::-webkit-slider-thumb:active {
  transform: scale(0.9);
  box-shadow: 0 0 5px 1px var(--theme-color--gray);
  cursor: grabbing;
}
.EPiServerForms .FormRange__Min, .EPiServerForms .FormRange__Max {
  font-size: 1rem;
  margin: auto 0.35rem;
  color: var(--theme-color--grayscull);
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/rss-block/rss-block.scss ***!
  \*****************************************************************************************************************************************/
.rss-list-section {
  overflow: hidden;
}

.rss * {
  box-sizing: border-box;
}
.rss-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 48rem) {
  .rss-list {
    margin-left: calc(var(--theme-margin-xs) * -1);
    margin-right: calc(var(--theme-margin-xs) * -1);
  }
}
.rss-item {
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  padding: var(--theme-margin-md);
  margin-bottom: var(--theme-margin-sm);
  border: 0;
  background: #fff;
}
@media (min-width: 48rem) {
  .rss-item {
    margin: var(--theme-margin-xs);
  }
}
@media (min-width: 48rem) {
  .rss-item {
    padding: var(--theme-margin-xl);
    width: 50%;
    width: calc(50% - var(--theme-margin-xs) * 2);
  }
}
.rss-item h1,
.rss-item .h1,
.rss-item h2,
.rss-item .h2 {
  margin-bottom: var(--theme-margin-xs);
  line-height: 1.1;
  font-size: 1.2rem;
}
.rss-item__date {
  color: var(--theme-color--grayest);
  padding: 0.5rem 0 var(--theme-margin-xs);
  padding: 0 0 var(--theme-margin-xs);
  display: block;
  margin-bottom: var(--theme-margin-xs);
  font-size: 0.7rem;
  border-bottom: 1px solid var(--theme-color--grayer);
  text-transform: uppercase;
}
.rss-item a {
  text-decoration: underline;
  font-family: var(--font-primary--medium);
  font-size: 0.9rem;
  margin-bottom: var(--theme-margin-md);
  display: block;
  margin-bottom: 0;
}
.rss-item p {
  font-size: 0.9rem;
  font-family: var(--font-primary--light);
  margin-bottom: var(--theme-margin-xs);
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/modal-container-block/modal-container-block.scss ***!
  \*****************************************************************************************************************************************************************/
.modal-container-block {
  z-index: 1010;
  position: fixed;
  bottom: 6.25rem;
  left: var(--theme-margin-md);
  right: var(--theme-margin-md);
  margin: auto;
  display: none;
  max-height: calc(90% - 6.25rem);
  overflow-y: auto;
}
.modal-container-block.show {
  display: block;
}
.modal-container-block.text-color-invert svg {
  fill: var(--theme-color--white);
}
.modal-container-block header {
  display: flex;
  flex-direction: row-reverse;
}
.modal-container-block header .button-close {
  background: none;
}
.modal-container-block.font--font-primary--bold h1,
.modal-container-block.font--font-primary--bold h2,
.modal-container-block.font--font-primary--bold h3,
.modal-container-block.font--font-primary--bold h4,
.modal-container-block.font--font-primary--bold h5 {
  font-family: var(--font-primary--bold) !important;
}
.modal-container-block.font--font-secondary--medium h1,
.modal-container-block.font--font-secondary--medium h2,
.modal-container-block.font--font-secondary--medium h3,
.modal-container-block.font--font-secondary--medium h4,
.modal-container-block.font--font-secondary--medium h5 {
  font-family: var(--font-secondary--medium) !important;
}
.modal-container-block.font--font-secondary--bold h1,
.modal-container-block.font--font-secondary--bold h2,
.modal-container-block.font--font-secondary--bold h3,
.modal-container-block.font--font-secondary--bold h4,
.modal-container-block.font--font-secondary--bold h5 {
  font-family: var(--font-secondary--bold) !important;
}
.modal-container-block.block-shadow {
  box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.1);
}
.modal-container-block .container {
  width: auto;
}
.modal-container-block .container .inner {
  flex-direction: column !important;
}
.modal-container-block .container .inner.text-size-x-1 h1,
.modal-container-block .container .inner.text-size-x-1 h2,
.modal-container-block .container .inner.text-size-x-1 h3,
.modal-container-block .container .inner.text-size-x-1 h4,
.modal-container-block .container .inner.text-size-x-1 h5,
.modal-container-block .container .inner.text-size-x-1 h6 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-1 h1,
.modal-container-block .container .inner.text-size-x-1 h2,
.modal-container-block .container .inner.text-size-x-1 h3,
.modal-container-block .container .inner.text-size-x-1 h4,
.modal-container-block .container .inner.text-size-x-1 h5,
.modal-container-block .container .inner.text-size-x-1 h6 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-1 h1,
.modal-container-block .container .inner.text-size-x-1 h2,
.modal-container-block .container .inner.text-size-x-1 h3,
.modal-container-block .container .inner.text-size-x-1 h4,
.modal-container-block .container .inner.text-size-x-1 h5,
.modal-container-block .container .inner.text-size-x-1 h6 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-1 h1,
.modal-container-block .container .inner.text-size-x-1 h2,
.modal-container-block .container .inner.text-size-x-1 h3,
.modal-container-block .container .inner.text-size-x-1 h4,
.modal-container-block .container .inner.text-size-x-1 h5,
.modal-container-block .container .inner.text-size-x-1 h6 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-1 h1,
.modal-container-block .container .inner.text-size-x-1 h2,
.modal-container-block .container .inner.text-size-x-1 h3,
.modal-container-block .container .inner.text-size-x-1 h4,
.modal-container-block .container .inner.text-size-x-1 h5,
.modal-container-block .container .inner.text-size-x-1 h6 {
    font-size: 1.375rem;
  }
}
.modal-container-block .container .inner.text-size-x-2 h1,
.modal-container-block .container .inner.text-size-x-2 h2,
.modal-container-block .container .inner.text-size-x-2 h3,
.modal-container-block .container .inner.text-size-x-2 h4,
.modal-container-block .container .inner.text-size-x-2 h5,
.modal-container-block .container .inner.text-size-x-2 h6 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-2 h1,
.modal-container-block .container .inner.text-size-x-2 h2,
.modal-container-block .container .inner.text-size-x-2 h3,
.modal-container-block .container .inner.text-size-x-2 h4,
.modal-container-block .container .inner.text-size-x-2 h5,
.modal-container-block .container .inner.text-size-x-2 h6 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-2 h1,
.modal-container-block .container .inner.text-size-x-2 h2,
.modal-container-block .container .inner.text-size-x-2 h3,
.modal-container-block .container .inner.text-size-x-2 h4,
.modal-container-block .container .inner.text-size-x-2 h5,
.modal-container-block .container .inner.text-size-x-2 h6 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-2 h1,
.modal-container-block .container .inner.text-size-x-2 h2,
.modal-container-block .container .inner.text-size-x-2 h3,
.modal-container-block .container .inner.text-size-x-2 h4,
.modal-container-block .container .inner.text-size-x-2 h5,
.modal-container-block .container .inner.text-size-x-2 h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-2 h1,
.modal-container-block .container .inner.text-size-x-2 h2,
.modal-container-block .container .inner.text-size-x-2 h3,
.modal-container-block .container .inner.text-size-x-2 h4,
.modal-container-block .container .inner.text-size-x-2 h5,
.modal-container-block .container .inner.text-size-x-2 h6 {
    font-size: 1.5rem;
  }
}
.modal-container-block .container .inner.text-size-x-3 h1,
.modal-container-block .container .inner.text-size-x-3 h2,
.modal-container-block .container .inner.text-size-x-3 h3,
.modal-container-block .container .inner.text-size-x-3 h4,
.modal-container-block .container .inner.text-size-x-3 h5,
.modal-container-block .container .inner.text-size-x-3 h6 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-3 h1,
.modal-container-block .container .inner.text-size-x-3 h2,
.modal-container-block .container .inner.text-size-x-3 h3,
.modal-container-block .container .inner.text-size-x-3 h4,
.modal-container-block .container .inner.text-size-x-3 h5,
.modal-container-block .container .inner.text-size-x-3 h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-3 h1,
.modal-container-block .container .inner.text-size-x-3 h2,
.modal-container-block .container .inner.text-size-x-3 h3,
.modal-container-block .container .inner.text-size-x-3 h4,
.modal-container-block .container .inner.text-size-x-3 h5,
.modal-container-block .container .inner.text-size-x-3 h6 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-3 h1,
.modal-container-block .container .inner.text-size-x-3 h2,
.modal-container-block .container .inner.text-size-x-3 h3,
.modal-container-block .container .inner.text-size-x-3 h4,
.modal-container-block .container .inner.text-size-x-3 h5,
.modal-container-block .container .inner.text-size-x-3 h6 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-3 h1,
.modal-container-block .container .inner.text-size-x-3 h2,
.modal-container-block .container .inner.text-size-x-3 h3,
.modal-container-block .container .inner.text-size-x-3 h4,
.modal-container-block .container .inner.text-size-x-3 h5,
.modal-container-block .container .inner.text-size-x-3 h6 {
    font-size: 1.75rem;
  }
}
.modal-container-block .container .inner.text-size-x-4 h1,
.modal-container-block .container .inner.text-size-x-4 h2,
.modal-container-block .container .inner.text-size-x-4 h3,
.modal-container-block .container .inner.text-size-x-4 h4,
.modal-container-block .container .inner.text-size-x-4 h5,
.modal-container-block .container .inner.text-size-x-4 h6 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-4 h1,
.modal-container-block .container .inner.text-size-x-4 h2,
.modal-container-block .container .inner.text-size-x-4 h3,
.modal-container-block .container .inner.text-size-x-4 h4,
.modal-container-block .container .inner.text-size-x-4 h5,
.modal-container-block .container .inner.text-size-x-4 h6 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-4 h1,
.modal-container-block .container .inner.text-size-x-4 h2,
.modal-container-block .container .inner.text-size-x-4 h3,
.modal-container-block .container .inner.text-size-x-4 h4,
.modal-container-block .container .inner.text-size-x-4 h5,
.modal-container-block .container .inner.text-size-x-4 h6 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-4 h1,
.modal-container-block .container .inner.text-size-x-4 h2,
.modal-container-block .container .inner.text-size-x-4 h3,
.modal-container-block .container .inner.text-size-x-4 h4,
.modal-container-block .container .inner.text-size-x-4 h5,
.modal-container-block .container .inner.text-size-x-4 h6 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-4 h1,
.modal-container-block .container .inner.text-size-x-4 h2,
.modal-container-block .container .inner.text-size-x-4 h3,
.modal-container-block .container .inner.text-size-x-4 h4,
.modal-container-block .container .inner.text-size-x-4 h5,
.modal-container-block .container .inner.text-size-x-4 h6 {
    font-size: 2rem;
  }
}
.modal-container-block .container .inner.text-size-x-5 h1,
.modal-container-block .container .inner.text-size-x-5 h2,
.modal-container-block .container .inner.text-size-x-5 h3,
.modal-container-block .container .inner.text-size-x-5 h4,
.modal-container-block .container .inner.text-size-x-5 h5,
.modal-container-block .container .inner.text-size-x-5 h6 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-5 h1,
.modal-container-block .container .inner.text-size-x-5 h2,
.modal-container-block .container .inner.text-size-x-5 h3,
.modal-container-block .container .inner.text-size-x-5 h4,
.modal-container-block .container .inner.text-size-x-5 h5,
.modal-container-block .container .inner.text-size-x-5 h6 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-5 h1,
.modal-container-block .container .inner.text-size-x-5 h2,
.modal-container-block .container .inner.text-size-x-5 h3,
.modal-container-block .container .inner.text-size-x-5 h4,
.modal-container-block .container .inner.text-size-x-5 h5,
.modal-container-block .container .inner.text-size-x-5 h6 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-5 h1,
.modal-container-block .container .inner.text-size-x-5 h2,
.modal-container-block .container .inner.text-size-x-5 h3,
.modal-container-block .container .inner.text-size-x-5 h4,
.modal-container-block .container .inner.text-size-x-5 h5,
.modal-container-block .container .inner.text-size-x-5 h6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-5 h1,
.modal-container-block .container .inner.text-size-x-5 h2,
.modal-container-block .container .inner.text-size-x-5 h3,
.modal-container-block .container .inner.text-size-x-5 h4,
.modal-container-block .container .inner.text-size-x-5 h5,
.modal-container-block .container .inner.text-size-x-5 h6 {
    font-size: 2.5rem;
  }
}
.modal-container-block .container .inner.text-size-x-6 h1,
.modal-container-block .container .inner.text-size-x-6 h2,
.modal-container-block .container .inner.text-size-x-6 h3,
.modal-container-block .container .inner.text-size-x-6 h4,
.modal-container-block .container .inner.text-size-x-6 h5,
.modal-container-block .container .inner.text-size-x-6 h6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-6 h1,
.modal-container-block .container .inner.text-size-x-6 h2,
.modal-container-block .container .inner.text-size-x-6 h3,
.modal-container-block .container .inner.text-size-x-6 h4,
.modal-container-block .container .inner.text-size-x-6 h5,
.modal-container-block .container .inner.text-size-x-6 h6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-6 h1,
.modal-container-block .container .inner.text-size-x-6 h2,
.modal-container-block .container .inner.text-size-x-6 h3,
.modal-container-block .container .inner.text-size-x-6 h4,
.modal-container-block .container .inner.text-size-x-6 h5,
.modal-container-block .container .inner.text-size-x-6 h6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-6 h1,
.modal-container-block .container .inner.text-size-x-6 h2,
.modal-container-block .container .inner.text-size-x-6 h3,
.modal-container-block .container .inner.text-size-x-6 h4,
.modal-container-block .container .inner.text-size-x-6 h5,
.modal-container-block .container .inner.text-size-x-6 h6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-6 h1,
.modal-container-block .container .inner.text-size-x-6 h2,
.modal-container-block .container .inner.text-size-x-6 h3,
.modal-container-block .container .inner.text-size-x-6 h4,
.modal-container-block .container .inner.text-size-x-6 h5,
.modal-container-block .container .inner.text-size-x-6 h6 {
    font-size: 3rem;
  }
}
.modal-container-block .container .inner.text-size-x-7 h1,
.modal-container-block .container .inner.text-size-x-7 h2,
.modal-container-block .container .inner.text-size-x-7 h3,
.modal-container-block .container .inner.text-size-x-7 h4,
.modal-container-block .container .inner.text-size-x-7 h5,
.modal-container-block .container .inner.text-size-x-7 h6 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .modal-container-block .container .inner.text-size-x-7 h1,
.modal-container-block .container .inner.text-size-x-7 h2,
.modal-container-block .container .inner.text-size-x-7 h3,
.modal-container-block .container .inner.text-size-x-7 h4,
.modal-container-block .container .inner.text-size-x-7 h5,
.modal-container-block .container .inner.text-size-x-7 h6 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .modal-container-block .container .inner.text-size-x-7 h1,
.modal-container-block .container .inner.text-size-x-7 h2,
.modal-container-block .container .inner.text-size-x-7 h3,
.modal-container-block .container .inner.text-size-x-7 h4,
.modal-container-block .container .inner.text-size-x-7 h5,
.modal-container-block .container .inner.text-size-x-7 h6 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .modal-container-block .container .inner.text-size-x-7 h1,
.modal-container-block .container .inner.text-size-x-7 h2,
.modal-container-block .container .inner.text-size-x-7 h3,
.modal-container-block .container .inner.text-size-x-7 h4,
.modal-container-block .container .inner.text-size-x-7 h5,
.modal-container-block .container .inner.text-size-x-7 h6 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .modal-container-block .container .inner.text-size-x-7 h1,
.modal-container-block .container .inner.text-size-x-7 h2,
.modal-container-block .container .inner.text-size-x-7 h3,
.modal-container-block .container .inner.text-size-x-7 h4,
.modal-container-block .container .inner.text-size-x-7 h5,
.modal-container-block .container .inner.text-size-x-7 h6 {
    font-size: 6rem;
  }
}
.modal-container-block .container .video {
  position: relative;
  padding-top: 67%;
  width: 100%;
}
@media (max-width: 38.688rem) {
  .modal-container-block .container .video {
    width: calc(100% - 2.5rem);
    margin: auto;
  }
}
.modal-container-block .container .video iframe {
  width: 100% !important;
  position: absolute;
  height: 100% !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.modal-container-block .container .slide a:hover img {
  transform: scale(1.05);
}
.modal-container-block .container .slide figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.modal-container-block .container .slide img {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  vertical-align: baseline;
  transition: all 0.3s ease-in-out;
}
.modal-container-block .container .slide__content {
  padding: var(--theme-margin-lg);
}
.modal-container-block .container .slide__content h1,
.modal-container-block .container .slide__content h2,
.modal-container-block .container .slide__content h3,
.modal-container-block .container .slide__content h4 {
  font-size: 1.4rem;
  line-height: 1.1;
  margin-bottom: var(--theme-margin-md);
  font-family: var(--font-primary--medium);
}
.modal-container-block .container .slide__content__text {
  font-family: var(--font-primary--light);
}
@media (max-width: 38.688rem) {
  .modal-container-block {
    width: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 62rem) {
  .modal-container-block {
    bottom: var(--theme-margin-md);
    max-height: calc(90% - var(--theme-margin-md));
  }
  .modal-container-block.left {
    left: var(--theme-margin-md);
    right: auto;
  }
  .modal-container-block.right {
    left: auto;
    right: var(--theme-margin-md);
  }
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/mosaic-block/mosaic-block.scss ***!
  \***********************************************************************************************************************************************/
.mosaic-area {
  margin-top: calc(2 * var(--theme-margin-xxs));
  margin-bottom: var(--theme-margin-md);
}
.mosaic-area.width-contain {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .mosaic-area.width-contain {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .mosaic-area.width-contain {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .mosaic-area.width-contain {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area.width-contain {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area.width-contain {
    width: 73.125rem;
  }
}
.mosaic-area.margin-bottom-none {
  margin-bottom: 0rem;
}
.mosaic-area.margin-bottom-s {
  margin-bottom: 1rem;
}
.mosaic-area.margin-bottom-m {
  margin-bottom: 2rem;
}
.mosaic-area.margin-bottom-l {
  margin-bottom: 3rem;
}
.mosaic-area.margin-top-none {
  margin-top: 0rem;
}
.mosaic-area.margin-top-s {
  margin-top: 1rem;
}
.mosaic-area.margin-top-m {
  margin-top: 2rem;
}
.mosaic-area.margin-top-l {
  margin-top: 3rem;
}

.mosaic-area .mosaic-area-inner .mosaic-item {
  overflow: hidden;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container {
  width: auto;
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner {
  height: 100%;
  display: flex;
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner {
    flex-direction: column !important;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.v-top {
  justify-content: flex-start;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.v-middle {
  justify-content: center;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.v-bottom {
  justify-content: flex-end;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.h-left {
  align-items: flex-start;
  text-align: left;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.h-center {
  align-items: center;
  text-align: center;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner.h-right {
  align-items: flex-end;
  text-align: right;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .background-video {
  position: absolute !important;
  display: flex;
  height: inherit;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .background-video video {
  height: 100%;
  display: block;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .background-video + .block {
  flex-direction: column !important;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .background-video + .block {
    margin: 2.2rem !important;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .background-video + .block {
    margin: 1rem !important;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block {
  margin: 0;
  padding: 1rem;
  z-index: 50;
  position: absolute;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block {
    padding: 2.2rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block {
    padding: 1rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block:hover, .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block:focus {
  color: inherit;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-primary--bold h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-primary--bold h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-primary--bold h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-primary--bold h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-primary--bold h5 {
  font-family: var(--font-primary--bold) !important;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--medium h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--medium h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--medium h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--medium h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--medium h5 {
  font-family: var(--font-secondary--medium) !important;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--bold h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--bold h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--bold h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--bold h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.font--font-secondary--bold h5 {
  font-family: var(--font-secondary--bold) !important;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h6 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h6 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h6 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h6 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-1 h6 {
    font-size: 1.375rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h6 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h6 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h6 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-2 h6 {
    font-size: 1.5rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h6 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h6 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h6 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h6 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-3 h6 {
    font-size: 1.75rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h6 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h6 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h6 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h6 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-4 h6 {
    font-size: 2rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h6 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h6 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h6 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-5 h6 {
    font-size: 2.5rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-6 h6 {
    font-size: 3rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h6 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h6 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h6 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h6 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h1,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h2,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h3,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h4,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h5,
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block.text-size-x-7 h6 {
    font-size: 6rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block .button-links ul {
  flex-direction: row;
}
.mosaic-area .mosaic-area-inner .mosaic-item .image-text-block .container .inner .block .button-links ul li:first-child + li {
  margin-left: 1rem;
  margin-top: 0;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper {
  width: auto !important;
  padding: 0;
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .media-slider-inner {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .media-slider-inner .media-slider {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .media-slider-inner .media-slider .slick-list {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .media-slider-inner .media-slider .slick-list .slick-track {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .media-slider-inner .slide img {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .image-text-block {
  height: 100%;
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .image-text-block .block {
  padding-bottom: 2.2rem !important;
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .image-text-block .block {
    padding: 3.3rem !important;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .slick-dots {
  position: relative;
  bottom: 2.7rem;
}
@media (min-width: 62rem) {
  .mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .slick-dots {
    bottom: 3.5rem;
  }
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .slick-dots li:not(.slick-active) button {
  background-color: rgba(255, 255, 255, 0.6);
}
.mosaic-area .mosaic-area-inner .mosaic-item .media-slider-wrapper .slick-dots li button {
  width: 1.1rem;
  height: 1.1rem;
}

.mosaic-1 .mosaic-item {
  width: 100%;
  height: 100%;
}

.mosaic-2 {
  display: flex;
  flex-direction: column;
}
.mosaic-2 .mosaic-item {
  width: 100%;
  margin-top: var(--theme-margin-xxs);
  margin-bottom: 0;
  height: calc(66.6% - var(--theme-margin-xxs));
}
.mosaic-2 .mosaic-item:first-child {
  margin-top: 0;
  margin-bottom: var(--theme-margin-xxs);
  height: calc(33.3% - var(--theme-margin-xxs));
}

.mosaic-3 {
  display: flex;
  flex-flow: column wrap;
}
.mosaic-3 .mosaic-item {
  width: 100%;
  height: calc(33% - 1.3 * var(--theme-margin-xxs));
  margin: var(--theme-margin-xxs) 0;
}
.mosaic-3 .mosaic-item:first-child {
  margin-top: 0;
}
.mosaic-3 .mosaic-item:last-child {
  margin-bottom: 0;
}

.mosaic-5 {
  display: flex;
  flex-flow: column wrap;
}
.mosaic-5 .mosaic-item {
  width: 100%;
  height: calc(33% - 1.3 * var(--theme-margin-xxs));
  margin: var(--theme-margin-xxs) 0;
}
.mosaic-5 .mosaic-item:first-child {
  margin-top: 0;
}
.mosaic-5 .mosaic-item:nth-child(3) {
  height: calc(16.6% - 1.6 * var(--theme-margin-xxs));
}
.mosaic-5 .mosaic-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(16.6% - 1.6 * var(--theme-margin-xxs));
  margin: var(--theme-margin-xxs) 0 0 0;
}
.mosaic-5 .mosaic-row .mosaic-item {
  width: calc(50% - var(--theme-margin-xxs));
  height: 100%;
  margin: 0 0 0 var(--theme-margin-xxs);
}
.mosaic-5 .mosaic-row .mosaic-item:first-child {
  margin: 0 var(--theme-margin-xxs) 0 0;
}

@media (min-width: 62rem) {
  .mosaic-2 {
    display: flex;
    flex-direction: row;
  }
  .mosaic-2 .mosaic-item {
    width: calc(25% - var(--theme-margin-xxs));
    height: 100%;
    margin: 0 0 0 var(--theme-margin-xxs);
  }
  .mosaic-2 .mosaic-item:first-child {
    width: calc(75% - var(--theme-margin-xxs));
    height: 100%;
    margin: 0 var(--theme-margin-xxs) 0 0;
  }

  .mosaic-3 {
    display: flex;
    flex-flow: column wrap;
  }
  .mosaic-3 .mosaic-item {
    width: calc(25% - var(--theme-margin-xxs));
    height: calc(50% - var(--theme-margin-xxs));
    margin: 0 0 var(--theme-margin-xxs) var(--theme-margin-xxs);
  }
  .mosaic-3 .mosaic-item:first-child {
    width: calc(75% - var(--theme-margin-xxs));
    height: 100%;
    margin: 0 var(--theme-margin-xxs) 0 0;
  }
  .mosaic-3 .mosaic-item:last-child {
    margin: var(--theme-margin-xxs) 0 0 var(--theme-margin-xxs);
  }

  .mosaic-5 {
    display: flex;
    flex-flow: column wrap;
  }
  .mosaic-5 .mosaic-item {
    width: calc(25% - var(--theme-margin-xxs));
    height: calc(50% - var(--theme-margin-xxs));
    margin: 0 0 var(--theme-margin-xxs) var(--theme-margin-xxs);
  }
  .mosaic-5 .mosaic-item:first-child {
    width: calc(75% - var(--theme-margin-xxs));
    height: 100%;
    margin: 0 var(--theme-margin-xxs) 0 0;
  }
  .mosaic-5 .mosaic-item:nth-child(3) {
    width: calc(25% - var(--theme-margin-xxs));
    height: calc(25% - 1.5 * var(--theme-margin-xxs));
    margin: var(--theme-margin-xxs) 0 var(--theme-margin-xxs) var(--theme-margin-xxs);
  }
  .mosaic-5 .mosaic-row {
    display: flex;
    flex-direction: row;
    width: calc(25% - var(--theme-margin-xxs));
    height: calc(25% - 1.5 * var(--theme-margin-xxs));
    margin: var(--theme-margin-xxs) 0 0 var(--theme-margin-xxs);
  }
  .mosaic-5 .mosaic-row .mosaic-item {
    width: calc(50% - var(--theme-margin-xxs));
    height: 100%;
    margin: 0 0 0 var(--theme-margin-xxs);
  }
  .mosaic-5 .mosaic-row .mosaic-item:first-child {
    margin: 0 var(--theme-margin-xxs) 0 0;
  }
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/faq-block/faq-block.scss ***!
  \*****************************************************************************************************************************************/
.konsumentsiteneditoriallayoutpage .faq {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 2rem;
}
@media (max-width: 38.688rem) {
  .konsumentsiteneditoriallayoutpage .faq {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .konsumentsiteneditoriallayoutpage .faq {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .konsumentsiteneditoriallayoutpage .faq {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .konsumentsiteneditoriallayoutpage .faq {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .konsumentsiteneditoriallayoutpage .faq {
    width: 73.125rem;
  }
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/campaign-list-block/campaign-list-block.scss ***!
  \*************************************************************************************************************************************************************/
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.listing-wrapper .product-card {
  transition: 0.6s ease;
}
.listing-wrapper .product-card:hover {
  transform: scale(1.05);
}

.product-card {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.product-card__card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-card .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--theme-color--white);
  height: 100%;
}
.product-card .margin-override {
  justify-content: initial;
  margin: 0;
}
.product-card figure {
  aspect-ratio: 4/3;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  background-position: center center;
  background-size: contain;
  opacity: 0.9;
  background-repeat: no-repeat;
  border-bottom: 1px dashed #e8e8e8;
}
.product-card figure .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.625rem 2rem;
  color: var(--theme-color--black);
  border-radius: 0 0 1rem 0;
  z-index: 10;
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
}
.product-card figure .label.news {
  background-color: var(--theme-color--secondary);
}
.product-card figure .label.sale {
  background-color: var(--theme-color--primary);
}
.product-card figure .favourite {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.3);
}
.product-card figure .favourite svg {
  pointer-events: none;
  fill: var(--theme-color--black);
}
.product-card figure .favourite:hover {
  transition: 0.3s ease;
  background-color: rgba(255, 255, 255, 0.7);
}
.product-card figure .favourite:hover svg {
  fill: var(--theme-color--heart);
}
.product-card figure .favourite.active {
  background-color: var(--theme-color--white);
}
.product-card figure .favourite.active svg {
  fill: #ec407a;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-card figure .favourite.disabled {
  pointer-events: none;
  cursor: auto;
}
.product-card figure .favourite.large {
  width: 3rem;
  height: 3rem;
}
.product-card figure .favourite.large svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s ease;
}
.product-card figure .favourite.large:hover svg {
  transition: 0.3s ease;
  width: 2rem;
  height: 2rem;
}
.product-card figure .favourite:not(.large) {
  width: 2rem;
  height: 2rem;
}
.product-card figure .favourite:not(.large) svg {
  width: 1rem;
  height: 1rem;
}
.product-card figure .banner {
  z-index: 10;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--theme-color--brown);
  color: var(--theme-color--white);
  padding: 0.313rem 0.75rem;
  border-radius: 0 5px 0 0;
}
.product-card figure .banner.text-color-normal {
  color: var(--theme-color--black);
}
.product-card .inner {
  padding: 2rem;
  font-size: 0.875rem;
  text-align: center;
  position: relative;
  z-index: 10;
}
.product-card .inner .radio-group {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  position: relative;
}
.product-card .inner .radio-group li {
  display: inline-flex;
}
.product-card h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
  margin-bottom: 0.313rem;
}
.product-card p.description {
  line-height: 1.5;
  overflow: hidden;
  height: 36px;
  color: var(--theme-color--dark);
  font-size: 0.75rem;
}
.product-card p.variants {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1rem;
  color: var(--theme-color--grayscull);
  font-size: 0.75rem;
}
.product-card .color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5rem 0;
}
.product-card .color-picker li button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  transition: 0.3s ease;
  align-items: center;
  justify-content: center;
}
.product-card .color-picker li button .selected {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
}
.product-card .color-picker li button .selected svg {
  width: 0.75rem;
  height: 0.75rem;
}
.product-card .color-picker li button .selected svg:first-child {
  fill: var(--theme-color--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.product-card .color-picker li button .selected svg:first-child + svg {
  fill: var(--theme-color--black);
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 9;
}
.product-card .color-picker li button:hover {
  transform: translateY(-2px);
}
.product-card .color-picker li.colors-additional {
  color: var(--theme-color--grayscull);
}
.product-card .price-container {
  font-family: var(--font-primary--light);
  font-size: 1.125rem;
  margin-top: 1rem;
}
.product-card .price-container .outletPrice {
  color: var(--theme-color--red);
  font-weight: 600;
}
.product-card .price-container .previousPrice {
  font-size: 0.75rem;
  text-decoration: line-through;
}
.product-card .footer-link {
  background-color: var(--theme-color--white);
}
.product-card div.footer-link {
  background-color: transparent;
  border-top: 1px solid var(--theme-color--light);
  padding: 1rem;
  text-align: center;
  font-family: var(--font-secondary--bold);
  letter-spacing: var(--theme-font--spacing);
  color: var(--theme-color--black);
  font-size: 0.875rem;
  text-transform: uppercase;
}
.product-card:hover figure {
  opacity: 1;
}
.product-card__img-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-card-editorial figure {
  border-bottom: none;
  background-size: cover;
}
.product-card-editorial .wrapper {
  background-size: cover;
}
.product-card-editorial .wrapper > a {
  margin: 0;
  padding: 0;
  height: 100%;
}
.product-card-editorial .outer {
  height: 100%;
  max-height: 32.875rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 32.875rem;
}
.product-card-editorial .outer.v-top {
  justify-content: flex-start;
}
.product-card-editorial .outer.v-middle {
  justify-content: center;
}
.product-card-editorial .outer.v-bottom {
  justify-content: flex-end;
}
.product-card-editorial .outer.h-left {
  align-items: flex-start;
  text-align: left;
}
.product-card-editorial .outer.h-left .button-links ul {
  justify-content: flex-start;
}
.product-card-editorial .outer.h-center {
  align-items: center;
  text-align: center;
}
.product-card-editorial .outer.h-center .button-links ul {
  justify-content: center;
}
.product-card-editorial .outer.h-right {
  align-items: flex-end;
  text-align: right;
}
.product-card-editorial .outer.h-right .button-links ul {
  justify-content: flex-end;
}
.product-card-editorial .outer.has-image {
  height: 18.5rem;
}
.product-card-editorial .inner {
  overflow: hidden;
  padding: 0;
  margin: 2rem;
  text-align: inherit;
}
.product-card-editorial .button-links {
  margin-top: 1rem;
}
.product-card-editorial.text-color-invert {
  color: var(--theme-color--white);
}
.product-card-editorial.text-color-invert a,
.product-card-editorial.text-color-invert a:hover {
  color: var(--theme-color--white);
}
.product-card-editorial.text-color-default {
  color: var(--theme-color--black);
}
.product-card-editorial.text-color-default a,
.product-card-editorial.text-color-default a:hover {
  color: var(--theme-color--black);
}
.product-card-editorial h2 {
  white-space: normal;
}
.product-card-editorial h2.text-size-x-1 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-1 {
    font-size: 1.375rem;
  }
}
.product-card-editorial h2.text-size-x-2 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-2 {
    font-size: 1.5rem;
  }
}
.product-card-editorial h2.text-size-x-3 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-3 {
    font-size: 1.75rem;
  }
}
.product-card-editorial h2.text-size-x-4 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-4 {
    font-size: 2rem;
  }
}
.product-card-editorial h2.text-size-x-5 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-5 {
    font-size: 2.5rem;
  }
}
.product-card-editorial h2.text-size-x-6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-6 {
    font-size: 3rem;
  }
}
.product-card-editorial h2.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .product-card-editorial h2.text-size-x-7 {
    font-size: 6rem;
  }
}

.konsumentsiteneditoriallayoutpage .listing-wrapper {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-bottom: 3rem;
}
@media (max-width: 38.688rem) {
  .konsumentsiteneditoriallayoutpage .listing-wrapper {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .konsumentsiteneditoriallayoutpage .listing-wrapper {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .konsumentsiteneditoriallayoutpage .listing-wrapper {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .konsumentsiteneditoriallayoutpage .listing-wrapper {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .konsumentsiteneditoriallayoutpage .listing-wrapper {
    width: 73.125rem;
  }
}
.konsumentsiteneditoriallayoutpage .product-items {
  display: flex;
  flex-wrap: wrap;
}
.konsumentsiteneditoriallayoutpage .product-items > div {
  box-sizing: border-box;
  width: 100%;
}
.konsumentsiteneditoriallayoutpage .product-items > div:first-child ~ div {
  margin-top: 1rem;
}
@media (min-width: 38.75rem) {
  .konsumentsiteneditoriallayoutpage .product-items {
    margin: -1rem;
  }
  .konsumentsiteneditoriallayoutpage .product-items > div {
    padding: 1rem;
    width: 50%;
  }
  .konsumentsiteneditoriallayoutpage .product-items > div:first-child ~ div {
    margin-top: 0;
  }
}
@media (min-width: 62rem) {
  .konsumentsiteneditoriallayoutpage .product-items > div {
    width: 33.333333%;
    padding: 1rem;
  }
}
.konsumentsiteneditoriallayoutpage .product-items .no-hits {
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
  line-height: var(--theme-paragraph--line);
}
@media (min-width: 38.75rem) {
  .konsumentsiteneditoriallayoutpage .product-items .no-hits {
    width: 75%;
  }
}
@media (min-width: 62rem) {
  .konsumentsiteneditoriallayoutpage .product-items .no-hits {
    width: 66.666666%;
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/video-block/video-block.scss ***!
  \*********************************************************************************************************************************************/
.video-block.margin-bottom-s {
  margin-bottom: 1rem;
}
.video-block.margin-bottom-m {
  margin-bottom: 2rem;
}
.video-block.margin-bottom-l {
  margin-bottom: 3rem;
}
.video-block.margin-top-s {
  margin-top: 1rem;
}
.video-block.margin-top-m {
  margin-top: 2rem;
}
.video-block.margin-top-l {
  margin-top: 3rem;
}
.video-block .container {
  overflow: hidden;
  height: inherit;
}
.video-block .container.width-contain {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .video-block .container.width-contain {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .video-block .container.width-contain {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .video-block .container.width-contain {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container.width-contain {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container.width-contain {
    width: 73.125rem;
  }
}
.video-block .container .inner {
  flex-direction: column;
  display: flex;
  height: inherit;
}
.video-block .container .inner.full-width {
  width: 100% !important;
}
.video-block .container .inner.width-half .left,
.video-block .container .inner.width-half .right {
  flex: 1;
}
.video-block .container .inner.width-third-1-2 .left {
  flex: 1;
}
.video-block .container .inner.width-third-1-2 .right {
  flex: 2;
}
.video-block .container .inner.width-third-2-1 .left {
  flex: 2;
}
.video-block .container .inner.width-third-2-1 .right {
  flex: 1;
}
.video-block .container .inner .background-video {
  width: 100%;
}
.video-block .container .inner .background-video video {
  width: 100%;
  display: block;
}
.video-block .container .inner.v-top {
  justify-content: flex-start;
}
.video-block .container .inner.v-middle {
  justify-content: center;
}
.video-block .container .inner.v-bottom {
  justify-content: flex-end;
}
.video-block .container .inner.h-left {
  align-items: flex-start;
  text-align: left;
}
.video-block .container .inner.h-center {
  align-items: center;
  text-align: center;
}
.video-block .container .inner.h-right {
  align-items: flex-end;
  text-align: right;
}
.video-block .container .inner .content {
  display: flex;
  flex-direction: column;
  position: absolute;
}
.video-block .container .inner .content .content-inner {
  margin: 2rem;
  height: inherit;
  box-sizing: border-box;
}
.video-block .container .inner .content .content-inner .content-text.content-full {
  width: 100%;
}
@media (min-width: 38.75rem) {
  .video-block .container .inner .content .content-inner .content-text.content-full {
    max-width: 100%;
    width: auto;
  }
}
@media (min-width: 48rem) {
  .video-block .container .inner .content .content-inner .content-text.content-quarter {
    max-width: 25%;
  }
}
@media (min-width: 48rem) {
  .video-block .container .inner .content .content-inner .content-text.content-half {
    max-width: 50%;
  }
}
@media (min-width: 48rem) {
  .video-block .container .inner .content .content-inner .content-text.content-two-thirds {
    max-width: 66.666666%;
  }
}
.video-block .container .inner .content .content-inner .button-links svg {
  fill: var(--theme-color--black);
}
.video-block .container .inner .content .content-inner .button-links span {
  color: var(--theme-color--black);
}
.video-block .container .inner .content.text-color-invert h1,
.video-block .container .inner .content.text-color-invert h2,
.video-block .container .inner .content.text-color-invert h3,
.video-block .container .inner .content.text-color-invert h4,
.video-block .container .inner .content.text-color-invert h5,
.video-block .container .inner .content.text-color-invert h6,
.video-block .container .inner .content.text-color-invert p {
  color: var(--theme-color--white);
}
.video-block .container .inner h1,
.video-block .container .inner h2 {
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.625rem;
}
.video-block .container .inner h3,
.video-block .container .inner h4,
.video-block .container .inner h5,
.video-block .container .inner h6 {
  font-family: var(--font-primary--bold);
  margin-bottom: 0.625rem;
}
.video-block .container .inner .preamble {
  line-height: var(--theme-heading--line);
  margin-bottom: 2rem;
  font-family: var(--font-primary--light);
}
.video-block .container .inner p.text-size-x-1 {
  font-size: 0.75rem;
}
.video-block .container .inner p.text-size-x-2 {
  font-size: 0.875rem;
}
.video-block .container .inner p.text-size-x-3 {
  font-size: 1rem;
}
.video-block .container .inner p.text-size-x-4 {
  font-size: 1.125rem;
}
.video-block .container .inner p.text-size-x-5 {
  font-size: 1.25rem;
}
.video-block .container .inner p.text-size-x-6 {
  font-size: 1.375rem;
}
.video-block .container .inner p.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner p.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner p.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner p.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner p.text-size-x-7 {
    font-size: 6rem;
  }
}
.video-block .container .inner h1.text-size-x-1,
.video-block .container .inner h2.text-size-x-1,
.video-block .container .inner h3.text-size-x-1,
.video-block .container .inner h4.text-size-x-1,
.video-block .container .inner h5.text-size-x-1,
.video-block .container .inner h6.text-size-x-1 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-1,
.video-block .container .inner h2.text-size-x-1,
.video-block .container .inner h3.text-size-x-1,
.video-block .container .inner h4.text-size-x-1,
.video-block .container .inner h5.text-size-x-1,
.video-block .container .inner h6.text-size-x-1 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-1,
.video-block .container .inner h2.text-size-x-1,
.video-block .container .inner h3.text-size-x-1,
.video-block .container .inner h4.text-size-x-1,
.video-block .container .inner h5.text-size-x-1,
.video-block .container .inner h6.text-size-x-1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-1,
.video-block .container .inner h2.text-size-x-1,
.video-block .container .inner h3.text-size-x-1,
.video-block .container .inner h4.text-size-x-1,
.video-block .container .inner h5.text-size-x-1,
.video-block .container .inner h6.text-size-x-1 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-1,
.video-block .container .inner h2.text-size-x-1,
.video-block .container .inner h3.text-size-x-1,
.video-block .container .inner h4.text-size-x-1,
.video-block .container .inner h5.text-size-x-1,
.video-block .container .inner h6.text-size-x-1 {
    font-size: 1.375rem;
  }
}
.video-block .container .inner h1.text-size-x-2,
.video-block .container .inner h2.text-size-x-2,
.video-block .container .inner h3.text-size-x-2,
.video-block .container .inner h4.text-size-x-2,
.video-block .container .inner h5.text-size-x-2,
.video-block .container .inner h6.text-size-x-2 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-2,
.video-block .container .inner h2.text-size-x-2,
.video-block .container .inner h3.text-size-x-2,
.video-block .container .inner h4.text-size-x-2,
.video-block .container .inner h5.text-size-x-2,
.video-block .container .inner h6.text-size-x-2 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-2,
.video-block .container .inner h2.text-size-x-2,
.video-block .container .inner h3.text-size-x-2,
.video-block .container .inner h4.text-size-x-2,
.video-block .container .inner h5.text-size-x-2,
.video-block .container .inner h6.text-size-x-2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-2,
.video-block .container .inner h2.text-size-x-2,
.video-block .container .inner h3.text-size-x-2,
.video-block .container .inner h4.text-size-x-2,
.video-block .container .inner h5.text-size-x-2,
.video-block .container .inner h6.text-size-x-2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-2,
.video-block .container .inner h2.text-size-x-2,
.video-block .container .inner h3.text-size-x-2,
.video-block .container .inner h4.text-size-x-2,
.video-block .container .inner h5.text-size-x-2,
.video-block .container .inner h6.text-size-x-2 {
    font-size: 1.5rem;
  }
}
.video-block .container .inner h1.text-size-x-3,
.video-block .container .inner h2.text-size-x-3,
.video-block .container .inner h3.text-size-x-3,
.video-block .container .inner h4.text-size-x-3,
.video-block .container .inner h5.text-size-x-3,
.video-block .container .inner h6.text-size-x-3 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-3,
.video-block .container .inner h2.text-size-x-3,
.video-block .container .inner h3.text-size-x-3,
.video-block .container .inner h4.text-size-x-3,
.video-block .container .inner h5.text-size-x-3,
.video-block .container .inner h6.text-size-x-3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-3,
.video-block .container .inner h2.text-size-x-3,
.video-block .container .inner h3.text-size-x-3,
.video-block .container .inner h4.text-size-x-3,
.video-block .container .inner h5.text-size-x-3,
.video-block .container .inner h6.text-size-x-3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-3,
.video-block .container .inner h2.text-size-x-3,
.video-block .container .inner h3.text-size-x-3,
.video-block .container .inner h4.text-size-x-3,
.video-block .container .inner h5.text-size-x-3,
.video-block .container .inner h6.text-size-x-3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-3,
.video-block .container .inner h2.text-size-x-3,
.video-block .container .inner h3.text-size-x-3,
.video-block .container .inner h4.text-size-x-3,
.video-block .container .inner h5.text-size-x-3,
.video-block .container .inner h6.text-size-x-3 {
    font-size: 1.75rem;
  }
}
.video-block .container .inner h1.text-size-x-4,
.video-block .container .inner h2.text-size-x-4,
.video-block .container .inner h3.text-size-x-4,
.video-block .container .inner h4.text-size-x-4,
.video-block .container .inner h5.text-size-x-4,
.video-block .container .inner h6.text-size-x-4 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-4,
.video-block .container .inner h2.text-size-x-4,
.video-block .container .inner h3.text-size-x-4,
.video-block .container .inner h4.text-size-x-4,
.video-block .container .inner h5.text-size-x-4,
.video-block .container .inner h6.text-size-x-4 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-4,
.video-block .container .inner h2.text-size-x-4,
.video-block .container .inner h3.text-size-x-4,
.video-block .container .inner h4.text-size-x-4,
.video-block .container .inner h5.text-size-x-4,
.video-block .container .inner h6.text-size-x-4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-4,
.video-block .container .inner h2.text-size-x-4,
.video-block .container .inner h3.text-size-x-4,
.video-block .container .inner h4.text-size-x-4,
.video-block .container .inner h5.text-size-x-4,
.video-block .container .inner h6.text-size-x-4 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-4,
.video-block .container .inner h2.text-size-x-4,
.video-block .container .inner h3.text-size-x-4,
.video-block .container .inner h4.text-size-x-4,
.video-block .container .inner h5.text-size-x-4,
.video-block .container .inner h6.text-size-x-4 {
    font-size: 2rem;
  }
}
.video-block .container .inner h1.text-size-x-5,
.video-block .container .inner h2.text-size-x-5,
.video-block .container .inner h3.text-size-x-5,
.video-block .container .inner h4.text-size-x-5,
.video-block .container .inner h5.text-size-x-5,
.video-block .container .inner h6.text-size-x-5 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-5,
.video-block .container .inner h2.text-size-x-5,
.video-block .container .inner h3.text-size-x-5,
.video-block .container .inner h4.text-size-x-5,
.video-block .container .inner h5.text-size-x-5,
.video-block .container .inner h6.text-size-x-5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-5,
.video-block .container .inner h2.text-size-x-5,
.video-block .container .inner h3.text-size-x-5,
.video-block .container .inner h4.text-size-x-5,
.video-block .container .inner h5.text-size-x-5,
.video-block .container .inner h6.text-size-x-5 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-5,
.video-block .container .inner h2.text-size-x-5,
.video-block .container .inner h3.text-size-x-5,
.video-block .container .inner h4.text-size-x-5,
.video-block .container .inner h5.text-size-x-5,
.video-block .container .inner h6.text-size-x-5 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-5,
.video-block .container .inner h2.text-size-x-5,
.video-block .container .inner h3.text-size-x-5,
.video-block .container .inner h4.text-size-x-5,
.video-block .container .inner h5.text-size-x-5,
.video-block .container .inner h6.text-size-x-5 {
    font-size: 2.5rem;
  }
}
.video-block .container .inner h1.text-size-x-6,
.video-block .container .inner h2.text-size-x-6,
.video-block .container .inner h3.text-size-x-6,
.video-block .container .inner h4.text-size-x-6,
.video-block .container .inner h5.text-size-x-6,
.video-block .container .inner h6.text-size-x-6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-6,
.video-block .container .inner h2.text-size-x-6,
.video-block .container .inner h3.text-size-x-6,
.video-block .container .inner h4.text-size-x-6,
.video-block .container .inner h5.text-size-x-6,
.video-block .container .inner h6.text-size-x-6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-6,
.video-block .container .inner h2.text-size-x-6,
.video-block .container .inner h3.text-size-x-6,
.video-block .container .inner h4.text-size-x-6,
.video-block .container .inner h5.text-size-x-6,
.video-block .container .inner h6.text-size-x-6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-6,
.video-block .container .inner h2.text-size-x-6,
.video-block .container .inner h3.text-size-x-6,
.video-block .container .inner h4.text-size-x-6,
.video-block .container .inner h5.text-size-x-6,
.video-block .container .inner h6.text-size-x-6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-6,
.video-block .container .inner h2.text-size-x-6,
.video-block .container .inner h3.text-size-x-6,
.video-block .container .inner h4.text-size-x-6,
.video-block .container .inner h5.text-size-x-6,
.video-block .container .inner h6.text-size-x-6 {
    font-size: 3rem;
  }
}
.video-block .container .inner h1.text-size-x-7,
.video-block .container .inner h2.text-size-x-7,
.video-block .container .inner h3.text-size-x-7,
.video-block .container .inner h4.text-size-x-7,
.video-block .container .inner h5.text-size-x-7,
.video-block .container .inner h6.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  .video-block .container .inner h1.text-size-x-7,
.video-block .container .inner h2.text-size-x-7,
.video-block .container .inner h3.text-size-x-7,
.video-block .container .inner h4.text-size-x-7,
.video-block .container .inner h5.text-size-x-7,
.video-block .container .inner h6.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  .video-block .container .inner h1.text-size-x-7,
.video-block .container .inner h2.text-size-x-7,
.video-block .container .inner h3.text-size-x-7,
.video-block .container .inner h4.text-size-x-7,
.video-block .container .inner h5.text-size-x-7,
.video-block .container .inner h6.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  .video-block .container .inner h1.text-size-x-7,
.video-block .container .inner h2.text-size-x-7,
.video-block .container .inner h3.text-size-x-7,
.video-block .container .inner h4.text-size-x-7,
.video-block .container .inner h5.text-size-x-7,
.video-block .container .inner h6.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  .video-block .container .inner h1.text-size-x-7,
.video-block .container .inner h2.text-size-x-7,
.video-block .container .inner h3.text-size-x-7,
.video-block .container .inner h4.text-size-x-7,
.video-block .container .inner h5.text-size-x-7,
.video-block .container .inner h6.text-size-x-7 {
    font-size: 6rem;
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/blocks/sub-block-listing/sub-block-listing.scss ***!
  \*********************************************************************************************************************************************************/
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
[data-component=sub-block-listing] .grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  list-style: none;
  padding: 0;
  margin-bottom: 3rem;
}
[data-component=sub-block-listing] .grid-item {
  border: none;
  list-style: none;
}
[data-component=sub-block-listing] .grid-item h4 {
  font-family: var(--font-primary--medium);
}
[data-component=sub-block-listing].margin-bottom-s {
  margin-bottom: 1rem;
}
[data-component=sub-block-listing].margin-bottom-m {
  margin-bottom: 2rem;
}
[data-component=sub-block-listing].margin-bottom-l {
  margin-bottom: 3rem;
}
[data-component=sub-block-listing].margin-top-s {
  margin-top: 1rem;
}
[data-component=sub-block-listing].margin-top-m {
  margin-top: 2rem;
}
[data-component=sub-block-listing].margin-top-l {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  [data-component=sub-block-listing] .grid-container {
    grid-template-columns: 1fr;
  }
}
[data-component=sub-block-listing] .content-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-component=sub-block-listing] .content-half {
  flex: 0 0 50%;
}
[data-component=sub-block-listing] .block.right {
  flex: 0 0 50%;
}
[data-component=sub-block-listing] .align-left {
  text-align: left;
  margin-left: 0 !important;
  padding-left: 0 !important;
  justify-content: left !important;
}
@media only screen and (max-width: 767px) {
  [data-component=sub-block-listing] .content-inner .content-text {
    width: inherit;
  }
  [data-component=sub-block-listing] .content-inner .block {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  [data-component=sub-block-listing] .content-inner .content-text.has-image {
    width: 100%;
  }
}
[data-component=sub-block-listing] h1,
[data-component=sub-block-listing] h2,
[data-component=sub-block-listing] h3,
[data-component=sub-block-listing] h4,
[data-component=sub-block-listing] h5,
[data-component=sub-block-listing] h6 {
  font-family: var(--font-secondary--medium);
  margin-bottom: 0.625rem;
}
[data-component=sub-block-listing] .preamble {
  line-height: var(--theme-heading--line);
  margin-bottom: 0.7rem;
  font-size: 18px;
  font-family: var(--font-primary--light);
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] .preamble {
    margin-bottom: 2rem;
  }
}
[data-component=sub-block-listing] .inner p.text-size-x-1 {
  font-size: 0.75rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-2 {
  font-size: 0.875rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-3 {
  font-size: 1rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-4 {
  font-size: 1.125rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-5 {
  font-size: 1.25rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-6 {
  font-size: 1.375rem;
}
[data-component=sub-block-listing] .inner p.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] .inner p.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] .inner p.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] .inner p.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] .inner p.text-size-x-7 {
    font-size: 6rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-1,
[data-component=sub-block-listing] h2.text-size-x-1,
[data-component=sub-block-listing] h3.text-size-x-1,
[data-component=sub-block-listing] h4.text-size-x-1,
[data-component=sub-block-listing] h5.text-size-x-1,
[data-component=sub-block-listing] h6.text-size-x-1 {
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-1,
[data-component=sub-block-listing] h2.text-size-x-1,
[data-component=sub-block-listing] h3.text-size-x-1,
[data-component=sub-block-listing] h4.text-size-x-1,
[data-component=sub-block-listing] h5.text-size-x-1,
[data-component=sub-block-listing] h6.text-size-x-1 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-1,
[data-component=sub-block-listing] h2.text-size-x-1,
[data-component=sub-block-listing] h3.text-size-x-1,
[data-component=sub-block-listing] h4.text-size-x-1,
[data-component=sub-block-listing] h5.text-size-x-1,
[data-component=sub-block-listing] h6.text-size-x-1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-1,
[data-component=sub-block-listing] h2.text-size-x-1,
[data-component=sub-block-listing] h3.text-size-x-1,
[data-component=sub-block-listing] h4.text-size-x-1,
[data-component=sub-block-listing] h5.text-size-x-1,
[data-component=sub-block-listing] h6.text-size-x-1 {
    font-size: 1.25rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-1,
[data-component=sub-block-listing] h2.text-size-x-1,
[data-component=sub-block-listing] h3.text-size-x-1,
[data-component=sub-block-listing] h4.text-size-x-1,
[data-component=sub-block-listing] h5.text-size-x-1,
[data-component=sub-block-listing] h6.text-size-x-1 {
    font-size: 1.375rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-2,
[data-component=sub-block-listing] h2.text-size-x-2,
[data-component=sub-block-listing] h3.text-size-x-2,
[data-component=sub-block-listing] h4.text-size-x-2,
[data-component=sub-block-listing] h5.text-size-x-2,
[data-component=sub-block-listing] h6.text-size-x-2 {
  font-size: 1rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-2,
[data-component=sub-block-listing] h2.text-size-x-2,
[data-component=sub-block-listing] h3.text-size-x-2,
[data-component=sub-block-listing] h4.text-size-x-2,
[data-component=sub-block-listing] h5.text-size-x-2,
[data-component=sub-block-listing] h6.text-size-x-2 {
    font-size: 1.125rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-2,
[data-component=sub-block-listing] h2.text-size-x-2,
[data-component=sub-block-listing] h3.text-size-x-2,
[data-component=sub-block-listing] h4.text-size-x-2,
[data-component=sub-block-listing] h5.text-size-x-2,
[data-component=sub-block-listing] h6.text-size-x-2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-2,
[data-component=sub-block-listing] h2.text-size-x-2,
[data-component=sub-block-listing] h3.text-size-x-2,
[data-component=sub-block-listing] h4.text-size-x-2,
[data-component=sub-block-listing] h5.text-size-x-2,
[data-component=sub-block-listing] h6.text-size-x-2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-2,
[data-component=sub-block-listing] h2.text-size-x-2,
[data-component=sub-block-listing] h3.text-size-x-2,
[data-component=sub-block-listing] h4.text-size-x-2,
[data-component=sub-block-listing] h5.text-size-x-2,
[data-component=sub-block-listing] h6.text-size-x-2 {
    font-size: 1.5rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-3,
[data-component=sub-block-listing] h2.text-size-x-3,
[data-component=sub-block-listing] h3.text-size-x-3,
[data-component=sub-block-listing] h4.text-size-x-3,
[data-component=sub-block-listing] h5.text-size-x-3,
[data-component=sub-block-listing] h6.text-size-x-3 {
  font-size: 1.25rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-3,
[data-component=sub-block-listing] h2.text-size-x-3,
[data-component=sub-block-listing] h3.text-size-x-3,
[data-component=sub-block-listing] h4.text-size-x-3,
[data-component=sub-block-listing] h5.text-size-x-3,
[data-component=sub-block-listing] h6.text-size-x-3 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-3,
[data-component=sub-block-listing] h2.text-size-x-3,
[data-component=sub-block-listing] h3.text-size-x-3,
[data-component=sub-block-listing] h4.text-size-x-3,
[data-component=sub-block-listing] h5.text-size-x-3,
[data-component=sub-block-listing] h6.text-size-x-3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-3,
[data-component=sub-block-listing] h2.text-size-x-3,
[data-component=sub-block-listing] h3.text-size-x-3,
[data-component=sub-block-listing] h4.text-size-x-3,
[data-component=sub-block-listing] h5.text-size-x-3,
[data-component=sub-block-listing] h6.text-size-x-3 {
    font-size: 1.625rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-3,
[data-component=sub-block-listing] h2.text-size-x-3,
[data-component=sub-block-listing] h3.text-size-x-3,
[data-component=sub-block-listing] h4.text-size-x-3,
[data-component=sub-block-listing] h5.text-size-x-3,
[data-component=sub-block-listing] h6.text-size-x-3 {
    font-size: 1.75rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-4,
[data-component=sub-block-listing] h2.text-size-x-4,
[data-component=sub-block-listing] h3.text-size-x-4,
[data-component=sub-block-listing] h4.text-size-x-4,
[data-component=sub-block-listing] h5.text-size-x-4,
[data-component=sub-block-listing] h6.text-size-x-4 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-4,
[data-component=sub-block-listing] h2.text-size-x-4,
[data-component=sub-block-listing] h3.text-size-x-4,
[data-component=sub-block-listing] h4.text-size-x-4,
[data-component=sub-block-listing] h5.text-size-x-4,
[data-component=sub-block-listing] h6.text-size-x-4 {
    font-size: 1.625rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-4,
[data-component=sub-block-listing] h2.text-size-x-4,
[data-component=sub-block-listing] h3.text-size-x-4,
[data-component=sub-block-listing] h4.text-size-x-4,
[data-component=sub-block-listing] h5.text-size-x-4,
[data-component=sub-block-listing] h6.text-size-x-4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-4,
[data-component=sub-block-listing] h2.text-size-x-4,
[data-component=sub-block-listing] h3.text-size-x-4,
[data-component=sub-block-listing] h4.text-size-x-4,
[data-component=sub-block-listing] h5.text-size-x-4,
[data-component=sub-block-listing] h6.text-size-x-4 {
    font-size: 1.875rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-4,
[data-component=sub-block-listing] h2.text-size-x-4,
[data-component=sub-block-listing] h3.text-size-x-4,
[data-component=sub-block-listing] h4.text-size-x-4,
[data-component=sub-block-listing] h5.text-size-x-4,
[data-component=sub-block-listing] h6.text-size-x-4 {
    font-size: 2rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-5,
[data-component=sub-block-listing] h2.text-size-x-5,
[data-component=sub-block-listing] h3.text-size-x-5,
[data-component=sub-block-listing] h4.text-size-x-5,
[data-component=sub-block-listing] h5.text-size-x-5,
[data-component=sub-block-listing] h6.text-size-x-5 {
  font-size: 1.5rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-5,
[data-component=sub-block-listing] h2.text-size-x-5,
[data-component=sub-block-listing] h3.text-size-x-5,
[data-component=sub-block-listing] h4.text-size-x-5,
[data-component=sub-block-listing] h5.text-size-x-5,
[data-component=sub-block-listing] h6.text-size-x-5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-5,
[data-component=sub-block-listing] h2.text-size-x-5,
[data-component=sub-block-listing] h3.text-size-x-5,
[data-component=sub-block-listing] h4.text-size-x-5,
[data-component=sub-block-listing] h5.text-size-x-5,
[data-component=sub-block-listing] h6.text-size-x-5 {
    font-size: 2rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-5,
[data-component=sub-block-listing] h2.text-size-x-5,
[data-component=sub-block-listing] h3.text-size-x-5,
[data-component=sub-block-listing] h4.text-size-x-5,
[data-component=sub-block-listing] h5.text-size-x-5,
[data-component=sub-block-listing] h6.text-size-x-5 {
    font-size: 2.25rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-5,
[data-component=sub-block-listing] h2.text-size-x-5,
[data-component=sub-block-listing] h3.text-size-x-5,
[data-component=sub-block-listing] h4.text-size-x-5,
[data-component=sub-block-listing] h5.text-size-x-5,
[data-component=sub-block-listing] h6.text-size-x-5 {
    font-size: 2.5rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-6,
[data-component=sub-block-listing] h2.text-size-x-6,
[data-component=sub-block-listing] h3.text-size-x-6,
[data-component=sub-block-listing] h4.text-size-x-6,
[data-component=sub-block-listing] h5.text-size-x-6,
[data-component=sub-block-listing] h6.text-size-x-6 {
  font-size: 2rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-6,
[data-component=sub-block-listing] h2.text-size-x-6,
[data-component=sub-block-listing] h3.text-size-x-6,
[data-component=sub-block-listing] h4.text-size-x-6,
[data-component=sub-block-listing] h5.text-size-x-6,
[data-component=sub-block-listing] h6.text-size-x-6 {
    font-size: 2.25rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-6,
[data-component=sub-block-listing] h2.text-size-x-6,
[data-component=sub-block-listing] h3.text-size-x-6,
[data-component=sub-block-listing] h4.text-size-x-6,
[data-component=sub-block-listing] h5.text-size-x-6,
[data-component=sub-block-listing] h6.text-size-x-6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-6,
[data-component=sub-block-listing] h2.text-size-x-6,
[data-component=sub-block-listing] h3.text-size-x-6,
[data-component=sub-block-listing] h4.text-size-x-6,
[data-component=sub-block-listing] h5.text-size-x-6,
[data-component=sub-block-listing] h6.text-size-x-6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-6,
[data-component=sub-block-listing] h2.text-size-x-6,
[data-component=sub-block-listing] h3.text-size-x-6,
[data-component=sub-block-listing] h4.text-size-x-6,
[data-component=sub-block-listing] h5.text-size-x-6,
[data-component=sub-block-listing] h6.text-size-x-6 {
    font-size: 3rem;
  }
}
[data-component=sub-block-listing] h1.text-size-x-7,
[data-component=sub-block-listing] h2.text-size-x-7,
[data-component=sub-block-listing] h3.text-size-x-7,
[data-component=sub-block-listing] h4.text-size-x-7,
[data-component=sub-block-listing] h5.text-size-x-7,
[data-component=sub-block-listing] h6.text-size-x-7 {
  font-size: 4rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] h1.text-size-x-7,
[data-component=sub-block-listing] h2.text-size-x-7,
[data-component=sub-block-listing] h3.text-size-x-7,
[data-component=sub-block-listing] h4.text-size-x-7,
[data-component=sub-block-listing] h5.text-size-x-7,
[data-component=sub-block-listing] h6.text-size-x-7 {
    font-size: 4rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] h1.text-size-x-7,
[data-component=sub-block-listing] h2.text-size-x-7,
[data-component=sub-block-listing] h3.text-size-x-7,
[data-component=sub-block-listing] h4.text-size-x-7,
[data-component=sub-block-listing] h5.text-size-x-7,
[data-component=sub-block-listing] h6.text-size-x-7 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] h1.text-size-x-7,
[data-component=sub-block-listing] h2.text-size-x-7,
[data-component=sub-block-listing] h3.text-size-x-7,
[data-component=sub-block-listing] h4.text-size-x-7,
[data-component=sub-block-listing] h5.text-size-x-7,
[data-component=sub-block-listing] h6.text-size-x-7 {
    font-size: 6rem;
  }
}
@media (min-width: 118.75rem) {
  [data-component=sub-block-listing] h1.text-size-x-7,
[data-component=sub-block-listing] h2.text-size-x-7,
[data-component=sub-block-listing] h3.text-size-x-7,
[data-component=sub-block-listing] h4.text-size-x-7,
[data-component=sub-block-listing] h5.text-size-x-7,
[data-component=sub-block-listing] h6.text-size-x-7 {
    font-size: 6rem;
  }
}
[data-component=sub-block-listing] header {
  margin-bottom: 2rem;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] header {
    text-align: center;
  }
}
[data-component=sub-block-listing] header p {
  margin: 0 auto;
  max-width: 600px;
  font-family: var(--font-primary--light);
  font-size: var(--text-size--preamble);
  line-height: var(--theme-heading--line);
}
[data-component=sub-block-listing] .filter {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  margin-bottom: 2rem;
  overflow-x: auto;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] .filter {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
[data-component=sub-block-listing] .filter ul li {
  display: flex;
}
[data-component=sub-block-listing] .filter ul li:first-child ~ li {
  margin-left: 0.625rem;
}
[data-component=sub-block-listing] .columns__wrapper {
  list-style: none;
  padding: 0;
  margin: -1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] .columns__wrapper.col-two .columns__col {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing] .columns__wrapper.col-four .columns__col {
    width: 50%;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing] .columns__wrapper.col-four .columns__col {
    width: 33.333333%;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing] .columns__wrapper.col-four .columns__col {
    width: 25%;
  }
}
[data-component=sub-block-listing] .columns__col {
  padding: 1rem;
  box-sizing: border-box;
}
[data-component=sub-block-listing] .columns__col figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
[data-component=sub-block-listing] .columns__col img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
[data-component=sub-block-listing] .columns__col a {
  color: inherit;
  text-decoration: none;
}
[data-component=sub-block-listing] .columns__col:first-child ~ .columns__col {
  margin-top: 1rem;
}
@media (min-width: 38.75rem) {
  [data-component=sub-block-listing] .columns__col:first-child ~ .columns__col {
    margin-top: 0;
  }
}
[data-component=sub-block-listing].container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  [data-component=sub-block-listing].container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  [data-component=sub-block-listing].container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  [data-component=sub-block-listing].container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  [data-component=sub-block-listing].container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  [data-component=sub-block-listing].container {
    width: 73.125rem;
  }
}
/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Site/main.scss ***!
  \*******************************************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ol,
ul,
li {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --text-size--preamble: 1rem;
  --theme-font--spacing: 0.05rem;
  --animation-color--start: #c4c4c4;
  --theme-color--body: #f0f0f0;
  --theme-color--text: #585858;
  --theme-color--black: #000;
  --theme-color--white: #fff;
  --theme-color--black: #212121;
  --theme-color--dark: #191919;
  --theme-color--darkgray: #b0b1b1;
  --theme-color--darkish: #444;
  --theme-color--light: #e7e7e7;
  --theme-color--blue: #d3edee;
  --theme-color--gray: #f5f5f5;
  --theme-color--grayish: #d4d4d4;
  --theme-color--grayer: #e4e4e4;
  --theme-color--grayest: #afafaf;
  --theme-color--grayscull: #7b7b7b;
  --theme-color--urban-smoke: #6b6b6b;
  --theme-color--bg-gray: #fafafa;
  --theme-color--border-gray: #dedede;
  --theme-color--brown: #aba699;
  --theme-color--primary: #eed8ca;
  --theme-color--secondary: #f0b278;
  --theme-color--tertiary: #607575;
  --theme-color--marblegreen: #304f40;
  --theme-color--red: #f00;
  --theme-color--heart: #d81b60;
  --theme-color--error-red: #c30646;
  --theme-color--tablerow: #fbf7f3;
  --theme-color--menuhover: #f7ece5;
  --theme-border--radius: 0.188rem;
  --theme-paragraph--line: 1.5;
  --theme-paragraph--size: 0.875rem;
  --theme-label--size: 0.875rem;
  --theme-heading--line: 1.375;
  --theme-boxshadow--large: 5px 0px 20px rgba(0, 0, 0, 0.15);
  --theme-margin-xxs: 0.344rem;
  --theme-margin-xs: 0.688rem;
  --theme-margin-sm: 1rem;
  --theme-margin-md: 1.25rem;
  --theme-margin-lg: 1.5rem;
  --theme-margin-xl: 2rem;
  --theme-gutter--fluid: 1rem;
  --header-navbottom--height: 8rem;
  --header-navtop--height: 3.75rem;
  --header-alt-navtop--height: 3.75rem;
  --header-height: calc(
    var(--header-navtop--height) + var(--header-navbottom--height)
  );
  --header-alt-height: calc(
    var(--header-alt-navtop--height) + var(--header-alt-navtop--height)
  );
  --footer-height: 10rem;
}
:root .theme-old {
  --font-primary--light: "DINPro Light", serif;
  --font-primary--medium: "DINPro Medium", serif;
  --font-primary--bold: "DINPro Bold", serif;
}
:root .theme-default {
  --font-primary--light: "Sohne Buch", serif;
  --font-primary--medium: "Sohne Buch", serif;
  --font-primary--bold: "Sohne Kraftig", serif;
  --font-secondary--medium: "NB Architekt Pro R Regular", serif;
  --font-secondary--bold: "NB Architekt Pro R Bold", serif;
}
:root .theme-alt {
  --font-primary--light: "Helvetica Neue Light", serif;
  --font-primary--medium: "Helvetica Neue Medium", serif;
  --font-primary--bold: "Helvetica Neue Bold", serif;
  --font-secondary--medium: "Helvetica Neue Medium", serif;
  --font-secondary--bold: "Helvetica Neue Bold", serif;
}
:root .theme-macro-portal {
  --font-primary--light: "Futura PT Light", serif;
  --font-primary--medium: "Futura PT", serif;
  --font-primary--bold: "Futura PT Bold", serif;
  --font-secondary--medium: "Futura PT", serif;
  --font-secondary--bold: "Futura PT Bold", serif;
  --theme-color--primary: #c5dbe4;
  --theme-color--tablerow: #e2edf1;
  --theme-color--menuhover: #e2edf1;
}

@font-face {
  font-family: "DINPro Light";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro Light"), url(/Resources/Shared/static/fonts/din-pro/DINPro-Light.ttf) format("truetype");
}
@font-face {
  font-family: "DINPro Medium";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro Medium"), url(/Resources/Shared/static/fonts/din-pro/DINPro-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "DINPro Bold";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro Bold"), url(/Resources/Shared/static/fonts/din-pro/DINPro-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Light";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro Black"), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Lt.woff), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Lt.woff2), format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Medium";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro Black"), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Md.woff), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Md.woff2) format("truetype");
  descent-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue Bold";
  font-style: normal;
  font-weight: bold;
  src: local("DINPro Black"), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Md.woff), url(/Resources/Shared/static/fonts/helvetica-neue/HelveticaNeueLTStd-Md.woff2), format("truetype");
  descent-override: 0%;
}
/*** Nya fonter 2021 ***/
@font-face {
  font-family: "Sohne Buch";
  font-style: normal;
  font-weight: normal;
  src: local("Sohne Buch"), url(/Resources/Shared/static/fonts/sohne/soehne-web-buch.woff), url(/Resources/Shared/static/fonts/sohne/soehne-web-buch.woff2) format("truetype");
}
@font-face {
  font-family: "Sohne Kraftig";
  font-style: normal;
  font-weight: normal;
  src: local("Sohne Kraftig"), url(/Resources/Shared/static/fonts/sohne/soehne-web-kraftig.woff), url(/Resources/Shared/static/fonts/sohne/soehne-web-kraftig.woff2) format("truetype");
}
@font-face {
  font-family: "NB Architekt Pro R Regular";
  font-style: normal;
  font-weight: normal;
  src: local("NB Architekt Pro R Regular"), url(/Resources/Shared/static/fonts/nb-architekt-pro-r/nb_architekt_r_regular-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "NB Architekt Pro R Medium";
  font-style: normal;
  font-weight: normal;
  src: local("NB Architekt Pro R Bold"), url(/Resources/Shared/static/fonts/nb-architekt-pro-r/nb_architekt_r_bold-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "NB Architekt Pro R Bold";
  font-style: normal;
  font-weight: bold;
  src: local("NB Architekt Pro R Bold"), url(/Resources/Shared/static/fonts/nb-architekt-pro-r/nb_architekt_r_bold-webfont.ttf) format("truetype");
}
.search-pagination {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin: 2rem 0 0 0;
  padding: 0;
  list-style: none;
}
.search-pagination li {
  display: flex;
  width: auto;
  border: none;
  padding: 0;
  margin: auto 0.2rem;
  line-height: 1;
}
.search-pagination li:first-child {
  margin-left: 0;
}
.search-pagination li:last-child {
  margin-right: 0;
}
.search-pagination li span,
.search-pagination li a {
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--theme-color--grayer);
  border-radius: 5px;
  line-height: 1;
  color: var(--theme-color--black);
}
.search-pagination li span {
  border-color: transparent;
}
.search-pagination li span.current {
  border: 2px solid var(--theme-color--grayest);
  color: var(--theme-color--grayscull);
  font-weight: bold;
}
.search-pagination li a {
  font-family: var(--font-primary--medium);
  border-color: var(--theme-color--grayer);
}
.search-pagination li a:hover {
  background: var(--theme-color--grayer);
}
@media (min-width: 48rem) {
  .search-pagination {
    font-size: 0.875rem;
  }
  .search-pagination li span,
.search-pagination li a {
    padding: 0.65rem 0.75rem;
  }
}

.tabs {
  overflow-x: hidden;
}
.tabs .tabs__nav__tab {
  background-color: transparent;
  border: none;
  padding: 0.75rem 0;
  font-family: var(--font-primary--medium);
  position: relative;
  font-size: 0.75rem;
  margin-right: 1rem;
}
@media (min-width: 48rem) {
  .tabs .tabs__nav__tab {
    font-size: 0.875rem;
  }
}
@media (min-width: 62rem) {
  .tabs .tabs__nav__tab {
    font-size: 1rem;
  }
}
.tabs .tabs__nav__tab:not(.active) {
  cursor: pointer;
  color: var(--theme-color--grayscull);
}
.tabs .tabs__nav__tab.active {
  color: var(--theme-color--black);
}
.tabs .tabs__nav__tab.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--theme-color--black);
}
.tabs .tabs__content__tab {
  display: none;
}
.tabs .tabs__content__tab.active {
  display: flex;
  flex-direction: column;
}
.tabs .tab-indicator {
  width: 30px;
  height: 2px;
  background: var(--theme-color--secondary);
  background: var(--theme-color--black);
  position: absolute;
  bottom: -2px;
  transition: transform 0.3s cubic-bezier(0.51, 0.14, 0.29, 1);
}
.tabs__nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 2px solid var(--theme-color--grayest);
  font-size: 0.875rem;
}
@media (min-width: 62rem) {
  .tabs__nav {
    font-size: 1rem;
  }
}

.checkbox-group {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}
.checkbox-group .checkbox-two,
.checkbox-group .checkbox-one,
.checkbox-group .checkbox-color {
  margin: 0;
  height: 0;
  width: 0;
  opacity: 0;
}
.checkbox-group .checkbox-one + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.625rem;
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  text-align: center;
  background-color: var(--theme-color--grayer);
  margin: 1px;
  transition: 0.3s ease;
}
.checkbox-group .checkbox-one:checked + label {
  background-color: #4e4e4e;
  color: var(--theme-color--white);
  font-family: var(--font-primary--bold);
  position: relative;
}
.checkbox-group .checkbox-one:not(:checked):hover + label {
  background-color: var(--theme-color--grayest);
  z-index: 9999;
}
.checkbox-group .checkbox-two + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 2px solid var(--theme-color--black);
  padding: 0.5rem 1.5rem;
  font-size: 0.75rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  border-radius: 20px;
  background-color: transparent;
  font-family: inherit;
}
@media (min-width: 48rem) {
  .checkbox-group .checkbox-two + label {
    font-size: 0.875rem;
  }
}
.checkbox-group .checkbox-two:checked + label {
  background-color: var(--theme-color--black);
  color: var(--theme-color--white);
  position: relative;
}
.checkbox-group .checkbox-two:not(:checked) {
  background-color: var(--theme-color--white);
}
.checkbox-group .checkbox-two:not(:checked):hover + label {
  background-color: var(--theme-color--gray);
  z-index: 9999;
}
.checkbox-group .checkbox-color + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.625rem;
  width: 100%;
  text-align: center;
  margin: 1px;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
}
.checkbox-group .checkbox-color + label .color-padding {
  padding: 0.125rem;
  margin-right: 0.625rem;
  border: 2px solid transparent;
}
.checkbox-group .checkbox-color + label .color-filter {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--theme-color--grayest);
  border-radius: 3px;
  display: block;
  flex-shrink: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.checkbox-group .checkbox-color:checked + label {
  font-family: var(--font-primary--bold);
}
.checkbox-group .checkbox-color:checked + label .filter-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.checkbox-group .checkbox-color:checked + label .color-padding {
  border: 2px solid var(--theme-color--black);
  border-radius: 6px;
}
.checkbox-group .checkbox-color:checked + label .color-filter {
  position: relative;
}
.checkbox-group .checkbox-color:not(:checked):hover + label {
  z-index: 9999;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(25, 25, 25, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal.active {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal:not(.active) {
  display: none;
}

.cart-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cart-items .button, .cart-items .error-page__content .links ul a, .error-page__content .links ul .cart-items a {
  font-family: var(--font-secondary--medium);
}
.cart-items > li {
  border-bottom: 1px solid var(--theme-color--gray);
}
.cart-items > li:last-child {
  border: none;
}
.cart-items > li.highlight {
  background: var(--theme-color--gray);
  animation-name: notifyPrimaryNumber;
  animation-duration: 4s;
}
@keyframes notifyPrimaryNumber {
  0% {
    background: var(--animation-color--start);
  }
  100% {
    background: var(--theme-color--gray);
  }
}
.cart-items .cart-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  background: var(--theme-color--white);
  padding: var(--theme-margin-sm);
}
.cart-items .cart-item figure {
  width: 100px;
  height: 100px;
  border: 1px solid var(--theme-color--gray);
  background-color: var(--theme-color--white);
  margin-right: 1rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.cart-items .cart-item .art-nr,
.cart-items .cart-item .stock,
.cart-items .cart-item .price {
  margin-top: 0.313rem;
}
.cart-items .cart-item .art-nr .outlet,
.cart-items .cart-item .stock .outlet,
.cart-items .cart-item .price .outlet {
  color: var(--theme-color--red);
  font-weight: 600;
}
.cart-items .cart-item .art-nr .previous,
.cart-items .cart-item .stock .previous,
.cart-items .cart-item .price .previous {
  font-size: 0.75rem;
  text-decoration: line-through;
  margin-left: 1rem;
}
.cart-items .cart-item a.img-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cart-items .cart-item a.img-link:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(25, 25, 25, 0.98);
  z-index: 1100;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
}
.cart-items .cart-item a.img-link:after {
  content: "+";
  transform: rotate(45deg);
  position: fixed;
  top: 10vh;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 1200;
  background: var(--theme-color--white);
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 1rem;
  line-height: 1rem;
}
.cart-items .cart-item a.img-link img {
  transition: all 0.1s linear;
  max-width: 80%;
  max-height: 80%;
}
.cart-items .cart-item .info {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .cart-items .cart-item .info {
    margin-right: 1rem;
    margin-top: 1rem;
  }
}
.cart-items .cart-item .info h1,
.cart-items .cart-item .info h2 {
  font-family: var(--font-primary--medium);
  font-size: 1rem;
}
.cart-items .cart-item .info h3,
.cart-items .cart-item .info h4,
.cart-items .cart-item .info h5,
.cart-items .cart-item .info h6 {
  font-family: var(--font-primary--bold);
  font-size: 1rem;
}
.cart-items .cart-item .info b {
  font-family: var(--font-primary--bold);
}
.cart-items .cart-item .favourite-stock,
.cart-items .cart-item .stock {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.cart-items .cart-item .favourite-stock:before,
.cart-items .cart-item .stock:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #d40808;
  display: block;
  margin-right: 0.3rem;
}
.cart-items .cart-item .favourite-stock.in-stock:before,
.cart-items .cart-item .stock.in-stock:before {
  background: green;
}
.cart-items .cart-item .favourite-stock.few-in-stock:before,
.cart-items .cart-item .stock.few-in-stock:before {
  background: #ffbc00;
}
.cart-items .cart-item .favourite-stock.out-of-stock:before,
.cart-items .cart-item .stock.out-of-stock:before {
  background: #d40808;
}
.cart-items .cart-item .favourite-stock.by-order:before,
.cart-items .cart-item .stock.by-order:before {
  background: grey;
}
.cart-items .cart-item .cart-actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 48rem) {
  .cart-items .cart-item .cart-actions {
    width: auto;
  }
}
.cart-items .cart-item .cart-actions button {
  position: relative;
}
.cart-items .cart-item .cart-actions button .hidden {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 38.75rem) {
  .cart-items .cart-item .cart-actions button .hidden {
    font-size: 0.75rem;
    position: relative;
    z-index: auto;
  }
}
.cart-items .cart-item .button i, .cart-items .cart-item .error-page__content .links ul a i, .error-page__content .links ul .cart-items .cart-item a i {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 38.75rem) {
  .cart-items .cart-item .button i, .cart-items .cart-item .error-page__content .links ul a i, .error-page__content .links ul .cart-items .cart-item a i {
    margin-right: 0.5rem;
  }
}
.cart-items .cart-item .button svg, .cart-items .cart-item .error-page__content .links ul a svg, .error-page__content .links ul .cart-items .cart-item a svg {
  fill: var(--theme-color--white);
}
.cart-items .cart-item .button.remove-from-cart, .cart-items .cart-item .error-page__content .links ul a.remove-from-cart, .error-page__content .links ul .cart-items .cart-item a.remove-from-cart {
  margin-right: 1rem;
}
@media (max-width: 38.688rem) {
  .cart-items .cart-item .button.remove-from-cart, .cart-items .cart-item .error-page__content .links ul a.remove-from-cart, .error-page__content .links ul .cart-items .cart-item a.remove-from-cart {
    margin-right: 0;
    margin-bottom: 1rem;
    width: 100%;
  }
}
.cart-items .cart-item .button.remove-from-cart svg, .cart-items .cart-item .error-page__content .links ul a.remove-from-cart svg, .error-page__content .links ul .cart-items .cart-item a.remove-from-cart svg {
  fill: var(--theme-color--black);
}
.cart-items .cart-item .price-row-total {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 1rem;
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
  margin-left: 1rem;
  text-align: right;
}
@media (min-width: 38.75rem) {
  .cart-items .cart-item .price-row-total {
    width: 70px;
    margin-top: 0;
  }
}
.cart-items .cart-item .price-row-total .outletPrice {
  color: var(--theme-color--red);
}
.cart-items .cart-item .price-row-total .originalPrice {
  text-decoration: line-through;
  font-size: 0.75rem;
}

.btn-remove,
.btn-add {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.btn-remove > *,
.btn-add > * {
  pointer-events: none;
}

.input-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--theme-color--gray);
  padding: 0.5rem;
  align-self: stretch;
  border-radius: 7px;
  box-sizing: border-box;
}
.input-wrapper input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-shadow: none;
  border: none;
  height: 100%;
  padding: 0 0.25rem;
  display: flex;
  width: 2.5rem;
  align-self: stretch;
  text-align: center;
  outline: none;
  font-family: inherit;
}
@media (min-width: 38.75rem) {
  .input-wrapper input[type=number] {
    /*margin: auto;*/
    margin: 0 1rem;
  }
}
.input-wrapper input[type=number]::-webkit-inner-spin-button, .input-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.input-wrapper button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-self: stretch;
  margin: auto 0.313rem;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  border: none;
  background: var(--theme-color--dark);
  color: var(--theme-color--white);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 1rem;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  padding: 0;
}
.input-wrapper button:hover {
  background: var(--theme-color--grayscull);
}
.input-wrapper button:after {
  line-height: 0;
  font-size: 1rem;
}
.input-wrapper button.btn-subtr {
  background: var(--theme-color--grayest);
}
.input-wrapper button.btn-subtr:after {
  content: "-";
  transform: translateY(-2px);
}
.input-wrapper button.btn-add:after {
  content: "+";
}

.add-to-cart {
  position: relative;
  overflow: hidden;
  outline: none;
}
.add-to-cart svg.show-on-load {
  transform: translateY(200%);
  position: absolute;
}
.add-to-cart.loading svg {
  transform: translateY(-200%);
  animation: rotate 2s infinite;
  animation-timing-function: linear;
}

@keyframes rotate {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(360deg);
  }
}
.temp-hide {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}

html {
  overflow-y: scroll;
}

html,
body {
  height: 100%;
  font-family: var(--font-primary--medium);
}

body {
  background-color: var(--theme-color--body);
}

.header.menu-hidden ~ main {
  padding-top: var(--header-navtop--height);
}
@media (min-width: 62rem) {
  .header.menu-hidden ~ main {
    min-height: calc(100vh - var(--header-navtop--height) - var(--footer-height));
  }
}
.header:not(.menu-hidden) ~ main {
  padding-top: var(--header-navtop--height);
}
@media (min-width: 62rem) {
  .header:not(.menu-hidden) ~ main {
    padding-top: var(--header-height);
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
  }
}
.header.alt-header ~ main {
  padding-top: var(--header-alt-navtop--height);
}
@media (min-width: 62rem) {
  .header.alt-header ~ main {
    padding-top: var(--header-alt-height);
    min-height: calc(100vh - var(--header-alt-height) - var(--footer-height));
  }
}

main {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

body.flbx-body-lock {
  height: unset;
}

main[data-loading=true] > * {
  opacity: 0.3;
  pointer-events: none;
  position: relative;
  transition: 0.3s ease;
}
main[data-loading=true]:after {
  content: "";
  position: fixed;
  background-image: url(/Resources/Shared/static/img/spinner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  z-index: 1100;
}

a {
  text-decoration: none;
  transition: 0.3s ease;
}
a:link {
  color: var(--theme-color--black);
}
a:visited {
  color: var(--theme-color--dark);
}
a:hover {
  color: var(--theme-color--tertiary);
}
a:active {
  color: var(--theme-color--black);
}

.h1 {
  font-size: 2.125rem;
  margin-bottom: 0.313rem;
  line-height: var(--theme-heading--line);
  margin-top: -0.625rem;
  font-family: var(--font-secondary--medium);
}

.h2 {
  font-size: 1.5rem;
  font-family: var(--font-secondary--medium);
  margin-bottom: 2rem;
}

.preamble {
  font-family: var(--font-primary--light);
  font-size: var(--text-size--preamble);
  line-height: var(--theme-heading--line);
  margin-bottom: 1.25rem;
}
.preamble.narrow {
  max-width: 600px;
}

.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cookie-banner {
    display: none !important;
  }
}
.old-browser {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .old-browser {
    /* Put your IE-only styles here. Works for IS 10 & IE 11*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(25, 25, 25, 0.98);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .old-browser strong {
    font-weight: bold;
  }
  .old-browser em {
    font-style: italic;
  }
  .old-browser .logo {
    width: 250px;
    margin-bottom: 1rem;
  }
  .old-browser a {
    color: inherit;
    text-decoration: underline;
  }
  .old-browser__content {
    background: #e3e3e3;
    max-width: 500px;
    width: 100%;
    text-align: center;
    padding: 4rem 2rem;
    line-height: 1.6;
    font-size: 1rem;
  }
}

.card-loader {
  position: relative;
  overflow: hidden;
}
.card-loader .inner {
  background-color: var(--theme-color--white);
  padding: 0.625rem;
  box-sizing: border-box;
  display: flex;
}
.card-loader.landscape .inner {
  width: 100%;
  height: 100px;
}
.card-loader.landscape .inner .cl-image {
  width: 80px;
  height: 80px;
}
.card-loader.portrait .inner {
  flex-direction: column;
  width: 100%;
  height: 518px;
}
.card-loader.portrait .inner .cl-image {
  width: 100%;
  height: 230px;
  margin-bottom: 2rem;
}
.card-loader:first-child ~ div {
  margin-top: 1px;
}
.card-loader .cl-item {
  position: relative;
  background-color: #444;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.card-loader .cl-text-container {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 0.625rem;
}
.card-loader .cl-text-container.left {
  align-items: flex-start;
}
.card-loader .cl-text-container.center {
  align-items: center;
}
.card-loader .cl-text-container.right {
  align-items: flex-end;
}
.card-loader .cl-text {
  height: 12px;
}
.card-loader .cl-text.w-25 {
  width: 25%;
}
.card-loader .cl-text.w-50 {
  width: 50%;
}
.card-loader .cl-text.w-75 {
  width: 75%;
}
.card-loader .cl-text.w-100 {
  width: 100%;
}

@keyframes fading {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.1;
  }
}
.breadcrumbs {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
}
@media (max-width: 38.688rem) {
  .breadcrumbs {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .breadcrumbs {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .breadcrumbs {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .breadcrumbs {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .breadcrumbs {
    width: 73.125rem;
  }
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs ul li:first-child ~ li {
  margin-left: 0.313rem;
}
.breadcrumbs ul li .separator {
  margin-right: 0.313rem;
}
.breadcrumbs ul li .active {
  color: var(--theme-color--urban-smoke);
}
.breadcrumbs ul li a {
  color: var(--theme-color--black);
}
.breadcrumbs ul::-webkit-scrollbar {
  display: none;
}

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
button {
  color: var(--theme-color--black);
}

.button, .error-page__content .links ul a {
  background-color: transparent;
  font-family: var(--font-primary--bold);
  letter-spacing: var(--theme-font--spacing);
  cursor: pointer;
  transition: 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.button.primary, .error-page__content .links ul a.primary, .error-page__content .links ul li:first-child a {
  text-transform: uppercase;
  color: var(--theme-color--white);
  background-color: var(--theme-color--darkish);
  border: 2px solid var(--theme-color--darkish);
}
.button.primary:disabled, .error-page__content .links ul a.primary:disabled, .error-page__content .links ul li:first-child a:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button.primary:hover:not(:disabled), .error-page__content .links ul a.primary:hover:not(:disabled), .error-page__content .links ul li:first-child a:hover:not(:disabled) {
  transition: 0.3s ease;
  border: 2px solid var(--theme-color--black);
  background-color: var(--theme-color--black);
}
.button.secondary, .error-page__content .links ul a {
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid var(--theme-color--black);
  color: var(--theme-color--black);
}
.button.secondary:hover, .error-page__content .links ul a:hover {
  border: 2px solid var(--theme-color--darkish);
  color: var(--theme-color--darkish);
}
.button.cart-button, .error-page__content .links ul a.cart-button {
  text-transform: uppercase;
  background-color: var(--theme-color--marblegreen);
  border: 2px solid var(--theme-color--marblegreen);
  color: var(--theme-color--white);
}
@media (max-width: 38.688rem) {
  .button.cart-button, .error-page__content .links ul a.cart-button {
    width: 100%;
  }
}
.button.cart-button svg, .error-page__content .links ul a.cart-button svg {
  fill: var(--theme-color--white);
}
.button.tertiary, .error-page__content .links ul a.tertiary {
  border: 2px solid var(--theme-color--secondary);
  background-color: var(--theme-color--secondary);
  color: var(--theme-color--black);
}
.button:not(.tiny), .error-page__content .links ul a:not(.tiny) {
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
}
.button.tiny, .error-page__content .links ul a.tiny {
  font-size: 0.625rem;
  padding: 0.5rem 0.875rem;
}
.button.wide, .error-page__content .links ul a.wide {
  width: 100%;
}
.button > *, .error-page__content .links ul a > * {
  pointer-events: none;
}
.button svg, .error-page__content .links ul a svg {
  width: 1rem;
  height: 1rem;
}
.button svg.left, .error-page__content .links ul a svg.left {
  margin-right: 0.625rem;
}
.button svg.right, .error-page__content .links ul a svg.right {
  margin-left: 0.625rem;
}

.button-close {
  border: none;
  display: flex;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--theme-color--white);
  border-radius: 50%;
}
.button-close > * {
  pointer-events: none;
}
.button-close svg {
  width: 1rem;
  height: 1rem;
}
.button-close:hover svg {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.button-filter {
  border: 2px solid var(--theme-color--black);
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  border-radius: 20px;
  background-color: transparent;
  font-family: var(--font-primary--medium);
  font-size: 0.875rem;
  color: var(--theme-color--black);
}
.button-filter:hover {
  transition: 0.3s ease;
  background-color: #dddddd;
}

.button-articles {
  background-color: var(--theme-color--darkish);
  color: var(--theme-color--white);
  font-family: inherit;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.875rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
@media (min-width: 62rem) {
  .button-articles {
    border-radius: 2rem;
    padding: 0.75rem 1.125rem;
    width: auto;
    height: auto;
  }
}
.button-articles span {
  display: none;
}
@media (min-width: 62rem) {
  .button-articles span {
    display: block;
  }
}
.button-articles > * {
  pointer-events: none;
}
.button-articles svg {
  fill: var(--theme-color--white);
  width: 1.125rem;
  height: 1.125rem;
}
@media (min-width: 62rem) {
  .button-articles svg {
    margin-right: 0.625rem;
  }
}
.button-articles:hover {
  transition: 0.3s ease;
  background-color: var(--theme-color--darkish);
}
.button-articles:hover svg {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  fill: var(--theme-color--white);
}

.collapsible {
  list-style: none;
  margin: 0;
  padding: 0;
}
.collapsible > li {
  border-bottom: 1px solid var(--theme-color--grayer);
  background-color: #fff;
}
.collapsible > li:first-child {
  border-top: 1px solid var(--theme-color--grayer);
}
.collapsible > li button {
  position: relative;
  margin: 0;
  padding: 0.875rem 1.4rem 0.875rem 0;
  background-color: transparent;
  font-family: inherit;
  border: none;
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
  outline: none;
  color: var(--theme-color--black);
}
.collapsible > li button .description {
  color: var(--theme-color--grayscull);
  font-size: 0.75rem;
  margin-top: 0.313rem;
}
.collapsible > li button i {
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  top: calc(50% - 0.438rem);
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.collapsible > li > ul {
  list-style: none;
  margin: 0;
  padding: 1rem 0 2rem 0;
}
.collapsible > li > ul h3 {
  margin-bottom: 0.625rem;
  font-size: 1rem;
  font-family: var(--font-primary--bold);
}
.collapsible > li > ul dl {
  font-size: 0.875rem;
}
.collapsible > li > ul dl:after {
  content: "";
  display: table;
  clear: both;
}
.collapsible > li > ul dl dt,
.collapsible > li > ul dl dd {
  float: left;
  display: inline-block;
  padding: 0.875rem 0;
}
.collapsible > li > ul dl dt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 60%;
  font-family: var(--font-primary--bold);
}
@media (min-width: 48rem) {
  .collapsible > li > ul dl dt {
    width: 40%;
  }
}
.collapsible > li > ul dl dd {
  width: 40%;
  text-align: right;
}
@media (min-width: 48rem) {
  .collapsible > li > ul dl dd {
    width: 60%;
    text-align: left;
  }
}
.collapsible > li > ul dl dt:first-of-type ~ dt {
  border-top: 1px solid var(--theme-color--gray);
}
.collapsible > li > ul dl dd:first-of-type ~ dd {
  border-top: 1px solid var(--theme-color--gray);
}
.collapsible > li[data-state=collapsed] > ul {
  display: none;
}
.collapsible > li[data-state=collapsed] i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDExVjVoMnY2aDZ2MmgtNnY2aC0ydi02SDV2LTJ6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
}
.collapsible > li[data-state=expanded] > button span,
.collapsible > li[data-state=expanded] > button div {
  font-family: var(--font-primary--bold);
}
.collapsible > li[data-state=expanded] > ul {
  display: flex;
}
.collapsible > li[data-state=expanded] i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTUgMTFoMTR2Mkg1eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
}
.collapsible p {
  font-family: var(--font-primary--light);
  font-size: 0.95rem;
  margin-bottom: 0.65rem;
  max-width: 90%;
}
.collapsible.inverted > li {
  background-color: #fbfbfb;
}
.collapsible.inverted > li[data-state=expanded] {
  background-color: #fff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.footer-alt {
  background-color: var(--theme-color--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  padding: 2rem 0 6rem 0;
}
@media (min-width: 62rem) {
  .footer-alt {
    padding: 2rem 0;
  }
}
.footer-alt .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 38.688rem) {
  .footer-alt .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .footer-alt .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .footer-alt .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .footer-alt .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .footer-alt .inner {
    width: 73.125rem;
  }
}
@media (min-width: 62rem) {
  .footer-alt .inner {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.footer-alt .inner .footer-nav-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 2rem;
  font-size: 16px;
}
@media (min-width: 62rem) {
  .footer-alt .inner .footer-nav-mobile {
    display: none;
  }
}
.footer-alt .inner .footer-nav-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.footer-alt .inner .footer-nav-mobile ul li {
  margin-bottom: 1.5rem;
  font-family: var(--font-primary--bold);
}
.footer-alt .inner .footer-nav-mobile ul li ul {
  display: none;
}
.footer-alt .inner .footer-nav-mobile ul li:last-child {
  margin-bottom: 0;
}
.footer-alt .inner .footer-nav-mobile ul a {
  text-decoration: none;
  color: var(--theme-color--black);
  padding: 0.1rem 0;
  display: block;
}
.footer-alt .inner .footer-nav-mobile ul a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.footer-alt .inner .left-content {
  padding-right: 0;
  border: none;
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .footer-alt .inner .left-content {
    align-items: flex-start;
    border-right: 1px solid var(--theme-color--grayish);
    padding-right: 2rem;
    width: 16rem;
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.footer-alt .inner .left-content figure {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
.footer-alt .inner .left-content figure img {
  width: 10rem;
  height: 100%;
}
.footer-alt .inner .left-content p {
  margin-bottom: 2rem;
}
.footer-alt .inner .right-navigation {
  padding-left: 0;
}
@media (min-width: 48rem) {
  .footer-alt .inner .right-navigation {
    padding-left: 2rem;
    flex: 1;
  }
}
.footer-alt .inner .right-navigation .footer-nav ul {
  display: none;
}
@media (min-width: 62rem) {
  .footer-alt .inner .right-navigation .footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.footer-alt .inner .right-navigation .footer-nav ul li {
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-family: var(--font-primary--bold);
  width: initial;
  flex: 1;
}
.footer-alt .inner .right-navigation .footer-nav ul li ul {
  display: none;
  padding-top: 1rem;
}
@media (min-width: 62rem) {
  .footer-alt .inner .right-navigation .footer-nav ul li ul {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.footer-alt .inner .right-navigation .footer-nav ul li ul li {
  font-family: var(--font-primary--medium);
  margin-bottom: 0;
}
.footer-alt .inner .right-navigation .footer-nav ul a {
  text-decoration: none;
  color: var(--theme-color--black);
  padding: 0.1rem 0;
  display: block;
}
.footer-alt .inner .right-navigation .footer-nav ul a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
@media (min-width: 62rem) {
  .footer-alt .inner .left-buttons {
    width: 18rem;
  }
}
@media (min-width: 38.75rem) {
  .footer-alt .inner .right-buttons .button-links {
    justify-content: right;
  }
}
.footer-alt .inner .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 62rem) {
  .footer-alt .inner .buttons {
    flex-wrap: nowrap;
  }
}
.footer-alt .inner .buttons .button-links {
  display: flex;
  margin-top: 1rem;
  flex-grow: 1;
}
@media (min-width: 38.75rem) {
  .footer-alt .inner .buttons .button-links {
    margin-top: initial;
    justify-content: right;
  }
}
.footer-alt .inner .buttons .button-links ul {
  flex-direction: row;
  flex-grow: 1;
}
@media (min-width: 38.75rem) {
  .footer-alt .inner .buttons .button-links ul {
    flex-grow: initial;
  }
}
.footer-alt .inner .buttons .button-links ul li:first-child + li {
  margin-top: 0;
  margin-left: 1rem;
}
.footer-alt h2,
.footer-alt h3,
.footer-alt h4 {
  font-family: var(--font-primary--bold);
  font-size: 1.25rem;
}
.footer-alt h2 {
  font-size: 1.1rem;
}
.footer-alt h3 {
  font-size: 0.875rem;
}
.footer-alt .bottom {
  padding-top: 2rem;
  flex-direction: column-reverse;
}
@media (min-width: 62rem) {
  .footer-alt .bottom {
    flex-direction: row;
  }
}
.footer-alt .bottom .footer-nav-markets {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 100%;
}
@media (min-width: 38.75rem) {
  .footer-alt .bottom .footer-nav-markets {
    width: auto;
    justify-content: flex-start;
  }
}
@media (min-width: 62rem) {
  .footer-alt .bottom .footer-nav-markets {
    flex-direction: column;
    align-items: flex-start;
    width: 18rem;
    padding-right: 2rem;
  }
  .footer-alt .bottom .footer-nav-markets label {
    margin-bottom: 0.625rem;
  }
}
.footer-alt .bottom .footer-nav-markets label {
  margin-right: 0.625rem;
}
.footer-alt .bottom .social-media-links {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 62rem) {
  .footer-alt .bottom .social-media-links {
    justify-content: flex-start;
    margin-bottom: 0;
    flex-grow: 1;
  }
}
.footer-alt .bottom .social-media-links__title {
  font-size: 0.8rem;
  font-family: var(--font-primary--light);
  display: none;
  width: 100%;
  margin-bottom: 0.625rem;
}
@media (min-width: 62rem) {
  .footer-alt .bottom .social-media-links__title {
    display: flex;
    width: initial;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
@media (min-width: 48rem) {
  .footer-alt .bottom .social-media-links {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.footer-alt .bottom .social-media-links a {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0.8rem;
  margin-top: 0.4rem;
  text-decoration: none;
  color: inherit;
  font-size: 0.8rem;
  height: 2rem;
  text-align: center;
  transition: all 0.3s ease;
  line-height: 1;
}
@media (min-width: 62rem) {
  .footer-alt .bottom .social-media-links a {
    display: initial;
    margin-top: initial;
    width: 4rem;
  }
}
.footer-alt .bottom .social-media-links a i {
  margin-right: 0.2rem;
  width: 1.25rem;
  height: 1.25rem;
}
.footer-alt .bottom .social-media-links a i svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  fill: var(--theme-color--black);
}
.footer-alt .bottom .social-media-links a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.footer-alt .bottom .social-media-links a:hover svg {
  fill: var(--theme-color--grayscull);
}
.footer-alt .bottom .social-media-links__title {
  width: 100%;
  margin-bottom: 0.625rem;
}
@media (min-width: 38.75rem) {
  .footer-alt .bottom .social-media-links__title {
    margin-right: 1rem;
  }
}
.footer-alt .bottom .menu-search {
  justify-content: flex-end;
  display: flex;
  margin-top: 1.5rem;
}
.footer-alt .bottom .menu-search button {
  display: none;
}
@media (min-width: 62rem) {
  .footer-alt .bottom .menu-search button {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    outline: none;
  }
}
.footer-alt .bottom .menu-search button svg {
  width: 2rem;
  height: 2rem;
}
.footer-alt .bottom .menu-search button span {
  width: 100%;
}

.footer {
  background-color: var(--theme-color--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  padding: 2rem 0;
}
@media (min-width: 48rem) {
  .footer {
    height: var(--footer-height);
    padding: 0;
  }
}
.footer .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 38.688rem) {
  .footer .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .footer .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .footer .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .footer .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .footer .inner {
    width: 73.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.footer .inner .footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (min-width: 48rem) {
  .footer .inner .footer-nav {
    margin-bottom: 0;
  }
}
.footer .inner .footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.footer .inner .footer-nav ul li {
  margin-right: 1rem;
}
.footer .inner .footer-nav ul a {
  text-decoration: none;
  color: var(--theme-color--black);
  padding: 0.1rem 0;
  display: block;
}
.footer .inner .footer-nav ul a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.footer .inner .footer-nav-markets {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: none;
  width: 100%;
}
@media (min-width: 38.75rem) {
  .footer .inner .footer-nav-markets {
    width: auto;
    justify-content: flex-start;
  }
}
.footer .inner .footer-nav-markets label {
  margin-right: 0.625rem;
}
.footer .social-media-links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem 0 0 0;
  border-top: 1px solid var(--theme-color--gray);
}
.footer .social-media-links__title {
  font-size: 0.8rem;
  font-family: var(--font-primary--light);
  display: flex;
  width: 100%;
  margin-bottom: 0.625rem;
}
@media (min-width: 38.75rem) {
  .footer .social-media-links__title {
    width: initial;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
@media (min-width: 48rem) {
  .footer .social-media-links {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.footer .social-media-links a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-right: 1rem;
  text-decoration: none;
  color: inherit;
  font-size: 0;
  transition: all 0.3s ease;
  line-height: 1;
}
@media (min-width: 62rem) {
  .footer .social-media-links a {
    font-size: 0.8rem;
  }
}
.footer .social-media-links a i {
  margin-right: 0.2rem;
  width: 1.25rem;
  height: 1.25rem;
}
.footer .social-media-links a i svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  fill: var(--theme-color--black);
}
.footer .social-media-links a:hover {
  color: var(--theme-color--grayscull);
  text-decoration: underline;
}
.footer .social-media-links a:hover svg {
  fill: var(--theme-color--grayscull);
}

.table table {
  width: 100%;
  display: flex;
}
.table table thead,
.table table tbody {
  flex-direction: column;
}
.table table thead tr,
.table table tbody tr {
  display: flex;
}
.table table thead tr td,
.table table thead tr th,
.table table tbody tr td,
.table table tbody tr th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}
@media (min-width: 62rem) {
  .table table thead tr td.center,
.table table thead tr th.center,
.table table tbody tr td.center,
.table table tbody tr th.center {
    text-align: center;
  }
}
.table table thead tr td.flex-1,
.table table thead tr th.flex-1,
.table table tbody tr td.flex-1,
.table table tbody tr th.flex-1 {
  flex: 1;
}
.table table thead tr td.flex-2,
.table table thead tr th.flex-2,
.table table tbody tr td.flex-2,
.table table tbody tr th.flex-2 {
  flex: 2;
}
.table table thead tr td.flex-3,
.table table thead tr th.flex-3,
.table table tbody tr td.flex-3,
.table table tbody tr th.flex-3 {
  flex: 3;
}
.table table thead tr td.flex-4,
.table table thead tr th.flex-4,
.table table tbody tr td.flex-4,
.table table tbody tr th.flex-4 {
  flex: 4;
}
.table table thead tr td:first-child,
.table table tbody tr td:first-child {
  font-family: var(--font-primary--bold);
}
.table table thead {
  background-color: #e0e0e0;
  border-radius: 3px 3px 0 0;
  padding: 1rem 0.875rem;
  display: none;
}
@media (min-width: 48rem) {
  .table table thead {
    display: flex;
  }
}
.table table thead tr {
  font-size: 1rem;
}
.table table thead tr th {
  font-family: var(--font-primary--bold);
}
.table table tbody {
  display: flex;
}
.table table tbody tr {
  font-size: 0.875rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .table table tbody tr {
    flex-direction: row;
  }
}
.table table tbody tr:nth-child(odd) {
  background-color: #fbfbfb;
}
.table table tbody tr td .label {
  font-family: var(--font-primary--bold);
}
@media (min-width: 48rem) {
  .table table tbody tr td .label {
    display: none;
  }
}
.table table tbody tr td .product-sheet-link {
  display: inline-flex;
  justify-content: center;
  position: relative;
  top: 4px;
}
@media (min-width: 48rem) {
  .table table tbody tr td .product-sheet-link {
    width: 100%;
    top: 0px;
  }
}
.table table tbody tr td .product-sheet-link .download-product-sheet {
  background-image: none;
}
.table table tbody tr td .product-sheet-link .download-product-sheet > svg {
  width: 25px;
  height: 25px;
}
.table table tbody tr td:first-child {
  margin-bottom: 0.313rem;
}
@media (min-width: 48rem) {
  .table table tbody tr td:first-child {
    margin-bottom: 0;
  }
}
.table table tbody tr td:first-child ~ td {
  margin-top: 0.313rem;
}
@media (min-width: 48rem) {
  .table table tbody tr td:first-child ~ td {
    margin-top: 0;
  }
}
.table table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
.table table.flipped {
  flex-direction: row;
}
.table table:not(.flipped) {
  flex-direction: column;
}

.label__price {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.188rem 1rem;
  color: var(--theme-color--black);
  border-radius: 0.5rem 0 0 0;
  z-index: 10;
  font-size: 0.75rem;
  font-family: var(--font-primary--medium);
  background-color: #f5e9e1;
}

.image-box {
  border-radius: 3px;
  border: 1px solid var(--theme-color--grayer);
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.image-box img {
  max-width: 75%;
  max-height: 75%;
}

select {
  border: 1px solid #dedede;
}
select:hover, select:active {
  border: 1px solid #dedede;
}
select:focus {
  outline: 2px solid #000;
}
select:focus-visible {
  outline: 2px solid #000;
}

select:disabled {
  filter: contrast(0.8);
}

.select {
  font-family: inherit;
  display: block;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 0.313em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: inherit;
  background-image: url("data:image/svg+xml;charset=US-ASCII, %3Csvg%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2024%2024%22%20aria-labelledby%3D%22sortingIconTitle%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20color%3D%22%23333%22%3E%20%3Ctitle%20id%3D%22sortingIconTitle%22%3ESorting%3C%2Ftitle%3E%20%3Cpolyline%20points%3D%228%208.333%2012%204.333%2016%208.333%2016%208.333%22%2F%3E%20%3Cpolyline%20points%3D%2216%2015.667%2012%2019.667%208%2015.667%208%2015.667%22%2F%3E%20%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.75rem top 50%, 0 0;
  background-size: 1rem auto, 100%;
}
.select.fixed {
  width: 10rem;
}
.select.fluid {
  width: 100%;
}
.select option span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select:not(.tiny) {
  padding: 0.625rem 2.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
}
.select.tiny {
  padding: 0.313rem 2.5rem 0.313rem 0.625rem;
  font-size: 0.75rem;
}

input {
  border: 1px solid #dedede;
}
input:hover, input:active {
  border: 1px solid #dedede;
}
input:focus {
  outline: 2px solid #000;
}
input:focus-visible {
  outline: 2px solid #000;
}

.radio-group {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
.radio-group .radio-one,
.radio-group .radio-two,
.radio-group .radio-three,
.radio-group .radio-four {
  margin: 0;
  height: 0;
  width: 0;
  opacity: 0;
}
.radio-group .radio-one + label {
  position: relative;
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  flex: 1;
  padding: 0.625rem;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
  color: var(--theme-color--grayscull);
}
.radio-group .radio-one:checked + label {
  background-color: white;
  font-family: var(--font-primary--bold);
}
.radio-group .radio-two + label {
  font-size: 0.875rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  padding: 0.125rem;
  border: 2px solid transparent;
  border-radius: 6px;
}
.radio-group .radio-two + label .color {
  opacity: 0.8;
  border: 1px solid #909090;
  border-radius: 3px;
  background-position: center center;
}
.radio-group .radio-two + label .color:hover {
  transition: 0.3s ease;
  opacity: 1;
}
.radio-group .radio-two + label .color:not(.small) {
  width: 2.5rem;
  height: 2.5rem;
}
.radio-group .radio-two + label .color.small {
  width: 1.125rem;
  height: 1.125rem;
}
.radio-group .radio-two:checked + label {
  border-color: var(--theme-color--black);
}
.radio-group .radio-two:checked + label .color {
  position: relative;
}
.radio-group .radio-three + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 2px solid var(--theme-color--black);
  padding: 0.5rem 1.5rem;
  font-size: 0.75rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  border-radius: 20px;
  background-color: transparent;
  font-family: inherit;
}
@media (min-width: 48rem) {
  .radio-group .radio-three + label {
    font-size: 0.875rem;
  }
}
.radio-group .radio-three:checked + label {
  background-color: var(--theme-color--black);
  color: var(--theme-color--white);
  position: relative;
}
.radio-group .radio-three:not(:checked):hover + label {
  background-color: var(--theme-color--grayest);
  z-index: 9999;
}
.radio-group .radio-four + label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  background-color: transparent;
  font-family: inherit;
  position: relative;
}
.radio-group .radio-four + label:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.313rem;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid;
}
.radio-group .radio-four:checked + label:before {
  border-color: var(--theme-color--black);
}
.radio-group .radio-four:checked + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--theme-color--black);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}
.radio-group .radio-four:not(:checked) + label:before {
  border-color: var(--theme-color--grayscull);
}

.search-container {
  position: relative;
}
.search-container:not(.full) {
  max-width: 500px;
}
.search-container.full {
  width: 100%;
}
.search-container .search {
  margin: 0;
  padding: 0 7.25rem 0 1rem;
  height: 2.5rem;
  font-family: var(--font-primary--light);
  font-size: 0.875rem;
  width: 100%;
  border: 2px solid var(--theme-color--black);
  border-color: #fff;
  flex: 1;
  border-right: none;
  border-radius: 5px;
  margin-right: 0;
  font-size: 0.875rem;
}
.search-container .search::-webkit-search-decoration, .search-container .search::-webkit-search-cancel-button, .search-container .search::-webkit-search-results-button, .search-container .search::-webkit-search-results-decoration {
  display: none;
  margin: 0;
}
.search-container .search:focus {
  outline: none;
  transition: 0.3s ease;
  background-color: white;
  border-color: var(--theme-color--grayscull);
  border-radius: 5px;
}
.search-container button {
  height: 2.5rem;
  margin: 0;
  border: none;
  background-color: var(--theme-color--darkish);
  color: var(--theme-color--white);
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.5rem;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background 0.3s ease;
  font-family: var(--font-primary--light);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.search-container button:hover {
  background-color: var(--theme-color--dark);
  transition: 0.3s ease;
}

.button-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
@media (min-width: 38.75rem) {
  .button-links ul {
    flex-direction: row;
  }
}
.button-links ul li {
  display: inline-flex;
}
.button-links ul li a {
  width: 100%;
  text-align: center;
}
.button-links ul li:first-child a {
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
  text-transform: uppercase;
  border: 2px solid var(--theme-color--black);
  color: var(--theme-color--white);
  background-color: var(--theme-color--black);
  font-family: var(--font-secondary--bold);
  letter-spacing: var(--theme-font--spacing);
}
.button-links ul li:first-child a:hover {
  transition: 0.3s ease;
  border: 2px solid var(--theme-color--darkish);
  background-color: var(--theme-color--darkish);
}
.button-links ul li:first-child + li {
  margin-top: 1rem;
}
@media (min-width: 38.75rem) {
  .button-links ul li:first-child + li {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.button-links ul li:first-child + li a {
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
  text-transform: uppercase;
  border: 2px solid var(--theme-color--black);
  color: var(--theme-color--black);
  background-color: transparent;
  font-family: var(--font-secondary--bold);
  letter-spacing: var(--theme-font--spacing);
}
.button-links ul li:first-child + li a:hover {
  border: 2px solid var(--theme-color--darkish);
  color: var(--theme-color--darkish);
}
.button-links.h-left > ul {
  justify-content: flex-start;
}
.button-links.h-center > ul {
  justify-content: center;
}
.button-links.h-right > ul {
  justify-content: flex-end;
}

.text-color-invert .button-links ul li:first-child a {
  border-color: var(--theme-color--white);
  background-color: var(--theme-color--white);
  color: var(--theme-color--black);
}
.text-color-invert .button-links ul li:first-child a:hover {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}
.text-color-invert .button-links ul li:first-child + li a {
  border-color: var(--theme-color--white);
  background-color: transparent;
  color: var(--theme-color--white);
}
.text-color-invert .button-links ul li:first-child + li a:hover {
  border-color: #f0f0f0;
  color: #f0f0f0;
}

.error-page {
  padding: var(--theme-margin-xl) 0;
  padding: 4rem 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.error-page .inner {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
}
@media (max-width: 38.688rem) {
  .error-page .inner {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .error-page .inner {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .error-page .inner {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .error-page .inner {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .error-page .inner {
    width: 73.125rem;
  }
}
.error-page .error-code {
  font-family: var(--font-primary--light);
  margin-bottom: var(--theme-margin-md);
  display: block;
}
.error-page .error-code b {
  font-family: var(--font-primary--medium);
}
.error-page__content {
  max-width: 600px;
  margin-left: 0;
}
.error-page__content p {
  font-family: var(--font-primary--light);
}
.error-page__content > * {
  margin-bottom: var(--theme-margin-sm);
}
.error-page__content h1 {
  line-height: 1.1;
}
.error-page__content .links {
  margin-top: var(--theme-margin-lg);
}
.error-page__content .links ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.error-page__content .links ul a {
  margin-bottom: var(--theme-margin-xs);
  font-family: var(--font-secondary--bold);
}
@media (min-width: 48rem) {
  .error-page__content .links ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .error-page__content .links ul a {
    margin-right: var(--theme-margin-xs);
  }
}

@media print {
  #header,
.breadcrumbs,
#epi-quickNavigator {
    display: none !important;
  }

  main {
    padding-top: 1rem !important;
    min-height: initial !important;
  }
  main .inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
  }

  .footer {
    display: none;
  }
}
.button-links-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.button-links-list ul li {
  display: inline-flex;
}
.button-links-list ul li a {
  text-align: center;
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
  text-transform: uppercase;
  border: 2px solid var(--theme-color--black);
  color: var(--theme-color--white);
  background-color: var(--theme-color--transparent);
  font-family: var(--font-secondary--bold);
  letter-spacing: 1px;
}
.button-links-list ul li .text-color-invert {
  color: var(--theme-color--white);
}
.button-links-list ul li .text-color-normal {
  color: var(--theme-color--black);
}
.button-links-list.h-left > ul {
  justify-content: flex-start;
}
.button-links-list.h-center > ul {
  justify-content: center;
}
.button-links-list.h-right > ul {
  justify-content: flex-end;
}