/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/main.scss ***!
  \*********************************************************************************************************************/
@import url(https://p.typekit.net/p.css?s=1&k=ons5try&ht=tk&f=10879.10880.10881.10882.10883.10884.10885.10886.10887.10888.15586.15587.15357.15358.15359.15360.15361.15362.15363.15364.32874.32875&a=11248479&app=typekit&e=css);
/*!**************************************************************************************************************************************************!*\
  !*** 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/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/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/Portal/pages/start-page/start-page.scss ***!
  \********************************************************************************************************************************************/
.start-page .my-account {
  width: 100%;
  background-color: var(--theme-color--white);
  margin-top: 2rem;
}
@media (min-width: 75rem) {
  .start-page .my-account {
    margin-top: 0;
  }
}
.start-page .my-account thead {
  text-align: left;
  border-bottom: 2px solid var(--theme-color--black);
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  font-family: var(--font-secondary--bold);
  background-color: var(--theme-color--darkgray);
}
.start-page .my-account thead td {
  padding: 0.5rem 1rem;
}
.start-page .my-account tbody {
  font-size: 0.75rem;
}
.start-page .my-account tbody tr td {
  width: 50%;
  padding: 0 1rem;
}
.start-page .my-account tbody tr:first-child td {
  padding-top: 1rem;
}
.start-page .my-account tbody tr:last-child td {
  padding-bottom: 1rem;
}
.start-page .my-account-links {
  font-size: 0.625rem;
  display: flex;
  font-family: var(--font-secondary--bold);
  list-style-type: none;
  padding: 0;
  justify-content: space-between;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/standard-page/standard-page.scss ***!
  \**************************************************************************************************************************************************/
.standard-page {
  margin-bottom: 3rem;
}
.standard-page .inner header {
  margin-bottom: 3rem;
  text-align: center;
}
.standard-page .faq {
  margin-bottom: 2rem;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/login-page/login-page.scss ***!
  \********************************************************************************************************************************************/
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-moz-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-ms-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-o-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
.login-page.logged-out {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 38.688rem) {
  .login-page.logged-out {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .login-page.logged-out {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .login-page.logged-out {
    width: 46.875rem;
  }
}
.login-page .panel-error,
.login-page p.error {
  font-size: 0.875rem;
  text-align: center;
  color: #b71c1c;
  font-family: var(--font-primary--medium);
}
.login-page .panel-error {
  margin-top: 1.25rem;
}
.login-page .title-wrapper {
  background: inherit;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .login-page .container {
    width: auto;
  }
}
.login-page h1 {
  font-size: 1.5rem;
  font-family: var(--font-primary--medium);
  margin-bottom: 2rem;
  text-align: center;
}
.login-page .main-body {
  text-align: center;
}
.login-page .main-body.left {
  text-align: left;
}
.login-page .main-body.right {
  text-align: right;
}
.login-page .login-panel {
  display: flex;
  flex-direction: column;
}
.login-page .login-panel .panel-inner {
  display: flex;
  flex-direction: column;
  background-color: var(--theme-color--white);
  padding: 2rem;
  border-radius: 3px;
  box-shadow: 1px 0 30px rgba(164, 164, 164, 0.25);
  width: 300px;
  box-sizing: border-box;
  position: relative;
}
.login-page .login-panel .panel-inner .forgot-password-panel-close {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0.6;
}
.login-page .login-panel .panel-inner .forgot-password-panel-close svg {
  width: 1rem;
  height: 1rem;
}
.login-page .login-panel .panel-inner .forgot-password-panel-close:hover {
  opacity: 1;
}
.login-page .login-panel .panel-inner .password-forgot-info {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  white-space: pre-wrap;
}
.login-page form {
  display: flex;
  flex-direction: column;
}
.login-page input[type=text],
.login-page input[type=password] {
  padding: 0.313rem;
}
.login-page input[type=password] {
  margin-top: 1rem;
}
.login-page input[type=password].password-request {
  margin-top: 0;
}
.login-page .button.primary.tiny {
  margin-top: 1.5rem;
}
.login-page .password-forgot {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  margin-top: 1rem;
  font-size: 0.75rem;
  justify-content: center;
}
.login-page .login-remember {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  font-size: 0.625rem;
}
.login-page .password-forgot,
.login-page .login-remember {
  color: var(--theme-color--grayscull);
}
.login-page .success-message {
  text-align: center;
  font-size: 0.875rem;
}
.login-page .success-message svg {
  fill: #27a95f;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/change-password/change-password.scss ***!
  \******************************************************************************************************************************************************/
.change-password-page .panel-error,
.change-password-page div.error {
  font-size: 0.875rem;
  text-align: center;
  color: #b71c1c;
  font-family: var(--font-primary--medium);
}
.change-password-page .panel-error svg,
.change-password-page div.error svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 1rem;
}
.change-password-page #errorLabel {
  color: #b71c1c;
  font-size: 0.875rem;
}
.change-password-page div.error {
  color: var(--theme-color--black);
}
.change-password-page .panel-error {
  margin-top: 1.25rem;
}
.change-password-page .title-wrapper {
  background: inherit;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .change-password-page .container {
    width: auto;
  }
}
.change-password-page .login-panel {
  display: flex;
  flex-direction: column;
}
.change-password-page .login-panel .panel-inner {
  display: flex;
  flex-direction: column;
  background-color: var(--theme-color--white);
  padding: 2rem;
  border-radius: 3px;
  box-shadow: 1px 0 30px rgba(164, 164, 164, 0.25);
  width: 300px;
  box-sizing: border-box;
  position: relative;
}
.change-password-page .login-panel .panel-inner .forgot-password-panel-close {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0.6;
}
.change-password-page .login-panel .panel-inner .forgot-password-panel-close svg {
  width: 1rem;
  height: 1rem;
}
.change-password-page .login-panel .panel-inner .forgot-password-panel-close:hover {
  opacity: 1;
}
.change-password-page .login-panel .panel-inner .password-forgot-info {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  white-space: pre-wrap;
}
.change-password-page form {
  display: flex;
  flex-direction: column;
}
.change-password-page label {
  font-size: 0.875rem;
}
.change-password-page input[type=text],
.change-password-page input[type=password] {
  padding: 0.313rem;
}
.change-password-page input[type=password] ~ label {
  margin-top: 1rem;
}
.change-password-page .button.primary.tiny {
  margin-top: 1.5rem;
}
.change-password-page .password-forgot {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  margin-top: 1rem;
  font-size: 0.75rem;
  justify-content: center;
}
.change-password-page .login-remember {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  font-size: 0.625rem;
}
.change-password-page .password-forgot,
.change-password-page .login-remember {
  color: var(--theme-color--grayscull);
}
.change-password-page .success-message {
  text-align: center;
  font-size: 0.875rem;
}
.change-password-page .success-message svg {
  fill: #27a95f;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}
.change-password-page .error-message {
  text-align: center;
  font-size: 0.875rem;
}
.change-password-page .error-message svg {
  fill: #b71c1c;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/order-page/order-page.scss ***!
  \********************************************************************************************************************************************/
.order-page .button {
  font-family: var(--font-secondary--medium);
}
.order-page .row-amount {
  width: 60px;
}
.order-page .article-number {
  width: 100%;
}
.order-page .article-number:disabled {
  background-color: var(--theme-color--gray);
}
.order-page tr.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.order-page tr.error {
  background-color: #fde8ef !important;
}
.order-page tr.error .description {
  color: #c30646;
  font-family: var(--font-primary--medium);
}
.order-page .order-initialize {
  padding: 1rem;
}
.order-page select {
  width: 100%;
}
.order-page .row-delete {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.order-page .row-delete:disabled {
  opacity: 0.6;
  cursor: initial;
}
.order-page .row-delete svg {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}
.order-page .row-productSheet {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.order-page .row-productSheet:disabled {
  opacity: 0.6;
  cursor: initial;
}
.order-page .row-productSheet svg {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}
.order-page .placeholder {
  width: 100%;
  height: 0.625rem;
  background-color: #fafafa;
}
.order-page .number-type-selector {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  display: flex;
}
.order-page .number-type-selector .bold {
  font-family: var(--font-primary--medium);
}
.order-page .number-type-selector label {
  display: inline-flex;
  align-items: center;
  margin-left: 0.625rem;
}
.order-page .number-type-selector label input {
  margin: 0 0.313rem 0 0;
}
.order-page .back-instock-date {
  margin-top: 0.313rem;
  font-size: 0.75rem;
}
.order-page .add-to-cart-wrapper {
  text-align: right;
}
.order-page .add-to-cart {
  margin-top: 2rem;
}
.order-page .add-to-cart svg {
  fill: var(--theme-color--white);
  margin-right: 0.313rem;
}
.order-page .order-total {
  font-size: 1rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.order-page .order-total div:first-child ~ div {
  margin-top: 0.625em;
  padding-top: 0.625rem;
  border-top: 1px solid var(--theme-color--grayer);
}
.order-page .order-total .bold {
  font-family: var(--font-primary--medium);
}
.order-page .order-total .black {
  font-family: var(--font-primary--bold);
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/order-history-page/order-history-page.scss ***!
  \************************************************************************************************************************************************************/
.order-history-page {
  margin-bottom: 3rem;
}
.order-history-page .button {
  font-family: var(--font-secondary--medium);
}
.order-history-page .order-history-search,
.order-history-page .order-history-pagesize {
  margin-bottom: 1rem;
}
.order-history-page .order-history-search .reset-btn,
.order-history-page .order-history-pagesize .reset-btn {
  font-size: 0.85rem;
  text-decoration: underline;
  margin-left: 1rem;
}
.order-history-page .order-history-pagesize {
  justify-content: space-between;
}
.order-history-page .order-history-pagesize .col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-history-page .order-history-pagesize .col select {
  margin: 0 0.313rem;
}
.order-history-page .order-history-pagesize .col span {
  font-size: 0.75rem;
}
.order-history-page .order-history-pagesize .col .status-filter,
.order-history-page .order-history-pagesize .col .date-filter {
  font-size: 0.85rem;
  font-weight: bold;
  text-decoration: underline;
  margin-right: 1rem;
}
.order-history-page .order-history-pagesize .col .status-filter.active-filter,
.order-history-page .order-history-pagesize .col .date-filter.active-filter {
  text-decoration: none !important;
}
.order-history-page .order-history-search {
  /*
  button {
    @include button-reset;
    height: 36px;
    font-family: inherit;
    background-color: var(--theme-color--grayscull);
    color: var(--theme-color--white);
    padding: 0 1rem;
    border-radius: 0 5px 5px 0;
    transition: 0.3s ease;

    &:hover {
      background-color: var(--theme-color--black);
    }
  }*/
}
.order-history-page .order-history-search .col .oh-date-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
}
@media (min-width: 75rem) {
  .order-history-page .order-history-search .col .oh-date-wrapper {
    margin-top: auto;
  }
}
.order-history-page .order-history-search .col .oh-date-wrapper label {
  font-size: 0.75rem;
  margin-right: 0.313rem;
  font-family: var(--font-primary--medium);
}
.order-history-page .order-history-search .col .oh-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.order-history-page .order-history-search .col .oh-search-wrapper input[type=text] {
  border-radius: 5px;
}
.order-history-page .order-history-search .col .oh-search-wrapper button[type=submit] {
  align-items: center;
}
.order-history-page .order-history-search .col .oh-search-submit-wrapper {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 75rem) {
  .order-history-page .order-history-search .col .oh-search-submit-wrapper {
    margin-top: 0;
  }
}
.order-history-page .order-history-search input[type=date],
.order-history-page .order-history-search input[type=text] {
  box-sizing: border-box;
  height: 36px;
  padding: 0.313rem 0.625rem;
  border: 1px solid #dedede;
  font-family: var(--font-primary--light);
}
.order-history-page .order-history-search input[type=date]:focus,
.order-history-page .order-history-search input[type=text]:focus {
  outline: none;
  border: 1px solid var(--theme-color--grayscull);
}
.order-history-page input[type=date] {
  border-radius: 5px;
}
.order-history-page input[type=text] {
  border-radius: 5px 0 0 5px;
  flex: 1;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/bundle-index/bundle-index.scss ***!
  \************************************************************************************************************************************************/
.bundle-index {
  margin-bottom: 3rem;
}
.bundle-index .title-wrapper > .container > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.bundle-index .title-wrapper > .container > div .preamble {
  max-width: 600px;
}
.bundle-index .title-wrapper > .container > div img {
  width: 300px;
}
.bundle-index .tabs__content__tab.active {
  margin-top: 2rem;
}
.bundle-index .checkbox-group {
  display: flex;
  margin-bottom: 1rem;
}
.bundle-index .checkbox-group li {
  display: inline-flex;
}
.bundle-index .checkbox-group li:first-child ~ li {
  margin-left: 0.625rem;
}
.bundle-index tbody tr .add-to-cart {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.bundle-index .bundle-index-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 0.75rem;
}
.bundle-index .bundle-index-filters.right {
  justify-content: flex-end;
}
.bundle-index .select-wrapper {
  display: flex;
  align-items: center;
}
.bundle-index .select-wrapper select {
  margin: 0 0.313rem;
}
.bundle-index .number-type-selector {
  margin-bottom: 0;
  display: flex;
}
.bundle-index .number-type-selector .bold {
  font-family: var(--font-primary--medium);
}
.bundle-index .number-type-selector label {
  margin-left: 0.625rem;
}
.bundle-index .bundle-thumb {
  height: 40px;
}
.bundle-index .bundle-product-thumb {
  height: 80px;
}
.bundle-index .colors-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.bundle-index .colors-list li {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 1px solid #909090;
}
.bundle-index .colors-list li:first-child ~ li {
  margin-left: 0.313rem;
}
.bundle-index .product-description h2 {
  font-size: 1.5rem;
  font-family: var(--font-primary--bold);
  margin-bottom: 0.625rem;
}
.bundle-index .product-description h3 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  font-family: var(--font-primary--medium);
}
.bundle-index .product-description p {
  margin-bottom: 0.313rem;
}
.bundle-index .files td a {
  display: flex;
  align-items: flex-end;
}
.bundle-index .files td a svg {
  margin-right: 0.313rem;
}
.bundle-index .bundle-images {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: -1rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.bundle-index .bundle-images li {
  box-sizing: border-box;
  padding: 1rem;
  width: 50%;
  display: inline-flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .bundle-index .bundle-images li {
    width: 33.333333%;
  }
}
@media (min-width: 75rem) {
  .bundle-index .bundle-images li {
    width: 25%;
  }
}
.bundle-index .bundle-images li .download-image {
  font-size: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
.bundle-index .bundle-images li .download-image svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
}
.bundle-index .bundle-images li .inner {
  position: relative;
  transition: 0.3s ease;
  display: flex;
  border: 1px solid var(--theme-color--grayer);
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.bundle-index .bundle-images li .inner img {
  max-height: 100%;
  max-width: 100%;
}
.bundle-index .bundle-images li .inner:hover {
  cursor: pointer;
}
.bundle-index .bundle-images li .inner:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.bundle-index .bundle-images li .inner:hover:after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  display: flex;
  align-items: center;
  background-position: center center;
  width: 3rem;
  height: 3rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4LjAzMSAxNi42MTdsNC4yODMgNC4yODItMS40MTUgMS40MTUtNC4yODItNC4yODNBOC45NiA4Ljk2IDAgMCAxIDExIDIwYy00Ljk2OCAwLTktNC4wMzItOS05czQuMDMyLTkgOS05IDkgNC4wMzIgOSA5YTguOTYgOC45NiAwIDAgMS0xLjk2OSA1LjYxN3ptLTIuMDA2LS43NDJBNi45NzcgNi45NzcgMCAwIDAgMTggMTFjMC0zLjg2OC0zLjEzMy03LTctNy0zLjg2OCAwLTcgMy4xMzItNyA3IDAgMy44NjcgMy4xMzIgNyA3IDdhNi45NzcgNi45NzcgMCAwIDAgNC44NzUtMS45NzVsLjE1LS4xNXpNMTAgMTBWN2gydjNoM3YyaC0zdjNoLTJ2LTNIN3YtMmgzeiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/variant-index/variant-index.scss ***!
  \**************************************************************************************************************************************************/
.variant-index {
  margin-bottom: 3rem;
}
.variant-index .button {
  font-family: var(--font-secondary--medium);
}
.variant-index .title-wrapper > .container > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.variant-index .title-wrapper > .container > div .preamble {
  max-width: 600px;
}
.variant-index .title-wrapper > .container > div img {
  width: 300px;
}
.variant-index .cart-controls-wrapper {
  display: flex;
}
.variant-index .cart-controls-wrapper .cart-controls {
  margin-right: 2rem;
}
.variant-index .cart-controls-wrapper .input-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--theme-color--grayer);
  padding: 0.5rem;
  align-self: stretch;
  border-radius: 7px;
  box-sizing: border-box;
  margin-right: 1rem;
}
.variant-index .cart-controls-wrapper .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: 2rem;
  align-self: stretch;
  text-align: center;
  outline: none;
  font-family: inherit;
}
@media (min-width: 38.75rem) {
  .variant-index .cart-controls-wrapper .input-wrapper input[type=number] {
    /*margin: auto;*/
    margin: 0 1rem;
  }
}
.variant-index .cart-controls-wrapper .input-wrapper input[type=number]::-webkit-inner-spin-button, .variant-index .cart-controls-wrapper .input-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.variant-index .cart-controls-wrapper .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;
}
.variant-index .cart-controls-wrapper .input-wrapper button:hover {
  background: var(--theme-color--grayscull);
}
.variant-index .cart-controls-wrapper .input-wrapper button:after {
  line-height: 0;
  font-size: 1rem;
}
.variant-index .cart-controls-wrapper .input-wrapper button.btn-subtr {
  background: var(--theme-color--grayest);
}
.variant-index .cart-controls-wrapper .input-wrapper button.btn-subtr:after {
  content: "-";
  transform: translateY(-2px);
}
.variant-index .cart-controls-wrapper .input-wrapper button.btn-add:after {
  content: "+";
}
.variant-index .button.primary svg {
  fill: var(--theme-color--white);
  margin-right: 0.625rem;
}
.variant-index table {
  width: 100%;
  font-size: 0.875rem;
}
.variant-index table th,
.variant-index table td {
  background-color: var(--theme-color--white);
  border: 2px solid var(--theme-color--gray);
  padding: 0.625rem;
}
.variant-index table .title {
  font-family: var(--font-primary--medium);
}
.variant-index .portal-variant-image {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 0.625rem;
}
.variant-index .download-file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.variant-index .download-file svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.313rem;
}
.variant-index .download-file span {
  text-decoration: underline;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/order-details/order-details.scss ***!
  \**************************************************************************************************************************************************/
.order-details {
  margin-bottom: 3rem;
}
.order-details .button {
  font-family: var(--font-secondary--medium);
}
.order-details .reorder-row {
  display: flex;
  align-items: center;
}
.order-details .reorder-row input[type=checkbox] {
  margin-top: 2px;
}
.order-details .row-subitemnum {
  background-color: var(--theme-color--light);
}
.order-details .row-subitemnum:hover {
  background-color: var(--theme-color--tablerow);
}
.order-details .row-subitemnum > td:first-of-type {
  padding-left: 30px;
}
.order-details .row-unavailable {
  display: flex;
  align-items: center;
  color: #c30646;
}
.order-details .row-unavailable svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.313rem;
  fill: #c30646;
}
.order-details .add-to-cart-wrapper {
  text-align: right;
}
.order-details .track-order-wrapper {
  text-align: right;
  margin-bottom: 1rem;
}
.order-details .track-order-wrapper .button {
  margin-top: 0;
}
.order-details .button {
  margin-top: 2rem;
}
.order-details .button svg {
  fill: var(--theme-color--white);
  margin-right: 0.313rem;
}
.order-details .order-total {
  font-size: 1rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.order-details .order-total div:first-child ~ div {
  margin-top: 0.625em;
  padding-top: 0.625rem;
  border-top: 1px solid var(--theme-color--grayer);
}
.order-details .order-total .bold {
  font-family: var(--font-primary--medium);
}
.order-details .order-total .black {
  font-family: var(--font-primary--bold);
}
.order-details .invalid-articles {
  margin: 1rem 0;
  padding: 1rem;
  color: #c30646;
  background-color: #fde8ef;
  display: flex;
  align-items: center;
  border: 1px solid #c30646;
  border-radius: 3px;
  font-size: 0.875rem;
}
.order-details .invalid-articles svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #c30646;
  margin-right: 0.625rem;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/pages/category-page/category-page.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-page .category-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.category-page .category-items li {
  box-sizing: border-box;
  padding: 0.5rem;
}
@media (min-width: 38.75rem) {
  .category-page .category-items {
    margin: -0.5rem;
  }
  .category-page .category-items li {
    width: 50%;
  }
}
@media (min-width: 48rem) {
  .category-page .category-items li {
    width: 33.333333%;
  }
}
@media (min-width: 62rem) {
  .category-page .category-items li {
    width: 25%;
    padding: 0.5rem;
  }
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/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 .retailer-info {
  margin-bottom: 3rem;
  background: var(--theme-color--white);
}
.checkout .retailer-info figure {
  border: 1.5rem solid var(--theme-color--grayer);
  padding: 1rem;
  display: flex;
  align-items: center;
}
.checkout .retailer-info figure img {
  margin-right: 1rem;
  max-height: 80px;
  max-width: 300px;
}
.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.portal {
  padding-top: 0;
  padding-bottom: 1rem;
  background-color: transparent;
  padding-right: 0;
}
.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 .checkout-freight,
.checkout .checkout-billing,
.checkout .checkout-shipping,
.checkout .checkout-shipping-type,
.checkout .checkout-delivery,
.checkout .checkout-message,
.checkout .checkout-reference,
.checkout .checkout-order-send {
  background-color: var(--theme-color--white);
  padding: 2rem;
  margin-top: 3rem;
}
.checkout .checkout-freight h2,
.checkout .checkout-billing h2,
.checkout .checkout-shipping h2,
.checkout .checkout-shipping-type h2,
.checkout .checkout-delivery h2,
.checkout .checkout-message h2,
.checkout .checkout-reference h2,
.checkout .checkout-order-send h2 {
  font-size: 1.5rem;
  font-family: var(--font-primary--medium);
  margin-bottom: 0.625rem;
}
.checkout .checkout-freight p,
.checkout .checkout-billing p,
.checkout .checkout-shipping p,
.checkout .checkout-shipping-type p,
.checkout .checkout-delivery p,
.checkout .checkout-message p,
.checkout .checkout-reference p,
.checkout .checkout-order-send p {
  font-size: 0.875rem;
}
.checkout .checkout-shipping .address-default,
.checkout .checkout-shipping .address-edited {
  margin-bottom: 0.625rem;
}
.checkout .checkout-shipping .checkout-shipping-form {
  display: none;
}
.checkout .checkout-shipping .button-container {
  display: flex;
}
.checkout .checkout-shipping .button-container button + button {
  margin-left: 1rem;
}
.checkout .checkout-shipping .button-links {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-family: inherit;
  text-decoration: underline;
}
.checkout .checkout-shipping .button-links.restore-shipping-address {
  display: none;
}
.checkout .checkout-shipping form {
  width: 400px;
  margin-top: 1rem;
}
.checkout .checkout-shipping form label {
  display: block;
  font-family: var(--font-primary--medium);
  margin-bottom: 0.313rem;
  font-size: 0.875rem;
}
.checkout .checkout-shipping form input[type=text] {
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.313rem;
  box-sizing: border-box;
}
.checkout .checkout-shipping form button {
  width: 100%;
  margin-top: 1rem;
}
.checkout .checkout-shipping .address-edited {
  display: none;
}
.checkout .checkout-shipping.editing .checkout-shipping-form {
  display: block;
}
.checkout .checkout-shipping.editing .button-links.change-shipping-address {
  display: none;
}
.checkout .checkout-shipping.edited .button-links.change-shipping-address, .checkout .checkout-shipping.edited .button-links.restore-shipping-address {
  display: block;
}
.checkout .checkout-shipping.edited .address-default {
  display: none;
}
.checkout .checkout-shipping.edited .address-edited {
  display: block;
}
.checkout .checkout-message > p {
  margin-bottom: 1rem;
}
.checkout .checkout-message textarea {
  height: 100px;
  width: 400px;
  border-radius: 3px;
  border: 1px solid var(--theme-color--grayer);
  font-family: var(--font-primary--light);
}
.checkout .checkout-reference > p {
  margin-bottom: 1rem;
}
.checkout .checkout-reference input {
  width: 400px;
}
.checkout .checkout-shipping-type .dhl {
  border: 1px solid var(--theme-color--grayer);
  width: 400px;
  padding: 1rem;
  box-sizing: border-box;
}
.checkout .checkout-shipping-type .dhl .wrapper {
  display: flex;
  justify-content: space-between;
}
.checkout .checkout-shipping-type .dhl .wrapper .brand h3 {
  display: flex;
  align-items: center;
}
.checkout .checkout-shipping-type .dhl .wrapper .price {
  font-family: var(--font-primary--medium);
}
.checkout .checkout-shipping-type .dhl .wrapper input[type=radio] {
  margin: 0 0.625rem 0 0;
}
.checkout .checkout-shipping-type .dhl .wrapper img {
  margin-right: 0.625rem;
}
.checkout .checkout-shipping-type .dhl p {
  margin-top: 0.313rem;
}
.checkout .checkout-delivery .delivery-info {
  width: 1rem;
  height: 1rem;
  margin-left: 0.313rem;
}
.checkout .checkout-delivery .partial-delivery {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.checkout .checkout-delivery .partial-delivery > span {
  display: flex;
  align-items: center;
}
.checkout .checkout-delivery .panel-date {
  width: 400px;
}
.checkout .checkout-delivery .date-text {
  margin-top: 0.625rem;
}
.checkout .checkout-delivery .datepicker-inner {
  margin-top: 1rem;
  display: none;
}
.checkout .checkout-delivery .delivery-partial {
  display: none;
}
.checkout .checkout-delivery .delivery-change {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  font-size: 0.875rem;
  margin-top: 1rem;
}
.checkout .checkout-delivery .datepicker-date {
  border: none;
  padding: 0;
  color: var(--theme-color--black);
  font-family: var(--font-primary--medium);
  width: 100%;
  background-color: transparent;
}
.checkout .checkout-delivery.active .datepicker-inner {
  display: block;
}
.checkout .checkout-delivery.active .delivery-change {
  display: none;
}
.checkout .checkout-delivery.delivery-split .delivery-partial {
  display: block;
}
.checkout .checkout-delivery.delivery-split .delivery-full {
  display: none;
}
.checkout .checkout-order-send {
  display: flex;
  flex-direction: column;
}
.checkout .checkout-order-send .button {
  width: 400px;
  margin: 1rem 0;
}
.checkout .checkout-order-send .form-label {
  display: flex;
  align-items: center;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.checkout .checkout-order-send .terms-read {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  margin-top: 1rem;
  font-size: 0.875rem;
  font-family: inherit;
}
.checkout .checkout-order-send .bold {
  font-family: var(--font-primary--bold);
}
.checkout .error-banner {
  margin-top: 1rem;
  padding: 1rem;
  color: #c30646;
  background-color: #fde8ef;
  display: flex;
  align-items: center;
  border: 1px solid #c30646;
  border-radius: 3px;
  font-size: 0.875rem;
  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;
}
.cart-summary ul.portal {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1rem;
}
.cart-summary ul.portal li {
  margin-top: 0.625em;
  padding-top: 0.625rem;
  border-top: 1px solid var(--theme-color--grayer);
}
.cart-summary ul.portal li dl {
  display: flex;
}
.cart-summary ul.portal li dt {
  font-family: var(--font-primary--medium);
  margin-right: 0.313rem;
}

.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/Portal/pages/brochure-page/brochure-page.scss ***!
  \**************************************************************************************************************************************************/
@media (min-width: 62rem) {
  .brochure-page {
    padding-left: 250px;
  }
}
.brochure-page .button {
  font-family: var(--font-secondary--medium);
}
.brochure-page .row-amount {
  width: 60px;
}
.brochure-page .article-number {
  width: 100%;
}
.brochure-page .article-number:disabled {
  background-color: var(--theme-color--gray);
}
.brochure-page tr.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.brochure-page tr.error {
  background-color: #fde8ef !important;
}
.brochure-page tr.error .description {
  color: var(--theme-color--error-red);
  font-family: var(--font-primary--medium);
}
.brochure-page .order-initialize {
  padding: 1rem;
}
.brochure-page select {
  width: 100%;
}
.brochure-page .row-delete {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: inline-flex;
}
.brochure-page .row-delete:disabled {
  opacity: 0.6;
  cursor: initial;
}
.brochure-page .row-delete svg {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}
.brochure-page .placeholder {
  width: 100%;
  height: 0.625rem;
  background-color: var(--theme-color--bg-gray);
}
.brochure-page .number-type-selector {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  display: flex;
}
.brochure-page .number-type-selector .bold {
  font-family: var(--font-primary--medium);
}
.brochure-page .number-type-selector label {
  display: inline-flex;
  align-items: center;
  margin-left: 0.625rem;
}
.brochure-page .number-type-selector label input {
  margin: 0 0.313rem 0 0;
}
.brochure-page .add-to-cart-wrapper {
  text-align: right;
}
.brochure-page .add-to-cart {
  margin-top: 2rem;
}
.brochure-page .add-to-cart svg {
  fill: var(--theme-color--white);
  margin-right: 0.313rem;
}
.brochure-page .gap {
  gap: 6rem;
}
.brochure-page #brochure-cover-sheets {
  background-color: var(--theme-color--white);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1px solid var(--theme-color--border-gray);
  height: fit-content;
}
.brochure-page #brochure-cover-sheets .page-type-header {
  font-family: var(--font-primary--medium);
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 1rem;
  border-bottom: 2px solid var(--theme-color--grayer);
  overflow: hidden;
}
.brochure-page #brochure-cover-sheets ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.brochure-page #brochure-cover-sheets ul li {
  padding: 0.625rem;
}
.brochure-page #brochure-cover-sheets ul li:first-child ~ li {
  border-top: 1px solid var(--theme-color--gray);
}
.brochure-page #brochure-cover-sheets ul li label {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/components/navigation/navigation.scss ***!
  \*************************************************************************************************************************************************/
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.navigation {
  font-family: var(--font-primary--medium);
  background-color: var(--theme-color--white);
  box-sizing: border-box;
  width: 250px;
  position: fixed;
  top: 0;
  left: -250px;
  z-index: 999;
  height: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.navigation .navigation-toggle {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  padding: 0.625rem;
  position: absolute;
  left: 100%;
  top: 0;
}
.navigation .navigation-toggle svg {
  height: 10px;
  width: 10px;
}
.navigation .inner {
  height: 100%;
  overflow-y: auto;
  background-color: var(--theme-color--white);
}
@media (min-width: 75rem) {
  .navigation {
    left: 0;
  }
}
.navigation .site-title {
  padding: 0 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  height: 3.75rem;
  background-color: var(--theme-color--grayer);
  flex-direction: column;
  justify-content: center;
}
.navigation .site-title span {
  display: flex;
}
.navigation .site-title span.site-name {
  font-size: 0.75rem;
  font-family: var(--font-primary--medium);
}
.navigation .site-title span.portal {
  font-size: 0.875rem;
  font-family: var(--font-primary--bold);
}
.navigation .user-info {
  height: 40px;
  font-size: 0.75rem;
  background-color: var(--theme-color--gray);
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 75rem) {
  .navigation .user-info {
    display: none;
  }
}
.navigation .user-info .user-name {
  font-family: var(--font-primary--medium);
}
.navigation .user-info button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  font-family: var(--font-primary--light);
  text-decoration: underline;
}
.navigation dl:first-child ~ dl {
  margin-top: 1rem;
}
.navigation dl dt {
  margin: 1rem;
}
.navigation dl dd ul li a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.navigation dl dd ul li a svg {
  width: 1rem;
  height: 1rem;
  fill: var(--theme-color--black);
}
.navigation dl dd ul li a.active {
  background-color: var(--theme-color--primary);
}
.navigation dl dd ul li a:hover {
  color: var(--theme-color--black);
}
.navigation dl dd ul li a:hover:not(.active) {
  background-color: var(--theme-color--menuhover);
}
.navigation dl dd > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation dl dd > ul > li > a {
  font-size: 0.875rem;
  padding: 0.875rem 1rem;
  color: var(--theme-color--black);
  font-family: var(--font-primary--bold);
}
.navigation dl dd > ul > li > a > svg {
  margin-left: 0.625rem;
}
.navigation dl dd > ul > li > a > span {
  display: flex;
  align-items: flex-end;
}
.navigation dl dd > ul > li > a > span svg {
  margin-right: 0.625rem;
}
.navigation dl dd > ul > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation dl dd > ul > li > ul > li > a {
  font-size: 0.75rem;
  font-family: var(--font-primary--medium);
  padding: 0.75rem 1rem;
}
.navigation dl dd > ul > li > ul > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation dl dd > ul > li > ul > li > ul > li > a {
  font-family: var(--font-primary--light);
  padding: 0.625rem 1rem;
  font-size: 0.75rem;
  background-color: var(--theme-color--tablerow);
}
.navigation .label {
  color: var(--theme-color--grayscull);
  text-transform: uppercase;
  font-size: 0.75rem;
}

body {
  transition: 0.3s ease;
}
body.menu-active .navigation {
  left: 0;
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -ms-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -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.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -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;
}
body.menu-active:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/components/header/header.scss ***!
  \*****************************************************************************************************************************************/
.header {
  background-color: #dbdbdb;
  height: 3.75rem;
  margin-left: 0;
  font-size: 0.75rem;
  font-family: var(--font-primary--medium);
}
@media (min-width: 75rem) {
  .header {
    padding-left: 250px;
  }
}
@media (min-width: 118.75rem) {
  .header {
    font-size: 0.875rem;
  }
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
}
.header .header-user {
  width: 25%;
  display: none;
  align-items: center;
}
.header .header-user .user-name {
  font-family: var(--font-primary--bold);
}
@media (min-width: 75rem) {
  .header .header-user {
    display: inline-flex;
    width: 30%;
  }
}
.header .header-search {
  width: 50%;
  box-sizing: border-box;
}
@media (min-width: 75rem) {
  .header .header-search {
    width: 40%;
  }
}
.header .header-search .search-input {
  width: auto;
  max-width: 400px;
}
.header .header-links {
  width: 50%;
  justify-content: space-between;
  display: flex;
  margin-left: 2rem;
}
@media (min-width: 75rem) {
  .header .header-links {
    width: 30%;
  }
}
.header .title {
  color: var(--theme-color--white);
  font-family: var(--font-primary--medium);
}
.header .menu-mobile {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-left: 2rem;
}
@media (min-width: 75rem) {
  .header .menu-mobile {
    display: none;
  }
}
.header .menu-mobile svg {
  fill: var(--theme-color--black);
}
.header form {
  display: flex;
  margin: 0;
}
.header svg {
  width: 1.5rem;
  height: 1.5rem;
}
.header a,
.header button:not(.menu-mobile, .portal-search) {
  color: var(--theme-color--black);
  display: inline-flex;
  align-items: center;
}
.header a svg,
.header button:not(.menu-mobile, .portal-search) svg {
  fill: var(--theme-color--black);
  margin-left: 0.313rem;
}
.header a span,
.header button:not(.menu-mobile, .portal-search) span {
  color: var(--theme-color--black);
}
.header .amount {
  background-color: var(--theme-color--tertiary);
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -8px;
  right: -12px;
  color: var(--theme-color--white);
  z-index: 99999;
  border-radius: 50%;
  font-size: 0.688rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .user-account,
.header .customer-service {
  margin-right: 2rem;
}
@media (min-width: 75rem) {
  .header .user-account,
.header .customer-service {
    margin-right: 1rem;
  }
}
.header .customer-service a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.header .customer-service a > div:first-child ~ div {
  font-family: var(--font-primary--bold);
}
.header .shopping-cart {
  position: relative;
}
.header .user-logout,
.header .shopping-cart {
  background-color: transparent;
  margin: 0 0 0 2rem;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  border: none;
  cursor: pointer;
}
@media (min-width: 75rem) {
  .header .user-logout,
.header .shopping-cart {
    margin: 0 0 0 1rem;
  }
}
.header > div {
  display: flex;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/components/header-checkout/header-checkout.scss ***!
  \***********************************************************************************************************************************************************/
.header-checkout {
  background-color: var(--theme-color--white);
  height: 3.75rem;
  margin-left: 0;
  font-size: 0.75rem;
  font-family: var(--font-primary--medium);
}
@media (min-width: 118.75rem) {
  .header-checkout {
    font-size: 0.875rem;
  }
}
.header-checkout .container {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-left: var(--theme-gutter--fluid);
  padding-right: var(--theme-gutter--fluid);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
}
@media (max-width: 38.688rem) {
  .header-checkout .container {
    width: 100%;
  }
}
@media (min-width: 38.75rem) {
  .header-checkout .container {
    width: 36.875rem;
  }
}
@media (min-width: 48rem) {
  .header-checkout .container {
    width: 46.875rem;
  }
}
@media (min-width: 62rem) {
  .header-checkout .container {
    width: 60.625rem;
  }
}
@media (min-width: 75rem) {
  .header-checkout .container {
    width: 73.125rem;
  }
}
.header-checkout .header-back {
  width: 25%;
  align-items: center;
}
.header-checkout .header-back a {
  display: flex;
  align-items: center;
}
.header-checkout .header-back svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.313rem;
}
.header-checkout .header-logo {
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
.header-checkout .header-logo img {
  width: 10rem;
}
.header-checkout .header-phone {
  width: 25%;
  display: flex;
  justify-content: flex-end;
}
.header-checkout .title {
  color: var(--theme-color--white);
  font-family: var(--font-primary--medium);
}
.header-checkout .menu-mobile {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  margin-left: 2rem;
}
@media (min-width: 75rem) {
  .header-checkout .menu-mobile {
    display: none;
  }
}
.header-checkout .menu-mobile svg {
  fill: var(--theme-color--black);
}
.header-checkout form {
  display: flex;
  margin: 0;
}
.header-checkout .customer-service a {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.header-checkout .customer-service a > div:first-child ~ div {
  font-family: var(--font-primary--bold);
}
/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/components/breadcrumbs/breadcrumbs.scss ***!
  \***************************************************************************************************************************************************/
.breadcrumbs {
  background-color: var(--theme-color--white);
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--theme-color--gray);
  display: flex;
  font-size: 0.75rem;
  align-items: center;
}
.breadcrumbs ul li {
  display: flex;
}
.breadcrumbs ul li:first-child ~ li {
  margin-left: 0.625rem;
}
.breadcrumbs ul li:first-child ~ li:before {
  content: "/";
  display: inline-flex;
  margin-right: 0.625rem;
}
.breadcrumbs ul a {
  font-family: var(--font-primary--medium);
  color: #535353;
}
.breadcrumbs ul span {
  color: #535353;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/blocks/file-list/file-list.scss ***!
  \*******************************************************************************************************************************************/
.file-list {
  background-color: var(--theme-color--white);
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid var(--theme-color--gray);
  margin-bottom: 2rem;
}
.file-list .file-header {
  font-family: var(--font-primary--medium);
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 1rem;
  border-bottom: 2px solid var(--theme-color--grayer);
  overflow: hidden;
}
.file-list > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.file-list > ul > li {
  display: flex;
  padding: 0.625rem;
}
.file-list > ul > li:first-child ~ li {
  border-top: 1px solid var(--theme-color--gray);
}
.file-list > ul > li a {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.file-list > ul > li a svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Resources/Portal/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 h2 {
  font-size: 1.5rem;
  font-family: var(--font-primary--bold);
}
.EPiServerForms h3 {
  font-size: 1.2rem;
  font-family: var(--font-primary--bold);
}
.EPiServerForms * {
  box-sizing: border-box;
}
.EPiServerForms .EPiServerForms .Form__Status .Form__Warning__Message {
  color: #805243;
}
.EPiServerForms .Form__Status .Form__Success__Message {
  background-color: #fff !important;
}
.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/Portal/blocks/modal-container-block/modal-container-block.scss ***!
  \*******************************************************************************************************************************************************************/
.modal-container-block {
  z-index: 1010;
  position: fixed;
  bottom: var(--theme-margin-md);
  left: var(--theme-margin-md);
  right: var(--theme-margin-md);
  margin: auto;
  display: none;
  max-height: calc(90% - var(--theme-margin-md));
  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 !important;
}
.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 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 {
  padding: var(--theme-margin-lg);
  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);
  }
  .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/Portal/main.scss (1) ***!
  \*************************************************************************************************************************/
/* 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;
}

/*! jQuery UI - v1.12.1 - 2020-06-11
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  /*  pointer-events: none;*/
  background-color: var(--theme-color--gray);
  color: var(--theme-color--grayest);
  opacity: 0.6;
}

.ui-state-active {
  font-family: var(--font-primary--medium);
  background-color: #e3f4ea;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid var(--theme-color--grayer);
  width: 17em;
  padding: 1rem;
  display: none;
}

.ui-datepicker-header {
  background-color: var(--theme-color--gray);
  font-family: var(--font-primary--medium);
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ui-datepicker .ui-datepicker-prev {
  order: 1;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:after {
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwLjgyOCAxMmw0Ljk1IDQuOTUtMS40MTQgMS40MTRMOCAxMmw2LjM2NC02LjM2NCAxLjQxNCAxLjQxNHoiIGZpbGw9InJnYmEoNzYsNzYsNzYsMSkiLz48L3N2Zz4=);
  width: 1.5rem;
  height: 1.5rem;
}

.ui-datepicker .ui-datepicker-next {
  order: 3;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next:after {
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEzLjE3MiAxMmwtNC45NS00Ljk1IDEuNDE0LTEuNDE0TDE2IDEybC02LjM2NCA2LjM2NC0xLjQxNC0xLjQxNHoiIGZpbGw9InJnYmEoNzYsNzYsNzYsMSkiLz48L3N2Zz4=);
  width: 1.5rem;
  height: 1.5rem;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker-today {
  background-color: #e2f2ff;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  order: 2;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
}

.ui-datepicker tbody {
  border-right: 1px solid var(--theme-color--grayer);
  border-bottom: 1px solid var(--theme-color--grayer);
}

.ui-datepicker td {
  border: 0;
  border-top: 1px solid var(--theme-color--grayer);
  border-left: 1px solid var(--theme-color--grayer);
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.313rem;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

: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");
}
@font-face {
  font-family: "Futura PT Bold";
  src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Futura PT Light";
  src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Futura PT";
  src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Futura PT Condensed";
  src: url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Futura PT Condensed Bold";
  src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@-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 .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 .links ul a.primary, .error-page .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 .links ul a.primary:disabled, .error-page .links ul li:first-child a:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button.primary:hover:not(:disabled), .error-page .links ul a.primary:hover:not(:disabled), .error-page .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 .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 .links ul a:hover {
  border: 2px solid var(--theme-color--darkish);
  color: var(--theme-color--darkish);
}
.button.cart-button, .error-page .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 .links ul a.cart-button {
    width: 100%;
  }
}
.button.cart-button svg, .error-page .links ul a.cart-button svg {
  fill: var(--theme-color--white);
}
.button.tertiary, .error-page .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 .links ul a:not(.tiny) {
  font-size: 0.75rem;
  padding: 0.625rem 0.875rem;
}
.button.tiny, .error-page .links ul a.tiny {
  font-size: 0.625rem;
  padding: 0.5rem 0.875rem;
}
.button.wide, .error-page .links ul a.wide {
  width: 100%;
}
.button > *, .error-page .links ul a > * {
  pointer-events: none;
}
.button svg, .error-page .links ul a svg {
  width: 1rem;
  height: 1rem;
}
.button svg.left, .error-page .links ul a svg.left {
  margin-right: 0.625rem;
}
.button svg.right, .error-page .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);
}

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;
}

.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;
}

.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 .links ul a, .error-page .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 .links ul a i, .error-page .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 .links ul a i, .error-page .links ul .cart-items .cart-item a i {
    margin-right: 0.5rem;
  }
}
.cart-items .cart-item .button svg, .cart-items .cart-item .error-page .links ul a svg, .error-page .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 .links ul a.remove-from-cart, .error-page .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 .links ul a.remove-from-cart, .error-page .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 .links ul a.remove-from-cart svg, .error-page .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);
  }
}
html {
  overflow-y: scroll;
}

html,
body {
  font-family: var(--font-primary--light);
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--theme-color--body);
}

main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (min-width: 75rem) {
  main .start-page,
main .standard-page,
main .search-page,
main .order-history-page,
main .order-page,
main .bundle-index,
main .variant-index,
main .order-details,
main .error-page,
main .change-password-page {
    padding-left: 250px;
  }
}

main[data-loading=true] > div {
  opacity: 0.3;
  pointer-events: none;
  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 + 125px);
  width: 4rem;
  height: 4rem;
  z-index: 1100;
}

