@charset "UTF-8";

/* opitz/styles/_main.css */
@font-face {
  font-display: swap;
  font-family: "c";
  font-style: normal;
  font-weight: 300;
  src: url(/themes/opitz/assets/fonts/Roboto-Light.ttf) format("ttf");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    url(/themes/opitz/assets/fonts/Roboto-Regular.ttf) format("ttf"),
    url(/themes/opitz/assets/fonts/Roboto-Regular.woff) format("woff"),
    url(/themes/opitz/assets/fonts/Roboto-Regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  src: url(/themes/opitz/assets/fonts/Roboto-Bold.ttf) format("ttf");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(/themes/opitz/assets/fonts/Roboto-Black.ttf) format("ttf");
}
:root {
  --primary-color: #00417C;
  --secondary-color: #E2007A;
  --tertiary-color:#c2cad9;
  --font-roboto-sans-serif: "R oboto", sans-serif;
  --body-font-family: var(--font-roboto-sans-serif);
  --body-font-size: 1rem;
  --body-font-weight: 300;
  --body-line-height: 1.4;
  --body-color: #485064;
  --body-bg: #EDEFF2;
  --alert-danger-color:#58151c;
  --alert-danger-bg-color:#f8d7da;
  --alert-success-color:#155724;
  --alert-success-bg-color:#d4edda;
  --alert-info-color:#31708f;
  --alert-info-bg-color:#d9edf7;
  --color-white:#FFFFFF;
  --color-pink:#E2007A;
  --color-green:#1DC38C;
  --color-red:#e74c3c;
  --color-yellow:#fbff00;
  --color-blue:#00417C;
  --color-banner-blue:#24588f;
  --color-link-hover: #00417C;
  --color-light-blue:#EDEFF2;
  --color-gray:#485064;
  --color-light-gray:#C3CAD9;
  --gutter-x: 0.75rem;
  --arrow-color: #e74c3c;
  --arrow-size: 1em;
  --arrow-border: 0.2em;
  --fs-large: 1.5rem;
  --monster-font-family:"roboto", sans-serif;
  --theme-border-radius:25px;
}
.secondary-color {
  color: var(--secondary-color) !important;
}
.bg-color-light-gray {
  background-color: var(--color-light-gray);
}
.color-primary-color {
  color: var(--primary-color);
}
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-blue);
}
h1,
.h1 {
  font-size: 3rem;
}
h2,
.h2 {
  font-size: 2.5rem;
}
h3,
.h3 {
  font-size: 2.25rem;
}
h4,
.h4 {
  font-size: 1.875rem;
}
h5,
.h5 {
  font-size: 1.5rem;
}
h6,
.h6 {
  font-size: 1.25rem;
}
p {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}
.fs-large {
  font-size: var(--fs-large);
}
.maincontainer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 75px 1fr auto;
  grid-template-areas: "header" "contentarea" "footer";
  column-gap: 10px;
}
.header {
  grid-area: header;
  position: sticky;
  top: 0;
  background: var(--body-bg);
  z-index: 999;
}
.grid-columns-1 {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}
.grid-columns-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
}
.grid-columns-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.justify-content-end {
  justify-content: end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-space-around {
  justify-content: space-around;
}
.justify-items-center {
  justify-items: center;
}
.align-content-center {
  align-content: center;
}
.align-items-center {
  align-items: center;
}
.align-self-end {
  align-self: end;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.w-100 {
  width: 100%;
}
.clear {
  clear: both;
}
.mt-0 {
  margin-top: 0rem !important;
}
.mt-05 {
  margin-top: 0.5rem !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.mt-2 {
  margin-top: 2rem !important;
}
.mt-3 {
  margin-top: 3rem !important;
}
.mt-4 {
  margin-top: 4rem !important;
}
.mt-5 {
  margin-top: 5rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.m-0 {
  margin: 0px;
}
.p-0 {
  padding: 0px;
}
.pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pb-1 {
  padding-bottom: 1rem;
}
.pb-2 {
  padding-bottom: 2rem;
}
.p-2 {
  padding: 1em;
}
.my-1 {
  margin: 1em 0em;
}
.my-2 {
  margin: 2em 0em;
}
.my-4 {
  margin: 4em 0em;
}
.px-1 {
  padding: 0em 1em;
}
.py-1 {
  padding: 1em 0em;
}
.py-2 {
  padding: 2em 0em;
}
.py-3 {
  padding: 3em 0em;
}
.ps-1 {
  padding-left: 1em;
}
.text-end {
  text-align: right;
}
.bold {
  font-weight: bold;
}
a.text-link,
a.text-link:link,
a.text-link:visited {
  text-decoration: underline;
}
.overflow {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.col-gap-20 {
  column-gap: 20px;
}
.border-round {
  border: 1px solid transparent;
  border-radius: 8px;
}
.footer {
  grid-area: footer;
  padding-bottom: 20px;
  margin-top: 3em;
}
.justify-items-end {
  justify-content: end;
  display: grid;
}
.contentarea {
  grid-area: contentarea;
}
.border-bottom {
  border-bottom: 1px solid var(--color-light-gray);
}
.bg-primary {
  background-color: var(--primary-color);
}
.bg-secondary {
  background-color: var(--secondary-color);
}
.btn {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50px;
  padding: 5px 7px;
  border: none;
  cursor: pointer;
  box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}
.inputbox {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50px;
  padding: 8px 10px;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-default {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50px;
  font-weight: 800;
  width: -webkit-fill-available;
}
.float-btn {
  float: left;
  padding: 4px 2em 0em 2em;
  width: auto;
  line-height: 2em;
}
svg.fill-white {
  fill: var(--color-white);
}
.action-link {
  font-size: 0.8rem;
}
label,
.blue-label {
  color: var(--primary-color);
  padding-bottom: 5px;
  font-size: 0.8rem;
}
input.input-control,
textarea.input-control {
  box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
  border-radius: 22px;
  margin-bottom: 8px;
  border: none;
  background: transparent;
  line-height: 2em;
  color: var(--primary-color);
  padding: 10px 15px;
  box-sizing: border-box;
}
input.input-control:invalid {
}
input.input-control:disabled {
  cursor: not-allowed;
  background-color: var(--color-light-gray);
}
textarea.input-control {
  box-shadow: inset 3px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
  border-radius: 18px;
}
#contactForm {
  max-width: 500px;
}
.form-box {
  text-align: left;
  padding: 1.2rem;
  border-radius: var(--theme-border-radius);
  max-width: -webkit-fill-available;
  margin: 8px;
  margin-bottom: 20px;
  min-width: 330px;
  display: flex;
  flex-direction: column;
}
.form-box-shadow {
  box-shadow:
    inset 2px 2px 2px 0px var(--color-light-gray),
    -4px -4px 5px -2px var(--color-white),
    2px 2px 2px 0px var(--color-light-gray),
    inset -2px -2px 6px 0px var(--color-white);
}
.w-available {
  width: -webkit-fill-available;
}
.btn-round {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50%;
  min-height: 38px;
  min-width: 38px;
}
.btn-primary {
  color: var(--color-white) !important;
  background-color: var(--primary-color);
  border-radius: 50px;
  padding: 7px 20px;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 1em;
  &.w-max-content {
    width: max-content;
    margin-top: 2em;
  }
}
.btn-secondary,
a.btn-secondary,
a.btn-secondary:link,
a.btn-secondary:visited {
  min-width: 100px;
  background-color: var(--secondary-color);
  color: var(--color-white) !important;
  font-size: 1em;
  padding: 7px 20px;
  &.w-max-content {
    width: max-content;
    margin-top: 2em;
  }
}
.btn-primary:hover,
a.btn-secondary:hover {
  color: var(--color-white);
  background-color: var(--primary-color);
}
.d-none {
  display: none;
}
.d-hidden {
  visibility: hidden;
}
.display-grid {
  display: grid;
}
.font {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--primary-color);
}
.font-small {
  font-size: small;
}
.font-blue {
  color: var(--primary-color);
}
.font-white {
  color: var(--color-white);
}
.font-small-footer {
  font-size: 0.9em;
}
.font-xsmall {
  font-size: x-small;
}
.font-large {
  font-size: large;
}
.font-xxlarge {
  font-size: xx-large;
}
.text-decoration-none {
  text-decoration: none;
}
.text-strike {
  text-decoration: line-through;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.p-0 {
  padding: 0px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-l-5px {
  padding-left: 5px;
}
.p-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-t-0 {
  padding-top: 0px;
}
.p-y-1 {
  padding: 1rem 0rem;
}
.p-y-2 {
  padding: 2rem 0rem;
}
.p-y-3 {
  padding: 3rem 0rem;
}
.p-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-y-05 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.m-0 {
  margin: 0px;
}
.m-y-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.m-y-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.m-l-2 {
  margin-left: 2rem;
}
.m-r-2 {
  margin-right: 2rem;
}
.m-y-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m-r-05 {
  margin-right: 0.5rem;
}
.m-t-05 {
  margin-top: 0.5rem;
}
.m-l-05 {
  margin-left: 0.5rem;
}
.m-r-1 {
  margin-right: 1rem;
}
.m-t-1 {
  margin-top: 1rem;
}
.m-t-2 {
  margin-top: 2rem;
}
.m-t-3 {
  margin-top: 3rem;
}
.m-t-5 {
  margin-top: 5rem;
}
.m-t-6 {
  margin-top: 6rem;
}
.m-b-1 {
  margin-bottom: 1rem;
}
.m-b-2 {
  margin-bottom: 2rem;
}
.m-b-3 {
  margin-bottom: 3rem;
}
.m-b-4 {
  margin-bottom: 4rem;
}
.m-b-5 {
  margin-bottom: 5rem;
}
.m-b-6 {
  margin-bottom: 6rem;
}
.m-y-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m-y-14 {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
.m-l-14 {
  margin-left: 1.4rem;
}
.m-t-0 {
  margin-top: 0px;
}
.m-b-0 {
  margin-bottom: 0px;
}
.m-l-0 {
  margin-left: 0px;
}
.m-l-05 {
  margin-left: 0.5rem;
}
.m-b-85 {
  margin-bottom: 85px;
}
.m-l-1 {
  margin-left: 1rem;
}
.m-l-10 {
  margin-left: 10px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.row-gap-10 {
  row-gap: 10px;
}
hr {
  border: none;
  background: var(--color-white);
  height: 1px;
  box-shadow: 0px -1px 6px 2px var(--color-white), 0px 2px 10px 2px var(--color-light-gray);
}
.bg-transparent {
  background: transparent;
}
.b-t-light-gray {
  border-top: 1px solid var(--color-light-gray);
}
.border-none {
  border: unset;
}
.btn-padding {
  padding: 7px 20px;
}
.container-lg {
  padding-right: var(--gutter-x, 0.75rem);
  padding-left: var(--gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-items-left {
  justify-items: left;
}
.table {
  display: flex;
  flex-wrap: wrap;
  .row {
    display: flex;
    width: 100%;
  }
  .cell {
    flex-basis: 33.33%;
    text-align: center;
    font-size: small;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
    text-align: center;
    border-left: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
    &.border-left-none {
      border-left: none;
    }
  }
  .header {
    font-weight: bold;
    font-size: small;
  }
}
.border-bottom-none {
  border-bottom: none !important;
}
.b-radius-none {
  border-radius: unset;
}
.alert:empty {
  display: none !important;
}
.alert {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}
.alert.alert-danger {
  color: var(--alert-danger-color);
  background-color: var(--alert-danger-bg-color);
}
.alert.alert-success {
  color: var(--alert-success-color);
  background-color: var(--alert-success-bg-color);
}
.alert.alert-info {
  color: var(--alert-info-color);
  background-color: var(--alert-info-bg-color);
}
.alert-primary {
  border: 1px solid var(--primary-color);
}
.description {
  ul {
    margin-left: 0px;
    padding-left: 0px;
  }
}
.blue-text-box {
  background-color: var(--tertiary-color);
}
.blue-text-box p {
}

/* opitz/styles/_template.css */
body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  background-color: var(--body-bg);
}
b,
strong {
  font-weight: bold;
}
img.logo {
  max-width: 100%;
  max-height: 50px;
}
.icon-svg-1rem {
  width: 1rem;
}
.icon-svg-2rem {
  width: 2rem;
}
.icon-svg-blue {
  fill: var(--primary-color);
}
.text-block {
  font-size: 1rem;
  font-weight: 400;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-small {
  font-size: small !important;
}
.link-action {
  width: max-content;
  padding: 8px 0px;
  font-weight: bold;
}
.white-space-nowrap {
  white-space: nowrap;
}
.icon-arrow {
  position: relative;
  display: inline-block;
  &:after {
    content: "\2192";
    position: relative;
    top: 5px;
    font-size: 35px;
  }
}
.border-bottom-white {
  border-bottom: 2px solid var(--color-white);
}
.border-bottom-blue {
  border-bottom: 2px solid var(--color-blue);
  width: max-content;
  line-height: 30px;
  .label {
    font-weight: bold !important;
  }
}
.border-bottom-pink {
  border-bottom: 2px solid var(--color-pink);
}
.headerbar {
  display: grid;
  grid-template-columns: 15% 2fr 1fr;
  column-gap: 20px;
  align-items: center;
  height: 100%;
  .btn-default {
    height: 35px;
    white-space: nowrap;
    width: auto;
  }
  monster-message-state-button::part(control) {
    height: 35px;
    white-space: nowrap;
  }
}
span.cart-item {
  display: flex;
  align-items: center;
}
.bg-pink {
  background-color: var(--color-pink);
}
.width-100 {
  width: 100%;
}
.bg-light-gray {
  background-color: var(--color-light-gray);
}
.box-shadow-top {
  -webkit-box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
  -moz-box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
  box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
}
.box-shadow-bottom {
  -webkit-box-shadow: -2px 6px 12px 3px rgba(195, 202, 217, 1);
  -moz-box-shadow: -2px 6px 12px 3px rgba(195, 202, 217, 1);
  box-shadow: -2px 6px 12px 3px rgba(195, 202, 217, 1);
}
.listbox {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50px;
  border: none;
  width: 55px;
  -webkit-box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
  -moz-box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
  box-shadow: -2px -9px 12px 3px rgba(195, 202, 217, 1);
  padding: 8px;
  font-weight: bold;
}
.noResultBox {
  ul {
    list-style-type: disc;
    margin-left: 1.2em;
    li::marker {
      color: var(--color-pink);
    }
  }
}
.text-green {
  color: var(--color-green);
}
.deliverytime_green {
  &:before {
    outline: 1px solid var(--body-color);
    content: " ";
    display: inline-block;
    margin-right: 5px;
    border-radius: 100px;
    height: 10px;
    width: 10px;
    background-color: var(--color-green);
  }
}
.deliverytime_red {
  &:before {
    outline: 1px solid var(--body-color);
    content: " ";
    display: inline-block;
    margin-right: 5px;
    border-radius: 100px;
    height: 10px;
    width: 10px;
    background-color: var(--color-red);
  }
}
.deliverytime_yellow {
  &:before {
    outline: 1px solid var(--body-color);
    content: " ";
    display: inline-block;
    margin-right: 5px;
    border-radius: 100px;
    height: 10px;
    width: 10px;
    background-color: var(--color-yellow);
  }
}
.text-blue {
  color: var(--color-blue);
}
.text-light-blue {
  color: var(--color-light-blue);
}
.text-white {
  color: var(--color-white);
}
.text-white svg {
  fill: var(--color-white);
}
.text-pink {
  color: var(--color-pink);
}
.text-line-through {
  text-decoration: line-through;
}
.text-right {
  text-align: right;
}
.info {
  padding: 10px;
}
.input-group {
  position: relative;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  border-radius: 50px;
}
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  color: var(--primary-color);
  border-radius: 50px;
  border: none;
  cursor: pointer;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 10px 18px;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  box-shadow: 4px 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.border-yellow {
  border: 1px solid yellow;
}
.border-red {
  border: 1px solid red;
}
.border-pink {
  border: 1px solid yellow;
}
.textsite ul,
.itemDetailBox ul,
ul {
  list-style-type: disc;
  margin-left: 1.2em;
  li::marker {
    color: var(--color-pink);
  }
}
.textsite img {
  margin: 1em 0em;
  width: 670px;
  max-width: 100%;
}
.icon-arrow-parallelogram {
  width: 72px;
  height: 8px;
  margin-left: 4px;
  transform: skew(-44deg);
  background: var(--color-white);
  display: block;
  z-index: 0;
  position: relative;
  &.arrow-pink {
    background: var(--color-pink);
  }
  &.arrow-white {
    background: var(--color-white);
  }
  &.arrow-blue {
    background: var(--color-blue);
  }
}
.cart-quantity-circle {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 30px;
  border-radius: 50%;
  color: var(--color-white);
  text-align: center;
  cursor: pointer;
  .cart-quantity {
    position: absolute;
    transform: translate(-33%, -146%);
    background-color: var(--secondary-color);
    display: flex;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 5px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    justify-content: center;
    &.empty {
      line-height: 18px;
    }
  }
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(19%, 1fr));
  column-gap: 1rem;
  align-items: stretch;
  grid-auto-flow: row;
  grid-auto-columns: minmax(19%, 1fr);
  row-gap: 1rem;
  justify-items: center;
}
.product-gallery {
  .card-title {
    min-height: 50px;
  }
  .cards {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-auto-columns: minmax(270px, 1fr);
  }
  .card {
    margin-bottom: 0px;
  }
}
.card:not(:has(.inner-card)) {
  padding: 1.2rem;
  overflow: hidden;
}
.anwendung .card .card-title {
}
.card {
  text-align: left;
  box-shadow:
    inset 2px 2px 2px 0px var(--color-light-gray),
    -4px -4px 5px -2px var(--color-white),
    2px 2px 2px 0px var(--color-light-gray),
    inset -2px -2px 6px 0px var(--color-white);
  border-radius: 25px;
  max-width: -webkit-fill-available;
  margin: 8px;
  margin-bottom: 20px;
  align-items: stretch;
  display: grid;
  img.card-image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .card-title {
    font-size: 1rem;
  }
  .card-description {
    color: var(--color-gray);
    min-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .inner-card {
    box-shadow: inset 4px 4px 10px 0px var(--color-light-gray), inset -4px -4px 12px 3px var(--color-white);
    border-radius: 25px;
    padding: 1.2rem;
    position: relative;
  }
  .btn.style-btn {
    position: absolute;
    width: 77%;
    bottom: 1em;
  }
}
.product-gallery .card {
  margin: 0px;
}
.card-price {
  color: var(--color-pink);
  font-weight: 800;
  font-size: 1.2em;
}
.quantity {
  display: flex;
  justify-content: space-between;
  box-shadow: inset 0px -4px 5px 3px var(--color-white), inset 3px 3px 5px 1px var(--color-light-gray);
  border-radius: 40px;
  padding: 3px 10px;
  width: max-content;
  button {
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    text-align: center;
    border-radius: 50%;
    &:hover {
      background-color: var(--color-link-hover);
    }
  }
  &.btn {
    p {
      text-align: center;
      width: 100%;
    }
  }
}
.input-box {
  width: 40px;
  text-align: center;
  border: none;
  background: transparent;
}
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-box[type=number] {
  -moz-appearance: textfield;
}
.row-gap-50 {
  row-gap: 50px;
}
.col-gap-10 {
  gap: 10px;
}
.box-min-width {
  width: -webkit-fill-available;
  padding: 50px 25px;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
  box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  border-radius: 50%;
  background: var(--color-light-blue);
  padding: 5px;
}
svg.slick-arrow {
  fill: var(--primary-color);
  &:focus,
  &:hover,
  &:active {
    fill: var(--color-link-hover);
  }
}
.slick-arrow.prev {
  left: -40px;
}
.slick-arrow.next {
  right: -40px;
}
.slick-dots {
  right: 19px !important;
  justify-content: end !important;
  display: flex !important;
  li {
    margin: 12px 14px !important;
    button {
      width: 30px !important;
      height: 30px !important;
      border-radius: 50%;
      box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
      border: 0;
      &:before {
        font-size: 15px !important;
        color: var(--color-blue) !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        opacity: 0 !important;
      }
    }
    &.slick-active {
      button:before {
        opacity: 1 !important;
      }
    }
  }
}
.icon-box {
  gap: 20px;
  .btn-customer {
    width: auto;
    padding: 0px 10px;
  }
}
.footer {
  padding-top: 15px;
  clear: both;
  .selectBox li {
    margin: 0px;
  }
}
.footer .grid-lg-2 {
  grid-template-columns: 61% 39%;
}
.footer svg {
  fill: var(--primary-color);
}
.footer a svg,
.footer a:link svg,
.footer a:visited svg {
  fill: var(--primary-color);
}
.footer a:focus svg,
.footer a:hover svg,
.footer a:active svg {
  fill: var(--color-link-hover);
}
.footer ul.nav li {
  padding: 10px 0px;
  margin-right: 20px;
}
.footer .payment-icon-box {
  justify-content: center;
}
.footer .seal-box {
  justify-content: center;
}
.footer .language-box {
  justify-content: right;
}
.footer .payment-icon-box a {
  margin-left: 10px;
}
.footer .navmenu {
  margin: 10px 0px;
}
.footer ul.nav li {
  padding: 0px 0px;
  margin-right: 20px;
  line-height: 1.8em;
}
.big-text {
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 1.4;
}
.cartcontainer {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-areas: "summary content";
  column-gap: 50px;
}
.cartcontainer .itemList {
  margin: 0px;
}
.cartcontainer .col-summary .card {
  position: sticky;
  top: 100px;
}
ul {
  list-style-type: none;
  padding-left: 0px;
}
ul.no-style {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.category-block ul li {
  float: left;
  margin-right: 2rem;
  font-size: 1.1em;
  line-height: 1.5em;
}
.itemList li {
  border-bottom: 1px solid var(--color-light-gray);
}
.itemList li.last {
  border-bottom: none;
}
.downloads li:last-child {
  border-bottom: none;
}
.list-style-secondary {
  list-style-type: square;
  padding-left: 15px;
  li {
    border-bottom: none;
    padding-bottom: 5px;
    &::marker {
      color: var(--secondary-color);
    }
  }
}
.selectBox li {
  margin-bottom: 5px;
}
.selectBox li a,
.selectBox li a:link,
.selectBox li a:visited {
  cursor: pointer;
  color: var(--primary-color);
  padding: 0em 1em;
  line-height: 41px;
  font-weight: normal;
}
button svg {
  fill: var(--primary-color);
}
button.btn-cart-plus svg {
  fill: var(--secondary-color);
}
button:button svg {
  fill: var(--color-link-hover);
}
a:focus svg,
a:hover svg,
a:active svg {
  fill: var(--color-link-hover);
}
a:focus span,
a:active span,
a:hover span {
  color: var(--color-link-hover);
}
a.text-white:focus svg,
a.text-white:hover svg,
a.text-white:active svg {
  fill: var(--color-green);
}
a.text-pink,
a.text-pink:link,
a.text-pink:visited {
  color: var(--color-pink);
}
a.text-pink:focus,
a.text-pink:hover,
a.text-pink:active {
  color: var(--color-white);
}
.selectBox li a:focus,
.selectBox li a:hover,
.selectBox li a:active {
  color: var(--color-link-hover);
}
.selectBox li a.active {
  font-weight: bold;
}
.selectBox li .child a {
  line-height: 1em;
}
.selectBox ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.selectBox ul li svg {
  margin-left: 6px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px;
}
.selectBox li {
  position: relative;
  margin: 0rem 20px 20px 0px;
  float: left;
}
.selectBox .child {
  display: none;
  position: absolute;
  z-index: 501;
  left: 0px;
  background-color: #ffffff;
  min-width: 100%;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  text-align: left;
  box-shadow: 0px 0px 10px #444444;
}
.selectBox .child li {
  margin: 10px 0px;
  padding: 0px;
}
.categoryBox .child,
.pagination.child {
  top: 100%;
}
.language-box .selectBox .child {
  bottom: 100%;
}
.selectBox li:hover .child {
  display: block;
}
.selectBox .icon-arrow-down {
  transform: rotate(-90deg);
  transition: all .5s ease-out;
}
.selectBox li:hover .icon-arrow-down {
  transform: rotate(0deg);
  transition: all .5s ease-out;
}
.select-control {
  margin-bottom: 8px;
  li {
    margin: 0rem 0rem;
    width: 100%;
    a {
      line-height: 28px;
      justify-content: space-between;
      font-size: 0.8rem;
    }
    .btn {
      box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
    }
    svg.downarrow {
      fill: var(--primary-color);
    }
  }
  .child li {
    margin: 4px 0px;
  }
}
.pagination {
  padding-bottom: 0.4rem;
}
.pagination p {
  padding-right: 8px;
  color: var(--primary-color);
}
.pagination li.page-item {
  line-height: 36px;
  padding: 0px 8px;
}
.pagination li.page-item:first-child {
  padding-left: 0px;
}
.pagination {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
}
.pagination li {
  float: left;
}
.pagination li.btn {
  padding: 0px;
}
.pagination svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 6px;
  fill: var(--primary-color);
}
.pagination a:hover svg {
  fill: var(--color-link-hover);
}
.pagination {
  justify-content: space-between;
}
.pagination label {
  color: var(--primary-color);
}
.pagination .previousPageLabel,
.pagination .nextPageLabel,
.pagination .firstPageLabel,
.pagination .lastPageLabel {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  display: block;
  text-align: center;
  box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  border: 0;
}
.product-details-grid .a {
  grid-area: a;
}
.product-details-grid .b {
  grid-area: b;
}
.product-details-grid .c {
  grid-area: c;
}
.product-details-grid .d {
  grid-area: d;
}
.product-details-grid .e {
  grid-area: e;
}
.product-details-grid {
  display: grid;
  grid-template-columns: 300px 2fr 1fr 1fr;
  grid-template-areas: "a b b b" "a c d e";
  row-gap: 20px;
  column-gap: 20px;
}
.upsellingProductsGrid {
  display: grid;
  grid-template-columns: auto 350px;
}
.product-thumb {
  align-content: flex-start;
  width: 70px;
  margin-bottom: 20px;
  display: none;
}
.info-block {
}
.min-width {
  min-width: 350px;
  text-align: left;
}
.paymentIconBox a {
  margin-right: 0.5em;
}
.paymentIconBox svg {
  fill: var(--primary-color);
}
.col-summary ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 2rem;
}
.col-summary .card {
  margin: 0rem 0rem 1rem 0rem;
}
.col-summary ul li {
  margin: 1em 0em;
}
.col-summary .inner-card {
  padding: 2rem;
}
.itemColumns {
  display: grid;
  grid-template-areas: "cartImage cartText cartQuantity" "config config config" "cartSpace cartRemove cartPrice";
  grid-template-columns: 150px auto;
  column-gap: 10px;
  .cartImage {
    grid-area: cartImage;
  }
  .cartImage img {
    width: 100%;
  }
  .cartText {
    grid-area: cartText;
  }
  .cartQuantity {
    grid-area: cartQuantity;
    .btn {
      float: right;
      min-width: 100px;
      margin-top: 1rem;
      height: 2.2em;
    }
  }
  .cartSpace {
    grid-area: cartSpace;
  }
  .cartRemove {
    grid-area: cartRemove;
    display: grid;
    grid-template-columns: 50% 50%;
    .btn-change {
      margin-left: 7px;
    }
    .btn-remove {
      margin-right: 7px;
    }
  }
  .cartPrice {
    grid-area: cartPrice;
    text-align: right;
  }
  .configurator {
    .config {
      border-bottom: 1px solid var(--color-light-gray);
    }
    grid-area: config;
    border: 1px solid var(--color-light-gray);
    border-radius: 20px;
    padding: 20px 20px;
    box-shadow:
      inset 1px 1px 5px 0px var(--color-light-gray),
      -4px -4px 5px -2px var(--color-white),
      1px 1px 5px 0px var(--color-light-gray),
      inset -1px -1px 0px 1px var(--color-white);
    li {
      padding-top: 10px;
    }
    table > thead > tr > th,
    table > thead > tr > td,
    table > tbody > tr > th,
    table > tbody > tr > td,
    table > tfoot > tr > th,
    table > tfoot > tr > td {
      padding: 8px;
      line-height: 1.42857;
      vertical-align: top;
      border-top: 1px solid #ddd;
    }
  }
}
.remove-item,
.remove-item svg {
  cursor: pointer;
  color: var(--color-gray);
}
.remove-item:hover {
  color: var(--color-link-hover);
}
.remove-item:hover svg {
  fill: var(--color-link-hover);
}
.sizeData {
  color: var(--color-gray);
  font-size: 1.4rem;
  font-weight: normal;
}
.downloads .grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "headline sizeData download" "texts texts texts";
  column-gap: 0px;
}
.downloads .grid .headline {
  grid-area: headline;
}
.downloads .grid .downloadBTN {
  grid-area: download;
}
.downloads .grid .text {
  grid-area: texts;
}
.downloads .downloadBTN .btn {
  height: 35px;
  padding: 0rem 2rem;
}
.textsite h5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.textsite h2 {
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}
.account {
  .grid-lg-3 {
    grid-template-columns: 1fr 120px 3fr;
    .sort {
      svg {
        fill: var(--primary-color);
        height: 1em;
        margin-left: 0.5em;
      }
    }
  }
  .grid-lg-one-third {
    grid-template-columns: 1.2fr 3fr;
    column-gap: 25px;
  }
  nav {
    .card {
      padding: 0px;
      li {
        border-bottom: 1px solid var(--color-light-gray);
        padding: 1em 2em;
        a {
          white-space: nowrap;
        }
        a.logout {
          color: var(--secondary-color);
          svg {
            fill: var(--secondary-color);
            margin-top: 2px;
          }
        }
      }
    }
  }
}
.form-col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}
.d-inline {
  display: inline;
}
.boxshadow-lg {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.itemDetailBox {
  .input-box {
    height: 2.2em;
  }
  .container-lg {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}
.product-detail {
  .slider-nav {
    margin-top: 6px;
  }
  max-width: 100%;
  .item-gap {
    gap: 4em;
  }
  monster-select {
    margin-bottom: 1em;
    float: left;
    min-width: 130px;
  }
  .card {
    align-items: start;
  }
  .card.slider {
    float: left;
    max-width: 280px;
    margin-right: 1em;
  }
}
.product-detail {
  .slider-nav {
    margin-top: 6px;
  }
  max-width: 100%;
  .item-gap {
    gap: 4em;
  }
  monster-select {
    margin-bottom: 1em;
    float: left;
    min-width: 130px;
  }
  .card {
    align-items: start;
  }
  .card.slider {
    float: left;
    max-width: 280px;
    margin-right: 1em;
  }
}
.item-block {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.style-card {
  .style-img-link {
    display: block;
    min-width: 169px;
    min-height: 110px;
    background: white;
    margin-bottom: 1em;
  }
  h2 {
    min-height: 2em;
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .product-details-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "b" "a" "c" "d" "e";
  }
  .upsellingProductsGrid {
    grid-template-columns: 100%;
  }
  .col-summary {
    margin-top: 2rem;
    .card {
      margin: 0rem 0rem 1rem 0rem;
    }
  }
  .cartText {
    h6 {
      max-width: 165px !important;
      overflow-wrap: break-word;
    }
  }
  .cards {
    display: block !important;
  }
  .itemColumns {
    .cartQuantity {
      display: flex;
      margin-bottom: 1rem;
      gap: 13px;
      .btn {
        margin-top: 0px;
        width: 90%;
      }
    }
    .cartRemove {
      button {
        height: 2.5rem;
      }
    }
  }
  .product-detail {
    monster-select {
      min-width: 100%;
    }
    .item-gap {
      gap: 0em;
    }
  }
  .item-block {
    margin: 1rem 0rem !important;
  }
  .cartVariant {
    width: 100%;
  }
  .cartVariant monster-select {
    height: 3em;
  }
  .m-sm-b-0 {
    margin-bottom: 0px;
  }
  .m-sm-t-0 {
    margin-top: 0px;
  }
  .fs-sm-small {
    font-size: small;
  }
  .justify-sm-center {
    justify-content: center;
  }
  .justify-sm-left {
    justify-content: left;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-none {
    display: none;
  }
  .table-scrollable-sm {
    overflow-x: auto;
    .table {
      display: block;
      overflow-x: auto;
    }
  }
  .form-box {
    min-width: unset;
  }
  #item-counter {
    display: none;
  }
  .pagestepper {
    display: grid;
    justify-content: space-around;
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 15px;
  }
  .category-block ul li {
    line-height: 3em;
  }
  .d-sm-block {
    display: block;
  }
  .headerbar {
    column-gap: 0px;
    grid-template-columns: 30% 2fr 1fr;
    margin-top: 4px;
  }
  .icon-box {
    gap: 10px;
  }
  .icon-box .btn-menue {
    margin-left: 20px;
  }
  .icon-box .btn-customer {
    margin-left: 10px;
  }
  .footer ul.nav li {
    padding: 7px 0px;
  }
  .footer .payment-icon-box {
    justify-content: left;
  }
  .footer .language-box {
    justify-content: right;
  }
  .footer .seal-box {
    justify-content: left;
  }
  .footer .payment-icon-box a {
    margin-left: 0px;
    margin-right: 10px;
  }
  .md-sticky-bottom {
    position: fixed;
    bottom: 5px;
    box-shadow: 1px 1px 12px 12px var(--color-light-gray);
    left: 0px;
    right: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 90px;
    background: var(--color-light-gray);
    z-index: 5;
    .quantity.btn {
      padding: 7px 12px;
      margin-right: 1em;
    }
  }
  .product-detail {
    .slick-dots {
      bottom: -80px;
      margin-bottom: 18px;
    }
    .text-block {
      margin-top: 50px;
    }
    .slider-item {
      .card.slider {
        margin: 0px;
      }
    }
    monster-select {
      width: 200px;
      line-height: 2em;
    }
    #orderForm {
      padding: 1em;
      width: 100%;
    }
  }
  .text-block.download {
    margin-top: 1em;
  }
  .productDetailsContainer {
    container-name: productDetailsContainer;
    container-type: inline-size;
    width: 100%;
  }
  .itemColumns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
    grid-template-areas: "cartImage cartText" "cartImage cartPrice" "config config" "cartQuantity cartRemove";
    .cartImage img {
      width: 150px;
    }
    .cartPrice {
      text-align: left;
    }
    .cartQuantity {
      .quantity {
      }
      .btn {
        float: left;
      }
    }
    .cartRemove {
      align-self: center;
    }
  }
  .cartcontainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "summary" "content";
    column-gap: 0px;
  }
  .faq {
    h2,
    .h2 {
      font-size: 1.5rem;
    }
    .m-b-5 {
      margin-bottom: 3rem;
    }
    .m-b-6 {
      margin-bottom: 4.5rem;
    }
  }
  .downloads {
    h2,
    .h2 {
      font-size: 1.5rem;
    }
    .m-b-5 {
      margin-bottom: 3rem;
    }
    .m-b-6 {
      margin-bottom: 1.5rem;
    }
    .grid {
      grid-template-areas: "headline sizeData" "texts texts" "download download";
    }
    .float-right {
      float: left;
      margin-top: 0.5rem;
    }
  }
  .textsite {
    h2,
    .h2 {
      font-size: 1.5rem;
    }
    .m-b-5 {
      margin-bottom: 3rem;
    }
    .m-b-6 {
      margin-bottom: 4.5rem;
    }
  }
  .account {
    nav.card {
      ul {
        li {
          &:last-child {
            padding-bottom: 1em;
            border-bottom: none;
          }
          &:first-child {
            padding-top: 1em;
          }
        }
      }
    }
    .itemList {
      li {
        &:first-child {
          display: none;
        }
      }
    }
    .pagination {
      display: none;
    }
  }
}
.cartPage .text-block:first-child {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cards {
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }
  .product-details-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "b" "a" "c" "d" "e";
  }
  .style-card {
    .style-img-link {
      min-width: 275px;
      min-height: 160px;
    }
  }
  .itemColumns {
    .cartQuantity {
      display: flex;
      margin-bottom: 1rem;
      gap: 13px;
      .btn {
        margin-top: 0px;
        width: 100%;
      }
    }
    .cartRemove {
      button {
        height: 2.5rem;
      }
    }
  }
  .cartVariant {
    width: 100%;
  }
  .cartVariant monster-select {
    height: auto;
  }
  .btn-md-round {
    min-height: 40px;
    min-width: 40px;
    box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray) !important;
    width: auto;
  }
  .grid-md-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
  }
  .p-sm-t-3 {
    padding-top: 3rem;
  }
  .p-sm-b-3 {
    padding-bottom: 3rem;
  }
  .d-md-block {
    display: block;
  }
  .d-md-none {
    display: none;
  }
  .img-block {
    margin-left: auto;
    margin-right: auto;
  }
  .product-slider,
  .product-detail,
  .product-carousel {
    .card {
      max-width: -webkit-fill-available;
      .slick-track {
        height: 280px;
      }
    }
  }
  .card {
    max-width: unset;
  }
  .slick-dots {
    justify-content: center !important;
  }
  .headerbar {
    column-gap: 0px;
    grid-template-columns: 30% 2fr 1fr;
    .btn-customer svg,
    .btn-cart svg,
    .btn-menue svg {
      margin-top: 2px;
      margin-left: 2px;
    }
  }
  .icon-box {
    gap: 10px;
  }
  .icon-box .btn-menue {
    margin-left: 20px;
  }
  .icon-box .btn-customer {
    margin-left: 10px;
  }
  h1,
  .bg-pink h1 {
    font-size: clamp(1.8em, 1.5vw, 2em);
  }
  h2,
  .bg-pink h2 {
    font-size: clamp(1.5em, 1.2vw, 1.5em);
  }
  h3,
  .bg-pink h3 {
    font-size: clamp(1.3em, 1.1vw, 1.3em);
  }
  .big-text {
    font-size: 1.4rem;
  }
  .account {
    nav.card {
      ul {
        li {
          &:last-child {
            padding-bottom: 1em;
            border-bottom: none;
          }
          &:first-child {
            padding-top: 1em;
          }
        }
      }
    }
  }
  .justify-md-left {
    justify-content: left;
  }
  .itemColumns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
    grid-template-areas: "cartImage cartText" "cartImage cartPrice" "config config" "cartQuantity cartQuantity" "cartRemove cartRemove";
    .cartImage img {
      width: 150px;
    }
    .cartPrice {
      text-align: left;
    }
    .cartQuantity {
      .quantity {
      }
      .btn {
        float: left;
      }
    }
    .cartRemove {
      align-self: center;
    }
  }
  .cartcontainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "summary" "content";
    column-gap: 0px;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-visible {
    visibility: visible;
  }
  .d-lg-none {
    display: none;
  }
  .p-lg-0 {
    padding-left: 0px !important;
  }
  .navmenu {
    li {
      display: inline-block !important;
    }
  }
  .boxshadow-lg {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
  .grid-lg-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-lg-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-lg-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-md-products {
    display: grid;
    grid-template-columns: 25% 40% repeat(2, 1fr);
  }
  .container-lg {
    max-width: 1500px;
  }
  .headerbar {
    grid-template-columns: 15% minmax(0, 1fr) 1fr;
    .btn-customer svg,
    .btn-cart svg {
      margin-top: 3px;
    }
  }
  .card-grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .container-slider {
    margin: 10px 60px;
    .card {
      min-width: 218px;
      margin-right: 104px;
    }
  }
  .product-detail {
    .card {
      width: 240px;
      box-shadow:
        inset 1px 1px 5px 0px var(--color-light-gray),
        -4px -4px 5px -2px var(--color-white),
        1px 1px 5px 0px var(--color-light-gray),
        inset -1px -1px 0px 1px var(--color-white);
      .slick-track {
        height: 206px;
      }
    }
    .slider-nav {
      .slick-slide {
        margin: 5px 1px;
        min-width: 50px;
      }
      .slick-list {
        padding: 0px 0px !important;
      }
      .slick-current img {
        border: 1px solid var(--color-gray);
      }
    }
    monster-message-state-button::part(control) {
      margin-left: 5px;
    }
  }
  .info-block,
  .technical-block {
    margin-top: 80px;
  }
  .info-block,
  .technical-block p {
    white-space: nowrap;
  }
  .cart-quantity {
    transform: translate(16%, -164%) !important;
  }
  .p-lg-10 {
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .container-slider {
    margin: 10px 0px;
    .card {
      min-width: 280px;
      margin-right: 80px;
      box-shadow:
        inset 2px 2px 2px 0px var(--color-light-gray),
        -4px -4px 5px -2px var(--color-white),
        2px 2px 2px 0px var(--color-light-gray),
        inset -2px -2px 6px 0px var(--color-white);
    }
  }
  .flex-md-row {
    flex-direction: row;
  }
  .product-slider,
  .product-detail {
  }
  .product-detail,
  .product-carousel {
    .card {
      width: 240px;
      .slick-track {
        height: 206px;
      }
    }
    .slider-nav {
      .slick-slide {
        margin: 5px 1px;
        min-width: 50px;
      }
      .slick-list {
        padding: 0px 0px !important;
      }
    }
  }
  .justify-md-center {
    justify-content: center;
  }
  .grid-md-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-md-products {
    display: grid;
    grid-template-columns: 25% 40% repeat(2, 1fr);
  }
}
.flex-auto {
  flex: auto;
}
@media screen and (max-width: 767px) {
  .search-box .search-input {
    position: absolute !important;
    width: 70vw;
    left: 16%;
    top: 59px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    &.visible {
      top: 70px;
      visibility: visible;
      transition: visibility 1s ease-out .2s, top .2s ease-out .2s;
    }
  }
  .foldin > input-group {
    visibility: visible;
  }
}
.foldin {
  padding-bottom: 120px;
  transition: padding-bottom .2s ease-out;
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .search-box input {
    visibility: visible;
  }
  .glass-button {
    box-shadow: 4px 1px 4px rgba(0, 0, 0, 0.2) !important;
  }
  .icon-box .glass-button {
    display: none;
  }
  .search-box button {
    visibility: visible;
  }
  .boxshadow-lg {
    visibility: visible;
  }
  .search-box {
    margin-right: 40px;
  }
}
@media (min-width: 992px) {
  .search-box input {
    visibility: visible;
  }
}
ul.itemList.downloads {
  margin: 0px;
  padding: 0px;
}

/* opitz/styles/_slider.css */
.slider-wrapper {
  margin: 1rem;
  position: relative;
  overflow: hidden;
}
.slides-container {
  height: calc(100vh - 2rem);
  width: 100%;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
  scroll-behavior: smooth;
}
.slide {
  width: 100%;
  height: 100%;
  flex: 1 0 100%;
}
.slides-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slides-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.slide-arrow {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 4rem;
  background-color: white;
  border: none;
  width: 2rem;
  font-size: 3rem;
  padding: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 100ms;
}
.slide-arrow:hover,
.slide-arrow:focus {
  opacity: 1;
}
#slide-arrow-prev {
  left: 0;
  padding-left: 0.25rem;
  border-radius: 0 2rem 2rem 0;
}
#slide-arrow-next {
  right: 0;
  padding-left: 0.75rem;
  border-radius: 2rem 0 0 2rem;
}

/* opitz/styles/_offcanvas.css */
#offcanvas-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 340px;
  height: 100%;
  background-color: var(--body-bg);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  overflow-y: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
#offcanvas-menu[aria-hidden=true] {
  transform: translateX(100%);
}
#offcanvas-menu[aria-hidden=false] {
  transform: translateX(0);
}
.menu-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
.btn-close {
  box-sizing: content-box;
  padding: 10px;
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  position: absolute;
  right: 22px;
  top: 15px;
  width: 20px;
  height: 20px;
}
ul.navbar {
  list-style: none;
  margin: 0;
  padding-top: 25px;
  display: inline-grid;
  justify-content: space-between;
  li {
    display: inline-block;
    padding: 8px;
    font-weight: bold;
    a {
      text-decoration: none;
      color: var(--primary-color);
      font-size: 1.5rem;
      &:hover {
        border-bottom: 2px solid var(--secondary-color);
      }
    }
  }
}

/* opitz/styles/_navigation.css */
ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: list-item;
  justify-content: space-between;
}
ul.nav li {
  display: list-item;
  padding: 10px;
}
ul.nav li a {
  text-decoration: none;
  color: var(--primary-color);
}
ul.nav li a:hover {
  color: var(--color-link-hover);
}
a,
a:link,
a:visited {
  text-decoration: none;
  color: var(--primary-color);
}
a:focus,
a:hover,
a:active {
  color: var(--color-link-hover);
}
a.text-white,
a.text-white:link,
a.text-white:visited {
  color: var(--color-white);
}
a.text-white:focus,
a.text-white:hover,
a.text-white:active {
  color: var(--color-pink);
}
#category-breadcrumb {
  overflow: hidden;
}
#category-breadcrumb ul {
  margin: 0px;
}
#category-breadcrumb ul li {
  float: left;
  &:before {
    content: ">";
    display: inline-block;
    border-radius: 50%;
    color: var(--color-pink);
    margin: auto 7px;
    float: left;
  }
}
#category-breadcrumb li:first-child {
  &:before {
    content: none;
  }
}
#category-breadcrumb a,
#category-breadcrumb a:link,
#category-breadcrumb a:visited {
  color: var(--bs-secondary-color);
  text-decoration: none;
}
#category-breadcrumb a:focus,
#category-breadcrumb a:hover,
#category-breadcrumb a:active {
  color: var(--primary-color);
  text-decoration: underline;
}

/* opitz/styles/_modal.css */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-backdrop .fade.show {
  opacity: 1;
  display: block;
  .modal-backdrop {
    opacity: 0.5;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.fade {
  transition: opacity 0.15s linear;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--body-bg);
  background-clip: padding-box;
  padding: 5px;
  border-radius: 12px;
  box-shadow: inset 4px 4px 10px 0px var(--color-light-gray), inset -4px -4px 12px 3px var(--color-white);
  outline: 0;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  .btn-close {
    padding: 5px;
    box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
    right: 9px;
    top: 8px;
    width: 15px;
    height: 15px;
  }
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
}
.modal-footer {
  display: flex;
  gap: 25px;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 40 !important;
  z-index: 999;
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

/* opitz/styles/_slick.css */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  padding: 0px 5px;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@media screen and (max-width: 767px) {
  .detail-link-slider {
    margin-top: 1em;
  }
}

/* opitz/styles/_slick-theme.css */
.slick-loading .slick-list {
  background: #fff url(/themes/opitz/assets/ajax-loader.gif) center center no-repeat;
}
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(/themes/opitz/assets/fonts/slick.eot);
  src:
    url(/themes/opitz/assets/fonts/slick.eot?#iefix) format("embedded-opentype"),
    url(/themes/opitz/assets/fonts/slick.woff) format("woff"),
    url(/themes/opitz/assets/fonts/slick.ttf) format("truetype"),
    url(/themes/opitz/assets/fonts/slick.svg#slick) format("svg");
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "\2190";
}
[dir=rtl] .slick-prev:before {
  content: "\2192";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "\2192";
}
[dir=rtl] .slick-next:before {
  content: "\2190";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\2022";
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* node_modules/@schukai/monster/source/components/style/color.css */
:after,
:before,
:root {
  --monster-color-gray-1: #f6f6f6;
  --monster-color-gray-2: #e2e2e2;
  --monster-color-gray-3: #8b8b8b;
  --monster-color-gray-4: #6f6f6f;
  --monster-color-gray-5: #3e3e3e;
  --monster-color-gray-6: #222;
  --monster-color-rose-1: #fff7f9;
  --monster-color-rose-2: #ffdce5;
  --monster-color-rose-3: #ff3b8d;
  --monster-color-rose-4: #db0072;
  --monster-color-rose-5: #800040;
  --monster-color-rose-6: #4c0023;
  --monster-color-raspberry-1: #fff8f8;
  --monster-color-raspberry-2: #ffdddf;
  --monster-color-raspberry-3: #ff426c;
  --monster-color-raspberry-4: #de0051;
  --monster-color-raspberry-5: #82002c;
  --monster-color-raspberry-6: #510018;
  --monster-color-red-1: #fff8f6;
  --monster-color-red-2: #ffddd8;
  --monster-color-red-3: #ff4647;
  --monster-color-red-4: #e0002b;
  --monster-color-red-5: #830014;
  --monster-color-red-6: #530003;
  --monster-color-orange-1: #fff8f5;
  --monster-color-orange-2: #ffded1;
  --monster-color-orange-3: #fd4d00;
  --monster-color-orange-4: #cd3c00;
  --monster-color-orange-5: #752100;
  --monster-color-orange-6: #401600;
  --monster-color-cinnamon-1: #fff8f3;
  --monster-color-cinnamon-2: #ffdfc6;
  --monster-color-cinnamon-3: #d57300;
  --monster-color-cinnamon-4: #ac5c00;
  --monster-color-cinnamon-5: #633300;
  --monster-color-cinnamon-6: #371d00;
  --monster-color-amber-1: #fff8ef;
  --monster-color-amber-2: #ffe0b2;
  --monster-color-amber-3: #b98300;
  --monster-color-amber-4: #926700;
  --monster-color-amber-5: #523800;
  --monster-color-amber-6: #302100;
  --monster-color-yellow-1: #fff9e5;
  --monster-color-yellow-2: #ffe53e;
  --monster-color-yellow-3: #9c8b00;
  --monster-color-yellow-4: #7d6f00;
  --monster-color-yellow-5: #463d00;
  --monster-color-yellow-6: #292300;
  --monster-color-lime-1: #f7ffac;
  --monster-color-lime-2: #d5f200;
  --monster-color-lime-3: #819300;
  --monster-color-lime-4: #677600;
  --monster-color-lime-5: #394100;
  --monster-color-lime-6: #222600;
  --monster-color-chartreuse-1: #e5ffc3;
  --monster-color-chartreuse-2: #98fb00;
  --monster-color-chartreuse-3: #5c9b00;
  --monster-color-chartreuse-4: #497c00;
  --monster-color-chartreuse-5: #264500;
  --monster-color-chartreuse-6: #182600;
  --monster-color-green-1: #e0ffd9;
  --monster-color-green-2: #72ff6c;
  --monster-color-green-3: #00a21f;
  --monster-color-green-4: #008217;
  --monster-color-green-5: #004908;
  --monster-color-green-6: #062800;
  --monster-color-emerald-1: #dcffe6;
  --monster-color-emerald-2: #5dffa2;
  --monster-color-emerald-3: #00a05a;
  --monster-color-emerald-4: #008147;
  --monster-color-emerald-5: #004825;
  --monster-color-emerald-6: #002812;
  --monster-color-aquamarine-1: #daffef;
  --monster-color-aquamarine-2: #42ffc6;
  --monster-color-aquamarine-3: #009f78;
  --monster-color-aquamarine-4: #007f5f;
  --monster-color-aquamarine-5: #004734;
  --monster-color-aquamarine-6: #00281b;
  --monster-color-teal-1: #d7fff7;
  --monster-color-teal-2: #00ffe4;
  --monster-color-teal-3: #009e8c;
  --monster-color-teal-4: #007c6e;
  --monster-color-teal-5: #00443c;
  --monster-color-teal-6: #002722;
  --monster-color-cyan-1: #c4fffe;
  --monster-color-cyan-2: #00fafb;
  --monster-color-cyan-3: #00999a;
  --monster-color-cyan-4: #007a7b;
  --monster-color-cyan-5: #004344;
  --monster-color-cyan-6: #002525;
  --monster-color-powder-1: #dafaff;
  --monster-color-powder-2: #8df0ff;
  --monster-color-powder-3: #0098a9;
  --monster-color-powder-4: #007987;
  --monster-color-powder-5: #004048;
  --monster-color-powder-6: #002227;
  --monster-color-sky-1: #e3f7ff;
  --monster-color-sky-2: #aee9ff;
  --monster-color-sky-3: #0094b4;
  --monster-color-sky-4: #007590;
  --monster-color-sky-5: #00404f;
  --monster-color-sky-6: #001f28;
  --monster-color-cerulean-1: #e8f6ff;
  --monster-color-cerulean-2: #b9e3ff;
  --monster-color-cerulean-3: #0092c5;
  --monster-color-cerulean-4: #00749d;
  --monster-color-cerulean-5: #003c54;
  --monster-color-cerulean-6: #001d2a;
  --monster-color-azure-1: #e8f2ff;
  --monster-color-azure-2: #c6e0ff;
  --monster-color-azure-3: #008fdb;
  --monster-color-azure-4: #0071af;
  --monster-color-azure-5: #003b5e;
  --monster-color-azure-6: #001c30;
  --monster-color-blue-1: #f0f4ff;
  --monster-color-blue-2: #d4e0ff;
  --monster-color-blue-3: #0089fc;
  --monster-color-blue-4: #006dca;
  --monster-color-blue-5: #00386d;
  --monster-color-blue-6: #001a39;
  --monster-color-indigo-1: #f3f3ff;
  --monster-color-indigo-2: #deddff;
  --monster-color-indigo-3: #657eff;
  --monster-color-indigo-4: #0061fc;
  --monster-color-indigo-5: #00328a;
  --monster-color-indigo-6: #001649;
  --monster-color-violet-1: #f7f1ff;
  --monster-color-violet-2: #e8daff;
  --monster-color-violet-3: #9b70ff;
  --monster-color-violet-4: #794aff;
  --monster-color-violet-5: #2d0fbf;
  --monster-color-violet-6: #0b0074;
  --monster-color-purple-1: #fdf4ff;
  --monster-color-purple-2: #f7d9ff;
  --monster-color-purple-3: #d150ff;
  --monster-color-purple-4: #b01fe3;
  --monster-color-purple-5: #660087;
  --monster-color-purple-6: #3a004f;
  --monster-color-magenta-1: #fff3fc;
  --monster-color-magenta-2: #ffd7f6;
  --monster-color-magenta-3: #f911e0;
  --monster-color-magenta-4: #ca00b6;
  --monster-color-magenta-5: #740068;
  --monster-color-magenta-6: #44003c;
  --monster-color-pink-1: #fff7fb;
  --monster-color-pink-2: #ffdcec;
  --monster-color-pink-3: #ff2fb2;
  --monster-color-pink-4: #d2008f;
  --monster-color-pink-5: #790051;
  --monster-color-pink-6: #4b0030;
  --monster-gradient-tangerine-1: #e5b875;
  --monster-gradient-tangerine-2: #d9a362;
  --monster-gradient-tangerine-3: #c08a4e;
  --monster-gradient-tangerine-4: #a7713b;
  --monster-gradient-tangerine-5: #8f5a28;
  --monster-gradient-tangerine-6: #360505;
  --monster-color-seashell-1: #f7f5ef;
  --monster-color-seashell-2: #e5e2d9;
  --monster-color-seashell-3: #cbc6b3;
  --monster-color-seashell-4: #a19d8a;
  --monster-color-seashell-5: #7a7566;
  --monster-color-seashell-6: #514d3f;
}

/* node_modules/@schukai/monster/source/components/style/border.css */
.monster-border-primary-1,
.monster-border-primary-2,
.monster-border-primary-3,
.monster-border-primary-4 {
  border-radius: var(--monster-border-radius);
  border-style: var(--monster-border-style);
  border-width: var(--monster-border-width);
}
.monster-border-0 {
  border-radius: 0;
  border-style: none;
  border-width: 0;
}
.monster-border-primary-1 {
  border-color: var(--monster-bg-color-primary-1);
}
.monster-border-primary-2 {
  border-color: var(--monster-bg-color-primary-2);
}
.monster-border-primary-3 {
  border-color: var(--monster-bg-color-primary-3);
}
.monster-border-primary-4 {
  border-color: var(--monster-bg-color-primary-4);
}
.monster-border-secondary-1,
.monster-border-secondary-2,
.monster-border-secondary-3,
.monster-border-secondary-4 {
  border-radius: var(--monster-border-radius);
  border-style: var(--monster-border-style);
  border-width: var(--monster-border-width);
}
.monster-border-secondary-1 {
  border-color: var(--monster-bg-color-secondary-1);
}
.monster-border-secondary-2 {
  border-color: var(--monster-bg-color-secondary-2);
}
.monster-border-secondary-3 {
  border-color: var(--monster-bg-color-secondary-3);
}
.monster-border-secondary-4 {
  border-color: var(--monster-bg-color-secondary-4);
}
.monster-border-tertiary-1,
.monster-border-tertiary-2,
.monster-border-tertiary-3,
.monster-border-tertiary-4 {
  border-radius: var(--monster-border-radius);
  border-style: var(--monster-border-style);
  border-width: var(--monster-border-width);
}
.monster-border-tertiary-1 {
  border-color: var(--monster-bg-color-tertiary-1);
}
.monster-border-tertiary-2 {
  border-color: var(--monster-bg-color-tertiary-2);
}
.monster-border-tertiary-3 {
  border-color: var(--monster-bg-color-tertiary-3);
}
.monster-border-tertiary-4 {
  border-color: var(--monster-bg-color-tertiary-4);
}

/* node_modules/@schukai/monster/source/components/style/property.css */
:after,
:before,
:root {
  --monster-font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Quicksand",
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --monster-font-family-monospace:
    "Consolas",
    "Courier New",
    "Roboto Mono",
    "Source Code Pro",
    "Fira Mono",
    monospace;
  --monster-color-primary-1: var(--monster-color-gray-6);
  --monster-color-primary-2: var(--monster-color-gray-6);
  --monster-color-primary-3: var(--monster-color-cinnamon-1);
  --monster-color-primary-4: var(--monster-color-cinnamon-1);
  --monster-bg-color-primary-1: var(--monster-color-gray-1);
  --monster-bg-color-primary-2: var(--monster-color-gray-2);
  --monster-bg-color-primary-3: var(--monster-color-gray-6);
  --monster-bg-color-primary-4: var(--monster-color-gray-4);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-primary-1: var(--monster-color-gray-1);
    --monster-color-primary-2: var(--monster-color-gray-1);
    --monster-color-primary-3: var(--monster-color-gray-6);
    --monster-color-primary-4: var(--monster-color-gray-6);
    --monster-bg-color-primary-1: var(--monster-color-gray-6);
    --monster-bg-color-primary-2: var(--monster-color-gray-3);
    --monster-bg-color-primary-3: var(--monster-color-gray-2);
    --monster-bg-color-primary-4: var(--monster-color-gray-1);
  }
}
:after,
:before,
:root {
  --monster-color-secondary-1: var(--monster-color-red-4);
  --monster-color-secondary-2: var(--monster-color-red-4);
  --monster-color-secondary-3: var(--monster-color-red-1);
  --monster-color-secondary-4: var(--monster-color-red-1);
  --monster-bg-color-secondary-1: var(--monster-color-gray-1);
  --monster-bg-color-secondary-2: var(--monster-color-red-2);
  --monster-bg-color-secondary-3: var(--monster-color-red-3);
  --monster-bg-color-secondary-4: var(--monster-color-red-6);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-secondary-1: var(--monster-color-red-1);
    --monster-color-secondary-2: var(--monster-color-red-1);
    --monster-color-secondary-3: var(--monster-color-red-6);
    --monster-color-secondary-4: var(--monster-color-red-4);
    --monster-bg-color-secondary-1: var(--monster-color-gray-6);
    --monster-bg-color-secondary-2: var(--monster-color-red-3);
    --monster-bg-color-secondary-3: var(--monster-color-red-2);
    --monster-bg-color-secondary-4: var(--monster-color-red-1);
  }
}
:after,
:before,
:root {
  --monster-color-tertiary-1: var(--monster-color-magenta-4);
  --monster-color-tertiary-2: var(--monster-color-magenta-4);
  --monster-color-tertiary-3: var(--monster-color-magenta-6);
  --monster-color-tertiary-4: var(--monster-color-magenta-1);
  --monster-bg-color-tertiary-1: var(--monster-color-gray-1);
  --monster-bg-color-tertiary-2: var(--monster-color-magenta-1);
  --monster-bg-color-tertiary-3: var(--monster-color-magenta-2);
  --monster-bg-color-tertiary-4: var(--monster-color-magenta-6);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-tertiary-1: var(--monster-color-magenta-1);
    --monster-color-tertiary-2: var(--monster-color-magenta-6);
    --monster-color-tertiary-3: var(--monster-color-magenta-4);
    --monster-color-tertiary-4: var(--monster-color-magenta-4);
    --monster-bg-color-tertiary-1: var(--monster-color-gray-6);
    --monster-bg-color-tertiary-2: var(--monster-color-magenta-2);
    --monster-bg-color-tertiary-3: var(--monster-color-magenta-1);
    --monster-bg-color-tertiary-4: var(--monster-color-magenta-1);
  }
}
:after,
:before,
:root {
  --monster-color-destructive-1: var(--monster-color-red-1);
  --monster-color-destructive-2: var(--monster-color-red-4);
  --monster-color-destructive-3: var(--monster-color-red-6);
  --monster-color-destructive-4: var(--monster-color-red-1);
  --monster-bg-color-destructive-1: var(--monster-color-red-4);
  --monster-bg-color-destructive-2: var(--monster-color-gray-1);
  --monster-bg-color-destructive-3: var(--monster-color-red-2);
  --monster-bg-color-destructive-4: var(--monster-color-red-5);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-destructive-1: var(--monster-color-red-1);
    --monster-color-destructive-2: var(--monster-color-red-3);
    --monster-color-destructive-3: var(--monster-color-red-4);
    --monster-color-destructive-4: var(--monster-color-red-1);
    --monster-bg-color-destructive-1: var(--monster-color-red-5);
    --monster-bg-color-destructive-2: var(--monster-color-gray-6);
    --monster-bg-color-destructive-3: var(--monster-color-red-1);
    --monster-bg-color-destructive-4: var(--monster-color-red-4);
  }
}
:after,
:before,
:root {
  --monster-color-success-1: var(--monster-color-green-1);
  --monster-color-success-2: var(--monster-color-green-4);
  --monster-color-success-3: var(--monster-color-green-6);
  --monster-color-success-4: var(--monster-color-green-1);
  --monster-bg-color-success-1: var(--monster-color-green-3);
  --monster-bg-color-success-2: var(--monster-color-gray-1);
  --monster-bg-color-success-3: var(--monster-color-green-2);
  --monster-bg-color-success-4: var(--monster-color-green-5);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-success-1: var(--monster-color-green-1);
    --monster-color-success-2: var(--monster-color-green-2);
    --monster-color-success-3: var(--monster-color-green-4);
    --monster-color-success-4: var(--monster-color-green-1);
    --monster-bg-color-success-1: var(--monster-color-green-5);
    --monster-bg-color-success-2: var(--monster-color-gray-6);
    --monster-bg-color-success-3: var(--monster-color-green-1);
    --monster-bg-color-success-4: var(--monster-color-green-3);
  }
}
:after,
:before,
:root {
  --monster-color-warning-1: var(--monster-color-orange-1);
  --monster-color-warning-2: var(--monster-color-orange-4);
  --monster-color-warning-3: var(--monster-color-orange-6);
  --monster-color-warning-4: var(--monster-color-orange-1);
  --monster-bg-color-warning-1: var(--monster-color-orange-3);
  --monster-bg-color-warning-2: var(--monster-color-gray-1);
  --monster-bg-color-warning-3: var(--monster-color-orange-2);
  --monster-bg-color-warning-4: var(--monster-color-orange-5);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-warning-1: var(--monster-color-orange-1);
    --monster-color-warning-2: var(--monster-color-orange-3);
    --monster-color-warning-3: var(--monster-color-orange-4);
    --monster-color-warning-4: var(--monster-color-orange-1);
    --monster-bg-color-warning-1: var(--monster-color-orange-5);
    --monster-bg-color-warning-2: var(--monster-color-gray-6);
    --monster-bg-color-warning-3: var(--monster-color-orange-1);
    --monster-bg-color-warning-4: var(--monster-color-orange-3);
  }
}
:after,
:before,
:root {
  --monster-color-error-1: var(--monster-color-red-1);
  --monster-color-error-2: var(--monster-color-red-4);
  --monster-color-error-3: var(--monster-color-red-6);
  --monster-color-error-4: var(--monster-color-red-1);
  --monster-bg-color-error-1: var(--monster-color-red-4);
  --monster-bg-color-error-2: var(--monster-color-gray-1);
  --monster-bg-color-error-3: var(--monster-color-red-2);
  --monster-bg-color-error-4: var(--monster-color-red-5);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-error-1: var(--monster-color-red-1);
    --monster-color-error-2: var(--monster-color-red-3);
    --monster-color-error-3: var(--monster-color-red-4);
    --monster-color-error-4: var(--monster-color-red-1);
    --monster-bg-color-error-1: var(--monster-color-red-5);
    --monster-bg-color-error-2: var(--monster-color-gray-6);
    --monster-bg-color-error-3: var(--monster-color-red-1);
    --monster-bg-color-error-4: var(--monster-color-red-4);
  }
}
:after,
:before,
:root {
  --monster-color-selection-1: var(--monster-color-gray-6);
  --monster-color-selection-2: var(--monster-color-gray-6);
  --monster-color-selection-3: var(--monster-color-gray-6);
  --monster-color-selection-4: var(--monster-color-gray-1);
  --monster-bg-color-selection-1: var(--monster-color-yellow-2);
  --monster-bg-color-selection-2: var(--monster-color-yellow-1);
  --monster-bg-color-selection-3: var(--monster-color-yellow-2);
  --monster-bg-color-selection-4: var(--monster-color-yellow-6);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-selection-1: var(--monster-color-gray-6);
    --monster-color-selection-2: var(--monster-color-gray-6);
    --monster-color-selection-3: var(--monster-color-gray-6);
    --monster-color-selection-4: var(--monster-color-gray-1);
    --monster-bg-color-selection-1: var(--monster-color-yellow-2);
    --monster-bg-color-selection-2: var(--monster-color-yellow-1);
    --monster-bg-color-selection-3: var(--monster-color-yellow-2);
    --monster-bg-color-selection-4: var(--monster-color-yellow-6);
  }
}
:after,
:before,
:root {
  --monster-color-primary-disabled-1: var(--monster-color-gray-4);
  --monster-color-primary-disabled-2: var(--monster-color-gray-4);
  --monster-color-primary-disabled-3: var(--monster-color-gray-4);
  --monster-color-primary-disabled-4: var(--monster-color-gray-4);
  --monster-bg-color-primary-disabled-1: var(--monster-color-gray-1);
  --monster-bg-color-primary-disabled-2: var(--monster-color-gray-2);
  --monster-bg-color-primary-disabled-3: var(--monster-color-gray-3);
  --monster-bg-color-primary-disabled-4: var(--monster-color-gray-6);
  --monster-color-gradient-1: #833ab4;
  --monster-color-gradient-2: #fd1d1d;
  --monster-color-gradient-3: #fcb045;
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-color-primary-disabled-1: var(--monster-color-gray-4);
    --monster-color-primary-disabled-2: var(--monster-color-gray-4);
    --monster-color-primary-disabled-3: var(--monster-color-gray-3);
    --monster-color-primary-disabled-4: var(--monster-color-gray-3);
    --monster-bg-color-primary-disabled-1: var(--monster-color-gray-6);
    --monster-bg-color-primary-disabled-2: var(--monster-color-gray-3);
    --monster-bg-color-primary-disabled-3: var(--monster-color-gray-2);
    --monster-bg-color-primary-disabled-4: var(--monster-color-gray-1);
    --monster-color-gradient-1: #ffe0b2;
    --monster-color-gradient-2: #ad8275;
    --monster-color-gradient-3: #771ba3;
  }
}
:after,
:before,
:root {
  --monster-box-shadow-1: none;
  --monster-box-shadow-2: -1px 1px 10px 1px hsla(0, 0%, 76%, 0.61);
  --monster-text-shadow: none;
  --monster-theme-control-bg-color: var(--monster-color-seashell-1);
  --monster-theme-control-color: var(--monster-color-seashell-6);
  --monster-theme-control-hover-color: var(--monster-color-seashell-6);
  --monster-theme-control-hover-bg-color: var(--monster-color-seashell-2);
  --monster-theme-control-border-width: 2px;
  --monster-theme-control-border-style: solid;
  --monster-theme-control-border-radius: 0;
  --monster-theme-control-border-color: var(--monster-color-primary-1);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-theme-control-bg-color: var(--monster-color-gray-5);
    --monster-theme-control-color: var(--monster-color-gray-1);
    --monster-theme-control-border-color: var(--monster-color-gray-3);
    --monster-theme-control-hover-color: var(--monster-color-gray-1);
    --monster-theme-control-hover-bg-color: var(--monster-color-gray-6);
  }
}
:after,
:before,
:root {
  --monster-theme-on-color: var(--monster-color-green-1);
  --monster-theme-on-bg-color: var(--monster-color-green-5);
  --monster-theme-off-color: var(--monster-color-gray-1);
  --monster-theme-off-bg-color: var(--monster-color-gray-4);
}
@media (prefers-color-scheme: dark) {
  :after,
  :before,
  :root {
    --monster-theme-on-color: var(--monster-color-gray-6);
    --monster-theme-on-bg-color: var(--monster-color-gray-1);
    --monster-theme-off-color: var(--monster-color-gray-1);
    --monster-theme-off-bg-color: var(--monster-color-gray-5);
  }
}
:after,
:before,
:root {
  --monster-border-style: solid;
  --monster-border-width: 3px;
  --monster-border-radius: 0;
  --monster-outline-width: 1px;
  --monster-popper-witharrrow-distance: -4px;
  --monster-z-index-default: 0;
  --monster-z-index-outline: 10;
  --monster-z-index-dropdown: 200;
  --monster-z-index-dropdown-overlay: 210;
  --monster-z-index-sticky: 300;
  --monster-z-index-sticky-overlay: 310;
  --monster-z-index-fixed: 400;
  --monster-z-index-fixed-overlay: 410;
  --monster-z-index-modal-backdrop: 500;
  --monster-z-index-modal-backdrop-overlay: 510;
  --monster-z-index-offcanvas: 600;
  --monster-z-index-offcanvas-overlay: 610;
  --monster-z-index-modal: 700;
  --monster-z-index-modal-overlay: 710;
  --monster-z-index-popover: 800;
  --monster-z-index-popover-overlay: 810;
  --monster-z-index-tooltip: 800;
  --monster-z-index-tooltip-overlay: 910;
  --monster-space-0: 0;
  --monster-space-1: 2px;
  --monster-space-2: 4px;
  --monster-space-3: 6px;
  --monster-space-4: 10px;
  --monster-space-5: 16px;
  --monster-space-6: 26px;
  --monster-space-7: 42px;
  --monster-breakpoint-0: 480px;
  --monster-breakpoint-4: 480px;
  --monster-breakpoint-7: 768px;
  --monster-breakpoint-9: 992px;
  --monster-breakpoint-12: 1200px;
  --monster-dragger-width: 2px;
  --monster-dragger-handle-width: 4px;
  --monster-dragger-handle-height: 50px;
}

/* opitz/styles/_monster.css */
:root {
  --monster-bg-color-tertiary-4: var(--color-light-blue);
  --monster-color-tertiary-4: var(--primary-color);
  --monster-bg-color-primary-4: var(--primary-color);
  --monster-color-primary-4: var(--color-white);
  --monster-bg-color-secondary-4: var(--secondary-color);
  --monster-color-secondary-4: var(--color-white);
  --monster-bg-color-primary-3: #E2007A;
  --monster-bg-color-secondary-3: var(--bs-secondary);
  --monster-border-radius:50px;
  --monster-box-shadow-1:-1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  --monster-theme-control-border-radius:var(--bs-btn-border-radius);
  --monster-theme-control-border-width:var(--bs-btn-border-width);
  --monster-color-gradient-1:var(--secondary-color);
  --monster-color-gradient-2:var(--secondary-color);
  --monster-color-gradient-3:var(--secondary-color);
  --monster-font-family:"roboto", sans-serif;
  --monster-color-primary-1:var(--primary-color);
  --monster-border-width:1px;
  --monster-bg-color-primary-1: var(--monster-color-gray-1);
  --monster-color-secondary-1: var(--bs-secondary);
  --monster-theme-control-border-color: var(--bs-secondary);
  --monster-theme-control-border-radius:50px;
  --monster-theme-control-border-style:solid;
  --monster-theme-control-border-width:1px;
}
monster-locale-select::part(control) {
  box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  border: none;
}
monster-locale-select::part(selection) {
  white-space: nowrap;
}
monster-locale-select::part(popper) {
  border-radius: 0px;
  box-shadow: none;
  padding: 10px 10px 0px 10px;
}
monster-login::part(field-set-login-header) {
  display: none !important;
}
monster-login::part(login-button-button) {
  border-radius: var(--bs-btn-border-radius);
  border: none;
}
monster-login::part(collapse-login-deco) {
  display: none;
}
monster-login::part(collapse-forgot-password-deco) {
  display: none;
}
monster-login::part(collapse-success-deco) {
  display: none;
}
monster-login::part(collapse-digits-deco) {
  display: none;
}
monster-login::part(field-set-forgot-password-header) {
  display: none;
}
monster-login::part(forgot-password-button-button) {
  border: none;
}
monster-login::part(field-set-digits-header) {
  display: none;
}
monster-login::part(collapse-login-container) {
  padding: 0px;
  margin: 0px;
}
monster-login::part(field-set-login-content) {
  padding: 0px;
  margin: 0px;
}
monster-login::part(field-set-forgot-password-content) {
  padding: 0px;
  margin: 0px;
}
monster-login::part(collapse-forgot-password-container) {
  padding: 0px;
  margin: 0px;
}
monster-login::part(login-label),
monster-login::part(login-password-label) {
  font-size: 0.8rem;
}
monster-login::part(login-username),
monster-login::part(input-group-password) {
  border: none;
  box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
  border-radius: var(--monster-theme-control-border-radius);
  margin-bottom: 8px;
  border: none;
  background: transparent;
  color: var(--primary-color);
}
monster-login::part(login-username) {
  padding: 5px;
}
monster-login::part(input-group-password) {
  padding: 2px;
}
monster-login::part(input-group-password-input) {
  border-radius: var(--monster-theme-control-border-radius);
}
monster-login::part(forgot-password-label) {
  font-size: 0.8rem;
}
monster-login::part(field-set-forgot-password-email) {
  border-radius: var(--monster-theme-control-border-radius);
  border: none;
  box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
  margin-bottom: 8px;
  border: none;
  background: transparent;
  padding: 5px;
  color: var(--primary-color);
}
monster-message-state-button::part(control) {
  z-index: 0;
}
monster-message-state-button.disabled::part(button-button) {
  background-color: var(--color-light-gray);
  border: none;
  cursor: not-allowed;
}
monster-message-state-button.disabled .secondary-color {
  color: var(--color-gray) !important;
}
monster-select::part(control) {
  border-radius: var(--monster-border-radius);
  box-shadow: inset 0px -4px 5px 3px var(--color-white), inset 3px 3px 5px 1px var(--color-light-gray);
  padding: 2px;
  border: none;
}
monster-select::part(popper) {
  border-radius: 0;
  padding: 0;
  box-shadow: inset 0px -4px 5px 3px var(--color-white), inset 3px 3px 5px 1px var(--color-light-gray);
  z-index: 999;
  border: none;
}
monster-select::part(remove-badge) {
  display: none;
}
monster-select::part(status-or-remove-badges) {
  display: none;
}
monster-select::part(form-radio-option) {
  border-radius: 10px;
}
.product-detail monster-select::part(form-radio-option) {
  border-radius: 10px;
}
monster-select::part(selection) {
  gap: 0px;
  justify-content: center;
}
monster-reload {
  position: relative;
}
monster-details::part(button) {
  border-radius: 0px !important;
}
monster-details::part(summary) {
  .deco-line {
    background: var(--primary-color) !important;
  }
}
monster-details::part(deco-line) {
  background: transparent;
}
.product-gallery {
  monster-message-state-button {
    min-height: 38px;
    min-width: 38px;
  }
}
opitz-details::part(button-area) {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0px;
}
monster-select::part(selection) {
  margin: 9px 5px;
}
monster-message-state-button.cartButton::part(button-button) {
  margin: 0px;
}
#orderForm monster-message-state-button {
  float: left;
}
.quantity.btn {
  float: left;
  margin-right: 0.5em;
}
@container productDetailsContainer (width < 450px) {
  monster-message-state-button.cartButton::part(button-button) {
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .product-detail monster-select::part(form-radio-option) {
    height: 2.1em;
    line-height: 1.5em;
  }
  #orderForm monster-message-state-button {
    width: 100%;
  }
}
monster-select.galleryFilter::part(popper) {
  background: white;
}
monster-slider::part(thumbnails) {
  bottom: 0em;
}

/* opitz/styles/_filter.css */
ul.categoryList {
  margin-left: 0px;
  margin-right: 0px;
}
.categoryList a.active {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 3px;
}
.galleryFilterWrapper {
  float: left;
  margin-bottom: 10px;
  min-width: 20%;
  min-height: 72px;
}
.galleryFilterWrapper label {
  padding-left: 10px;
}
monster-select.galleryFilter {
  margin-right: 30px;
  margin-bottom: 10px;
  margin-top: 5px;
}
#btnSubmitTest {
  width: 17%;
  margin-top: 26px;
  float: left;
  height: 35px;
}
.lazyFormControl {
  opacity: 0.1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.lazyFormControl.active {
  opacity: 1;
}
monster-select.galleryFilter::part(control) {
  color: var(--primary-color);
  background-color: var(--color-light-blue);
  border-radius: 50px;
  padding: 0px 7px;
  border: none;
  cursor: pointer;
  box-shadow: -1px -2px 10px 3px var(--color-white), 2px 3px 5px 1px var(--color-light-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}
monster-select.galleryFilter::part(popper) {
  border-radius: 0;
  padding: 0;
  box-shadow: inset 0px -4px 5px 3px var(--color-white), inset 3px 3px 5px 1px var(--color-light-gray);
  z-index: 999;
  border: none;
  width: 100%;
}
monster-select.galleryFilter::part(form-radio-option) {
  border-radius: 10px;
  height: 14px;
}
monster-select.galleryFilter::part(status-or-remove-badges) {
  display: block;
}
monster-select.galleryFilter::part(selection) {
  margin-left: 20px;
  margin-right: 20px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .galleryFilterWrapper {
    width: 100%;
  }
  monster-select.galleryFilter {
    margin-right: 0px;
  }
  #btnSubmitTest {
    float: none;
    clear: both;
    width: 100%;
  }
}

/* opitz/styles/_checkout.css */
.overviewCustomerGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.overviewCardEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
  overflow: hidden;
}
.customernotice {
  width: 100%;
  height: 150px;
}
.islink {
  cursor: pointer;
}
.overviewCustomerGrid .card-body {
  display: flex;
  flex-direction: column;
}
.overviewCustomerGrid .card-body monster-message-state-button {
  align-self: end;
}
.overviewCustomerGrid .card-body .card-text {
  flex-grow: inherit;
}
@media screen and (max-width: 767px) {
  .overviewCustomerGrid {
    .card {
      margin: 0px;
    }
  }
  .overviewCardEllipsis {
    max-width: 400px;
  }
}
@media (min-width: 576px) {
  .overviewCustomerGrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .overviewCustomerGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* opitz/styles/_forms.css */
.mandatory {
  color: var(--secondary-color);
  font-size: 1.5em;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
:invalid ~ .invalid-feedback {
  display: block;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
*:focus:not(:focus-visible) {
  outline: none;
}
*:focus-visible,
.is-invalid {
  border-color: var(--secondary-color) !important;
  outline-color: var(--secondary-color) !important;
  border-style: solid !important;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control,
.form-floating > .form-select {
  line-height: 1.25;
  border: none;
  background-color: transparent;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
#account-register-modalcontainer {
  .form-floating > .form-control {
    padding: 2rem 0.75rem 1rem 0.75rem;
    width: 95%;
  }
  select {
    box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
    border-radius: 22px;
    margin-bottom: 8px;
    border: none;
    background: transparent;
    padding: 5px;
  }
}
#contact-form {
  select {
    box-shadow: inset 1px 3px 2px -2px var(--color-light-gray), inset -3px -2px 7px -1px var(--color-white);
    border-radius: 22px;
    margin-bottom: 8px;
    border: none;
    background: transparent;
    padding: 5px;
  }
  label {
    display: block;
    float: none;
    line-height: 2em;
  }
  input {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
  }
  textarea {
    width: 100%;
    height: 16em;
  }
}
@media screen and (max-width: 767px) {
  #contact-form {
    .d-flex.row {
      display: block;
    }
  }
}

/* opitz/styles/_account.css */
.account-nav {
  ul {
    margin: 1.5em 0em;
    li {
      float: left;
      margin-right: 1em;
      line-height: 2.5em;
      height: 2.5em;
      a,
      a:link,
      a:visited {
        color: white;
      }
      a:focus,
      a:hover,
      a:active {
        color: var(--primary-color);
      }
      &.logoutbutton {
        line-height: 1.5em;
      }
    }
  }
}
.nav.account-sidebar-nav {
  margin-bottom: 2em;
}
.savedaddresses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.savedaddresses .card-body {
  display: flex;
  flex-direction: column;
}
.savedaddresses .card-body monster-message-state-button {
  align-self: end;
}
.savedaddresses .card-body .card-text {
  flex-grow: inherit;
}
.savedaddresses dl {
  margin: 0px;
}
.savedaddresses .card {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .savedaddresses {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .savedaddresses {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.account-page {
  h1 {
    margin-bottom: 1em;
  }
}
.bg-secondary {
  justify-content: space-between;
  flex-wrap: wrap;
}
.accordion-body {
  border-top: 1px solid var(--color-light-gray);
  &.d-flex {
    justify-content: space-between;
    flex-wrap: warp;
  }
  form {
    &.d-flex {
      justify-content: space-between;
      flex-wrap: wrap;
    }
  }
}
.count {
  text-align: right;
}
@media (min-width: 576px) {
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
ul.personalList {
  li {
    margin-bottom: 1em;
  }
}
@media (max-width: 576px) {
  .count {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .accordion-body {
    &.d-flex {
      flex-direction: column;
    }
  }
}
.buyeditemsList {
  margin: 0px 20px;
}
.buyeditemsList dd {
  margin: 0px;
  padding: 0px;
}
section.account h1 {
  margin-bottom: 1em;
}
.nav.account-sidebar-nav .card {
  margin: 0px 0px 1em 0px;
}

/* opitz/styles/_grid.css */
.account-page {
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
  }
}
.col {
  float: left;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.savedaddresses {
  .col-3 {
    float: left;
  }
}
@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6667%;
  }
  .col-1md-2 {
    flex: 0 0 auto;
    width: 100%;
  }
}
ul.personalList {
  li {
    margin-bottom: 1em;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6667%;
  }
  .col-1md-2 {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* opitz/styles/vendor/_webcomponents.css */
.psol-comp-WithResizeObserver {
  width: 100%;
}
:root {
  --color-primary: #67a2c0;
  --color-primary-dark: color-mix(in srgb, var(--color-primary), black 25%);
  --color-primary-light: color-mix(in srgb, var(--color-primary), white 50%);
  --color-secondary: #1f6381;
  --color-highlight: #ffa500;
  --color-light: #e7eaec;
  --color-medium: #aab0b3;
  --color-dark: #43474b;
  --color-success: #59bb39;
  --color-hint: #ebae00;
  --color-warning: #d12a34;
  --color-inactive: #e5e5e5;
  --font-color: #43474b;
  --border-color: #dddddd;
  --background-main: #ffffff;
  --background-main-contrast: #f9f9f9;
  --hover-background: #e7eaec;
  --hover-color: #43474b;
  --link-hover-color: #ee713a;
  --icons-UI-color: magenta;
  --callToAction-background: rgb(255, 51, 153);
  --callToAction-color: #ffffff;
  --checkbox-active-color: var(--color-primary);
  --checkbox-hover-color: var(--color-primary-dark);
  --radio-active-color: var(--color-primary);
  --input-border-radius: 0.25em;
  --dropdown-container-background: #ffffff;
  --dropdown-container-color: var(--font-color);
  --dropdown-list-background: #ffffff;
  --dropdown-list-color: var(--font-color);
  --dropdown-list-hover-background: #e7eaec;
  --dropdown-list-hover-color: #43474b;
  --btn-solid-color: #ffffff;
  --btn-solid-background: var(--color-primary);
  --btn-outlined-color: #43474b;
  --btn-outlined-background: #ffffff;
  --card-background: #ffffff;
  --card-icons: var(--color-primary);
  --card-hover-border: var(--color-primary);
  --card-hover-background: #e7eaec;
  --card-selected-border: var(--color-secondary);
  --card-selected-background: color-mix(in srgb, var(--color-primary), white 50%);
  --table-container-color: #fafafa;
  --table-header-color: #dddddd;
  --table-selected-border: var(--color-primary);
  --table-selected-background: var(--card-hover-background);
  --tableVar-selected-background: color-mix(in srgb, var(--color-primary), white 50%);
  --tableVar-selected-hover-background: color-mix(in srgb, var(--color-primary), white 40%);
  --tab-active-color: #67a2c0;
  --collapsing-area-background: #e7eaec;
  --popover-background: #ffffff;
  --popover-color: #43474b;
  --popover-info-background: #fff7b8;
  --monster-color-amber-2: var(--body-color): ;
}
.eolState::before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.eolState.eol-avoid::before {
  content: "(=)";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 0.75em;
  color: var(--color-primary);
}
.eolState.eol-available::before,
.eolState.eol-replaced-available::before {
  background:
    linear-gradient(
      45deg,
      var(--color-hint) 50%,
      var(--color-success) 50%);
}
.eolState.eol-expired-replaced::before {
  background:
    linear-gradient(
      45deg,
      #e0404a 50%,
      var(--color-success) 50%);
}
.eolState.eol-expired-available::before {
  background: var(--color-hint);
}
.eolState.eol-expired::before {
  background: #e0404a;
  color: #ffffff;
}
.psol-comp-PseudoFullScreenElement {
  position: fixed !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  background-color: var(--background-main);
}
.text-primary {
  color: var(--color-primary);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-light {
  color: var(--color-light);
}
.text-medium {
  color: var(--color-medium);
}
.text-dark {
  color: var(--color-dark);
}
.text-success {
  color: var(--color-success);
}
.text-hint {
  color: var(--color-hint);
}
.text-warning {
  color: var(--color-warning);
}
.text-inactive {
  color: var(--color-inactive);
}
.font-sm {
  font-size: small;
}
.font-bold {
  font-size: bold;
}
.psol-comp-Accordion {
  display: flex;
  flex-direction: column;
  background-color: var(--background-main);
  box-sizing: border-box;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.15);
  border-radius: 0.25em;
}
.psol-comp-Accordion-disabled {
  pointer-events: none;
  opacity: 0.4;
  background: var(--color-inactive);
}
.psol-comp-AccordionDetails {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 0.5em 0.5em;
  flex: 1 1 0;
}
.psol-comp-AccordionDetails-hidden {
  display: none;
}
.psol-comp-Accordiongroup {
  display: flex;
  flex-direction: column;
  padding: 0.25em;
}
.psol-comp-Accordiongroup .psol-comp-Accordion {
  border-radius: 0;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:first-of-type {
  border-radius: 0.25em 0.25em 0 0;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:last-of-type {
  border-radius: 0 0 0.25em 0.25em;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.psol-comp-AccordionTitle {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  cursor: pointer;
  align-items: center;
  padding: 0.5em;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-text {
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-AccordionTitle .psol-comp-Icon svg {
  width: 16px;
  height: 16px;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-down,
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-up {
  flex-shrink: 0;
  transition: transform 0.3s ease-out;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-up {
  transform: rotate(180deg);
}
.psol-comp-allcomp-themeable.psol-comp-AccordionTitle-themeable {
  font-size: 16px;
}
.psol-comp-assistant {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
.psol-comp-assistant .header,
.psol-comp-assistant .footer {
  flex-shrink: 0;
}
.psol-comp-assistant .content {
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
}
.psol-comp-assistant .buttonBar {
  position: relative;
}
.psol-comp-assistantCalcVariable .icon {
  height: 1em;
  margin-right: 0.5em;
}
.psol-comp-assistantContent {
  display: flex;
  flex-direction: column;
}
.psol-comp-assistantFilterVariable .icon {
  height: 1em;
  margin-right: 0.5em;
}
.psol-comp-assistantFilterVariable .enumValues {
  list-style: none;
  padding: 0;
  max-height: 7em;
  overflow: auto;
}
.psol-comp-assistantFilterVariable .enumValues .enumValueChkbx {
  display: none;
}
.psol-comp-assistantFilterVariable .enumValues .enumValueLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-assistantFilterVariable .enumValues .enumValueLabel::before {
  content: "";
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.psol-comp-assistantFilterVariable .enumValues .enumValueChkbx:checked + .enumValueLabel::before {
  content: "X";
}
.psol-comp-assistantHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.psol-comp-assistantHeader .psol-comp-assistantHeader-title {
  display: flex;
  flex-direction: column;
}
.psol-comp-assistantTechViews-themeable .expander {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--color-light);
}
.psol-comp-assistantTechViews-themeable .expander .expander-icon {
  transition: rotate 0.3s ease-in-out;
}
.psol-comp-assistantTechViews-themeable .expander:not(.expanded) .expander-icon {
  transform: rotate(180deg);
}
.psol-comp-assistantTechViews-themeable .views {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-light);
}
.psol-comp-assistantTechViews-themeable .views .views-dropdown {
  margin-bottom: 0.25em;
}
.psol-comp-assistantTechViews-themeable .views .view {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.psol-comp-assistantTechViews-themeable .views .view .image {
  max-height: 18.75em;
  max-width: 100%;
}
.psol-comp-Autocomplete {
  max-height: 200px;
  background-color: var(--dropdown-list-background);
  border: 1px solid var(--border-color);
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden auto;
}
.psol-comp-Autocomplete .suggestion {
  padding: 0.5em 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.psol-comp-Autocomplete .suggestion.selected,
.psol-comp-Autocomplete .suggestion:hover {
  background-color: var(--hover-background);
}
.psol-comp-Autocomplete .suggestion .psol-comp-Icon-themeable,
.psol-comp-Autocomplete .suggestion .before-placeholder {
  width: 1.5em;
  height: 1.5em;
}
.psol-comp-Autocomplete .suggestion .before-placeholder {
  margin-right: 1em;
}
.psol-comp-Autocomplete .suggestion .catalog-Number-Search {
  display: flex;
  flex-direction: row;
  padding-left: 1em;
}
.psol-comp-Autocomplete .suggestion .catalog-Number-Search img.nodeImage {
  height: 1em;
  width: 1em;
  margin: 0;
}
.psol-comp-Autocomplete .suggestion .catalog-Number-Search .psol-comp-Button-themeable {
  height: 1.5em;
  width: 1.5em;
  padding: 1px;
  margin-left: 0.5em;
}
.psol-comp-breadcrumbs {
  background: var(--background-main);
  border-radius: 0.75em;
  position: relative;
  width: 100%;
}
.psol-comp-breadcrumbs .noPointer {
  pointer-events: none;
}
.psol-comp-breadcrumbs .renderHelper,
.psol-comp-breadcrumbs .visibleParents {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.psol-comp-breadcrumbs .renderHelper .crumb.noPointer,
.psol-comp-breadcrumbs .visibleParents .crumb.noPointer {
  overflow: hidden;
}
.psol-comp-breadcrumbs .backArrow {
  margin-right: 1em;
  cursor: pointer;
  width: 2em;
  height: 2em;
}
.psol-comp-breadcrumbs .backArrow .psol-comp-Icon {
  align-items: center;
  color: color-mix(in srgb, var(--font-color), white 15%);
  width: 2em;
  height: 2em;
}
.psol-comp-breadcrumbs .backArrow .psol-comp-Icon:hover {
  color: var(--color-primary);
}
.psol-comp-breadcrumbs .backArrow .psol-comp-Icon svg {
  width: 1.5em;
  height: 1.5em;
}
.psol-comp-breadcrumbs .crumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
  min-height: 1.5em;
}
.psol-comp-breadcrumbs .crumb a .crumbIcon {
  width: 1em;
  height: 1em;
  color: var(--color-primary);
}
.psol-comp-breadcrumbs .crumb a .crumbIcon:hover {
  color: color-mix(in srgb, var(--color-primary), white 20%);
}
.psol-comp-breadcrumbs .crumb a .crumbIcon svg,
.psol-comp-breadcrumbs .crumb a .crumbIcon img {
  width: 1em;
  height: 1em;
}
.psol-comp-breadcrumbs .crumb a .crumbTitle {
  white-space: nowrap;
  flex-grow: 1;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}
.psol-comp-breadcrumbs .crumb a .crumbTitle:hover {
  color: var(--color-primary);
}
.psol-comp-breadcrumbs .crumb .crumbHandle {
  margin-left: 1em;
  cursor: pointer;
}
.psol-comp-breadcrumbs .crumb .crumbHandle .crumbIcon {
  color: color-mix(in srgb, var(--font-color), white 40%);
  align-items: center;
  transform: rotate(-90deg);
}
.psol-comp-breadcrumbs .crumb .crumbHandle .crumbIcon svg {
  width: 1em;
  height: 1em;
}
.psol-comp-breadcrumbs .crumb .crumbHandle .crumbIcon.expanded {
  transform: rotate(0);
}
.psol-comp-breadcrumbs .crumb .crumbHandle .crumbIcon:hover {
  color: var(--color-primary);
}
.psol-comp-breadcrumbs .crumb .dropDownContainer {
  position: absolute;
  top: 100%;
  left: calc(100% - 2em);
  background: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  border: 1px solid var(--border-color);
  width: 15em;
  max-height: 25em;
  box-shadow: 0 1px 3px rgba(170, 176, 179, 0.25);
  overflow: hidden;
  box-sizing: border-box;
  z-index: 4;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .ReactVirtualized__Grid.ReactVirtualized__List:focus {
  outline: none;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer img {
  width: 1.25em;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  height: 1.5em;
  box-sizing: border-box;
  padding: 0 0.25em;
  color: var(--font-color);
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem.measureDummy {
  position: absolute;
  bottom: 100%;
  visibility: hidden;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem .nodeImage {
  color: var(--color-primary);
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.5em;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem .nodeImage svg {
  width: 1.25em;
  height: 1.25em;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem .nodeText {
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-breadcrumbs .crumb .dropDownContainer .dropDownItem:hover {
  background-color: var(--dropdown-list-hover-background);
  color: var(--dropdown-list-hover-color);
}
.psol-comp-breadcrumbs .crumb.collapsed .dropDownContainer {
  left: 0;
}
.psol-comp-breadcrumbs .crumb.single {
  min-width: 0;
}
.psol-comp-breadcrumbs .crumb.single .dropDownContainer {
  width: 100%;
}
.psol-comp-breadcrumbs .crumb:last-child {
  font-weight: bold;
}
.psol-comp-breadcrumbs .collapsed {
  cursor: auto;
}
.psol-comp-breadcrumbs .crumb + .crumb {
  padding-left: 1em;
}
.psol-comp-breadcrumbs .renderHelper {
  position: absolute;
  top: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  box-sizing: border-box;
}
.psol-comp-breadcrumbs .renderHelper .crumb {
  display: block;
  white-space: nowrap;
}
.psol-comp-breadcrumbs .renderHelper .crumb .crumbHandle {
  display: inline-block;
}
.psol-comp-breadcrumbs.chipped {
  background: none;
  border-radius: 0;
}
.psol-comp-breadcrumbs.chipped .renderHelper,
.psol-comp-breadcrumbs.chipped .visibleParents {
  margin: 0;
}
.psol-comp-breadcrumbs.chipped .crumb {
  background: var(--background-main);
  padding: 0 0.5em;
  border-radius: 0.75em;
}
.psol-comp-breadcrumbs.chipped .crumb:last-child {
  font-weight: normal;
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-breadcrumbs.chipped .crumb:last-child .crumbTitle:hover {
  color: var(--font-color);
}
.psol-comp-breadcrumbs.chipped .crumb .crumbHandle {
  margin-left: 0.5em;
}
.psol-comp-breadcrumbs.chipped .crumb + .crumb {
  margin-left: 0.25em;
}
@media (max-width: 767px) {
  .toolTip {
    width: 60vw !important;
    left: -1.5em !important;
  }
}
.psol-comp-ButtonBar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 9px;
}
.psol-comp-ButtonBar .psol-comp-Button {
  margin: 3px;
}
.psol-comp-Card {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: var(--card-background);
}
.psol-comp-Card.elevation-1 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-1:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-1:hover.nohover,
.psol-comp-Card.elevation-1:hover.blurred {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-2 {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-2:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-2:hover.nohover,
.psol-comp-Card.elevation-2:hover.blurred {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-3 {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-3:hover {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-3:hover.nohover,
.psol-comp-Card.elevation-3:hover.blurred {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-4 {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-4:hover {
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-4:hover.nohover,
.psol-comp-Card.elevation-4:hover.blurred {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-5 {
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-5:hover {
  box-shadow: 0 64px 128px rgba(0, 0, 0, 0.15);
}
.psol-comp-Card.elevation-5:hover.nohover,
.psol-comp-Card.elevation-5:hover.blurred {
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.15);
}
.card-toolbar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.card-toolbar .node-details-toggler {
  margin-top: 5px;
  margin-right: 5px;
}
.card-toolbar .catalogIcons {
  margin-right: 5px;
}
.card-toolbar .card-compare-btn {
  margin-right: 5px;
  margin-bottom: 5px;
}
.psol-comp-CharacteristicGraphs {
  position: relative;
  width: 100%;
  height: 100%;
}
.psol-comp-CharacteristicGraphs .psol-comp-fullComponentReturn {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.psol-comp-CharacteristicGraphs .psol-comp-fullComponentReturn .psol-comp-dropdownCharacteristicGraph {
  padding-top: 0.5em;
  margin: 0 auto;
  flex-shrink: 0;
  width: 90%;
}
.psol-comp-CharacteristicGraphs .psol-comp-fullComponentReturn .psol-comp-laneCharacteristicGraph {
  margin: 0 auto;
  width: 90%;
  height: 100%;
  flex-grow: 1;
  min-height: 0;
  max-height: 100%;
}
.psol-comp-CharacteristicGraphs .psol-comp-emptyDataReturn {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  font-weight: 500;
}
.psol-comp-CollapsibleArea {
  position: relative;
  border-radius: 4px;
}
.psol-comp-CollapsibleArea.collapsed,
.psol-comp-CollapsibleArea.expanded {
  transition: background-color 0.5s ease-out;
}
.psol-comp-CollapsibleArea.expanded {
  background-color: var(--background-main);
}
.psol-comp-CollapsibleArea.collapsed {
  background-color: var(--collapsing-area-background);
}
.psol-comp-CollapsibleArea .content {
  position: absolute;
  overflow: hidden;
}
.psol-comp-CollapsibleArea .collapseWidget {
  display: flex;
  flex-direction: row;
  background-color: var(--background-main);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
  margin: 2px;
  text-align: center;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical div.collapsed,
.psol-comp-CollapsibleArea .collapseWidget.vertical div.expanded {
  transition: opacity 0.3s ease-out;
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical div.expanded {
  opacity: 1;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical div.collapsed {
  opacity: 0;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical .expanderHandle {
  transform: rotate(0deg);
  flex-shrink: 0;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical .expanderHandle.collapsed,
.psol-comp-CollapsibleArea .collapseWidget.vertical .expanderHandle.expanded {
  transition: transform 0.3s ease-out, right 0.3s ease-out;
}
.psol-comp-CollapsibleArea .collapseWidget.vertical .expanderHandle.expanded {
  transform: rotate(0deg);
}
.psol-comp-CollapsibleArea .collapseWidget.vertical .expanderHandle.collapsed {
  transform: rotate(180deg);
}
.psol-comp-CollapsibleArea .collapseWidget.horizontal .expanderHandle {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  transform: rotate(90deg);
}
.psol-comp-CollapsibleArea .collapseWidget.horizontal .expanderHandle.collapsed,
.psol-comp-CollapsibleArea .collapseWidget.horizontal .expanderHandle.expanded {
  transition: transform 0.3s ease-out, right 0.3s ease-out;
}
.psol-comp-CollapsibleArea .collapseWidget.horizontal .expanderHandle.expanded {
  transform: rotate(90deg);
  right: 4px;
}
.psol-comp-CollapsibleArea .collapseWidget.horizontal .expanderHandle.collapsed {
  transform: rotate(-90deg);
  right: 1px;
}
.psol-comp-CollapsibleArea .collapseWidget:hover {
  background-color: var(--background-main-contrast);
}
.psol-comp-CollapsibleArea .collapseWidget.collapsed {
  background-color: var(--collapsing-area-background);
}
.psol-comp-CollapsibleArea .summary {
  width: 2.5em;
  height: 2.5em;
  margin: 3em auto 0 auto;
  z-index: 3;
}
.psol-comp-CollapsingBar {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  position: relative;
}
.psol-comp-CollapsingBar .horizontalBar {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
.psol-comp-CollapsingBar .horizontalBar.left {
  justify-content: flex-start;
}
.psol-comp-CollapsingBar .horizontalBar.center {
  justify-content: center;
}
.psol-comp-CollapsingBar .horizontalBar.right {
  justify-content: flex-end;
}
.psol-comp-CollapsingBar .horizontalBar.hidden {
  position: fixed;
  top: -99999px;
  left: 0;
  transform: rotate(90deg);
  margin-right: -100%;
  z-index: -10;
  visibility: hidden;
}
.psol-comp-CollapsingBar .horizontalBar > .psol-comp-Button-themeable {
  flex-shrink: 0;
  align-self: center;
  height: 1.75em;
}
.psol-comp-CollapsingBar .expanding-circle {
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 100%;
  transform: rotate(90deg);
  background-color: var(--color-medium);
  margin-left: auto;
}
.psol-comp-CollapsingBar .expanding-circle.expanded {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-CollapsingBar .collapsed-vertical-bar {
  position: absolute;
  top: 100%;
  right: 0;
  border: 0.125em solid var(--border-color);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: var(--background-main);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
.psol-comp-CollapsingBar .collapsed-vertical-bar > * {
  margin: 0.5rem;
}
.psol-comp-ColorPickerInput-container {
  display: flex;
  flex-direction: row;
  width: 200px;
  justify-content: space-between;
}
.psol-comp-ColorPickerInput-sort {
  display: flex;
  flex-direction: column;
}
.psol-comp-ColorPickerInput {
  display: flex;
  padding: 0;
  margin-top: 4px;
  height: 24px;
  border-radius: 5px;
  border-style: none;
  outline: none;
  box-shadow: none;
  text-align: center;
  background-color: #333333;
  color: #ffffff;
  width: 60px;
}
.psol-comp-ColorPickerInput-rgb {
  display: flex;
  padding: 0;
  margin-top: 4px;
  height: 24px;
  border-radius: 5px;
  border-style: none;
  outline: none;
  box-shadow: none;
  text-align: center;
  background-color: #333333;
  color: #ffffff;
  width: 40px;
}
.psol-comp-ColorPickerInput-span {
  text-align: center;
}
.customColorBtn-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
}
.psol-comp-ColorPresets {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 560px;
}
@media screen and (max-width: 1023px) {
  .psol-comp-ColorPresets {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.psol-comp-ColorTile {
  display: flex;
  border-radius: 4px;
  border: 2px solid var(--border-color);
  justify-content: flex-end;
  margin: 6px;
}
.psol-comp-ColorTile .checkIcon {
  stroke: white;
  stroke-width: 10;
}
.psol-comp-ColorTile:hover {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.psol-comp-ColorTile > div {
  transform: scale(2);
  align-self: flex-start;
  color: green;
}
.psol-comp-CounterWrapper {
  position: relative;
}
.psol-comp-CounterWrapper .psol-comp-Counter {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
}
.psol-comp-CounterWrapper .psol-comp-Counter.jump {
  animation: jump-in-keyframes ease-in-out 0.5s;
}
@keyframes jump-in-keyframes {
  from {
    transform: translate(25%, -25%);
  }
  50% {
    transform: translate(30%, -30%);
  }
  to {
    transform: translate(25%, -25%);
  }
}
.psol-comp-Counter {
  font-size: 0.7rem;
  height: 1em;
  width: 1em;
  line-height: 0.9em;
  transition: 0.5s;
  z-index: 1;
  background: #ff3399;
  border-radius: 50%;
  padding: 0.25em;
  color: white;
  text-align: center;
  font-weight: bold;
}
.psol-comp-Cubesketcher-Help-Dialog .headerContent h3 {
  margin: 0;
}
.psol-comp-Cubesketcher-Help h4 {
  font-size: large;
  margin: 20px 0 10px 0;
}
.psol-comp-Cubesketcher-Help p {
  margin: 10px 0;
}
.psol-comp-Cubesketcher-Help .examples {
  margin: 20px 0;
}
.psol-comp-Cubesketcher-Help .button-description {
  display: flex;
  align-items: center;
  padding: 10px;
}
.psol-comp-Cubesketcher-Help .button-description > :first-child {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}
.psol-comp-Cubesketcher-Help .button-description > :first-child svg {
  width: inherit;
  height: inherit;
  margin-right: inherit;
}
.psol-comp-PaintButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.psol-comp-PaintButtons .psol-comp-PickColorButton * {
  color: currentColor !important;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup {
  display: flex;
}
@media screen and (min-width: 768px) {
  .psol-comp-PaintButtons .sketchSearchButtonsGroup {
    border-right: 2px solid var(--border-color);
    padding-right: 1em;
    margin-right: 1em;
  }
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .psol-comp-slider {
  display: inline-flex;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .psol-comp-slider .psol-comp-sliderInput {
  margin-left: 0.5em;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .psol-comp-slider .psol-comp-rcSlider {
  width: 128px;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .psol-comp-slider .psol-comp-rcSlider .rail {
  background-color: #d5d5d5 !important;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .brushSizeWrapper {
  position: relative;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .brushSizeWrapper .brushSizePopover {
  inset: auto;
  display: flex;
  align-items: center;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .brushSizeWrapper .brushSizePopover .brushSizeIcon {
  display: inline-flex;
  vertical-align: middle;
  height: auto;
  margin: 0 auto;
  width: 4em;
}
.psol-comp-PaintButtons .sketchSearchButtonsGroup .brushSizeWrapper .brushSizePopover span {
  margin: 0;
  margin-left: 0.5em;
  vertical-align: middle;
}
.psol-comp-PaintButtons .psol-comp-ActionButton.inactive {
  opacity: 0.5;
  fill-opacity: initial;
  stroke-opacity: initial;
}
.psol-comp-PaintButtons .psol-comp-ActionButton.toggle-active {
  -webkit-box-shadow: 5px 4px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 4px 7px 1px rgba(0, 0, 0, 0.3);
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-primary);
}
.psol-comp-PaintButtons .psol-comp-ActionButton.toggle-active .solid-dark {
  fill: #5b6166;
}
.psol-comp-SearchOptions {
  display: flex;
  flex-direction: column;
}
.psol-comp-SearchOptions > .psol-comp-slider {
  flex: 1 1 0;
}
.psol-comp-SearchOptions .psol-comp-SearchOptions-Buttons {
  display: flex;
  margin-top: 10px;
}
.psol-comp-SearchOptions .psol-comp-SearchOptions-Buttons > .psol-comp-Button {
  flex: 1 1 0;
}
.psol-comp-SearchOptions .psol-comp-SearchOptions-Buttons > .psol-comp-Button:not(:last-child) {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .psol-comp-SearchOptions {
    flex-direction: row;
    align-items: center;
  }
  .psol-comp-SearchOptions > .psol-comp-slider {
    margin-right: 20px;
  }
  .psol-comp-SearchOptions .psol-comp-SearchOptions-Buttons {
    margin-top: 0;
  }
}
.psol-comp-CubeContainer {
  display: flex;
  justify-content: center;
}
.psol-comp-Cube {
  position: relative;
}
.psol-comp-Face-front_current {
  transform: translateX(-12.5%);
}
.psol-comp-Face-front_current span.front {
  top: 0;
  right: 0;
}
.psol-comp-Face-front_current span.top {
  bottom: 0;
  right: 0;
}
.psol-comp-Face-front_current span.side {
  top: 0;
  left: 0;
}
.psol-comp-Face-front_current > .psol-comp-Face-side {
  transform: translateX(62.5%) translateY(-12.5%) skewY(-45deg) scaleX(0.25);
}
.psol-comp-Face-front_current > .psol-comp-Face-top {
  transform: translateY(-62.5%) translateX(12.5%) skewX(-45deg) scaleY(0.25);
}
.psol-comp-Face-side_current {
  transform: translateX(12.5%);
}
.psol-comp-Face-side_current span.front {
  top: 0;
  right: 0;
}
.psol-comp-Face-side_current span.top {
  bottom: 0;
  right: 0;
  transform: rotate(-90deg) translateX(25%);
}
.psol-comp-Face-side_current span.side {
  top: 0;
  left: 0;
}
.psol-comp-Face-side_current > .psol-comp-Face-front {
  transform: translateX(-62.5%) translateY(-12.5%) skewY(45deg) scaleX(0.25);
}
.psol-comp-Face-side_current > .psol-comp-Face-top {
  transform: translateY(-62.5%) translateX(-12.5%) skewX(45deg) scaleY(0.25) rotate(90deg);
}
.psol-comp-Face-top_current {
  transform: translateX(-12.5%);
}
.psol-comp-Face-top_current span.front {
  top: 0;
  right: 0;
}
.psol-comp-Face-top_current span.top {
  bottom: 0;
  right: 0;
}
.psol-comp-Face-top_current span.side {
  bottom: 0;
  left: 0;
}
.psol-comp-Face-top_current > .psol-comp-Face-top {
  transform: translateY(-25%);
}
.psol-comp-Face-top_current > .psol-comp-Face-side {
  transform: translateX(62.5%) translateY(-12.5%) skewY(45deg) scaleX(0.25);
}
.psol-comp-Face-top_current > .psol-comp-Face-side canvas {
  transform: rotate(-90deg);
}
.psol-comp-Face-top_current > .psol-comp-Face-front {
  transform: translateY(37.5%) translateX(12.5%) skewX(45deg) scaleY(0.25);
}
.psol-comp-Face {
  position: absolute;
  border: 2px solid black;
}
.psol-comp-Face span {
  position: absolute;
  font-weight: bold;
  line-height: 100%;
  padding: 15px;
}
.psol-comp-Face canvas,
.psol-comp-Face .psol-comp-Crosshair,
.psol-comp-Face .psol-comp-Grid,
.psol-comp-Face .disabled {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.psol-comp-Face .disabled:hover {
  cursor: pointer;
  background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
}
.psol-comp-CubeSketcher > .PaintButtons {
  margin-bottom: 30px;
}
.psol-comp-CubeSketcher > .Cube {
  max-width: 600px;
  margin: auto;
}
.psol-comp-SearchableCubeSketcher > .SearchOptions {
  margin-bottom: 30px;
}
.psol-comp-ImageFilterDialog h4 {
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.psol-comp-PreviewImage {
  border: 1px gainsboro dashed;
}
.psol-comp-PreviewImage > img {
  max-width: 100%;
  max-height: 250px;
  background-color: transparent;
  display: block;
}
.psol-comp-PreviewImage.transparency {
  background-image:
    linear-gradient(
      45deg,
      gainsboro 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      gainsboro 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      gainsboro 75%),
    linear-gradient(
      -45deg,
      transparent 75%,
      gainsboro 75%);
  background-size: 20px 20px;
  background-position:
    0 0,
    0 10px,
    10px -10px,
    -10px 0;
}
.cubeSketcherPortalsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cubeSketcherPortalsContainer .cubeSketcherPortalsButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
}
.cubeSketcherPortalsContainer .cubeSketcherPortalsButtonContainer .psol-comp-Button {
  margin-right: 1em;
}
.cubeSketcherPortalsContainer .cubeSketcherPortalsButtonContainer .psol-comp-Button .psol-comp-Icon {
  padding-right: 0.5em;
}
.psol-comp-ChangeTableVarDlgListVar {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--color-primary);
  box-shadow: inset 0px 0px 0px 0px var(--color-primary);
}
.psol-comp-ChangeTableVarDlgListVar .varValue {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.psol-comp-ChangeTableVarDlgListVar .varValue.visible + .hidden::before {
  content: attr(data-separator);
  position: absolute;
  top: -1.75em;
}
.psol-comp-ChangeTableVarDlgListVar .varValue .varValueContent {
  width: 100%;
  min-height: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-ChangeTableVarDlgListVar .varValueLabel {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-items: center;
}
.psol-comp-ChangeTableVarDlgListVar .varValueLabel .varValueImage {
  flex-shrink: 0;
}
.psol-comp-ChangeTableVarDlgListVar .varValueLabel .varValueText {
  flex-grow: 1;
  min-width: 0;
  position: relative;
  line-height: 1.2em;
  max-height: 7.2em;
  overflow: hidden;
  word-break: break-word;
}
.psol-comp-ChangeTableVarDlgListVar .varValueLabel .varValueText::after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 1.2em;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgb(255, 255, 255) 80%);
}
@supports (-webkit-line-clamp: 6) {
  .psol-comp-ChangeTableVarDlgListVar .varValueLabel .varValueText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
  .psol-comp-ChangeTableVarDlgListVar .varValueLabel .varValueText::after {
    display: none;
  }
}
.psol-comp-ChangeTableVarDlgSliderVar .rangeDesc,
.psol-comp-ChangeTableVarDlgSliderVar .txtValues,
.psol-comp-ChangeTableVarDlgTxtVar .rangeDesc,
.psol-comp-ChangeTableVarDlgTxtVar .txtValues {
  margin: 0;
  padding: 4px;
  list-style: none;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper {
  display: flex;
  flex-direction: row;
  margin-top: 1em;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper .valueRangeSwitchHead {
  display: flex;
  align-items: center;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper .valueRangeSwitchHead span {
  white-space: nowrap;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper .valueRangeSwitch {
  display: flex;
  align-items: center;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper .valueRangeSwitch .psol-comp-RadioButton-themeable {
  font-size: 14px;
  margin-left: 2em;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeSwitchWrapper .valueRangeSwitch .psol-comp-RadioButton-themeable label .labelContainer {
  white-space: nowrap;
}
.psol-comp-ChangeTableVarDlgSliderVar .sliderWrapper {
  display: flex;
  flex-direction: column;
}
.psol-comp-ChangeTableVarDlgSliderVar .sliderWrapper .minMmax {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
}
.psol-comp-ChangeTableVarDlgSliderVar .sliderWrapper .minMmax > :first-child {
  margin-left: -0.5em;
}
.psol-comp-ChangeTableVarDlgSliderVar .sliderWrapper .minMmax > :last-child {
  margin-right: -0.75em;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeDiscretes {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeDiscretes .caption {
  display: flex;
  width: 100%;
  margin-bottom: 0.5em;
}
.psol-comp-ChangeTableVarDlgSliderVar .valueRangeDiscretes .values {
  width: 100%;
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
}
.psol-comp-dialog-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
}
.psol-comp-dialog-background.center-dialog {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 0;
}
.psol-comp-dialog-background.Modal {
  background-color: rgba(67, 71, 75, 0.5);
}
.psol-comp-dialog-background.Modeless {
  pointer-events: none;
}
.psol-comp-Dialog {
  display: flex;
  flex-direction: column;
}
.psol-comp-DialogHeader {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  padding: 0 2em 1em 2em;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.psol-comp-DialogHeader .headerContent {
  width: 100%;
}
.dialogHeaderDismissBtn {
  height: 1em;
  width: 1em;
  cursor: pointer;
  align-self: flex-start;
  margin-left: 0.5em;
}
.psol-comp-DialogBody {
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
}
.psol-comp-DialogFooter {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
}
.psol-comp-DialogFooter > button + button {
  margin-left: 0.5em;
}
@media (max-width: 768px) {
  .psol-comp-Dialog.viewer {
    max-width: 37.5em;
  }
}
.psol-comp-loginForm {
  display: flex;
  flex-direction: column;
}
.psol-comp-roleSelection {
  display: flex;
  flex-direction: column;
}
.psol-comp-roleSelection .groupContainer .group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-roleSelection .groupContainer .groupRadio {
  display: none;
}
.psol-comp-loginForm {
  display: flex;
  flex-direction: column;
}
.psol-comp-roleSelection {
  display: flex;
  flex-direction: column;
}
.psol-comp-roleSelection .groupContainer .group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-roleSelection .groupContainer .groupRadio {
  display: none;
}
.psol-comp-ProgressDialog .psol-comp-DialogHeader {
  font-weight: 700;
  font-size: 1.2em;
  color: var(--color-primary);
}
.psol-comp-ProgressDialog .progress-bar {
  background-color: var(--color-light);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.0470588235);
  margin: 20px 0;
  border-radius: 5px;
  position: relative;
  width: 300px;
  height: 20px;
}
.psol-comp-ProgressDialog .progress-bar .animated-bar {
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 1px;
  background:
    repeating-linear-gradient(
      45deg,
      #9ab6ca,
      #abc2d3,
      #d9e3eb,
      #abc2d3,
      #9ab6ca 60%);
  background-size: 400% 400%;
  animation: ProgressAnimation 7s ease infinite;
}
@keyframes ProgressAnimation {
  0% {
    background-position: 0% 20%;
  }
  50% {
    background-position: 100% 60%;
  }
  100% {
    background-position: 0% 20%;
  }
}
.psol-comp-ProgressDialog .psol-comp-DialogBody {
  color: #999999;
}
.psol-comp-ProgressDialog .psol-comp-DialogBody p {
  padding-left: 4px;
}
.dynamic-container.horizontal > .dynamic-element {
  flex-grow: 1;
  min-width: 0;
}
.dynamic-container .groupBox {
  border-radius: 0.25em;
  border: 2px solid var(--border-color);
  margin: 0 0 1em;
}
.dynamic-container .groupBox .groupLabel {
  padding: 0 0.25em;
  border-radius: 0.25em;
}
.dynamic-container .dynamic-element {
  display: grid;
  grid-template-columns: 30% auto;
  grid-column-gap: 0.5em;
  align-items: center;
  margin-bottom: 1em;
}
.dynamic-container .dynamic-element > * {
  line-height: 1;
}
.dynamic-container .dynamic-element > :first-child {
  text-align: right;
  white-space: normal;
}
.dynamic-container .dynamic-element > :only-child {
  grid-column: span 2;
}
.dynamic-container .dynamic-element > div:last-child {
  white-space: pre-line;
}
.dynamic-container .dynamic-element .span-2 {
  grid-column: span 2;
  text-align: left;
  white-space: pre-line;
}
.dynamic-container .dynamic-element input {
  line-height: 1;
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  background-color: inherit;
}
.dynamic-container .dynamic-element .input-sizing {
  position: relative;
}
.dynamic-container .dynamic-element .input-sizing.resettable .psol-comp-TextInput.valid {
  background-color: #f0f6f9;
}
.dynamic-container .dynamic-element .input-sizing.resettable .psol-comp-TextInput.invalid {
  background: #f9e4e4;
}
.dynamic-container .dynamic-element .input-sizing.resettable input {
  padding-right: 1.5em;
}
.dynamic-container .dynamic-element .dynamic-input-reset {
  position: absolute;
  top: 50%;
  right: 0.125em;
  width: 1.5em;
  height: 1.5em;
  transform: translateY(-50%) rotateY(180deg);
  color: inherit;
  cursor: pointer;
}
.dynamic-container .dynamic-element .markdown {
  text-align: left;
  overflow-x: auto;
}
.dynamic-container .dynamic-element .markdown table {
  border-collapse: collapse;
  border: 1px solid color-mix(in srgb, var(--border-color), black 20%);
  margin-bottom: 1em;
  width: 100%;
}
.dynamic-container .dynamic-element .markdown table th,
.dynamic-container .dynamic-element .markdown table td {
  border-right: 1px solid var(--border-color);
  padding: 0.5em;
  min-width: 5em;
}
.dynamic-container .dynamic-element .markdown table th:last-child,
.dynamic-container .dynamic-element .markdown table td:last-child {
  border-right: unset;
}
.dynamic-container .dynamic-element .markdown table th {
  border-bottom: 1px solid color-mix(in srgb, var(--border-color), black 20%);
}
.dynamic-container .dynamic-element .markdown table td {
  border-bottom: 1px solid var(--border-color);
}
.dynamic-container .dynamic-element .markdown table tr:last-child td {
  border-bottom: unset;
}
.dynamic-container .editableDropdown .psol-comp-InputWithLabel-themeable {
  flex-grow: 1;
  min-width: 0;
}
.dynamic-container .editableDropdown .psol-comp-InputWithLabel-themeable .psol-comp-TextInput-themeable {
  border: none;
}
.dynamic-container .dynamic-button {
  margin-bottom: 1em;
}
.dynamic-container > .dynamic-container {
  border: 1px solid var(--border-color);
  margin-bottom: 1em;
  padding: 0.5em 0.5em;
  box-sizing: border-box;
}
.dynamic-container > .dynamic-container .dynamic-element:last-child {
  margin-bottom: unset;
}
.groupBox > .dynamic-container .dynamic-element:last-child {
  margin-bottom: unset;
}
.dynamicDialog * {
  user-select: text;
  hyphens: auto;
}
.dynamicDialog .psol-comp-DialogBody-themeable {
  margin: 0 !important;
  padding: 1em 2em 0;
  max-height: 70vh;
  word-break: break-word;
}
.dynamicDialog .psol-comp-DialogBody-themeable .loading {
  margin: 0.125em;
}
.dynamicDialog .psol-comp-DialogBody-themeable .confirmationMessage {
  line-height: normal;
}
.dynamicDialog .psol-comp-DialogBody-themeable .error,
.dynamicDialog .psol-comp-DialogBody-themeable .errorMessage {
  text-wrap: initial;
  text-align: left;
  line-height: normal;
}
.dynamicDialog .psol-comp-DialogBody-themeable .errorMessage {
  margin-top: 0.5em;
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent {
  text-align: left;
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent .emailTooLongInfoBlock {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent .emailTooLongInfoBlock .emailTooLongIcon {
  align-self: inherit;
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.5em;
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent .emailTooLongInfoBlock .emailTooLongIcon svg {
  fill: var(--color-hint);
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent .emailTooLongInfoBlock .emailTooLongInfo {
  margin-top: 0;
}
.dynamicDialog .psol-comp-DialogBody-themeable .emailTooLongContent .emailTooLongBody {
  margin-top: 1em;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  padding: 0.5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
  font-size: 13px;
}
.dynamicDialog .footer {
  display: flex;
  flex-direction: column;
  margin: 0 2em;
  padding: 0 0 0.5em;
  border-top: 1px solid var(--border-color);
}
.dynamicDialog .footer .requiredHint {
  align-self: flex-start;
  text-align: right;
  font-size: 12px;
}
.dynamicDialog .footer .buttonBar {
  padding: 0;
}
.dynamicDialog .footer .buttonBar:first-child {
  padding-top: 0.5em;
}
.dynamicDialog .footer .mailContentCopied {
  background-color: var(--color-success);
}
.dynamicDialog .footer .mailContentCopied:focus {
  background-color: var(--color-success);
}
.dynamicDialog .invalid-input-notification {
  font-size: 14px;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  color: var(--color-warning);
  text-align: right;
}
.psol-comp-Dialog-themeable.DownloadDialog {
  width: 100%;
  max-width: 48rem;
  max-height: 94vh;
  box-sizing: border-box;
  margin: auto;
  padding-bottom: unset;
}
.psol-comp-Dialog-themeable.DownloadDialog.externalPart {
  max-width: 37.5rem;
}
.psol-comp-Dialog-themeable.DownloadDialog .psol-comp-DialogBody-themeable {
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  scroll-behavior: auto;
}
.DownloadDialog-header {
  font-weight: 600;
}
.DownloadDialog-title {
  font-weight: 600;
  margin-bottom: 0.25em;
}
.DownloadDialog-spacer {
  margin-top: 1em;
}
.DownloadDialog-body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  min-width: 400px;
  padding: 1rem 2rem 1rem 2rem;
}
.DownloadDialog-body .DownloadDialog-filters {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25em;
}
.DownloadDialog-body .DownloadDialog-filters .psol-comp-InputWithLabel-themeable {
  flex-grow: 1;
  margin: 0px;
  min-width: 7em;
}
.DownloadDialog-body .DownloadDialog-filters .DownloadDialog-filters-textInput {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  margin-right: 3px;
}
.DownloadDialog-body .DownloadDialog-filters .DownloadDialog-filters-textInput .input-dismiss-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0.25em;
  transform: translateY(-50%);
  cursor: pointer;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container {
  display: flex;
  align-items: center;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button {
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: unset;
  border-left: unset;
  padding: 0.25em 0.75em;
  height: 100%;
  font-weight: 600;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button.active {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  border-color: var(--color-primary);
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button:first-child {
  border-left: 1px solid var(--border-color);
  border-radius: 4px 0 0 4px;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button:last-child {
  border-right: 1px solid var(--border-color);
  border-radius: 0 4px 4px 0;
}
.DownloadDialog-body .DownloadDialog-filters > *:first-child {
  margin-left: 0;
}
.DownloadDialog-body .DownloadDialog-filters > *:last-child {
  margin-right: 0;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container {
  flex-grow: 1;
  overflow-y: auto;
  position: relative;
  padding: 0 3px;
  min-height: 5em;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-checkbox-themeable {
  position: static;
  margin: 3px 0;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-checkbox-themeable .visValue::before {
  border-width: 1px;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container > p {
  font-weight: 600;
  line-height: 24em;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .checkboxContainer {
  display: flex;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .checkboxContainer .psol-comp-Dropdown-selected {
  height: auto;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .dropdown_options {
  margin-left: 2rem;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-themeable {
  padding-left: 0.5em;
}
.DownloadDialog-body .DownloadDialog-filter-formats-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  position: relative;
  padding: 3px;
  padding-bottom: unset;
  min-height: 8em;
}
.DownloadDialog-body .DownloadDialog-selected-formats {
  display: flex;
  flex-direction: column;
  position: relative;
}
.DownloadDialog-body .DownloadDialog-selected-formats .DownloadDialog-selected-formats-checkboxes {
  display: flex;
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-selected-formats .psol-comp-checkbox-themeable {
  position: static;
  margin: 2px 0;
}
.DownloadDialog-body .DownloadDialog-selected-formats .DownloadDialog-selected-formats-title {
  display: flex;
}
.DownloadDialog-body .DownloadDialog-selected-formats small {
  font-weight: 300;
}
.DownloadDialog-body .DownloadDialog-popover {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: var(--popover-info-background);
  padding: 0.25em 0.5em;
  border: 1px solid #d9dbda;
  border-radius: 4px;
  box-shadow: 6px 10px 10px 4px #d9dbda;
  position: absolute;
  top: 0.25em;
  left: 5px;
  z-index: 1;
}
.DownloadDialog-body .DownloadDialog-popover .psol-comp-Icon {
  margin-right: 0.5em;
}
.DownloadDialog-body .DownloadDialog-popover.animation {
  animation: fadeinout 4s linear forwards;
  -webkit-animation: fadeinout 4s linear forwards;
}
.DownloadDialog-body .DownloadDialog-selected-formats-wrapper {
  display: block;
}
.DownloadDialog-body .DownloadDialog-selected-formats-wrapper .psol-comp-RadioButton-themeable {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.DownloadDialog-body .DownloadDialog-selected-parts {
  padding: 0.25em 1em;
  background-color: var(--background-main-contrast);
  border: 1px solid var(--border-color);
  border-radius: 4px;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-height: 4.5em;
  overflow: hidden;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap {
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap .DownloadDialog-parts {
  max-width: calc((42em - 4rem - 2em) / 2 - 0.5em);
  max-width: 50%;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper .DownloadDialog-parts {
  min-width: 0;
  flex-basis: 50%;
  flex-shrink: 1;
  flex-grow: 1;
  margin-bottom: 0.25em;
  padding-right: 0.25em;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper .DownloadDialog-parts span {
  margin-right: 0.25em;
}
.DownloadDialog-body .DownloadDialog-additional-formats {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-additional-formats .DownloadDialog-export-type-radios {
  display: flex;
  width: 100%;
  max-width: 30rem;
}
.DownloadDialog-body .DownloadDialog-additional-formats .DownloadDialog-export-type-radios .export-type-download {
  margin-right: 0em;
}
.DownloadDialog-body .DownloadDialog-checkbox-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.5em;
}
.DownloadDialog-body .DownloadDialog-icon-style {
  width: 21px;
  height: 21px;
  margin-left: 5px;
  margin-bottom: -5px;
  align-items: center;
}
.DownloadDialog-body.small-body {
  height: auto;
  overflow: visible;
}
.DownloadDialog-body.small-body p {
  text-align: initial;
}
.DownloadDialog-ScrollToBottom {
  position: absolute;
  top: 0;
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button {
  position: absolute;
  top: -4em;
  right: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
  background-color: #e7eaec;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button .psol-comp-Icon-themeable {
  width: 75%;
  height: 75%;
  transform: rotate(-90deg);
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  box-shadow: 0 -6px 6px 0 rgba(0, 0, 0, 0.32);
}
.DownloadDialog-footer {
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  margin-top: unset;
  padding: 2rem 2rem 2rem 2rem;
  background-color: var(--background-main-contrast);
  border-top: 1px solid var(--border-color);
}
.DownloadDialog-footer.wrap {
  flex-wrap: wrap;
}
.DownloadDialog-footer > * {
  width: 100%;
  margin: 0;
}
.DownloadDialog-footer .DownloadDialog-pluginButton {
  margin-bottom: 1em;
  text-decoration: none;
}
.DownloadDialog-footer .DownloadDialog-pluginButton .psol-comp-Button-themeable.psol-comp-Button-themeable {
  flex-direction: unset;
  width: 100%;
}
.DownloadDialog-footer .dialogTicketsRemainingMessage {
  margin-bottom: 1em;
}
.DownloadDialog-footer .DownloadDialog-downloadButton-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.DownloadDialog-footer .DownloadDialog-downloadButton-wrapper p {
  margin-bottom: 0em;
}
.DownloadDialog-footer .psol-comp-Button-themeable {
  flex-basis: auto;
  flex-grow: 1;
}
.DownloadDialog-footer .DownloadDialog-footer-warning {
  text-align: left;
  color: var(--color-warning);
  width: 100%;
  margin-top: 0;
}
.psol-comp-dialog-background .psol-comp-Dialog-themeable .DownloadDialog-footer .psol-comp-Button-themeable {
  max-width: 100%;
}
.psol-comp-dialog-background .psol-comp-Dialog-themeable .DownloadDialog-footer .DownloadDialog-downloadButton-wrapper .downloadBtn {
  flex-direction: row;
  white-space: initial;
}
@media (max-width: 991px) {
  .psol-comp-Dialog-themeable.DownloadDialog {
    max-width: unset;
    max-height: unset;
    height: 100vh;
  }
}
@media (max-width: 550px) {
  .DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap {
    flex-wrap: unset;
    max-height: unset;
  }
  .DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap .DownloadDialog-parts {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .psol-comp-dialog-background .DownloadDialog-body {
    min-width: unset;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable {
    flex-wrap: wrap;
    justify-content: center;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable .DownloadDialog-footer-warning {
    margin-bottom: 1em;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable button.psol-comp-Button-themeable {
    flex-basis: auto;
  }
  .DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button {
    right: 1em;
  }
  .DownloadDialog-pluginButton span {
    display: none;
  }
}
@media (max-height: 780px) {
  .psol-comp-Dialog-themeable.DownloadDialog .DownloadDialog-body {
    min-height: unset;
  }
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
.psol-comp-ChipArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.25em;
}
.psol-comp-ChipArea .chips {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
  border-radius: 0.25em;
  padding: 0.5em;
  border: 1px solid var(--border-color);
}
.psol-comp-ChipArea .chips > * {
  margin-bottom: 0.25em;
}
.psol-comp-ChipArea .clearAll {
  margin-left: 10px;
  cursor: pointer;
}
.psol-comp-ChipArea.warn .clearAll {
  color: var(--color-warning);
}
.psol-comp-ChipArea.warn .chip {
  border-color: var(--color-warning);
}
.psol-comp-ChipArea .psol-comp-Icon-themeable {
  cursor: pointer;
}
.psol-comp-FilterChip {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  border: 1px solid var(--border-color);
  box-shadow: 0 1px 3px rgba(var(--color-medium), 0.5);
  word-break: break-word;
  cursor: pointer;
  width: fit-content;
}
.psol-comp-FilterChip:hover {
  border: 1px solid var(--color-primary-dark);
}
.psol-comp-FilterChip .filter-label {
  display: flex;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.psol-comp-FilterChip .no-wrap {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.psol-comp-FilterChip .bold {
  font-weight: bold;
}
.psol-comp-FilterChip.conjunction-and {
  border-color: var(--color-primary);
}
.psol-comp-FilterChip.warn {
  border-color: var(--color-warning);
  background-color: #f9e4e4;
}
.psol-comp-FilterChip .filterDismissBtn {
  height: 0.875em;
  width: 0.875em;
}
.psol-comp-FilterChip .filterDismissBtn:hover {
  color: var(--color-warning);
}
.psol-comp-FacetFilter {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.psol-comp-FacetFilter .accordion-container {
  overflow: hidden auto;
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
}
.psol-comp-FacetFilter .accordion-container .psol-comp-AccordionTitle-themeable {
  font-size: 16px;
  padding: 0.5em 1em;
}
.psol-comp-FacetFilter .margins {
  margin-left: 1em;
  margin-right: 0.5em;
}
.psol-comp-FacetFilter .topo-facet-filter-group {
  margin-right: 0.5em;
}
.psol-comp-FacetFilter .topo-facet-filter-group .group-header {
  border-color: rgba(0, 0, 0, 0.03);
}
.psol-comp-FacetFilter .topo-facet-filter-group .group-header .facet-header-title {
  border-top-left-radius: 0;
  background-color: var(--background-main-contrast);
}
.psol-comp-FacetFilter .topo-facet-filter-group .group-header .facet-header-title .icon-without-preview {
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.5em;
  margin-left: 0;
}
.psol-comp-FacetFilter .topo-facet-filter-group .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable.facet:first-of-type {
  border-radius: 0;
}
.psol-comp-FacetFilter .moreVariable-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.psol-comp-FacetFilter .facetHeaderBlink {
  animation: facet-fadeInOut 3s linear forwards;
  -webkit-animation: facet-fadeInOut 3s linear forwards;
}
@-webkit-keyframes facet-fadeInOut {
  0% {
    background-color: #ffffff;
  }
  40% {
    background-color: #c0d8e5;
  }
  70% {
    background-color: #c0d8e5;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes facet-fadeInOut {
  0% {
    background-color: #ffffff;
  }
  40% {
    background-color: #c0d8e5;
  }
  70% {
    background-color: #c0d8e5;
  }
  100% {
    background-color: #ffffff;
  }
}
.group-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.15);
}
.group-header .facet-header-title {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em;
  font-weight: bolder;
  background-color: var(--color-medium);
}
.facetTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  flex-grow: 1;
  min-width: 0;
  white-space: nowrap;
}
.facetTitle > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.facetTitle .bold {
  font-weight: bold;
  word-break: break-word;
}
.facetTitle .small {
  white-space: normal;
  margin-right: 0.25em;
  font-size: 14px;
  word-break: break-word;
}
.facetTitle small {
  margin: 0 0.5em;
  font-size: 0.875em;
  flex-shrink: 0;
}
.facet .psol-comp-Accordion-open .psol-comp-AccordionTitle {
  padding: 1em;
  transition: padding 0.3s ease-out;
}
.facet .facetUnit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875em;
}
.facet .facetUnit:not(:empty) {
  padding-bottom: 0.5rem;
}
.facet .facetUnit .psol-comp-Dropdown-themeable .psol-comp-Dropdown-selected {
  border-color: var(--border-color);
  border-width: 1px;
  height: 1.375em;
}
.facet .facetUnit .psol-comp-Dropdown-themeable .psol-comp-Dropdown-selected .psol-comp-DropdownItem {
  padding-right: 1.25em;
}
.facet .facetUnit .psol-comp-Dropdown-themeable .psol-comp-Dropdown-selected .psol-comp-Dropdown-select-arrow-down {
  right: 0.375em;
}
.facet .facetUnit .psol-comp-Dropdown-themeable .psol-comp-Dropdown-items-element {
  left: 0.25em;
}
.facet .facetUnit .noUnit {
  opacity: 60%;
}
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails {
  padding: 0.5em 0 1em;
  margin: 0 1em;
}
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails:not(:last-child) {
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary), transparent 50%);
  padding-bottom: 1.5em;
  margin-bottom: 1em;
}
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInput,
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInputWrapper,
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-ListAndRangeFacet > .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInput,
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-ListAndRangeFacet > .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInputWrapper {
  padding: 0;
  font-size: 0.875rem;
  height: 1.5rem;
  border: 1px solid var(--border-color);
  border-radius: 0.25rem;
}
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInput,
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-ListAndRangeFacet > .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInput {
  max-width: 15ch;
}
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInputWrapper .psol-comp-sliderInput,
.psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails .psol-comp-ListAndRangeFacet > .psol-comp-RangeFacet .psol-comp-slider .psol-comp-sliderInputWrapper .psol-comp-sliderInput {
  border: none;
}
.psol-comp-ListAndRangeFacet .psol-comp-RangeFacet {
  padding-bottom: 1.125em;
}
.psol-comp-ListFacet {
  overflow: hidden;
  position: relative;
}
.psol-comp-ListFacet .spacer {
  border: 1px solid var(--border-color);
  padding: 0 0.25em;
}
.psol-comp-ListFacet .spacer:not(:first-child) {
  border-top: none;
}
.psol-comp-ListFacet .radioButtons {
  padding: 0 0.375em 1em;
}
.psol-comp-ListFacet .radioButtons .psol-comp-RadioButton-themable {
  flex-basis: 6em;
}
.psol-comp-ListFacet .radioButtons + .spacer {
  border-top: 1px solid var(--border-color);
}
.psol-comp-ListFacet .search .psol-comp-TextInput-themeable {
  width: 100%;
  border-color: var(--border-color);
  border-width: 1px;
  border-radius: 0;
}
.psol-comp-ListFacet .search .psol-comp-TextInput-themeable .input-wrapper {
  opacity: 60%;
}
.psol-comp-ListFacet .spacer {
  overflow-x: auto;
  overflow-y: hidden;
}
.psol-comp-ListFacet .spacer ~ .virtualizedGrid .ReactVirtualized__Grid,
.psol-comp-ListFacet .search ~ .virtualizedGrid .ReactVirtualized__Grid {
  border-top: none;
}
.psol-comp-ListFacet .conjunction label {
  padding-right: 10px;
}
.psol-comp-ListFacet .conjunction label input {
  margin-right: 5px;
}
.psol-comp-ListFacet .list-item {
  display: flex;
  align-items: center;
  height: 25px;
  white-space: nowrap;
}
.psol-comp-ListFacet .list-item.disabled .visValue span {
  opacity: 0.6;
}
.psol-comp-ListFacet .list-item.disabled .visValue small {
  opacity: 0.5;
}
.psol-comp-ListFacet .list-item label {
  position: static;
}
.psol-comp-ListFacet .list-item small {
  font-size: 0.75rem;
}
.psol-comp-ListFacet .list-item .facets-result-highlight {
  background-color: var(--color-highlight);
}
.psol-comp-ListFacet .resize-list-icon {
  display: flex;
  flex-flow: column;
  border: 1px solid var(--border-color);
  border-top: none;
  padding: 0.25em 0;
  cursor: pointer;
}
.psol-comp-ListFacet .psol-comp-ListFacetIcon-arrow-down,
.psol-comp-ListFacet .psol-comp-ListFacetIcon-arrow-up {
  transition: transform 0.4s ease-out;
}
.psol-comp-ListFacet .psol-comp-ListFacetIcon-arrow-up {
  transform: rotate(180deg);
}
.psol-comp-ListFacet .virtualizedList {
  background-color: white;
  border: 1px solid var(--border-color);
  padding-left: 3px;
}
.psol-comp-RangeFacet .list-item:not(:last-child) {
  margin-bottom: 20px;
}
.psol-comp-RangeFacet .list-item .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.psol-comp-RangeFacet .list-item .title:empty {
  margin: 0;
}
.psol-comp-RangeFacet .list-item .title > *:not(:last-child) {
  margin-right: 10px;
}
.psol-comp-RangeFacet .list-item .title .reset {
  color: var(--color-warning);
  font-size: small;
  cursor: pointer;
}
.psol-comp-GeometricSearch-FileSelection {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--background-main);
  transition: background-color 0.2s ease-in;
  overflow: hidden;
  border-radius: 0.25em;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 1em;
  height: 100%;
}
.psol-comp-GeometricSearch-FileSelection:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-GeometricSearch-FileSelection.hover {
  background-color: color-mix(in srgb, var(--color-medium), transparent 20%);
}
.psol-comp-GeometricSearch-FileSelection.success {
  background-color: color-mix(in srgb, var(--color-success), transparent 50%);
}
.psol-comp-GeometricSearch-FileSelection.error {
  background-color: color-mix(in srgb, var(--color-warning), transparent 50%);
}
.psol-comp-GeometricSearch-FileSelection label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 3;
}
.psol-comp-GeometricSearch-FileSelection label input {
  display: none;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--background-main-contrast);
  padding: 1em;
  box-sizing: border-box;
  clip-path: inset(0 round 4px);
  flex-grow: 1;
  cursor: pointer;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border: 8px dashed var(--border-color);
  border-radius: 4px;
  box-sizing: border-box;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper .iconWithText {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper .iconWithText .psol-comp-Icon-themeable {
  width: 2em;
  height: 2em;
  padding: 0.5em;
  fill: currentColor;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper .iconWithText span {
  white-space: nowrap;
  margin: 0.25em 0;
  font-size: 16px;
}
.psol-comp-GeometricSearch-FileSelection .uploadContentWrapper .iconWithText .upLoadGeometryButton {
  background: none;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  margin: 0.25em 0;
  z-index: 2;
}
.psol-comp-GeometricSearch-FileSelection .psol-comp-GeometricSearch-Title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.625em;
}
.psol-comp-GeometricSearch-FileSelection .psol-comp-GeometricSearch-Extensions {
  text-align: center;
  margin-top: 0.5em;
  font-size: 12px;
}
.psol-comp-GeometricSearch-ProjectsFileSelection .psol-comp-GeometricSearch-Icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
}
.psol-comp-GeometricSearch-ProjectsFileSelection .psol-comp-GeometricSearch-Icons div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.psol-comp-GeometricSearch-ProjectsFileSelection .psol-comp-GeometricSearch-Icons div .psol-comp-Icon {
  justify-content: center;
  fill: currentColor;
  padding: 1em 0;
  min-height: 5em;
  width: fit-content;
}
.psol-comp-GeometricSearch-ProjectsFileSelection .psol-comp-GeometricSearch-Icons div .psol-comp-Icon img {
  max-height: 4em;
}
.psol-comp-GeometricSearch-ProjectsFileSelection .psol-comp-GeometricSearch-Icons div span {
  font-weight: bold;
  margin: 0;
}
.search-template-container {
  border: none;
  border-radius: 0.25em;
  align-self: flex-start;
  margin-bottom: 1rem;
}
.search-template-container .checkBox {
  margin: 0.5rem 0;
}
.search-template-container .header {
  display: flex;
  justify-content: center;
}
.search-template-container .dropDown {
  margin: 0.5em 0;
}
.search-template-container .templateImage {
  padding-right: 0.5em;
}
.psol-comp-erpIcon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 1em;
  min-height: 1em;
}
.psol-comp-erpIcon > img {
  max-width: 1em;
  max-height: 1em;
}
.psol-comp-Icon {
  display: flex;
  flex-direction: row;
  width: 1em;
  height: 1em;
  align-self: center;
}
.psol-comp-Icon > svg {
  flex-grow: 1;
}
.psol-comp-Icon > img {
  flex-grow: 1;
  height: auto;
  width: 100%;
}
.psol-comp-Icon + * {
  margin-left: 1em;
}
.psol-comp-Icon .mask {
  mask-size: "cover";
  width: "inherit";
  height: "inherit";
}
.nodeTypeIcon,
.psol-comp-Icon-themeable.nodeTypeIcon {
  color: var(--card-icons);
}
.nodeTypeIcon.crawling,
.psol-comp-Icon-themeable.nodeTypeIcon.crawling {
  filter: grayscale(1);
}
.imagepreview-popup {
  position: fixed !important;
  padding-top: 5px;
  z-index: 3;
}
.imagepreview-popup .imagepreview-preview {
  padding: 10px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 3px 3px 10px 0 #e1e1e1;
  position: relative;
}
.imagepreview-popup .imagepreview-preview img {
  width: 100%;
  position: absolute;
  top: 0;
}
.imagepreview-popup .imagepreview-preview .imagepreview-content :first-child {
  margin-top: 10px;
}
.psol-comp-AlphabeticNavigation {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.psol-comp-AlphabeticNavigation .psol-comp-AlphabeticNavigation-ul-letters {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  cursor: pointer;
  padding-left: 0.625em;
  -webkit-tap-highlight-color: transparent;
}
.psol-comp-AlphabeticNavigation .psol-comp-AlphabeticNavigation-ul-letters .psol-comp-AlphabeticNavigation-li-letter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  width: 1.5625em;
}
.psol-comp-Browsing {
  height: 100%;
  width: 100%;
}
.psol-comp-Browsing.browsingAutoHeight {
  height: auto;
}
.psol-comp-Browsing * {
  box-sizing: border-box;
}
.eolDialog {
  margin-left: 1em;
  margin-right: 1em;
  min-width: 0;
}
.eolDialog .psol-comp-eolTxt {
  border-radius: 0.25em;
  padding: 0.25em;
  text-align: center;
}
.eolDialog .psol-comp-eolTxt.available {
  background-color: var(--color-hint);
}
.eolDialog .psol-comp-eolTxt.expired {
  background-color: #f9959d;
}
.eolDialog .psol-comp-eolBrowsingContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 240px;
}
.eolDialog .psol-comp-eolBrowsingContainer.hidePart {
  display: none;
}
.eolDialog .psol-comp-eolBrowsingContainer p {
  align-self: flex-start;
  margin-left: 0.75em;
}
.eolDialog .psol-comp-eolBrowsingContainer .original {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin-left: -0.65em;
}
.eolDialog .psol-comp-eolBrowsingContainer .original.disabled .psol-comp-IndexCard-themeable {
  pointer-events: none;
}
.eolDialog .psol-comp-eolBrowsingContainer .original.disabled .psol-comp-IndexCard-themeable .nodeTypeIcon {
  pointer-events: none;
}
.eolDialog .psol-comp-eolBrowsingContainer .greaterThan {
  display: flex;
  align-items: center;
  font-size: 3em;
}
.eolDialog .psol-comp-eolBrowsingContainer .replacement {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  margin-right: -0.65em;
  min-width: 0;
}
.eolDialog .psol-comp-eolBrowsingContainer .originalWithoutReplacement {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: -0.65em;
}
.eolDialog .psol-comp-eolBrowsingContainer .originalWithoutReplacement.disabled {
  pointer-events: none;
}
.eolDialog .noPartWrapper {
  padding: 0.625em;
  width: 100%;
}
.eolDialog .noPartWrapper .noPart {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 115px;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
}
.eolDialog .noPartWrapper .noPart .content {
  display: flex;
  text-align: center;
  padding: 0.25em;
}
.eolDialog .noPartWrapper .noPart .psol-comp-Icon-themeable {
  color: red;
  margin-right: 0.5em;
}
.eolDialog .noPartWrapper .noPart p {
  margin-left: 0.25em;
}
.eolDialog .eolDialogButtons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
.eolDialog .eolDialogButtons .cancelBtn {
  margin-left: 1em;
}
.psol-comp-Eol {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  overflow: hidden;
  position: relative;
}
.psol-comp-Eol .eolCard {
  height: 100%;
}
.psol-comp-Eol .eolCard.eol-available,
.psol-comp-Eol .eolCard.eol-replaced-available {
  width: 70%;
}
.psol-comp-Eol .eolCard.eol-available.available,
.psol-comp-Eol .eolCard.eol-replaced-available.available {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--color-hint);
  border: 1px solid var(--border-color);
  width: 60%;
  height: 70%;
}
.psol-comp-Eol .eolCard.eol-available.replaced,
.psol-comp-Eol .eolCard.eol-replaced-available.replaced {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--color-success);
  border: 1px solid var(--color-medium);
  width: 60%;
  height: 70%;
}
.psol-comp-Eol .eolCard.eol-expired-replaced {
  width: 70%;
}
.psol-comp-Eol .eolCard.eol-expired-replaced.available {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e0404a;
  border: 1px solid var(--color-medium);
  width: 60%;
  height: 70%;
}
.psol-comp-Eol .eolCard.eol-expired-replaced.expired {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--color-success);
  border: 1px solid var(--color-medium);
  width: 60%;
  height: 70%;
}
.psol-comp-Eol .eolCard.eol-expired-available {
  background: var(--color-hint);
  border: 1px solid var(--color-medium);
  width: 80%;
}
.psol-comp-Eol .eolCard.eol-expired {
  background: #e0404a;
  border: 1px solid var(--color-medium);
  width: 80%;
}
.psol-comp-ErpState {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 0.375em;
}
.psol-comp-FamilySubList {
  box-sizing: border-box;
}
.psol-comp-FamilySubList > .psol-comp-SubCard {
  position: relative;
}
.psol-comp-FamilySubList > .psol-comp-SubCard a {
  text-decoration: none;
  color: inherit;
}
.psol-comp-FamilySubList > .psol-comp-SubCard:not(:last-child) {
  margin-bottom: 10px;
}
.psol-comp-IndexBackCard {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em;
  cursor: pointer;
  width: 100%;
}
.psol-comp-IndexBackCard > .nodeImage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: var(--color-primary);
}
.psol-comp-IndexBackCard > .rightContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  margin-left: 20px;
}
.psol-comp-IndexBackCard > .rightContainer > .text {
  font-size: 1.4em;
  font-weight: bolder;
}
.psol-comp-IndexCard {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.psol-comp-IndexGridCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 0;
  min-width: 0;
}
.psol-comp-IndexGridCard .gridCardBodyWrapper {
  position: relative;
  height: 100%;
}
.psol-comp-IndexGridCard .gridCardBodyWrapper .cardToolBarContainer {
  position: absolute;
  top: 0.3125em;
  right: 0.3125em;
}
.psol-comp-IndexGridCard .gridCardBody {
  display: flex;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 1.5em;
  flex-shrink: 0;
  align-items: flex-end;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons .catalogIcons-additionalIcons {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 0.5em;
  margin-right: 0.15em;
  overflow: hidden;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons .catalogIcons-additionalIcons .psol-comp-Icon-themeable {
  height: 1.125em;
  width: 1.125em;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons .catalogIcons-additionalIcons .psol-comp-Icon + * {
  margin-top: 0.25em;
  margin-left: 0;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons .catalogIcons-additionalIcons > .bottomContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-IndexGridCard .gridCardBody .card-toolbar .catalogIcons .catalogIcons-additionalIcons > .bottomContainer > .psol-comp-Eol-themeable {
  height: 1.125em;
  width: 1.125em;
}
.psol-comp-IndexGridCard .node-details-toggler {
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.75em;
}
.psol-comp-IndexGridCard .node-details-toggler svg {
  width: 0.75em;
}
.psol-comp-IndexGridCard .erp-container {
  position: absolute;
  width: 100%;
  height: 0.25em;
  bottom: 0;
}
.psol-comp-IndexGridCard .erp-container > .psol-comp-ErpState-themeable {
  left: 0;
  position: absolute;
  height: 0.25em;
}
.psol-comp-IndexGridCard .topContainer {
  display: flex;
  flex-direction: row;
  padding: 0.5em;
  position: relative;
  height: 100%;
  flex: 1 1 0;
  min-width: 0;
}
.psol-comp-IndexGridCard .topContainer.blurred {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer {
  width: 6.25em;
  height: 6.25em;
  position: relative;
  pointer-events: none;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer > .nodeImage {
  object-fit: scale-down;
  width: 6.25em;
  height: 6.25em;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer > .supplierImage {
  position: absolute;
  right: -0.25em;
  top: -0.25em;
  width: 1.875em;
  height: 1.875em;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer > .nodeTypeIcon {
  pointer-events: fill;
  width: 1em;
  height: 1em;
  position: absolute;
  left: -0.25em;
  top: -0.25em;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer > .nodeCatalogSealIcon {
  width: 1.125em;
  height: 1.125em;
  position: absolute;
  left: -0.25em;
  bottom: -0.25em;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer .psol-comp-Icon-themeable + * {
  margin-left: 0;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 0;
  min-width: 0;
  margin-left: 0.5em;
  position: relative;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .psol-comp-Icon {
  height: 0.75em;
  width: 0.75em;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .psol-comp-Icon > svg {
  width: 0.75em;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  word-break: break-word;
  align-self: flex-start;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description.dir {
  display: flex;
  flex-direction: row;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description * {
  font-size: 14px;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description .part-nn-name {
  line-height: 1.225em;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description .text {
  line-height: 1.225em;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description .dir-result {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 7.143em;
  position: relative;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description .dir-result .supplierImage-directory-result {
  width: 4.143em;
  height: 4.143em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 2px;
  margin-left: 2px;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description > .catalog-description {
  display: flex;
  flex-direction: row;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description > .catalog-description > .catalog-name {
  line-height: 1.225em;
  width: 100%;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description > .catalog-description > .catalog-name mark {
  word-break: break-all;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description > .catalog-description > .catalog-name-catalogname {
  line-height: 1.225em;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description > .catalog-description > .catalog-name-catalogname mark {
  word-break: break-all;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer .catalog-name-catalogname,
.psol-comp-IndexGridCard .topContainer > .rightContainer .part-nn-name,
.psol-comp-IndexGridCard .topContainer > .rightContainer .catalog-name {
  font-weight: bold;
}
.psol-comp-IndexGridCard .topContainer > .rightContainer > .card-description:not(.dir) {
  overflow: hidden;
}
.psol-comp-IndexGridCard .expandable {
  padding: 0.25em 0.5em 0.5em 0.5em;
  box-sizing: border-box;
  border-top: 1px solid var(--border-color);
  position: relative;
  height: 1.625em;
  cursor: pointer;
  background-color: var(--card-background);
}
.psol-comp-IndexGridCard .expandable.active {
  background-color: var(--card-selected-background);
}
.psol-comp-IndexGridCard .expandable.active .active-state {
  transform: rotate(180deg);
}
.psol-comp-IndexGridCard .expandable .expandable-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.psol-comp-IndexGridCard .expandable .expandable-inner > .overview {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1em;
  font-size: 14px;
  margin-right: 0.5em;
}
.psol-comp-IndexGridCard .expandable .expandable-inner > .overview > span {
  word-break: break-all;
}
.psol-comp-IndexGridCard .expandable .expandable-inner > .psol-comp-MatchLikelihood-themeable {
  margin-right: 0.375em;
  margin-left: 0.375em;
  font-size: 14px;
  height: 1em;
  min-width: 5em;
}
.psol-comp-IndexGridCard .expandable .expandable-inner > .psol-comp-MatchLikelihood-themeable > .match {
  line-height: 1em;
}
.psol-comp-IndexGridCard .expandable .expandable-inner .active-state {
  transition: transform 0.15s linear;
}
.psol-comp-IndexGridCard .expandable .expandable-inner .active-state .psol-comp-Icon-themeable {
  width: 0.875em;
  height: 0.875em;
}
.psol-comp-IndexGridCard .customTile {
  height: 100%;
}
.psol-comp-IndexCard-themeable.withList .expandable:hover {
  background-color: color-mix(in srgb, var(--card-selected-background), white 20%);
}
.psol-comp-IndexCard-themeable.withList .gridCardBodyWrapper:hover {
  background-color: var(--card-hover-background);
}
.psol-comp-IndexCard-themeable.withoutList .expandable {
  border-top: none;
}
.psol-comp-IndexCard-themeable:hover {
  border: 1px solid var(--card-hover-border);
}
.psol-comp-IndexCard-themeable:hover.withoutList {
  background-color: var(--card-hover-background);
}
.blurred .psol-comp-IndexGridCard .expandable:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-NodesGrid {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.psol-comp-NodesGrid.nodesGridAutoHeight {
  height: auto;
}
.psol-comp-NodesGrid .ReactVirtualized__Grid {
  outline: none;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow {
  display: flex;
  flex-direction: row;
  padding-bottom: 8px;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow > .psol-comp-Card-themeable {
  margin: 0.3125em 0.5em;
  text-decoration: none;
  color: inherit;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.partialSearch {
  justify-content: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn {
  justify-content: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell {
  margin: auto 0;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity {
  display: flex;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity .psol-comp-SpinnerContainer {
  margin-right: 0.25em;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity .psol-comp-SpinnerContainer .spinnerDiv {
  border-color: #fff transparent transparent transparent;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity span {
  text-align: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow .extend-search-similarity {
  display: flex;
  justify-content: center;
  padding: 1em 0;
}
.psol-comp-NodesGrid .psol-comp-letter-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 10px;
}
.psol-comp-NodesGrid .psol-comp-letter-section span {
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.psol-comp-NodesGrid .psol-comp-letter-section span:after {
  background-color: var(--color-dark);
  opacity: 10%;
  content: "";
  display: inline-block;
  height: 4px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  left: 0.5em;
  margin-right: -50%;
}
.psol-comp-NodesGrid .noMoreResultsAvailable {
  display: flex;
  font-weight: bold;
  align-items: center;
}
.psol-comp-NodesGrid .noMoreResultsAvailable.Grid {
  justify-content: center;
  height: 100%;
}
.psol-comp-NodesGrid .noMoreResultsAvailable.List {
  height: 3.75em;
  padding-left: 0.75em;
}
.psol-comp-NodesGrid .moreResultsLoadingBar {
  position: relative;
  width: 100%;
  display: flex;
  height: 7.5em;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 0.75em;
}
.psol-comp-NodesGrid .psol-comp-load-more-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  cursor: pointer;
}
.psol-comp-NodesGrid .psol-comp-load-more-results .psol-comp-Icon-themeable {
  height: 2.25em;
  width: 2.25em;
  transform: rotate(180deg);
}
.psol-comp-NodesGrid .psol-comp-load-more-results .psol-comp-Icon-themeable > svg > path {
  fill: var(--color-primary);
}
.psol-comp-NodesGrid .psol-comp-load-more-results span {
  margin-top: 0.5em;
  margin-left: 0;
}
.psol-comp-NodesGrid .psol-comp-load-more-results:hover {
  background-color: var(--card-hover-background);
}
.psol-comp-NodesGrid .psol-comp-NodesGridCell {
  padding: 8px;
  padding-top: 0;
  position: relative;
}
.psol-comp-NodesGrid .psol-comp-SubCards-loading {
  width: 100%;
  position: absolute;
  top: 0%;
}
.psol-comp-NodesGrid .psol-comp-alphabetic-nav-preview {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.045em;
  color: #ffffff;
  text-align: center;
  font-size: 110px;
  line-height: 1.1em;
  height: 1.1em;
  width: 1.1em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.psol-comp-IndexNavigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.psol-comp-IndexNavigation > * {
  padding: 8px;
}
.psol-comp-Results {
  height: 100%;
  width: 100%;
}
.psol-comp-Results.resultsAutoHeight {
  height: auto;
}
.psol-comp-Results * {
  box-sizing: border-box;
}
.psol-comp-Card-themeable {
  width: 100%;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
}
.psol-comp-Card-themeable.psol-comp-ListCard {
  display: flex;
  flex-direction: row;
  border-radius: inherit;
  cursor: pointer;
}
.psol-comp-Card-themeable.psol-comp-ListCard:hover {
  background-color: var(--card-hover-background);
  border: 1px solid var(--card-hover-border);
}
.psol-comp-Card-themeable.psol-comp-ListCard .node-details-toggler {
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.75em;
}
.psol-comp-Card-themeable.psol-comp-ListCard .node-details-toggler svg {
  width: 0.75em;
}
.psol-comp-Card-themeable.psol-comp-ListCard > .addToCompareButton {
  width: 34px;
  height: 34px;
}
.psol-comp-Card-themeable.psol-comp-ListCard a.psol-comp-ListCard.active {
  background-color: var(--card-selected-background);
}
.psol-comp-Card-themeable > .psol-comp-ListCard {
  display: flex;
  flex-direction: row;
  padding: 0.5em;
  height: 6.875em;
  text-decoration: none;
  color: inherit;
  flex-grow: 1;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .psol-comp-Card-themeable > .psol-comp-ListCard .preview {
    margin-right: 0.5em;
  }
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .quality {
  align-self: stretch;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product {
  display: flex;
  flex-direction: row;
  position: relative;
  min-width: 6.25em;
  flex-grow: 1;
  align-items: center;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .imageTooltip {
  position: fixed;
  z-index: 3;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product > img {
  object-fit: scale-down;
  width: 4.6875em;
  height: 4.6875em;
  pointer-events: none;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .nodeTypeIcon {
  position: absolute;
  left: 1px;
  top: 1px;
  pointer-events: fill;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .info {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  position: absolute;
  left: 3.75em;
  top: 0;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .info {
    flex-direction: column;
    justify-content: space-between;
  }
  .psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .info > * {
    margin: 0;
  }
}
.psol-comp-Card-themeable > .psol-comp-ListCard .preview .product .info > img {
  width: 2.5em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details {
  display: flex;
  flex-direction: row;
  margin: 0.3125em 0;
  justify-content: space-between;
  word-break: break-all;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .name {
  font-size: 14px;
  font-weight: bold;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .name * {
  font-size: 14px;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .placeholder-element-name {
  margin-bottom: 0.5em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .placeholder-element-specs {
  background-color: var(--color-light);
  min-height: 1.5em;
  margin-bottom: 0.5em;
  border-radius: 0.5em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .placeholder-element-specs.single-line {
  width: 50%;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs {
  display: flex;
  flex-direction: column;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs * {
  font-size: 0.75rem;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .non-erp-vars-extended,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .non-erp-vars {
  line-height: 1.3333em;
  margin-top: 0.375em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .erp-vars,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .extended-vars,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .additional-hits {
  line-height: 1.3333em;
  margin-top: 0.375em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .erp-vars .extended-var-desc,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .erp-vars .addtional-var-desc,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .extended-vars .extended-var-desc,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .extended-vars .addtional-var-desc,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .additional-hits .extended-var-desc,
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .additional-hits .addtional-var-desc {
  font-weight: bold;
  font-size: 12px;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .details-specs .variable-name {
  font-weight: bold;
  font-size: 12px;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .colorPalatt {
  height: 1em;
  width: 4em;
  margin-right: 0.25em;
  border: 1px solid black;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .colorPalatt.selected {
  background:
    repeating-linear-gradient(
      45deg,
      grey 3px,
      grey 3px,
      white 7px,
      white 10px);
  border: 1px solid black;
  display: flex;
  margin: 0.25em 0.25em 0 0;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .colorPalatt.rest {
  background:
    repeating-linear-gradient(
      45deg,
      grey 3px,
      grey 3px,
      white 7px,
      white 10px);
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .colorPalattDialog {
  width: fit-content;
  background-color: white;
  border: 1px solid black;
  font-size: 14px;
  left: 200px;
  z-index: 1;
  padding: 0.25em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-info .colorPalattDialog * > td {
  display: flex;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-icons > * {
  margin-right: 0.375em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .details .line-icons .psol-comp-Eol-themeable {
  width: 1em;
  height: 1em;
}
@media screen and (min-width: 768px) {
  .psol-comp-Card-themeable > .psol-comp-ListCard .details {
    flex: 1 1 0;
    margin: 0;
    margin-right: 0.5em;
  }
  .psol-comp-Card-themeable > .psol-comp-ListCard .details .specs {
    font-size: unset;
  }
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .top {
  display: flex;
  flex-direction: row;
  height: 1em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .top > * {
  margin-left: 0.75em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .top .psol-comp-Button-themeable .psol-comp-Icon-themeable {
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .top .psol-comp-Button-themeable .psol-comp-Icon-themeable > svg {
  width: 0.75em;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .bottom {
  display: flex;
  flex-direction: row;
}
.psol-comp-Card-themeable > .psol-comp-ListCard .actions .bottom > * {
  margin-left: 0.75em;
}
.psol-comp-MatchLikelihood {
  display: flex;
  flex-direction: row;
  flex: 1;
  box-sizing: border-box;
  position: relative;
  padding: 1px;
  border: 1px solid var(--border-color);
  border-radius: calc(0.8em + 4px);
  overflow: hidden;
}
.psol-comp-MatchLikelihood > .bar {
  border-radius: calc(0.8em + 4px);
}
.psol-comp-MatchLikelihood > .bar.loading {
  background-color: #e2e2e2;
  position: absolute;
  bottom: auto;
  top: auto;
  width: 50%;
  height: 0.8125em;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: loading-progress-bar;
}
.psol-comp-MatchLikelihood > .bar.success {
  background-color: var(--color-success);
}
.psol-comp-MatchLikelihood > .bar.warning {
  background-color: var(--color-hint);
}
.psol-comp-MatchLikelihood > .bar.danger {
  background-color: var(--color-warning);
}
.psol-comp-MatchLikelihood > .match {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.psol-comp-MatchLikelihood > .match span {
  color: white;
  font-size: 0.8em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .psol-comp-MatchLikelihood > .match span {
    margin-left: -0.4em;
  }
}
.psol-comp-MatchLikelihood > .searchsample + .match span {
  color: var(--color-success);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-MatchLikelihood.horizontal {
  height: calc(0.8em + 4px);
}
.psol-comp-MatchLikelihood.vertical {
  height: 100%;
  width: calc(0.8em + 4px);
  display: flex;
  flex-direction: column-reverse;
}
.psol-comp-MatchLikelihood.vertical > .match span {
  transform-origin: center;
  transform: rotate(-90deg);
}
@keyframes loading-progress-bar {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.psol-comp-NodesGrid {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.psol-comp-NodesGrid.nodesGridAutoHeight {
  height: auto;
}
.psol-comp-NodesGrid .ReactVirtualized__Grid {
  outline: none;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow {
  display: flex;
  flex-direction: row;
  padding-bottom: 8px;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow > .psol-comp-Card-themeable {
  margin: 0.3125em 0.5em;
  text-decoration: none;
  color: inherit;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.partialSearch {
  justify-content: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn {
  justify-content: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell {
  margin: auto 0;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity {
  display: flex;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity .psol-comp-SpinnerContainer {
  margin-right: 0.25em;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity .psol-comp-SpinnerContainer .spinnerDiv {
  border-color: #fff transparent transparent transparent;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow.extendSearchBtn .psol-comp-NodesGridCell .extend-search-similarity span {
  text-align: center;
}
.psol-comp-NodesGrid .psol-comp-NodesGridRow .extend-search-similarity {
  display: flex;
  justify-content: center;
  padding: 1em 0;
}
.psol-comp-NodesGrid .psol-comp-letter-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 10px;
}
.psol-comp-NodesGrid .psol-comp-letter-section span {
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.psol-comp-NodesGrid .psol-comp-letter-section span:after {
  background-color: var(--color-dark);
  opacity: 10%;
  content: "";
  display: inline-block;
  height: 4px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  left: 0.5em;
  margin-right: -50%;
}
.psol-comp-NodesGrid .noMoreResultsAvailable {
  display: flex;
  font-weight: bold;
  align-items: center;
}
.psol-comp-NodesGrid .noMoreResultsAvailable.Grid {
  justify-content: center;
  height: 100%;
}
.psol-comp-NodesGrid .noMoreResultsAvailable.List {
  height: 3.75em;
  padding-left: 0.75em;
}
.psol-comp-NodesGrid .moreResultsLoadingBar {
  position: relative;
  width: 100%;
  display: flex;
  height: 7.5em;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 0.75em;
}
.psol-comp-NodesGrid .psol-comp-load-more-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  cursor: pointer;
}
.psol-comp-NodesGrid .psol-comp-load-more-results .psol-comp-Icon-themeable {
  height: 2.25em;
  width: 2.25em;
  transform: rotate(180deg);
}
.psol-comp-NodesGrid .psol-comp-load-more-results .psol-comp-Icon-themeable > svg > path {
  fill: var(--color-primary);
}
.psol-comp-NodesGrid .psol-comp-load-more-results span {
  margin-top: 0.5em;
  margin-left: 0;
}
.psol-comp-NodesGrid .psol-comp-load-more-results:hover {
  background-color: var(--card-hover-background);
}
.psol-comp-NodesGrid .psol-comp-NodesGridCell {
  padding: 8px;
  padding-top: 0;
  position: relative;
}
.psol-comp-NodesGrid .psol-comp-SubCards-loading {
  width: 100%;
  position: absolute;
  top: 0%;
}
.psol-comp-NodesGrid .psol-comp-alphabetic-nav-preview {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.045em;
  color: #ffffff;
  text-align: center;
  font-size: 110px;
  line-height: 1.1em;
  height: 1.1em;
  width: 1.1em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.psol-comp-ActionButton {
  font: inherit;
  border: none;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.psol-comp-ActionButton:focus {
  outline: none;
}
.psol-comp-ActionButton {
  background-color: color-mix(in srgb, #ffffff, transparent 50%);
  cursor: pointer;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
  margin: 3px;
  pointer-events: auto;
}
.psol-comp-ActionButton.inactive {
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
  cursor: default;
}
.psol-comp-ActionButton.toggle-active .solid-dark {
  fill: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .solid-medium {
  fill: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .cls-1 {
  fill: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .border-thick {
  stroke: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .border-thin {
  stroke: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .border-thick--dashed {
  stroke: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .solid-light_border-thick {
  stroke: var(--color-primary);
}
.psol-comp-ActionButton.toggle-active .gradient-right-to-left {
  fill: url(#right-to-left-active);
}
.psol-comp-ActionButton.toggle-active .gradient-left-to-right {
  fill: url(#left-to-right-active);
}
.psol-comp-ActionButton.toggle-active .gradient-right-to-left_border-thick {
  stroke: var(--color-primary);
  fill: url(#right-to-left-active);
}
.psol-comp-ActionButton.toggle-active .gradient-left-to-right_border-thick {
  stroke: var(--color-primary);
  fill: url(#left-to-right-active);
}
.psol-comp-ActionButton.toggle-active .transparent-svg {
  stroke: #6ca9c3;
  stroke-width: 3px;
  fill: #b4d0de;
}
.psol-comp-ActionButton .psol-comp-Icon {
  margin: auto;
  align-items: center;
  width: 28px;
  height: 28px;
}
.psol-comp-ActionButton .psol-comp-Icon .solid-active {
  fill: var(--color-primary);
}
.psol-comp-ActionButton .psol-comp-Icon svg {
  width: 28px;
  height: 28px;
}
.psol-comp-Button {
  font: inherit;
  border: none;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.psol-comp-Button:focus {
  outline: none;
}
.psol-comp-Button {
  padding: 0.5em 1em;
  font-weight: normal;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.25em;
  border-width: 1px;
  border-style: solid;
}
.psol-comp-Button.small-round {
  padding: 0.1em 0.5em;
}
.psol-comp-Button.small {
  padding: 0.125em 0.625em;
}
.psol-comp-Button.primaryBtn {
  background-color: var(--btn-solid-background);
  border: none;
}
.psol-comp-Button.primaryBtn {
  background-color: var(--btn-solid-background);
  color: var(--btn-solid-color);
}
.psol-comp-Button.primaryBtn .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.primaryBtn:not(.inactive):hover,
.psol-comp-Button.primaryBtn:not(.inactive):focus {
  background-color: color-mix(in srgb, var(--btn-solid-background), black 5%);
}
.psol-comp-Button.secondaryBtn {
  background-color: var(--btn-outlined-background);
  color: var(--btn-outlined-color);
  border-width: 1px;
  border-color: var(--btn-outlined-color);
}
.psol-comp-Button.secondaryBtn:not(.inactive):hover,
.psol-comp-Button.secondaryBtn:not(.inactive):focus {
  color: color-mix(in srgb, var(--btn-outlined-color), black 10%);
  background-color: color-mix(in srgb, var(--btn-outlined-background), var(--color-primary) 20%);
}
.psol-comp-Button.secondaryBtn .psol-comp-Icon {
  color: var(--btn-outlined-color);
}
.psol-comp-Button.iconBtn {
  padding: 0;
  color: var(--btn-outlined-color);
  border: none;
}
.psol-comp-Button.iconBtn:hover,
.psol-comp-Button.iconBtn:focus {
  color: var(--color-primary-dark);
}
.psol-comp-Button.iconBtn:hover path,
.psol-comp-Button.iconBtn:focus path {
  fill: var(--color-primary-dark);
}
.psol-comp-Button.iconBtn .psol-comp-Icon {
  color: var(--btn-outlined-color);
}
.psol-comp-Button.primary {
  border-color: var(--color-primary);
}
.psol-comp-Button.primary:hover,
.psol-comp-Button.primary:focus {
  border-color: color-mix(in srgb, var(--color-primary), black 10%);
}
.psol-comp-Button.primary.solid {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-Button.primary.solid .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.primary.solid:hover,
.psol-comp-Button.primary.solid:focus {
  background-color: color-mix(in srgb, var(--color-primary), black 10%);
}
.psol-comp-Button.primary.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-primary);
}
.psol-comp-Button.primary.outlined:hover,
.psol-comp-Button.primary.outlined:focus {
  color: color-mix(in srgb, var(--color-primary), black 10%);
  border-color: color-mix(in srgb, var(--color-primary), black 10%);
  box-shadow: 0 0 0 0.125em;
}
.psol-comp-Button.primary.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.secondary {
  border-color: var(--color-secondary);
}
.psol-comp-Button.secondary:hover,
.psol-comp-Button.secondary:focus {
  border-color: color-mix(in srgb, var(--color-secondary), black 10%);
}
.psol-comp-Button.secondary.solid {
  background-color: var(--color-secondary);
  color: var(--btn-solid-color);
}
.psol-comp-Button.secondary.solid .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.secondary.solid:hover,
.psol-comp-Button.secondary.solid:focus {
  background-color: color-mix(in srgb, var(--color-secondary), black 10%);
}
.psol-comp-Button.secondary.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-secondary);
}
.psol-comp-Button.secondary.outlined:hover,
.psol-comp-Button.secondary.outlined:focus {
  color: color-mix(in srgb, var(--color-secondary), black 10%);
  border-color: color-mix(in srgb, var(--color-secondary), black 10%);
  box-shadow: 0 0 0 0.125em;
}
.psol-comp-Button.secondary.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.neutral {
  border-color: var(--color-dark);
}
.psol-comp-Button.neutral:hover,
.psol-comp-Button.neutral:focus {
  border-color: color-mix(in srgb, var(--color-dark), black 10%);
}
.psol-comp-Button.neutral.solid {
  background-color: var(--color-dark);
  color: var(--btn-solid-color);
}
.psol-comp-Button.neutral.solid .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.neutral.solid:hover,
.psol-comp-Button.neutral.solid:focus {
  background-color: color-mix(in srgb, var(--color-dark), black 10%);
}
.psol-comp-Button.neutral.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-dark);
}
.psol-comp-Button.neutral.outlined:hover,
.psol-comp-Button.neutral.outlined:focus {
  color: color-mix(in srgb, var(--color-dark), black 10%);
  border-color: color-mix(in srgb, var(--color-dark), black 10%);
  box-shadow: 0 0 0 0.125em;
}
.psol-comp-Button.neutral.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.light {
  border-color: var(--color-light);
}
.psol-comp-Button.light:hover,
.psol-comp-Button.light:focus {
  border-color: color-mix(in srgb, var(--color-light), black 10%);
}
.psol-comp-Button.light.solid {
  background-color: var(--color-light);
  color: var(--btn-solid-color);
}
.psol-comp-Button.light.solid .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.light.solid:hover,
.psol-comp-Button.light.solid:focus {
  background-color: color-mix(in srgb, var(--color-light), black 10%);
}
.psol-comp-Button.light.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-light);
}
.psol-comp-Button.light.outlined:hover,
.psol-comp-Button.light.outlined:focus {
  color: color-mix(in srgb, var(--color-light), black 10%);
  border-color: color-mix(in srgb, var(--color-light), black 10%);
  box-shadow: 0 0 0 0.125em;
}
.psol-comp-Button.light.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.light.solid {
  color: var(--font-color);
}
.psol-comp-Button.light.solid .psol-comp-Icon {
  color: var(--font-color);
}
.psol-comp-Button.warning {
  border-color: var(--color-warning);
}
.psol-comp-Button.warning:hover,
.psol-comp-Button.warning:focus {
  border-color: color-mix(in srgb, var(--color-warning), black 10%);
}
.psol-comp-Button.warning.solid {
  background-color: var(--color-warning);
  color: var(--btn-solid-color);
}
.psol-comp-Button.warning.solid .psol-comp-Icon {
  color: var(--btn-solid-color);
}
.psol-comp-Button.warning.solid:hover,
.psol-comp-Button.warning.solid:focus {
  background-color: color-mix(in srgb, var(--color-warning), black 10%);
}
.psol-comp-Button.warning.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-warning);
}
.psol-comp-Button.warning.outlined:hover,
.psol-comp-Button.warning.outlined:focus {
  color: color-mix(in srgb, var(--color-warning), black 10%);
  border-color: color-mix(in srgb, var(--color-warning), black 10%);
  box-shadow: 0 0 0 0.125em;
}
.psol-comp-Button.warning.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.none {
  border-color: rgba(255, 255, 255, 0);
}
.psol-comp-Button.none {
  color: var(--font-color);
  cursor: default;
  border: rgba(255, 255, 255, 0);
  border-radius: 0.25em;
  border-width: 0.125em;
  border-style: solid;
}
.psol-comp-Button.inactive {
  cursor: default;
  border-color: var(--color-inactive);
}
.psol-comp-Button.inactive.solid {
  background-color: var(--color-inactive);
  color: var(--color-medium);
}
.psol-comp-Button.inactive.solid .psol-comp-Icon {
  color: var(--color-medium);
}
.psol-comp-Button.inactive.outlined {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-inactive);
}
.psol-comp-Button.inactive.outlined .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.inactive.primaryBtn {
  background-color: var(--btn-solid-background);
  border: none;
}
.psol-comp-Button.inactive.primaryBtn {
  opacity: 50%;
  cursor: default;
}
.psol-comp-Button.inactive.primaryBtn:hover {
  background-color: var(--color-inactive);
  background-color: var(--btn-solid-background);
}
.psol-comp-Button.inactive.primaryBtn .psol-comp-Icon {
  opacity: 50%;
}
.psol-comp-Button.inactive.secondaryBtn {
  background-color: var(--btn-outlined-background);
  color: var(--btn-outlined-color);
  border-width: 1px;
  border-color: var(--btn-outlined-color);
}
.psol-comp-Button.inactive.secondaryBtn {
  border-color: var(--color-inactive);
  opacity: 50%;
  cursor: default;
}
.psol-comp-Button.inactive.secondaryBtn:hover {
  background-color: var(--btn-outlined-background);
}
.psol-comp-Button.inactive.secondaryBtn .psol-comp-Icon {
  opacity: 50%;
}
.psol-comp-Button.inactive.iconBtn {
  padding: 0;
  color: var(--color-inactive);
  border: none;
}
.psol-comp-Button.inactive.iconBtn {
  opacity: 20%;
  pointer-events: none;
}
.dismissBtn {
  color: var(--font-color);
}
.dismissBtn:hover {
  color: var(--color-primary-dark);
}
.psol-comp-ButtonGroup > .psol-comp-Button {
  border-radius: 0;
  border-width: 0.0625em;
}
.psol-comp-ButtonGroup > .psol-comp-Button.outlined:hover {
  border-radius: 0;
}
.psol-comp-ButtonGroup.horizontal {
  display: flex;
  flex-direction: row;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button {
  border-top-width: 0.125em;
  border-bottom-width: 0.125em;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button.solid {
  margin-left: 0.0625em;
  margin-right: 0.0625em;
  border-left-width: 0;
  border-right-width: 0;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:first-child {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  border-left-width: 0.125em;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:first-child.solid {
  margin-left: 0;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:first-child:hover.outlined {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:last-child {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-right-width: 0.125em;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:last-child.solid {
  margin-right: 0;
}
.psol-comp-ButtonGroup.horizontal > .psol-comp-Button:last-child:hover.outlined {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.psol-comp-ButtonGroup.vertical {
  display: inline-flex;
  flex-direction: column;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button {
  border-left-width: 0.125em;
  border-right-width: 0.125em;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button.solid {
  margin-top: 0.0625em;
  margin-bottom: 0.0625em;
  border-top-width: 0;
  border-bottom-width: 0;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:first-child {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-top-width: 0.125em;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:first-child.solid {
  margin-top: 0;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:first-child:hover.outlined {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:last-child {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-bottom-width: 0.125em;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:last-child.solid {
  margin-bottom: 0;
}
.psol-comp-ButtonGroup.vertical > .psol-comp-Button:last-child:hover.outlined {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.psol-comp-checkbox {
  display: flex;
  flex-direction: row;
  position: relative;
}
.psol-comp-checkbox .normal {
  display: flex;
  flex-direction: row;
}
.psol-comp-checkbox .reverse {
  display: flex;
  flex-direction: row-reverse;
}
.psol-comp-checkbox .visValue {
  width: 100%;
  align-items: center;
}
.psol-comp-checkbox .visValue::before {
  content: "";
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
}
.psol-comp-checkbox .visValue:hover,
.psol-comp-checkbox .visValue:focus-visible {
  outline: none;
}
.psol-comp-checkbox .visValue:hover::before,
.psol-comp-checkbox .visValue:focus-visible::before {
  border-color: var(--checkbox-hover-color);
}
.psol-comp-checkbox .nativeChkbx {
  position: absolute;
  visibility: hidden;
}
.psol-comp-checkbox .nativeChkbx:checked + .visValue::before {
  background-color: var(--checkbox-active-color);
  border-color: var(--checkbox-active-color);
}
.psol-comp-checkbox .nativeChkbx:checked + .visValue:hover,
.psol-comp-checkbox .nativeChkbx:checked + .visValue:focus-visible {
  outline: none;
}
.psol-comp-checkbox .nativeChkbx:checked + .visValue:hover::before,
.psol-comp-checkbox .nativeChkbx:checked + .visValue:focus-visible::before {
  background-color: color-mix(in srgb, var(--checkbox-hover-color), black 10%);
  border-color: color-mix(in srgb, var(--checkbox-hover-color), black 10%);
}
.psol-comp-checkbox.disabled {
  opacity: 0.4;
  background: var(--color-inactive);
  cursor: default;
}
.psol-comp-checkbox.disabled .visValue:hover::before {
  border-color: var(--border-color);
  cursor: default;
}
.psol-comp-checkbox:hover {
  cursor: pointer;
}
.ComboBox {
  position: relative;
}
.ComboBox .ComboBox-input-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.ComboBox .psol-comp-InputWithLabel-themeable {
  width: 100%;
}
.ComboBox .ComboBox-input {
  height: auto;
  width: 100%;
  line-height: 1.5;
  cursor: pointer;
}
.ComboBox .ComboBox-input.psol-comp-TextInput:not(.freeInput) .input-wrapper .input-container > input {
  cursor: pointer;
}
.ComboBox .ComboBox-input.psol-comp-TextInput .input-wrapper .input-container > input {
  padding-right: 1.5em;
}
.ComboBox .ComboBox-input.disabledInput {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  min-height: calc(2em + 2px);
  padding: 0.25em;
}
.ComboBox .ComboBox-controls-container {
  position: absolute;
  right: 0.25em;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
}
.ComboBox .ComboBox-control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0 0.25em 0 0;
  transform: rotate(0deg);
  color: inherit;
  cursor: pointer;
  user-select: none;
  box-sizing: unset;
}
.ComboBox .ComboBox-control.open {
  padding: 0 0 0 0.25em;
  transform: rotate(-180deg);
}
.ComboBox-options-container {
  overflow: hidden;
  max-height: 280px;
  overflow-y: auto;
  background-color: var(--dropdown-container-background);
  border: 1px solid var(--border-color);
  z-index: 6;
}
.ComboBox-option {
  width: 100%;
  cursor: pointer;
  user-select: none;
  outline: none;
  padding: 0.25em 0.5em;
  border-bottom: 1px solid var(--border-color);
}
.ComboBox-option.hover,
.ComboBox-option:hover {
  background-color: var(--dropdown-list-hover-background);
  color: var(--dropdown-list-hover-color);
}
.ComboBox-option:last-child {
  border-bottom: none;
}
.psol-comp-DropdownItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--font-color);
  font-size: 16px;
  cursor: pointer;
  padding: 0.25em;
  border-bottom: 0.063em solid var(--border-color);
  white-space: nowrap;
}
.psol-comp-DropdownItem:last-child {
  border-bottom: 0;
}
.psol-comp-DropdownItem *:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-Dropdown-items-element a:last-of-type .psol-comp-DropdownItem {
  border-bottom: none;
}
.psol-comp-DropdownItem > .psol-comp-Icon {
  margin-right: 0.313em;
}
.psol-comp-DropdownItem > .psol-comp-Icon > svg,
.psol-comp-DropdownItem > .psol-comp-Icon > img {
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;
}
.psol-comp-Dropdown {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 300;
  position: relative;
}
.psol-comp-Dropdown.withlabel {
  display: flex;
  flex-direction: column;
}
.psol-comp-Dropdown.withlabel > label {
  margin-bottom: 5px;
}
.psol-comp-Dropdown.disabled .psol-comp-Dropdown-selected {
  pointer-events: none;
  opacity: 0.4;
  background: var(--color-inactive);
}
.psol-comp-Dropdown.disabled .psol-comp-Dropdown-selected input {
  pointer-events: none;
  opacity: 0.4;
  background: var(--dropdown-container-background);
}
.psol-comp-Dropdown .psol-comp-Dropdown-select-arrow-down {
  width: 1em;
  height: 1em;
  position: absolute;
  right: 0.35em;
}
.psol-comp-Dropdown.unfolded .psol-comp-Dropdown-select-arrow-down {
  transform: rotate(180deg);
}
.psol-comp-Dropdown .psol-comp-Dropdown-container {
  background-color: transparent;
}
.openTop .psol-comp-Dropdown-items-element {
  bottom: 100%;
}
.psol-comp-Dropdown-items-element {
  position: absolute;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: var(--dropdown-list-background);
  z-index: 4;
  overflow: auto;
}
.psol-comp-Dropdown-items-element .psol-comp-DropdownItem:not(.psol-comp-DropdownItem-selected-item):hover {
  background: var(--dropdown-list-hover-background);
  color: var(--dropdown-list-hover-color);
}
.psol-comp-Dropdown-items-element > .psol-comp-DropdownItem-selected-item {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-Dropdown-selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 2em;
  border: 1px solid var(--border-color);
  border-radius: var(--input-border-radius);
  font-size: 16px;
  color: var(--font-color);
  cursor: pointer;
  padding-left: 0.313em;
  padding-right: 1.25em;
}
.psol-comp-Dropdown-selected > .psol-comp-DropdownItem {
  width: calc(100% - 1.5em);
  padding: 0.25em 1.875em 0.25em 0.25em;
  border-bottom: 0;
}
.psol-comp-EditableOptionsTree {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 300;
  position: relative;
  min-width: 0;
}
.psol-comp-EditableOptionsTree .disabledInput {
  cursor: pointer;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected {
  display: flex;
  flex-direction: row;
  border-radius: 0.25em;
  box-sizing: border-box;
  border: 0.125em solid var(--border-color);
  align-items: center;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected .psol-comp-TextInput.shiftHint::before {
  right: -2.25em;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected input {
  padding: 0.25em 0.5em;
  padding-right: 0;
  flex: 1 1 auto;
  margin: 0;
  outline: none;
  border: none;
  min-width: 0;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected input:disabled {
  background-color: white;
  cursor: pointer;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected .psol-comp-arrow-wrapper {
  padding: 0;
  padding-left: 0;
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin: 0.5em;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected .psol-comp-arrow-wrapper .psol-comp-arrow {
  width: 0.688em;
  height: 0.688em;
}
.psol-comp-EditableOptionsTree .psol-comp-Options-selected .psol-comp-arrow-wrapper .psol-comp-arrow.psol-comp-arrow-up {
  transform: rotate(180deg);
}
.psol-comp-EditableOptionsTree.hideArrow input {
  padding-right: 0.688em;
}
.psol-comp-EditableOptionsTree.invalid .psol-comp-Options-selected {
  border-color: var(--color-warning);
  background-color: #f9e4e4;
}
.psol-comp-EditableOptionsTree.invalid .psol-comp-Options-selected input {
  background-color: #f9e4e4;
}
.psol-comp-EditableOptionsTree .psol-comp-Tree-Options-element {
  display: flex;
  flex-direction: column;
  border: 0.125em solid var(--color-light);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: var(--background-main);
  z-index: 3;
  position: static;
  max-height: 144px;
  overflow-y: auto;
  width: 100%;
  min-width: 0;
}
.psol-comp-EditableOptionsTree .psol-comp-Tree-Options-element .psol-comp-DropdownItem:not(.psol-comp-DropdownItem-selected-item):hover {
  background: var(--color-light);
}
.psol-comp-EditableOptionsTree .psol-comp-Tree-Options-element .psol-comp-DropdownItem:not(.psol-comp-DropdownItem-selected-item):hover {
  background: var(--color-light);
}
.psol-comp-EditableOptionsTree .psol-comp-Tree-Options-element > .psol-comp-DropdownItem-selected-item {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-EditableOptionsTree.disabled .psol-comp-Options-selected {
  pointer-events: none;
  opacity: 0.4;
  background: var(--color-light);
}
.psol-comp-EditableOptionsTree.disabled .psol-comp-Options-selected input {
  pointer-events: none;
  opacity: 0.4;
  background: var(--color-light);
}
.psol-comp-InfoButton > .psol-comp-Button {
  border-radius: 2em;
  padding-left: 0.5em;
}
.psol-comp-InfoButton > .psol-comp-Button.outlined:hover {
  border-radius: 2em;
}
.psol-comp-InfoButton .psol-comp-Icon {
  width: 1.5em;
  height: 1.5em;
}
.addAlignment {
  align-items: center;
}
.psol-comp-RadioButton {
  display: block;
  width: 100%;
}
.psol-comp-RadioButton > label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  cursor: pointer;
}
.psol-comp-RadioButton > label > input {
  display: none;
}
.psol-comp-RadioButton > label .checkmark {
  box-sizing: border-box;
  height: 1em;
  width: 1em;
  border: 0.125em solid var(--border-color);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.125em;
}
.psol-comp-RadioButton > label:hover .checkmark {
  border-color: var(--radio-active-color);
}
.psol-comp-RadioButton > label > input:checked + .checkmark {
  background: var(--radio-active-color);
  border-color: var(--radio-active-color);
}
.psol-comp-RadioButton .labelContainer {
  margin-left: 0.5em;
}
.psol-comp-rcSlider {
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.psol-comp-rcSlider .rail {
  width: 100%;
}
.psol-comp-rcSlider .handle {
  position: absolute;
  z-index: 1;
}
.psol-comp-rcSlider .tracks {
  position: relative;
}
.psol-comp-rcSlider .track {
  position: absolute;
}
.psol-comp-sliderInputWrapper {
  position: relative;
}
.psol-comp-sliderInputWrapper .psol-comp-sliderInput {
  box-sizing: border-box;
  min-width: 3.125em;
}
.psol-comp-sliderInputWrapper.mobile .psol-comp-sliderInput {
  font-size: 16px;
}
.psol-comp-slider {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-sliderInputArrows {
  position: absolute;
  right: 0;
  margin: 0 !important;
}
.psol-comp-sliderInputArrows .arrowDown {
  transform: rotate(180deg);
}
.psol-comp-sliderInputArrows div {
  margin: 0;
  width: 0.5em;
  height: 0.5em;
  padding: 6px 5px 2px 5px;
}
.psol-comp-sliderInputArrows div:hover {
  cursor: pointer;
}
.psol-comp-Switch {
  display: inline-flex;
  align-items: center;
  width: 1.75em;
  height: 1em;
  padding: 0 0.125em;
  border-radius: 0.5em;
  background-color: var(--color-light);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.psol-comp-Switch .handle {
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background-color: var(--color-dark);
  transition: all 0.15s ease-in-out;
}
.psol-comp-Switch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.psol-comp-Switch.active {
  background-color: var(--color-primary);
}
.psol-comp-Switch.active .handle {
  background-color: white;
  transform: translate3d(1em, 0, 0);
}
.psol-comp-InputWithLabel {
  display: flex;
  flex-direction: column;
}
.psol-comp-InputWithLabel > label {
  margin-right: 5px;
}
.psol-comp-TextInput {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  color: var(--font-color);
  border: 1px solid var(--border-color);
  border-radius: var(--input-border-radius);
}
.psol-comp-TextInput .psol-comp-textInput-clear-btn:hover {
  color: var(--color-primary-dark);
}
.psol-comp-TextInput .psol-comp-textInput-clear-btn:hover path {
  fill: var(--color-primary-dark);
}
.psol-comp-TextInput.hint::before {
  content: attr(data-hint);
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.25em;
  padding: 0.125em 0.5em;
  border: 1px solid var(--color-primary-dark);
  border-radius: 0.25em;
  background: #e9f8ff;
  font-size: 12px;
  color: var(--color-primary-dark);
  z-index: 1;
}
.psol-comp-TextInput.invalid {
  border-color: var(--color-warning);
}
.psol-comp-TextInput.invalid input {
  background: #f9e4e4;
}
.psol-comp-TextInput.invalid.hint::before {
  background: #f9e4e4;
  color: var(--color-warning);
}
.psol-comp-TextInput.invalid .input-icon {
  background: #f9e4e4;
}
.psol-comp-TextInput .input-wrapper {
  display: flex;
}
.psol-comp-TextInput .input-wrapper.left {
  flex-direction: row-reverse;
}
.psol-comp-TextInput .input-wrapper.right {
  flex-direction: row;
}
.psol-comp-TextInput .input-wrapper .input-container {
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-TextInput .input-wrapper .input-container > input {
  flex-grow: 1;
  min-width: 0;
  border: none;
  border-radius: var(--input-border-radius);
  font-size: 1em;
  font-weight: normal;
  padding: 0.25em;
  line-height: normal;
}
.psol-comp-TextInput .input-wrapper .input-container > input:focus {
  outline: none;
}
.psol-comp-TextInput .input-wrapper .input-container > input.deletable {
  padding: 0.25em 0.25em 0.25em 0.5em;
}
.psol-comp-TextInput .input-wrapper .input-icon {
  flex-shrink: 0;
}
.psol-comp-TextInput .input-wrapper .input-icon button {
  height: 100%;
  border-radius: 0;
}
.psol-comp-textInput-clear-btn {
  width: 0.8em;
  height: 0.8em;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  align-self: center;
  margin-right: 0.5em;
}
.arButtonContainer {
  position: relative;
}
.arButtonContainer .arButton-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.arButtonContainer .arButton-overlay .psol-comp-LoadingAnimation-overlay {
  background-color: transparent;
}
.arButtonContainer .arButton-overlay .psol-comp-LoadingAnimation-overlay .largeSpinner {
  height: 44px;
  width: 44px;
  border-width: 0.25rem;
  border-color: var(--color-primary-dark) transparent transparent transparent;
}
.arButtonContainer .arButton-overlay .psol-comp-LoadingAnimation-overlay-themeable {
  min-height: 0;
  position: unset;
}
.arButtonContainer .psol-comp-Icon {
  color: #5b6166;
}
.CatalogLanguageSelection .psol-comp-Dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.CatalogLanguageSelection .psol-comp-Dropdown label {
  cursor: pointer;
  margin: 0;
}
.CatalogLanguageSelection .psol-comp-Dropdown label + .psol-comp-Dropdown-container-themeable {
  margin-left: 0.5em;
}
.CatalogLanguageSelection .psol-comp-Dropdown .psol-comp-Dropdown-selected {
  background-color: var(--dropdown-container-background);
  color: var(--dropdown-container-color);
  border-width: 1px;
  height: 1.625em;
}
.CatalogLanguageSelection .psol-comp-Dropdown .psol-comp-Dropdown-selected .psol-comp-DropdownItem {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element {
  right: 0;
  max-width: 350px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: 40px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1em;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem {
  border-bottom: none;
  border-radius: 8px;
  padding: 0 0.5em;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem *:last-child {
  overflow: visible;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem:hover {
  background-color: var(--hover-background);
  color: var(--hover-color);
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element span {
  margin-left: unset;
  font-size: 16px;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item {
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  font-weight: bold;
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item:hover {
  background-color: var(--dropdown-list-hover-background);
  color: var(--dropdown-list-hover-color);
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item:hover .LanguageSelectionDropdown-selectedItemIcon {
  color: var(--dropdown-list-hover-color);
}
.psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item .LanguageSelectionDropdown-selectedItemIcon {
  display: inline-block;
  margin-left: 0.5em;
  color: var(--color-primary);
}
.psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper {
  display: none;
}
@media (max-height: 500px) {
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element {
    max-width: min(max(480px, 100vw - 150px), 800px);
  }
}
@media (max-width: 550px) {
  .userMenu .menuItem .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown .psol-comp-Dropdown-items-element,
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown .psol-comp-Dropdown-items-element {
    position: fixed;
    top: 0;
    right: 0;
    transform: unset;
  }
  .userMenu .menuItem .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown .psol-comp-Dropdown-items-element .LanguageSelectionDropdown-closeWrapper:hover,
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown .psol-comp-Dropdown-items-element .LanguageSelectionDropdown-closeWrapper:hover {
    background: unset;
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper {
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper.psol-comp-DropdownItem {
    border: unset;
    padding: 0;
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper .LanguageSelectionDropdown-closeWrapper-content {
    position: relative;
    top: -1em;
    left: -2em;
    width: calc(100vw - 8px);
    height: 3em;
    padding: 0 2.5em 0 2em;
    display: flex;
    align-items: center;
    font-weight: 700;
    background-color: white;
    box-sizing: border-box;
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper .LanguageSelectionDropdown-closeWrapper-content .psol-comp-Icon-themeable {
    width: 1.25em;
    height: 1.25em;
    transform: rotate(-180deg);
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper .LanguageSelectionDropdown-closeWrapper-content .LanguageSelectionDropdown-closeWrapper-text {
    margin-left: auto;
  }
  .psol-comp-LanguageSelectionDropdown .LanguageSelectionDropdown-closeWrapper .LanguageSelectionDropdown-closeWrapper-content hr {
    position: absolute;
    top: 3em;
    left: 0;
    right: 0;
    margin: 0;
    border: unset;
    border-top: 1px solid var(--border-color);
  }
  .psol-comp-LanguageSelectionDropdown.psol-comp-Dropdown-themeable {
    position: initial;
  }
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element {
    height: 100%;
    max-width: 100vw;
    grid-template-columns: minmax(100%, 1fr);
    row-gap: 0.5em;
    top: 0;
    left: 0;
    padding: 1em 2em;
    border: unset;
    border-radius: unset;
  }
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem:not(.LanguageSelectionDropdown-closeWrapper) {
    border: 1px solid var(--border-color);
    padding-left: 1.5em;
  }
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item {
    position: relative;
    box-shadow: 5px 4px 6px 0px rgba(0, 0, 0, 0.15);
  }
  .psol-comp-LanguageSelectionDropdown .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-selected-item .LanguageSelectionDropdown-selectedItemIcon {
    position: absolute;
    right: 1em;
  }
}
.psol-comp-InactiveOverlay {
  display: flex;
  flex-direction: row;
  position: absolute;
  background-color: black;
  justify-content: center;
  align-items: center;
  z-index: 3;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.psol-comp-SpinnerContainer {
  position: relative;
  display: inline-block;
}
.psol-comp-SpinnerContainer.smallSpinner {
  height: 1rem;
  width: 1rem;
}
.psol-comp-SpinnerContainer.largeSpinner {
  height: 4rem;
  width: 4rem;
}
.psol-comp-SpinnerContainer .spinnerDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.25rem solid;
  border-color: var(--color-medium) transparent transparent transparent;
  border-radius: 50%;
  animation: inlineSpinAnimation 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.psol-comp-SpinnerContainer .spinnerDiv.smallSpinner {
  border-width: 0.25rem;
}
.psol-comp-SpinnerContainer .spinnerDiv.largeSpinner {
  border-width: 0.5rem;
}
.psol-comp-SpinnerContainer .spinnerDiv:nth-child(1) {
  animation-delay: -0.45s;
}
.psol-comp-SpinnerContainer .spinnerDiv:nth-child(2) {
  animation-delay: -0.3s;
}
.psol-comp-SpinnerContainer .spinnerDiv:nth-child(3) {
  animation-delay: -0.15s;
}
.psol-comp-LoadingAnimation-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.0470588235);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
@keyframes inlineSpinAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.psol-comp-Pagination {
  display: flex;
  align-items: baseline;
}
.psol-comp-Pagination .psol-comp-Dropdown-items-element .psol-comp-DropdownItem {
  padding-left: 0.563em;
}
.psol-comp-Pagination .Pagination-Navigation {
  display: flex;
  align-self: flex-end;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0.25em;
  min-width: 2em;
  height: 2em;
  box-sizing: border-box;
  border-radius: 50%;
  color: var(--font-color);
  text-align: center;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.dots {
  background-color: transparent;
  pointer-events: none;
  cursor: default;
  user-select: none;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.selected {
  background-color: transparent;
  border: 1px solid var(--color-primary);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item:hover {
  background-color: var(--hover-background);
  cursor: pointer;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item .arrow::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 0.12em solid var(--font-color);
  border-top: 0.12em solid var(--font-color);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item .arrow.left {
  transform: rotate(-135deg) translate(-50%);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item .arrow.right {
  transform: rotate(45deg);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled {
  pointer-events: none;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled .arrow::before {
  border-right: 0.12em solid var(--color-inactive);
  border-top: 0.12em solid var(--color-inactive);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.psol-comp-Pagination .Pagination-Details {
  font-size: 12px;
  color: color-mix(in srgb, var(--font-color), white 15%);
  margin-left: 0.5rem;
}
.psol-comp-PartInfoCard {
  position: relative;
}
.psol-comp-PartInfoCard .psol-comp-Card {
  position: relative;
}
.psol-comp-PartInfoCard .partInfoCard-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.psol-comp-PartInfoCard .partInfoCard-container .content {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  overflow: hidden;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .erp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.25rem;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview {
  flex-shrink: 0;
  position: relative;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .downloadAmount {
  display: flex;
  position: absolute;
  margin: 0;
  bottom: 0;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .downloadAmount > span {
  background-color: white;
  border-radius: 4px;
  padding: 2px;
  font-size: small;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .downloadAmount.low > span {
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .downloadAmount.mid > span {
  border: 1px solid #ab9c21;
  color: #ab9c21;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .downloadAmount.high > span {
  border: 1px solid #358b5b;
  color: #358b5b;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .icons {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview .icons > .icon + .icon {
  margin-left: 0.25em;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .partImg {
  display: block;
  box-sizing: border-box;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .nodeTypeIcon {
  position: absolute;
  left: 1px;
  top: 1px;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .catImg {
  position: absolute;
  top: 0;
  right: -0.5rem;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .catalog *,
.psol-comp-PartInfoCard .partInfoCard-container .content .data .nb *,
.psol-comp-PartInfoCard .partInfoCard-container .content .data .description * {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .header {
  display: flex;
  flex-direction: row;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .header .name {
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .header .nb * {
  font-weight: bold;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .description {
  line-height: 1.125em;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .footer {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-grow: 1;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .data .footer .icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .partInfoCardDismissBtn {
  align-self: initial;
  height: 1em;
  width: 1em;
  cursor: pointer;
  font-size: 1.25em;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .partInfoCardDismissBtn:only-child {
  margin-left: auto;
}
.psol-comp-PartInfoCard .partInfoCard-container .content .preview + .data {
  margin-left: 1rem;
}
.pathinfo-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em;
  overflow-y: auto;
}
.pathinfo-wrapper mark {
  background-color: #ffff00;
}
.pathinfo-wrapper .sticky-heaader {
  position: sticky;
  top: 0;
  z-index: 1;
  padding-top: 0.5em;
  background: var(--background-main);
}
.pathinfo-wrapper .psol-comp-SpinnerContainer-themeable {
  align-self: center;
  margin: 0.5em 0;
}
.pathinfo-wrapper .pathinfoclass-wrapper {
  background: var(--background-main-contrast);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.5em;
}
.pathinfo-wrapper .pathinfoclass-wrapper .selected mark {
  background-color: var(--color-highlight);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper {
  display: flex;
  padding: 0 0 0.25em 0;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper > div {
  margin-right: 0.5em;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper .classheader {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper {
  display: flex;
  border: 1px solid var(--border-color);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .classtable-head {
  border-bottom: 1px solid var(--border-color);
  padding: 0.25em 0.5em;
  background: var(--background-main-contrast);
  font-weight: bold;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table {
  border-spacing: 0;
  min-width: 100%;
  background: var(--background-main);
  border-top: 1px solid var(--border-color);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper {
  padding: 0.25em 0.5em;
  font-size: 13px;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper td {
  padding: 0.25em 0.5em;
  user-select: text;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper td.classtable-entry-left {
  text-align: left;
  width: 1%;
  white-space: nowrap;
  border-right: 1px solid var(--border-color);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper td {
  border-bottom: 1px solid var(--border-color);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable {
  padding: 0;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable {
  box-shadow: none;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable {
  flex-direction: row-reverse;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable .psol-comp-AccordionTitle-text {
  margin-left: 0.5em;
  color: var(--color-primary);
  display: flex;
  justify-content: space-between;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable .psol-comp-AccordionTitle-text .link {
  display: flex;
  pointer-events: all;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-primary);
  background: color-mix(in srgb, var(--background-main-contrast), black 20%);
  padding: 2px;
  border-radius: 4px;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable .psol-comp-Icon-themeable {
  color: var(--color-primary);
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable.hide-icon {
  pointer-events: none;
  cursor: default;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable.hide-icon > .psol-comp-Icon-themeable {
  visibility: hidden;
}
.pathinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionDetails-themeable {
  padding: 0;
}
.pathinfo-wrapper .partInfoClass-container {
  background: var(--background-main-contrast);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  margin-bottom: 0.5em;
}
.pathinfo-wrapper .partInfoClass-container .pathinfoclass-wrapper {
  border: none;
}
.pathinfo-wrapper .pathinfoclass-basic {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.5s ease-out;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper {
  border: none;
  display: block;
  max-height: 100%;
  transition: all 0.5s ease-in-out;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper::-webkit-scrollbar {
  display: none;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section {
  display: flex;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer {
  width: 6em;
  height: 6em;
  position: relative;
  pointer-events: none;
  transition: all 0.75s ease-in-out;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer > .nodeImage {
  transition: width, height 0.75s ease-in-out;
  object-fit: scale-down;
  width: 6em;
  height: 6em;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer > .supplierImage {
  position: absolute;
  right: -0.25em;
  top: 0em;
  width: 1.875em;
  height: 1.875em;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer > .nodeTypeIcon {
  pointer-events: fill;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 1px;
  top: 0;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer > .nodeCatalogSealIcon {
  width: 1.125em;
  height: 1.125em;
  position: absolute;
  left: -0.25em;
  bottom: -0.25em;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .imageContainer .psol-comp-Icon-themeable + * {
  margin-left: 0;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .short-info-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 0;
  height: 0;
  width: 0;
  opacity: 0;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper {
  flex-grow: 1;
  padding: 0 0.25em;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table {
  transition: all 0.75s ease-in-out;
  border: none;
  background: var(--background-main-contrast);
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper {
  border: none;
  font-size: 14px;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper td {
  border: none;
  padding: 2px;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper td.classtable-entry-left {
  border-right: 1px solid var(--border-color);
  padding-right: 4px;
}
.pathinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper td.classtable-entry-right {
  padding-left: 4px;
}
.pathinfo-wrapper .pathinfoclass-basic .short-info {
  display: flex;
  align-items: center;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.5s ease-in-out, opacity 0.25s linear;
}
.pathinfo-wrapper .pathinfoclass-basic .short-info > div {
  margin-left: 8px;
}
.pathinfo-wrapper .pathinfoclass-basic.small-mode {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-out;
}
.pathinfo-wrapper .pathinfoclass-basic.small-mode .classtable-wrapper {
  overflow: hidden;
  visibility: hidden;
}
.pathinfo-wrapper .pathinfoclass-basic.small-mode .tags-wrapper {
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
}
.pathinfo-wrapper .pathinfoclass-basic.small-mode .short-info {
  transition:
    height 0.5s ease-in-out,
    opacity 0.5s linear,
    visibility 0.5s ease-in-out;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.pathinfo-wrapper .pathinfoclass-basic.small-mode .short-info img {
  transition: width 0.5s ease-in-out, height 0.5s linear;
  width: 2em;
  height: 2em;
}
.pathinfo-wrapper .part-info-search-bar {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5em 0;
}
.pathinfo-wrapper .part-info-search-bar .psol-comp-TableSearchBar-themeable {
  max-width: 50%;
}
.pathinfo-wrapper .psol-comp-SpinnerContainer-themeable {
  align-self: center;
  margin: 0.5em 0;
}
@media (max-width: 1300px) {
  .pathinfo-wrapper {
    grid-template-rows: 0.5fr 0.5fr 6fr;
  }
}
.psol-comp-Popover {
  position: absolute;
  background-color: var(--popover-background);
  color: var(--popover-color);
  border-radius: 4px;
  width: auto;
  border: 0.125em solid var(--border-color);
  z-index: 4;
  padding: 5px 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.32);
}
.psol-comp-PreselectionTools {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.psol-comp-PreselectionTools .navigationIcon {
  font-size: 1.25em;
  cursor: pointer;
}
.psol-comp-PreselectionTools .navigationIcon.left {
  transform: rotate(90deg);
}
.psol-comp-PreselectionTools .navigationIcon.left:hover {
  transform: scale(1.2) rotate(90deg);
}
.psol-comp-PreselectionTools .navigationIcon.right {
  transform: rotate(-90deg);
}
.psol-comp-PreselectionTools .navigationIcon.right:hover {
  transform: scale(1.2) rotate(-90deg);
}
.psol-comp-PreselectionTools .transparencyIcon {
  display: flex;
  align-items: center;
  margin: 0;
}
.psol-comp-PreselectionTools.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.psol-comp-PreselectionTools.disabled .navigationIcon {
  cursor: default;
}
.psol-comp-PreselectionTools.disabled .navigationIcon.left:hover {
  transform: rotate(90deg);
}
.psol-comp-PreselectionTools.disabled .navigationIcon.right:hover {
  transform: rotate(-90deg);
}
.psol-comp-PreselectionTools.disabled .psol-comp-checkbox:hover {
  cursor: default;
}
.psol-comp-PreselectionTools.disabled .psol-comp-checkbox:hover .visValue::before {
  border-color: var(--color-medium);
}
.psol-comp-PreselectionTools span {
  margin: 0;
  white-space: nowrap;
}
.psol-comp-PreselectionTools .autoZoom {
  margin-left: 0.5em;
}
.psol-comp-PreselectionTools .autoZoom.disabled {
  cursor: auto;
  background-color: transparent;
}
.psol-comp-PreselectionTools .toolBarTransparencyButton {
  margin-left: 0.5em;
}
.price-trend-risk-tab-content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
}
.price-trend-risk-tab-content .ptr-tab-content-btn-wrapper {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--background-main);
  border-bottom: 1px solid var(--border-color);
  padding: 0.5em;
}
.price-trend-risk-tab-content .ptr-tab-content-btn-wrapper .ptr-tab-content-btn:hover {
  box-shadow: none;
  background-color: color-mix(in srgb, var(--btn-outlined-background), var(--color-primary) 20%);
}
.price-trend-risk-tab-content .ptr-tab-content-btn-wrapper .ptr-tab-content-btn .btn-content-container {
  display: flex;
  align-items: center;
  gap: 1em;
}
.price-trend-risk-tab-content .price-trend-risk-loading-animation {
  position: relative;
  min-height: 5em;
  z-index: 1;
}
.price-trend-risk-tab-content .ptr-part-procure-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin: 0.5em;
}
.price-trend-risk-tab-content .part-info-wrapper {
  display: flex;
  gap: 1em;
  margin: 0.5em;
}
.price-trend-risk-tab-content .part-info-wrapper .image-container {
  display: flex;
  position: relative;
  width: 5em;
  height: 5em;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
}
.price-trend-risk-tab-content .part-info-wrapper .image-container img {
  max-width: 100%;
  max-height: 100%;
}
.price-trend-risk-tab-content .part-info-wrapper .image-container .image-manufacturer {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  width: 2em;
  height: 2em;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5em;
  justify-content: space-between;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info p {
  margin: 0;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks {
  display: flex;
  gap: 1em;
  align-items: center;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container .risk {
  padding: 0.125em 0.25em;
  border-radius: 0.25em;
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container .low {
  background-color: var(--color-success);
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container .low-med {
  background-color: rgba(var(--color-success), 0.5);
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container .med {
  background-color: var(--color-hint);
}
.price-trend-risk-tab-content .part-info-wrapper .part-info .risks .risk-container .high {
  background-color: var(--color-warning);
}
.price-trend-risk-tab-content .section-title {
  font-size: large;
}
.price-trend-risk-tab-content .category {
  padding: 0.5em;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  background-color: var(--background-main-contrast);
  margin-bottom: 0.5em;
}
.price-trend-risk-tab-content .category:last-child {
  margin-bottom: 0;
}
.price-trend-risk-tab-content .trusted-parts-buy-link {
  text-decoration: none;
  width: max-content;
}
.price-trend-risk-tab-content .trusted-parts-buy-link .trusted-parts-button {
  border-width: 0;
  font-weight: bold;
}
.price-trend-risk-tab-content .trusted-parts-buy-link .trusted-parts-button.green {
  background-color: var(--color-success);
}
.price-trend-risk-tab-content .trusted-parts-buy-link .trusted-parts-button.yellow {
  background-color: var(--color-hint);
}
.price-trend-risk-tab-content .trusted-parts-buy-link .trusted-parts-button.red {
  background-color: var(--color-warning);
}
.price-trend-risk-tab-content .trusted-parts-buy-link .trusted-parts-button:hover {
  opacity: 90%;
}
.price-trend-risk-tab-content .price-trend-risk {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
  margin: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk * {
  margin: 0;
}
.price-trend-risk-tab-content .price-trend-risk .line {
  display: flex;
  gap: 1em;
  align-items: center;
}
.price-trend-risk-tab-content .price-trend-risk .column {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .trusted-parts-footer {
  display: flex;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.125em 0.5em;
  justify-content: center;
  border-top: 1px solid var(--border-color);
  background-color: var(--background-main-contrast);
}
.price-trend-risk-tab-content .price-trend-risk .trusted-parts-footer .trusted-parts-logo {
  display: flex;
  text-decoration: none;
  color: inherit;
  align-items: center;
  gap: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .trusted-parts-footer .trusted-parts-logo img {
  height: 1.5em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor {
  padding: 0.5em;
  background-color: var(--background-main);
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result {
  display: flex;
  gap: 1em;
  margin-top: 1em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info {
  display: flex;
  flex-direction: column;
  gap: 1em;
  flex-basis: 50%;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .information-list {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .packaging {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .packaging .package-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .packaging .package-column .border-left {
  border-left: 1px solid var(--border-color);
  padding-left: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .trusted-parts-datasheet {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: inherit;
  width: min-content;
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .distributor-info .trusted-parts-datasheet:hover {
  color: var(--color-highlight);
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  justify-content: space-between;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .trusted-parts-avaliability.green {
  color: var(--color-success);
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .trusted-parts-avaliability.yellow {
  color: var(--color-hint);
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .trusted-parts-avaliability.red {
  color: var(--color-warning);
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .pricing {
  display: flex;
  flex-direction: column;
  margin: 1em 0;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .pricing > b {
  margin-bottom: 0.5em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .pricing .price {
  display: flex;
  justify-content: space-between;
  padding: 0 1em;
}
.price-trend-risk-tab-content .price-trend-risk .distributors .distributor .distributor-result .stock .pricing .price:nth-child(even) {
  background-color: var(--background-main-contrast);
  border-radius: 0.25em;
}
.price-trend-risk-not-found {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}
.price-trend-risk-fullscreen {
  display: grid;
  grid-template-rows: min-content auto;
  position: relative;
  gap: 1em;
  background-color: var(--background-main);
  flex-grow: 1;
  overflow: hidden;
  text-align: left;
}
.price-trend-risk-fullscreen.compare {
  grid-template-columns: minmax(10em, 25em) auto;
}
.price-trend-risk-fullscreen.search {
  position: relative;
  grid-template-columns: 1fr 1fr;
}
.price-trend-risk-fullscreen .ptr-selection-bar-wrapper {
  grid-column: span 2;
}
.price-trend-risk-fullscreen .ptr-fullscreen-error-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 2em;
  margin: 0 auto;
  width: max-content;
  max-width: 100%;
  color: var(--background-main);
  background-color: var(--color-warning);
  border-radius: 0.25em;
  animation: price-trend-risk-fullscreen-error-message-appear 10s ease-in-out forwards;
  animation-iteration-count: 1;
  z-index: 2;
}
.price-trend-risk-fullscreen .ptr-fullscreen-error-message > b {
  display: flex;
  padding: 1em;
}
.price-trend-risk-fullscreen .low,
.price-trend-risk-fullscreen .low-med {
  color: #017b0b;
}
.price-trend-risk-fullscreen .med {
  color: #e3781c;
}
.price-trend-risk-fullscreen .high {
  color: #a40206;
}
.price-trend-risk-fullscreen.laptop.search {
  grid-template-columns: 100%;
}
.price-trend-risk-fullscreen.laptop.search .ptr-selection-bar-wrapper {
  grid-column: span 1;
}
.price-trend-risk-fullscreen.tablet.compare {
  grid-template-columns: 100%;
  grid-template-rows: min-content min-content auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.price-trend-risk-fullscreen.tablet.compare .ptr-selection-bar-wrapper {
  grid-column: span 1;
}
.price-trend-risk-fullscreen.tablet.compare > div:not(:first-child) {
  margin: 0 1em 0 0;
}
.price-trend-risk-fullscreen.tablet.compare .ptr-fullscreen-comparison-table {
  height: max-content;
  min-height: 100%;
  overflow: auto;
}
@keyframes price-trend-risk-fullscreen-error-message-appear {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ptr-fullscreen-add-to-compare {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  gap: 1em;
  margin-right: 10em;
}
.ptr-fullscreen-add-to-compare .ptr-add-to-compare-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.5em 0 2em;
}
.ptr-fullscreen-add-to-compare .ptr-add-to-compare-header .ptr-add-to-compare-header-results-info {
  display: flex;
  flex-flow: column;
  gap: 2em;
}
.ptr-fullscreen-add-to-compare .ptr-add-to-compare-header .ptr-add-to-compare-header-button {
  align-self: flex-start;
}
.ptr-fullscreen-add-to-compare .ptr-search-view-results-wrapper {
  position: relative;
  flex-grow: 1;
  padding: 0 1em;
  overflow-x: hidden;
  overflow-y: auto;
}
.ptr-fullscreen-add-to-compare .ptr-search-view-results-wrapper .ptr-search-view-loading-overlay {
  position: static;
  border: 0.25em;
}
.ptr-fullscreen-add-to-compare .ptr-search-view-results-wrapper .ptr-search-view-results {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
  padding: 1em;
}
.ptr-fullscreen-add-to-compare .ptr-search-view-results-wrapper .ptr-search-view-results .ptr-card-with-button {
  display: flex;
  align-items: center;
  gap: 1em;
}
.ptr-fullscreen-add-to-compare .ptr-search-view-results-wrapper .ptr-search-view-results .ptr-card-with-button .ptr-fullscreen-checkbox-button {
  height: 3em;
  width: 3em;
}
.ptr-fullscreen-checkbox-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: var(--btn-outlined-background);
  border: 1px solid var(--btn-outlined-color);
  border-radius: 0.5em;
  cursor: pointer;
}
.ptr-fullscreen-checkbox-button .ptr-checkbox-button-icon.checkmark {
  width: 1.75em;
  height: 1.75em;
}
.ptr-fullscreen-checkbox-button .ptr-checkbox-button-icon.plus {
  transform: rotate(45deg);
}
.ptr-fullscreen-comparison-table {
  position: relative;
  overflow: auto;
  margin-left: 1em;
}
.ptr-fullscreen-comparison-table > table {
  border-spacing: 0px;
  text-align: left;
  width: 100%;
}
.ptr-fullscreen-comparison-table > table tr th,
.ptr-fullscreen-comparison-table > table tr td {
  padding: 0.25em 0 0.25em 2em;
  min-width: 13.75em;
  max-width: 20em;
  border-bottom: 1px solid var(--border-color);
  vertical-align: top;
}
.ptr-fullscreen-comparison-table > table tr th {
  max-width: 10em;
}
.ptr-fullscreen-comparison-table > table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--background-main);
}
.ptr-fullscreen-comparison-table > table thead th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: var(--background-main);
  text-wrap: nowrap;
}
.ptr-fullscreen-comparison-table > table thead .corner {
  border-right: 1px solid var(--border-color);
  border-bottom: unset;
  min-width: unset;
}
.ptr-fullscreen-comparison-table > table thead .ptr-buy-button {
  padding: 0.75em 0 0.75em 2em;
}
.ptr-fullscreen-comparison-table > table thead .ptr-buy-button > a {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  text-decoration: none;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  margin-right: 0.5em;
}
.ptr-fullscreen-comparison-table > table thead .ptr-buy-button > a:hover {
  background-color: color-mix(in srgb, var(--btn-solid-background), black 5%);
}
.ptr-fullscreen-comparison-table > table thead .border-bottom {
  border-bottom: 1px solid var(--border-color);
}
.ptr-fullscreen-comparison-table > table tbody .left-header {
  min-width: unset;
  padding-left: 0;
  padding-right: 1em;
  position: sticky;
  left: 0;
  background-color: var(--background-main);
  border-right: 1px solid var(--border-color);
  text-wrap: nowrap;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-datasheet > a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-primary);
}
.ptr-fullscreen-comparison-table > table tbody .information {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 1em;
  row-gap: 0.5em;
}
.ptr-fullscreen-comparison-table > table tbody .information .span2 {
  grid-column: span 2;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability {
  padding: 0.75em 0 0.75em 2em;
  color: var(--btn-solid-color);
}
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .green,
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .red,
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .yellow {
  border-radius: 1em;
  padding: 0.25em 0.5em;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .green {
  background-color: #017b0b;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .red {
  background-color: #a40206;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-avaliability .yellow {
  background-color: #e3781c;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-pricing {
  display: grid;
  column-gap: 2em;
  row-gap: 0.125em;
  grid-template-columns: min-content min-content;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-pricing .ptr-price {
  text-align: right;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-pricing .ptr-price.best-price {
  color: #017b0b;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-pricing .empty {
  text-align: center;
}
.ptr-fullscreen-comparison-table > table tbody .ptr-pricing .bold {
  font-weight: bold;
}
.ptr-fullscreen-comparison-table > table tbody .no-border-bottom {
  border-bottom: unset;
}
.ptr-fullscreen-comparison-table .ptr-fullscreen-comparison-table-no-data {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}
.ptr-fullscreen-part-info {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content minmax(10em, 18em) min-content;
  gap: 0.5em;
  background-color: var(--background-main-contrast);
  padding: 1em;
  border-radius: 0.25em;
  border: 1px solid var(--border-color);
  font-weight: bold;
  overflow-y: auto;
  overflow-x: hidden;
  height: fit-content;
}
.ptr-fullscreen-part-info .ptr-part-info {
  display: flex;
  gap: 1em;
  align-items: flex-start;
}
.ptr-fullscreen-part-info .ptr-part-info .ptr-part-info-image-part {
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
}
.ptr-fullscreen-part-info .ptr-part-info .ptr-part-info-right-column {
  display: flex;
  flex-grow: 1;
  flex-flow: column;
  gap: 0.5em;
}
.ptr-fullscreen-part-info .ptr-part-info .ptr-part-info-right-column .ptr-part-info-catalog {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.ptr-fullscreen-part-info .ptr-part-info .ptr-part-info-right-column .ptr-part-info-catalog .ptr-image-manufacturer {
  border: 1px solid var(--border-color);
}
.ptr-fullscreen-part-info .ptr-3d-viewer {
  height: 18em;
  border: 1px solid var(--border-color);
  font-weight: normal;
}
.ptr-fullscreen-part-info .ptr-risks {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
}
.ptr-fullscreen-part-info .ptr-risks .ptr-risk-container {
  display: flex;
  gap: 0.5em;
}
.ptr-fullscreen-part-info.search-mode {
  font-size: 0.875em;
  margin: 0;
  overflow: visible;
  grid-template-rows: min-content min-content;
  padding-bottom: 0;
  border-bottom: none;
  border-radius: 0.25em 0.25em 0 0;
}
.ptr-fullscreen-part-info.search-mode .ptr-part-info {
  gap: 0.5em;
}
.ptr-fullscreen-part-info.search-mode .ptr-part-info .ptr-part-info-image-part {
  width: 5em;
  height: 5em;
}
.ptr-fullscreen-part-info.tablet.compare-mode {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content min-content;
}
.ptr-fullscreen-part-info.tablet.compare-mode .ptr-3d-viewer {
  height: 100%;
  grid-row: span 2;
}
.ptr-fullscreen-part-info.mobile.compare-mode {
  grid-template-columns: 100%;
  grid-template-rows: min-content 15em min-content;
}
.ptr-fullscreen-part-info.mobile.compare-mode .ptr-3d-viewer {
  grid-row: span 1;
}
.ptr-fullscreen-search-part {
  display: flex;
  overflow-x: hidden;
  gap: 1em;
}
.ptr-fullscreen-search-part .ptr-search-table-column {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  overflow-y: hidden;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left {
  flex-grow: 1;
  gap: 0;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-use-geosearch-checkbox-wrapper,
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags {
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  background-color: var(--background-main-contrast);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-use-geosearch-checkbox-wrapper {
  padding-bottom: 0.5em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-use-geosearch-checkbox-wrapper .ptr-use-geosearch-checkbox {
  width: min-content;
  text-wrap: nowrap;
  margin-left: 0.75em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  flex-basis: 1em;
  padding: 0 0em 0.5em 0.5em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags .ptr-search-table-tag-checkbox {
  text-wrap: nowrap;
  background-color: var(--btn-solid-background);
  border-radius: 0.25em;
  padding: 0.25em;
  color: var(--btn-solid-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags .ptr-search-table-tag-checkbox .visValue::before {
  background-color: var(--btn-solid-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags .ptr-search-table-tag-checkbox.checked .visValue::before {
  background-color: unset;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table-cloud-tags-placeholder {
  background:
    linear-gradient(
      90deg,
      var(--color-light),
      var(--color-medium),
      var(--color-light));
  animation: ptr-placeholder-gradient-animation 3s ease alternate infinite;
  background-size: 400% 400%;
  min-height: 2em;
  border-radius: 0.25em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table {
  overflow: auto;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table {
  border-collapse: collapse;
  width: 100%;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr {
  border: 1px solid var(--border-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr:first-child {
  border-top: unset;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr:last-child {
  border-bottom: unset;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr td {
  padding: 0.25em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr td:first-child {
  width: 2em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr td > b,
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table table tr td > span {
  min-height: 1em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-row {
  cursor: pointer;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-row:hover {
  background-color: var(--table-header-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-row:hover .visValue::before {
  border-color: var(--checkbox-hover-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-checkbox .psol-comp-checkbox-themeable {
  pointer-events: none;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-checkbox .psol-comp-checkbox-themeable .visValue {
  justify-content: center;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-checkbox .psol-comp-checkbox-themeable .visValue::before {
  margin: 0;
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-description {
  background-color: var(--table-header-color);
}
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-description > b,
.ptr-fullscreen-search-part .ptr-search-table-column.left .ptr-search-table .ptr-search-table-description > span {
  display: block;
  width: 100%;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right {
  flex-shrink: 0;
  flex-basis: 22em;
  overflow: hidden;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button {
  display: flex;
  gap: 0.25em;
  align-items: center;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button .psol-comp-InputWithLabel-themeable {
  flex-grow: 1;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button .psol-comp-InputWithLabel-themeable .ptr-search-table-input .input-button {
  border-color: transparent;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button .psol-comp-InputWithLabel-themeable .ptr-search-table-input .input-button .psol-comp-Icon-themeable {
  width: 1.5em;
  height: 1.5em;
  transform: rotate(45deg);
  color: var(--btn-solid-background);
  margin-top: 0.125em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button .psol-comp-InputWithLabel-themeable .ptr-search-table-input .input-button .psol-comp-Icon-themeable:hover {
  color: color-mix(in srgb, var(--btn-solid-background), black 5%);
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-input-with-button .ptr-start-search-btn {
  width: max-content;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-column-chips-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  overflow-y: auto;
  padding-right: 0.5em;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-column-chips-area .ptr-search-table-column-chip {
  display: flex;
  gap: 0.5em;
  padding: 0.25em 0.5em;
  border: 2px solid var(--border-color);
  border-radius: 0.5em;
  overflow-y: hidden;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-column-chips-area .ptr-search-table-column-chip > span {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-column-chips-area .ptr-search-table-column-chip .ptr-search-table-column-chip-icon {
  color: var(--color-medium);
  cursor: pointer;
}
.ptr-fullscreen-search-part .ptr-search-table-column.right .ptr-search-table-column-chips-area .ptr-search-table-column-chip .ptr-search-table-column-chip-icon:hover {
  color: var(--color-dark);
}
@keyframes ptr-placeholder-gradient-animation {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.ptr-selection-bar-wrapper {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
  overflow-x: auto;
  overflow-y: hidden;
}
.ptr-selection-bar-wrapper .ptr-selection-bar {
  display: flex;
  align-items: center;
  gap: 1em;
  overflow-x: auto;
  overflow-y: hidden;
  text-wrap: nowrap;
  padding-bottom: 0.375em;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn,
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-more {
  background-color: var(--btn-outlined-background);
  outline: none;
  cursor: pointer;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25em;
  border-bottom: 3px solid transparent;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-wrapper .ptr-selection-bar-btn {
  border: none;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-wrapper .ptr-selection-bar-btn-icon {
  cursor: pointer;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-wrapper .ptr-selection-bar-btn-icon:hover {
  color: var(--color-warning);
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-wrapper.active {
  font-weight: bold;
  border-bottom: 3px solid var(--color-primary);
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-more {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  height: fit-content;
  font-weight: bold;
  font-size: 0.875em;
  padding: 0.25em 1em;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-more .ptr-plus-icon {
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
}
.ptr-selection-bar-wrapper .ptr-selection-bar .ptr-selection-bar-btn-more:hover {
  background-color: color-mix(in srgb, var(--btn-outlined-background), var(--color-primary) 20%);
}
.ptr-selection-bar-wrapper .ptr-selection-bar-header {
  border-bottom: 3px solid var(--color-primary);
}
.part-procurement-data-background,
.part-procurement-data {
  padding: 0.5em;
  border-radius: 0.25em;
  border: 1px solid var(--border-color);
}
.part-procurement-data-background {
  background-color: var(--background-main-contrast);
}
.part-procurement-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em;
  background-color: var(--background-main);
}
.part-procurement-data .manufacturer-name {
  grid-column: span 2;
}
.part-procurement-data .column-left,
.part-procurement-data .column-right {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.part-procurement-data .column-left .left-column-row .link {
  font-size: 14px;
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.part-procurement-data .column-left .left-column-row .link:hover {
  color: var(--link-hover-color);
}
.part-procurement-data .column-right {
  justify-content: space-between;
}
.part-procurement-data .column-right .pricing {
  display: flex;
  flex-direction: column;
}
.part-procurement-data .column-right .pricing > b {
  margin-bottom: 0.5em;
}
.part-procurement-data .column-right .pricing .price-row {
  display: flex;
  justify-content: space-between;
  padding: 0 1em;
}
.part-procurement-data .column-right .pricing .price-row:nth-child(even) {
  background-color: var(--background-main-contrast);
  border-radius: 0.25em;
}
.part-procurement-data .column-right .part-procure-links {
  display: flex;
  gap: 0.5em;
}
.part-procurement-data .column-right .part-procure-links .part-procure-link {
  color: var(--btn-solid-color);
  background-color: var(--btn-solid-background);
  padding: 0.125em 0.5em;
  border-radius: 0.25em;
  text-decoration: none;
}
.part-procurement-data .column-right .part-procure-links .part-procure-link:hover {
  background-color: color-mix(in srgb, var(--btn-solid-background), black 5%);
}
.qrInfoPanel-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.qrInfoPanel-container .qrInfoPanel-border {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: 2px solid white;
  border-radius: 0.5em;
  padding: 0.5em 4em;
  width: fit-content;
  position: relative;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-clsBtn {
  position: absolute;
  top: 0.75em;
  right: 0.5em;
  align-self: flex-end;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-clsBtn .psol-comp-Icon {
  color: white;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-closeBtn:hover {
  cursor: pointer;
}
.qrInfoPanel-container .qrInfoPanel-border span {
  font-weight: bold;
}
.qrInfoPanel-container .qrInfoPanel-border p {
  color: rgb(197, 197, 197);
  font-weight: lighter;
  margin: 0;
  padding: 0.25em 0 0.375em 0;
  font-size: 0.875em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 0.625em 0;
  width: 100%;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-error {
  color: var(--color-warning);
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .psol-comp-Icon {
  width: 180px;
  height: 180px;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-top: 1em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .psol-comp-Button {
  margin-left: 0;
  padding: 0 1em 0 0.375em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .psol-comp-Button .psol-comp-Icon {
  color: inherit;
  height: 2em;
  width: 2em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .psol-comp-Button span {
  margin-left: 0.25em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-downloadLink {
  display: flex;
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  border-color: var(--color-primary);
  border-radius: 0.25em;
  border-width: 0.125em;
  border-style: solid;
  padding: 0 1em;
  text-decoration: none;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-downloadLink .psol-comp-Icon {
  color: inherit;
  height: 2em;
  width: 1em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-downloadLink span {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-downloadLink:hover {
  border-color: var(--color-primary-dark);
  background-color: var(--color-primary-dark);
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-copyLink {
  margin-left: 1em;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-moreInformation {
  font-weight: bold;
  color: var(--color-primary);
  padding-top: 0.5em;
  text-decoration: underline;
}
.qrInfoPanel-container .qrInfoPanel-border .qrInfoPanel-qrCode .qrInfoPanel-buttonContainer .qrInfoPanel-moreInformation:hover {
  cursor: pointer;
  color: var(--color-primary-dark);
}
.qrInfoPanel-container .qrInfoPanel-border .psol-comp-SnackBar-themeable {
  position: absolute;
  top: 1em;
  left: 1em;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-buttonContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 0.5em;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-buttonContainer .psol-comp-Button {
  padding: 0 1em 0 0.375em;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-buttonContainer .defaultArInfoPanel-copyLink .psol-comp-Icon {
  color: inherit;
  height: 2em;
  width: 2em;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-buttonContainer .defaultArInfoPanel-copyLink span {
  margin-left: 0.25em;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-moreInformation {
  font-weight: bold;
  color: var(--color-primary);
  padding-top: 0.5em;
  text-decoration: underline;
}
.qrInfoPanel-container .qrInfoPanel-border .defaultArInfoPanel-moreInformation:hover {
  cursor: pointer;
  color: var(--color-primary-dark);
}
@media (max-width: 1300px) {
  .qrInfoPanel-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
  }
}
.content {
  pointer-events: all;
}
.content .react-resizable-handle-ne {
  position: absolute;
  height: 15px;
  width: 15px;
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.content .react-resizable-handle-se {
  position: absolute;
  height: 15px;
  width: 15px;
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.content .react-resizable-handle-sw {
  position: absolute;
  height: 15px;
  width: 15px;
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.content .react-resizable-handle-nw {
  position: absolute;
  height: 15px;
  width: 15px;
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.content .react-resizable-handle-n {
  position: absolute;
  height: 5px;
  width: calc(100% - 30px);
  top: 0;
  left: 15px;
  right: 15px;
  cursor: s-resize;
}
.content .react-resizable-handle-e {
  position: absolute;
  height: calc(100% - 30px);
  width: 5px;
  top: 15px;
  bottom: 15px;
  right: 0;
  cursor: w-resize;
}
.content .react-resizable-handle-s {
  position: absolute;
  height: 5px;
  width: calc(100% - 30px);
  bottom: 0;
  left: 15px;
  right: 15px;
  cursor: n-resize;
}
.content .react-resizable-handle-w {
  position: absolute;
  height: calc(100% - 30px);
  width: 5px;
  bottom: 15px;
  top: 15px;
  left: 0;
  cursor: e-resize;
}
.psol-comp-Searchbar {
  display: flex;
  position: relative;
}
.psol-comp-Searchbar .controlcontainer {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.psol-comp-Searchbar .controlcontainer .container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.psol-comp-Searchbar .controlcontainer .container .inputcontainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  justify-content: center;
}
.psol-comp-Searchbar .controlcontainer .container .inputcontainer .searchtypecontainer {
  width: 80px;
  height: 40px;
  display: flex;
}
.psol-comp-Searchbar .controlcontainer .container .inputcontainer .input {
  width: 100%;
  border-radius: 0;
  padding: 6px;
  box-sizing: border-box;
  border-color: transparent;
  outline: 1px solid var(--color-dark);
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
  border-width: 2px;
}
.psol-comp-Searchbar .controlcontainer .container .inputcontainer .reset {
  position: absolute;
  right: 12px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  align-self: center;
  justify-content: center;
  display: none;
  padding: 0;
  border-radius: 50%;
}
.psol-comp-Searchbar .controlcontainer .container .inputcontainer .reset * {
  display: flex;
  position: relative;
  height: 28px;
  align-self: center;
}
.psol-comp-Searchbar .controlcontainer .container .psol-comp-Button-themeable {
  height: 100%;
  width: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.psol-comp-Searchbar .controlcontainer .container .psol-comp-Button-themeable img {
  height: 20px;
}
.psol-comp-Searchbar .controlcontainer .searchselection-container .searchresult-select,
.psol-comp-Searchbar .controlcontainer .searchselection-container .searchin-select {
  height: 40px;
}
.psol-comp-GeometricSearch-SearchOptions {
  display: flex;
  flex-direction: column;
}
.psol-comp-GeometricSearch-SearchOptions > .psol-comp-GeometricSearch-Size {
  flex: 1 1 0;
  display: flex;
  align-items: center;
}
.psol-comp-GeometricSearch-SearchOptions > .psol-comp-GeometricSearch-Size > label {
  margin-right: 10px;
}
.psol-comp-GeometricSearch-SearchOptions > .psol-comp-GeometricSearch-Size > .psol-comp-slider {
  flex: 1 1 0;
}
.psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-Checkbox {
  margin: 10px 0;
}
.psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-SearchOptions-Buttons {
  display: flex;
  margin-top: 10px;
}
.psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-SearchOptions-Buttons > .psol-comp-Button {
  width: 50%;
}
.psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-SearchOptions-Buttons > .psol-comp-Button:not(:last-child) {
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .psol-comp-GeometricSearch-SearchOptions {
    flex-direction: row;
    align-items: center;
  }
  .psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-Checkbox {
    margin: 0;
    margin-left: 10px;
  }
  .psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-SearchOptions-Buttons {
    margin-top: 0;
    margin-left: 20px;
  }
  .psol-comp-GeometricSearch-SearchOptions .psol-comp-GeometricSearch-SearchOptions-Buttons > .psol-comp-Button {
    width: auto;
  }
}
.psol-comp-SnackBar {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.149);
  border-radius: 0.25em;
  padding: 0.938em;
  color: #ffffff;
  z-index: 4;
}
.psol-comp-SnackBar .psol-comp-Icon + * {
  margin: 0;
}
.psol-comp-SnackBar .psol-comp-Icon-themeable {
  margin: 0;
}
.psol-comp-SnackBar .psol-comp-Icon-themeable path {
  fill: #ffffff;
}
.psol-comp-SnackBar .psol-comp-SnackBar-status-icon {
  margin-right: 0.75em;
}
.psol-comp-SnackBar .psol-comp-SnackBar-close-icon {
  margin-left: 1.5em;
  cursor: pointer;
}
.psol-comp-SnackBar .psol-comp-SnackBar-buttons {
  display: inline-flex;
  margin-left: 1em;
}
.psol-comp-SnackBar .psol-comp-SnackBar-buttons > :first-child {
  margin-right: 0.25em;
}
.psol-comp-SnackBar .psol-comp-SnackBar-buttons > :last-child {
  margin-left: 0.25em;
}
.type-message {
  background-color: var(--color-light);
}
.type-warning {
  background-color: var(--color-warning);
}
.type-hint {
  background-color: var(--color-hint);
}
.type-confirm {
  background-color: var(--color-dark);
}
.type-success {
  background-color: var(--color-success);
}
.psol-comp-TableCompare {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  position: relative;
}
.psol-comp-TableCompare .treeNode.treeDepth-0 {
  padding-left: 0.5em;
}
.psol-comp-TableCompare .treeNode.treeDepth-1 {
  padding-left: 1em;
}
.psol-comp-TableCompare .treeNode.treeDepth-2 {
  padding-left: 1.5em;
}
.psol-comp-TableCompare .treeNode.treeDepth-3 {
  padding-left: 2em;
}
.psol-comp-TableCompare .treeNode.treeDepth-4 {
  padding-left: 2.5em;
}
.psol-comp-TableCompare .navigate {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.psol-comp-TableCompare .navigate.left {
  left: 18rem;
}
.psol-comp-TableCompare .navigate.right {
  right: 1.5rem;
}
.psol-comp-TableCompare .navigate.right .psol-comp-Icon-themeable {
  transform: rotate(180deg);
}
.psol-comp-TableCompare .headerContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  align-self: flex-start;
  min-height: 0;
  max-width: 100%;
}
.psol-comp-TableCompare .headerContainer .cornerArea {
  width: 16.5rem;
  height: 100%;
  flex-shrink: 0;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaButtons {
  position: absolute;
  left: 11em;
  display: flex;
  gap: 0.1em;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaButtons button {
  position: relative;
  padding: 0.25em;
  font-size: 1.5em;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaButtons button .icon {
  font-size: 1.125em;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaButtons button .plusSign {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  text-shadow:
    1px 0 #ffffff,
    -1px 0 #ffffff,
    0 1px #ffffff,
    0 -1px #ffffff;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaCheckboxes {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.psol-comp-TableCompare .headerContainer .cornerArea .cornerAreaCheckboxes .psol-comp-checkbox-themeable {
  margin-bottom: 0.5em;
}
.psol-comp-TableCompare .headerContainer .headerMaster {
  padding-left: 16.5rem;
  flex-shrink: 0;
}
.psol-comp-TableCompare .headerContainer .headerCompareItems {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
}
.psol-comp-TableCompare .bodyContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: flex-start;
  flex-grow: 1;
  min-height: 0;
  max-width: 100%;
  overflow: auto;
  overflow-y: scroll;
}
.psol-comp-TableCompare .bodyContainer .bodyMaster {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  width: 16.5rem;
  background-color: var(--background-main);
  border-radius: 0.25em 0 0 0.25em;
}
.psol-comp-TableCompare .bodyContainer .bodyMaster .psol-comp-Tree {
  width: 100%;
}
.psol-comp-TableCompare .bodyContainer .bodyCompareItems {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
}
.psol-comp-TableCompare .bodyContainer .bodyCompareItems .tableBody {
  width: 20rem;
  box-sizing: border-box;
}
.psol-comp-TableCompare .bodyContainer .bodyCompareItems .tableBody + .tableBody {
  margin-left: 0.5rem;
}
.psol-comp-TableCompare .tableHead,
.psol-comp-TableCompare .tableBody {
  flex-shrink: 0;
}
.psol-comp-TableCompare .table {
  border-collapse: collapse;
}
.psol-comp-CompareTableHeader {
  width: 20rem;
}
.psol-comp-CompareTableHeader {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.psol-comp-CompareTableHeader .compareBtnBox {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.psol-comp-CompareTableHeader .compareBtnBox .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn.undeletable {
  cursor: default;
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn.undeletable:hover {
  transform: none;
  -webkit-transform: none;
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn .psol-comp-Icon-themeable {
  width: 100%;
  height: 100%;
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn .psol-comp-Icon-themeable.undeletable {
  color: var(--color-medium);
}
.psol-comp-CompareTableHeader .compareBtnBox .compareBtn .psol-comp-Icon-themeable.undeletable svg path {
  fill: var(--color-medium);
}
.psol-comp-CompareTableHeader .psol-comp-PartInfoCard-themeable .partInfoCard-container {
  cursor: pointer;
}
.psol-comp-CompareTableHeader .compareGeoSimilarityBox {
  padding: 0.25em;
}
.psol-comp-CompareTableHeader .compareGeoSimilarityBox .psol-comp-MatchLikelihood-themeable {
  flex-basis: auto;
}
.psol-comp-CompareTableHeader .compareItemImage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.psol-comp-VariableValue {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  height: 2.5rem;
}
.psol-comp-VariableValue.selected,
.psol-comp-VariableValue.hoverOn3d {
  background: #e1edf2;
}
.psol-comp-VariableValue.geometricFeature.disabled {
  opacity: 0.5;
  cursor: default;
}
.psol-comp-VariableValue.geometricFeature.disabled .visValue {
  cursor: default;
}
.psol-comp-VariableValue.geometricFeature.hoverOnCompareTable:hover {
  cursor: pointer;
  background: var(--background-main-contrast);
}
.psol-comp-VariableValue.geometricFeature.hoverOnCompareTable:hover:not(.selected) .psol-comp-checkbox-themeable .visValue {
  outline: none;
}
.psol-comp-VariableValue.geometricFeature.hoverOnCompareTable:hover:not(.selected) .psol-comp-checkbox-themeable .visValue::before {
  border-color: var(--color-primary-dark);
}
.psol-comp-VariableValue.geometricFeature.hoverOnCompareTable:hover.selected .psol-comp-checkbox-themeable .visValue {
  outline: none;
}
.psol-comp-VariableValue.geometricFeature.hoverOnCompareTable:hover.selected .psol-comp-checkbox-themeable .visValue::before {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.psol-comp-VariableValue .value {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.psol-comp-VariableValue .valueImage {
  display: block;
  height: 100%;
  margin-right: 0.5em;
}
.psol-comp-VariableValue .valueDistance {
  flex-shrink: 0;
}
.psol-comp-CompareVariableName {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.5rem;
  box-sizing: border-box;
}
.psol-comp-CompareVariableName.treeDepth-0 {
  padding-left: 0.5em;
}
.psol-comp-CompareVariableName.treeDepth-1 {
  padding-left: 1em;
}
.psol-comp-CompareVariableName.treeDepth-2 {
  padding-left: 1.5em;
}
.psol-comp-CompareVariableName.treeDepth-3 {
  padding-left: 2em;
}
.psol-comp-CompareVariableName.treeDepth-4 {
  padding-left: 2.5em;
}
.psol-comp-CompareVariableName.section::before {
  content: "";
  margin: -0.25em 0.25em 0 0;
  font-size: 20px;
  font-weight: bold;
}
.psol-comp-CompareVariableName.section.hasChildren::before {
  content: "-";
}
.psol-comp-CompareVariableName.section.hasChildren.collapsed::before {
  content: "+";
}
.psol-comp-CompareVariableName .name,
.psol-comp-CompareVariableName .desc {
  font-size: 14px;
  display: block;
  line-height: 1rem;
}
.psol-comp-ComparisonDistance svg {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: rotate(-90deg);
  padding: 1px;
}
.psol-comp-ComparisonDistance svg circle {
  fill: none;
  stroke-width: 31;
}
.psol-comp-Expander {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.psol-comp-Expander .expanderHandle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-TabExCell {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  line-height: initial;
}
.psol-comp-TabExCell.iconDocument {
  padding-left: 0.25em;
  text-decoration: underline;
  cursor: pointer;
}
.psol-comp-TabExCell.iconDocument::after {
}
.psol-comp-TabExCell.iconLocked::after {
}
.psol-comp-TabExCell:hover .cellContent .filterIcon {
  display: flex;
}
.psol-comp-TabExCell .cellContent {
  overflow: visible;
  text-overflow: ellipsis;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  height: 100%;
}
.psol-comp-TabExCell .cellContent .filterIcon {
  display: none;
  position: absolute;
  right: -1.5em;
  font-size: 12px;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  z-index: 1;
  align-items: center;
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .filterIcon > svg {
  width: 0.75em;
  height: 0.75em;
}
.psol-comp-TabExCell .cellContent.colIcon::after {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  height: 16px;
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0.5em;
  right: -1.25em;
}
.psol-comp-TabExCell .cellContent.iconEdit::after {
}
.psol-comp-TabExCell .cellContent.iconDocument::after {
  background-color: var(--color-dark);
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent.iconLocked::after {
}
.psol-comp-TabExCell .cellContent .configurator {
  height: 1.4em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}
.psol-comp-TabExCell .cellContent .configurator.flagFinal {
  background: #bceaa6;
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .configurator.flagEditable {
  background: #ffd560;
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .configurator div.colIcon::after {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  height: 1em;
  width: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 6px;
}
.psol-comp-TabExCell .cellContent .configurator div.iconEdit::after {
}
.psol-comp-TabExCell .cellContent .configurator div.iconDocument::after {
  background-color: var(--color-primary);
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .configurator div.iconLocked::after {
}
.psol-comp-TabExCell .cellContent .configurator small {
  font-weight: normal;
  font-size: 12px;
}
.psol-comp-TabExCell .cellContent .configurator .filterIconSingelTable {
  position: absolute;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .configurator .filterIconSingelTable.flagFinal {
  color: #6ba503;
}
.psol-comp-TabExCell .cellContent .configurator .filterIconSingelTable.flagEditable {
  color: #c89100;
}
.psol-comp-TabExCell .cellContent .configurator .filterIconSingelTable:hover::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 1.25em;
  height: 0;
  transform: rotate(30deg);
  transform-origin: left;
  border-top: 2px solid currentColor;
  outline: 2px solid #ffffff;
}
.psol-comp-TabExCell .cellContent img {
  vertical-align: middle;
}
.psol-comp-TabExColumnHead {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0.25em 1em;
}
.psol-comp-TabExColumnHead.flag::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1rem solid rgba(255, 255, 255, 0);
  border-left: 2rem solid rgba(255, 255, 255, 0);
  border-top: 1rem solid;
  border-right: 0;
}
.psol-comp-TabExColumnHead.flagEditable::after {
  content: attr(data-flagcontent);
  position: absolute;
  top: 0.125em;
  font-size: 10px;
  right: 0;
  width: 1.4em;
  display: flex;
  justify-content: center;
}
.psol-comp-TabExColumnHead.sorting::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5em;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.psol-comp-TabExColumnHead.asc::before {
  transform: rotate(180deg);
}
.psol-comp-TabExColumnHead .filterIcon {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.psol-comp-TabExColumnHead .filterIcon:hover::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 1.25em;
  height: 0;
  transform: rotate(30deg);
  transform-origin: left;
  border-top: 2px solid currentColor;
  outline: 2px solid #ffffff;
}
.psol-comp-TabExColumnHead .ColumnHeadInfoWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  margin: 0 -0.75em;
}
.psol-comp-TabExColumnHead .ColumnHeadInfoWrapper .name-desc {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-TabExColumnHead .ColumnHeadInfoWrapper .name-desc .columnName {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-TabExColumnHead .ColumnHeadInfoWrapper .name-desc .columnName .value {
  flex-grow: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-TabExColumnHead .ColumnHeadInfoWrapper .name-desc .columnDesc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.psol-comp-TabExColumnHead .filter {
  display: flex;
  flex-direction: row;
  margin: 0 -1em;
}
.psol-comp-TabExColumnHead .filter .filterInput {
  box-sizing: border-box;
  width: 100%;
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-TabExColumnHead .filter:focus-within {
  border: 2px solid var(--color-primary);
  border-bottom: none;
}
.psol-comp-TabExColumnHead .filter .removeFilter {
  flex-shrink: 0;
  cursor: pointer;
}
.psol-comp-TabExColumnHead .filter.noborder {
  border: none;
}
.psol-comp-TabExColumnHead .filter.noborder .filterInput:disabled {
  background-color: var(--table-header-color);
}
.psol-comp-TabExColumnHead .erpColoring {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.filterSuggestions {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  border: 2px solid var(--color-primary);
  border-top: 1px solid var(--border-color);
  border-radius: 0 0 4px 4px;
  padding: 0.25em 0;
  margin: 0;
  z-index: 2;
  overflow: auto;
  font-size: 13px;
}
.filterSuggestions li {
  padding: 0.5em;
  text-align: center;
  border-radius: 4px;
}
.filterSuggestions li:hover {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  cursor: pointer;
}
.filterSuggestions li:hover .separator {
  border-right-color: var(--color-dark);
}
.psol-comp-TabExRowHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
.psol-comp-TabExRowHead > .customButtonsContainer {
  opacity: 0;
  visibility: hidden;
}
.psol-comp-TabExRowHead.collapsedTable {
  justify-content: flex-start;
  align-items: flex-end;
}
.psol-comp-TabExRowHead.collapsedTable .customButtonsContainer {
  flex-grow: 0;
  opacity: 1;
  visibility: visible;
}
.psol-comp-TabExRowHead.collapsedTable .customButtonsContainer:only-child {
  margin: 0;
}
.psol-comp-TabExRowHead.collapsedTable .customButtonsContainer .customButton {
  height: 1.5em;
  width: 1.5em;
  border: none;
}
.psol-comp-TabExRowHead.collapsedTable .customButtonsContainer .customButton .psol-comp-Icon {
  border: none;
}
.psol-comp-TabExRowHead .psol-comp-checkbox-themeable {
  margin-right: 0.5em;
}
.psol-comp-TabExRowHead .psol-comp-checkbox-themeable .visValue::before {
  background-color: white;
  margin-right: 0;
}
.psol-comp-TabExRowHead .psol-comp-checkbox-themeable .nativeChkbx:checked + .visValue::before {
  background-color: var(--callToAction-background);
  color: var(--callToAction-color);
  border-color: var(--callToAction-background);
}
.psol-comp-TabExRowHead .psol-comp-checkbox-themeable .nativeChkbx:checked + .visValue:hover::before,
.psol-comp-TabExRowHead .psol-comp-checkbox-themeable .nativeChkbx:checked + .visValue:focus-visible::before {
  background-color: color-mix(in srgb, var(--callToAction-background), black 10%);
  border-color: color-mix(in srgb, var(--callToAction-background), black 10%);
}
.psol-comp-TabExRowHead .avoid {
  display: flex;
  flex-direction: row;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
}
.psol-comp-TabExRowHead .rowNo {
  flex-shrink: 0;
}
.psol-comp-TabExRowHead .customButtonsContainer {
  margin-right: 0.65em;
  display: flex;
  flex-direction: row;
  min-width: 0;
}
.psol-comp-TabExRowHead .customButtonsContainer .customButton {
  padding: 0.125em;
  height: 1em;
  width: 1em;
  border-width: 1px;
}
.psol-comp-TabExRowHead .customButtonsContainer .customButton.tiny {
  margin-left: 0;
}
.psol-comp-TabExRowHead .customButtonsContainer .customButton > .psol-comp-Icon {
  width: 100%;
  height: 100%;
}
.max-count-tooltip {
  display: flex;
  align-items: center;
  background: var(--popover-info-background);
  color: var(--popover-color);
  padding: 0.25em 0.5em;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  position: absolute;
  transition: all 0.75 ease-in-out;
  z-index: 2;
  white-space: nowrap;
  animation: rowHead-fadeinout 2.75s linear forwards;
  -webkit-animation: rowHead-fadeinout 2.75s linear forwards;
}
.max-count-tooltip .psol-comp-Icon {
  margin-right: 0.5em;
}
@-webkit-keyframes rowHead-fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rowHead-fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
.psol-comp-TabExTable {
  position: relative;
  overflow: hidden;
}
.psol-comp-TabExTable .innerTable {
  left: 18px;
  right: 18px;
  background-color: var(--background-main);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
}
.psol-comp-TabExTable .innerTable .grid-container .grid-header-rows {
  position: sticky;
  left: 0;
  display: flex;
  z-index: 3;
  width: fit-content;
}
.psol-comp-TabExTable .innerTable .grid-container .grid-header-columns {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  z-index: 3;
}
.psol-comp-TabExTable .innerTable .grid-container .grid-cell-container {
  background-color: var(--background-main);
}
.psol-comp-TabExTable .cornerPiece {
  border-top: 1px solid var(--border-color);
  border-right: 1px solid var(--background-main);
  border-bottom: 1px solid var(--border-color);
  box-sizing: border-box;
  padding: 0.25em;
  position: absolute;
  top: 0;
  left: 19px;
  z-index: 3;
  display: flex;
  flex-direction: column;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper .info-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: var(--popover-info-background);
  padding: 0.25em;
  font-size: 14px;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper .multiple-download {
  display: flex;
  flex-grow: 1;
  margin-bottom: 0.25em;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper .multiple-download > button {
  align-self: center;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper .multiple-download > span {
  margin: 0 0.5em;
  align-self: center;
  opacity: 0;
}
.psol-comp-TabExTable .cornerPiece .download-btn-wrapper .multiple-download > span.active {
  opacity: 100%;
}
.psol-comp-TabExTable .cornerPiece.collapsedTable {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.psol-comp-TabExTable .cornerPiece.collapsedTable .lineIdFilterBtn {
  margin-right: 0.25em;
}
.psol-comp-TabExTable .scrollBtn {
  background: var(--table-container-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 100%;
  padding: 0 1px;
  position: absolute;
}
.psol-comp-TabExTable .scrollBtn.btnRight {
  right: 0;
  top: 0;
}
.psol-comp-TabExTable .scrollBtn.btnRight .psol-comp-Icon-themeable {
  rotate: -90deg;
}
.psol-comp-TabExTable .scrollBtn .psol-comp-Icon-themeable {
  rotate: 90deg;
  cursor: pointer;
}
.psol-comp-TabExTable .scrollBtn.inactive .psol-comp-Icon-themeable {
  opacity: 40%;
  cursor: default;
}
.psol-comp-TabExTable .gridTableColumn {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--background-main);
  background-color: var(--table-header-color);
  box-sizing: border-box;
}
.psol-comp-TabExTable .gridTableColumn:last-child {
  border-right: 1px solid var(--border-color);
}
.psol-comp-TabExTable .gridTableRow {
  border-right: 1px solid var(--border-color);
}
.psol-comp-TabExTable .gridTableRow.collapsedTable {
  display: flex;
  align-items: center;
  justify-content: center;
}
.psol-comp-TabExTable .gridTableRow.collapsedTable:first-child {
  border-top: 1px solid var(--border-color);
  border-bottom: none;
}
.psol-comp-TabExTable .gridTableCell {
  box-sizing: border-box;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterBtnContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  border-radius: 0.25em;
  padding: 0.125em;
  cursor: pointer;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterBtnContent:hover {
  background-color: var(--color-primary-dark);
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterBtnContent .searchIcon {
  color: inherit;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterBtnContent .searchIcon::before {
  content: "T";
  position: absolute;
  font-size: 10px;
  font-family:
    "Times New Roman",
    Times,
    serif;
  left: 0.5em;
  top: 0.5em;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterBtnContent .filterIcon {
  position: absolute;
  color: #ffffff;
  font-size: 8px;
  right: 0.25em;
  bottom: 0.4em;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterToggle {
  display: none;
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterToggle:not(:checked) + .lineIdFilterBtnContent > .searchIcon::after {
  content: "";
  position: absolute;
  left: 0.25em;
  bottom: 0.125em;
  height: 2px;
  width: 100%;
  transform: rotate(-45deg);
  background: var(--background-main);
  transform-origin: left center;
  outline: 1px solid var(--color-primary);
}
.psol-comp-TabExTable .lineIdFilterBtn .lineIdFilterToggle:not(:checked) + .lineIdFilterBtnContent:hover > .searchIcon::after {
  outline: 1px solid var(--color-primary-dark);
}
.psol-comp-TabExTable .noMatchedFilter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: large;
  background-color: var(--background-main);
}
.psol-comp-TableExpandable {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.psol-comp-TableExpandable .measureDummies {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.psol-comp-TableExpandable .measureDummies .rowHeadDummies,
.psol-comp-TableExpandable .measureDummies .columnHeadDummies,
.psol-comp-TableExpandable .measureDummies .cellDummies,
.psol-comp-TableExpandable .measureDummies .cornerPieceDummies {
  display: flex;
  flex-direction: row;
}
.psol-comp-TableExpandable .measureDummies .columnHeadDummies {
  align-items: flex-start;
}
.psol-comp-TableExpandable .measureDummies .columnHeadDummies .neutralCollapsed input,
.psol-comp-TableExpandable .measureDummies .columnHeadDummies .withImage input,
.psol-comp-TableExpandable .measureDummies .columnHeadDummies .withType input,
.psol-comp-TableExpandable .measureDummies .columnHeadDummies .withTypeAndImage input {
  display: none;
}
.psol-comp-TableExpandable .cornerPieceDummies .multiple-download {
  display: flex;
  flex-direction: row;
}
.psol-comp-TableExpandable .cornerPieceDummies .multiple-download > span {
  margin: 0 0.5em;
}
.psol-comp-TableExpandable .loadingDummy {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.psol-comp-TableExpandable .loadingDummy .loadingDummyTitle {
  flex-shrink: 0;
  height: 1em;
  width: 10em;
  background-color: var(--table-container-color);
  border-radius: 0.25em;
}
.psol-comp-TableExpandable .loadingDummy .loadingDummyOptions {
  flex-shrink: 0;
  height: 1.125em;
  width: 15em;
  background-color: var(--table-container-color);
  margin-top: 0.25em;
  border-radius: 0.25em;
}
.psol-comp-TableExpandable .loadingDummy .loadingDummyTable {
  flex-grow: 1;
  background-color: var(--background-main);
  margin-top: 0.25em;
  margin-bottom: 1.5em;
  border-radius: 0.25em;
}
.psol-comp-TableExpandable .tableHead {
  flex-shrink: 0;
}
.psol-comp-TableExpandable .table {
  flex-grow: 1;
  overflow: hidden;
}
.psol-comp-TableExpandable .tableExpandableErrorMsg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: bold;
}
.psol-comp-TableExpandable .info-dialog {
  max-width: 45em;
}
.psol-comp-TableExpandable .info-dialog h3 {
  margin: 0;
}
.psol-comp-TableSearchBar {
  display: flex;
  flex-direction: row;
}
.psol-comp-TableSearchBar .prevIcon {
  transform: rotate(90deg);
}
.psol-comp-TableSearchBar .navHandle {
  border-radius: 0;
}
.psol-comp-TableSearchBar .nextIcon {
  transform: rotate(-90deg);
}
.psol-comp-VarGroups {
  display: flex;
  flex-direction: column;
}
.psol-comp-TableHead {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.psol-comp-TableHead .options,
.psol-comp-TableHead .toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
.psol-comp-TableHead .options {
  flex-shrink: 1;
  flex-grow: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
}
.psol-comp-TableHead .toolbar {
  flex: 1;
  flex-basis: auto;
  min-width: 0;
}
.psol-comp-TableHead .toolbar + * {
  margin-left: 0.5em;
}
.psol-comp-TableHead .optionsContainer {
  display: flex;
  min-width: 0;
  border-top: 1px solid var(--border-color);
  padding: 0.5rem 18px;
}
.psol-comp-TableHead .optionsContainer .multiple-download {
  display: flex;
  margin-right: 1em;
  white-space: nowrap;
}
.psol-comp-TableHead .optionsContainer .multiple-download .psol-comp-checkbox-themeable .visValue {
  font-weight: bold;
}
.psol-comp-TableHead .optionsContainer.isNotExpanded {
  min-height: 28px;
}
@media screen and (max-width: 767px) {
  .psol-comp-TableHead .optionsContainer .tableExpanded.varGroups {
    display: none !important;
  }
}
.psol-comp-TableHead .optionsContainer .densities-wrapper {
  display: flex;
  cursor: pointer;
}
.psol-comp-TableHead .optionsContainer .densities-wrapper .psol-comp-Icon-themeable + * {
  margin-left: 0.5em;
}
.psol-comp-TableHead .optionsContainer .densities-wrapper .psol-comp-Icon-themeable.active {
  color: var(--color-primary);
}
.psol-comp-TableHead .responsiveVarGroups {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--border-color);
  display: none;
}
@media screen and (max-width: 767px) {
  .psol-comp-TableHead .responsiveVarGroups {
    display: flex !important;
  }
}
.psol-comp-TableHead .varGroups-icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--dropdown-container-background);
  color: var(--dropdown-container-color);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.3em 0.25em;
  cursor: pointer;
}
.psol-comp-TableHead .varGroups-icon-wrapper > :last-child {
  height: 0.75em;
  margin-left: 0.5em;
}
.table-vargroups {
  padding: 0;
  border: none;
}
.table-vargroups .header {
  border-bottom: 1px solid var(--border-color);
  padding: 0.5em 0.75em 0.25em;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 940px) {
  .varGroups {
    order: 1;
    flex-basis: 100%;
    margin-top: 0.5em;
    margin-left: 0 !important;
  }
}
.options .delivery-countries-dropdown .psol-comp-Dropdown-container .psol-comp-Dropdown-items-element {
  right: 0;
}
.delivery-countries-dropdown {
  align-self: center;
  cursor: pointer;
  min-width: 8em;
  flex-shrink: 1;
}
.delivery-countries-dropdown .psol-comp-Dropdown-container .psol-comp-Dropdown-selected {
  border-width: 1px;
  height: 1.625em;
  background-color: var(--dropdown-container-background);
  padding-right: 0.25em;
}
.delivery-countries-dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  padding: 0 0.5em;
}
.delivery-countries-dropdown-item img {
  width: 1em;
  flex-shrink: 0;
}
.plm-dialog {
  max-width: 57em !important;
}
.plm-dialog .psol-comp-DialogBody-themeable {
  padding: 1em;
  max-height: 70vh;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table-info-text {
  text-align: left;
  margin-bottom: 0.5em;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table,
.plm-dialog .psol-comp-DialogBody-themeable .varset-values-table {
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  margin-bottom: 1em;
  line-height: 1em;
  user-select: text;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table th,
.plm-dialog .psol-comp-DialogBody-themeable .plm-table td,
.plm-dialog .psol-comp-DialogBody-themeable .varset-values-table th,
.plm-dialog .psol-comp-DialogBody-themeable .varset-values-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table th,
.plm-dialog .psol-comp-DialogBody-themeable .varset-values-table th {
  background-color: #f0f0f0;
  font-weight: bold;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table tr:nth-child(even),
.plm-dialog .psol-comp-DialogBody-themeable .varset-values-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table tr {
  cursor: pointer;
}
.plm-dialog .psol-comp-DialogBody-themeable .plm-table tr.selected {
  background-color: #9db7c4 !important;
}
.psol-comp-psolTableCells {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.psol-comp-psolTableCellItem {
  box-sizing: border-box;
}
.psol-comp-psolTableCellItem .cellContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}
.psol-comp-psolTableCellItem .cellContent.spacer {
  padding-right: 2.25em;
}
.psol-comp-psolTableColumnHeader {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}
.psol-comp-psolTableColHeaderItem {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.psol-comp-psolTableColHeaderItem.sort::before {
  content: "";
  position: absolute;
  top: 0.125em;
  background-size: 0.5em;
  background-position: center;
  background-repeat: no-repeat;
  height: 0.5em;
  width: 100%;
}
.psol-comp-psolTableColHeaderItem.asc::before {
}
.psol-comp-psolTableColHeaderItem.dsc::before {
}
.psol-comp-psolTableColHeaderItem .colName {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.psol-comp-psolTableColHeaderItem .colFilterContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
.psol-comp-psolTableColHeaderItem .colFilterContainer .colFilter {
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-psolTableColHeaderItem .colFilterContainer .colFilterRemove {
  margin: 0 0.125em;
}
.psol-comp-psolTableCornerPiece {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0.5em;
}
.psol-comp-psolTableCornerPiece .filterButton {
  width: 2em;
  height: 2em;
}
.psol-comp-psolTableCornerPiece .filterButton .filterIcon {
  width: 100%;
  height: 100%;
}
.eolState::before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}
.eolState.eol-avoid::before {
  content: "(=)";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 0.75em;
  color: var(--color-primary);
}
.eolState.eol-available::before,
.eolState.eol-replaced-available::before {
  background:
    linear-gradient(
      45deg,
      var(--color-hint) 50%,
      var(--color-success) 50%);
}
.eolState.eol-expired-replaced::before {
  background:
    linear-gradient(
      45deg,
      #e0404a 50%,
      var(--color-success) 50%);
}
.eolState.eol-expired-available::before {
  background: var(--color-hint);
}
.eolState.eol-expired::before {
  background: #e0404a;
  color: #ffffff;
}
.psol-comp-psolTableRowHeader {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  z-index: 1;
}
.psol-comp-psolTableRowHeaderItem {
  box-sizing: border-box;
}
.psol-comp-psolTableRowHeaderItem .content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-psolTableRowHeaderItem .lineInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-psolTableRowHeaderItem .lineInfo.eolState::before {
  margin-right: 0.25em;
}
.psol-comp-psolTable {
  position: relative;
  overflow: auto;
}
.psol-comp-psolTable .noOverflow {
  overflow: hidden !important;
}
.psol-comp-psolTable .cornerItem {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}
.psol-comp-tableHorizontal {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.psol-comp-tableHorizontal .tableOptions {
  flex-shrink: 0;
}
.psol-comp-tableHorizontal .measureDummies {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.psol-comp-tableHorizontal .table {
  flex-grow: 1;
  overflow: hidden;
}
.psol-comp-psolTableSearchBar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-psolTableVarGroups {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-psolTableOptions {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.psol-comp-tableVertical-rowHeader {
  border-left: 0;
  padding: 0.25em 0.5em;
  width: 37%;
  overflow: hidden;
}
.psol-comp-tableVertical-rowHeader .varGroupInfo {
  padding: 0.25em;
  font-size: 14px;
  background-color: var(--popover-info-background);
  border-radius: 0.5em;
}
.psol-comp-tableVertical-rowHeader .varGroupInfo .psol-comp-Icon-themeable {
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
}
.psol-comp-tableVertical-rowHeader .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.psol-comp-tableVertical-rowHeader .content .varDesc,
.psol-comp-tableVertical-rowHeader .content .varName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.psol-comp-tableVertical-rowHeader .content .varDesc {
  font-weight: bold;
}
.psol-comp-tableVertical-rowHeader .content.singleLine {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.psol-comp-tableVertical-rowHeader .content.singleLine .varName {
  font-weight: normal;
  margin-left: 0.25em;
}
.psol-comp-tableVertical-rowHeader .content.singleLine .varDesc {
  font-weight: bold;
}
.psol-comp-tableVertical {
  display: flex;
  flex-direction: column;
  border-radius: 0.25em;
  box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
  background: var(--table-container-color);
}
.psol-comp-tableVertical-tableHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5em;
  background: var(--table-container-color);
  border-radius: 0.25em;
  border: 1px solid color-mix(in srgb, var(--border-color), black 7%);
  border-bottom: none;
}
.psol-comp-tableVertical-tableHeader .tableHeader-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 18px;
  padding: 0.5rem 0.75rem;
}
.psol-comp-tableVertical-tableHeader .tableHeader-title .erpIcons-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.25em;
  margin-right: 0.25em;
  margin-bottom: 0.125em;
}
.psol-comp-tableVertical-tableHeader .tableHeader-title .tableHeader-title-text-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.psol-comp-tableVertical-tableHeader .optionsContainer {
  display: flex;
  border-top: 1px solid color-mix(in srgb, var(--border-color), black 7%);
  width: 100%;
  padding: 0.5em;
  margin-left: 0;
  gap: 1em;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .varGroups-icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--background-main);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.3em 0.25em;
  cursor: pointer;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .varGroups-icon-wrapper > :last-child {
  color: var(--color-medium);
  height: 0.75em;
  margin-left: 0.5em;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .toolbar {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .toolbar + * {
  margin-left: 0.5em;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterBtnContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  border-radius: 0.25em;
  padding: 0.125em;
  margin-left: 0.5em;
  cursor: pointer;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterBtnContent:hover {
  background-color: var(--color-primary-dark);
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterBtnContent .searchIcon {
  color: inherit;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterBtnContent .searchIcon::before {
  content: "T";
  position: absolute;
  font-size: 10px;
  font-family:
    "Times New Roman",
    Times,
    serif;
  left: 0.5em;
  top: 0.5em;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterBtnContent .filterIcon {
  position: absolute;
  color: #ffffff;
  font-size: 8px;
  right: 0.25em;
  bottom: 0.4em;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterToggle {
  display: none;
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterToggle:not(:checked) + .lineIdFilterBtnContent > .searchIcon::after {
  content: "";
  position: absolute;
  left: 0.25em;
  bottom: 0.125em;
  height: 2px;
  width: 100%;
  transform: rotate(-45deg);
  background: var(--background-main);
  transform-origin: left center;
  outline: 1px solid var(--color-primary);
}
.psol-comp-tableVertical-tableHeader .optionsContainer .tableHeader-buttons .lineIdFilterBtn .lineIdFilterToggle:not(:checked) + .lineIdFilterBtnContent:hover > .searchIcon::after {
  outline: 1px solid var(--color-primary-dark);
}
.psol-comp-tableVertical-tableHeader > div + div {
  margin-left: 0.5em;
}
.psol-comp-tableVertical-erpIcon {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}
.psol-comp-tableVertical-erpIcon > img + img {
  margin-left: 0.5em;
}
.psol-comp-tableVertical-eolIcon {
  width: 1.5em;
  height: 1.5em;
  cursor: help;
}
.psol-comp-tableVertical-varGroups {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding: 0.75em;
  padding-top: 0.25em;
}
.psol-comp-tableVertical-varGroups .psol-comp-tableVertical-varGroups-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5em;
}
.psol-comp-tableVertical-varGroups .psol-comp-tableVertical-varGroups-group .visValue {
  font-size: 14px;
  font-weight: 600;
}
.psol-comp-tableVertical-table {
  border-collapse: collapse;
}
.psol-comp-tableVertical-row {
  border-bottom: none;
}
.psol-comp-tableVertical-row.openDialog {
  border: 1px solid var(--color-primary);
  border-right: none;
}
.psol-comp-tableVertical-row.openDialog .psol-comp-tableVertical-rowHeader {
  background: var(--background-main);
  border: 1px solid var(--color-primary);
  border-right: none;
}
.psol-comp-tableVertical-row.openDialog .psol-comp-TableVerticalVarImage {
  border: 1px solid var(--color-primary);
  border-right: none;
  background: var(--background-main);
}
.psol-comp-tableVertical-row.hasImage .psol-comp-tableVertical-rowHeader {
  border-left: none;
}
.psol-comp-tableVertical-rowValue {
  min-width: 0;
}
.tableVertical-variable {
  display: flex;
  width: 56%;
  padding: 0;
  flex-grow: 1;
  user-select: text;
  position: relative;
}
.tableVertical-variable.clickable {
  cursor: pointer;
}
.tableVertical-variable .popover-mobile {
  display: flex;
  border: none;
  padding: 0;
  width: 100%;
  box-shadow: none;
  overflow: clip;
}
.psol-comp-tableVertical-rowValue-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.psol-comp-tableVertical-rowValue-content > span {
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-left: 0.5em;
}
.psol-comp-tableVertical-rowIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
  padding: 0.5em 0.25em;
  font-size: 0.875em;
  height: 2.5em;
  min-width: 2.75em;
  border-left: 2px solid var(--border-color);
}
.psol-comp-tableVertical-rowIcon.noFlag {
  opacity: 0;
  min-width: 0;
  width: 0;
  border: 0;
  padding: 0.5em 0;
}
.psol-comp-tableVertical-rowIcon.link {
  border-left: none;
  background: var(--background-main);
}
.psol-comp-tableVertical-rowIcon.link .psol-comp-Icon-themeable {
  color: var(--color-primary);
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper .psol-comp-Icon-themeable {
  align-items: center;
  font-size: 1.125em;
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper span {
  margin-left: 0;
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper .filterIconVerticallTable {
  position: relative;
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper .filterIconVerticallTable.flagFinal {
  color: #6ba503;
}
.psol-comp-tableVertical-rowIcon .contnet-wrapper .filterIconVerticallTable:hover::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 1.25em;
  height: 0;
  transform: rotate(30deg);
  transform-origin: left;
  border-top: 2px solid currentColor;
  outline: 2px solid #ffffff;
}
.psol-comp-tableVertical-rowIcon.flagFinal {
  background: #bceaa6;
}
.psol-comp-tableVertical-rowIcon.flagEditable {
  background: #ffd560;
}
.tableVerticalMsg {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  padding: 1em 0;
}
.tableVerticalMsg.error {
  background: #f2f2f2;
  border-radius: 0.25em;
}
@media (max-width: 375px) {
  .psol-comp-tableVertical-tableHeader .optionsContainer {
    gap: 0.5em;
  }
}
.psol-comp-FreeTabs {
  display: flex;
  flex-direction: row;
  border-radius: 0.25em;
  opacity: 1;
  padding: 0.25em;
  margin: -1px 0 0 -1px;
  background: transparent;
  border-radius: 0.25em 0.25em 0 0;
  opacity: 1;
  padding: 0.5em 0 0.3125em 0;
}
.psol-comp-FreeTabs .psol-comp-Tab-themeable.active {
  border-radius: 0.25em 0.25em 0 0;
}
@media (max-width: 768px) {
  .psol-comp-FreeTabs .psol-comp-Tab-themeable span {
    display: none;
  }
}
.psol-comp-Tab {
  display: flex;
  flex-direction: row;
  padding: 0.3em 0.9em;
  position: relative;
  cursor: pointer;
  align-items: center;
  flex: 0 0 auto;
  border-right: 1px solid var(--border-color);
  margin-right: -1px;
}
.psol-comp-Tab.disabled {
  pointer-events: none;
  color: var(--color-medium);
}
.psol-comp-Tab.active {
  background-color: var(--background-main);
  box-shadow: none;
  border-left: 1px solid var(--tab-active-color);
  border-right: 1px solid var(--tab-active-color);
  border-top: 4px solid var(--tab-active-color);
  border-radius: 0.25em 0.25em 0 0;
  padding: 0.1em 0.9em 0.3em 0.85em;
}
.psol-comp-Tab.tabLoading .loadingAnimation {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  left: 0;
  margin: 2px 0 0 0;
}
.psol-comp-Tab.psol-comp-allcomp-themeable {
  font-size: 18px;
}
.psol-comp-Tab .psol-comp-Icon-themeable {
  height: 2.3125em;
}
.psol-comp-Tab .psol-comp-Icon-themeable.disabled {
  filter: grayscale(1);
}
.psol-comp-Tab .psol-comp-Icon + * {
  margin-left: 0.25em;
}
.psol-comp-Tabs {
  display: flex;
  flex-direction: column;
  background: var(--background-main-contrast);
  border-radius: 0.25em;
  opacity: 1;
  border: 1px solid var(--border-color);
  height: 100%;
  width: 100%;
}
.psol-comp-Tabs .psol-comp-Tabs-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: -1px;
}
.psol-comp-Tabs .psol-comp-Tabs-header.secondRow {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-list {
  display: flex;
  flex-direction: row;
  opacity: 1;
  flex-shrink: 0;
  margin-left: -1px;
  margin-top: -1px;
  height: 46px;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-list:last-child {
  border-right: none;
  margin-right: 1px;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-list:last-child.active {
  margin-right: 0;
  border-right: 1px solid var(--tab-active-color);
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-list .psol-comp-Tabs-header-navigation-overflow {
  display: flex;
  flex-direction: row;
  position: relative;
}
.psol-comp-Tabs .psol-comp-Tabs-header .navigation {
  overflow-x: hidden;
  flex-shrink: 1;
  width: 100%;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation {
  display: flex;
  flex-direction: row;
  opacity: 1;
  flex-shrink: 0;
  height: 100%;
  border-left: 1px solid var(--border-color);
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation .firstIcon {
  padding: 0;
  margin: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border: none;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation .firstIcon .psol-comp-Icon-themeable {
  transform: rotate(90deg);
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation .secondIcon {
  padding: 0;
  margin: 0;
  margin-right: 0.5em;
  margin-left: 0.5em;
  border: none;
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation .secondIcon .psol-comp-Icon-themeable {
  transform: rotate(-90deg);
}
.psol-comp-Tabs .psol-comp-Tabs-header .psol-comp-Tabs-navigation .disabled .psol-comp-Icon > svg {
  color: rgb(193, 193, 193);
}
.psol-comp-Tabs .tab-content {
  display: flex;
  flex-direction: row;
  border-top: 1px solid var(--tab-active-color);
  flex: 1;
  background: var(--background-main);
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.149);
  border-radius: 0 0 0.25em 0.25em;
  opacity: 1;
}
.psol-comp-Tabs-toolbar {
  display: flex;
  flex-direction: row;
}
.psol-comp-Tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.psol-comp-Tags .tag {
  display: flex;
  flex-direction: row;
  color: white;
  line-height: 1em;
  background-color: #76a0b0;
  align-items: center;
  justify-content: center;
  margin-top: 0.25em;
  margin-right: 0.25em;
  border-radius: 0.25em;
  padding: 0.25em;
  cursor: pointer;
}
.noStyleAnchorTag .psol-comp-Button .psol-comp-Icon {
  margin-left: 0.25em;
}
.noStyleAnchorTag .psol-comp-Button .psol-comp-Icon.open {
  transform: rotate(180deg);
}
.psol-comp-Tooltip {
  position: absolute;
  z-index: 2;
}
.psol-comp-Tooltip .psol-comp-Tooltip-container {
  font-size: 12px;
  background: rgba(240, 240, 240, 0.8);
  border-radius: 0.5em;
  padding: 0.5em;
}
.unitDisplayWrapper {
  display: flex;
  flex-direction: column;
}
.unitDisplayWrapper .unitDisplayCaption {
  padding-bottom: 0.25em;
}
a.psol-comp-CopyrightInfo {
  margin: 2px auto;
  cursor: pointer;
  pointer-events: auto;
}
a.psol-comp-CopyrightInfo span {
  font-size: inherit;
}
.psol-comp-Dialog.helpDialog.viewer {
  max-width: 75vw;
}
.psol-comp-Dialog.helpDialog .headerContent h2 {
  margin: 0;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Mouse {
  display: flex;
  flex-direction: row;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Radial {
  display: flex;
  flex-direction: row;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Radial-Sub {
  display: flex;
  flex-direction: row;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .padding {
  padding-top: 3em;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .padding1 {
  padding-top: 3em;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help h4 {
  font-size: large;
  margin: 20px 0 10px 0;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help p {
  margin: 10px 0;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .examples {
  margin: 20px 0;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .button-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25em 0em;
}
.psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .button-description :first-child {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}
.psol-comp-Dialog.helpDialog .helpViewSection {
  padding: 1em 1em;
}
.psol-comp-Dialog.helpDialog .helpViewSection h2 {
  font-size: 25px;
  font-weight: normal;
}
.psol-comp-Dialog.helpDialog .helpViewSection h3 {
  font-size: 18px;
  font-weight: normal;
}
.psol-comp-Dialog.helpDialog .psol-comp-DialogFooter {
  margin-top: 0;
}
@media (max-width: 1300px) {
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Radial {
    flex-direction: column;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .padding {
    padding-top: 0 !important;
  }
}
@media (max-width: 950px) {
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Mouse {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .psol-comp-Dialog.helpDialog.viewer {
    max-width: unset;
    max-height: 100vh;
    margin-top: 0;
    box-sizing: border-box;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help {
    flex-direction: column;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .helpViewSection {
    padding: 0 2em;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Mouse {
    flex-direction: column;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .psol-comp-webViever-Help-Radial-Sub {
    flex-direction: column;
  }
  .psol-comp-Dialog.helpDialog .psol-comp-webViever-Help .padding1 {
    padding-top: 0 !important;
  }
}
.psol-comp-ModuleExample {
  display: flex;
  flex-direction: column;
  background-color: #4b4343;
  padding: 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}
.psol-comp-ModuleExample h1 {
  color: bisque;
}
.psol-comp-ModuleExample .module {
  position: relative;
  display: block;
  margin: 20px;
  width: auto;
  height: 100%;
  padding: 20px;
  text-align: center;
}
.psol-comp-ModuleExample .module h1,
.psol-comp-ModuleExample .module p {
  color: black;
}
.psol-comp-WebViewer2D {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.psol-comp-WebViewer2D:fullscreen {
  background-color: rgb(255, 255, 255);
}
.psol-comp-WebViewer2D .psol-comp-ButtonBar {
  position: relative;
}
.psol-comp-WebViewer2D .psol-comp-Dropdown {
  margin-right: 0.25em;
  align-self: center;
  width: 90%;
}
.psol-comp-WebViewer2D .psol-comp-webviewer2D-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.25em;
  z-index: 3;
}
.psol-comp-WebViewer2D .psol-comp-webviewer2D-header .psol-comp-Dropdown-selected {
  background-color: var(--dropdown-container-background);
  color: var(--dropdown-container-color);
}
.psol-comp-WebViewer2D div[class*=psol-comp-webviewer2D-contentContainer] {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  touch-action: none;
}
.psol-comp-WebViewer2D div[id*=psol-comp-webviewer2d-svgcontainer],
.psol-comp-WebViewer2D canvas[id*=psol-comp-webviewer2d-svgCanvas] {
  position: absolute;
}
.psol-comp-WebViewer2D .psol-comp-webviewer2D-nocad {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  font-weight: 500;
}
.webViewer2dContainerClass .psol-comp-WebViewer2D {
  height: 100%;
}
.psol-comp-screenshot-dialog {
  max-width: 30em;
}
.psol-comp-screenshot-dialog .psol-comp-DialogBody {
  overflow: initial;
  align-items: center;
}
.psol-comp-screenshot-dialog .psol-comp-DialogBody .psol-comp-ButtonBar {
  margin-top: 0.5em;
}
.psol-comp-screenshot-dialog .psol-comp-DialogBody .psol-comp-ButtonBar .psol-comp-Button {
  min-width: 8em;
}
.psol-comp-screenshot-dialog .psol-comp-DialogBody .psol-comp-ButtonBar .psol-comp-Button svg {
  width: 100%;
  height: 100%;
  position: relative;
  margin-right: -0.5em;
  margin-left: -0.5em;
}
.psol-comp-screenshot-dialog .psol-comp-DialogBody .psol-comp-ButtonBar .psol-comp-Button .iconWhite::before {
  content: "";
  position: absolute;
  background-color: white;
  width: 1.5em;
  height: 1.5em;
  transform: translate(-16%, -16%);
  border-radius: 0.25em;
}
.psol-comp-measureContainer {
  position: absolute;
  z-index: 5;
  background-color: #eff4fa;
  border: 1px solid var(--border-color);
  text-align: center;
  flex-direction: column;
  max-width: 22em;
}
.psol-comp-measureDialog-measureHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  background-color: #9ab6ca;
  color: #ffffff;
  padding: 0 10px;
}
.psol-comp-measureDialog-measureHeader p {
  margin: 0.5em;
}
.psol-comp-measureDialog-measureHeader .measure-dismiss {
  cursor: pointer;
  margin-left: 0.5em;
}
.psol-comp-measureDialog-part {
  margin: 0.5em;
  border: 2px solid var(--border-color);
}
.psol-comp-measureDialog-part .psol-comp-viewbase-svgicon {
  width: 18px;
  height: 18px;
}
.psol-comp-measureDialog-part .psol-comp-viewbase-circle {
  width: 18px;
  height: 18px;
}
.psol-comp-measureDialog-partHistory {
  margin: 0.5em;
  border: 2px solid #cec9c9;
}
.psol-comp-measureDialog-partHistory:hover {
  background-color: #9ab6ca;
}
.psol-comp-measureDialog-partHistoryClear {
  margin: 0.5em;
  border: 2px solid #cec9c9;
  background-color: #ff5e35;
  color: darkgray;
}
.psol-comp-measureDialog-partHistoryClear:hover {
  background-color: #fa3706;
}
.psol-comp-measureDialog-partCompare {
  font-size: smaller;
  margin: 0.5em 0.5em 0.5em 0.75em;
  text-align: left;
}
.psol-comp-measureDialog-partContentContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: rgba(238, 238, 238, 0.8);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.psol-comp-measureDialog-partContent {
  text-shadow: 1px 0 white;
  text-align: left;
  padding: 0.75em;
}
.psol-comp-measureDialog-partName {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  padding: 3px 13px;
  height: 30px;
  background: rgb(217, 224, 228);
}
.psol-comp-measureDialog-measureHistoryHeader {
  display: none;
}
.psol-comp-measureDialog-measureHistoryHeader,
.psol-comp-measureDialog-measureCompareHeader {
  background-color: rgb(124, 124, 124);
  color: #ffffff;
  text-align: center;
}
.psol-comp-measureDialog-measureCompareContainer {
  text-align: left;
  margin: 0.75em;
}
.psol-comp-measureDialog-highlighter {
  border-color: red;
}
.psol-comp-measureDialog-partIcon {
  width: 55px;
  height: 55px;
  margin: 0.5em;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  background-size: 100%;
}
.psol-comp-measureDialog-reset {
  width: 22px;
  height: 22px;
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  cursor: pointer;
  padding-left: 10px;
}
.psol-comp-measureDialog-reset .solid-dark {
  fill: #d80000;
}
.psol-comp-measureDialog-crossDelete {
  cursor: pointer;
}
.psol-comp-measureDialog-closeContainer {
  align-self: flex-start;
  margin-top: 5px;
  margin-right: 5px;
}
.hotspotWrapper.expandable {
  pointer-events: all;
  cursor: pointer;
}
.hotspotWrapper .psol-comp-Hotspot {
  display: flex;
  flex-direction: column;
  position: absolute;
  border: 1px solid #aab0b3;
  border-radius: 4px;
  color: #43474b;
  box-sizing: border-box;
}
.hotspotWrapper .psol-comp-Hotspot:not(.fullscreen) {
  transform: translate(0px, -14.6px);
}
.hotspotWrapper .psol-comp-Hotspot.expanded {
  white-space: nowrap;
  max-height: 300px;
  max-width: auto;
  width: 400px;
}
.hotspotWrapper .psol-comp-Hotspot.expanded .newTabButton {
  display: flex;
}
.hotspotWrapper .psol-comp-Hotspot.collapsed {
  display: inline-block;
  box-sizing: border-box;
  height: 30px;
  max-width: 400px;
}
.hotspotWrapper .psol-comp-Hotspot.collapsed .newTabButton {
  display: none;
}
.hotspotWrapper .psol-comp-Hotspot.fullscreen {
  width: 100%;
  height: 100%;
  max-height: calc(100% - 32px);
  max-width: calc(100% - 32px);
  margin: 16px;
}
.hotspotWrapper .psol-comp-Hotspot.fullscreen .mediaContent {
  height: 100%;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader {
  height: 28px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 0 2px 0 12px;
  color: #ffffff;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .title {
  display: flex;
  max-width: calc(100% - 35px);
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .title img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .title .titleHeader {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1em;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .title.darkTitleColor {
  color: #43474b;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .headerControls {
  display: flex;
  margin-left: 0.5em;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .headerControls .newTabButton {
  cursor: pointer;
  color: #43474b;
  border: 1px solid #aab0b3;
  border-radius: 4px;
  background-color: #ffffff;
  align-items: center;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotHeader .headerControls .fullscreenHeader {
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: 1px solid #aab0b3;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  margin-left: 0.25em;
}
.hotspotWrapper .psol-comp-Hotspot.expanded .title {
  max-width: calc(100% - 160px);
}
.hotspotWrapper .psol-comp-Hotspot.expanded .title.narrow {
  max-width: calc(100% - 35px);
}
.hotspotWrapper .psol-comp-Hotspot .hotspotContent {
  margin: 0 2px 2px 2px;
  background-color: #ffffff;
  border: 1px solid #aab0b3;
  border-radius: 4px;
  padding: 0.5em;
  flex-direction: column;
  cursor: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 268px;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotContent.mediaContent {
  padding: 0;
  height: 268px;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotContent.mediaContent .cmplazypreviewiframe {
  width: 100% !important;
  height: 100% !important;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotContent.mediaContent iframe {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  background-color: #000000;
}
.hotspotWrapper .psol-comp-Hotspot .hotspotContent object {
  width: 100%;
  height: 100%;
}
.hotspotWrapper .psol-comp-Hotspot.fullscreen .hotspotContent {
  height: 100%;
  max-height: 100%;
}
.hotspotWrapper .circleDiv {
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #f2f3f4;
  border: 2px solid #e7eaec;
  background-size: 100% 100%;
}
.labelWrapper .psol-comp-webviewer3d-label {
  font-size: 14px;
  position: absolute;
  padding: 8px 16px;
  white-space: nowrap;
  color: var(--color-dark);
  border: 1px solid #dddddd;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background: #ffffff;
  border-radius: 0.25rem;
  transform: translate(1rem, -0.875rem);
  box-sizing: border-box;
  line-height: 1.15;
  visibility: hidden;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-header,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header {
  justify-content: space-between;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-header .title,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header .title {
  display: flex;
  max-width: 100%;
  padding-right: 0.75rem;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-header .title .titleHeader,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header .title .titleHeader {
  width: 100%;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-header .fullscreenHeader,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header .fullscreenHeader {
  cursor: pointer;
}
.labelWrapper .psol-comp-webviewer3d-label.expandable {
  pointer-events: all;
  cursor: pointer;
}
.labelWrapper .psol-comp-webviewer3d-label.expandable .psol-comp-webviewer3d-label-header .title,
.labelWrapper .psol-comp-webviewer3d-label.expandable .psol-comp-webviewer3d-label-highlight-header .title {
  padding-right: 0;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-content,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-content {
  display: flex;
  padding: 0.375rem;
  max-height: 16.875rem;
  overflow: auto;
  box-sizing: border-box;
  cursor: auto;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-content table,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-content table {
  width: 100%;
  white-space: pre-wrap;
  border-collapse: collapse;
  border-radius: 0.375rem;
  border-style: hidden;
  box-shadow: 0 0 0 1px #484848;
  border-color: #484848;
}
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-content table td,
.labelWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-content table td {
  padding-right: 0.185rem;
  padding-left: 0.185rem;
}
.labelWrapper.collapsed .psol-comp-webviewer3d-label {
  display: inline-block;
  box-sizing: border-box;
}
.labelWrapper.expanded .psol-comp-webviewer3d-label {
  height: auto;
  max-height: 18.75rem;
  opacity: 1;
}
.labelWrapper .psol-comp-webviewer3d-label-circle {
  opacity: 0;
  position: absolute;
  width: 21px;
  height: 21px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #777777;
  border: 1px solid #d1d1d1;
  z-index: 1;
  cursor: pointer;
  pointer-events: all;
}
.labelWrapper .psol-comp-webviewer3d-label-circle .psol-comp-webviewer3d-label-circle-inner {
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  position: absolute;
  background: #ffffff;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}
.labelWrapper .psol-comp-webviewer3d-label-circle:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.labelWrapper .psol-comp-webviewer3d-label-circle:hover .psol-comp-webviewer3d-label-circle-inner {
  height: 7px;
  width: 7px;
}
.labelWrapper .psol-comp-webviewer3d-label-circle-point {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #000;
}
.labelWrapper:has(.psol-comp-webviewer3d-label-circle:hover) {
  z-index: 999999;
}
.labelWrapper.fullscreen .psol-comp-webviewer3d-label {
  max-width: 100%;
  max-height: 100%;
  height: calc(100% - 32px);
  margin: 1rem;
  transform: none;
}
.labelWrapper.fullscreen .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-content {
  max-height: calc(100% - 28px);
}
.labelHightlightWrapper .psol-comp-webviewer3d-label,
.labelHightlightWrappercompare .psol-comp-webviewer3d-label {
  transform: translate(0px, -50%);
  font-size: 14px;
  position: absolute;
  padding-right: 0.125rem;
  white-space: nowrap;
  opacity: 0.75;
  color: #000;
  border: 1px solid #000;
  background: #ededed;
  line-height: 1.25rem;
  background-repeat: no-repeat;
  background-position: 0.375rem 0;
  background-size: 1.25rem;
}
.labelHightlightWrapper .psol-comp-webviewer3d-label.expandable,
.labelHightlightWrappercompare .psol-comp-webviewer3d-label.expandable {
  pointer-events: all;
  cursor: pointer;
}
.labelHightlightWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header,
.labelHightlightWrappercompare .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header {
  padding-left: 1.75rem;
  padding-right: 0.25rem;
}
.labelHightlightWrapper .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header.expanded,
.labelHightlightWrappercompare .psol-comp-webviewer3d-label .psol-comp-webviewer3d-label-highlight-header.expanded {
  max-height: 30vh;
  overflow-y: auto;
}
.psol-comp-webviewer3d-label-expanded {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  max-height: calc(100% - 1em);
  max-width: 25%;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 16px;
  visibility: hidden;
  margin: 0.5em;
}
.psol-comp-webviewer3d-label-expanded.active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.5s forwards;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-header .psol-comp-webviewer3d-label-expanded-header-close {
  cursor: pointer;
  margin-left: 1em;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content {
  display: flex;
  overflow: auto;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content .psol-comp-webviewer3d-label-expanded-content-table {
  font-size: 12px;
  border-collapse: collapse;
  width: 100%;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content .psol-comp-webviewer3d-label-expanded-content-table .psol-comp-webviewer3d-label-expanded-content-table-connectionRow {
  border-top: 1px solid #dddddd;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content .psol-comp-webviewer3d-label-expanded-content-table .psol-comp-webviewer3d-label-expanded-content-table-connectionRow .psol-comp-webviewer3d-label-expanded-content-table-connectionValue,
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content .psol-comp-webviewer3d-label-expanded-content-table .psol-comp-webviewer3d-label-expanded-content-table-connectionRow .psol-comp-webviewer3d-label-expanded-content-table-connectionName {
  padding: 16px;
}
.psol-comp-webviewer3d-label-expanded .psol-comp-webviewer3d-label-expanded-content .psol-comp-webviewer3d-label-expanded-content-table .psol-comp-webviewer3d-label-expanded-content-table-connectionRow:last-child {
  border-bottom: 1px solid #dddddd;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.psol-comp-Compare {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.psol-comp-Compare .compareOptionSelection {
  display: flex;
  flex-direction: row;
  max-width: 150px;
  margin-bottom: 5px;
}
.psol-comp-Compare .inputLine {
  display: flex;
  flex-direction: row;
  margin-bottom: 3px;
  align-items: center;
}
.psol-comp-Compare .inputLine span {
  flex: 0.1;
}
.psol-comp-Compare .inputLine input {
  flex: 1;
}
.psol-comp-Compare .fileUploadContainer {
  display: flex;
  flex-direction: row;
}
.psol-comp-Compare .uploadFileButton {
  display: flex;
  flex-direction: row;
  margin-left: 5px;
  margin-top: 3px;
  flex-grow: 1;
}
.psol-comp-Compare .compareButton {
  display: flex;
  flex-direction: row;
  width: fit-content;
}
.psol-comp-Compare .compareInfo {
  margin-left: 5px;
}
.psol-comp-Compare .invalidInput {
  border-color: red;
}
.psol-comp-Compare .warningText {
  color: red;
}
.psol-comp-Compare .textInput {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-left: 5px;
  margin-top: 3px;
}
.psol-comp-FileUpload {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.psol-comp-FileUpload .fileUploadContainer {
  display: flex;
  flex-direction: row;
}
.psol-comp-FileUpload .fileInput {
  display: flex;
  flex-direction: row;
}
.psol-comp-FileUpload .nameField {
  display: inline-block;
  width: 3rem;
  text-align: left;
  margin-bottom: 3px;
}
.psol-comp-FileUpload .inputField {
  display: inline-block;
}
.psol-comp-WebViewer3D {
  position: relative;
  width: 100%;
  touch-action: none;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog),
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog),
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) {
  background-color: rgba(0, 0, 0, 0.8);
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog {
  max-width: 90%;
  width: auto;
  background-color: transparent;
  border: 2px solid #ffffff;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .vrDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .vrDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .vrDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .vrDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .vrDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .arPlacementDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .vrDialogHeader {
  color: #ffffff;
  font-weight: bold;
  border-bottom: none;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .vrDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .vrDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .vrDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .vrDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .vrDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .arPlacementDialogHeader path,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .vrDialogHeader path {
  fill: #ffffff;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .vrDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .vrDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .vrDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .vrDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .vrDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .arPlacementDialogBody,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .vrDialogBody {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border-bottom: none;
  color: #ffffff;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .arPlacementDialog .vrDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .vrDialog .vrDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .arPlacementDialog .vrDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .vrDialog .vrDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .arPlacementDialog .vrDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .arPlacementDialogBody .psol-comp-allcomp-themeable,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .vrDialog .vrDialogBody .psol-comp-allcomp-themeable {
  flex: 1 1 auto;
  font-weight: bold;
}
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.arPlacementDialog) .buttonDisabledDialog .buttonDisabledDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.vrDialog) .buttonDisabledDialog .buttonDisabledDialogHeader,
.psol-comp-WebViewer3D .psol-comp-dialog-background:has(.buttonDisabledDialog) .buttonDisabledDialog .buttonDisabledDialogHeader {
  font-weight: bold;
}
.psol-comp-WebViewer3D:fullscreen {
  background-color: var(--background-main);
}
.psol-comp-WebViewer3D canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.psol-comp-WebViewer3D canvas:focus {
  outline: none;
}
.psol-comp-WebViewer3D .displayText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 1.5em;
  pointer-events: none;
  text-align: center;
  width: 100%;
  line-height: 1.5em;
}
.psol-comp-WebViewer3D .displayText.compareErrorText {
  top: 1.5em;
  bottom: inherit;
}
.psol-comp-WebViewer3D .verticalStack,
.psol-comp-WebViewer3D .verticalStackARnAnimations,
.psol-comp-WebViewer3D .horizontalStackARnAnimations {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  align-items: center;
}
.psol-comp-WebViewer3D .verticalStack .psol-comp-ButtonBar,
.psol-comp-WebViewer3D .verticalStackARnAnimations .psol-comp-ButtonBar,
.psol-comp-WebViewer3D .horizontalStackARnAnimations .psol-comp-ButtonBar {
  pointer-events: none;
  padding: 0;
  max-width: 70%;
}
.psol-comp-WebViewer3D .verticalStack .copyrightContainer,
.psol-comp-WebViewer3D .verticalStackARnAnimations .copyrightContainer,
.psol-comp-WebViewer3D .horizontalStackARnAnimations .copyrightContainer {
  display: flex;
  flex-direction: row;
}
.psol-comp-WebViewer3D .verticalStackARnAnimations {
  right: 1.25em;
  bottom: 1.25em;
  align-items: flex-end;
}
.psol-comp-WebViewer3D .horizontalStackARnAnimations {
  right: 1.25em;
  bottom: 1.25em;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.psol-comp-WebViewer3D > .psol-comp-Icon {
  width: 0;
  height: 0;
}
.psol-comp-WebViewer3D #psol-defs {
  width: 0;
  height: 0;
}
.psol-comp-WebViewer3D .texture-quality-slider {
  position: absolute;
  left: 30%;
  right: 30%;
  top: 68px;
  min-width: 120px;
}
.psol-comp-WebViewer3D .texture-quality-slider .psol-comp-Card {
  padding: 10px 5px;
  background-color: var(--background-main);
}
.psol-comp-WebViewer3D .texture-quality-slider .psol-comp-Card p {
  margin: 0 auto;
}
.psol-comp-WebViewer3D .texture-quality-slider .psol-comp-Card .psol-comp-slider {
  margin: 10px 10px 5px 10px;
}
.psol-comp-WebViewer3D .texture-quality-slider .psol-comp-Card .psol-comp-slider .psol-comp-rcSlider.single {
  margin-left: 0;
}
.psol-comp-WebViewer3D .defaultArUnsupportetMessageContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.variable-3d {
  position: fixed;
  display: flex;
  padding: 0;
  max-width: 600px;
  flex-direction: column;
  border: none;
  background: none;
  box-shadow: none;
  margin: 0;
  z-index: 5;
}
.variable-3d .popover-content-wrapper {
  display: flex;
  flex-direction: column;
}
.variable-3d .popover-content-wrapper .variable-header {
  background-color: var(--background-main);
  border: 2px solid var(--color-primary);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
}
.variable-3d .popover-content-wrapper .variable-header.toBottom {
  border-bottom: 2px solid var(--color-primary);
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.variable-3d .popover-content-wrapper .ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable {
  flex-direction: column;
  flex-wrap: nowrap;
}
.variable-3d .popover-content-wrapper .ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue {
  min-width: 0;
  width: auto !important;
}
.variable-3d .popover-content-wrapper .ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent .varValueLabel .varValueText {
  text-align: center;
}
.variable-3d .popover-content-wrapper .psol-comp-ChangeTableVarDlgSliderVar-themeable {
  min-width: 300px;
}
.webViewer3dContainerClass .psol-comp-WebViewer3D {
  height: 100%;
}
.psol-comp-Dialog-themeable.DownloadDialog {
  width: 100%;
  max-width: 48rem;
  max-height: 94vh;
  box-sizing: border-box;
  margin: auto;
  padding-bottom: unset;
}
.psol-comp-Dialog-themeable.DownloadDialog.externalPart {
  max-width: 37.5rem;
}
.psol-comp-Dialog-themeable.DownloadDialog .psol-comp-DialogBody-themeable {
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  scroll-behavior: auto;
}
.DownloadDialog-header {
  font-weight: 600;
}
.DownloadDialog-title {
  font-weight: 600;
  margin-bottom: 0.25em;
}
.DownloadDialog-spacer {
  margin-top: 1em;
}
.DownloadDialog-body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  min-width: 400px;
  padding: 1rem 2rem 1rem 2rem;
}
.DownloadDialog-body .DownloadDialog-filters {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25em;
}
.DownloadDialog-body .DownloadDialog-filters .psol-comp-InputWithLabel-themeable {
  flex-grow: 1;
  margin: 0px;
  min-width: 7em;
}
.DownloadDialog-body .DownloadDialog-filters .DownloadDialog-filters-textInput {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  margin-right: 3px;
}
.DownloadDialog-body .DownloadDialog-filters .DownloadDialog-filters-textInput .input-dismiss-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0.25em;
  transform: translateY(-50%);
  cursor: pointer;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container {
  display: flex;
  align-items: center;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button {
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: unset;
  border-left: unset;
  padding: 0.25em 0.75em;
  height: 100%;
  font-weight: 600;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button.active {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
  border-color: var(--color-primary);
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button:first-child {
  border-left: 1px solid var(--border-color);
  border-radius: 4px 0 0 4px;
}
.DownloadDialog-body .DownloadDialog-filters .filter-buttons-container .filter-button:last-child {
  border-right: 1px solid var(--border-color);
  border-radius: 0 4px 4px 0;
}
.DownloadDialog-body .DownloadDialog-filters > *:first-child {
  margin-left: 0;
}
.DownloadDialog-body .DownloadDialog-filters > *:last-child {
  margin-right: 0;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container {
  flex-grow: 1;
  overflow-y: auto;
  position: relative;
  padding: 0 3px;
  min-height: 5em;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-checkbox-themeable {
  position: static;
  margin: 3px 0;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-checkbox-themeable .visValue::before {
  border-width: 1px;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container > p {
  font-weight: 600;
  line-height: 24em;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .checkboxContainer {
  display: flex;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .checkboxContainer .psol-comp-Dropdown-selected {
  height: auto;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .dropdown_options {
  margin-left: 2rem;
}
.DownloadDialog-body .DownloadDialog-download-checkboxes-container .psol-comp-Dropdown-items-element .psol-comp-DropdownItem-themeable {
  padding-left: 0.5em;
}
.DownloadDialog-body .DownloadDialog-filter-formats-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  position: relative;
  padding: 3px;
  padding-bottom: unset;
  min-height: 8em;
}
.DownloadDialog-body .DownloadDialog-selected-formats {
  display: flex;
  flex-direction: column;
  position: relative;
}
.DownloadDialog-body .DownloadDialog-selected-formats .DownloadDialog-selected-formats-checkboxes {
  display: flex;
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-selected-formats .psol-comp-checkbox-themeable {
  position: static;
  margin: 2px 0;
}
.DownloadDialog-body .DownloadDialog-selected-formats .DownloadDialog-selected-formats-title {
  display: flex;
}
.DownloadDialog-body .DownloadDialog-selected-formats small {
  font-weight: 300;
}
.DownloadDialog-body .DownloadDialog-popover {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background: var(--popover-info-background);
  padding: 0.25em 0.5em;
  border: 1px solid #d9dbda;
  border-radius: 4px;
  box-shadow: 6px 10px 10px 4px #d9dbda;
  position: absolute;
  top: 0.25em;
  left: 5px;
  z-index: 1;
}
.DownloadDialog-body .DownloadDialog-popover .psol-comp-Icon {
  margin-right: 0.5em;
}
.DownloadDialog-body .DownloadDialog-popover.animation {
  animation: fadeinout 4s linear forwards;
  -webkit-animation: fadeinout 4s linear forwards;
}
.DownloadDialog-body .DownloadDialog-selected-formats-wrapper {
  display: block;
}
.DownloadDialog-body .DownloadDialog-selected-formats-wrapper .psol-comp-RadioButton-themeable {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.DownloadDialog-body .DownloadDialog-selected-parts {
  padding: 0.25em 1em;
  background-color: var(--background-main-contrast);
  border: 1px solid var(--border-color);
  border-radius: 4px;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-height: 4.5em;
  overflow: hidden;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap {
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap .DownloadDialog-parts {
  max-width: calc((42em - 4rem - 2em) / 2 - 0.5em);
  max-width: 50%;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper .DownloadDialog-parts {
  min-width: 0;
  flex-basis: 50%;
  flex-shrink: 1;
  flex-grow: 1;
  margin-bottom: 0.25em;
  padding-right: 0.25em;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper .DownloadDialog-parts span {
  margin-right: 0.25em;
}
.DownloadDialog-body .DownloadDialog-additional-formats {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.DownloadDialog-body .DownloadDialog-additional-formats .DownloadDialog-export-type-radios {
  display: flex;
  width: 100%;
  max-width: 30rem;
}
.DownloadDialog-body .DownloadDialog-additional-formats .DownloadDialog-export-type-radios .export-type-download {
  margin-right: 0em;
}
.DownloadDialog-body .DownloadDialog-checkbox-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.5em;
}
.DownloadDialog-body .DownloadDialog-icon-style {
  width: 21px;
  height: 21px;
  margin-left: 5px;
  margin-bottom: -5px;
  align-items: center;
}
.DownloadDialog-body.small-body {
  height: auto;
  overflow: visible;
}
.DownloadDialog-body.small-body p {
  text-align: initial;
}
.DownloadDialog-ScrollToBottom {
  position: absolute;
  top: 0;
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button {
  position: absolute;
  top: -4em;
  right: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
  background-color: #e7eaec;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button .psol-comp-Icon-themeable {
  width: 75%;
  height: 75%;
  transform: rotate(-90deg);
}
.DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  box-shadow: 0 -6px 6px 0 rgba(0, 0, 0, 0.32);
}
.DownloadDialog-footer {
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  margin-top: unset;
  padding: 2rem 2rem 2rem 2rem;
  background-color: var(--background-main-contrast);
  border-top: 1px solid var(--border-color);
}
.DownloadDialog-footer.wrap {
  flex-wrap: wrap;
}
.DownloadDialog-footer > * {
  width: 100%;
  margin: 0;
}
.DownloadDialog-footer .DownloadDialog-pluginButton {
  margin-bottom: 1em;
  text-decoration: none;
}
.DownloadDialog-footer .DownloadDialog-pluginButton .psol-comp-Button-themeable.psol-comp-Button-themeable {
  flex-direction: unset;
  width: 100%;
}
.DownloadDialog-footer .dialogTicketsRemainingMessage {
  margin-bottom: 1em;
}
.DownloadDialog-footer .DownloadDialog-downloadButton-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.DownloadDialog-footer .DownloadDialog-downloadButton-wrapper p {
  margin-bottom: 0em;
}
.DownloadDialog-footer .psol-comp-Button-themeable {
  flex-basis: auto;
  flex-grow: 1;
}
.DownloadDialog-footer .DownloadDialog-footer-warning {
  text-align: left;
  color: var(--color-warning);
  width: 100%;
  margin-top: 0;
}
.psol-comp-dialog-background .psol-comp-Dialog-themeable .DownloadDialog-footer .psol-comp-Button-themeable {
  max-width: 100%;
}
.psol-comp-dialog-background .psol-comp-Dialog-themeable .DownloadDialog-footer .DownloadDialog-downloadButton-wrapper .downloadBtn {
  flex-direction: row;
  white-space: initial;
}
@media (max-width: 991px) {
  .psol-comp-Dialog-themeable.DownloadDialog {
    max-width: unset;
    max-height: unset;
    height: 100vh;
  }
}
@media (max-width: 550px) {
  .DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap {
    flex-wrap: unset;
    max-height: unset;
  }
  .DownloadDialog-body .DownloadDialog-selected-parts .DownloadDialog-parts-wrapper.wrap .DownloadDialog-parts {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .psol-comp-dialog-background .DownloadDialog-body {
    min-width: unset;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable {
    flex-wrap: wrap;
    justify-content: center;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable .DownloadDialog-footer-warning {
    margin-bottom: 1em;
  }
  .psol-comp-dialog-background .DownloadDialog-footer.psol-comp-DialogFooter-themeable button.psol-comp-Button-themeable {
    flex-basis: auto;
  }
  .DownloadDialog-ScrollToBottom .DownloadDialog-ScrollToBottom-Button {
    right: 1em;
  }
  .DownloadDialog-pluginButton span {
    display: none;
  }
}
@media (max-height: 780px) {
  .psol-comp-Dialog-themeable.DownloadDialog .DownloadDialog-body {
    min-height: unset;
  }
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 100%;
  }
  80% {
    opacity: 80%;
  }
  100% {
    opacity: 0;
  }
}
a.noStyleAnchorTag {
  color: inherit;
  display: contents;
  text-decoration: inherit;
}
.psol-comp-allcomp-themeable {
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 16px;
  color: var(--font-color);
  user-select: none;
}
.psol-comp-allcomp-themeable input {
  user-select: auto;
}
.psol-comp-assistant-themeable {
  font-size: 14px;
  border: 1px solid var(--color-light);
}
.psol-comp-assistant-themeable .buttonBar {
  border-top: 1px solid #e7eaec;
  padding: 0.5rem 1rem;
}
.psol-comp-assistant-themeable .buttonBar .button {
  margin: 0;
}
.psol-comp-assistant-themeable .buttonBar .button + .button {
  margin-left: 0.5em;
}
.psol-comp-assistantCalcVariable-themeable {
  font-size: inherit;
  padding: 0.5em 1em;
}
.psol-comp-assistantCalcVariable-themeable .title {
  font-weight: bold;
}
.psol-comp-assistantContent-themeable {
  font-size: inherit;
}
.psol-comp-assistantContent-themeable .psol-comp-assistantCalcVariable-themeable + .psol-comp-assistantCalcVariable-themeable,
.psol-comp-assistantContent-themeable .psol-comp-assistantCalcVariable-themeable + .psol-comp-assistantFilterVariable-themeable,
.psol-comp-assistantContent-themeable .psol-comp-assistantFilterVariable-themeable + .psol-comp-assistantFilterVariable-themeable,
.psol-comp-assistantContent-themeable .psol-comp-assistantFilterVariable-themeable + .psol-comp-assistantCalcVariable-themeable {
  border-top: 1px solid var(--color-light);
}
.psol-comp-assistantContent-themeable .result-variable-background {
  background-color: #c3ff7c;
}
.psol-comp-assistantContent-themeable .result-variable-background.psol-comp-assistantCalcVariable-themeable {
  border-color: var(--background-main);
}
.psol-comp-assistantFilterVariable-themeable {
  font-size: inherit;
  padding: 0.5em 1em;
}
.psol-comp-assistantFilterVariable-themeable .title {
  font-weight: bold;
}
.psol-comp-assistantFilterVariable-themeable .psol-comp-slider {
  margin-top: 0.5em;
}
.psol-comp-assistantFilterVariable-themeable .enumValues {
  margin: 0.5em 0 0 0;
}
.psol-comp-assistantFilterVariable-themeable .enumValues .enumValueLabel::before {
  width: 1rem;
  height: 1rem;
  border: 1px solid;
  border-radius: 0.25em;
  margin-right: 0.5em;
  font-weight: bold;
}
.psol-comp-assistantHeader-themeable {
  background-color: var(--color-light);
  padding: 0.5em 1em;
  font-size: inherit;
}
.psol-comp-assistantHeader-themeable .title {
  font-weight: bold;
}
.psol-comp-assistantTechViews-themeable {
  color: inherit;
  font-size: inherit;
}
.psol-comp-assistantTechViews-themeable .expander {
  padding: 0.5em;
}
.psol-comp-assistantTechViews-themeable .expander::before {
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.5em;
}
.psol-comp-assistantTechViews-themeable .views {
  padding: 0.5em 1em;
}
.psol-comp-ChangeTableVarDlgHeader-themeable .varName {
  font-weight: bold;
}
.psol-comp-ChangeTableVarDlgHeader-themeable .varDesc {
  font-size: 14px;
}
.ChangeTableVarDlgListVarWrapper {
  width: 100%;
  display: flex;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader {
  position: absolute;
  display: flex;
  border: 2px solid var(--color-primary);
  border-bottom: 1px solid var(--border-color);
  border-radius: 4px 4px 0px 0px;
  background: #ffffff;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader .content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader .content > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader .content .psol-comp-Icon-themeable {
  fill: var(--color-primary-dark);
  align-items: center;
  margin-right: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader.openUpwards {
  border-bottom: 2px solid var(--color-primary);
  border-top: 1px solid var(--border-color);
  border-radius: 0px 0px 4px 4px;
}
.ChangeTableVarDlgListVarWrapper .ChangeTableVarDlgListVarHeader.verticalTab .content {
  justify-content: flex-start;
  padding-left: 0.75em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  border-width: 2px;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 0.5em;
  padding-bottom: 0.25em;
  cursor: pointer;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable.dialogVariable {
  max-height: 400px;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable.dialogVariable .varValue .varValueContent .varValueLabel .varValueText {
  text-align: initial;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue {
  padding: 0.5em;
  min-width: 320px;
  border: 1px solid var(--border-color);
  margin-bottom: 0.5em;
  border-radius: 4px;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue:hover {
  background: var(--tableVar-selected-hover-background);
  cursor: pointer;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue:hover .separator {
  border-right-color: var(--font-color);
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue.selected {
  background: var(--tableVar-selected-background);
  color: var(--font-color);
  font-weight: bold;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue.selected.withSeparator {
  width: 100%;
  margin-bottom: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue.selected:hover {
  background: var(--tableVar-selected-hover-background);
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue.selected .varValueLabel .separator {
  border-right-color: var(--font-color);
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue.noImage {
  border: none;
  width: 100%;
  min-width: auto;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent > input {
  margin-right: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValueLabel .varValueErpIcon {
  margin-right: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValueLabel .varValueImage {
  max-height: 8em;
  margin-right: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .varValueLabel .separator {
  height: 8em;
  border-right: 2px solid var(--border-color);
  margin-right: 0.5em;
}
.ChangeTableVarDlgListVarWrapper .psol-comp-ChangeTableVarDlgListVar-themeable .filtered-values-text {
  width: 100%;
  font-size: 12px;
  background: #ffffff;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid var(--border-color);
  text-align: center;
  cursor: auto;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable,
.psol-comp-ChangeTableVarDlgTxtVar-themeable {
  width: 100%;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .VarHeader,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .VarHeader {
  position: absolute;
  display: flex;
  background-color: var(--dropdown-list-background);
  border: 2px solid var(--color-primary);
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .VarHeader .content,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .VarHeader .content {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .VarHeader .content > span,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .VarHeader .content > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .VarHeader .content .psol-comp-Icon-themeable,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .VarHeader .content .psol-comp-Icon-themeable {
  fill: var(--color-primary-dark);
  align-items: center;
  margin-right: 0.5em;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .rangeDesc,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .rangeDesc {
  margin-bottom: 0.5em;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .caption,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .caption {
  font-weight: bold;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable {
  width: 100%;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent {
  padding: 0.5em 3em 0.5em 2em;
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  border: 2px solid var(--color-primary);
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .sliderWrapper {
  margin: 3em 0 1em;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .sliderWrapper .psol-comp-slider-themeable {
  position: relative;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .sliderWrapper .psol-comp-slider-themeable .sliderThumb {
  position: absolute;
  margin-left: -6px;
  font-size: 14px;
  font-weight: bold;
  top: -27px;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .sliderWrapper .psol-comp-slider-themeable .psol-comp-rcSlider-themeable {
  margin-left: 0;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .sliderWrapper .psol-comp-slider-themeable .psol-comp-rcSlider-themeable .handle {
  width: 1.25em;
  height: 1.25em;
  margin-top: -1em;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .valueRangeDiscretes .values .value {
  padding: 0.25em;
  cursor: pointer;
}
.psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .valueRangeDiscretes .values .value + .value {
  margin-left: 0.5em;
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable {
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  width: 100%;
  border: 2px solid var(--color-primary);
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable .valueRangeDiscretes {
  max-height: 100%;
  overflow: auto;
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable .txtValue {
  padding: 0.25em 0.5em;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 0.5em;
  cursor: pointer;
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable .txtValue:hover,
.psol-comp-ChangeTableVarDlgTxtVar-themeable .txtValue.selected {
  color: var(--font-color);
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable .txtValue:hover {
  background: var(--tableVar-selected-hover-background);
}
.psol-comp-ChangeTableVarDlgTxtVar-themeable .txtValue.selected {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
@media (max-width: 1300px) {
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue {
    min-width: 0 !important;
    width: 100% !important;
  }
  .psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent {
    padding: 0.25em 1em;
  }
  .psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .valueRangeSwitchWrapper {
    flex-direction: column;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
  }
  .psol-comp-ChangeTableVarDlgSliderVar-themeable .TableSliderContent .valueRangeSwitchWrapper .valueRangeSwitch {
    flex-wrap: wrap;
  }
}
@media (max-width: 700px) {
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue {
    min-width: 0 !important;
    width: 100% !important;
  }
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent .varValueLabel {
    flex-direction: column;
  }
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent .varValueLabel .varValueImage {
    margin-bottom: 0.5em;
    margin-right: 0;
  }
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent .varValueLabel .separator {
    display: none;
  }
}
@media (max-width: 468px) {
  .psol-comp-ChangeTableVarDlgListVar-themeable .varValue .varValueContent .varValueLabel .varValueImage {
    margin-bottom: 0.5em;
    max-height: 6em;
  }
}
.psol-comp-Dialog-themeable {
  pointer-events: all;
  background-color: var(--background-main);
  width: 100%;
  border-radius: 0.25em;
  margin-top: 10vh;
  max-height: 80vh;
  max-width: 37.5em;
  padding: 1em 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.psol-comp-Dialog-themeable.dragable-dialog {
  max-width: 100vw;
  max-height: 100vh;
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-color);
}
.psol-comp-Dialog-themeable.dragable-dialog .psol-comp-DialogHeader {
  padding-top: 1em;
}
.psol-comp-Dialog-themeable.dragable-dialog .psol-comp-DialogHeader .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.psol-comp-Dialog-themeable.dragable-dialog .psol-comp-DialogHeader .wrapper h3 {
  margin: 0;
}
.psol-comp-Dialog-themeable.dragable-dialog .psol-comp-DialogHeader .wrapper .psol-comp-Button-themeable {
  padding: 0.25em 0.5em;
  margin-right: 2em;
}
.psol-comp-Dialog-themeable.dragable-dialog .psol-comp-DialogBody {
  padding: 1em 1em;
}
.psol-comp-DialogHeader {
  border-bottom: 1px solid var(--border-color);
}
.psol-comp-DialogBody {
  padding: 0.5em 2em;
}
.psol-comp-DialogFooter {
  padding: 0.5em 2em;
  margin-top: 1em;
}
.psol-comp-loginForm-themeable .element + .element {
  margin-top: 0.5em;
}
.psol-comp-loginForm-themeable .loginError {
  color: var(--color-warning);
}
.psol-comp-roleSelection-themeable .groupContainer + .groupContainer {
  margin-top: 0.5em;
}
.psol-comp-roleSelection-themeable .groupContainer .group .groupImage {
  width: 5em;
}
.psol-comp-roleSelection-themeable .groupContainer .group .groupDesc {
  padding: 0.5em;
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:checked + .group {
  background: var(--color-primary);
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:checked + .group,
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:not(:checked) + .group:hover {
  color: #ffffff;
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:not(:checked) + .group:hover {
  background: var(--color-secondary);
}
.psol-comp-loginForm-themeable .element + .element {
  margin-top: 0.5em;
}
.psol-comp-loginForm-themeable .loginError {
  color: var(--color-warning);
}
.psol-comp-roleSelection-themeable .groupContainer + .groupContainer {
  margin-top: 0.5em;
}
.psol-comp-roleSelection-themeable .groupContainer .group .groupImage {
  width: 5em;
}
.psol-comp-roleSelection-themeable .groupContainer .group .groupDesc {
  padding: 0.5em;
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:checked + .group {
  background: var(--color-primary);
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:checked + .group,
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:not(:checked) + .group:hover {
  color: #ffffff;
}
.psol-comp-roleSelection-themeable .groupContainer .groupRadio:not(:checked) + .group:hover {
  background: var(--color-secondary);
}
.psol-comp-checkbox-themeable .visValue::before {
  align-items: center;
  width: 1em;
  height: 1em;
  border: 2px solid var(--border-color);
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-size: 0.6em;
}
.psol-comp-checkbox-themeable.disabled .visValue::before {
  background-color: var(--color-inactive);
}
.psol-comp-Dropdown-themeable {
  border-radius: var(--input-border-radius);
}
.psol-comp-rcSlider.single {
  margin-left: 0.5em;
}
.psol-comp-rcSlider.double {
  margin: 0 0.5em;
}
.psol-comp-rcSlider .rail {
  height: 0.5em;
  border-radius: 0.5em;
  background-color: var(--color-light);
  cursor: pointer;
}
.psol-comp-rcSlider .handle {
  margin-left: -0.375em;
  margin-top: -0.625em;
  width: 0.75em;
  height: 0.75em;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--color-dark);
}
.psol-comp-rcSlider .track {
  top: -0.5em;
  height: 0.5em;
  background-color: var(--color-primary);
  border-radius: 0.25em;
  cursor: pointer;
}
.psol-comp-sliderInput {
  height: 2rem;
  border: 2px solid var(--border-color);
  border-radius: 0.25em;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
}
.psol-comp-sliderInput.warn:focus {
  border: 2px solid var(--color-warning);
}
.psol-comp-sliderInput:focus {
  outline: none;
  border: 2px solid var(--color-primary);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.psol-comp-sliderInput.arrowButtons {
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
}
.psol-comp-PartInfoCard-themeable .content {
  padding: 0.5rem;
}
.psol-comp-PartInfoCard-themeable .content .dismissBtn {
  margin-left: 0.5rem;
}
.psol-comp-PartInfoCard-themeable .content .dismissBtn:active {
  color: var(--color-primary-dark);
}
.psol-comp-PartInfoCard-themeable .content .footer {
  margin-top: 0.5rem;
}
.psol-comp-PartInfoCard-themeable .content .footer .icons {
  padding: 0.25rem 0;
}
.psol-comp-PartInfoCard-themeable .content .footer .icons .icon {
  font-size: 16px;
}
.psol-comp-PartInfoCard-themeable .content .footer .icons > .icon + .icon {
  margin-left: 0.25em;
}
.psol-comp-PartInfoCard-themeable .psol-comp-Card-themeable:hover {
  background-color: var(--card-hover-background);
  border: 1px solid var(--card-hover-border);
}
.psol-comp-SnackBar-themeable {
  color: #ffffff;
}
.psol-comp-SnackBar-themeable.type-message {
  color: var(--color-dark);
  font-weight: bold;
}
.psol-comp-SnackBar-themeable.type-confirm .psol-comp-Button-themeable.outlined {
  border-color: #ffffff;
}
.psol-comp-SnackBar-themeable.type-confirm .psol-comp-Button-themeable.outlined:hover {
  box-shadow: none;
}
.psol-comp-TableCompare-themeable .navigate {
  background: var(--color-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  opacity: 0.25;
}
.psol-comp-TableCompare-themeable .navigate .psol-comp-Icon-themeable {
  color: #ffffff;
}
.psol-comp-TableCompare-themeable .navigate:hover,
.psol-comp-TableCompare-themeable .navigate:active {
  opacity: 0.75;
}
.psol-comp-TableCompare-themeable .navigate:active {
  background: var(--color-primary-dark);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.psol-comp-TableCompare-themeable .cornerPiece {
  border-bottom: 2px solid var(--border-color);
  padding: 0.5rem;
  vertical-align: bottom;
  text-align: left;
}
.psol-comp-CompareTableHeader-themeable,
.psol-comp-TableCompare-themeable .psol-comp-Tree.tableBody {
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 4px rgba(157, 157, 157, 0.35);
}
.psol-comp-CompareTableHeader-themeable.master,
.psol-comp-TableCompare-themeable .psol-comp-Tree.tableBody.master {
  background: var(--background-main-contrast);
  border-left-color: var(--color-primary);
  border-right-color: var(--color-primary);
}
.psol-comp-CompareTableHeader-themeable {
  border-radius: 0.25rem 0.25rem 0 0;
}
.psol-comp-CompareTableHeader-themeable.master {
  border-top-color: var(--color-primary);
}
.psol-comp-CompareTableHeader-themeable.tableHead + .tableHead {
  margin-left: 0.5rem;
}
.psol-comp-CompareTableHeader-themeable .psol-comp-Card-themeable {
  border: 0;
  border-radius: 0;
}
.psol-comp-CompareTableHeader-themeable .psol-comp-Card-themeable:hover {
  border: 0;
  background-color: var(--card-background);
}
.psol-comp-CompareTableHeader-themeable .compareBtnBox {
  padding: 0 0.5rem;
  height: 45px;
  border-bottom: 1px solid var(--border-color);
}
.psol-comp-CompareTableHeader-themeable .compareBtn {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
  cursor: pointer;
}
.psol-comp-CompareTableHeader-themeable .compareBtn .psol-comp-Icon-themeable {
  color: currentColor;
}
.psol-comp-CompareTableHeader-themeable .compareBtn.master {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.first3d {
  color: var(--color-success);
  border-color: var(--color-success);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.second3d {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.selected {
  transform: scale(1.125);
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(157, 157, 157, 0.35);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.selected.master {
  background: var(--color-primary);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.selected.first3d {
  background: var(--color-success);
}
.psol-comp-CompareTableHeader-themeable .compareBtn.selected.second3d {
  background: var(--color-warning);
}
.psol-comp-CompareTableHeader-themeable .compareBtn:hover {
  transform: scale(1.125);
}
.psol-comp-CompareTableHeader-themeable .compareBtn + .compareBtn {
  margin-left: 0.25em;
}
.psol-comp-CompareTableHeader-themeable .compareItemImage {
  margin: 0.5em 0;
}
.psol-comp-CompareTableHeader-themeable .compareItemImage img {
  display: block;
  height: 2.5em;
}
.psol-comp-CompareTableHeader-themeable .compareItemNN {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.psol-comp-TableCompare-themeable .psol-comp-Tree.tableBody {
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  background: var(--background-main);
}
.psol-comp-TableCompare-themeable .psol-comp-Tree.tableBody.master {
  border-bottom-color: var(--color-primary);
}
.psol-comp-TableCompare-themeable .psol-comp-Tree.tableBody.tableBody + .tableBody {
  margin-left: 0.5rem;
}
.psol-comp-VariableValue-themeable {
  text-align: right;
  line-height: 1.15rem;
  padding: 0.125rem 0.5rem;
  border-bottom: 1px solid var(--border-color);
}
.psol-comp-VariableValue-themeable > * + * {
  margin-left: 0.5rem;
}
.psol-comp-VariableValue-themeable span {
  font-size: 14px;
}
.psol-comp-VariableValue-themeable .valueDistance {
  padding-top: 0.125rem;
}
.psol-comp-VariableValue-themeable .value div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.psol-comp-CompareVariableName-themeable.section,
.psol-comp-VariableValue-themeable.section {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.psol-comp-CompareVariableName-themeable.section.hasChildren,
.psol-comp-VariableValue-themeable.section.hasChildren {
  cursor: pointer;
}
.psol-comp-CompareVariableName-themeable {
  border-bottom: 1px solid var(--border-color);
  padding: 0.25rem 0.5rem;
}
.psol-comp-CompareVariableName-themeable .name,
.psol-comp-CompareVariableName-themeable .desc,
.psol-comp-CompareVariableName-themeable .name span,
.psol-comp-CompareVariableName-themeable .desc span {
  font-weight: bold;
}
.psol-comp-CompareVariableName-themeable .desc + .name span {
  font-weight: normal;
}
.compareUpload {
  height: 100%;
  width: 20rem;
  min-width: 20rem;
  background: var(--background-main);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 2px 4px rgba(157, 157, 157, 0.35);
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 0.5rem;
  border: 1px solid var(--border-color);
}
.compareUpload .compareUploadHeader {
  width: 100%;
  padding: 0.5rem;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--font-color);
}
.compareUpload .compareUploadHeader span {
  width: 100%;
  text-align: center;
}
.compareUpload .compareUploadBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.compareUpload .compareUploadBody .compareUploadFileFormats {
  text-align: center;
  color: var(--font-color);
  margin-left: 0;
  padding: 0 0.5rem;
}
.compareUpload .compareUploadBody .psol-comp-Icon-themeable {
  color: var(--font-color);
  font-size: 4em;
}
.psol-comp-Expander .expanderHandle {
  cursor: pointer;
  background: var(--table-header-color);
  padding: 0 0.5em;
  z-index: 1;
}
.psol-comp-Expander .expanderHandle:hover {
  background: color-mix(in srgb, var(--table-header-color), white 30%);
}
.psol-comp-Expander .expanderHandle .chevron {
  transition: transform 0.25s ease-out;
}
.psol-comp-Expander .expanderHandle .expanderText {
  padding: 0 0.25em;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0.5em;
}
.psol-comp-Expander.expanded .chevron {
  transform: rotate(180deg);
}
.psol-comp-TabExCell-themeable {
  font-size: 13px;
  padding: 0.25em 1em;
  border-top: 1px solid transparent;
  border-bottom: 1px solid var(--border-color);
  user-select: text;
}
.psol-comp-TabExCell-themeable.first {
  border-left: 1px solid var(--border-color);
}
.psol-comp-TabExCell-themeable.last {
  border-right: 1px solid var(--border-color);
}
.psol-comp-TabExCell-themeable.collapsedTable {
  padding: 0;
  margin: 0;
  font-weight: 600;
  border-bottom: unset;
  border-top: unset;
  border-left: 1px solid var(--border-color);
}
.psol-comp-TabExCell-themeable.collapsedTable.noBorderBottom {
  border-bottom: none;
}
.psol-comp-TabExCell-themeable.collapsedTable .cellContent {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 12px;
}
.psol-comp-TabExCell-themeable.collapsedTable.odd {
  padding: 4px;
  border-top: none;
}
.psol-comp-TabExCell-themeable.collapsedTable.odd .cellContent {
  font-size: 14px;
  height: auto;
}
.psol-comp-TabExCell-themeable.collapsedTable.odd .cellContent .link {
  font-size: 14px;
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
}
.psol-comp-TabExCell-themeable.collapsedTable.odd .cellContent .link:hover {
  color: var(--link-hover-color);
}
.psol-comp-TabExCell-themeable.collapsedTable.hasImage {
  padding: 0;
}
.psol-comp-TabExCell-themeable.highlightFocus {
  border: 1px dashed currentColor;
}
.psol-comp-TabExCell-themeable.highlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.psol-comp-TabExCell-themeable.highlight::before {
  background: rgba(239, 224, 45, 0.25);
}
.psol-comp-TabExCell-themeable.customCell {
  border: none;
  background-color: #ffffff !important;
}
.psol-comp-TabExCell-themeable.hasImage {
  padding: 0 0.25em;
}
.psol-comp-TabExCell-themeable .filterIcon:hover {
  background-color: var(--color-primary-dark);
  color: var(--btn-solid-color);
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.2);
}
.psol-comp-TabExCell-themeable.selectedLine {
  background-color: var(--table-selected-background);
  border-top: 1px solid var(--table-selected-border);
  border-bottom: 1px solid var(--table-selected-border);
  color: var(--color-dark);
  font-weight: bold;
}
.psol-comp-TabExCell-themeable.selectedLine.last {
  border-right: 1px solid var(--table-selected-border);
  border-radius: 0 4px 4px 0;
}
.psol-comp-TabExCell-themeable.selectedLine .filterIcon {
  background: var(--table-selected-background);
  color: var(--font-color);
}
.psol-comp-TabExCell-themeable.selectedLine .filterIcon:hover {
  background-color: var(--color-primary-dark);
  color: var(--btn-solid-color);
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.4);
}
.psol-comp-TabExCell-themeable .image,
.psol-comp-TabExCell-themeable .link {
  font-size: 13px;
}
.psol-comp-TabExCell-themeable .image {
  height: 1.25em;
}
.psol-comp-TabExColumnHead-themeable {
  user-select: text;
}
.psol-comp-TabExColumnHead-themeable.collapsedTable .ColumnHeadInfoWrapper {
  margin-bottom: 1.5em;
}
.psol-comp-TabExColumnHead-themeable.customColumn .varGroupInfo {
  background-color: var(--popover-info-background);
  border-radius: 0.5em;
  padding: 0.25em;
  font-size: 13px;
  margin: 0em -1em;
}
.psol-comp-TabExColumnHead-themeable.customColumn .varGroupInfo .psol-comp-Icon-themeable {
  display: inline-block;
  vertical-align: middle;
}
.psol-comp-TabExColumnHead-themeable .columnImage {
  height: 1em;
  margin-right: 0.5em;
}
.psol-comp-TabExColumnHead-themeable .columnName,
.psol-comp-TabExColumnHead-themeable .columnDesc,
.psol-comp-TabExColumnHead-themeable .columnImage,
.psol-comp-TabExColumnHead-themeable .filterInput {
  font-size: 12px;
}
.psol-comp-TabExColumnHead-themeable .columnName {
  text-align: center;
}
.psol-comp-TabExColumnHead-themeable .columnName .value {
  font-size: 12px;
}
.psol-comp-TabExColumnHead-themeable .filter {
  border: 1px solid var(--border-color);
  position: relative;
}
.psol-comp-TabExColumnHead-themeable .filter .filterInput {
  font-size: 12px;
  outline: none;
  color: var(--color-dark);
  border: 0;
  background-color: var(--background-main);
}
.psol-comp-TabExColumnHead-themeable .filter .filterInput:disabled {
  background-color: var(--table-header-color) !important;
}
.psol-comp-TabExColumnHead-themeable .filter .leadPencil {
  position: absolute;
  background-color: var(--background-main);
  right: 0;
  top: 0;
  padding: 0 1px;
  cursor: pointer;
}
.psol-comp-TabExColumnHead-themeable .filter .leadPencil > div {
  height: 13px;
  width: 13px;
}
.psol-comp-TabExColumnHead-themeable .filter .leadPencil svg {
  height: 16px;
  width: 16px;
}
.psol-comp-TabExColumnHead-themeable .filter.active:focus-within {
  border-bottom: 2px solid var(--color-primary);
}
.psol-comp-TabExColumnHead-themeable .filter.active .filterInput {
  background-color: var(--color-highlight);
}
.psol-comp-TabExColumnHead-themeable .filter.active .filterDismissBtn {
  background-color: var(--color-highlight);
}
.psol-comp-TabExColumnHead-themeable .filter.active .leadPencil {
  background-color: transparent;
}
.psol-comp-TabExColumnHead-themeable .filter .filterImg {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 1px;
  width: 9px;
}
.psol-comp-TabExColumnHead-themeable .filter .filterImg > div {
  height: 13px;
  width: 13px;
}
.psol-comp-TabExColumnHead-themeable .filter .filterImg svg {
  height: 16px;
  width: 16px;
}
.psol-comp-TabExColumnHead-themeable .filter .filterDismissBtn {
  height: 0.5em;
  width: 0.5em;
  background-color: var(--background-main);
  padding: 3px;
  position: absolute;
  right: 1px;
  top: 1px;
}
.psol-comp-TabExColumnHead-themeable .filter .filterDismissBtn:hover {
  color: var(--color-primary-dark);
}
.psol-comp-TabExColumnHead-themeable .filter .filterDismissBtn :focus-visible {
  color: var(--color-primary-dark);
}
.psol-comp-TabExColumnHead-themeable .erpColoring {
  height: 0.25em;
}
.psol-comp-TabExRowHead-themeable {
  font-weight: bold;
  font-size: 13px;
  padding: 0.25em 0.5em;
  background-color: var(--background-main);
  border-bottom: 1px solid var(--border-color);
  user-select: text;
  justify-content: space-between;
}
.psol-comp-TabExRowHead-themeable.noBorderBottom {
  border-bottom: unset;
}
.psol-comp-TabExRowHead-themeable.selected {
  background-color: var(--table-selected-background);
  border: 1px solid var(--table-selected-border);
  border-right-color: var(--border-color);
  color: var(--font-color);
  font-weight: bold;
}
.psol-comp-TabExRowHead-themeable.selected.gridTableRow {
  border-radius: 4px 0 0 4px;
}
.psol-comp-TabExRowHead-themeable.selected > .customButtonsContainer {
  opacity: 1;
  visibility: visible;
}
.psol-comp-TabExRowHead-themeable .psol-comp-erpIcon {
  margin-right: 0.65em;
}
.psol-comp-TabExRowHead-themeable .psol-comp-erpIcon.density1 {
  width: 2rem;
  height: 2rem;
}
.psol-comp-TabExRowHead-themeable .psol-comp-erpIcon.density1 > img {
  max-width: 2rem;
  max-height: 2rem;
}
.psol-comp-TabExRowHead-themeable .psol-comp-erpIcon.density2 {
  width: 3rem;
  height: 3rem;
}
.psol-comp-TabExRowHead-themeable .psol-comp-erpIcon.density2 > img {
  max-width: 3rem;
  max-height: 3rem;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper {
  display: flex;
  flex-grow: 1;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper span {
  font-size: 14px;
  font-weight: bold;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper .rowNo {
  text-align: right;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper .separator {
  font-size: 12px;
  margin: 0 0.25em;
}
.psol-comp-TabExTable-themeable {
  user-select: text;
}
.psol-comp-TabExTable-themeable .cornerPiece,
.psol-comp-TabExTable-themeable .columnHeaders {
  background-color: var(--table-header-color);
}
.psol-comp-TabExTable-themeable .rowHeaders {
  background-color: var(--background-main);
}
.psol-comp-TableExpandable-themeable {
  user-select: text;
}
.psol-comp-TableExpandable-themeable .expander {
  margin-top: 0.5em;
  background-color: var(--table-container-color);
}
.psol-comp-TableSearchBar-themeable {
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  user-select: text;
  max-width: 280px;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--background-main);
}
.psol-comp-TableSearchBar-themeable.focusedBorder {
  border-color: var(--color-primary);
}
.psol-comp-TableSearchBar-themeable .searchIcon {
  padding: 0.325em 0.325em;
  cursor: pointer;
}
.psol-comp-TableSearchBar-themeable .searchIcon.inactive {
  opacity: 50%;
  pointer-events: none;
}
.psol-comp-TableSearchBar-themeable .searchInput {
  flex-grow: 1;
  min-width: 0;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.25em;
  border: none;
  outline: none;
}
.psol-comp-TableSearchBar-themeable .separator {
  width: 1px;
  background-color: var(--border-color);
  height: 20px;
  margin: 3px 0.5em 0 0.5em;
}
.psol-comp-TableSearchBar-themeable .serchResultsCounter {
  margin-top: 0.25em;
}
.psol-comp-TableSearchBar-themeable .navHandle + .navHandle {
  margin-left: 1px;
}
.psol-comp-TableSearchBar-themeable .tableSearchBarDismissIcon {
  height: 0.875em;
  width: 0.875em;
  margin-right: 0.5em;
  cursor: pointer;
}
.psol-comp-TableSearchBar-themeable .tableSearchBarDismissIcon:hover:not(.inactive) {
  color: var(--color-primary-dark);
}
.psol-comp-TableSearchBar-themeable .tableSearchBarDismissIcon.inactive {
  opacity: 20%;
  cursor: default;
}
.psol-comp-VarGroups-themeable {
  user-select: text;
  padding: 0.75em;
  padding-top: 0.25em;
}
.psol-comp-VarGroups-themeable .varGroup {
  font-size: 14px;
  margin-top: 0.5em;
  font-weight: 600;
}
.psol-comp-VarGroups-themeable .varGroup .visValue {
  font-size: 14px;
}
.psol-comp-TableHead-themeable {
  user-select: text;
}
.psol-comp-TableHead-themeable .title {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5em 0 18px;
}
.psol-comp-TableHead-themeable .title > span {
  align-self: center;
  padding: 0.5rem 0;
}
.psol-comp-TableHead-themeable .title > span h1 {
  font-size: 18px;
  margin: 0;
}
.psol-comp-TableHead-themeable .title .full-expand-mode-wrapper {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.psol-comp-TableHead-themeable .title .full-expand-mode-wrapper .psol-comp-checkbox-themeable {
  border-left: 1px solid var(--border-color);
  padding: 0.5rem 16px;
  height: 100%;
}
.psol-comp-TableHead-themeable .title .full-expand-mode-wrapper .icon-wrapper {
  display: flex;
  padding: 0.5rem 0 0.5rem 0.5em;
  align-items: center;
  border-left: 1px solid var(--border-color);
  cursor: pointer;
}
.psol-comp-TableHead-themeable .title .full-expand-mode-wrapper .icon-wrapper .psol-comp-Icon-themeable {
  margin-left: 0.5em;
  width: 1.25em;
  height: 1.25em;
}
.psol-comp-TableHead-themeable .title b {
  margin: 0 0.25em;
}
.psol-comp-psolTableCells-themeable {
  font-size: 14px;
}
.psol-comp-psolTableCells-themeable .rowColor {
  background: var(--color-light);
}
.psol-comp-psolTableCellItem-themeable {
  font-size: 14px;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.psol-comp-psolTableCellItem-themeable.selected {
  background-color: var(--color-primary-dark);
  color: var(--btn-solid-color);
}
.psol-comp-psolTableCellItem-themeable.selectedResult::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed;
}
.psol-comp-psolTableCellItem-themeable .cellContent {
  white-space: nowrap;
  padding: 0.125em 0.5em;
  justify-content: center;
}
.psol-comp-psolTableCellItem-themeable .cellContent .cellImage {
  height: 1.5em;
}
.psol-comp-psolTableCellItem-themeable .cellContent .highlight {
  background: var(--color-hint);
}
.psol-comp-psolTableCellItem-themeable .cellIcon {
  position: relative;
  padding-right: 2.25em;
}
.psol-comp-psolTableCellItem-themeable .cellIcon::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  right: 0.5em;
  background-position: center;
  background-size: 1em;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.psol-comp-psolTableCellItem-themeable .cellIcon.GM::after,
.psol-comp-psolTableCellItem-themeable .cellIcon.SM::after,
.psol-comp-psolTableCellItem-themeable .cellIcon.FM::after,
.psol-comp-psolTableCellItem-themeable .cellIcon.DM::after {
}
.psol-comp-psolTableCellItem-themeable .cellIcon.GM::after,
.psol-comp-psolTableCellItem-themeable .cellIcon.SM::after {
  background-color: #e9e4b2;
}
.psol-comp-psolTableCellItem-themeable .cellIcon.FM::after {
  background-color: #ff9d55;
}
.psol-comp-psolTableCellItem-themeable .cellIcon.DM::after {
  background-color: #fad57e;
}
.psol-comp-psolTableColHeader-themeable {
  font-size: 14px;
}
.psol-comp-psolTableColHeaderItem-themeable {
  background: var(--background-main);
  padding: 0.5em 0 0 0;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  box-sizing: border-box;
  font-size: 14px;
}
.psol-comp-psolTableColHeaderItem-themeable:hover {
  background: var(--color-primary);
}
.psol-comp-psolTableColHeaderItem-themeable .colName {
  padding: 0 0.5em;
  font-weight: bold;
}
.psol-comp-psolTableColHeaderItem-themeable .colName .colImage {
  max-height: 1.25em;
  margin-right: 0.25em;
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon {
  position: relative;
  padding-right: 2.25em;
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  right: 0.5em;
  background-position: center;
  background-size: 1em;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.GM::after,
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.SM::after,
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.FM::after,
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.DM::after {
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.GM::after,
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.SM::after {
  background-color: #e9e4b2;
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.FM::after {
  background-color: #ff9d55;
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.DM::after {
  background-color: #fad57e;
}
.psol-comp-psolTableColHeaderItem-themeable .colDescription {
  padding: 0 0.5em;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 0.25em solid rgba(0, 0, 0, 0);
}
.psol-comp-psolTableColHeaderItem-themeable .colFilterContainer {
  margin-top: 0.125em;
  border: 1px solid var(--color-dark);
  background: var(--background-main);
}
.psol-comp-psolTableColHeaderItem-themeable .colFilterContainer.active {
  background-color: var(--color-hint);
}
.psol-comp-psolTableColHeaderItem-themeable .colFilterContainer .colFilter {
  border: 0;
  outline: none;
  background: none;
}
.psol-comp-psolTableColHeaderItem-themeable .colFilterContainer .colFilterRemove {
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0 0.125em;
  font-size: 14px;
}
.psol-comp-psolTableCornerPiece-themeable {
  border-right: 1px solid var(--border-color);
  background: var(--table-header-color);
}
.psol-comp-psolTableCornerPiece-themeable .filterButton {
  cursor: pointer;
}
.psol-comp-psolTableRowHeader-themeable {
  border-right: 1px solid var(--border-color);
  background: var(--background-main);
  font-size: 14px;
}
.psol-comp-psolTableRowHeaderItem-themeable {
  font-size: 14px;
  border-bottom: 1px solid var(--background-main);
}
.psol-comp-psolTableRowHeaderItem-themeable.selected {
  background-color: var(--color-primary-dark);
  color: var(--btn-solid-color);
}
.psol-comp-psolTableRowHeaderItem-themeable .content {
  padding: 0.125em 0.5em;
}
.psol-comp-psolTableRowHeaderItem-themeable .content .erpIcon {
  margin-right: 0.25em;
}
.psol-comp-psolTableRowHeaderItem-themeable .content .lineInfo {
  font-weight: bold;
}
.psol-comp-psolTableRowHeaderItem-themeable .content .lineNo {
  text-align: right;
}
.psol-comp-psolTableRowHeaderItem-themeable .content .description {
  margin-left: 0.125em;
  border-left: 1px solid;
  padding-left: 0.125em;
  white-space: nowrap;
}
.psol-comp-psolTable-themeable th,
.psol-comp-psolTable-themeable td {
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.psol-comp-psolTable-themeable thead th {
  border-top: 1px solid var(--border-color);
}
.psol-comp-psolTable-themeable tr th:first-child {
  border-left: 1px solid var(--border-color);
  border-bottom-color: var(--background-main);
}
.psol-comp-psolTable-themeable tbody tr:last-child th {
  border-bottom-color: var(--border-color);
}
.psol-comp-psolTable-themeable .cornerItem {
  background: var(--table-header-color);
}
.psol-comp-tableHorizontal-themeable .table {
  border: 1px solid var(--border-color);
}
.psol-comp-psolTableVarGroups-themeable .group + .group {
  margin-left: 1em;
}
.psol-comp-psolTableOptions-themeable {
  margin-bottom: 0.5em;
}
.psol-comp-psolTableOptions-themeable .varGroups {
  margin-left: 1em;
}
.psol-comp-tableVertical-rowHeader-themeable {
  font-size: 14px;
  background-color: var(--table-header-color);
  user-select: text;
}
.psol-comp-tableVertical-themeable {
  font-size: 14px;
}
.psol-comp-tableVertical-table {
  position: relative;
  line-height: 1.25em;
  display: flex;
}
.psol-comp-tableVertical-table tbody {
  width: 100%;
}
.psol-comp-tableVertical-table .noMatchedFilter {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: calc(63% - 2.75em - 1.25em);
  height: calc(100% - 2px);
  background-color: color-mix(in srgb, var(--border-color), black 7%);
  left: calc(37% + 1em);
  top: 1px;
}
.psol-comp-tableVertical-table .noMatchedFilter tr {
  padding: 0 1em;
  margin-top: 50%;
  font-size: 1.5em;
  font-weight: 500;
}
.psol-comp-tableVertical-row {
  background-color: var(--background-main);
  border: 1px solid color-mix(in srgb, var(--border-color), black 7%);
  display: flex;
}
.psol-comp-tableVertical-row:first-child {
  border-top: 1px solid color-mix(in srgb, var(--border-color), black 7%);
}
.psol-comp-tableVertical-rowValue {
  display: flex;
  border-right: none;
  padding: 0 0.5em;
  flex-grow: 1;
}
.psol-comp-tableVertical-rowValue-link {
  text-decoration: underline;
  color: var(--color-primary);
}
.psol-comp-tableVertical-rowValue:hover .psol-comp-tableVertical-rowValue-link {
  color: var(--color-highlight);
}
.psol-comp-tableVertical-rowValue-image {
  height: 2em;
  margin-right: 0.5em;
}
.psol-comp-TableVerticalVarImage {
  border-right: 0;
  padding: 0.25em;
  padding-right: 0;
  min-width: 1em;
  background: var(--color-light);
}
.psol-comp-TableVerticalVarImage .image {
  width: 1em;
}
.psol-comp-tableVertical-varGroups .variableGroups-button {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  border: none;
  padding: 0.25em;
  cursor: pointer;
  color: var(--font-color);
  gap: 0.5em;
}
.psol-comp-tableVertical-varGroups .variableGroups-button .variableGroups-button-icon {
  width: 0.688em;
  height: 0.688em;
}
.psol-comp-tableVertical-varGroups .variableGroups-button .variableGroups-button-icon.rotate {
  transform: rotate(180deg);
}
.psol-comp-tableVertical-varGroups .variableGroups-dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  gap: 0.25em;
  top: 1.875em;
  z-index: 3;
  background-color: var(--dropdown-list-background);
  color: var(--dropdown-list-color);
  padding: 0.5em;
  border-radius: 0.25em;
  border: 1px solid var(--border-color);
  width: max-content;
}
.psol-comp-tableVertical-varGroups .variableGroups-dropdown .varGroup {
  font-size: 14px;
}
.psol-comp-tableVertical-varGroups .variableGroups-dropdown .varGroup .visValue {
  font-size: 14px;
}
h1.psol-comp-Typography-themeable {
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 300;
  font-size: 32px;
}
h2.psol-comp-Typography-themeable {
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 300;
  font-size: 24px;
}
h3.psol-comp-Typography-themeable {
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  font-size: 20px;
}
h4.psol-comp-Typography-themeable {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 600;
  font-size: 16px;
}
h5.psol-comp-Typography-themeable {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
a.psol-comp-Typography-themeable {
  font-family:
    "Titillium Web",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  font-size: 14px;
}
p.psol-comp-Typography-themeable {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  font-size: 16px;
}
p.psol-comp-Typography-themeable > strong {
  font-weight: 600;
}
p.psol-comp-Typography-themeable.small {
  font-weight: 400;
  font-size: 12px;
}
ul.psol-comp-Typography-themeable {
  font-family:
    "Source Sans Pro",
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.psol-comp-WebViewer2D-themeable {
  border: none;
}
.psol-comp-Compare-themeable {
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  font-size: 13.3333px;
}
.psol-comp-WebViewer3D-themeable {
  border: none;
}
.psol-comp-Accordion {
  display: flex;
  flex-direction: column;
  background-color: var(--background-main);
  box-sizing: border-box;
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.15);
  border-radius: 0.25em;
}
.psol-comp-Accordion-disabled {
  pointer-events: none;
  opacity: 0.4;
  background: var(--color-inactive);
}
.psol-comp-Accordiongroup {
  display: flex;
  flex-direction: column;
  padding: 0.25em;
}
.psol-comp-Accordiongroup .psol-comp-Accordion {
  border-radius: 0;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:first-of-type {
  border-radius: 0.25em 0.25em 0 0;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:last-of-type {
  border-radius: 0 0 0.25em 0.25em;
}
.psol-comp-Accordiongroup .psol-comp-Accordion:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.psol-comp-AccordionTitle {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  cursor: pointer;
  align-items: center;
  padding: 0.5em;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-text {
  flex-grow: 1;
  min-width: 0;
}
.psol-comp-AccordionTitle .psol-comp-Icon svg {
  width: 16px;
  height: 16px;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-down,
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-up {
  flex-shrink: 0;
  transition: transform 0.3s ease-out;
}
.psol-comp-AccordionTitle .psol-comp-AccordionTitle-arrow-up {
  transform: rotate(180deg);
}
.psol-comp-allcomp-themeable.psol-comp-AccordionTitle-themeable {
  font-size: 16px;
}
.psol-comp-AccordionDetails {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 0.5em 0.5em;
  flex: 1 1 0;
}
.psol-comp-AccordionDetails-hidden {
  display: none;
}

/* opitz/styles/_cadenas.css */
#cadenas-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  #order-search {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
  }
  #order-download {
    margin-top: 1em;
  }
  #order-search {
    margin-bottom: 16px;
  }
  .default-button {
    background-color: var(--primary-color);
    border: none;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 10px;
    width: 100%;
  }
  .default-button:hover {
    box-shadow: var(--monster-box-shadow-2);
  }
  .default-button:disabled {
    background-color: var(--color-light-gray);
    cursor: not-allowed;
    opacity: 0.7;
  }
  .default-button.active {
    background-color: var(--secondary-color);
  }
  .tab-buttons {
    display: flex;
    margin: 20px 0px;
    gap: 20px;
  }
  #order-search input {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 8px;
    padding: 10px;
    width: 100%;
  }
  #order-search label {
    display: block;
    margin-bottom: 8px;
    width: 100%;
  }
  #viewer3d-container,
  #viewer2d-container,
  #table-container {
    background-color: #e9eef3;
    border-radius: 8px;
    display: none;
    flex-grow: 1;
  }
  #viewer3d-container.active,
  #viewer2d-container.active,
  #table-container.active {
    display: block;
    min-height: 300px;
  }
  #webviewer-3d,
  #webviewer-2d {
    height: 100%;
    width: 100%;
  }
  #table {
    padding: 2px;
  }
}
.psol-comp-Dialog-themeable.DownloadDialog {
  max-height: 86vh !important;
  margin-top: 7em !important;
}
@media (max-width: 991px) {
  .psol-comp-Dialog-themeable.DownloadDialog {
    height: 72vh;
    margin: auto;
  }
}

/* opitz/styles/_article.css */
.textsite {
  h2 {
    margin-top: 0px;
  }
  hr {
    margin: 3em 0em;
  }
  hr + h1,
  hr + h2,
  hr + h3 {
    margin-top: 0px;
  }
  p + h1,
  p + h2,
  p + h3 {
    margin-top: 1em;
  }
  ul + h1,
  ul + h2,
  ul + h3 {
    margin-top: 2em;
  }
  .overflow > h1,
  .overflow > h2 {
    margin-top: 0px;
  }
  .overflow > img {
    width: 33%;
    height: auto;
    margin-left: 2em;
  }
}
.articleBannerBox {
  width: 100%;
  height: 158px;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow-wrap: anywhere;
  background-size: cover;
  margin-bottom: 3em;
  h1,
  h2,
  h3 {
    margin: 1em;
    color: white;
    font-weight: normal;
    float: left;
    font-size: 30px;
    max-width: 610px;
  }
}
#articleContactBox,
#articleDownloadBox {
  overflow: hidden;
  border: 1px solid var(--color-light-gray);
  height: auto;
  img {
    margin: 0px;
  }
  h3,
  p {
    padding: 0.5em;
    margin: 0px;
  }
  h3,
  h2,
  h4 {
    font-size: 22px;
    text-transform: uppercase;
  }
  .btn {
    margin: 1em 0em;
    font-weight: bold;
  }
}
#articleDownloadBox {
  margin-top: 2em;
  ul {
    padding: 0em 1em;
    li {
      line-height: 2em;
    }
  }
}
.sidebar {
  float: right;
  width: 33%;
  margin-left: 2em;
}
.leftcolumn {
  width: 66%;
}
.form-box {
  .d-flex {
    column-gap: 1em;
    .form-row {
      flex-grow: 1;
    }
  }
}
.note {
  color: var(--primary-color);
  font-size: 0.8em;
}
.start-banner-box {
  background-color: var(--color-banner-blue);
}
.temp-article-start {
  display: block;
  position: relative;
  min-height: 300px;
  .banner-freisteller {
    position: absolute;
    bottom: -110px;
    right: 0px;
    transform: translateY(3em);
    transition: inherit;
  }
  &.current {
    .banner-freisteller {
      transform: translateY(-3em);
      transition: all 1s ease-out;
    }
  }
}
@media (min-width: 576px) {
}
@media (min-width: 992px) {
}
@media (min-width: 768px) {
}
@media screen and (max-width: 767px) {
  .articleBannerBox {
    h1,
    h2,
    h3 {
      width: 100%;
    }
  }
  #articleContactBox,
  #articleDownloadBox {
    float: none;
    overflow: hidden;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 3em;
  }
  .leftcolumn,
  .sidebar {
    width: 100%;
    float: none;
    margin-left: 0px;
  }
}

/* opitz/styles/_darkscheme.css */
@media (prefers-color-scheme: dark) {
  :root {
    --monster-color-amber-2:var(--body-color): ;
  }
}

/* opitz/styles/main.css */