@charset "UTF-8";
.psol-comp-WithResizeObserver {
  width: 100%;
}

/* Define the root variables */
:root {
  /* 
    color-primary is probably the most important color that we manipulate to get 
    different shades and tints, especially in the context of portal themes. 
    We need to make sure that elements using these tints @support them.
    For compatibility reasons (Chromium <= 110) we cannot use CSS relative color functions 
    like color-mix() or hsl(from <color> h s l) to calculate these tints, but must use 
    older methods by setting the h,s,l values separately to manipulate them.
   */
  --color-primary-h: 200;
  --color-primary-s: 41%;
  --color-primary-l: 58%;
  --color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
  --color-primary-dark: hsl(var(--color-primary-h), calc(var(--color-primary-s) + 20%), calc(var(--color-primary-l) - 25%));
  --color-primary-light: hsl(var(--color-primary-h), calc(var(--color-primary-s) + 20%), calc(var(--color-primary-l) + 25%));
  --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;
}

@supports not (color: color-mix(in srgb, black, white 10%)) {
  :root {
    --card-selected-background: var(--color-primary-light);
    --tableVar-selected-background: var(--color-primary-light);
    --tableVar-selected-hover-background: var(--color-primary-light);
  }
}
/* source-sans-pro-300 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-300italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* titillium-web-300 - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url("fonts/titillium-web-v8-latin-ext_latin-300.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-300italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 300;
  src: local("Titillium Web Light Italic"), local("TitilliumWeb-LightItalic"), url("fonts/titillium-web-v8-latin-ext_latin-300italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-regular - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url("fonts/titillium-web-v8-latin-ext_latin-regular.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 400;
  src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url("fonts/titillium-web-v8-latin-ext_latin-italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-700 - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url("fonts/titillium-web-v8-latin-ext_latin-700.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-700italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 700;
  src: local("Titillium Web Bold Italic"), local("TitilliumWeb-BoldItalic"), url("fonts/titillium-web-v8-latin-ext_latin-700italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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;
}

/* titillium-web-300 - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url("fonts/titillium-web-v8-latin-ext_latin-300.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-300italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 300;
  src: local("Titillium Web Light Italic"), local("TitilliumWeb-LightItalic"), url("fonts/titillium-web-v8-latin-ext_latin-300italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-regular - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url("fonts/titillium-web-v8-latin-ext_latin-regular.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 400;
  src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url("fonts/titillium-web-v8-latin-ext_latin-italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-700 - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url("fonts/titillium-web-v8-latin-ext_latin-700.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* titillium-web-700italic - latin-ext_latin */
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 700;
  src: local("Titillium Web Bold Italic"), local("TitilliumWeb-BoldItalic"), url("fonts/titillium-web-v8-latin-ext_latin-700italic.woff2") format("woff2"), url("fonts/titillium-web-v8-latin-ext_latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* source-sans-pro-300 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-300italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2") format("woff2"), url("fonts/source-sans-pro-v13-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.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);
}

/**
 * CSS utility classes.
 * Set one CSS property per utility for easy reuse and stacking
 * See: https://tailwindcss.com/docs/utility-first
 *
 * Example:
 * .text-primary -> Set the `primary` color as foreground color
 *
 * Usage:
 * <span class="text-primary">Primary text</span>
 */
.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;
  width: 2em;
  height: 2em;
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-breadcrumbs .backArrow .psol-comp-Icon {
    color: color-mix(in srgb, var(--font-color), white 30%);
  }
}
.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: var(--color-primary-light);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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;
}

/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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;
}

/** Current face: FRONT */
.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);
}

/** Current face: SIDE */
.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);
}

/** Current face: TOP */
.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 {
  border: none;
  background: none;
}
.dialogHeaderDismissBtn .dialogHeaderDismissSvg {
  height: 1em;
  width: 1em;
  cursor: pointer;
  align-self: flex-start;
}

.dialogHeaderDismissBtn:focus-visible {
  outline: 1px solid var(--color-primary);
}

.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 {
  display: flex;
}
.dynamic-container.vertical {
  flex-direction: column;
}
.dynamic-container.horizontal {
  flex-direction: row;
  gap: 1em;
}
.dynamic-container.horizontal > .dynamic-element {
  flex-basis: 50%;
  flex-grow: 1;
  min-width: 0;
  margin-bottom: unset;
}
.dynamic-container.horizontal > .dynamic-element + .psol-comp-Button-themeable {
  flex-basis: unset;
  margin-bottom: unset;
}
.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;
  /* DynDlgLabel */
}
.dynamic-container .dynamic-element > * {
  line-height: 1;
}
.dynamic-container .dynamic-element > :first-child {
  text-align: right;
  white-space: normal;
  overflow-wrap: break-word;
}
.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;
  margin-bottom: 1em;
  width: 100%;
  border: 1px solid var(--border-color);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .dynamic-container .dynamic-element .markdown table {
    border: 1px solid color-mix(in srgb, var(--border-color), black 20%);
  }
}
.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 var(--border-color);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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) {
  padding-bottom: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--color-primary-light);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-AccordionDetails.psol-comp-AccordionDetails-themeable.accordionFacetDetails:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary), transparent 50%);
  }
}
.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-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-FileSelection:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.psol-comp-FileSelection.hover {
  background-color: color-mix(in srgb, var(--color-medium), transparent 20%);
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-FileSelection.hover {
    background-color: var(--color-medium);
    opacity: 0.2;
  }
}
.psol-comp-FileSelection.success {
  background-color: color-mix(in srgb, var(--color-success), transparent 50%);
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-FileSelection.success {
    background-color: var(--color-success);
    opacity: 0.5;
  }
}
.psol-comp-FileSelection.error {
  background-color: color-mix(in srgb, var(--color-warning), transparent 50%);
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-FileSelection.error {
    background-color: var(--color-warning);
    opacity: 0.5;
  }
}
.psol-comp-FileSelection label {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 3;
}
.psol-comp-FileSelection label input {
  display: none;
}
.psol-comp-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-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-FileSelection .uploadContentWrapper .iconWithText {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}
.psol-comp-FileSelection .uploadContentWrapper .iconWithText .psol-comp-Icon-themeable {
  width: 2em;
  height: 2em;
  padding: 0.5em;
  fill: currentColor;
}
.psol-comp-FileSelection .uploadContentWrapper .iconWithText span {
  white-space: nowrap;
  margin: 0.25em 0;
  font-size: 16px;
}
.psol-comp-FileSelection .uploadContentWrapper .iconWithText .button-wrapper {
  display: flex;
}
.psol-comp-FileSelection .uploadContentWrapper .iconWithText .button-wrapper .upLoadButton,
.psol-comp-FileSelection .uploadContentWrapper .iconWithText .button-wrapper .pasteButton {
  background: none;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  margin: 0.25em 0;
  z-index: 2;
  padding: 0 0.5em;
}
.psol-comp-FileSelection .uploadContentWrapper .iconWithText .button-wrapper .pasteButton {
  margin-left: 0.5em;
}
.psol-comp-FileSelection .uploadContentWrapper .psol-comp-File-Extensions {
  text-align: center;
  margin-top: 0.5em;
  font-size: 12px;
}