.title-wrapper {
  padding: 2rem 0;
  background-color: var(--theme-color--gray);
  margin-bottom: 2rem;
}
.title-wrapper h1 {
  font-size: 1.75rem;
  font-family: var(--font-secondary--medium);
}
.title-wrapper .preamble {
  font-family: var(--font-primary--medium);
  font-size: var(--text-size--preamble);
  line-height: var(--theme-heading--line);
  margin-top: 0.625rem;
}
.title-wrapper .preamble.narrow {
  max-width: 600px;
}

.main-body {
  margin-bottom: 2rem;
}
.main-body a {
  text-decoration: underline;
}
.main-body strong {
  font-family: var(--font-primary--medium);
}
.main-body em {
  font-style: italic;
}
.main-body p {
  margin-bottom: 2rem;
}
.main-body h2 {
  font-size: 1.5rem;
  font-family: var(--font-primary--bold);
}
.main-body h3 {
  font-size: 1.2rem;
  font-family: var(--font-primary--bold);
}
.main-body h4 {
  font-size: 1.1rem;
  font-family: var(--font-primary--bold);
}

.theme-macro-portal h1 {
  font-size: 3rem;
}
.theme-macro-portal h2 {
  font-size: 1.5rem;
  font-family: var(--font-primary--bold);
}
.theme-macro-portal h3 {
  font-size: 1.2rem;
  font-family: var(--font-primary--bold);
}
.theme-macro-portal h4 {
  font-size: 1.1rem;
  font-family: var(--font-primary--bold);
}
.theme-macro-portal .site-name {
  font-size: 0.85rem;
}
.theme-macro-portal .portal {
  font-size: 0.975rem;
}
.theme-macro-portal .user-logout span {
  font-size: 0.9rem;
}
.theme-macro-portal .header .amount {
  background-color: black;
  color: white;
}
.theme-macro-portal .breadcrumbs ul li a {
  font-size: 0.9rem;
}
.theme-macro-portal [data-page=search-page] .search-results .button, .theme-macro-portal [data-page=search-page] .search-results .error-page .links ul a, .error-page .links ul .theme-macro-portal [data-page=search-page] .search-results a {
  font-size: 0.9rem;
  background: none;
  border: 1px solid black;
  text-transform: capitalize;
  color: black;
  padding: 10px 20px;
  font-family: var(--font-primary--medium);
}
.theme-macro-portal [data-page=search-page] .search-results .button:hover, .theme-macro-portal [data-page=search-page] .search-results .error-page .links ul a:hover, .error-page .links ul .theme-macro-portal [data-page=search-page] .search-results a:hover {
  opacity: 0.6;
}
.theme-macro-portal number-type-selector label,
.theme-macro-portal number-type-selector span {
  font-size: 0.9rem;
}
.theme-macro-portal .button .tiny .primary, .theme-macro-portal .button .tiny .error-page .links ul li:first-child a, .error-page .links ul li:first-child .theme-macro-portal .button .tiny a, .theme-macro-portal .error-page .links ul a .tiny .primary, .theme-macro-portal .error-page .links ul a .tiny li:first-child a, .theme-macro-portal .error-page .links ul li:first-child a .tiny a, .error-page .links ul .theme-macro-portal a .tiny .primary, .error-page .links ul .theme-macro-portal a .tiny li:first-child a, .error-page .links ul li:first-child .theme-macro-portal a .tiny a {
  font-size: 0.9rem;
}
.theme-macro-portal [data-page=search-page] .search-results .search-items li p {
  font-size: 1rem;
}
.theme-macro-portal [data-page=search-page] .search-results__content h3,
.theme-macro-portal [data-page=search-page] .search-results__content h4 {
  font-size: 1.4rem;
}
.theme-macro-portal .cart-items span {
  font-size: 0.9rem;
}
.theme-macro-portal .card table thead tr th a {
  font-size: 0.9rem;
}
.theme-macro-portal .file-list ul li a {
  font-size: 1rem;
}
.theme-macro-portal .navigation dl dd > ul > li > ul > li > a {
  font-size: 0.9rem;
}
.theme-macro-portal .navigation dl dd > ul > li > a {
  font-size: 1rem;
  font-family: var(--font-primary--medium);
}
.theme-macro-portal .navigation dl dd > ul > li > ul > li > ul > li > a {
  font-size: 0.9rem;
}
.theme-macro-portal .category-card h2 {
  font-size: 1.2rem;
  font-family: var(--font-primary--medium);
  text-transform: capitalize;
  letter-spacing: normal;
}
.theme-macro-portal .button-filter {
  border: 1px solid black;
  font-family: var(--font-primary--medium);
  border-radius: unset;
  font-size: 1rem;
}
.theme-macro-portal .button.secondary, .error-page .links ul .theme-macro-portal a,
.theme-macro-portal .error-page .links ul a {
  font-size: 0.75rem;
  text-transform: capitalize;
  font-family: var(--font-primary--medium);
}
.theme-macro-portal .checkout .checkout-order-send .button, .theme-macro-portal .checkout .checkout-order-send .error-page .links ul a, .error-page .links ul .theme-macro-portal .checkout .checkout-order-send a {
  width: 250px;
  background-color: black;
  font-family: var(--font-primary--medium);
  padding: 0.825rem 0.875rem;
  text-transform: capitalize;
}
.theme-macro-portal .toast {
  background: white;
  border: 2px solid black;
  border-radius: initial;
}

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;
}

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

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

