/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/global.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Mulish:300,300i,500,500i,700,700i,800,800i&display=swap);
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtusermodals.scss ***!
  \**************************************************************************************************************************************************************************************************************************/

#login-modal .control-label,
#register-modal .control-label {
  font: var(--mxt-font-body-lg-bold);
}

#login-modal {
  width: 900px;
  height: 100%;
  display: flex;
  max-width: 100%;
  overflow: auto;
}
#login-modal #loginForm {
  width: 90%;
  margin: auto;
}
@media (min-width: 767px) {
  #login-modal #loginForm {
    width: 65%;
  }
}

.login-modal {
  height: 477px;
}

#register-modal {
  width: 900px;
  display: flex;
  max-width: 100%;
  /* We need to restrict the height on tablet so that we can force the modal to scroll and fit on the screen, but we only want that in landscape */
}
#register-modal #registerForm {
  padding: 15px;
}
@media (max-width: 991px) and (orientation: landscape) {
  #register-modal {
    max-height: 330px;
  }
}
@media (max-width: 700px) and (orientation: portrait) {
  #register-modal {
    max-height: 600px;
  }
}
@media (min-width: 992px) and (orientation: landscape) {
  #register-modal {
    max-height: 600px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtforms.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.mxt-form-input-error .help-block,
.mxt-form-input-error label {
  color: #a94442;
}

.mxt-form-input-error input,
.mxt-form-input-error textarea {
  border: 1px solid #a94442;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.mxt-form-container {
  display: flex;
  flex: 1;
  min-height: 0;
}
.mxt-form-container .mxt-form-contents {
  width: 100%;
  padding: 0 30px 20px 30px;
  flex: 1;
  overflow: auto;
}
@media (min-width: 767px) {
  .mxt-form-container .mxt-form-contents {
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container {
  flex: 1;
  min-width: 200px;
  margin: 10px;
}
@media (min-width: 767px) {
  .mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container {
    min-width: 240px;
  }
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container textarea {
  height: 100px;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-form-control {
  font: var(--mxt-font-body-lg);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: none;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-dropdown-container {
  margin: 0;
  min-height: 50px;
  height: unset !important;
  width: unset !important;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-dropdown-container .mxt-dropdown {
  min-height: 50px;
  max-height: 300px;
  min-width: 200px;
  z-index: 1;
  overflow: auto;
  width: 100% !important;
}
@media (min-width: 767px) {
  .mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-dropdown-container .mxt-dropdown {
    min-width: 240px;
  }
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header {
  min-height: 50px;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header h5 {
  font: var(--mxt-font-body-lg);
  opacity: 1;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container .control-error {
  display: none;
  color: #aa4442;
  margin-top: 5px;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container.invalid .control-label {
  color: #aa4442;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container.invalid .mxt-form-control {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border: solid 2px #aa4442;
}
.mxt-form-container .mxt-form-contents .mxt-flex-form-row .mxt-form-input-container.invalid .control-error {
  display: block;
}
.mxt-form-container .mxt-form-contents .mxt-form-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 20px;
  flex-shrink: 0;
}
.mxt-form-container .mxt-form-contents .mxt-form-buttons > * {
  width: 50%;
  min-width: 200px;
}
.mxt-form-container .mxt-form-contents .mxt-form-buttons .mxt-cta-button {
  margin-bottom: 10px;
}
.mxt-form-container .mxt-form-contents .mxt-form-buttons .mxt-cta-button.loading:before {
  content: "";
  display: block;
  background-image: var(--loading-image-url);
  background-size: 20px 20px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtcommon.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.mxt-form-control {
  display: block;
  width: 100%;
  line-height: 1.42857143;
  border: var(--mxt-form-control-border);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-form-control-box-shadow);
  height: var(--mxt-form-control-height);
}

.mxt {
  font-synthesis: none;
}

@keyframes mxt-fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes mxt-fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/*animations*/
@keyframes mxt-pop {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.mxt-animated {
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

.mxt-animate-pop {
  animation-duration: 0.3s;
  animation-name: mxt-pop;
  animation-iteration-count: 1;
}

.mxt-animate-shrink {
  transform: scale(0);
}

.mxt-fadeOut {
  animation-name: mxt-fadeOut;
  pointer-events: none;
}

.mxt-fadeIn {
  animation-name: mxt-fadeIn;
}

.mxt-full-modal-screen {
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  margin: 0px auto;
  overflow: auto;
  z-index: 1;
}

.mxt-checkbox {
  display: flex;
  align-items: center;
}
.mxt-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mxt-checkbox input:checked + .mxt-checkbox-checkmark {
  background-position: left center;
  background-color: var(--mxt-checkbox-checked-color);
  border: none;
}
.mxt-checkbox .mxt-checkbox-checkmark {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hZGR0b2NhcnQtY2hlY2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjQxLDYuNjlhMSwxLDAsMCwwLTEuMzYuMzZMMTEuMzksMTUsNy42OCwxMi4yN2ExLDEsMCwwLDAtMS4zOS4yMSwxLDEsMCwwLDAsLjIxLDEuNGw0LjYsMy4zNy4wNiwwLDAsMCwuMTMuMDUuMDksMGEuOTIuOTIsMCwwLDAsLjI4LjA1LDEsMSwwLDAsMCwuNDEtLjFsLjA1LDBhMSwxLDAsMCwwLC4zMi0uMjZsMCwwLDAsMCwwLS4wNiw1LjIxLTguODlBMSwxLDAsMCwwLDE3LjQxLDYuNjlaIi8+PC9zdmc+);
  background-position: right center;
  background-size: auto 100%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: var(--mxt-corner-roundness);
  border: var(--mxt-checkbox-border);
}

/**
    * Mxt switch should be in format
    * <div class="mxt-switch-container">
        <p class='mxt-switch-label'>Off</p>
        <label class="mxt-switch">
            <input type="checkbox" checked>
            <span class="mxt-slider"></span>
        </label>
        <p class='mxt-switch-label'>On</p>
    </div>
    */
.mxt-switch-container {
  display: flex;
}

.mxt-switch-label {
  line-height: 34px;
  padding: 0px 5px;
  user-select: none;
  color: var(--mxt-font-color);
}

.mxt-switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}

.mxt-switch input {
  display: none;
}

.mxt-switch input:checked + .mxt-slider {
  background: #4cd964;
}

.mxt-switch .mxt-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e2e2;
  border-radius: 34px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mxt-switch .mxt-slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  right: 38px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.mxt-switch input:checked + .mxt-slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

.mxt-switch-container.mxt-switch-container-small-toggle {
  flex-grow: 1;
  align-items: center;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch {
  width: 40px;
  height: 20px;
  margin-bottom: unset;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch input:checked + .mxt-slider {
  background: var(--toggle-blue);
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch .mxt-slider {
  border-radius: 16px;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch .mxt-slider::before {
  width: 16px;
  height: 16px;
  inset: 2px;
}

.mxt-font-header-lg {
  font: var(--mxt-font-header-lg);
}

.mxt-font-header {
  font: var(--mxt-font-header);
}

.mxt-font-subheader {
  font: var(--mxt-font-subheader);
}

.mxt-font-body-lg {
  font: var(--mxt-font-body-lg);
}

.mxt-font-body {
  font: var(--mxt-font-body);
}

.mxt-font-body-sm {
  font: var(--mxt-font-body-sm);
}

.mxt-fraction {
  display: inline-block;
  /** cannot use system font, not nearly enough space to stack*/
  font-size: 7px;
  padding: 0 0.2em;
  text-align: center;
  vertical-align: middle;
}

.mxt-fraction:before {
  border-bottom: 1px solid #666;
  content: attr(top);
  display: block;
  line-height: 1.6em;
  padding: 0 0.2em;
}

.mxt-fraction:after {
  content: attr(bottom);
  display: block;
  line-height: 1.6em;
  padding: 0 0.2em;
}

.mxt-hidden {
  display: none !important;
}

.mxt-rotate-180 {
  transform: rotate(180deg);
}

/* renderer WebGL Canvas */
.mxt-canvas {
  width: 100%;
  height: 100%;
  cursor: inherit;
}

.mxt-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/splashscreen.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
#mxt-splashscreen-login-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#descope-container {
  max-width: 800px;
  margin: auto;
}
#descope-container form {
  display: flex;
  align-items: center;
}

#mxt-splashscreen-legacy-sign-in {
  height: 50px;
  width: 300px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/update-spinner.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.mxt-spins-loading-progress-background.update-loading {
  z-index: 100100;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtalerts.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.mxt-alert-div {
  display: flex;
  flex-flow: column;
}

.mxt-alert-content {
  padding: 0px 25px 40px;
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow: auto;
}
.mxt-alert-content .mxt-btn {
  min-height: 40px;
}
.mxt-alert-content .mxt-checkbox {
  margin-top: 24px;
  margin-bottom: 0px;
}

.mxt-alert-text.mxt-alert-info {
  color: var(--mxt-font-color);
}

.mxt-alert-input-clear {
  position: absolute;
  top: 10px;
  right: 25px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}

.mxt-alert-input-clear:hover {
  opacity: 1;
}

.mxt-alert-text {
  color: var(--mxt-font-color);
  text-align: center;
  margin-bottom: 20px;
  font: var(--mxt-font-body-lg);
  line-height: 24px;
}

.mxt-alert-danger {
  color: #a94442;
  background-color: #f2dede;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ebccd1;
  border-radius: var(--mxt-corner-roundness);
}

.mxt-alert-text.mxt-alert-danger {
  background: none;
  border: none;
}

.mxt-alert-input-div {
  position: relative;
  width: 100%;
}

input.mxt-alert-input {
  height: 50px;
  padding: 6px 12px;
  font: var(--mxt-font-body-lg);
  width: 100%;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.mxt-alert-prompt-yes {
  margin-bottom: 10px;
}

.mxt-alert-prompt-third {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .mxt-alert-content {
    width: 600px;
    /** make sure it still fits*/
    max-width: 100%;
  }
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtmodal.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.mxt-modal-background.mxt-full-modal-screen {
  background: rgba(0, 0, 0, 0.5);
  z-index: 10005;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1s all ease;
}

.mxt-modal-div {
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0px 0px 5px 1px rgb(100, 100, 100);
  position: relative;
  width: 80%;
  max-height: calc(100% - 40px);
  height: fit-content;
  overflow: visible; /** so x button shows*/
}
.mxt-modal-div .mxt-modal-content {
  overflow: auto;
  height: 100%;
}
@media (min-width: 767px) {
  .mxt-modal-div {
    width: initial;
    max-width: 80%;
  }
}

.mxt-default-modal-header-container {
  display: flex;
  justify-content: center;
}

.mxt-default-modal-header {
  font: var(--mxt-font-header);
  color: var(--mxt-font-color);
  padding: 13px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.closeButton {
  opacity: 0.8;
  position: absolute;
  top: -20px;
  right: -20px;
  background-color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 3;
  box-shadow: 0px 0px 10px black;
  user-select: none;
}

.closeIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/loading.scss ***!
  \********************************************************************************************************************************************************************************************************************/
:root {
  --mxt-loading-container-padding: 15px 25px;
  --mxt-loading-bar-background-color: #e5e5e5;
  --mxt-loading-bar-background-color-dark: #a5a5a5;
  --mxt-loading-bar-color: var(--primary-right-gradient);
  --mxt-loading-bar-height: 10px;
  --mxt-loading-border-radius: 25px;
  --mxt-loading-container-background: rgba(255, 255, 255, 0.75);
  --mxt-loading-container-border: 1px solid var(--mxt-loading-container-background);
  --mxt-loading-background-color: rgba(0, 0, 0, 0.75);
  --mxt-loading-background-color-dim: rgba(0, 0, 0, 0.55);
  --mxt-loading-background-color-bright: rgba(0, 0, 0, 0.3);
}

@keyframes animate-indeterminate {
  from {
    left: -25%;
  }
  to {
    left: 75%;
  }
}
.mxt-spins-loading-progress-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 3;
}
.mxt-spins-loading-progress-background.with-background {
  background: var(--mxt-loading-background-color);
}
.mxt-spins-loading-progress-background.with-background.dim {
  background: var(--mxt-loading-background-color-dim);
}
.mxt-spins-loading-progress-background.with-background.bright {
  background: var(--mxt-loading-background-color-bright);
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container {
  border-radius: var(--mxt-corner-roundness);
  padding: var(--mxt-loading-container-padding);
  max-width: 60%;
  width: 420px;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-progress-header {
  font: var(--mxt-font-header);
  margin: 0px;
  margin-bottom: 10px;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-progress-message {
  font: var(--mxt-font-body-lg);
  margin: 0px;
  margin-top: 10px;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-progress-header,
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-progress-message {
  color: var(--mxt-font-color);
  text-align: center;
  max-width: 100%;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress {
  height: var(--mxt-loading-bar-height);
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--mxt-loading-border-radius);
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress .mxt-progress-background,
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress .mxt-progress {
  display: block;
  position: absolute;
  height: 100%;
  max-width: 100%;
  border-radius: var(--mxt-loading-border-radius);
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress .mxt-progress-background {
  width: 100%;
  background-color: var(--mxt-loading-bar-background-color);
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress .mxt-progress {
  width: 0%;
  background: var(--mxt-loading-bar-color);
  transition: width 0.4s ease-in-out;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container .mxt-spins-loading-progress.indeterminate .mxt-progress {
  width: 50%;
  animation-name: animate-indeterminate;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container.with-background {
  background: var(--mxt-loading-container-background);
  border: var(--mxt-loading-container-border);
}
.mxt-spins-loading-progress-background .mxt-spins-loading-progress-container.with-background .mxt-progress-background {
  background-color: var(--mxt-loading-bar-background-color-dark);
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxt-product-availability.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.mxt-product-availability-img {
  position: absolute;
  left: 2px;
  top: 2px;
  cursor: default;
}
.mxt-product-availability-popover {
  padding: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtpopover.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.mxt-popover {
  position: absolute;
  z-index: 1060;
  max-width: 230px;
  min-width: 50px;
  word-wrap: break-word;
  background: white;
  color: var(--mxt-toolbar-font-color);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  /* To allow for getBoundingClientRect before display */
}
.mxt-popover.hidden {
  display: inherit !important;
  opacity: 0;
}
.mxt-popover.left.bottom .mxt-modal-arrow-outer, .mxt-popover.right.bottom .mxt-modal-arrow-outer {
  top: calc(100% - 55px);
}
.mxt-popover.left.top .mxt-modal-arrow-outer, .mxt-popover.right.top .mxt-modal-arrow-outer {
  top: 10px;
}
.mxt-popover.mxt-tip {
  color: #ffffff;
  background: var(--primary-right-gradient);
  font: var(--mxt-font-body-bold);
  padding: 10px 16px;
  user-select: none;
  pointer-events: none;
}
.mxt-popover.mxt-tip .mxt-modal-arrow-inner {
  background: var(--primary-right-gradient);
}
.mxt-popover.mxt-tip .mxt-menu-left-arrow {
  width: 15px;
  left: -15px;
}
.mxt-popover.mxt-tip .mxt-menu-right-arrow {
  width: 15px;
}
.mxt-popover.mxt-tip .mxt-menu-right-arrow .mxt-modal-arrow-inner {
  left: -110px;
}
.mxt-popover.mxt-tip .mxt-menu-top-arrow {
  top: -15px;
  height: 15px;
}
.mxt-popover.mxt-tip.left, .mxt-popover.mxt-tip.right {
  padding: 15px 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/notification-bar.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-notification-bar {
  width: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 11px 5px 11px 25px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  background: var(--info-background);
  border: var(--info-border);
  --info-background: white;
  --info-border: none;
  --warning-background: #f9eddc;
  --warning-border: 1px solid#DFA54F;
  --error-background: #f2d5d8;
  --error-border: 1px solid var(--mxt-error-color);
  --success-background: #d6eadc;
  --success-border: 1px solid #32974e;
}
.mxt-notification-bar .notification-type-icon {
  width: 30px;
  height: 30px;
}
.mxt-notification-bar span {
  flex: 1;
}
.mxt-notification-bar .mxt-btn.mxt-btn-icon-only {
  height: 30px;
  width: 30px;
}
.mxt-notification-bar .notification-dont-show-again {
  color: rgb(22, 117, 134);
  text-decoration: underline;
  margin-left: 10px;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/runningTotal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .running-total dl,
.mxt-modular-config-container .running-total dt,
.mxt-modular-config-container .running-total dd {
  margin: 0;
}
.mxt-modular-config-container .running-total dl {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.mxt-modular-config-container .running-total dl > div {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.mxt-modular-config-container .running-total dl > div.total-amount {
  color: var(--mxt-button-disabled-font-color);
  font: var(--mxt-font-subheader);
  flex: auto;
  text-decoration: line-through;
  align-self: center;
}
.mxt-modular-config-container .running-total dl > div.savings-amount {
  color: var(--mxt-client-primary);
  font: var(--mxt-font-header);
  font-weight: 300;
  align-self: center;
}
.mxt-modular-config-container .running-total.total-only .total-amount {
  color: var(--mxt-client-primary);
  font: var(--mxt-font-header);
  font-weight: 300;
  text-decoration: unset;
}
.mxt-modular-config-container .running-total.total-only .savings-amount {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .running-total dl {
  gap: 15px;
}
.mxt-modular-config-container.modular-config-landscape .running-total dl > div {
  gap: 80px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .running-total dl > div {
  gap: 10px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .running-total dl > div.total-amount {
  font: var(--mxt-font-subheader);
  font-weight: 300;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/layout.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.mxt-modular-config-container .mxt-modular-config-main-screen {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  position: relative;
}
.mxt-modular-config-container .main {
  flex: 0 0 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mxt-modular-config-container .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden; /**contains the renderer window and, which should never be scrollable*/
  height: 100%;
}
.mxt-modular-config-container .content .renderer {
  flex: 1 1 100%;
  position: relative;
  display: flex;
}
.mxt-modular-config-container .content .renderer #scene-explorer-host {
  z-index: 1;
}
.mxt-modular-config-container .content .drawer {
  background-color: var(--mxt-action-menu-background-color);
  border-top: 1px solid var(--mxt-action-menu-border-color);
  z-index: 1;
}
.mxt-modular-config-container .content .drawer.closed {
  display: none;
}
.mxt-modular-config-container .content .drawer.inline-half {
  flex: 0 0 60%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.mxt-modular-config-container .content .drawer.overlay-auto {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
}
.mxt-modular-config-container .content .drawer.overlay-full {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: auto;
}
.mxt-modular-config-container .menu {
  border-top: 1px solid var(--mxt-nav-control-border-color);
}
.mxt-modular-config-container.modular-config-landscape .renderer {
  flex-basis: 100%;
  max-height: 100%;
}
.mxt-modular-config-container.modular-config-landscape .menu {
  border-top: none;
  height: 100%;
}
.mxt-modular-config-container.modular-config-mobile-landscape .main {
  flex: 1;
}
.mxt-modular-config-container.modular-config-mobile-landscape .content {
  border-top: 1px solid var(--mxt-nav-control-border-color);
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/menus.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container .mxt-product-select-bar .mxt-btn,
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn,
.mxt-modular-config-container .mxt-desktop-bottom-bar .mxt-btn {
  box-shadow: unset;
  border-radius: unset;
  border: unset;
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn.mxt-btn-icon-only,
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn.mxt-btn-icon-only,
.mxt-modular-config-container .mxt-desktop-bottom-bar .mxt-btn.mxt-btn-icon-only {
  min-width: 40px;
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn.mxt-btn-disabled,
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn.mxt-btn-disabled,
.mxt-modular-config-container .mxt-desktop-bottom-bar .mxt-btn.mxt-btn-disabled {
  box-shadow: none;
  opacity: 0.3;
  cursor: not-allowed;
  background: inherit;
  pointer-events: all;
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn.mxt-cta-button-blocked,
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn.mxt-cta-button-blocked,
.mxt-modular-config-container .mxt-desktop-bottom-bar .mxt-btn.mxt-cta-button-blocked {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: all;
  cursor: not-allowed;
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn.mxt-cta-button-blocked img,
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn.mxt-cta-button-blocked img,
.mxt-modular-config-container .mxt-desktop-bottom-bar .mxt-btn.mxt-cta-button-blocked img {
  opacity: 0.5;
}
.mxt-modular-config-container .mxt-product-select-bar .download-sif,
.mxt-modular-config-container .mxt-mobile-bar .download-sif,
.mxt-modular-config-container .mxt-desktop-bottom-bar .download-sif {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 700;
  color: black;
}
.mxt-modular-config-container .mxt-product-select-bar .download-sif img,
.mxt-modular-config-container .mxt-mobile-bar .download-sif img,
.mxt-modular-config-container .mxt-desktop-bottom-bar .download-sif img {
  width: 20px;
}
.mxt-modular-config-container .mxt-product-select-bar {
  position: absolute;
  bottom: 0;
  left: calc(50% - 14px);
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
  margin: 14px;
  z-index: 1;
  box-shadow: var(--mxt-dark-drop-shadow);
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn {
  background: rgba(255, 255, 255, 0.9);
}
.mxt-modular-config-container .mxt-product-select-bar .mxt-btn .mxt-btn-text {
  display: none;
}
.mxt-modular-config-container .mxt-submenu-main {
  height: 100%;
  position: relative;
}
.mxt-modular-config-container .mxt-submenu-main .mxt-submenu-header {
  display: flex;
  justify-content: space-between;
  padding: 0 14px;
  border-bottom: 1px solid var(--mxt-action-menu-border-color);
}
.mxt-modular-config-container .mxt-submenu-main .close-button {
  width: 40px;
  height: 40px;
  min-width: inherit;
  border: none;
  box-shadow: none;
  align-self: center;
}
.mxt-modular-config-container .mxt-mobile-bar {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  overflow: auto;
}
.mxt-modular-config-container .mxt-mobile-bar.mxt-mobile-bar-top {
  top: 0;
}
.mxt-modular-config-container .mxt-mobile-bar.mxt-mobile-bar-bottom {
  bottom: 0;
  left: 36px;
}
.mxt-modular-config-container .mxt-mobile-bar .mxt-mobile-bar-left {
  justify-content: flex-start;
  display: flex;
  flex: 1;
}
.mxt-modular-config-container .mxt-mobile-bar .mxt-mobile-bar-center {
  justify-content: center;
  display: flex;
  flex: 1;
}
.mxt-modular-config-container .mxt-mobile-bar .mxt-mobile-bar-right {
  justify-content: flex-end;
  display: flex;
  flex: 1;
}
.mxt-modular-config-container .mxt-mobile-bar .mxt-btn {
  box-shadow: unset;
  border-radius: unset;
  background-color: unset;
}
.mxt-modular-config-container .drawer .mxt-submenu-item {
  display: flex;
  align-items: center;
  height: 44px;
  cursor: pointer;
  border-bottom: 1px solid var(--mxt-action-menu-border-color);
}
.mxt-modular-config-container .drawer .mxt-submenu-item:not(.mxt-submenu-header) {
  padding-left: 20px;
}
.mxt-modular-config-container .drawer .mxt-submenu-item .mxt-submenu-item-icon {
  display: none;
}
.mxt-modular-config-container .drawer .mxt-submenu-item.mxt-submenu-header {
  height: fit-content;
}
.mxt-modular-config-container .drawer .mxt-submenu-item.mxt-submenu-header .mxt-submenu-header-image {
  width: 100%;
}
.mxt-modular-config-container .drawer .mxt-submenu-item.mxt-submenu-header .mxt-submenu-header-image img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.mxt-modular-config-container .drawer .mxt-submenu-item-icon {
  width: 60px;
  text-align: center;
}
.mxt-modular-config-container .drawer .mxt-submenu-item-icon img {
  max-width: 100%;
  max-height: 100%;
}
.mxt-modular-config-container .mxt-desktop-bottom-bar {
  display: none;
}

.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-product-select-bar {
  bottom: 0px;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-product-select-bar .mxt-btn .mxt-btn-text {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-place-location.mxt-add-floor-location {
  bottom: 40px;
}

.mxt-modular-config-container.modular-config-ios {
  padding-bottom: 20px;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .mxt-modular-config-container.modular-config-ios {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.mxt-modular-config-container.modular-config-landscape .mxt-mobile-bar-top,
.mxt-modular-config-container.modular-config-landscape .mxt-mobile-bar-bottom {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-place-location.mxt-add-floor-location {
  bottom: 110px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-product-select-bar {
  bottom: var(--desktop-action-bar-offset);
}
.mxt-modular-config-container.modular-config-landscape .mxt-product-select-bar .mxt-btn[data-action=TOOLBELT_STYLE] {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-product-select-bar .mxt-btn .mxt-btn-text {
  display: inherit;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 14px 0px;
  background-color: var(--mxt-action-menu-background-color);
  border-radius: 0px;
  z-index: 1;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-left, .mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-center, .mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-right {
  display: flex;
  align-items: center;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-left {
  justify-self: left;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-center {
  justify-self: center;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar-right {
  justify-self: right;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-bottom-bar .mxt-btn {
  box-shadow: unset;
  border-radius: 0px;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-mobile-bar-top,
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-mobile-bar-bottom {
  display: flex;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-desktop-bottom-bar {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .content {
  flex-direction: row;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .content .drawer.inline-half {
  flex: 0 0 var(--mobile-landscape-sidebar-width);
  border-top: none;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/throbber.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.MxtThrobber {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 7px;
}
.MxtThrobber__spinner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid var(--mxt-client-primary);
  border-left-color: transparent;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/tabbed-screen.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container .mxt-tabbed-screen {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  border-left: 1px solid #d9d9d9;
  flex: 0 0 100%;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header {
  flex: 0;
  padding: 14px;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .mxt-tabbed-screen-title {
  margin: 0px;
  margin-bottom: 10px;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .sb-header {
  filter: none;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .sb-header-desc,
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .titled-page-header-text,
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .titled-page-description,
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-header .titled-close-button {
  display: none;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-tabs {
  flex: 0;
  display: flex;
  background: var(--mxt-secondary-background-color);
  font: var(--mxt-font-body-bold);
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-tabs .mxt-tabbed-screen-tab {
  flex: 1 1 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 5px;
  border-radius: 0px;
  border-top: 1px solid var(--mxt-action-menu-border-color);
  border-bottom: 1px solid var(--mxt-action-menu-border-color);
  border-right: 1px solid #d9d9d9;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-tabs .mxt-tabbed-screen-tab:last-child {
  border-right: none;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-tabs .mxt-tabbed-screen-tab.current {
  color: var(--mxt-client-primary);
  border-bottom: 3px solid var(--mxt-client-primary);
  background: var(--mxt-background-color);
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-tabs .mxt-tabbed-screen-tab.mxt-btn-disabled {
  cursor: not-allowed;
  color: #717171;
  font-style: italic;
  font-weight: normal;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-content {
  flex: 1;
  overflow: auto;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-footer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: sticky;
  bottom: 0;
  border-top: 1px solid var(--mxt-action-menu-border-color);
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-footer .mxt-tabbed-screen-footer-menu {
  display: flex;
  flex: 1;
  width: 100%;
  gap: 15px;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-footer .mxt-tabbed-screen-footer-menu .mxt-non-cta-button {
  flex: 1;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-tabbed-screen-footer .mxt-tabbed-screen-footer-menu .mxt-cta-button {
  flex: 2;
}
.mxt-modular-config-container .mxt-tabbed-screen .mxt-price {
  flex: 1;
  width: 100%;
}
.mxt-modular-config-container.modular-config-landscape .mxt-tabbed-screen {
  min-width: var(--desktop-sidebar-width);
  flex: 0 0 var(--desktop-sidebar-width);
}
.mxt-modular-config-container.modular-config-mobile-landscape .mxt-tabbed-screen {
  min-width: unset;
  flex: auto;
}
.mxt-modular-config-container.modular-config-landscape .mxt-tabbed-screen .mxt-tabbed-screen-header, .mxt-modular-config-container.modular-config-mobile-landscape .mxt-tabbed-screen .mxt-tabbed-screen-header {
  flex: 0;
  padding: 10px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-tabbed-screen .mxt-tabbed-screen-tab, .mxt-modular-config-container.modular-config-mobile-landscape .mxt-tabbed-screen .mxt-tabbed-screen-tab {
  padding: 10px 5px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/multiScreen.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .multiscreen {
  height: 100%;
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/config-inspiration.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-config-inspiration-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mxt-config-inspiration-page header {
  align-self: stretch;
  text-align: center;
  padding-bottom: 20px;
}
.mxt-config-inspiration-page header h2,
.mxt-config-inspiration-page header h3 {
  margin: 0;
  padding: 0;
}
.mxt-config-inspiration-page header .mxt-config-inspiration-title {
  border-bottom: 1px solid rgb(193, 193, 193);
  font: var(--mxt-font-header);
  padding-bottom: 6px;
  position: relative;
}
.mxt-config-inspiration-page header .mxt-config-inspiration-title .back-button {
  align-items: center;
  background: transparent;
  border: 0 none;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: -3px;
}
.mxt-config-inspiration-page header .mxt-config-inspiration-subtitle {
  font: var(--mxt-font-body-lg);
  padding-top: 10px;
}
.mxt-config-inspiration-page header .mxt-config-inspiration-subtitle.mxt-hidden {
  display: none;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px; /* cannot do percentage based as it prevents height from calculated properly*/
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card {
  cursor: pointer;
  display: block;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container {
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  column-gap: 15px;
  display: flex;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
  height: 100%;
  padding: 0;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container figure {
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  height: 0;
  padding-top: 100%;
  width: 100%;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container figure img.mxt-config-inspiration-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container figure .image-overlay {
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container figure .image-overlay .icon-positioner {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.mxt-config-inspiration-page .mxt-config-inspiration-deck .mxt-config-inspiration-card .mxt-card-container figure .image-overlay figcaption {
  background-color: white;
  box-sizing: border-box;
  font: var(--mxt-font-body-lg);
  text-align: center;
  padding: 10px;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/configInspiration.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container > .multiscreen {
  display: flex;
}

.mxt-config-inspiration-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 920px;
  margin: 0 auto;
  padding-top: 24px;
}
.mxt-config-inspiration-container .mxt-config-inspiration-card:first-child .mxt-config-inspiration-icon {
  width: 20%;
}
.mxt-config-inspiration-container .mxt-config-inspiration-page {
  flex: 1;
  overflow: hidden;
}
.mxt-config-inspiration-container .mxt-config-inspiration-page header {
  padding-bottom: 10px;
}
.mxt-config-inspiration-container .mxt-config-inspiration-page .mxt-config-inspiration-deck {
  overflow: auto;
  padding: 10px 16px;
}
.mxt-config-inspiration-container .copyright-message {
  border-top: 1px solid #d9d9d9;
  color: #1c1c1c;
  margin: 10px 0 0;
  padding: 24px 16px;
  text-align: center;
}
.mxt-config-inspiration-container .copyright-message a {
  text-decoration: none;
}
.mxt-config-inspiration-container .copyright-message a:visited {
  color: #1c1c1c;
}

.mxt-modular-config-container.modular-config-mobile-landscape .mxt-config-inspiration-container {
  padding-top: 12px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .mxt-config-inspiration-deck {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  padding: 10px 30px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .copyright-message {
  padding: 10px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/common-ui.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}
.mxt-modular-config-container .designProcessGridFooterDiv {
  height: 30px;
  line-height: 30px;
  text-align: left;
  padding: 0 5px;
}
.mxt-modular-config-container .designProcessCurrentItem {
  border-color: var(--mxt-client-primary);
  border-style: solid;
  border-width: var(--current-selected-border-width);
  border-image-slice: 1;
}
.mxt-modular-config-container .designProcessGrid .designProcessImage .mxt-grid-item-content .mxt-grid-item-text-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  height: 100%;
  width: 100%;
}
.mxt-modular-config-container .designProcessGrid .designProcessImage .mxt-grid-item-content .mxt-grid-item-text-div .mxt-grid-item-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mxt-modular-config-container .designProcessGrid .designProcessImage .mxt-grid-item-content .mxt-grid-item-bg-img {
  flex: 0 1 auto;
}
.mxt-modular-config-container .designProcessGrid .designProcessImage .mxt-grid-item-content .mxt-grid-item-bg-img + .mxt-grid-item-text-div {
  display: block;
  background: transparent;
  width: auto;
  height: auto;
  padding: 0;
  margin: 5px 0;
}
.mxt-modular-config-container .designProcessGrid.mxt-grid-container {
  height: 100%;
}
.mxt-modular-config-container .designProcessGridContainer {
  position: relative;
  overflow: hidden;
}
.mxt-modular-config-container span.searchQueryText {
  font-style: italic;
}
.mxt-modular-config-container .designProcessFilterList {
  margin: 13px 20px 10px;
  display: flex;
}
.mxt-modular-config-container .designProcessUsedFilters {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.mxt-modular-config-container .product-filter-option-selected {
  color: white;
  height: 26px;
  border-radius: 13px;
  background-color: #cfcfcf;
  padding: 5px 5px;
  margin: 0px 5px 5px;
}
.mxt-modular-config-container span.product-filter-option-selected-x {
  cursor: pointer;
  padding: 0px 5px;
}
.mxt-modular-config-container span.product-filter-option-selected-val {
  padding: 0px 15px 0px 5px;
}
.mxt-modular-config-container .designProcessBack * {
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/customisation.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}
.mxt-modular-config-container .customisation-step-root,
.mxt-modular-config-container .customisation-option-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.mxt-modular-config-container .customisation-step-root header .titled-page-header-text .titled-page-header,
.mxt-modular-config-container .customisation-option-root header .titled-page-header-text .titled-page-header {
  text-align: left;
}
.mxt-modular-config-container .customisation-step-root .mxt-product-card,
.mxt-modular-config-container .customisation-option-root .mxt-product-card {
  display: none;
}
.mxt-modular-config-container .customisation-step-root .mxt-back-button,
.mxt-modular-config-container .customisation-option-root .mxt-back-button {
  top: -10px;
  padding-left: 10px;
}
.mxt-modular-config-container .customisation-step-root .mxt-back-button span,
.mxt-modular-config-container .customisation-option-root .mxt-back-button span {
  font: var(--mxt-font-body-lg-bold);
  color: var(--default-text-color);
}
.mxt-modular-config-container .customisation-step-root .titled-page-content,
.mxt-modular-config-container .customisation-option-root .titled-page-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.mxt-modular-config-container .customisation-step-root .titled-page-content > div,
.mxt-modular-config-container .customisation-option-root .titled-page-content > div {
  background-color: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}
.mxt-modular-config-container .customisation-step-root .customisation-container,
.mxt-modular-config-container .customisation-option-root .customisation-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.mxt-modular-config-container .customisation-step-root .customisation-content,
.mxt-modular-config-container .customisation-option-root .customisation-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  gap: 10px;
  padding: var(--mxt-modular-container-padding);
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option {
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  padding: 10px;
  cursor: pointer;
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option.no-click-style-option,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option.no-click-style-option {
  cursor: auto;
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option .thumb,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option .thumb {
  width: 60px;
  height: 60px;
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option .container,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option .container {
  flex: 1;
  display: flex;
  flex-flow: column;
  padding: 0 10px;
  overflow-x: hidden;
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option .container .name,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option .container .name {
  display: flex;
  align-items: center;
  margin: 0;
  font: var(--mxt-font-body-bold);
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option .container .product,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option .container .product {
  margin: 0;
}
.mxt-modular-config-container .customisation-step-root .customisation-content .style-option .forward,
.mxt-modular-config-container .customisation-option-root .customisation-content .style-option .forward {
  display: flex;
  justify-content: flex-end;
}
@media (max-height: 380px) {
  .mxt-modular-config-container .customisation-step-root .customisation-container,
  .mxt-modular-config-container .customisation-option-root .customisation-container {
    overflow: auto;
  }
  .mxt-modular-config-container .customisation-step-root .customisation-content,
  .mxt-modular-config-container .customisation-option-root .customisation-content {
    overflow: initial;
  }
  .mxt-modular-config-container .customisation-step-root .titled-page-content-parent:not(:has(.customisation-container)),
  .mxt-modular-config-container .customisation-option-root .titled-page-content-parent:not(:has(.customisation-container)) {
    overflow: auto;
  }
}
.mxt-modular-config-container .customisation-step-root .no-customisation,
.mxt-modular-config-container .customisation-option-root .no-customisation {
  padding: var(--mxt-modular-container-padding);
}
.mxt-modular-config-container .customisation-step-root .customisation-tooltip,
.mxt-modular-config-container .customisation-option-root .customisation-tooltip {
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbnMvTWlzYy9JY29ucy1NaXNjLUhlbHA8L3RpdGxlPgogICAgPGcgaWQ9Ikljb25zL01pc2MvSWNvbnMtTWlzYy1IZWxwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMjQsMTUgQzI0LDE5Ljk3MDcwMjkgMTkuOTcwNzAyOSwyNCAxNSwyNCBDMTAuMDI5Nzk4NCwyNCA2LDE5Ljk3MDcwMjkgNiwxNSBDNiwxMC4wMjkyOTcxIDEwLjAyOTc5ODQsNiAxNSw2IEMxOS45NzA3MDI5LDYgMjQsMTAuMDI5Mjk3MSAyNCwxNSBaIE0yMiwxNSBDMjIsMTEuMTMzODY2NiAxOC44NjYxMzM0LDggMTUsOCBDMTEuMTM0MTc3NSw4IDgsMTEuMTM0MDU2OSA4LDE1IEM4LDE4Ljg2NTk0MzEgMTEuMTM0MTc3NSwyMiAxNSwyMiBDMTguODY2MTMzNCwyMiAyMiwxOC44NjYxMzM0IDIyLDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzY2NjY2NiI+PC9wYXRoPgogICAgICAgIDx0ZXh0IGlkPSI/IiBmb250LWZhbWlseT0iSGVsdmV0aWNhTmV1ZS1Cb2xkLCBIZWx2ZXRpY2EgTmV1ZSIgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiM2NjY2NjYiPgogICAgICAgICAgICA8dHNwYW4geD0iMTIuMDUzMTExMSIgeT0iMTkiPj88L3RzcGFuPgogICAgICAgIDwvdGV4dD4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-size: cover;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer {
  position: static;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 5px 5px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .header {
  border-bottom: 1px solid #a5a5a5;
  margin-bottom: 10px;
  font-size: 14pt;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--mxt-action-menu-border-color);
  background: var(--mxt-secondary-background-color);
  padding: 5px 10px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .header img {
  height: 25px;
  transform: rotate(-90deg);
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .header.open img {
  transform: rotate(90deg);
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid {
  position: static;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  padding-bottom: 20px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid {
  overflow: auto;
  padding: 16px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item {
  display: flex;
  flex-flow: column;
  border: none;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item .mxt-grid-price-selected {
  background-color: var(--mxt-client-primary);
  color: white;
  display: none;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item .mxt-grid-price {
  background-color: white;
  display: flex;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item .mxt-grid-price,
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item .mxt-grid-price-selected {
  width: 100%;
  height: auto;
  padding: 2px 4px;
  border: 1px solid #ddd;
  border-radius: var(--mxt-corner-roundness);
  justify-content: center;
  margin: 10px 0px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item .mxt-grid-item-img {
  border: var(--current-selected-border-width) solid transparent;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item.designProcessCurrentItem .mxt-grid-item-img {
  border-color: var(--mxt-client-primary);
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item.designProcessCurrentItem .mxt-grid-price-selected {
  display: flex;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-item.designProcessCurrentItem .mxt-grid-price {
  display: none;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .designProcessImageScaledTextWide .mxt-grid-item-content {
  height: 50px;
  border-radius: var(--mxt-corner-roundness);
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .designProcessImageScaledTextWide .mxt-grid-item-text-div {
  border: 1px solid rgba(216, 216, 216, 0.8470588235);
  border-radius: var(--mxt-corner-roundness);
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .designProcessImageScaledTextWide.designProcessCurrentItem {
  border: none;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .designProcessImageScaledTextWide.designProcessCurrentItem .mxt-grid-item-content .mxt-grid-item-text-div {
  background: var(--mxt-client-primary);
  border-color: var(--mxt-client-primary);
  color: white;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-pagination {
  align-items: center;
  height: auto;
  margin: 0;
  width: auto;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-pagination p.mxt-grid-pagination-text {
  line-height: normal;
  margin: 0;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-pagination .mxtButtonEmulator {
  padding-top: 3px;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer .designProcessGrid .mxt-grid-pagination .mxtButtonEmulator img {
  transform: none;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer:only-child {
  flex: 1;
}
.mxt-modular-config-container .customisation-option-root .customisation-content .customisation-option-grid-container .designProcessGridContainer:only-child .designProcessGrid {
  padding-bottom: 0;
}
.mxt-modular-config-container .customisation-option-root .mxt-grid-item.designProcessImageScaledTextWide.designProcessCurrentItem .customisation-tooltip {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbnMvTWlzYy9JY29ucy1NaXNjLUhlbHA8L3RpdGxlPgogICAgPGcgaWQ9Ikljb25zL01pc2MvSWNvbnMtTWlzYy1IZWxwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTUsNiBDMTkuOTcwNzAyOSw2IDI0LDEwLjAyOTI5NzEgMjQsMTUgQzI0LDE5Ljk3MDcwMjkgMTkuOTcwNzAyOSwyNCAxNSwyNCBDMTAuMDI5Nzk4NCwyNCA2LDE5Ljk3MDcwMjkgNiwxNSBDNiwxMC4wMjkyOTcxIDEwLjAyOTc5ODQsNiAxNSw2IFogTTE1LDggQzExLjEzNDE3NzUsOCA4LDExLjEzNDA1NjkgOCwxNSBDOCwxOC44NjU5NDMxIDExLjEzNDE3NzUsMjIgMTUsMjIgQzE4Ljg2NjEzMzQsMjIgMjIsMTguODY2MTMzNCAyMiwxNSBDMjIsMTEuMTMzODY2NiAxOC44NjYxMzM0LDggMTUsOCBaIE0xNS45MDMxMTExLDE3LjMwNiBMMTUuOTAzMTExMSwxOSBMMTQuMTc2MTExMSwxOSBMMTQuMTc2MTExMSwxNy4zMDYgTDE1LjkwMzExMTEsMTcuMzA2IFogTTE1LjA3ODExMTEsMTAuOTU5IEMxNS41OTg3Nzc4LDEwLjk1OSAxNi4wMzMyNzc4LDExLjAzMDUgMTYuMzgxNjExMSwxMS4xNzM1IEMxNi43Mjk5NDQ0LDExLjMxNjUgMTcuMDEwNDQ0NCwxMS40OTQzMzMzIDE3LjIyMzExMTEsMTEuNzA3IEMxNy40MzU3Nzc4LDExLjkxOTY2NjcgMTcuNTg3OTQ0NCwxMi4xNDg4MzMzIDE3LjY3OTYxMTEsMTIuMzk0NSBDMTcuNzcxMjc3OCwxMi42NDAxNjY3IDE3LjgxNzExMTEsMTIuODY5MzMzMyAxNy44MTcxMTExLDEzLjA4MiBDMTcuODE3MTExMSwxMy40MzQgMTcuNzcxMjc3OCwxMy43MjM2NjY3IDE3LjY3OTYxMTEsMTMuOTUxIEMxNy41ODc5NDQ0LDE0LjE3ODMzMzMgMTcuNDc0Mjc3OCwxNC4zNzI2NjY3IDE3LjMzODYxMTEsMTQuNTM0IEMxNy4yMDI5NDQ0LDE0LjY5NTMzMzMgMTcuMDUyNjExMSwxNC44MzI4MzMzIDE2Ljg4NzYxMTEsMTQuOTQ2NSBDMTYuNzIyNjExMSwxNS4wNjAxNjY3IDE2LjU2Njc3NzgsMTUuMTczODMzMyAxNi40MjAxMTExLDE1LjI4NzUgQzE2LjI3MzQ0NDQsMTUuNDAxMTY2NyAxNi4xNDMyNzc4LDE1LjUzMTMzMzMgMTYuMDI5NjExMSwxNS42NzggQzE1LjkxNTk0NDQsMTUuODI0NjY2NyAxNS44NDQ0NDQ0LDE2LjAwOCAxNS44MTUxMTExLDE2LjIyOCBMMTUuODE1MTExMSwxNi4yMjggTDE1LjgxNTExMTEsMTYuNjQ2IEwxNC4zMzAxMTExLDE2LjY0NiBMMTQuMzMwMTExMSwxNi4xNTEgQzE0LjM1MjExMTEsMTUuODM1NjY2NyAxNC40MTI2MTExLDE1LjU3MTY2NjcgMTQuNTExNjExMSwxNS4zNTkgQzE0LjYxMDYxMTEsMTUuMTQ2MzMzMyAxNC43MjYxMTExLDE0Ljk2NDgzMzMgMTQuODU4MTExMSwxNC44MTQ1IEMxNC45OTAxMTExLDE0LjY2NDE2NjcgMTUuMTI5NDQ0NCwxNC41MzQgMTUuMjc2MTExMSwxNC40MjQgQzE1LjQyMjc3NzgsMTQuMzE0IDE1LjU1ODQ0NDQsMTQuMjA0IDE1LjY4MzExMTEsMTQuMDk0IEMxNS44MDc3Nzc4LDEzLjk4NCAxNS45MDg2MTExLDEzLjg2MyAxNS45ODU2MTExLDEzLjczMSBDMTYuMDYyNjExMSwxMy41OTkgMTYuMDk3NDQ0NCwxMy40MzQgMTYuMDkwMTExMSwxMy4yMzYgQzE2LjA5MDExMTEsMTIuODk4NjY2NyAxNi4wMDc2MTExLDEyLjY0OTMzMzMgMTUuODQyNjExMSwxMi40ODggQzE1LjY3NzYxMTEsMTIuMzI2NjY2NyAxNS40NDg0NDQ0LDEyLjI0NiAxNS4xNTUxMTExLDEyLjI0NiBDMTQuOTU3MTExMSwxMi4yNDYgMTQuNzg2NjExMSwxMi4yODQ1IDE0LjY0MzYxMTEsMTIuMzYxNSBDMTQuNTAwNjExMSwxMi40Mzg1IDE0LjM4MzI3NzgsMTIuNTQxMTY2NyAxNC4yOTE2MTExLDEyLjY2OTUgQzE0LjE5OTk0NDQsMTIuNzk3ODMzMyAxNC4xMzIxMTExLDEyLjk0ODE2NjcgMTQuMDg4MTExMSwxMy4xMjA1IEMxNC4wNDQxMTExLDEzLjI5MjgzMzMgMTQuMDIyMTExMSwxMy40NzggMTQuMDIyMTExMSwxMy42NzYgTDE0LjAyMjExMTEsMTMuNjc2IEwxMi40MDUxMTExLDEzLjY3NiBDMTIuNDEyNDQ0NCwxMy4yOCAxMi40ODAyNzc4LDEyLjkxNyAxMi42MDg2MTExLDEyLjU4NyBDMTIuNzM2OTQ0NCwxMi4yNTcgMTIuOTE2NjExMSwxMS45NzEgMTMuMTQ3NjExMSwxMS43MjkgQzEzLjM3ODYxMTEsMTEuNDg3IDEzLjY1NzI3NzgsMTEuMjk4MTY2NyAxMy45ODM2MTExLDExLjE2MjUgQzE0LjMwOTk0NDQsMTEuMDI2ODMzMyAxNC42NzQ3Nzc4LDEwLjk1OSAxNS4wNzgxMTExLDEwLjk1OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
}
.mxt-modular-config-container .customisation-option-root .customisation-tooltip {
  position: absolute;
  right: 2px;
  top: 2px;
}
.mxt-modular-config-container.modular-config-landscape .customisation-step-root .mxt-back-button,
.mxt-modular-config-container.modular-config-landscape .customisation-option-root .mxt-back-button {
  top: 0px;
  padding-left: 0px;
}
.mxt-modular-config-container.modular-config-landscape .customisation-step-root .mxt-product-card,
.mxt-modular-config-container.modular-config-landscape .customisation-option-root .mxt-product-card {
  display: grid;
}
.mxt-modular-config-container.modular-config-mobile-landscape .customisation-option-root .customisation-content, .mxt-modular-config-container.modular-config-mobile-portrait .customisation-option-root .customisation-content {
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/card.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-card {
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  column-gap: 15px;
  padding: 10px;
}
.mxt-modular-config-container .mxt-card.raised {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/productCard.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-product-card {
  --image-side-length: 62px;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  position: relative;
  display: grid;
  grid-template: "image header" "image dimensions" "image sku" "image item" "image availability" "image link" "description description"/var(--image-side-length) 1fr;
}
.mxt-modular-config-container .mxt-product-card .product-image {
  align-items: center;
  display: flex;
  grid-area: image;
  height: 100%;
}
.mxt-modular-config-container .mxt-product-card .product-image img {
  height: var(--image-side-length);
  width: var(--image-side-length);
}
.mxt-modular-config-container .mxt-product-card .product-header {
  display: flex;
  font: var(--mxt-font-body-lg-bold);
  gap: 10px;
  grid-area: header;
  justify-content: space-between;
  padding: 0 15px 0 0;
  overflow: hidden;
}
.mxt-modular-config-container .mxt-product-card .product-header .product-name {
  word-break: break-word;
}
.mxt-modular-config-container .mxt-product-card .product-dimensions {
  grid-area: dimensions;
}
.mxt-modular-config-container .mxt-product-card .product-sku {
  grid-area: sku;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mxt-modular-config-container .mxt-product-card .product-item-number {
  grid-area: item;
}
.mxt-modular-config-container .mxt-product-card .product-availability {
  grid-area: availability;
}
.mxt-modular-config-container .mxt-product-card .product-link {
  grid-area: link;
}
.mxt-modular-config-container .mxt-product-card .product-description {
  grid-area: description;
  border-top: 1px solid rgb(237, 237, 237);
  padding: 5px 8px 15px;
  margin-top: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.mxt-modular-config-container .mxt-product-card .product-description .more-button,
.mxt-modular-config-container .mxt-product-card .product-description .less-button {
  display: none;
  text-align: right;
}
.mxt-modular-config-container .mxt-product-card .product-description.partial-with-button p {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mxt-modular-config-container .mxt-product-card .product-description.partial-with-button .more-button {
  display: inline;
}
.mxt-modular-config-container .mxt-product-card .product-description.full-with-button .less-button {
  display: inline;
}
.mxt-modular-config-container .mxt-product-card .product-description > p {
  padding: 0;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtbtn.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/** Standard buttons */
.mxt-btn {
  border: none;
  background: none;
  transition: all 0.3s ease;
  height: 40px;
  border-radius: var(--mxt-corner-roundness);
  position: relative;
  font: var(--mxt-font-body-bold);
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  /** MXT-9078: to fix flicker on filter:brightness: https://stackoverflow.com/questions/23619520/chrome-flickering-on-webkit-filter-blur/24062670 */
  backface-visibility: hidden;
  color: var(--mxt-font-color);
}
.mxt-btn *:not(:first-child) {
  margin-left: 5px;
  padding-right: 10px;
}
.mxt-btn .mxt-btn-label {
  margin: 0px;
  padding: 0px;
}
.mxt-btn .navigationBaseButtonLabel.mxt-btn-label {
  font: var(--mxt-font-body);
  padding-right: 7px;
}
.mxt-btn.mxt-btn-toggled {
  box-shadow: none;
  background: var(--toggle-blue);
  color: #ffffff;
}
.mxt-btn.navigationBaseButton {
  border-radius: 0px;
}
.mxt-btn.navigationBaseButton.mxt-btn-disabled {
  cursor: not-allowed;
}
.mxt-btn.navigationBaseButton.mxt-btn-disabled * {
  opacity: 0.5;
}
.mxt-btn.navigationButton {
  background: var(--mxt-toolbar-button-color);
  color: var(--mxt-toolbar-font-color);
}
.mxt-btn.navigationButton.navigationButtonMain {
  background: var(--mxt-toolbar-background-color);
}
.mxt-btn.navigationQuickLink {
  background: var(--mxt-toolbar-cta-button-color);
  color: var(--mxt-toolbar-cta-font-color);
}
.mxt-btn:disabled, .mxt-btn.mxt-non-cta-button.mxt-btn-disabled, .mxt-btn.mxt-cta-button.mxt-btn-disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}
.mxt-btn:disabled img, .mxt-btn.mxt-non-cta-button.mxt-btn-disabled img, .mxt-btn.mxt-cta-button.mxt-btn-disabled img {
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .mxt-btn:hover {
    filter: brightness(90%);
  }
}

.mxt-btn-md {
  width: 140px;
}

.mxt-btn-lg {
  width: 240px;
}

.mxt-btn-icon-only {
  width: 40px;
  min-width: 0px;
  padding: 0px;
}

.mxt-btn-link {
  background: none;
  border: none;
  color: var(--toggle-blue);
  text-decoration: underline;
  height: unset;
  font: var(--mxt-font-body);
  margin: 0.5rem 0;
}

.mxt-cta-button {
  box-shadow: var(--mxt-cta-button-drop-shadow);
  color: var(--mxt-cta-button-font-color);
  background: var(--primary-right-gradient);
  border: var(--mxt-cta-button-border-thickness) solid var(--mxt-cta-button-border-color);
}

.mxt-non-cta-button {
  box-shadow: var(--mxt-non-cta-button-drop-shadow);
  color: var(--mxt-non-cta-button-font-color);
  background: var(--mxt-non-cta-button-background-color);
  border: var(--mxt-non-cta-button-border-thickness) solid var(--mxt-non-cta-button-border-color);
}

/** defaults to bottom arrow */
.mxt-modal-arrow-outer {
  position: absolute;
  top: 100%;
  left: calc(50% - 25px);
  width: 50px;
  height: 25px;
  overflow: hidden;
  pointer-events: none;
  /** top */
  /** left */
  /** right */
}
.mxt-modal-arrow-outer.mxt-menu-no-arrow {
  display: none;
}
.mxt-modal-arrow-outer.mxt-menu-top-arrow {
  top: -25px;
}
.mxt-modal-arrow-outer.mxt-menu-top-arrow .mxt-modal-arrow-inner {
  top: 20px;
}
.mxt-modal-arrow-outer.mxt-menu-left-arrow {
  width: 25px;
  height: 50px;
  top: calc(50% - 25px);
  left: -25px;
}
.mxt-modal-arrow-outer.mxt-menu-left-arrow .mxt-modal-arrow-inner {
  top: -25px;
  left: 25px;
}
.mxt-modal-arrow-outer.mxt-menu-right-arrow {
  width: 25px;
  height: 50px;
  top: calc(50% - 25px);
  left: 100%;
}
.mxt-modal-arrow-outer.mxt-menu-right-arrow .mxt-modal-arrow-inner {
  top: -25px;
  left: -100px;
}

.mxt-modal-arrow-inner {
  transform: rotate(45deg);
  background-color: var(--mxt-action-menu-background-color);
  box-shadow: var(--mxt-action-menu-drop-shadow);
  width: 100px;
  height: 100px;
  top: -100px;
  left: -25px;
  position: relative;
  border-radius: var(--mxt-corner-roundness);
  pointer-events: auto;
}

/** Toolbelt*/

/** Action Menu */

/** Shared toolbelt and action menu */

/** Toolbar */

.navigationButtonWrapper {
  position: relative;
  width: auto;
}
.navigationButtonWrapper.navigationButtonToolbarTip {
  padding: 20px;
}
.navigationButtonWrapper.navigationButtonToolbarTip a {
  cursor: pointer;
}
.navigationButtonWrapper.navigationButtonToolbarHeader {
  font: var(--mxt-font-body-bold);
  height: 30px;
  color: var(--mxt-font-color);
}
.navigationButtonWrapper.navigationButtonToolbarHeader span {
  line-height: 29px;
  padding-left: 15px;
}

.navigationQuickLinkPrimary {
  background-image: var(--primary-right-gradient) !important;
}

.navigationBaseButtonImg {
  width: 50px;
  flex: 0 0 50px;
}

.navigationBaseButtonLabel {
  text-align: left;
}

.navigationButtonFlag {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 5px;
  display: none;
}

/** Nav Control */

.navigationButtonBreak {
  border-top: 1px solid var(--mxt-toolbar-divider-color);
}

.navigationBaseButtonBreak {
  width: 100%;
  left: 0px;
  position: relative;
  display: flex;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/button.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-borderless-button {
  border: 0 none;
  background: transparent;
  color: var(--mxt-client-primary);
  display: inline;
  height: auto;
  margin: 0;
  min-width: auto;
  padding: 0;
}
.mxt-modular-config-container .mxt-back-button {
  min-width: 0px;
  padding: 0px;
}
.mxt-modular-config-container .mxt-back-button img {
  height: 30px;
}
.mxt-modular-config-container .mxt-back-button.mxt-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/grid.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.mxt-grid-container {
  position: absolute;
  width: 100%;
  display: flex;
  flex-flow: column;
}

.mxt-grid-container-paging {
  /*    height: 100%;*/
  overflow: auto;
  display: initial;
}

.mxt-grid-container-rigid.mxt-grid-container-paging {
  display: flex;
  overflow: hidden;
}

.mxt-grid-container-paging .mxt-grid {
  overflow-y: auto;
  overflow-x: hidden;
}

.mxt-grid {
  display: grid;
  justify-content: center;
}

.mxt-grid-pagination {
  flex: 0 0 36px;
  height: 36px; /*somewhat duplicative of flex height, but needed for stuff inside */
  text-align: center;
  margin-top: -5px;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  container: pagination-info-container/inline-size;
}
.mxt-grid-pagination .mxt-grid-pagination-text {
  display: inline;
}

@container pagination-info-container (max-width: 250px) {
  .mxt-grid-pagination .mxt-grid-pagination-text {
    display: none;
  }
  .mxt-grid-pagination-text.mxt-grid-pagination-page-count {
    display: inline;
  }
}
p.mxt-grid-pagination-text.mxt-grid-pagination-page-count {
  flex-grow: 1;
}

p.mxt-grid-pagination-text {
  user-select: none;
  margin-bottom: 0px;
  font: var(--mxt-font-body-bold);
  line-height: 36px;
}

img.mxt-grid-pagination-arrow.mxt-grid-pagination-arrow-disabled {
  opacity: 0.3;
}

.mxt-grid-pagination-arrow:hover {
  opacity: 1;
}

.mxt-grid-pagination-arrow {
  position: relative;
  opacity: 0.6;
  transition: opacity 0.75s ease;
  cursor: pointer;
  border: 2px solid grey;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: white;
  transform: translateY(25%);
  margin: 0px 5px;
}

.mxt-grid-item {
  position: relative;
  text-align: center;
}

.mxt-grid-item-text-div {
  background: white;
  padding: 5px 0px;
  overflow: hidden;
  word-wrap: break-word;
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 15px, 100% 15px, 100% 5px, 100% 5px;
  background-attachment: local, local, scroll, scroll;
}
.mxt-grid-item-text-div .mxt-grid-item-text {
  font: var(--mxt-font-body);
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mxt-grid-item-content {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

/* This is used to handle two images in the same grid cell a.k.a. split images*/

.mxt-grid-item-bg-img {
  width: 100%;
  flex: 1;
  /* allows shrinking if necessary*/
  min-width: 0px;
  min-height: 0px;
}

/* this class is shared between content as background and the actual image item;
 used mostly so that other classes can find the item that represents the "image" in the grid, so keep a minimum of CSS in here*/
.mxt-grid-item-img {
  max-height: 100%;
  max-width: 100%;
}

.mxt-grid-item-rgba {
  border: 2px solid #cacaca;
}

/* separate class for hover, b/c only certain items hover; others have a hoverBox on them*/

.mxt-grid-item-popover {
  padding: 10px;
  text-align: center;
}

/**
 * Puts interior borders based on there being 2 columns
 * First put borders every other to form the middle border
 */

/**
 * Then put bottom borders on everything but the last
 */

.mxt-grid-item-disabled-background {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(216, 216, 216, 0.5);
  display: none;
  cursor: not-allowed;
}

.mxt-grid-item-disabled {
  pointer-events: none;
}

.mxt-grid-item-disabled .mxt-grid-item-disabled-background {
  display: block;
}

.mxt-blocked-option {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  right: 0px;
  top: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/searchAndFilter.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container {
  /* Must be included for backward compatability with dropdowns. */
  /* Override the base imported style for dropdowns */
}
.mxt-modular-config-container .sb-filters-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mxt-modular-config-container .sb-search-and-filter {
  display: flex;
  padding-bottom: 15px;
  gap: 20px;
}
.mxt-modular-config-container .sb-search-and-filter .mxt-accordian {
  display: none;
}
.mxt-modular-config-container .sb-search-and-filter .mxt-accordian + div {
  flex-grow: 1;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters {
  display: flex;
  gap: 10px;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-search-filter {
  align-items: center;
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-grow: 1;
  padding: 7px;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-search-filter img {
  height: 30px;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-search-filter form {
  flex-grow: 1;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-search-filter form input {
  border: 0 none;
  flex-grow: 1;
  height: 21px;
  line-height: 1rem;
  outline: none;
  padding: 0;
  width: 100%;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters button {
  height: 44px;
  border-radius: 0;
  min-width: auto;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters button .mxt-btn-text {
  display: none;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-filter-button-container {
  position: relative;
}
.mxt-modular-config-container .sb-search-and-filter .sb-filters .sb-filter-button-container .sb-filter-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  font-size: 10px;
  justify-content: center;
  align-items: center;
  padding: 0px 3px;
  border-radius: 20px;
  text-align: center;
  color: var(--mxt-modular-badge-font-color);
  background-color: var(--mxt-modular-badge-background-color);
}
.mxt-modular-config-container .sb-search-and-filter.show-filters .mxt-accordian {
  align-items: center;
  border-bottom: 0 none;
  font: var(--mxt-font-body-lg-bold);
  padding-bottom: 11px;
}
.mxt-modular-config-container .sb-search-and-filter.show-filters .mxt-accordian,
.mxt-modular-config-container .sb-search-and-filter.show-filters .mxt-accordian p,
.mxt-modular-config-container .sb-search-and-filter.show-filters .mxt-accordian img {
  margin: 0;
}
.mxt-modular-config-container .sb-search-and-filter.show-filters .sb-filters {
  flex-grow: 0;
}
.mxt-modular-config-container .sb-search-and-filter.show-filters .sb-filters.hidden {
  display: none;
}
.mxt-modular-config-container .sb-search-and-filter.filters-only .mxt-accordian {
  align-items: center;
  border-bottom: 0 none;
  font: var(--mxt-font-body-lg-bold);
  padding-bottom: 11px;
}
.mxt-modular-config-container .sb-search-and-filter.filters-only .mxt-accordian,
.mxt-modular-config-container .sb-search-and-filter.filters-only .mxt-accordian p,
.mxt-modular-config-container .sb-search-and-filter.filters-only .mxt-accordian img {
  margin: 0;
}
.mxt-modular-config-container .sb-search-and-filter.filters-only .sb-filters {
  flex-grow: 0;
}
.mxt-modular-config-container .sb-search-and-filter.filters-only .sb-filters.hidden {
  display: none;
}
.mxt-modular-config-container .sb-search-and-filter.filters-only .sb-filters button .mxt-btn-text {
  display: inline;
}
.mxt-modular-config-container .hidden {
  display: none;
}
.mxt-modular-config-container .sb-filter-root {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--mxt-background-color);
  z-index: 100;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
.mxt-modular-config-container .sb-filter-root .sb-filter-header {
  display: flex;
  gap: 0.5rem;
  flex: 0;
  padding: 14px;
  border-bottom: var(--mxt-modular-toolbar-border);
}
.mxt-modular-config-container .sb-filter-root .sb-filter-header .mxt-back-button {
  align-self: center;
  height: 30px;
  min-width: 30px;
}
.mxt-modular-config-container .sb-filter-root .sb-filter-header .sb-filter-header-text {
  font: var(--mxt-font-header);
  margin: 2px 0;
  flex: 1;
}
.mxt-modular-config-container .sb-filter-root .sb-filter-content {
  flex: 1;
}
.mxt-modular-config-container .sb-filter-root .sb-filter-footer {
  flex: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mxt-modular-config-container .sb-filter-root .filter-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 10px 10px 0;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-custom-checkbox-container {
  align-items: center;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-custom-checkbox-container .mxt-custom-checkmark {
  position: relative;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-dropdown-container {
  flex: 1;
  height: 40px !important;
  margin: 0;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-dropdown-container,
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-dropdown-container .mxt-dropdown {
  width: auto !important;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-dropdown-container .mxt-dropdown {
  position: static;
  min-width: auto;
}
.mxt-modular-config-container .sb-filter-root .filter-div .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options {
  z-index: 1;
}
.mxt-modular-config-container.modular-config-mobile-landscape .sb-search-and-filter, .mxt-modular-config-container.modular-config-mobile-portrait .sb-search-and-filter {
  padding-bottom: 5px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .sb-search-and-filter .sb-filters .sb-search-filter, .mxt-modular-config-container.modular-config-mobile-portrait .sb-search-and-filter .sb-filters .sb-search-filter {
  padding: 2px;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter {
  flex-direction: column;
  gap: 0;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .mxt-accordian {
  align-items: center;
  border-bottom: 0 none;
  display: flex;
  font: var(--mxt-font-body-lg-bold);
  padding-bottom: 11px;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .mxt-accordian,
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .mxt-accordian p,
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .mxt-accordian img {
  margin: 0;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .sb-filters {
  flex-grow: 0;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .sb-filters.hidden {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.show-filters .sb-filters button .mxt-btn-text {
  display: inline;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .mxt-accordian {
  align-items: center;
  border-bottom: 0 none;
  display: flex;
  font: var(--mxt-font-body-lg-bold);
  padding-bottom: 11px;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .mxt-accordian,
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .mxt-accordian p,
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .mxt-accordian img {
  margin: 0;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .sb-filters {
  flex-grow: 0;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .sb-filters.hidden {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .sb-search-and-filter.filters-only .sb-filters button .mxt-btn-text {
  display: inline;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtfilter.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.mxt-filter-grid {
  padding-top: 2rem;
  border-top: 1px solid #ddd;
  container: dropdown-grid/inline-size;
  position: relative;
  z-index: 1;
}
.mxt-filter-grid .mxt-dropdown {
  padding: 0px 8px;
}
.mxt-filter-grid .mxt-dropdown-header .mxt-dropdown-chevron {
  max-width: inherit;
  max-height: inherit;
}
.mxt-filter-grid .designProcessFilters {
  padding: 0 10px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, 100%);
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container {
  flex: 0 1 50% !important;
  width: auto !important;
  height: 50px !important;
  margin: 5px 0px;
  position: static;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown {
  position: static;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  min-width: 100px;
  margin-right: 5px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options {
  overflow: auto;
  max-height: 350px;
  position: absolute;
  left: 0px;
  width: 85%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3921568627);
  border: solid thin #c4c4c4;
  border-radius: 5px;
  padding: 15px 1px 15px 15px;
  background: var(--kong-background-color);
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options.mxt-custom-dropdown-options,
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options.mxt-tag-dropdown-options {
  padding: 5px 15px;
  max-height: 250px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options {
  overflow-x: hidden;
  overflow-y: auto;
  left: 0%;
  position: absolute;
  width: 85%;
  max-height: 350px;
  background: var(--kong-background-color);
  padding: 5px;
  border: solid thin #cbcbcb;
  border-radius: 5px;
}
@container dropdown-grid (min-width: 101px) {
  .mxt-filter-grid .designProcessFilters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .mxt-filter-grid .mxt-dropdown {
    width: auto !important;
  }
}
@container dropdown-grid (min-width: 257px) {
  .mxt-filter-grid .designProcessFilters {
    grid-template-columns: repeat(auto-fill, 130px);
  }
}

.filterNoResults {
  margin: 0px 20px 15px;
}

.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown,
.mxt-dropdown-container,
.mxt-dropdown {
  /* a.k.a default checkbox */
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options,
.mxt-dropdown-container .mxt-dropdown-options,
.mxt-dropdown .mxt-dropdown-options {
  justify-content: left;
  background: var(--kong-background-color);
  z-index: 1;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options .mxt-dropdown-option,
.mxt-dropdown-container .mxt-dropdown-options .mxt-dropdown-option,
.mxt-dropdown .mxt-dropdown-options .mxt-dropdown-option {
  margin: 5px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options .mxt-option-disabled,
.mxt-dropdown-container .mxt-dropdown-options .mxt-option-disabled,
.mxt-dropdown .mxt-dropdown-options .mxt-option-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.mxt-filter-grid .designProcessFilters .mxt-dropdown-container .mxt-dropdown {
  overflow: hidden;
  min-width: 115px;
}

.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-custom-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-custom-dropdown-options {
  display: flex;
  flex-wrap: wrap;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-custom-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-custom-dropdown-options .mxt-option {
  display: flex;
  border-radius: 5px;
  border: solid thin #cbcbcb;
  padding: 5px 10px;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  cursor: pointer;
  width: auto;
  margin: 5px 3px;
  height: auto;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-custom-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-custom-dropdown-options .mxt-option.mxt-selected {
  color: var(--kong-text-color-hover);
  background-color: var(--kong-background-color-hover);
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-custom-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-custom-dropdown-options .mxt-option-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-tag-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-tag-dropdown-options {
  display: flex;
  flex-wrap: wrap;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-tag-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-tag-dropdown-options .mxt-option {
  display: flex;
  border-radius: 5px;
  border: solid thin #cbcbcb;
  padding: 5px 10px;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  cursor: pointer;
  width: auto;
  margin: 5px 3px;
  height: 32px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-tag-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-tag-dropdown-options .mxt-option.mxt-selected {
  color: var(--kong-text-color-hover);
  background-color: var(--kong-background-color-hover);
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-tag-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-tag-dropdown-options .mxt-option-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options {
  grid-template-columns: 50% 50%;
  flex-wrap: wrap;
  justify-content: center;
  justify-items: center;
  z-index: 1;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  cursor: pointer;
  height: 32px;
  margin: 5px 2px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option .mxt-selector {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 5px;
  padding: 2px;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option .mxt-selector .mxt-dot {
  border: solid thin #e3e3e3;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option label {
  color: inherit;
  word-break: normal;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option.mxt-selected .mxt-selector {
  border-radius: 50%;
  border-style: solid;
  border-width: thin;
  border-color: #000000;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option.mxt-selected label {
  color: auto;
}
.mxt-filter-grid .designProcessFilters .mxt-dropdown-container.mxt-dot-dropdown .mxt-dropdown .mxt-dropdown-options.mxt-dot-dropdown-options .mxt-option-disabled {
  pointer-events: none;
  opacity: 0.5;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxtdropdown.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.mxt-dropdown-option-img {
  width: 18px;
  height: 18px;
  margin-left: 25px;
  margin-right: 15px;
}

.mxt-dropdown-container {
  position: relative;
  margin: 5px 5px;
}
.mxt-dropdown-container.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.mxt-dropdown {
  position: absolute;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  padding-left: 15px;
  background: white;
  min-height: 40px;
  min-width: 170px;
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 1;
}

.mxt-dropdown-no-checkbox {
  min-width: 100px;
}

.mxt-dropdown-options {
  padding-bottom: 10px;
  overflow: hidden;
}

.mxt-dropdown:hover {
  opacity: 1;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
}

.mxt-dropdown-option {
  margin-right: 10px;
}

.mxt-dropdown-option-no-checkbox p:hover {
  color: var(--selected);
}

.mxt-dropdown-option-no-checkbox p {
  cursor: pointer;
}

.mxt-dropdown-header {
  display: flex;
  cursor: pointer;
  min-height: 40px;
  align-items: center;
}

.mxt-dropdown-header h5 {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
  margin: 0px;
}

.mxt-dropdown-header-current {
  margin: 0px;
  font: var(--mxt-font-body-sm);
  padding: 0.3rem 0;
}

.mxt-dropdown-header-image {
  width: 40px;
  height: 40px;
}

.mxt-dropdown-header .mxt-dropdown-chevron.mxt-dropdown-rotate-chevron {
  transform: rotate(0deg);
}

.mxt-dropdown-header .mxt-dropdown-chevron {
  width: 25px;
  height: 25px;
  position: relative;
  margin-left: 10px;
  transform: rotate(-90deg);
  transition: 0.5s all ease;
}

/* Create the checkmark/indicator (hidden when not checked) */
.mxt-custom-checkbox-container .mxt-custom-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.mxt-custom-checkbox-container input:checked ~ .mxt-custom-checkmark:after {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mxt-custom-checkbox-container {
  display: block;
  position: relative;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Style the checkmark/indicator */
.mxt-custom-checkbox-container .mxt-custom-checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #3aa8bc;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide default checkbox*/
.mxt-custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.mxt-custom-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 3px solid #d7d7d7;
}

input:checked ~ .mxt-custom-checkmark {
  border: solid 3px #3aa8bc;
}

.mxt-dropdown-option-quantity {
  margin-left: 3px;
  font: var(--mxt-font-body-bold);
}

.mxt-dropdown-option.mxt-dropdown-option-disabled {
  color: var(--mxt-font-color-disabled);
}

.mxt-dropdown-option.mxt-dropdown-option-disabled .mxt-custom-checkbox-container {
  cursor: not-allowed;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/searchAndBrowse.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container .mxt-search-browse {
  background: var(--mxt-background-color);
  flex: 0 0 calc(50% - var(--mobile-bottom-toolbar-height));
  display: flex;
  flex-flow: column;
  height: 100%;
  position: relative;
  /* Must be included for backward compatability with dropdowns. */
}
.mxt-modular-config-container .mxt-search-browse .mxt-sb-popover .mxt-popover-content {
  padding: 15px;
  text-align: center;
  font: var(--mxt-font-body-bold);
}
.mxt-modular-config-container .mxt-search-browse .sb-header {
  flex: 0 0 auto;
  background: var(--mxt-background-color);
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  overflow: auto;
  margin: 0px;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .sb-header-title-container,
.mxt-modular-config-container .mxt-search-browse .sb-header .sb-header-desc-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .sb-header-title-container {
  height: 30px;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .sb-header-title {
  font: var(--mxt-font-header);
  margin: 0;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .sb-header-desc {
  margin: 0px;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .mxt-back-button {
  align-self: center;
  height: 30px;
  min-width: 30px;
}
.mxt-modular-config-container .mxt-search-browse .sb-header .mxt-back-button.mxt-btn-disabled {
  visibility: hidden;
}
.mxt-modular-config-container .mxt-search-browse .sb-container {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen {
  overflow: auto;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .browse-option {
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(237, 237, 237);
  cursor: pointer;
  display: flex;
  gap: 15px;
  padding: 10px;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .browse-option img.browse-option-image {
  width: 62px;
  height: 62px;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .browse-option:last-child {
  border-bottom: 0;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card {
  border-bottom: 1px solid rgb(237, 237, 237);
  cursor: pointer;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card.sb-product-adding {
  border: 3px solid var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card.sb-product-adding:last-child {
  border-bottom: 3px solid var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card:last-child {
  border-bottom: 0 none;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card .product-header {
  padding-right: 23px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card .product-header .product-name {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .mxt-product-card .product-header img.pdp-button {
  cursor: pointer;
  height: 33px;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 33px;
}
.mxt-modular-config-container .mxt-search-browse .sb-container .sb-screen .browse-option {
  font: var(--mxt-font-header);
}
.mxt-modular-config-container .mxt-search-browse .hidden {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .sb-header-desc-container {
  min-height: 30px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-search-browse {
  /**take up all of the min-width of the menu layout*/
  flex: 0 0 100%;
  max-width: 100%;
}
.mxt-modular-config-container.modular-config-mobile-portrait .sb-header-desc-container, .mxt-modular-config-container.modular-config-mobile-landscape .sb-header-desc-container {
  min-height: unset;
}
.mxt-modular-config-container.modular-config-mobile-portrait .mxt-search-browse .sb-header .sb-header-title, .mxt-modular-config-container.modular-config-mobile-landscape .mxt-search-browse .sb-header .sb-header-title {
  font: 700 18px var(--mxt-font);
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/delayedLoading.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-delayed-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1111;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxttoast.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.mxt-toast-background.mxt-full-toast-screen {
  background: rgba(0, 0, 0, 0.5);
  z-index: 10005;
  display: flex;
  justify-content: center;
  align-items: end;
  transition: 1s all ease;
}

.mxt-toast-div {
  width: 100%;
  min-height: 42px;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  overflow-y: scroll;
  background-color: white;
  color: var(--mxt-text-color-dark);
  border: 1px solid black;
  display: flex;
  flex-direction: row;
}
.mxt-toast-div .mxt-toast-content {
  overflow: auto;
  height: 100%;
  flex-grow: 1;
}
@media (min-width: 767px) {
  .mxt-toast-div {
    width: initial;
    max-width: 80%;
  }
}

.mxt-default-toast-header-container {
  display: flex;
  justify-content: center;
}

.mxt-default-toast-header {
  font: var(--mxt-font-header);
  color: var(--mxt-font-color);
  padding: 13px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.mxt-btn-close-toast {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
}

.mxt-btn-close-toast-icon {
  width: 30px;
  height: 30px;
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/titledPage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-titled-page header {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px rgba(0, 0, 0, 0.2);
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.mxt-modular-config-container .mxt-titled-page header button.titled-page-back-button > img {
  height: 40px;
}
.mxt-modular-config-container .mxt-titled-page header button.titled-close-button {
  align-self: flex-start;
  padding: 16px 16px 0 0;
}
.mxt-modular-config-container .mxt-titled-page header button.titled-close-button > img {
  height: 30px;
}
.mxt-modular-config-container .mxt-titled-page header .titled-page-header-text {
  flex: 1;
  padding: 16px;
}
.mxt-modular-config-container .mxt-titled-page header .titled-page-header-text .titled-page-header {
  margin: 0;
  text-align: center;
}
.mxt-modular-config-container .mxt-titled-page header .titled-page-header-text .titled-page-header {
  font: var(--mxt-font-header);
}
.mxt-modular-config-container .mxt-titled-page .content-description {
  font: var(--mxt-font-body-lg);
  color: #666;
  text-align: left;
}
.mxt-modular-config-container .mxt-titled-page .titled-page-description {
  padding: var(--mxt-modular-container-padding);
  margin: 0px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-titled-page .content-description {
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/dimension.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-switch-container {
  flex-grow: 1;
  align-items: center;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch {
  width: 35px;
  height: 15px;
  margin-bottom: unset;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider {
  background: var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider {
  border-radius: 11px;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider::before {
  width: 11px;
  height: 11px;
  inset: 2px;
}

.mxt-modular-config-container .mxt-dimension-menu {
  max-width: unset;
}
.mxt-modular-config-container .mxt-dimension-menu .mxt-popover-content {
  margin: 8px;
  padding: 15px;
  max-height: 280px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mxt-modular-config-container .mxt-dimension-menu.mxt-toast-div {
  min-height: 15vh;
  padding: 15px;
}
.mxt-modular-config-container .mxt-dimension-menu.mxt-toast-div .mxt-btn-close-toast {
  top: 5px;
}
.mxt-modular-config-container .mxt-dimension-menu.mxt-toast-div #mxt-dimension-menu {
  width: 100%;
}
.mxt-modular-config-container .mxt-dimension-menu .mxt-dimension-menu-title {
  font: var(--mxt-font-body-bold);
  margin-bottom: 4px;
}
.mxt-modular-config-container .mxt-dimension-menu .mxt-dimension-menu-title-rule {
  margin: 0 4px 4px 4px;
}

.mxt-modular-config-container .mxt-dimension-menu .mxt-switch-container .mxt-switch-label {
  font: var(--mxt-font-body);
  margin-bottom: 4px;
  width: 100%;
  white-space: nowrap;
  border: none;
  background: unset;
  text-align: left;
  color: var(--default-text-color);
  padding: 0;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/load.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-load-modal .mxt-titled-page header {
  padding-top: 15px;
}
.mxt-modular-config-container .mxt-load-modal .mxt-modal-content {
  padding: 50px;
}
.mxt-modular-config-container .mxt-load-container {
  padding: 20px;
}
.mxt-modular-config-container .mxt-load-container .load-content-block {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.mxt-modular-config-container .mxt-load-container .load-data .load-code-input {
  text-transform: uppercase;
  height: 41px;
  font: var(--mxt-font-body-lg);
  text-align: center;
  border-radius: var(--mxt-corner-roundness);
  border: 1px solid #1c1c1c;
  min-width: 40px;
}
.mxt-modular-config-container .mxt-load-container .load-data .load-code-input::placeholder {
  text-transform: none;
}
.mxt-modular-config-container .mxt-load-container .load-full-width {
  width: 100%;
}
.mxt-modular-config-container .mxt-load-container .load-full-width > * {
  width: 100%;
}
.mxt-modular-config-container .mxt-load-container .error-text {
  text-align: center;
  font: var(--mxt-font-body-lg);
  line-height: 24px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-load-container {
  padding: 0px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-load-container .load-full-width {
  width: 260px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/share.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-share-modal .mxt-titled-page header,
.mxt-modular-config-container .mxt-new-project-modal .mxt-titled-page header {
  padding-top: 15px;
}
.mxt-modular-config-container .mxt-share-container,
.mxt-modular-config-container .mxt-new-project-container {
  padding: 20px;
}
.mxt-modular-config-container .mxt-share-container .share-data,
.mxt-modular-config-container .mxt-new-project-container .share-data {
  display: flex;
  justify-content: center;
  padding: 0px;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-qr,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-qr {
  display: none;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-right,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-right {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-flow: column;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-right .share-code-header,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-right .share-code-header {
  display: none;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-right .share-code-input-container,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-right .share-code-input-container {
  display: flex;
  width: 100%;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-right .share-code-input-container .share-code-input,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-right .share-code-input-container .share-code-input {
  height: 41px;
  font: var(--mxt-font-header);
  padding-left: 15px;
  flex: 1;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: var(--mxt-corner-roundness);
  border: 1px solid #1c1c1c;
  min-width: 40px;
}
.mxt-modular-config-container .mxt-share-container .share-data .share-right .share-code-input-container .mxt-cta-button,
.mxt-modular-config-container .mxt-new-project-container .share-data .share-right .share-code-input-container .mxt-cta-button {
  flex: 0 0 140px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.mxt-modular-config-container .mxt-share-container .native-share,
.mxt-modular-config-container .mxt-new-project-container .native-share {
  width: 100%;
  padding-top: 40px;
}
.mxt-modular-config-container .mxt-share-container .native-share .mxt-btn,
.mxt-modular-config-container .mxt-new-project-container .native-share .mxt-btn {
  width: 100%;
}
.mxt-modular-config-container .mxt-share-container .mxt-spins-loading-progress-background,
.mxt-modular-config-container .mxt-new-project-container .mxt-spins-loading-progress-background {
  position: relative;
}
.mxt-modular-config-container .share-subtext {
  font: var(--mxt-font-body-sm);
  font-style: italic;
}
.mxt-modular-config-container.modular-config-landscape .mxt-load-modal {
  height: 325px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-modal,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-modal {
  height: 385px;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-new-project-container .share-data .share-qr {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data {
  padding: 0px 60px;
  gap: 20px;
  padding-top: 20px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-qr,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-qr {
  display: block;
  flex: 0 0 100px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-right,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-right {
  flex: 1;
  justify-content: space-evenly;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-right .share-code-header,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-right .share-code-header {
  display: block;
  font: var(--mxt-font-header);
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-right .share-code-input-container .share-code-input,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-right .share-code-input-container .share-code-input {
  font: var(--mxt-font-body);
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-right .share-code-input-container .mxt-cta-button,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-right .share-code-input-container .mxt-cta-button {
  flex: 0 0 51px;
  min-width: 51px;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .share-data .share-right .share-code-input-container .mxt-cta-button .mxt-btn-text,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .share-data .share-right .share-code-input-container .mxt-cta-button .mxt-btn-text {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-share-container .native-share,
.mxt-modular-config-container.modular-config-landscape .mxt-new-project-container .native-share {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/newProject.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-new-project-container .mxt-new-project-buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.mxt-modular-config-container .mxt-new-project-container .mxt-new-project-buttons .mxt-btn {
  flex-grow: 1;
}
.mxt-modular-config-container .mxt-new-project-modal .mxt-new-project-buttons .mxt-btn {
  flex-grow: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/productDetail.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-product-detail-modal {
  display: flex;
  max-width: 675px;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content {
  flex: 1;
  height: auto;
  padding: 0;
  overflow: auto;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page > header {
  display: none;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card {
  border-bottom: 1px solid black;
  padding: 0;
  column-gap: 25px;
  padding-right: 25px;
  grid-template: "image emptyTop" 1fr "image header" min-content "image dimensions" min-content "image sku" min-content "image item" min-content "image availability" min-content "image link" min-content "image description" min-content "image emptyBottom" 1fr / 260px 1fr;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card .product-image {
  background-color: white;
  height: auto;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card .product-image > img {
  height: 100%;
  width: 100%;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card .product-header {
  font: var(--mxt-font-header);
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid black;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card .product-description {
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 1px solid black;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card > *:last-child {
  padding-bottom: 20px;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card:last-child {
  border-bottom: 0 none;
}
.mxt-modular-config-container .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .titled-page-content.single-product .product-image {
  padding: 94px 0;
}
.mxt-modular-config-container .drawer .mxt-titled-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mxt-modular-config-container .drawer .mxt-titled-page .mxt-product-detail {
  background-color: rgb(247, 247, 247);
  flex: 1;
  padding: 15px;
}
.mxt-modular-config-container .drawer .mxt-titled-page .mxt-product-card {
  padding: 0;
}
.mxt-modular-config-container .drawer .mxt-titled-page .mxt-product-card .product-header {
  padding: 10px 15px 0 0;
}
.mxt-modular-config-container .drawer .mxt-titled-page .mxt-product-card .product-image {
  align-items: flex-start;
  padding-left: 10px;
}
.mxt-modular-config-container .drawer .mxt-titled-page .mxt-product-card > div:last-child:not(.product-description) {
  padding-bottom: 10px;
}
.mxt-modular-config-container.modular-config-mobile-landscape .mxt-product-detail-modal .mxt-modal-content .mxt-titled-page .mxt-product-card {
  column-gap: 5px;
  padding-right: 15px;
  padding-left: 15px;
  grid-template: "header header" min-content "image dimensions" min-content "image sku" min-content "image item" min-content "image availability" min-content "image link" min-content "image description" min-content/160px 1fr;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/mxthotspot.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.mxt-hotspot-modal {
  position: absolute;
  top: 5px;
  left: 5px;
  min-width: 200px;
  max-width: 30%;
  max-height: 25%;
  overflow: auto;
  background: white;
  border-radius: var(--mxt-corner-roundness);
  border: 2px solid grey;
  z-index: 1;
  padding: 5px;
}
.mxt-hotspot-modal .mxt-hotspot-modal-header {
  margin: 0px;
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 7px;
}
.mxt-hotspot-modal .mxt-hotspot-modal-text {
  margin: 0px;
  font: var(--mxt-font-body);
}
.mxt-hotspot-modal .mxt-hotspot-modal-link {
  margin: 0px;
  color: var(--toggle-blue);
  text-decoration: underline;
  cursor: pointer;
  margin-top: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-ui-utility/scss/modular-config-place.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-place-location {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /** center it on the location being passed up*/
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--mxt-client-primary);
  border: 4px solid #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(89, 72, 72, 0.2);
  color: white;
}
.mxt-place-location.mxt-add-floor-location {
  bottom: 40px;
  left: 50%;
  width: fit-content;
  border-radius: var(--mxt-corner-roundness);
  font: var(--mxt-font-subheader);
  justify-content: flex-start;
  padding: 0px 15px;
  gap: 10px;
}
.mxt-place-location.mxt-add-floor-location img {
  width: auto;
  height: 80%;
}
.mxt-place-location.mxt-occluded-location {
  background: transparent;
  border: 4px dashed #ffffff;
  box-shadow: none;
}
.mxt-place-location img {
  width: 50%;
}

.mxt-grouped-place-location {
  transform: translate(-50%, -25px);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  z-index: 1;
}
.mxt-grouped-place-location .mxt-place-location {
  position: relative;
  text-align: center;
  transform: unset;
}
.mxt-grouped-place-location .mxt-place-location .mxt-place-group-count {
  position: absolute;
  top: -25%;
  right: -25%;
  text-align: center;
  font: var(--mxt-font-body-lg-bold);
  font-size: 16px;
  background: white;
  color: var(--mxt-client-primary);
  border-radius: 50%;
  line-height: 25px;
  width: 25px;
  height: 25px;
}
.mxt-grouped-place-location .mxt-place-group-reveal {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mxt-grouped-place-location .mxt-place-group-reveal .mxt-place-group-carousel {
  display: flex;
  justify-content: center;
  gap: 5px;
  font: var(--mxt-font-body-bold);
  color: white;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.mxt-grouped-place-location .mxt-place-group-reveal .mxt-place-group-carousel .mxt-place-group-carousel-prev {
  cursor: pointer;
}
.mxt-grouped-place-location .mxt-place-group-reveal .mxt-place-group-carousel .mxt-place-group-carousel-next {
  cursor: pointer;
}
.mxt-grouped-place-location .mxt-place-group-reveal .mxt-place-group-place {
  padding: 5px 20px;
  background: var(--mxt-client-primary);
  border: 4px solid #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(89, 72, 72, 0.2);
  border-radius: 20px;
  text-align: center;
  font: var(--mxt-font-body-bold);
  color: white;
  cursor: pointer;
}

.mxt-grouped-occluded-location .mxt-place-location {
  background: transparent;
  border: 4px dashed #ffffff;
  box-shadow: none;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/no-product-guidance.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-no-product-guidance {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.mxt-modular-config-container .mxt-no-product-guidance .guidance-box {
  padding: 20px;
  text-align: center;
  border: 2px solid #666;
  border-radius: var(--mxt-corner-roundness);
  max-width: 280px;
  font: var(--mxt-font-subheader);
  line-height: 23px;
}
.mxt-modular-config-container .mxt-no-product-guidance .guidance-box.guidance-box-portrait {
  display: block;
}
.mxt-modular-config-container .mxt-no-product-guidance .guidance-box.guidance-box-landscape {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-no-product-guidance .guidance-box.guidance-box-portrait {
  display: none;
}
.mxt-modular-config-container.modular-config-landscape .mxt-no-product-guidance .guidance-box.guidance-box-landscape {
  display: block;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/renderer.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

.mxt-modular-config-container .mxt-canvas-container {
  position: relative;
  user-select: none;
  overflow: hidden;
  flex: 0 0 100%;
  -webkit-user-select: none;
}
.mxt-modular-config-container .mxt-canvas-container .place-ui-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.mxt-modular-config-container .mxt-canvas-container .place-ui-container > * {
  pointer-events: all;
}
.mxt-modular-config-container .mxt-canvas-container:focus {
  outline: none;
}
.mxt-modular-config-container .mxt-canvas-container .render-ui-loading {
  pointer-events: none;
  position: absolute;
  bottom: 40px;
  width: 100%;
  display: flex;
  height: 140px;
}
.mxt-modular-config-container .mxt-canvas-container .render-ui-loading.loading-top {
  top: 60px;
  bottom: auto;
}
.mxt-modular-config-container .mxt-canvas-container .mxt-canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
}
.mxt-modular-config-container .mxt-canvas-container .mxt-canvas:focus {
  outline: none;
}
.mxt-modular-config-container .mxt-canvas-container .mxt-dimension-line-label {
  position: absolute;
  background: var(--mxt-background-color);
  border-radius: 5px;
  box-shadow: var(--mxt-box-shadow);
  padding: 3px 6px;
}
.mxt-modular-config-container .mxt-canvas-container .mxt-dimension-line-label > span {
  font-family: sans-serif;
}
.mxt-modular-config-container .mxt-canvas-container .mxt-about-button {
  z-index: 1;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 7px;
  left: 7px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM5YjliOWI7CiAgICAgIH0KCiAgICAgIC5jbHMtMSwgLmNscy0yIHsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQoKICAgICAgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZm9udC1mYW1pbHk6IFNvaW5TYW5zTmV1ZS1MaWdodCwgJ1NvaW4gU2FucyBOZXVlJzsKICAgICAgICBmb250LXNpemU6IDM2Mi4zcHg7CiAgICAgICAgZm9udC13ZWlnaHQ6IDMwMDsKICAgICAgICBzdHJva2U6ICNmZmY7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogOHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii40IiB5PSIuNyIgd2lkdGg9IjUxMS4zIiBoZWlnaHQ9IjUxMS4zIiByeD0iNDAuNiIgcnk9IjQwLjYiLz4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNTQsMzY4LjVjLTI0LjEsMC00My42LTUuOS01Ny45LTE3LjYtMTMuNi0xMS4yLTIxLjgtMjcuMy0yMy43LTQ2LjdsLS45LTkuN2gzNC43bC45LDcuOGMxLjIsMTAuMyw1LjQsMTguMiwxMi40LDIzLjcsNy45LDYuMSwxOS40LDkuMiwzNC4yLDkuMnMyNi40LTMuNCwzNC41LTkuN2M3LjgtNi4yLDExLjctMTQuOSwxMS43LTI2LjFzLTMuMy0xOC41LTkuOC0yMy43Yy02LjUtNS4yLTE2LjUtNy45LTI5LTcuOWgtMzEuNHYtMzIuNWgyOS40YzExLjcsMCwyMC42LTIuNiwyNi40LTcuNiw1LjUtNC44LDguMy0xMi4yLDguMy0yMS45LDAtMjEuNC0yMS41LTI4LjktMzkuOS0yOC45cy0yNC44LDMuMS0zMi40LDkuM2MtNi45LDUuNi0xMC45LDEzLjUtMTEuOCwyMy42bC0uOCw4aC0zNC42bC43LTkuNWMxLjMtMTkuMyw5LjItMzUuNiwyMi43LTQ3LDEzLjgtMTEuNywzMy4zLTE3LjgsNTYuMy0xNy44czM4LjMsNS40LDUxLjcsMTUuMmMxNS40LDExLjIsMjMuNSwyNy4yLDIzLjUsNDYuMnMtMy43LDI2LjItMTAuNywzNS43Yy0yLjMsMy4yLTUsNi04LDguNSwxNS44LDEwLjIsMjQuOCwyOC40LDI0LjgsNTAuNXMtMi4xLDIwLjEtNi40LDI4LjhjLTQuMSw4LjUtMTAsMTUuOS0xNy42LDIyLTE0LjUsMTEuNy0zNC45LDE4LjEtNTcuNCwxOC4xWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNTQsMTQ2YzE5LjQsMCwzNy4zLDUuMiw1MC4zLDE0LjcsMTQuNywxMC43LDIyLjUsMjYsMjIuNSw0NC4ycy0zLjUsMjUuMi0xMC4yLDM0LjJjLTMsNC02LjUsNy40LTEwLjUsMTAuMiwxNi43LDkuMSwyNi44LDI3LjQsMjYuOCw1MC4ycy0yLjEsMTkuMy02LjEsMjcuN2MtMy45LDguMS05LjYsMTUuMi0xNi45LDIxLjEtMTQuMSwxMS4zLTMzLjksMTcuNi01NS44LDE3LjZzLTQyLjUtNS43LTU2LjMtMTdjLTEzLjEtMTAuNy0yMS0yNi4zLTIyLjgtNDVsLS43LTdoMjkuN2wuNyw1LjZjMS4zLDExLDUuOCwxOS41LDEzLjQsMjUuMyw4LjQsNi40LDIwLjQsOS43LDM1LjcsOS43czI3LjYtMy42LDM2LjEtMTAuM2M4LjQtNi43LDEyLjctMTYuMSwxMi43LTI4LjFzLTMuNi0yMC0xMC43LTI1LjZjLTYuOS01LjUtMTcuNS04LjQtMzAuNi04LjRoLTI4Ljl2LTI3LjVoMjYuOWMxMi4zLDAsMjEuNy0yLjgsMjgtOC4yLDYuMS01LjMsOS4yLTEzLjMsOS4yLTIzLjgsMC0yMy4yLTIyLjgtMzEuNC00Mi40LTMxLjRzLTI1LjksMy4zLTM0LDkuOWMtNy40LDYtMTEuNywxNC41LTEyLjcsMjUuM2wtLjUsNS44aC0yOS43bC41LTYuOGMxLjMtMTguNiw4LjgtMzQuMywyMS44LTQ1LjMsMTMuNC0xMS4zLDMyLjMtMTcuMiw1NC43LTE3LjJNMTU0LDE0MWMtMjMuNiwwLTQzLjYsNi40LTU3LjksMTguNC0xNC4xLDExLjktMjIuMiwyOC43LTIzLjYsNDguOGwtLjUsNi44LS40LDUuM2gzOS42bC40LTQuNS41LTUuOGMuOS05LjQsNC42LTE2LjgsMTAuOS0yMS45LDcuMi01LjgsMTcuNi04LjgsMzAuOS04LjhzMTkuMywyLjIsMjUuOSw2LjNjNy42LDQuNiwxMS41LDExLjQsMTEuNSwyMC4xcy0yLjUsMTUuNy03LjUsMjBjLTUuMyw0LjYtMTMuNyw3LTI0LjcsN2gtMzEuOXYzNy41aDMzLjljMTEuOSwwLDIxLjQsMi41LDI3LjQsNy4zLDUuOCw0LjcsOC44LDEyLDguOCwyMS43cy0zLjUsMTguNC0xMC44LDI0LjJjLTcuNiw2LTE5LDkuMi0zMyw5LjJzLTI1LjItMi45LTMyLjctOC43Yy02LjUtNS0xMC4zLTEyLjQtMTEuNS0yMmwtLjctNS42LS41LTQuNGgtMzkuN2wuNSw1LjUuNyw3YzEuOSwyMC4xLDEwLjQsMzYuOCwyNC42LDQ4LjQsMTQuNywxMiwzNC43LDE4LjIsNTkuNSwxOC4yczQ0LTYuNiw1OC45LTE4LjdjNy45LTYuMywxNC0xNCwxOC4zLTIyLjgsNC40LTkuMSw2LjYtMTkuMiw2LjYtMjkuOXMtMi43LTIzLjItNy43LTMyLjZjLTMuOS03LjItOS4yLTEzLjQtMTUuNS0xOC4xLDIuMi0yLjEsNC4yLTQuMyw2LTYuOCw3LjMtOS45LDExLjItMjIuOCwxMS4yLTM3LjJzLTguNS0zNi41LTI0LjUtNDguMmMtMTMuOS0xMC4xLTMyLjgtMTUuNy01My4yLTE1LjdoMFoiLz4KICAgIDwvZz4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNjUuMiwzNjUuOXYtMjE5LjhoNTljMTYuOCwwLDMyLjUsMi43LDQ2LjksOC4xLDE0LjEsNS4yLDI2LjUsMTIuOSwzNi44LDIyLjcsMTAuMyw5LjgsMTguNCwyMS41LDIzLjksMzQuOCw1LjYsMTMuNCw4LjQsMjguMSw4LjQsNDMuN3MtMi44LDMwLjUtOC40LDQ0LjFjLTUuNSwxMy40LTEzLjYsMjUuMy0yMy45LDM1LjItMTAuNCwxMC0yMi45LDE3LjctMzcsMjMtMTQuNCw1LjQtMzAuMyw4LjItNDcuMiw4LjJoLTU4LjVaTTMyMy43LDMzMmMyNSwwLDQ1LjgtNy40LDYwLTIxLjMsMTMuNy0xMy41LDIwLjktMzIuNSwyMC45LTU1LjJzLTcuMi00MS0yMC44LTU0LjNjLTE0LjEtMTMuOC0zNC43LTIxLjEtNTkuNS0yMS4xaC0yNC4zdjE1MmgyMy43WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMjQuMywxNDguNmMxNi41LDAsMzEuOSwyLjcsNDYsNy45LDEzLjcsNS4xLDI1LjgsMTIuNiwzNiwyMi4yLDEwLjEsOS42LDE3LjksMjEsMjMuMywzNCw1LjQsMTMuMSw4LjIsMjcuNSw4LjIsNDIuN3MtMi44LDI5LjktOC4yLDQzLjFjLTUuNCwxMy4xLTEzLjIsMjQuNy0yMy4zLDM0LjMtMTAuMiw5LjctMjIuMywxNy4zLTM2LjEsMjIuNS0xNC4xLDUuMy0yOS43LDgtNDYuMyw4aC01NnYtMjE0LjhoNTYuNU0yOTcuNSwzMzQuNWgyNi4yYzI1LjcsMCw0Ny4xLTcuNiw2MS43LTIyLjEsMTQuMi0xMy45LDIxLjctMzMuNiwyMS43LTU3cy03LjUtNDIuMy0yMS42LTU2LjFjLTE0LjYtMTQuMy0zNS44LTIxLjgtNjEuMi0yMS44aC0yNi44djE1N00zMjQuMywxNDMuNmgtNjEuNXYyMjQuOGg2MWMxNy4yLDAsMzMuNC0yLjgsNDguMS04LjMsMTQuNS01LjQsMjcuMi0xMy40LDM3LjktMjMuNiwxMC42LTEwLjIsMTguOS0yMi4zLDI0LjUtMzYuMSw1LjctMTMuOSw4LjYtMjksOC42LTQ1cy0yLjktMzAuOS04LjYtNDQuNmMtNS42LTEzLjYtMTMuOS0yNS42LTI0LjUtMzUuNy0xMC42LTEwLjEtMjMuMy0xNy45LTM3LjctMjMuMy0xNC42LTUuNC0zMC43LTguMi00Ny43LTguMmgwWk0zMDIuNSwxODIuNWgyMS44YzI0LjEsMCw0NC4xLDcuMSw1Ny44LDIwLjQsMTMuMSwxMi44LDIwLjEsMzEsMjAuMSw1Mi41cy03LDQwLjUtMjAuMiw1My40Yy0xMy43LDEzLjUtMzMuOSwyMC42LTU4LjIsMjAuNmgtMjEuMnYtMTQ3aDBaIi8+CiAgICA8L2c+CiAgPC9nPgogIDx0ZXh0IGNsYXNzPSJjbHMtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQyNiAzODYuNCkiPjx0c3BhbiB4PSIwIiB5PSIwIj4zRDwvdHNwYW4+PC90ZXh0Pgo8L3N2Zz4=);
  background-repeat: no-repeat;
}
.mxt-modular-config-container.modular-config-landscape .mxt-canvas-container {
  height: 100%;
}
.mxt-modular-config-container.modular-config-landscape .mxt-canvas-container .mxt-about-button {
  bottom: 68px;
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-about-button {
  bottom: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/about.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-switch-container {
  flex-grow: 1;
  align-items: center;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch {
  width: 35px;
  height: 15px;
  margin-bottom: unset;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider {
  background: var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider {
  border-radius: 11px;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider::before {
  width: 11px;
  height: 11px;
  inset: 2px;
}

.mxt-modular-config-container .mxt-about-menu {
  padding: 10px;
}
.mxt-modular-config-container .mxt-about-menu:not(.mxt-toast-div) {
  max-width: fit-content;
}
.mxt-modular-config-container .mxt-about-menu.hidden {
  display: initial !important;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/screenshot.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-switch-container {
  flex-grow: 1;
  align-items: center;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch {
  width: 35px;
  height: 15px;
  margin-bottom: unset;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider {
  background: var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider {
  border-radius: 11px;
}
.mxt-modular-config-container .mxt-switch-container .mxt-switch .mxt-slider::before {
  width: 11px;
  height: 11px;
  inset: 2px;
}

.mxt-modular-config-container .mxt-screenshot-menu {
  max-width: unset;
}
.mxt-modular-config-container .mxt-screenshot-menu .mxt-popover-content {
  margin: 8px;
  padding: 15px;
  max-height: 280px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mxt-modular-config-container .mxt-screenshot-menu.mxt-toast-div {
  min-height: 15vh;
  padding: 15px;
}
.mxt-modular-config-container .mxt-screenshot-menu.mxt-toast-div .mxt-btn-close-toast {
  top: 5px;
}
.mxt-modular-config-container .mxt-screenshot-menu.mxt-toast-div #mxt-screenshot-menu {
  width: 100%;
}
.mxt-modular-config-container .mxt-screenshot-menu .mxt-screenshot-menu-title {
  font: var(--mxt-font-body-bold);
  margin-bottom: 4px;
}
.mxt-modular-config-container .mxt-screenshot-menu .mxt-screenshot-menu-title-rule {
  margin: 0 4px 4px 4px;
}
.mxt-modular-config-container .mxt-screenshot-menu .mxt-screenshot-option,
.mxt-modular-config-container .mxt-screenshot-menu .mxt-switch-container .mxt-switch-label {
  font: var(--mxt-font-body);
  margin-bottom: 4px;
  width: 100%;
  white-space: nowrap;
  border: none;
  background: unset;
  text-align: left;
  color: var(--default-text-color);
  padding: 0;
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/webar.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.MxtWebARPopover {
  padding: 20px;
}
.MxtWebARPopover__header {
  margin-bottom: 10px;
}
.MxtWebARPopover__cancel {
  margin-top: 10px;
  text-align: right;
}

.mxt-webar-desktop-modal {
  padding: 20px;
  background-color: var(--mxt-secondary-background-color);
}
.mxt-webar-desktop-modal-content {
  text-align: center;
}
.mxt-webar-desktop-modal-content .header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 450px;
  margin: auto;
  padding: 10px;
}
.mxt-webar-desktop-modal-content .body {
  background-color: white;
  padding: 30px;
}
.mxt-webar-desktop-modal-content .body .generate {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.mxt-webar-desktop-modal-content .body .generate .mxt-font-header {
  margin-bottom: 20px;
}
.mxt-webar-desktop-modal-content .body .generate .MxtThrobber {
  width: 40px;
  height: 40px;
}
.mxt-webar-desktop-modal-content .body .generate .webar-cancel {
  margin-top: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/modules/drawer.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/@mxt/mxt-modular-config/scss/global.scss (1) ***!
  \***************************************************************************************************************************************************************************************************************************/
:root {
  /** Configurable colors */
  --mxt-corner-roundness: 6px;
  /* must be rgb, not hex, but without the parentheses so we can apply an opacity within it
     for example, 255,255,255 NOT rgb(255,255,255)*/
  --mxt-client-primary-rgb: 0, 0, 0;
  /* must be rgb, not hex, but without the parentheses so we can apply an opacity within it
     for example, 255,255,255 NOT rgb(255,255,255)*/
  --mxt-client-secondary-rgb: 0, 0, 0;
  /* must be rgb, not hex, but without the parentheses so we can apply an opacity within it
     for example, 255,255,255 NOT rgb(255,255,255)*/
  --mxt-client-drop-shadow-rgb: 0, 0, 0;
  --mxt-client-blueprint-active-toolbar-button: rgb(79, 193, 223);
  --mxt-cta-button-drop-shadow: 0 1px 0 0 var(--mxt-client-drop-shadow), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  --mxt-cta-button-border-thickness: 0px;
  --mxt-cta-button-border-color: #c1c1c1;
  --mxt-cta-button-font-color: #ffffff;
  --mxt-non-cta-button-drop-shadow: var(--mxt-dark-drop-shadow);
  --mxt-non-cta-button-border-thickness: 0px;
  --mxt-non-cta-button-border-color: #c1c1c1;
  --mxt-non-cta-button-background-color: #ffffff;
  --mxt-non-cta-button-font-color: #222832;
  --mxt-toolbelt-btn-drop-shadow: var(--mxt-dark-drop-shadow);
  --mxt-toolbelt-btn-border-thickness: 0px;
  --mxt-toolbelt-btn-border-color: #c1c1c1;
  --mxt-toolbelt-btn-background-color: #ffffff;
  --mxt-toolbelt-btn-font-color: #222832;
  --mxt-nav-control-drop-shadow: var(--mxt-dark-drop-shadow);
  --mxt-nav-control-border-thickness: 0px;
  --mxt-nav-control-border-color: #c1c1c1;
  --mxt-nav-control-background-color: #ffffff;
  --mxt-nav-control-font-color: #222832;
  --mxt-nav-control-primary-background-color: var(--primary-right-gradient);
  --mxt-nav-control-primary-font-color: var(--mxt-cta-button-font-color);
  --mxt-action-menu-drop-shadow: var(--mxt-dark-drop-shadow);
  --mxt-action-menu-border-thickness: 0px;
  --mxt-action-menu-border-color: #c1c1c1;
  --mxt-action-menu-background-color: #ffffff;
  --mxt-action-menu-font-color: #222832;
  --mxt-tooltip-drop-shadow: var(--mxt-dark-drop-shadow);
  --mxt-tooltip-border-thickness: 0px;
  --mxt-tooltip-border-color: #c1c1c1;
  --mxt-tooltip-font-color: #222832;
  --mxt-toolbar-background-color: #ffffff;
  --mxt-toolbar-button-color: #f5f5f5;
  --mxt-toolbar-font-color: #222832;
  --mxt-toolbar-divider-color: #d8d8d8;
  --mxt-toolbar-cta-button-color: #5c5c5c;
  --mxt-toolbar-cta-font-color: #ffffff;
  --mxt-toolbar-cta-divider-color: #4c4c4c;
  --mxt-dimension-pip-border-color: #4fc1df;
  --mxt-error-color: #be2c3b;
  /** forms */
  --mxt-form-control-border-width: 1px;
  --mxt-form-control-border-style: solid;
  --mxt-form-control-border-color: #3d3d3d;
  --mxt-form-control-border: var(--mxt-form-control-border-width) var(--mxt-form-control-border-style) var(--mxt-form-control-border-color);
  --mxt-form-control-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  --mxt-form-control-height: 50px;
  /** checkbox */
  --mxt-checkbox-border-width: 3px;
  --mxt-checkbox-border-style: solid;
  --mxt-checkbox-border-color: #9e9e9e;
  --mxt-checkbox-border: var(--mxt-checkbox-border-width) var(--mxt-checkbox-border-style) var(--mxt-checkbox-border-color);
  --mxt-checkbox-checked-color: #90d425;
  /** fonts */
  --mxt-font: Mulish;
  --mxt-font-header-lg: 800 30px var(--mxt-font);
  --mxt-font-header: 800 22px var(--mxt-font);
  --mxt-font-subheader: 700 15px var(--mxt-font);
  --mxt-font-body-lg: 500 15px var(--mxt-font);
  --mxt-font-body-lg-bold: 700 15px var(--mxt-font);
  --mxt-font-body: 500 13px var(--mxt-font);
  --mxt-font-body-bold: 700 13px var(--mxt-font);
  --mxt-font-body-sm: 500 11px var(--mxt-font);
  --mxt-font-body-ex-sm: 500 10px var(--mxt-font);
  --mxt-login-register-hero: 'url("")';
  --style-grid-image-size-sm: 64px;
  --style-grid-image-size-md: 64px;
  --style-grid-image-size-lg: 70px;
  --style-grid-image-size-sm-wide: 100px;
  --style-grid-image-size-md-wide: 120px;
  --style-grid-image-size-lg-wide: 140px;
  /** Non configurable colors**/
  --mxt-dark-drop-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  --mxt-client-primary: rgb(var(--mxt-client-primary-rgb));
  --mxt-client-drop-shadow: rgb(var(--mxt-client-drop-shadow-rgb));
  --mxt-client-secondary: rgb(var(--mxt-client-secondary-rgb));
  --mxt-button-disabled-font-color: #a5a5a5;
  --mxt-font-color: #222832;
  --mxt-font-color-disabled: #bebebe;
  --mxt-button-disabled-background-color: #e5e5e5;
  --primary-right-gradient: linear-gradient(to right, var(--mxt-client-primary), var(--mxt-client-secondary));
  --primary-top-gradient: linear-gradient(to top, var(--mxt-client-primary), var(--mxt-client-secondary));
  --fancy-rotate-overlay-color: #2aace2;
  /*in edge, cannot use space evenly, must use space around; https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15947692/ */
  --space-evenly: space-evenly;
  --mxt-action-menu-item-width: 70px;
  --mxt-toolbar-width: 160px;
  --mxt-interstitial-toolbar-width: 160px;
  --hover-blue: #edf9fc;
  --toggle-blue-rgb: 79, 193, 223; /*#4fc1df*/
  --toggle-blue: rgb(var(--toggle-blue-rgb));
  --toggle-green-rgb: 89, 191, 89;
  --toggle-green: rgb(var(--toggle-green-rgb));
  --mxt-primary-logo-width: 300px;
  --mxt-nav-control-button-primary-width: 145px;
  --mxt-nav-menu-height: 44px;
  --mxt-guided-design-font-color: #ffffff;
  --mxt-guided-design-border-color: #ffffff;
  --mxt-design-mode-panel-width: 340px;
  --kong-background-color-hover: rgb(0, 0, 0);
  --kong-background-color: rgb(255, 255, 255);
  --kong-background-color-active: rgb(0, 0, 0);
  --kong-text-color-hover: rgb(255, 255, 255);
}

/* Edge only */
@supports (-ms-accelerator: true) {
  :root {
    --space-evenly: space-around;
  }
}
.mxt-form-control {
  display: block;
  width: 100%;
  line-height: 1.42857143;
  border: var(--mxt-form-control-border);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-form-control-box-shadow);
  height: var(--mxt-form-control-height);
}

.mxt {
  font-synthesis: none;
}

@keyframes mxt-fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes mxt-fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/*animations*/
@keyframes mxt-pop {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.mxt-animated {
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

.mxt-animate-pop {
  animation-duration: 0.3s;
  animation-name: mxt-pop;
  animation-iteration-count: 1;
}

.mxt-animate-shrink {
  transform: scale(0);
}

.mxt-fadeOut {
  animation-name: mxt-fadeOut;
  pointer-events: none;
}

.mxt-fadeIn {
  animation-name: mxt-fadeIn;
}

.mxt-full-modal-screen {
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  margin: 0px auto;
  overflow: auto;
  z-index: 1;
}

.mxt-checkbox {
  display: flex;
  align-items: center;
}
.mxt-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mxt-checkbox input:checked + .mxt-checkbox-checkmark {
  background-position: left center;
  background-color: var(--mxt-checkbox-checked-color);
  border: none;
}
.mxt-checkbox .mxt-checkbox-checkmark {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hZGR0b2NhcnQtY2hlY2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjQxLDYuNjlhMSwxLDAsMCwwLTEuMzYuMzZMMTEuMzksMTUsNy42OCwxMi4yN2ExLDEsMCwwLDAtMS4zOS4yMSwxLDEsMCwwLDAsLjIxLDEuNGw0LjYsMy4zNy4wNiwwLDAsMCwuMTMuMDUuMDksMGEuOTIuOTIsMCwwLDAsLjI4LjA1LDEsMSwwLDAsMCwuNDEtLjFsLjA1LDBhMSwxLDAsMCwwLC4zMi0uMjZsMCwwLDAsMCwwLS4wNiw1LjIxLTguODlBMSwxLDAsMCwwLDE3LjQxLDYuNjlaIi8+PC9zdmc+);
  background-position: right center;
  background-size: auto 100%;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: var(--mxt-corner-roundness);
  border: var(--mxt-checkbox-border);
}

/**
    * Mxt switch should be in format
    * <div class="mxt-switch-container">
        <p class='mxt-switch-label'>Off</p>
        <label class="mxt-switch">
            <input type="checkbox" checked>
            <span class="mxt-slider"></span>
        </label>
        <p class='mxt-switch-label'>On</p>
    </div>
    */
.mxt-switch-container {
  display: flex;
}

.mxt-switch-label {
  line-height: 34px;
  padding: 0px 5px;
  user-select: none;
  color: var(--mxt-font-color);
}

.mxt-switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}

.mxt-switch input {
  display: none;
}

.mxt-switch input:checked + .mxt-slider {
  background: #4cd964;
}

.mxt-switch .mxt-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e2e2;
  border-radius: 34px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mxt-switch .mxt-slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  right: 38px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.mxt-switch input:checked + .mxt-slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

.mxt-switch-container.mxt-switch-container-small-toggle {
  flex-grow: 1;
  align-items: center;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch {
  width: 40px;
  height: 20px;
  margin-bottom: unset;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch input:checked + .mxt-slider {
  background: var(--toggle-blue);
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch .mxt-slider {
  border-radius: 16px;
}
.mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch .mxt-slider::before {
  width: 16px;
  height: 16px;
  inset: 2px;
}

.mxt-font-header-lg {
  font: var(--mxt-font-header-lg);
}

.mxt-font-header {
  font: var(--mxt-font-header);
}

.mxt-font-subheader {
  font: var(--mxt-font-subheader);
}

.mxt-font-body-lg {
  font: var(--mxt-font-body-lg);
}

.mxt-font-body {
  font: var(--mxt-font-body);
}

.mxt-font-body-sm {
  font: var(--mxt-font-body-sm);
}

.mxt-fraction {
  display: inline-block;
  /** cannot use system font, not nearly enough space to stack*/
  font-size: 7px;
  padding: 0 0.2em;
  text-align: center;
  vertical-align: middle;
}

.mxt-fraction:before {
  border-bottom: 1px solid #666;
  content: attr(top);
  display: block;
  line-height: 1.6em;
  padding: 0 0.2em;
}

.mxt-fraction:after {
  content: attr(bottom);
  display: block;
  line-height: 1.6em;
  padding: 0 0.2em;
}

.mxt-hidden {
  display: none !important;
}

.mxt-rotate-180 {
  transform: rotate(180deg);
}

/* renderer WebGL Canvas */
.mxt-canvas {
  width: 100%;
  height: 100%;
  cursor: inherit;
}

.mxt-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/** 
* place to put variables that effect the css of other modules, for example the toolbar heights determine how much space is left for other things
*/
:root {
  --mobile-top-toolbar-height: 44px;
  --mobile-middle-toolbar-height: 44px;
  --mobile-bottom-toolbar-height: 44px;
  --mobile-landscape-sidebar-width: 45%;
  --desktop-action-bar-offset: 65px;
  --desktop-sidebar-width: 400px;
  --desktop-sidebar-flow: row;
}

:root {
  --default-text-color: #212121;
  --font-color: var(--default-text-color);
  --current-selected-border-width: 5px;
  --mxt-background-color: #ffffff;
  --mxt-secondary-background-color: #f7f7f7;
  --mxt-non-cta-button-drop-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  --mxt-non-cta-button-border-thickness: 1px;
  --mxt-non-cta-button-border-color: #1c1c1c;
  --mxt-modular-container-padding: 10px 18px;
  --mxt-modular-toolbar-border: 1px solid var(--mxt-toolbar-divider-color);
  --mxt-modular-badge-font-color: var(--mxt-cta-button-font-color);
  --mxt-modular-badge-background-color: var(--mxt-client-primary);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--default-text-color);
  font-family: "Mulish";
  font: var(--mxt-font-body);
}

#mxt-splashscreen-login-container {
  position: relative;
  z-index: 10000;
}

.mxt-modular-config-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: start;
  position: relative;
}
@supports (height: 100dvh) {
  .mxt-modular-config-container {
    height: 100dvh;
  }
}
@supports (width: 100dvw) {
  .mxt-modular-config-container {
    width: 100dvw;
  }
}
.mxt-modular-config-container .hidden {
  display: none !important;
}
.mxt-modular-config-container .main {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  position: relative;
}
.mxt-modular-config-container .error-text {
  color: #be2c3b;
}
.mxt-modular-config-container .mxt-btn.mxt-btn-icon-only {
  border: none;
  box-shadow: none;
}
.mxt-modular-config-container .mxt-btn .mxt-btn-icon {
  height: 40px;
}
.mxt-modular-config-container .mxt-btn.-active {
  color: var(--mxt-client-primary);
}
.mxt-modular-config-container .mxt-submenu-item.-active {
  color: var(--mxt-client-primary);
}
.mxt-modular-config-container.modular-config-landscape .main {
  flex-direction: row;
  flex-flow: var(--desktop-sidebar-flow);
}
.mxt-modular-config-container #scene-explorer-host {
  z-index: 1;
}

.mxt-toast-div {
  width: 100%;
  max-width: 100%;
}

.mxt-customization-tooltip.mxt-popover {
  margin-top: 15px;
}
.mxt-customization-tooltip.mxt-popover .mxt-popover-content {
  padding: 15px;
  width: 100%;
  height: 100%;
}
.mxt-customization-tooltip.mxt-popover .mxt-section-tooltip-popover-header, .mxt-customization-tooltip.mxt-toast-div .mxt-section-tooltip-popover-header {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-text-color);
}
.mxt-customization-tooltip.mxt-toast-div {
  max-width: unset;
  width: 100%;
}
.mxt-customization-tooltip.mxt-toast-div .mxt-section-tooltip-popover {
  padding: 5px;
}

input[type=file] {
  display: block;
  width: 100%;
  line-height: 1.42857143;
  border: var(--mxt-form-control-border);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-form-control-box-shadow);
  height: 50px;
  align-content: center;
  padding: 5px;
}
input[type=file]::file-selector-button {
  transition: all 0.3s ease;
  height: 40px;
  border-radius: var(--mxt-corner-roundness);
  position: relative;
  font: var(--mxt-font-body-bold);
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  color: var(--font-color);
  box-shadow: var(--mxt-non-cta-button-drop-shadow);
  color: var(--mxt-non-cta-button-font-color);
  background: var(--mxt-non-cta-button-background-color);
  border: var(--mxt-non-cta-button-border-thickness) solid var(--mxt-non-cta-button-border-color);
  display: inline-block;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./scss/global.scss ***!
  \**********************************************************************************************************************************************************************************/
.mxt-modular-config-container .mxt-desktop-top-bar {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mxt-modular-config-container .mxt-desktop-top-bar .mxt-btn[data-type=IMAGE] {
  width: auto;
  padding: 5px 0 0 5px;
}
.mxt-modular-config-container .mxt-desktop-top-bar .mxt-btn[data-type=NONE] {
  border: 0 none;
  box-shadow: none;
}
.mxt-modular-config-container .mxt-desktop-top-bar .mxt-desktop-top-bar-center {
  justify-self: center;
}
.mxt-modular-config-container .mxt-desktop-top-bar .mxt-desktop-top-bar-right {
  justify-self: right;
}
.mxt-modular-config-container.modular-config-landscape .mxt-desktop-top-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.mxt-modular-config-container.modular-config-landscape.modular-config-mobile-landscape .mxt-desktop-top-bar {
  display: none;
}
.mxt-modular-config-container .mxt-btn[data-action=DOWNLOAD_SIF] .mxt-btn-icon {
  height: 15px;
}
@media (min-width: 1200px) {
  .mxt-modular-config-container .mxt-btn:hover {
    filter: brightness(100%);
  }
}

/*# sourceMappingURL=main.23a137489bbdcd099799.css.map */