.psol-comp-ProjectsFileSelection .psol-comp-ProjectsFileSelection-Icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
}
.psol-comp-ProjectsFileSelection .psol-comp-ProjectsFileSelection-Icons div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.psol-comp-ProjectsFileSelection .psol-comp-ProjectsFileSelection-Icons div .psol-comp-Icon {
  justify-content: center;
  fill: currentColor;
  padding: 1em 0;
  min-height: 5em;
  width: fit-content;
}
.psol-comp-ProjectsFileSelection .psol-comp-ProjectsFileSelection-Icons div .psol-comp-Icon img {
  max-height: 4em;
}
.psol-comp-ProjectsFileSelection .psol-comp-ProjectsFileSelection-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: contain;
  width: inherit;
  height: inherit;
  mask-repeat: no-repeat;
  mask-position: center;
}

.nodeTypeIcon,
.psol-comp-Icon-themeable.nodeTypeIcon {
  color: var(--card-icons);
}
.nodeTypeIcon.crawling,
.psol-comp-Icon-themeable.nodeTypeIcon.crawling {
  filter: grayscale(1);
}

.psol-comp-QualitySeal {
  position: relative;
}

.psol-comp-QualitySealTooltip {
  position: fixed;
  z-index: 2;
  background-color: var(--background-main);
  border-radius: 0.25em;
  white-space: pre-line;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  height: auto;
  width: fit-content;
  max-width: 40em;
  overflow: auto;
}
.psol-comp-QualitySealTooltip > .toolTipTitleContainer {
  display: flex;
  gap: 0.5em;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding: 1em;
}
.psol-comp-QualitySealTooltip > .toolTipTitleContainer .innerToolTipIcon {
  width: 1.5em;
  height: auto;
}
.psol-comp-QualitySealTooltip > .toolTipTitleContainer .toolTipTitleText {
  font-size: 1.2em;
  margin-left: 0;
}
.psol-comp-QualitySealTooltip .toolTipContentContainer {
  padding: 1em;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.psol-comp-QualitySealTooltip .toolTipContentList {
  list-style-type: square;
  padding-left: 20px;
  margin-bottom: 0;
}

.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 .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 > .psol-comp-QualitySeal {
  position: absolute;
  left: -0.25em;
  bottom: -0.25em;
}
.psol-comp-IndexGridCard .topContainer > .imageContainer > .psol-comp-QualitySeal .nodeCatalogSealIcon {
  width: 1.125em;
  height: 1.125em;
}
.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 {
  overflow: visible !important;
}
.psol-comp-IndexCard-themeable.withList .expandable:hover {
  background-color: var(--card-selected-background);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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 {
  overflow: visible !important;
}
.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;
}

/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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;
  /**
  * Only apply styles to IE
   * @see https://stackoverflow.com/a/28419263
   */
}
@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-ActionButtonSubMenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
}
.psol-comp-ActionButtonSubMenu .subMenuIcon {
  transform: rotate(-90deg);
  margin-left: 16px;
}