.add-to-cart > * {
  pointer-events: none;
}

.not-loggedin {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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;
  }
}

input[type=text],
input[type=password] {
  border-radius: 3px;
  border: 1px solid var(--theme-color--grayer);
  font-family: var(--font-primary--light);
}

.form-label {
  cursor: pointer;
  user-select: none;
}

input[type=checkbox] {
  display: flex;
  margin: 0 0.313rem 0 0;
}

.container {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (min-width: 1600px) {
  .container {
    width: 1269px;
  }
}
.container.margin-bottom {
  margin-bottom: 2rem;
}

.row {
  display: flex;
  flex-direction: column;
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: hidden;
}
@media (min-width: 75rem) {
  .row {
    flex-direction: row;
  }
}
.row .col {
  padding: 0 1rem;
  box-sizing: border-box;
}
.row .col.col-1 {
  width: 8.3333333333%;
}
.row .col.col-2 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-2 {
    width: calc(100% / 12 * 2);
  }
}
.row .col.col-3 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-3 {
    width: calc(100% / 12 * 3);
  }
}
.row .col.col-4 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-4 {
    width: calc(100% / 12 * 4);
  }
}
.row .col.col-5 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-5 {
    width: calc(100% / 12 * 5);
  }
}
.row .col.col-6 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-6 {
    width: calc(100% / 12 * 6);
  }
}
.row .col.col-7 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-7 {
    width: calc(100% / 12 * 7);
  }
}
.row .col.col-8 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-8 {
    width: calc(100% / 12 * 8);
  }
}
.row .col.col-9 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-9 {
    width: calc(100% / 12 * 9);
  }
}
.row .col.col-10 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-10 {
    width: calc(100% / 12 * 10);
  }
}
.row .col.col-11 {
  width: 100%;
}
@media (min-width: 75rem) {
  .row .col.col-11 {
    width: calc(100% / 12 * 11);
  }
}
.row .col.col-12 {
  width: 100%;
}