.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.ActionButton {
  background-color: rgba(255, 255, 255, 0.5019607843);
  cursor: pointer;
  border-radius: 0.25em;
  width: 44px;
  height: 44px;
  box-shadow: 0px 2px 4px 0px rgba(36, 39, 41, 0.15);
  margin: 8px;
  pointer-events: auto;
}
.psol-comp-ActionButton.RadialMenuCloseButton .psol-comp-Icon-themeable {
  height: 16px;
  width: 16px;
}
.psol-comp-ActionButton.MenuButton {
  cursor: pointer;
  height: 44px;
  margin: 3px;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.psol-comp-ActionButton.MenuButton .psol-comp-Icon-themeable {
  margin-right: 8px;
}
.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-ActionButton:focus-visible {
  outline: 1px solid #6ca9c3;
}

.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: var(--btn-solid-background);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.primaryBtn:not(.inactive):hover, .psol-comp-Button.primaryBtn:not(.inactive):focus {
    text-decoration: underline;
  }
}
.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 {
  background-color: var(--btn-outlined-background);
  color: var(--btn-outlined-color);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.secondaryBtn:not(.inactive):hover, .psol-comp-Button.secondaryBtn:not(.inactive):focus {
    text-decoration: underline;
  }
}
.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 .psol-comp-Icon {
  color: inherit;
}
.psol-comp-Button.primary {
  border-color: var(--color-primary);
}
.psol-comp-Button.primary:hover, .psol-comp-Button.primary:focus {
  border-color: var(--color-primary);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.primary.solid:hover, .psol-comp-Button.primary.solid:focus {
    background-color: color-mix(in srgb, var(--color-primary), black 10%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.primary.solid:hover, .psol-comp-Button.primary.solid:focus {
    text-decoration: underline;
  }
}
.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 {
  box-shadow: 0 0 0 0.125em;
  color: var(--color-primary);
  border-color: var(--color-primary);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.primary.outlined:hover, .psol-comp-Button.primary.outlined:focus {
    text-decoration: underline;
  }
}
.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: var(--color-secondary);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.secondary.solid:hover, .psol-comp-Button.secondary.solid:focus {
    background-color: color-mix(in srgb, var(--color-secondary), black 10%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.secondary.solid:hover, .psol-comp-Button.secondary.solid:focus {
    text-decoration: underline;
  }
}
.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 {
  box-shadow: 0 0 0 0.125em;
  color: var(--color-secondary);
  border-color: var(--color-secondary);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.secondary.outlined:hover, .psol-comp-Button.secondary.outlined:focus {
    text-decoration: underline;
  }
}
.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: var(--color-dark);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.neutral.solid:hover, .psol-comp-Button.neutral.solid:focus {
    background-color: color-mix(in srgb, var(--color-dark), black 10%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.neutral.solid:hover, .psol-comp-Button.neutral.solid:focus {
    text-decoration: underline;
  }
}
.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 {
  box-shadow: 0 0 0 0.125em;
  color: var(--color-dark);
  border-color: var(--color-dark);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.neutral.outlined:hover, .psol-comp-Button.neutral.outlined:focus {
    text-decoration: underline;
  }
}
.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: var(--color-light);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.light.solid:hover, .psol-comp-Button.light.solid:focus {
    background-color: color-mix(in srgb, var(--color-light), black 10%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.light.solid:hover, .psol-comp-Button.light.solid:focus {
    text-decoration: underline;
  }
}
.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 {
  box-shadow: 0 0 0 0.125em;
  color: var(--color-light);
  border-color: var(--color-light);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.light.outlined:hover, .psol-comp-Button.light.outlined:focus {
    text-decoration: underline;
  }
}
.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: var(--color-warning);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.warning.solid:hover, .psol-comp-Button.warning.solid:focus {
    background-color: color-mix(in srgb, var(--color-warning), black 10%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.warning.solid:hover, .psol-comp-Button.warning.solid:focus {
    text-decoration: underline;
  }
}
.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 {
  box-shadow: 0 0 0 0.125em;
  color: var(--color-warning);
  border-color: var(--color-warning);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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%);
  }
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Button.warning.outlined:hover, .psol-comp-Button.warning.outlined:focus {
    text-decoration: underline;
  }
}
.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;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-endable no-descending-specificity */
}
.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);
  background-image: url(images/svgs/checkmarkWhite.svg);
}
.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: var(--checkbox-hover-color);
  border-color: var(--checkbox-hover-color);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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;
}

.psol-comp-ComboBox {
  position: relative;
}
.psol-comp-ComboBox .ComboBox-input-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.psol-comp-ComboBox .psol-comp-InputWithLabel-themeable {
  width: 100%;
}
.psol-comp-ComboBox .ComboBox-input {
  height: auto;
  width: 100%;
  line-height: 1.5;
  cursor: pointer;
  border-radius: var(--input-border-radius);
}
.psol-comp-ComboBox .ComboBox-input.psol-comp-TextInput:not(.freeInput) .input-wrapper .input-container > input {
  cursor: pointer;
}
.psol-comp-ComboBox .ComboBox-input.psol-comp-TextInput .input-wrapper .input-container > input {
  padding-right: 1.5em;
  width: 100%;
}
.psol-comp-ComboBox .ComboBox-input.disabledInput {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  min-height: calc(2em + 2px);
  padding: 0.25em;
}
.psol-comp-ComboBox .ComboBox-controls-container {
  position: absolute;
  right: 0.25em;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
}
.psol-comp-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;
}
.psol-comp-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-image: url(images/svgs/dismissSymbol.svg);
  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;
}

.radialMenuColapsed {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 12px;
  top: 72px;
  align-items: flex-start;
  box-shadow: 4px 0 6px -2px rgba(0, 0, 0, 0.3), -4px 0 6px -2px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 8px 0;
  background: var(--dropdown-list-background);
  max-height: calc(100% - 100px);
  z-index: 1;
}
.radialMenuColapsed .subMenuBack {
  height: 44px;
  min-height: 44px;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  padding: 0 16px;
  cursor: pointer;
  background: none;
  border: none;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
.radialMenuColapsed .subMenuBack .subMenuBackIcon {
  margin-right: 8px;
  transform: rotate(90deg);
}
.radialMenuColapsed .subMenuBack:focus-visible {
  outline: 1px solid var(--color-primary);
}
.radialMenuColapsed .psol-comp-ActionButtonSubMenu {
  padding: 0 16px;
  box-sizing: border-box;
}
.radialMenuColapsed .psol-comp-ActionButtonSubMenu:has(:focus-visible) {
  outline: 1px solid var(--color-primary);
}
.radialMenuColapsed .psol-comp-ActionButtonSubMenu:has(:focus-visible) .psol-comp-ActionButton-themeable:focus-visible {
  outline: none;
}
.radialMenuColapsed .subMenuContent {
  overflow: auto;
}
.radialMenuColapsed .subMenuContent .psol-comp-ActionButton-themeable {
  padding: 0 16px;
}
.radialMenuColapsed .subMenuContent .psol-comp-ActionButton-themeable:focus-visible {
  outline: none;
  border: 1px solid var(--color-primary);
}
.radialMenuColapsed .psol-comp-ActionButton-themeable {
  width: 100%;
  justify-content: flex-start;
  margin: 0;
}
.radialMenuColapsed .psol-comp-ActionButton-themeable .psol-comp-Icon-themeable {
  margin: 0;
}

.favoriteButtonMenu {
  position: relative;
}
.favoriteButtonMenu .buttonMenuContent {
  position: absolute;
  left: 8px;
  display: flex;
  flex-direction: column;
  top: 68px;
  align-items: flex-start;
  box-shadow: 4px 0 6px -2px rgba(0, 0, 0, 0.3), -4px 0 6px -2px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 8px 0;
  background: var(--dropdown-list-background);
  z-index: 1;
}
.favoriteButtonMenu .buttonMenuContent .psol-comp-ActionButton-themeable {
  justify-content: flex-start;
  margin: 0;
  flex-wrap: nowrap;
  padding: 0 16px;
  width: 100%;
}
.favoriteButtonMenu .buttonMenuContent .psol-comp-ActionButton-themeable .psol-comp-Icon-themeable {
  margin: 0;
}
.favoriteButtonMenu .buttonMenuContent .psol-comp-ActionButton-themeable div {
  white-space: nowrap;
}

.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;
  }
}
/** 
  get the combinations for different css classes.

  Example:
  input: getStatusCombinations('check', 'expired')
  output: .check, .expired, .check.expired
*/
/** 
  get the combinations for different css classes.

  Example:
  input: getStatusCombinations('check', 'expired')
  output: .check, .expired, .check.expired
*/
.catalogState-icon {
  position: relative;
  width: 1em;
  margin-right: 0.25em;
  transition: all 0.1s;
}
.catalogState-icon.notFound {
  color: var(--color-warning);
}
.catalogState-icon.expired {
  color: var(--color-primary);
}
.catalogState-icon.expiredCatalog {
  color: var(--color-warning);
}
.catalogState-icon.ok {
  color: var(--color-success);
}
.catalogState-icon.check {
  color: var(--color-highlight);
}
.catalogState-icon.verified {
  color: var(--color-success);
}

.status-circle {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 1px solid white;
  background: var(--card-background);
  box-sizing: border-box;
}
.status-circle.notFound {
  background: var(--color-warning);
}
.status-circle.expired {
  background: var(--color-primary);
}
.status-circle.notFound.expired {
  background: conic-gradient(var(--color-warning) 0deg 180deg, var(--color-primary) 180deg 360deg);
}
.status-circle.check {
  background: var(--color-highlight);
}
.status-circle.notFound.check {
  background: conic-gradient(var(--color-warning) 0deg 180deg, var(--color-highlight) 180deg 360deg);
}
.status-circle.expired.check {
  background: conic-gradient(var(--color-primary) 0deg 180deg, var(--color-highlight) 180deg 360deg);
}
.status-circle.notFound.expired.check {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-primary) 120deg 240deg, var(--color-highlight) 240deg 360deg);
}
.status-circle.verified {
  background: var(--color-success);
}
.status-circle.notFound.verified {
  background: conic-gradient(var(--color-warning) 0deg 180deg, var(--color-success) 180deg 360deg);
}
.status-circle.expired.verified {
  background: conic-gradient(var(--color-primary) 0deg 180deg, var(--color-success) 180deg 360deg);
}
.status-circle.notFound.expired.verified {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-primary) 120deg 240deg, var(--color-success) 240deg 360deg);
}
.status-circle.check.verified {
  background: conic-gradient(var(--color-highlight) 0deg 180deg, var(--color-success) 180deg 360deg);
}
.status-circle.notFound.check.verified {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-highlight) 120deg 240deg, var(--color-success) 240deg 360deg);
}
.status-circle.expired.check.verified {
  background: conic-gradient(var(--color-primary) 0deg 120deg, var(--color-highlight) 120deg 240deg, var(--color-success) 240deg 360deg);
}
.status-circle.notFound.expired.check.verified {
  background: conic-gradient(var(--color-warning) 0deg 90deg, var(--color-primary) 90deg 180deg, var(--color-highlight) 180deg 270deg, var(--color-success) 270deg 360deg);
}
.status-circle.expiredCatalog {
  background: var(--color-warning);
}
.status-circle.notFound.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 180deg, var(--color-warning) 180deg 360deg);
}
.status-circle.expired.expiredCatalog {
  background: conic-gradient(var(--color-primary) 0deg 180deg, var(--color-warning) 180deg 360deg);
}
.status-circle.notFound.expired.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-primary) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.check.expiredCatalog {
  background: conic-gradient(var(--color-highlight) 0deg 180deg, var(--color-warning) 180deg 360deg);
}
.status-circle.notFound.check.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-highlight) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.expired.check.expiredCatalog {
  background: conic-gradient(var(--color-primary) 0deg 120deg, var(--color-highlight) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.notFound.expired.check.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 90deg, var(--color-primary) 90deg 180deg, var(--color-highlight) 180deg 270deg, var(--color-warning) 270deg 360deg);
}
.status-circle.verified.expiredCatalog {
  background: conic-gradient(var(--color-success) 0deg 180deg, var(--color-warning) 180deg 360deg);
}
.status-circle.notFound.verified.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 120deg, var(--color-success) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.expired.verified.expiredCatalog {
  background: conic-gradient(var(--color-primary) 0deg 120deg, var(--color-success) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.notFound.expired.verified.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 90deg, var(--color-primary) 90deg 180deg, var(--color-success) 180deg 270deg, var(--color-warning) 270deg 360deg);
}
.status-circle.check.verified.expiredCatalog {
  background: conic-gradient(var(--color-highlight) 0deg 120deg, var(--color-success) 120deg 240deg, var(--color-warning) 240deg 360deg);
}
.status-circle.notFound.check.verified.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 90deg, var(--color-highlight) 90deg 180deg, var(--color-success) 180deg 270deg, var(--color-warning) 270deg 360deg);
}
.status-circle.expired.check.verified.expiredCatalog {
  background: conic-gradient(var(--color-primary) 0deg 90deg, var(--color-highlight) 90deg 180deg, var(--color-success) 180deg 270deg, var(--color-warning) 270deg 360deg);
}
.status-circle.notFound.expired.check.verified.expiredCatalog {
  background: conic-gradient(var(--color-warning) 0deg 72deg, var(--color-primary) 72deg 144deg, var(--color-highlight) 144deg 216deg, var(--color-success) 216deg 288deg, var(--color-warning) 288deg 360deg);
}