.card {
  background-color: var(--theme-color--white);
  border: 1px solid #dedede;
  border-radius: 3px;
  margin-bottom: 1rem;
}
.card header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--theme-color--gray);
}
.card header .title {
  font-family: var(--font-primary--bold);
  font-size: 0.875rem;
}
.card header .badge {
  border-radius: 1rem;
  font-size: 0.75rem;
  padding: 0.313rem 0.625rem;
}
.card header .badge.count {
  font-family: var(--font-primary--medium);
  color: var(--theme-color--white);
  background-color: #4caf50;
}
.card table {
  display: table;
  table-layout: fixed;
  min-width: 100%;
}
.card table th input[type=number],
.card table th input[type=text],
.card table td input[type=number],
.card table td input[type=text] {
  box-sizing: border-box;
  padding: 0.313rem 0.625rem;
  border-radius: 0.313rem;
  border: 1px solid #dddddd;
  background-color: #fefefe;
  transition: 0.3s ease;
  font-family: inherit;
  font-size: 0.75rem;
}
.card table th input[type=number]:focus,
.card table th input[type=text]:focus,
.card table td input[type=number]:focus,
.card table td input[type=text]:focus {
  background-color: var(--theme-color--gray);
  outline: 0;
}
.card table thead {
  width: inherit;
  background-color: var(--theme-color--gray);
  font-size: 0.875rem;
  box-sizing: border-box;
}
.card table thead tr th {
  font-family: var(--font-primary--medium);
  padding: 1rem;
  text-align: left;
}
.card table thead tr th a {
  display: flex;
  align-items: center;
}
.card table thead tr th a svg {
  margin-left: 0.313rem;
  width: 0.75rem;
  height: 0.75rem;
}
.card table thead tr th a:not(.active) {
  border-color: var(--theme-color--grayscull);
}
.card table thead tr th a:not(.active) svg {
  fill: var(--theme-color--grayscull);
}
.card table thead tr th a.active {
  border-color: var(--theme-color--grayest);
}
.card table thead tr th a.active svg {
  fill: #e09855;
}
.card table tbody {
  font-size: 0.875rem;
}
.card table tbody tr {
  transition: 0.3s ease;
}
.card table tbody tr:first-child ~ tr {
  border-top: 1px solid var(--theme-color--gray);
}
.card table tbody tr td {
  padding: 1rem;
}
.card table tbody tr td a {
  text-decoration: underline;
}
.card table tbody tr td a:hover svg {
  fill: var(--theme-color--tertiary);
}
.card table tbody tr td svg {
  width: 1rem;
  height: 1rem;
}
.card table tbody tr:hover {
  background-color: var(--theme-color--tablerow);
}
.card table tfoot tr {
  justify-content: center;
  align-items: center;
}
.card table tfoot tr button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: var(--font-primary--medium);
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 0.875rem;
  background-color: #fafafa;
  transition: 0.3s ease;
  border-top: 1px solid var(--theme-color--gray);
  outline: none;
}
.card table tfoot tr button:hover, .card table tfoot tr button:focus {
  background-color: #eff1f1;
  border-top: 1px solid var(--theme-color--grayer);
}
.card table tfoot tr button span {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.card table tfoot tr svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.313rem;
}
.card table.fluid {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.card table.fluid thead tr,
.card table.fluid tbody tr,
.card table.fluid tfoot tr {
  display: flex;
  width: inherit;
}
.card table.fluid .truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card table.fluid th,
.card table.fluid td {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.card table.fluid th.col-flex-1,
.card table.fluid td.col-flex-1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 10%;
}
.card table.fluid th.col-flex-15,
.card table.fluid td.col-flex-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 15%;
}
.card table.fluid th.col-flex-2,
.card table.fluid td.col-flex-2 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 20%;
}
.card table.fluid th.col-flex-25,
.card table.fluid td.col-flex-25 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 25%;
}
.card table.fluid th.col-flex-3,
.card table.fluid td.col-flex-3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 30%;
}
.card table.fluid th.col-flex-35,
.card table.fluid td.col-flex-35 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 35%;
}
.card table.fluid th.col-flex-4,
.card table.fluid td.col-flex-4 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 40%;
}
.card table.fluid th.col-flex-45,
.card table.fluid td.col-flex-45 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 45%;
}
.card table.fluid th.col-flex-5,
.card table.fluid td.col-flex-5 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50%;
}
.card table.fluid th.col-flex-55,
.card table.fluid td.col-flex-55 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 55%;
}
.card table.fluid th.col-flex-6,
.card table.fluid td.col-flex-6 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 60%;
}
.card table.fluid th.col-flex-65,
.card table.fluid td.col-flex-65 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 65%;
}
.card table.fluid th.col-flex-7,
.card table.fluid td.col-flex-7 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 70%;
}
.card table.fluid th.col-flex-75,
.card table.fluid td.col-flex-75 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 75%;
}
.card table.fluid th.col-flex-8,
.card table.fluid td.col-flex-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 80%;
}
.card table.fluid th.col-flex-85,
.card table.fluid td.col-flex-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 85%;
}
.card table.fluid th.col-flex-9,
.card table.fluid td.col-flex-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 90%;
}
.card table.fluid th.col-flex-95,
.card table.fluid td.col-flex-95 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 95%;
}
.card table.fluid th.col-flex-10,
.card table.fluid td.col-flex-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
}
.card table.fluid th.col-flex-105,
.card table.fluid td.col-flex-105 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 105%;
}
.card table.fluid.flex-col {
  flex-direction: column;
}
.card table.fluid.h-left {
  justify-content: flex-start;
}
.card table.fluid.h-center {
  justify-content: center;
}
.card table.fluid .h-center {
  justify-content: center;
}
.card table.fluid.h-right {
  justify-content: flex-end;
}
.card table.fluid thead tr th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card table.fluid tbody tr td.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card table.fluid tbody tr:nth-child(even) {
  background-color: var(--theme-color--gray);
}
.card table.fixed {
  display: table;
  table-layout: fixed;
  min-width: 100%;
}
.card table.fixed th.h-center,
.card table.fixed td.h-center {
  text-align: center;
}
.card table.fixed th.h-right,
.card table.fixed td.h-right {
  text-align: right;
}
.card table.fixed thead tr th {
  min-width: 100px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.card table.fixed tbody tr td {
  white-space: nowrap;
}
.card table.fixed tbody tr td .cart-actions {
  width: 150px;
  display: inline-flex;
}
.card.overflow {
  overflow-x: auto;
}
.card:not(.overflow) {
  overflow: hidden;
}

.stock > span {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.313rem;
}
.stock > span.stock-in {
  background-color: #8bc34a;
}
.stock > span.stock-few {
  background-color: #ffc107;
}
.stock > span.stock-out {
  background-color: #f44336;
}
.stock > span.stock-order {
  background-color: #9e9e9e;
}

.cart-controls {
  display: flex;
}
.cart-controls input[type=number] {
  width: 50px;
  margin: 0 0.313rem;
}
.cart-controls button {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.cart-controls svg {
  width: 1.5rem;
  height: 1.5rem;
}

.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 .links {
  margin-top: var(--theme-margin-lg);
}
.error-page .links ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.error-page .links ul a {
  margin-bottom: var(--theme-margin-xs);
  font-family: var(--font-secondary--bold);
}
@media (min-width: 48rem) {
  .error-page .links ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .error-page .links ul a {
    margin-right: var(--theme-margin-xs);
  }
}

.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;
}

.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;
}

.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);
}

.image-text-block .container {
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 0;
  width: auto;
}
@media (min-width: 1600px) {
  .image-text-block .container {
    width: 1269px;
  }
}

.faq {
  margin-bottom: 2rem;
}

.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;
}