.psol-comp-Linkmanager {
  padding: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.psol-comp-Linkmanager .psol-comp-CollapsibleArea-themeable {
  background-color: var(--collapsing-area-background);
  box-sizing: border-box;
  border-left: 1px solid var(--border-color);
  border-radius: 0;
}
.psol-comp-Linkmanager .psol-comp-CollapsibleArea-themeable .collapseWidget {
  background-color: var(--collapsing-area-background);
  border-radius: 0;
  box-shadow: none;
}
.psol-comp-Linkmanager .psol-comp-CollapsibleArea-themeable .collapseWidget .expanded {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.psol-comp-Linkmanager .psol-comp-CollapsibleArea-themeable .content {
  overflow: auto;
}
.psol-comp-Linkmanager .tableArea {
  overflow: hidden;
  padding: 0 1em;
  width: 100%;
}

.LinkTable {
  overflow-x: auto;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  margin-top: 1em;
  margin-bottom: 1em;
  height: fit-content;
  max-height: calc(100% - 5em);
  width: 100%;
}
.LinkTable .table {
  border-collapse: collapse;
  width: 100%;
}
.LinkTable .controls {
  position: sticky;
  box-sizing: border-box;
  z-index: 1;
}
.LinkTable .controls > div > * {
  display: inline-flex;
}
.LinkTable .controls > div > * + * {
  margin-left: 1em;
}
.LinkTable .controls.left {
  left: 0;
}
.LinkTable .controls.left .LinkTable-th-content,
.LinkTable .controls.left .LinkTable-td-content {
  border-right: 1px solid var(--border-color);
  box-shadow: 4px 0px 8px -4px var(--border-color);
}
.LinkTable .controls.left .LinkTable-th-content {
  border-left: 1px solid var(--border-color);
}
.LinkTable .controls.right {
  right: 0;
}
.LinkTable .controls.right .LinkTable-th-content,
.LinkTable .controls.right .LinkTable-td-content {
  border-left: 1px solid var(--border-color);
  box-shadow: -4px 0px 8px -4px var(--border-color);
}
.LinkTable .controls.right .LinkTable-th-content {
  border-right: 1px solid var(--border-color);
}
.LinkTable .controls .dismissBtn:hover {
  color: var(--color-warning);
}
.LinkTable .LinkTable-Error {
  display: flex;
  align-items: center;
  padding: 1em;
}
.LinkTable .LinkTable-Error .psol-comp-Icon-themeable {
  color: var(--color-warning);
  font-size: 2em;
}
.LinkTable .LinkTable-Error .header {
  margin-top: 0.5em;
  font-weight: bold;
}
.LinkTable .LinkTable-Error .header:first-child {
  margin-top: unset;
}
.LinkTable .LinkTable-Error .text {
  white-space: pre-line;
}

.LinkTable-TableColumns {
  position: sticky;
  position: -webkit-sticky; /* For macOS/iOS Safari */
  top: 0;
  z-index: 2;
  background-color: var(--background-main-contrast);
  box-shadow: 4px 0px 8px 0px var(--border-color);
  box-sizing: border-box;
}
.LinkTable-TableColumns .th {
  padding: 0;
}
.LinkTable-TableColumns .th.controls {
  width: 0;
}
.LinkTable-TableColumns .controls {
  background-color: var(--background-main-contrast);
}
.LinkTable-TableColumns .LinkTable-th-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25em 1em;
  min-height: 2.5em;
  min-width: 0;
  max-width: 25em;
  border-top: 1px solid var(--border-color);
  border-bottom: 2px solid var(--border-color);
}
.LinkTable-TableColumns .LinkTable-th-content .tenant {
  white-space: nowrap;
  max-width: 23em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.LinkTable-TableRows .tr {
  border-top: 1px solid var(--border-color);
}
.LinkTable-TableRows .tr:first-child {
  border-top: unset;
}
.LinkTable-TableRows .tr:not(.no-results):hover {
  background-color: var(--hover-background);
}
.LinkTable-TableRows .tr.highlight .td {
  background-color: var(--color-primary-light);
}
.LinkTable-TableRows .td {
  padding: 0;
  transition: background-color 0.3s ease-in-out;
}
.LinkTable-TableRows .controls {
  background-color: var(--background-main);
}
.LinkTable-TableRows .controls .rowIndex {
  position: absolute;
  font-size: 12px;
  color: color-mix(in srgb, var(--font-color), white 15%);
  margin-left: -0.5rem;
}
.LinkTable-TableRows .LinkTable-td-content {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3em;
  padding: 0.75em 1em;
  max-width: 25em;
  box-sizing: border-box;
}
.LinkTable-TableRows .LinkTable-td-content .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.125em;
  box-sizing: border-box;
}
.LinkTable-TableRows .LinkTable-td-content .preview {
  width: 2em;
}
.LinkTable-TableRows .LinkTable-td-content .preview .psol-comp-Icon-themeable {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
}

.catalogState {
  position: relative;
  margin-left: 1em;
}
.catalogState .catalogState-icon {
  margin-right: 0;
}
.catalogState .catalogState-feedback-container {
  position: absolute;
  top: -50%;
  left: 1.25em;
  padding: 0.5em 1em;
  border-radius: var(--input-border-radius);
}
.catalogState .catalogState-feedback-container::before {
  content: "";
  position: absolute;
  left: -0.25em;
  width: 1em;
  height: 1em;
  background-color: inherit;
  transform: rotate(45deg);
}
.catalogState .catalogState-feedback-container.success {
  background-color: var(--color-success);
  color: var(--btn-solid-color);
}
.catalogState .catalogState-feedback-container.error {
  background-color: var(--color-warning);
  color: var(--btn-solid-color);
}

@media screen and (max-width: 767px) {
  .LinkTable .LinkTable-Error {
    flex-direction: column;
  }
  .LinkTable .LinkTable-Error .psol-comp-Icon-themeable {
    margin-bottom: 0.5em;
  }
  .LinkTable .LinkTable-Error .psol-comp-Icon-themeable + * {
    margin-left: unset;
  }
}
.Dialog-LinkTable .psol-comp-DialogBody-themeable {
  padding-top: 2em;
}
.Dialog-LinkTable .Dialog-LinkTable-error {
  border: 1px solid var(--color-warning);
  border-radius: 0.25em;
  background-color: #f9e4e4;
  margin-top: 1em;
  padding: 1em;
}

/** 
  get the combinations for different css classes.

  Example:
  input: getStatusCombinations('check', 'expired')
  output: .check, .expired, .check.expired
*/
.SPMNavigationTree .noResults {
  padding: 0.5em;
}
.SPMNavigationTree .psol-comp-SpinnerContainer.largeSpinner {
  display: block;
  margin: 2em auto 0;
}

.SPMNavigationTree-nodes-container {
  padding: 0 1em 0 0.5em;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node {
  display: flex;
  align-items: center;
  margin: 0.25em 0;
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  overflow: hidden;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node:hover {
  border-color: var(--color-primary);
  cursor: pointer;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected {
  background-color: var(--color-primary);
  color: var(--btn-solid-color);
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected.root .psol-comp-Icon-themeable {
  color: inherit;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected .handle-wrapper {
  border-left-color: var(--btn-solid-color);
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected .handle-wrapper:hover {
  background-color: var(--color-primary-dark);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected .handle-wrapper:hover {
    background-color: color-mix(in srgb, var(--color-primary), black 5%);
  }
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.selected .handle-wrapper .SPMNavigationTree-node-handle {
  color: inherit;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.hasStates {
  position: relative;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.collapsed > .catalogState-wrapper .SPMNavigationTree-node-handle {
  transform: rotate(-90deg);
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.root .catalogState-wrapper,
.SPMNavigationTree-nodes-container .SPMNavigationTree-node.root .SPMNavigationTree-node-handle {
  display: none;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node .SPMNavigationTree-node-icon {
  height: 2em;
  width: 2em;
}
.SPMNavigationTree-nodes-container .SPMNavigationTree-node .SPMNavigationTree-node-text {
  margin-left: 1em;
  min-width: 0;
}
.SPMNavigationTree-nodes-container .content-wrapper {
  display: flex;
  align-items: center;
  padding: 0.5em;
  overflow: hidden;
}
.SPMNavigationTree-nodes-container .catalogState-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  margin-left: auto;
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon {
  margin-right: 0.5em;
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state {
  position: relative;
  margin: 0;
  margin-right: 0.25em;
  height: auto;
  height: 1em;
  width: 1em;
  display: inline-block;
  background: var(--card-background);
  border-radius: 50%;
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.notFound {
  color: var(--color-warning);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.expired {
  color: var(--color-primary);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.expiredCatalog {
  color: var(--color-warning);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.ok {
  color: var(--color-success);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.check {
  color: var(--color-highlight);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .catalogState-icon.state.verified {
  color: var(--color-success);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .handle-wrapper {
  border-left: 1px solid var(--border-color);
  display: flex;
  padding: 0.5em;
  height: 100%;
  box-sizing: border-box;
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .handle-wrapper:hover {
  background-color: var(--hover-background);
}
.SPMNavigationTree-nodes-container .catalogState-wrapper .SPMNavigationTree-node-handle {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.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;
}
.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.125em;
  padding: 0 0.25em;
  min-width: 2em;
  height: 2em;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--input-border-radius);
  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: var(--color-primary);
  color: var(--btn-solid-color);
  border: 1px solid var(--color-primary);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item:hover {
  border: 1px solid var(--color-primary);
  cursor: pointer;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.arrow::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  transform: rotate(45deg);
  border-color: var(--font-color);
  border-style: solid;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.arrow.left::before {
  margin-left: 0.25em;
  border-width: 0 0 2px 2px;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.arrow.right::before {
  margin-right: 0.25em;
  border-width: 2px 2px 0 0;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled {
  pointer-events: none;
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled.arrow::before {
  border-color: var(--color-inactive);
}
.psol-comp-Pagination .Pagination-Navigation .Pagination-Item.disabled:hover {
  border-color: transparent;
  cursor: default;
}
.psol-comp-Pagination .Pagination-Details {
  font-size: 12px;
  color: color-mix(in srgb, var(--font-color), white 15%);
  margin-inline: 0.5rem;
}
.psol-comp-Pagination .Pagination-Dropdown {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.psol-comp-Pagination .Pagination-Dropdown span {
  margin-right: 0.25rem;
  font-size: 12px;
}
.psol-comp-Pagination .Pagination-Dropdown .psol-comp-Dropdown-selected > .psol-comp-DropdownItem {
  width: auto;
  padding-right: 0.25em;
}
.psol-comp-Pagination .Pagination-wrapper {
  display: flex;
  align-items: baseline;
  flex-basis: auto;
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .psol-comp-Pagination {
    flex-wrap: wrap;
    gap: 0.5em;
  }
}
.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;
}

.partinfo-wrapper {
  padding: 0 0.5em;
  overflow-y: auto;
}
.partinfo-wrapper mark {
  background-color: #ffff00;
}
.partinfo-wrapper .sticky-header {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--background-main);
}
.partinfo-wrapper .sticky-header .short-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: large;
  padding: 0.5em 0;
}
.partinfo-wrapper .sticky-header .short-info .supplierImage {
  margin-right: 0.5em;
}
.partinfo-wrapper .psol-comp-SpinnerContainer-themeable {
  align-self: center;
  margin: 0.5em 0;
}
.partinfo-wrapper .part-info-classification-headline {
  margin: 0.5em 0;
}
.partinfo-wrapper .loadingAnimation-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.partinfo-wrapper .pathinfoclass-wrapper {
  border-radius: 4px;
  padding: 0.5em 0.5em 0.5em 0;
}
.partinfo-wrapper .pathinfoclass-wrapper .psol-comp-Accordion-themeable {
  box-shadow: none;
  border: 1px solid var(--border-color);
  border-radius: 0.25em;
  background-color: var(--background-main-contrast);
}
.partinfo-wrapper .pathinfoclass-wrapper .selected mark {
  background-color: var(--color-highlight);
}
.partinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper {
  display: flex;
  padding: 0 0 0.25em 0;
}
.partinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper > div {
  margin-right: 0.5em;
}
.partinfo-wrapper .pathinfoclass-wrapper .classheader-wrapper .classheader {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper {
  display: flex;
  overflow: auto;
}
.partinfo-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;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table {
  border-spacing: 0;
  min-width: 100%;
  background: var(--background-main);
  border-top: 1px solid var(--border-color);
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper {
  font-size: 13px;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper td {
  padding: 0.25em 0.5em;
  user-select: text;
}
.partinfo-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);
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper table .classtable-entry-wrapper td {
  border-bottom: 1px solid var(--border-color);
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable {
  padding: 0;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable {
  box-shadow: none;
  border-top: 1px solid var(--border-color);
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable {
  flex-direction: row-reverse;
}
.partinfo-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;
}
.partinfo-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);
  padding: 2px;
  border-radius: 4px;
  background-color: var(--background-main-contrast);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable .psol-comp-AccordionTitle-text .link {
    background: color-mix(in srgb, var(--background-main-contrast), black 20%);
  }
}
.partinfo-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);
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionTitle-themeable.hide-icon {
  pointer-events: none;
  cursor: default;
}
.partinfo-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;
}
.partinfo-wrapper .pathinfoclass-wrapper .classtable-wrapper .psol-comp-Accordiongroup-themeable .psol-comp-Accordion-themeable .psol-comp-AccordionDetails-themeable {
  padding: 0;
}
.partinfo-wrapper .pathinfoclass-basic {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.5s ease-out;
  padding: 0 0 0.5em 0;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper {
  border: none;
  display: block;
  max-height: 100%;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper::-webkit-scrollbar {
  display: none;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section {
  display: flex;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper {
  flex-grow: 1;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table {
  border: none;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper {
  border: none;
  font-size: 14px;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper td {
  border: none;
  padding: 2px;
}
.partinfo-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;
  vertical-align: top;
  white-space: nowrap;
}
.partinfo-wrapper .pathinfoclass-basic .classtable-wrapper .info-section .table-wrapper table .classtable-entry-wrapper td.classtable-entry-right {
  padding-left: 4px;
}
.partinfo-wrapper .part-info-search-bar {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0.5em 0;
}
.partinfo-wrapper .part-info-search-bar .psol-comp-TableSearchBar-themeable {
  max-width: 50%;
}
.partinfo-wrapper .psol-comp-SpinnerContainer-themeable {
  align-self: center;
  margin: 0.5em 0;
}

@media (max-width: 1300px) {
  .partinfo-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 .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;
}

.ptr-fullscreen-error-message {
  position: absolute;
  right: 1em;
  top: 0;
  animation: price-trend-risk-fullscreen-error-message-appear 1s ease-in-out forwards;
  animation-iteration-count: 1;
  z-index: 3;
}
.ptr-fullscreen-error-message .ptr-fullscreen-snack-bar {
  margin-left: 1em;
}
.ptr-fullscreen-error-message .ptr-fullscreen-snack-bar > b {
  padding: 1em;
}

@keyframes price-trend-risk-fullscreen-error-message-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.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 {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: auto;
  margin-left: 1em;
}
.ptr-fullscreen-comparison-table .table-wrapper {
  display: flex;
  flex-direction: row;
  height: max-content;
  flex-grow: 2;
}
.ptr-fullscreen-comparison-table .table-wrapper > table {
  border-spacing: 0px;
  text-align: left;
  flex-grow: 1;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tr th,
.ptr-fullscreen-comparison-table .table-wrapper > 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-wrapper > table tr th {
  max-width: 10em;
}
.ptr-fullscreen-comparison-table .table-wrapper > table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--background-main);
}
.ptr-fullscreen-comparison-table .table-wrapper > 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-wrapper > table thead .corner {
  border-right: 1px solid var(--border-color);
  border-bottom: unset;
  min-width: unset;
}
.ptr-fullscreen-comparison-table .table-wrapper > table thead .ptr-buy-button {
  padding: 0.75em 0 0.75em 2em;
}
.ptr-fullscreen-comparison-table .table-wrapper > 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-wrapper > table thead .ptr-buy-button > a:hover {
  background-color: color-mix(in srgb, var(--btn-solid-background), black 5%);
}
.ptr-fullscreen-comparison-table .table-wrapper > table thead .border-bottom {
  border-bottom: 1px solid var(--border-color);
}
.ptr-fullscreen-comparison-table .table-wrapper > 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-wrapper > table tbody .ptr-datasheet > a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-primary);
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .information {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 1em;
  row-gap: 0.5em;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .information .span2 {
  grid-column: span 2;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability {
  padding: 0.75em 0 0.75em 2em;
  color: var(--btn-solid-color);
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .green,
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .red,
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .yellow {
  border-radius: 1em;
  padding: 0.25em 0.5em;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .green {
  background-color: #017b0b;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .red {
  background-color: #a40206;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-avaliability .yellow {
  background-color: #e3781c;
}
.ptr-fullscreen-comparison-table .table-wrapper > 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-wrapper > table tbody .ptr-pricing .ptr-price {
  text-align: right;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-pricing .ptr-price.best-price {
  color: #017b0b;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-pricing .empty {
  text-align: center;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .ptr-pricing .bold {
  font-weight: bold;
}
.ptr-fullscreen-comparison-table .table-wrapper > table tbody .no-border-bottom {
  border-bottom: unset;
}
.ptr-fullscreen-comparison-table .table-wrapper .loading-animation-pending-results {
  position: relative;
  height: unset;
  width: unset;
  min-width: 10em;
  min-height: 6em;
  flex-grow: 1;
}
.ptr-fullscreen-comparison-table .loading-animation-comparison-table {
  z-index: 2;
}
.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-clsBtn:focus-visible {
  outline: 1px solid var(--color-primary);
}
.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;
}

/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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 {
  background-image: url(images/svgs/crawlerLink.svg);
}
.psol-comp-TabExCell.iconLocked::after {
  background-image: url(images/svgs/lockSymbol.svg);
}
.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 {
  background-image: url(images/svgs/leadPencil.svg);
}
.psol-comp-TabExCell .cellContent.iconDocument::after {
  background-color: var(--color-dark);
  -webkit-mask-image: url(images/svgs/crawlerLink.svg);
  mask-image: url(images/svgs/crawlerLink.svg);
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent.iconLocked::after {
  background-image: url(images/svgs/lockSymbol.svg);
}
.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 {
  background-image: url(images/svgs/leadPencil.svg);
}
.psol-comp-TabExCell .cellContent .configurator div.iconDocument::after {
  background-color: var(--color-primary);
  -webkit-mask-image: url(images/svgs/crawlerLink.svg);
  mask-image: url(images/svgs/crawlerLink.svg);
  cursor: pointer;
}
.psol-comp-TabExCell .cellContent .configurator div.iconLocked::after {
  background-image: url(images/svgs/lockSymbol.svg);
}
.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;
  background-image: url(images/svgs/chevronDown.svg);
}
.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 .customButton + .customButton {
  margin-left: 0.5em;
}
.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:not(.collapsedTable):not(.selected) .customButtonsContainer .customButton.selectedRow, .psol-comp-TabExRowHead:not(.collapsedTable):not(.selected) .customButtonsContainer .customButton.never {
  visibility: hidden;
  pointer-events: none;
}
.psol-comp-TabExRowHead.selected .customButtonsContainer .customButton.notSelectedRow, .psol-comp-TabExRowHead.selected .customButtonsContainer .customButton.never, .psol-comp-TabExRowHead.collapsedTable .customButtonsContainer .customButton.notSelectedRow, .psol-comp-TabExRowHead.collapsedTable .customButtonsContainer .customButton.never {
  visibility: hidden;
  pointer-events: 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: var(--callToAction-background);
  border-color: var(--callToAction-background);
}
@supports (color: color-mix(in srgb, black, white 10%)) {
  .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 {
  display: flex;
  flex-direction: row;
  min-width: 0;
  flex-shrink: 0;
  justify-content: flex-end;
}
.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: flex-start;
}
.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 {
  background-image: url(images/svgs/chevronUpLight.svg);
}
.psol-comp-psolTableColHeaderItem.dsc::before {
  background-image: url(images/svgs/chevronUpLight.svg);
}
.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);
  border: 1px solid color-mix(in srgb, var(--border-color), black 7%);
}

.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 0.25em 0 0;
  border: 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 .customButtonsContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.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 {
  font-weight: bold;
  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;
}

/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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 {
  cursor: pointer;
  pointer-events: auto;
}
a.psol-comp-CopyrightInfo span {
  font-size: inherit;
}

a.psol-comp-CopyrightInfo:focus-visible {
  outline: 1px solid var(--color-primary);
}

/* our breakpoints
  Breakpoints:
  Large: >= 1024 (lg)
  Medium: >= 768 (md)
  Small: < 768 (sm)

  Designs based on:
  Large = 1024
  Medium = 786
  Small = 375
*/
.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;
  flex: 1;
}
.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 .closeBtn {
  border: none;
  background: none;
}
.psol-comp-measureDialog-measureHeader .closeBtn:focus-visible {
  outline: 1px solid var(--color-primary);
}
.psol-comp-measureDialog-measureHeader .measure-dismiss {
  cursor: pointer;
}

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

.psol-comp-measureDialog-partIcon-plane {
  background-image: url(images/svgs/planeSymbol.svg);
}

.psol-comp-measureDialog-partIcon-cone {
  background-image: url(images/svgs/coneSymbol.svg);
}

.psol-comp-measureDialog-partIcon-cylinder {
  background-image: url(images/svgs/cylinderSymbol.svg);
}

.psol-comp-measureDialog-partIcon-sphere {
  background-image: url(images/svgs/sphereSymbol.svg);
}

.psol-comp-measureDialog-partIcon-torus {
  background-image: url(images/svgs/torusSymbol.svg);
}

.psol-comp-measureDialog-partIcon-thread {
  background-image: url(images/svgs/threadSymbol.svg);
}

.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.visible {
  visibility: visible;
}
.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: 320px;
  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.focus-visible {
  outline: 1px solid #6ca9c3;
}

.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;
  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;
}
.psol-comp-WebViewer3D .verticalStack {
  left: 4px;
  top: 4px;
  right: auto;
  bottom: auto;
}
.psol-comp-WebViewer3D .verticalStack .psol-comp-ButtonBar {
  width: 100%;
  max-height: 60px;
  overflow: hidden;
}
.psol-comp-WebViewer3D .verticalStack .psol-comp-ButtonBar > .psol-comp-ActionButton-themeable:first-child {
  margin-left: 70px;
}
.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;
}
.psol-comp-WebViewer3D .copyrightContainer {
  position: absolute;
  bottom: 8px;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.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;
  width: 100%;
}
.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.withImage {
  width: 47.5%;
}
.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%);
}
@supports not (color: color-mix(in srgb, black, white 10%)) {
  .psol-comp-Expander .expanderHandle:hover {
    background: var(--table-header-color);
    text-decoration: underline;
  }
}
.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: 14px;
  padding: 0.25em 0.5em;
  background-color: var(--background-main);
  border-bottom: 1px solid var(--border-color);
  user-select: text;
  justify-content: space-between;
  gap: 0.5em;
}
.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 {
  /*
    !density class used also for measuring row size
    if you want to change it, check table/common.ts too
  */
}
.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;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper span {
  font-weight: bold;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper .rowNo {
  text-align: right;
}
.psol-comp-TabExRowHead-themeable .rowInfoWrapper .separator {
  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 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 {
  background-image: url(images/svgs/leadPencil.svg);
}
.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-psolTableCellItem-themeable .cellIcon.lock::after {
  background-image: url(images/svgs/lockSymbol.svg);
}
.psol-comp-psolTableCellItem-themeable .cellIcon.file::after {
  background-image: url(images/svgs/fileSymbol.svg);
}

.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 {
  background-image: url(images/svgs/leadPencil.svg);
}
.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 .cellIcon.lock::after {
  background-image: url(images/svgs/lockSymbol.svg);
}
.psol-comp-psolTableColHeaderItem-themeable .cellIcon.file::after {
  background-image: url(images/svgs/fileSymbol.svg);
}
.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%);
  border-bottom: none;
  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;
  /*
  list-style: none;

  > li::before {
    content: '•';
    font-size: 18px;
  }
  */
}

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