/*!********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/fonts.scss ***!
  \********************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Mulish: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/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.mxt-notification-bar-info {
  background: var(--info-background);
  border: var(--info-border);
}
.mxt-notification-bar.mxt-notification-bar-warning {
  background: var(--warning-background);
  border: var(--warning-border);
}
.mxt-notification-bar.mxt-notification-bar-error {
  background: var(--error-background);
  border: var(--error-border);
}
.mxt-notification-bar.mxt-notification-bar-success {
  background: var(--success-background);
  border: var(--success-border);
}
.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-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*/
}
@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/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/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/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/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/lasso-select-overlay.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-lasso-select-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mxt-lasso-select-overlay-container svg.mxt-lasso-select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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-define-space/scss/Blueprint.scss ***!
  \************************************************************************************************************************************************************************************************************************/
#mxtBlueprintContainer {
  touch-action: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: white;
}

#mxtBlueprintCanvases {
  width: 100%;
  height: 100%;
  position: relative;
  background: no-repeat center center;
  background-size: cover;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.mxtBlueprintCanvas {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(1, 1, 1, 0);
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.mxtBlueprintContextualHelpPopover {
  width: 600px;
  max-width: 600px !important;
  min-height: 205px;
  max-height: 240px;
}
.mxtBlueprintContextualHelpPopover .mxt-popover-content {
  width: 100% !important;
  height: 100% !important;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent {
  height: 100%;
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout {
  display: flex;
  height: 100%;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverTextContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  padding: 20px;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverTextContent .mxtBlueprintContextualHelpPopoverHeader {
  font: var(--mxt-font-header);
  text-align: center;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverTextContent .mxtBlueprintContextualHelpPopoverMessage {
  text-align: center;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverTextContent .mxtBlueprintContextualHelpPopoverButton {
  min-width: 130px;
  height: 40px;
  padding: 0px 15px;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverTextContent .mxtBlueprintContextualHelpPopoverButton .mxtBlueprintContextualHelpPopoverButtonIcon {
  padding: 0px;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverImageContent {
  width: 50%;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverContent .mxtBlueprintContextualHelpPopoverLayout .mxtBlueprintContextualHelpPopoverImageContent .mxtBlueprintContextualHelpPopoverImage {
  width: 100%;
  height: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -5px;
}

#mxtBlueprintEditMeasurementFeet {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

#mxtBlueprintEditMeasurementInches {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

#mxtBlueprintEditMeasurementInchesInput {
  width: 80px;
  margin-left: 10px;
}

#mxtBlueprintEditMeasurementInchesLabel {
  width: 50px;
}

#mxtBlueprintEditMeasurementFeetLabel {
  width: 50px;
}

#mxtBlueprintEditMeasurementFeetInput {
  width: 80px;
  margin-left: 10px;
}

#mxtBlueprintEditMeasurementInchesFraction {
  width: 70px;
  height: 28px;
  margin-left: 10px;
  margin-bottom: 0px !important;
}

#mxtBlueprintEditSegmentModal {
  min-width: 200px;
}

#mxtBlueprintToast {
  display: none; /* Hidden by default. Visible on click */
  text-align: center; /* Centered text */
  background: #fff;
  color: var(--mxt-font-color);
  align-items: center;
  padding: 10px;
  border-radius: var(--mxt-corner-roundness);
  width: 265px;
  max-width: 100%;
  /* Show the toast when clicking on a button (class added with JavaScript) */
}
#mxtBlueprintToast.mxtBlueprintToastShow {
  display: flex; /* Show the toast */
  /* Add animation: Take 0.5 seconds to fade in and out the taost. However, delay the fade out process for 2.5 seconds */
  -webkit-animation: mxtBlueprintToastFadein 0.5s; /*,mxtBlueprintToastFadeout 0.5s 2.5s;*/
  animation: mxtBlueprintToastFadein 0.5s; /*, mxtBlueprintToastFadeout 0.5s 2.5s;*/
}
#mxtBlueprintToast #mxtBlueprintToastContent #mxtBlueprintToastTitle {
  font: var(--mxt-font-body-lg-bold);
  padding: 5px;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes mxtBlueprintToastFadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 30px;
    opacity: 1;
  }
}
@keyframes mxtBlueprintToastFadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes mxtBlueprintToastFadeout {
  from {
    top: 30px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@keyframes mxtBlueprintToastFadeout {
  from {
    top: 30px;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
#mxtBlueprintDrawingHeight {
  height: 40px;
  position: absolute;
  bottom: 20px;
  background-color: rgba(255, 255, 255, 0.1333333333);
  z-index: 3;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 10px;
  color: white;
}

#mxtBlueprintEditElevationError {
  color: red;
  margin-bottom: 10px;
}

.mxtBlueprintDrawingHeightImg {
  margin-right: 5px;
}

#mxtBlueprintEditMeasurementError {
  color: red;
  text-align: center;
}

#mxtBlueprintEditMeasurementError2 {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

.mxtBlueprintDrawingHeightExplainer {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-top: 10px;
  align-items: center;
}

.mxtBlueprintDrawingHeightExplainerText {
  width: 300px;
  padding: 10px;
  margin-right: 20px;
}

#mxtBlueprintEditElevationModalDeleteButton,
#mxtBlueprintEditElevationModalSecondaryDeleteButton {
  padding-left: 5px;
  padding-right: 5px;
}

#mxtBlueprintEditElevationModalSecondaryDeleteButton {
  margin-top: 10px;
}

#mxtBlueprintInset {
  width: 100%;
  height: 100%;
  position: relative;
}

.mxtBlueprintFlex {
  display: flex;
  align-items: center;
}

#mxtBlueprintControls {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  --mxt-guidance-width: 450px;
}
@media (max-width: 1150px) {
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintTopRightButtonGroup #mxtBlueprintCreateRoom.mxt-btn.mxt-nav-control-button {
    width: var(--mxt-nav-menu-height);
    min-width: var(--mxt-nav-menu-height);
  }
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintTopRightButtonGroup #mxtBlueprintCreateRoom.mxt-btn.mxt-nav-control-button span {
    display: none;
  }
}
#mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft {
  width: calc(50% - var(--mxt-guidance-width) / 2 - 35px);
}
@media (max-width: 1150px) {
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintHideGuidance.mxt-btn.mxt-nav-control-button,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintShowGuidance.mxt-btn.mxt-nav-control-button,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintChecklistToggle.mxtChecklistToggle.mxt-btn.mxt-nav-control-button {
    width: var(--mxt-nav-menu-height);
    min-width: var(--mxt-nav-menu-height);
  }
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintHideGuidance.mxt-btn.mxt-nav-control-button span,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintShowGuidance.mxt-btn.mxt-nav-control-button span,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintChecklistToggle.mxtChecklistToggle.mxt-btn.mxt-nav-control-button span {
    display: none;
  }
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintHideGuidance.mxt-btn.mxt-nav-control-button,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintShowGuidance.mxt-btn.mxt-nav-control-button,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft #mxtBlueprintChecklistToggle.mxtChecklistToggle.mxt-btn.mxt-nav-control-button {
    padding-left: 0px;
  }
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft .mxtChecklist.mxt-arrow-modal:after,
  #mxtBlueprintControls.mxt-with-guidance #mxtBlueprintControlsTopLeft .mxtChecklist.mxt-arrow-modal:before {
    left: 21px;
  }
}
#mxtBlueprintControls #mxtBlueprintControlsTopCenter {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
#mxtBlueprintControls #mxtBlueprintControlsTopCenter #mxtBlueprintSteppedGuidance {
  flex-grow: 1;
  width: var(--mxt-guidance-width);
}
#mxtBlueprintControls #mxtBlueprintControlsTopLeft {
  z-index: 1;
  position: absolute;
  margin-top: 25px;
  margin-left: 25px;
  display: inline-flex;
  flex-direction: column;
  row-gap: 8px;
}
#mxtBlueprintControls #mxtBlueprintControlsTopLeft #mxtBlueprintTopLeftButtonGroup {
  display: flex;
  column-gap: 8px;
}
#mxtBlueprintControls #mxtBlueprintControlsTopLeft #mxtBlueprintTopLeftButtonGroup .mxtChecklistToggle {
  top: unset;
  left: unset;
}
#mxtBlueprintControls #mxtBlueprintControlsTopLeft #mxtBlueprintTopLeftButtonGroup .mxt-blueprint-guidance-btn {
  padding-left: 5px;
}
#mxtBlueprintControls #mxtBlueprintControlsTopLeft #mxtBlueprintTopLeftButtonGroup .mxt-blueprint-guidance-btn span {
  margin-left: 0;
}

.mxtBlueprintButtonGroup {
  position: absolute;
  box-sizing: border-box;
  z-index: 3;
}

#mxtBlueprintTopRightButtonGroup {
  top: 0px;
  right: 0px;
  padding-right: 25px;
  padding-top: 25px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 10px;
}
#mxtBlueprintTopRightButtonGroup .mxt-nav-control-button-group {
  margin: 0;
}
#mxtBlueprintTopRightButtonGroup .mxt-inspiration-hero-prompt {
  width: 250px;
  background: #ffffff;
}
#mxtBlueprintTopRightButtonGroup .mxt-inspiration-hero-prompt .top {
  width: 100%;
  height: 60px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#mxtBlueprintTopRightButtonGroup .mxt-inspiration-hero-prompt .bottom {
  width: 100%;
}
#mxtBlueprintTopRightButtonGroup .mxt-inspiration-hero-prompt .toggle {
  transition: 0.5s all ease;
}
#mxtBlueprintTopRightButtonGroup .mxt-inspiration-hero-prompt .toggle.rotated {
  transform: rotate(180deg);
}

#mxtBlueprintTopRightButtonGroup > button,
#mxtBlueprintTopRightButtonGroup > div {
  float: right;
}

#mxtBlueprintBottomLeftButtonGroup {
  bottom: 0px;
  left: 0px;
  padding-left: 25px;
  padding-bottom: 25px;
}

#mxtBlueprintBottomLeftButtonGroup > button,
#mxtBlueprintBottomLeftButtonGroup > div {
  float: left;
}

#mxtBlueprintBottomRightButtonGroup {
  bottom: 0px;
  right: 0px;
  margin-right: 25px;
  margin-bottom: 25px;
}

#mxtBlueprintBottomRightButtonGroup > button,
#mxtBlueprintBottomRightButtonGroup > div {
  float: right;
}

div#mxtBlueprintStairsModal {
  width: 250px;
}

.mxtBlueprintEditSegmentModal.mxt-action-menu,
.mxtBlueprintEditElevationModal.mxt-action-menu,
.mxtBlueprintEditMeasurementModal.mxt-action-menu,
.mxtBlueprintStretchableProductModal.mxt-action-menu,
.mxtBlueprintStairsModal.mxt-action-menu {
  overflow: initial;
}

#mxtBlueprintEditElevationModal {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  max-width: 500px;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent {
  justify-content: center;
  text-align: center;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent #mxtBlueprintElevationAdjustAlert {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent #mxtBlueprintElevationAdjustAlert img {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent .mxtBlueprintEditElevationHeightLabel {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 10px;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent .mxt-carousel-container {
  justify-content: center;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent #mxtBlueprintElevationAdjustSwitch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  text-align: left;
  margin: 0px 20px;
}
#mxtBlueprintEditElevationModal .mxtBlueprintModalContent #mxtBlueprintElevationAdjustNotice {
  margin: 15px 40px;
}

.mxt-blueprint-action-menu.mxt-action-menu {
  z-index: 10;
  padding: 10px;
  max-width: unset;
  flex-flow: column;
}

.mxt-blueprint-modal-button:first-of-type {
  margin-top: 20px;
}

.mxt-blueprint-modal-button {
  margin-top: 10px;
  width: 100%;
}

.mxt-carousel-container {
  padding-bottom: 10px;
}

#mxtBlueprintCreateRoomImage {
  padding-right: 5px;
  flex-shrink: 0;
}

.mxtBlueprintModalContent {
  padding: 10px;
}

.mxtBlueprintModalHeader {
  font: var(--mxt-font-body-lg-bold);
  color: var(--dark-grey);
}

.mxtBlueprintUnderCarouselLabel {
  font: var(--mxt-font-body-sm);
  text-align: center;
  margin-top: -5px; /* caruosels have padding bottom of 10px, didnt wnt to change that app wide*/
  margin-bottom: 10px;
}

.mxtBlueprintModalMoreOptionsCollapsed.mxtBlueprintModalMoreOptions img {
  transform: rotate(0deg);
}

.mxtBlueprintModalMoreOptions img {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}

.mxtBlueprintModalMoreOptions {
  display: flex;
  margin: 20px 0px;
  height: 30px;
  line-height: 30px;
  justify-content: space-between;
  cursor: pointer;
}

.mxtBlueprintModalMoreOptionsContainer {
  margin-top: 10px;
  height: auto;
}

#mxtBlueprintStretchableProductModal {
  width: 200px;
}

.mxtBlueprintModalMoreOptionsContainer.mxtBlueprintModalMoreOptionsContainerCollapsed {
  height: 0px;
  overflow: hidden;
}

.mxt-blueprint-pulse-container {
  z-index: 100;
  position: absolute;
  pointer-events: none;
}

.mxt-blueprint-height-pulse-container {
  z-index: 100;
  position: absolute;
  pointer-events: none;
}

.mxt-blueprint-pulse-dot {
  width: 10px;
  height: 10px;
  border: 5px solid white;
  border-radius: 600px;
  background-color: white;
  z-index: 10;
  position: absolute;
}

.mxt-blueprint-base-pulse {
  background: transparent;
  border-radius: 600px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;
  border: 5px solid #4ccfff;
}

.mxt-blueprint-pulse1 {
  animation: mxt-blueprint-pulse1 2s ease-out infinite;
}

.mxt-blueprint-pulse2 {
  /*  animation: pulse1 2s ease-out infinite;
  animation-delay: 500ms;*/
}

.mxt-blueprint-pulse3 {
  animation: mxt-blueprint-pulse1 2s ease-out infinite;
  animation-delay: 1000ms;
}

.mxt-blueprint-pulse4 {
  /*  animation: pulse1 2s ease-out infinite;
  animation-delay: 1500ms;*/
}

@keyframes mxt-blueprint-pulse1 {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes mxt-blueprint-pulse1 {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.mxtBlueprintCeilingPopover {
  padding: 15px;
}

.mxtBlueprintCeilingPopover .renderer-toolbelt-options-opt {
  display: flex;
  justify-content: center;
}

.mxtBlueprintToolbarPopover.mxt-popover {
  max-width: none;
  max-height: 90%;
  display: flex;
  flex-direction: column;
}
.mxtBlueprintToolbarPopover.mxt-popover .mxt-popover-content {
  height: 100%;
  overflow: auto;
}

.mxtBlueprintToolbarPopover.mxt-popover.mxt-remove-popover-max-height .mxt-popover-content {
  max-height: unset;
}

.mxtBlueprintStairsText {
  margin-left: 27px;
}

div#mxtBlueprintStairsValuesGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.mxt-pool-popover-image-carousel {
  width: 140px;
  background: rgb(241, 241, 241);
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0px;
}

div#mxtBlueprintMetricToggleModal {
  z-index: 6;
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 40px 44px;
  color: var(--mxt-font-color);
}

.mxtBlueprintMetricToggleModalHeader {
  font: var(--mxt-font-header);
  margin-bottom: 20px;
}

.mxtBlueprintMetricToggleModalText {
  margin-bottom: 20px;
}

#mxtBlueprintMetricToggleModalBackground {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.mxtBlueprintMetricToggleModalLabel {
  text-align: left;
  width: 100%;
  font: var(--mxt-font-body-bold);
  margin-bottom: 10px;
  user-select: none;
}

#mxtBlueprintMetricToggleContents {
  width: 300px;
  position: relative;
  display: flex;
  flex-flow: column;
  padding: 40px 0px;
}

div#mxtBlueprintMetricToggle {
  margin-bottom: 25px;
}

div#mxtBlueprintEditMeasurementModalExpandButtons {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  justify-content: space-around;
}

.mxtBlueprintEditMeasurementModalButtonHighlight img:hover {
  -webkit-filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
  filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
}

.blueprint-measurement-modal-btn-highlight {
  -webkit-filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
  filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
}

div#mxtBlueprintEditMeasurementModalMaintainAngles {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: center;
}

span#mxt-blueprint-tooltip-span {
  z-index: 4999;
  position: fixed;
  display: none;
  border-radius: 3px;
  background-color: white;
  color: black;
  border-color: rgb(76, 207, 255);
  border-style: solid;
  border-width: 1px;
  min-width: 100px;
  text-align: center;
  font-size: large;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}

.mxt-switch-lock-angles {
  width: 40px !important;
  height: 20px !important;
}

.mxt-switch-lock-angles .mxt-slider {
  border-radius: 19px !important;
}

.mxt-switch-lock-angles .mxt-slider:before {
  height: 16px !important;
  width: 16px !important;
  right: 22px !important;
}

.mxt-switch-lock-angles input:checked + .mxt-slider:before {
  -webkit-transform: translateX(20px) !important;
  -ms-transform: translateX(20px) !important;
  transform: translateX(20px) !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/mxtcarousel.scss ***!
  \************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-carousel-height: 40px;
}

.mxt-carousel-container {
  height: var(--mxt-carousel-height);
}

.mxt-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid gray;
  height: var(--mxt-carousel-height);
  flex: 0 0 158px;
}
.mxt-carousel.mxt-carousel-full-width {
  flex: 1;
}
.mxt-carousel.mxt-carousel-full-width .mxt-carousel-side {
  flex: 0 0 50px;
}
.mxt-carousel.mxt-carousel-full-width .mxt-carousel-value {
  flex: 1;
}

.mxt-carousel-arrow {
  -webkit-touch-callout: none;
}

.mxt-carousel-side {
  height: 100%;
  min-width: 30px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  cursor: pointer;
  z-index: 1;
  background: white;
  border-radius: inherit;
}

.mxt-carousel-side.mxt-carousel-arrow-disabled img {
  opacity: 0.5;
  cursor: not-allowed;
}

.mxt-carousel-dropdown-content-container {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  cursor: pointer;
  z-index: 2;
  background: rgb(240, 240, 240);
  border-radius: inherit;
  border: 1px solid gray;
  overflow: scroll;
  margin-top: -1px;
}

.mxt-carousel-value {
  border-radius: 0px;
  background: rgb(240, 240, 240);
  height: 100%;
  font: var(--mxt-font-body-bold);
  line-height: 40px;
  width: 70px;
  text-align: center;
  border-width: 0px;
}

input.mxt-carousel-value[type=number]::-webkit-inner-spin-button,
input.mxt-carousel-value[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

span.mxt-carousel-value {
  user-select: 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-ui-utility/scss/mxtwizard.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.mxt-wizard {
  --green: #42ac54;
  --white: #fff;
  --grey: #666;
  display: flex;
  flex-flow: column;
  row-gap: 10px;
  border-radius: var(--mxt-corner-roundness);
  padding: 7px;
  background-color: var(--white);
}
.mxt-wizard .mxt-wizard-actions {
  display: flex;
  column-gap: 10px;
}
.mxt-wizard .mxt-wizard-actions .mxt-btn {
  max-height: 30px;
}
.mxt-wizard .mxt-wizard-actions .mxt-btn.mxt-wizard-btn-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps {
  flex-grow: 1;
  display: flex;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step {
  display: flex;
  flex-grow: 0;
  transition: flex-grow 0.5s;
  align-items: center;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step .mxt-wizard-step-point {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid var(--grey);
  border-radius: 1rem;
  min-width: 26px;
  height: 26px;
  font-weight: bold;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step .mxt-wizard-step-point .mxt-wizard-step-num {
  padding: 0px 4px;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step .mxt-wizard-step-point .mxt-wizard-step-title {
  display: none;
  padding: 0px 4px;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step .mxt-wizard-step-track {
  flex-grow: 1;
  height: 0px;
  border: 1px solid var(--grey);
  min-width: 1rem;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step .mxt-wizard-step-track-end {
  display: none;
  height: 1rem;
  width: 0px;
  border: 1px solid var(--grey);
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step:last-child .mxt-wizard-step-track {
  display: none;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.started, .mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.finished {
  flex-grow: 1;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.started .mxt-wizard-step-title, .mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.finished .mxt-wizard-step-title {
  display: initial;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.finished .mxt-wizard-step-point, .mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.complete .mxt-wizard-step-point {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white);
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step.complete .mxt-wizard-step-point {
  opacity: 0.6;
  cursor: pointer;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step:last-child:not(.incomplete) .mxt-wizard-step-track {
  display: initial;
}
.mxt-wizard .mxt-wizard-actions .mxt-wizard-steps .mxt-wizard-step:last-child:not(.incomplete) .mxt-wizard-step-track-end {
  display: initial;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** 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-transition-in {
  /*  Example: <button class="mxt-btn mxt-transition-in mxt-transition-in-<type>">
   * 
   *  Removeing class .mxt-transition-in-<type> will cause button to transition in based on defaults set above
   */
  opacity: 1;
}
.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.mxt-split-button {
  min-width: 0px;
  display: inline-block;
  box-shadow: none;
}
.mxt-btn.mxt-nav-control-button {
  height: var(--mxt-nav-menu-height);
}
.mxt-btn.mxt-btn-icon-only.mxt-nav-control-button {
  width: var(--mxt-nav-menu-height);
}
.mxt-btn-full {
  width: 100%;
}
.mxt-btn.navigationBaseButton {
  border-radius: 0px;
}
.mxt-btn.navigationBaseButton.navigationPanelLabelToggle {
  color: var(--mxt-toolbar-font-color);
  font: var(--mxt-font-body);
  flex: 0 0 var(--mxt-nav-menu-height);
}
.mxt-btn.navigationBaseButton.navigationPanelLabelToggle img {
  width: 50px;
  height: 50px;
}
.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;
}
.mxt-btn.mxt-toolbelt-item.mxt-btn-disabled, .mxt-btn.mxt-nav-control-button.mxt-btn-disabled, .mxt-btn.mxt-action-menu-item.mxt-btn-disabled {
  box-shadow: none;
  opacity: 0.3;
  cursor: not-allowed;
}
.mxt-btn.mxt-toolbelt-item.mxt-btn-disabled:hover, .mxt-btn.mxt-nav-control-button.mxt-btn-disabled:hover {
  filter: unset;
}
@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-no-bg {
  background: none;
  border: none;
}

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

img.mxt-btn-icon-absolute-left {
  position: absolute;
  left: 25px;
  width: 25px;
}

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

.mxt-split-button:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-right: 5px;
}
.mxt-split-button:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-left: 5px;
}

/** 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*/
.mxt-toolbelt {
  display: flex;
  background: var(--mxt-toolbelt-btn-background-color);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-toolbelt-btn-drop-shadow);
  color: var(--mxt-toolbelt-btn-font-color);
  border: var(--mxt-toolbelt-btn-border-thickness) solid var(--mxt-toolbelt-btn-border-color);
}

/** Action Menu */
.mxt-action-menu {
  display: flex;
  background: var(--mxt-action-menu-background-color);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-action-menu-drop-shadow);
  color: var(--mxt-action-menu-font-color);
  border: var(--mxt-action-menu-border-thickness) solid var(--mxt-action-menu-border-color);
}
.mxt-action-menu.undocked .mxt-action-menu-container {
  grid-template-columns: 1fr 1fr;
  width: 300px;
}
.mxt-action-menu.undocked .mxt-action-menu-container.mxt-collapsed-label {
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  width: 100%;
}

/** Shared toolbelt and action menu */
.mxt-toolbelt,
.mxt-action-menu {
  overflow: hidden;
  z-index: 5000 !important;
  width: fit-content;
  /** Override the button styles */
  /** Set the styles for when docked in various locations */
}
.mxt-toolbelt .mxt-toolbelt-container,
.mxt-toolbelt .mxt-action-menu-container,
.mxt-toolbelt .mxt-action-sub-menu-container,
.mxt-action-menu .mxt-toolbelt-container,
.mxt-action-menu .mxt-action-menu-container,
.mxt-action-menu .mxt-action-sub-menu-container {
  display: grid;
  gap: 0 10px;
  padding: 0 10px;
}
.mxt-toolbelt .mxt-toolbelt-container.mxt-collapsed-label,
.mxt-toolbelt .mxt-action-menu-container.mxt-collapsed-label,
.mxt-toolbelt .mxt-action-sub-menu-container.mxt-collapsed-label,
.mxt-action-menu .mxt-toolbelt-container.mxt-collapsed-label,
.mxt-action-menu .mxt-action-menu-container.mxt-collapsed-label,
.mxt-action-menu .mxt-action-sub-menu-container.mxt-collapsed-label {
  gap: 0 5px;
}
.mxt-toolbelt:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible) .mxt-action-menu-container,
.mxt-action-menu:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible) .mxt-action-menu-container {
  position: absolute;
}
.mxt-toolbelt:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible).undocked .mxt-action-sub-menu-container .mxt-action-menu-item,
.mxt-action-menu:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible).undocked .mxt-action-sub-menu-container .mxt-action-menu-item {
  min-width: 100px;
}
.mxt-toolbelt:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible) .mxt-action-sub-menu.mxt-action-sub-menu-visible,
.mxt-action-menu:has(.mxt-action-sub-menu.mxt-action-sub-menu-visible) .mxt-action-sub-menu.mxt-action-sub-menu-visible {
  position: unset;
}
.mxt-toolbelt .mxt-action-sub-menu,
.mxt-action-menu .mxt-action-sub-menu {
  position: absolute;
  display: flex;
  transform: translateX(-100%);
  transition: transform ease 0.4s;
  background: white;
  min-width: calc(100% - 25px);
  max-width: calc(100% - 25px);
  min-height: 100%;
  z-index: 1;
  visibility: hidden;
}
.mxt-toolbelt .mxt-action-sub-menu.mxt-action-sub-menu-visible,
.mxt-action-menu .mxt-action-sub-menu.mxt-action-sub-menu-visible {
  transform: unset;
  visibility: visible;
}
.mxt-toolbelt .mxt-action-sub-menu-container,
.mxt-action-menu .mxt-action-sub-menu-container {
  grid-template-columns: 1fr 1fr;
}
.mxt-toolbelt .mxt-action-menu-back-button,
.mxt-action-menu .mxt-action-menu-back-button {
  min-width: 40px;
  align-self: flex-start;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item, .mxt-toolbelt .mxt-btn.mxt-action-menu-item,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item,
.mxt-action-menu .mxt-btn.mxt-action-menu-item {
  display: flex;
  flex-flow: row;
  align-items: center;
  overflow: hidden;
  justify-content: flex-start;
  transition: all 0.3s ease;
  min-width: unset;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item .mxt-btn-label, .mxt-toolbelt .mxt-btn.mxt-action-menu-item .mxt-btn-label,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item .mxt-btn-label,
.mxt-action-menu .mxt-btn.mxt-action-menu-item .mxt-btn-label {
  font: var(--mxt-font-body);
  transition: all 0.3s ease;
  min-height: 0px;
  flex: 1;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label, .mxt-toolbelt .mxt-btn.mxt-action-menu-item.mxt-collapsed-label,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label,
.mxt-action-menu .mxt-btn.mxt-action-menu-item.mxt-collapsed-label {
  height: 40px;
  width: 40px;
  padding-bottom: 0px;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label img, .mxt-toolbelt .mxt-btn.mxt-action-menu-item.mxt-collapsed-label img,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label img,
.mxt-action-menu .mxt-btn.mxt-action-menu-item.mxt-collapsed-label img {
  min-width: 100%;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label .mxt-btn-label, .mxt-toolbelt .mxt-btn.mxt-action-menu-item.mxt-collapsed-label .mxt-btn-label,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item.mxt-collapsed-label .mxt-btn-label,
.mxt-action-menu .mxt-btn.mxt-action-menu-item.mxt-collapsed-label .mxt-btn-label {
  height: 0px;
  flex: 0 0 0px;
  transition: all 0.3s ease;
  padding-bottom: 0px;
}
.mxt-toolbelt .mxt-btn.mxt-toolbelt-item.mxt-action-menu-item-empty, .mxt-toolbelt .mxt-btn.mxt-action-menu-item.mxt-action-menu-item-empty,
.mxt-action-menu .mxt-btn.mxt-toolbelt-item.mxt-action-menu-item-empty,
.mxt-action-menu .mxt-btn.mxt-action-menu-item.mxt-action-menu-item-empty {
  width: 130px;
  height: 40px;
}
.mxt-toolbelt.bottom-center .mxt-toolbelt-container,
.mxt-toolbelt.bottom-center .mxt-action-menu-container,
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container,
.mxt-action-menu.bottom-center .mxt-toolbelt-container,
.mxt-action-menu.bottom-center .mxt-action-menu-container,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container {
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  width: fit-content;
}
.mxt-toolbelt.bottom-center .mxt-toolbelt-container.mxt-collapsed-label,
.mxt-toolbelt.bottom-center .mxt-action-menu-container.mxt-collapsed-label,
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container.mxt-collapsed-label,
.mxt-action-menu.bottom-center .mxt-toolbelt-container.mxt-collapsed-label,
.mxt-action-menu.bottom-center .mxt-action-menu-container.mxt-collapsed-label,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container.mxt-collapsed-label {
  grid-template-rows: 1fr;
}
.mxt-toolbelt.bottom-center .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-center .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-toolbelt.bottom-center .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-center .mxt-action-menu-container .mxt-action-menu-item,
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container .mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-center .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-center .mxt-action-menu-container .mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container .mxt-action-menu-item {
  text-align: left;
}
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container {
  border-left: 1px solid #d2d2d2;
}
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container .mxt-btn.mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container .mxt-btn.mxt-action-menu-item {
  min-width: 110px;
}
.mxt-toolbelt.bottom-center .mxt-action-sub-menu-container.mxt-collapsed-label .mxt-btn.mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-sub-menu-container.mxt-collapsed-label .mxt-btn.mxt-action-menu-item {
  min-width: unset;
}
.mxt-toolbelt.bottom-center .mxt-action-menu-container .mxt-btn.mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-menu-container .mxt-btn.mxt-action-menu-item {
  min-width: 135px;
}
.mxt-toolbelt.bottom-center .mxt-action-menu-container.mxt-collapsed-label .mxt-btn.mxt-action-menu-item,
.mxt-action-menu.bottom-center .mxt-action-menu-container.mxt-collapsed-label .mxt-btn.mxt-action-menu-item {
  min-width: unset;
}
.mxt-toolbelt.top-right, .mxt-toolbelt.bottom-right,
.mxt-action-menu.top-right,
.mxt-action-menu.bottom-right {
  height: auto;
  justify-content: center;
}
.mxt-toolbelt.top-right .mxt-toolbelt-container,
.mxt-toolbelt.top-right .mxt-action-menu-container,
.mxt-toolbelt.top-right .mxt-action-sub-menu-container, .mxt-toolbelt.bottom-right .mxt-toolbelt-container,
.mxt-toolbelt.bottom-right .mxt-action-menu-container,
.mxt-toolbelt.bottom-right .mxt-action-sub-menu-container,
.mxt-action-menu.top-right .mxt-toolbelt-container,
.mxt-action-menu.top-right .mxt-action-menu-container,
.mxt-action-menu.top-right .mxt-action-sub-menu-container,
.mxt-action-menu.bottom-right .mxt-toolbelt-container,
.mxt-action-menu.bottom-right .mxt-action-menu-container,
.mxt-action-menu.bottom-right .mxt-action-sub-menu-container {
  grid-template-columns: 1fr;
}
.mxt-toolbelt.top-right .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-toolbelt.top-right .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-toolbelt.top-right .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.top-right .mxt-action-menu-container .mxt-action-menu-item,
.mxt-toolbelt.top-right .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.top-right .mxt-action-sub-menu-container .mxt-action-menu-item, .mxt-toolbelt.bottom-right .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-right .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-toolbelt.bottom-right .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-right .mxt-action-menu-container .mxt-action-menu-item,
.mxt-toolbelt.bottom-right .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.bottom-right .mxt-action-sub-menu-container .mxt-action-menu-item,
.mxt-action-menu.top-right .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-action-menu.top-right .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-action-menu.top-right .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-action-menu.top-right .mxt-action-menu-container .mxt-action-menu-item,
.mxt-action-menu.top-right .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-action-menu.top-right .mxt-action-sub-menu-container .mxt-action-menu-item,
.mxt-action-menu.bottom-right .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-right .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-action-menu.bottom-right .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-right .mxt-action-menu-container .mxt-action-menu-item,
.mxt-action-menu.bottom-right .mxt-action-sub-menu-container .mxt-toolbelt-item,
.mxt-action-menu.bottom-right .mxt-action-sub-menu-container .mxt-action-menu-item {
  flex-flow: row-reverse;
  text-align: right;
}
.mxt-toolbelt.top-right .mxt-action-sub-menu, .mxt-toolbelt.bottom-right .mxt-action-sub-menu,
.mxt-action-menu.top-right .mxt-action-sub-menu,
.mxt-action-menu.bottom-right .mxt-action-sub-menu {
  flex-direction: column;
}
.mxt-toolbelt.top-right .mxt-action-sub-menu-container, .mxt-toolbelt.bottom-right .mxt-action-sub-menu-container,
.mxt-action-menu.top-right .mxt-action-sub-menu-container,
.mxt-action-menu.bottom-right .mxt-action-sub-menu-container {
  border-top: 1px solid #d2d2d2;
}
.mxt-toolbelt.top-right,
.mxt-action-menu.top-right {
  flex-flow: column-reverse;
}
.mxt-toolbelt.top-right .mxt-action-sub-menu,
.mxt-action-menu.top-right .mxt-action-sub-menu {
  min-width: 100%;
  min-height: calc(100% - 25px);
  top: 25px;
}
.mxt-toolbelt.bottom-right,
.mxt-action-menu.bottom-right {
  flex-flow: column;
}
.mxt-toolbelt.bottom-right .mxt-action-sub-menu,
.mxt-action-menu.bottom-right .mxt-action-sub-menu {
  min-width: 100%;
  min-height: calc(100% - 25px);
  top: 0;
}
.mxt-toolbelt.undocked .mxt-toolbelt-container,
.mxt-action-menu.undocked .mxt-toolbelt-container {
  width: 150px;
}
.mxt-toolbelt.undocked .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-toolbelt.undocked .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-toolbelt.undocked .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-toolbelt.undocked .mxt-action-menu-container .mxt-action-menu-item,
.mxt-action-menu.undocked .mxt-toolbelt-container .mxt-toolbelt-item,
.mxt-action-menu.undocked .mxt-toolbelt-container .mxt-action-menu-item,
.mxt-action-menu.undocked .mxt-action-menu-container .mxt-toolbelt-item,
.mxt-action-menu.undocked .mxt-action-menu-container .mxt-action-menu-item {
  text-align: left;
}
.mxt-toolbelt.undocked .mxt-action-sub-menu,
.mxt-action-menu.undocked .mxt-action-sub-menu {
  min-width: calc(100% - 25px);
  max-width: calc(100% - 25px);
  min-height: 100%;
}
.mxt-toolbelt.undocked .mxt-action-sub-menu-container,
.mxt-action-menu.undocked .mxt-action-sub-menu-container {
  border-left: 1px solid #d2d2d2;
  min-width: max-content;
}

.navigationButtonContainerBoxShadow {
  position: absolute;
  height: 100%;
  width: var(--mxt-toolbar-width);
  transition: all 0.3s ease;
  top: 0px;
  left: 0px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  z-index: 1050;
  pointer-events: none;
}

.navigationButtonContainer.hidden + .navigationButtonContainerBoxShadow,
.navigationButtonContainer.mxt-hidden + .navigationButtonContainerBoxShadow {
  display: none;
}

/** Toolbar */
.navigationButtonContainer {
  position: relative;
  height: 100%;
  flex: 0 0 var(--mxt-toolbar-width);
  transition: all 0.3s ease;
  overflow-x: hidden;
}
.navigationButtonContainer .navigationBarScrollButtonContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 60px;
  z-index: 1111;
  cursor: pointer;
}
.navigationButtonContainer .navigationBarScrollButtonContainer.navigationBarScrollDown {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e5e5e5 44%);
  bottom: 0px;
  align-items: flex-end;
}
.navigationButtonContainer .navigationBarScrollButtonContainer.navigationBarScrollUp {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #e5e5e5 44%);
  top: 0px;
  align-items: flex-start;
}
.navigationButtonContainer .navigationBarScrollButtonContainer .navigationBarScrollButton {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: white;
  margin: 6px;
}

.navigationButtons {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: auto;
  flex: 0 0 100%;
  display: flex;
  flex-flow: column;
  z-index: 1001; /*1 more than navigation panel*/
  background: var(--mxt-toolbar-background-color);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.navigationButtons::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.navigationButtons .navigationBaseButton {
  height: var(--mxt-nav-menu-height);
  width: 160px;
  justify-content: flex-start;
}
.navigationButtons #navigationPanelButtons {
  display: block;
  flex-flow: column wrap;
}
.navigationButtons #navigationPanelButtons .navigationButtonWrapper .navigationButton {
  background: white;
}
.navigationButtons #navigationPanelLabelToggle {
  display: flex;
}
.navigationButtons #navigationQuickLinks {
  width: 100%;
  display: flex;
  flex-flow: column;
}
.navigationButtons #navigationQuickLinks .navigationBaseButton {
  width: 100%;
}

.navigation-labels-collapsed .navigationBaseButtonLabel.mxt-btn-label {
  white-space: nowrap;
}

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

.navigationPanelButtons {
  flex: 1;
}

.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;
}
.navigationButtonFlag.navigationButtonFlagCurrent {
  background: var(--mxt-client-primary);
  display: block;
}

/** Nav Control */
.mxt-nav-control-button-group {
  display: flex;
  margin-left: 10px;
  box-shadow: var(--mxt-nav-control-drop-shadow);
  border-radius: var(--mxt-corner-roundness);
}
.mxt-nav-control-button-group .mxt-btn.mxt-nav-control-button {
  border-radius: 0px;
  box-shadow: none;
}
.mxt-nav-control-button-group .mxt-nav-control-button {
  border-radius: 0px;
  box-shadow: none;
}
.mxt-nav-control-button-group .mxt-nav-control-button:first-child {
  border-top-left-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: var(--mxt-corner-roundness);
}
.mxt-nav-control-button-group .mxt-nav-control-button:last-child {
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
}
.mxt-nav-control-button-group .mxt-nav-control-button.force-first {
  border-top-left-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: var(--mxt-corner-roundness);
}
.mxt-nav-control-button-group .mxt-nav-control-button.force-last {
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
}

.mxt-nav-control-button {
  box-shadow: var(--mxt-nav-control-drop-shadow);
  color: var(--mxt-nav-control-font-color);
  background: var(--mxt-nav-control-background-color);
  border: var(--mxt-nav-control-border-thickness) solid var(--mxt-nav-control-border-color);
}
.mxt-nav-control-button.mxt-nav-control-button-primary {
  color: var(--mxt-nav-control-primary-font-color);
  background: var(--mxt-nav-control-primary-background-color);
  justify-content: space-between;
  width: var(--mxt-nav-control-button-primary-width);
  padding-left: 10px;
  overflow: hidden;
}
.mxt-nav-control-button.mxt-nav-control-button-primary .mxt-btn-container {
  width: 145px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

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

.navigationQuickLinkBreak:last-child {
  display: none;
}

.navigationBaseButtonBreak {
  width: 100%;
  left: 0px;
  position: relative;
  display: flex;
}

.mxtMainMenuButtons .mxt-btn-disabled {
  cursor: not-allowed !important;
}
.mxtMainMenuButtons .mxt-btn-disabled * {
  opacity: 0.5;
}

body.mxt-room-planner-phone .mxt-action-menu {
  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-ui-utility/scss/mxtusermodals.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
#login-modal .form-container,
#register-modal .form-container {
  overflow: auto;
  width: 100%;
}
#login-modal .form-container .flex-form-parent,
#register-modal .form-container .flex-form-parent {
  display: flex;
  flex-wrap: wrap;
}
#login-modal .form-container .mxt-flex-form-group,
#register-modal .form-container .mxt-flex-form-group {
  flex: 1;
  min-width: 165px;
  margin: 5px;
}
#login-modal .form-container .form-input-label,
#register-modal .form-container .form-input-label {
  display: inline;
}
#login-modal .mxt-login-register-modal-equal-flex,
#register-modal .mxt-login-register-modal-equal-flex {
  flex: 1;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#login-modal .img-container,
#register-modal .img-container {
  background: var(--mxt-login-register-hero);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin: 10px;
  display: none;
}
#login-modal .img-container .freeRegistration,
#register-modal .img-container .freeRegistration {
  padding: 15px;
  text-align: center;
  width: 250px;
}
@media (min-width: 992px) {
  #login-modal .img-container,
  #register-modal .img-container {
    display: inherit;
  }
}

#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 .form-container {
  padding-bottom: 0;
}
@media (min-width: 767px) {
  #login-modal .form-container {
    padding-bottom: 50px;
  }
}
#login-modal .form-container #saveReminder {
  font-size: 16px;
  margin-bottom: 20px;
}
#login-modal .form-container #forgotPasswordBtn {
  position: absolute;
  top: -10px;
  right: 0px;
  margin-top: 10px;
  line-height: 18px;
  font: var(--mxt-font-body);
  color: #4fc1df;
  text-decoration: underline;
  cursor: pointer;
}

.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;
}
#register-modal .form-container .help-block {
  min-height: 26px;
}
#register-modal .form-container .mxt-alert-danger {
  margin-top: 20px;
}
#register-modal .form-container .form-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#register-modal .form-container .form-buttons > * {
  margin-top: 20px;
  width: 50%;
}
@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;
  }
}

.background-save-popover-container,
.background-save-popover-container__blueprint {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  text-align: center;
}
.background-save-popover-container.mxt-popover,
.background-save-popover-container__blueprint.mxt-popover {
  max-width: unset;
}
.background-save-popover-container .mxt-modal-arrow-outer,
.background-save-popover-container__blueprint .mxt-modal-arrow-outer {
  display: none;
}
.background-save-popover-container .saving-progress,
.background-save-popover-container__blueprint .saving-progress {
  width: 175px;
  height: 44px;
  font: var(--mxt-font-body-bold);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.background-save-popover-container .saving-progress .progress-container,
.background-save-popover-container__blueprint .saving-progress .progress-container {
  width: 90%;
  height: 8px;
  border-radius: var(--mxt-corner-roundness);
  background-color: rgb(239, 239, 244);
}
.background-save-popover-container .saving-progress .progress-container #background-save-progress-bar,
.background-save-popover-container__blueprint .saving-progress .progress-container #background-save-progress-bar {
  width: 0;
  height: 100%;
  border-radius: var(--mxt-corner-roundness);
  background-image: linear-gradient(to right, #4fc1df -11%, #4fc1df 72%);
  transition: width 0.5s ease;
}
.background-save-popover-container .saving-complete,
.background-save-popover-container__blueprint .saving-complete {
  width: 175px;
  padding: 10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
  background: var(--primary-right-gradient);
  color: #fff;
}
.background-save-popover-container .save-failure,
.background-save-popover-container__blueprint .save-failure {
  width: 330px;
  height: 200px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.background-save-popover-container .save-failure .mxt-cta-button,
.background-save-popover-container__blueprint .save-failure .mxt-cta-button {
  width: 80%;
  padding: 0px 10px;
}
.background-save-popover-container .save-failure .close-button,
.background-save-popover-container__blueprint .save-failure .close-button {
  top: -20px;
  right: -20px;
  position: absolute;
  width: 40px;
  height: 40px;
  min-width: inherit;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: var(--mxt-dark-drop-shadow);
}
.background-save-popover-container .save-failure .error-icon,
.background-save-popover-container__blueprint .save-failure .error-icon {
  display: inline-block;
}
.background-save-popover-container .save-failure h5,
.background-save-popover-container__blueprint .save-failure h5 {
  font: var(--mxt-font-body-bold);
  padding-bottom: 10px;
}

.background-save-popover-container__blueprint {
  position: absolute !important;
  left: 0 !important;
  bottom: 15px;
  margin: -80px 0 0 20px;
}

* ~ .background-save-popover-container {
  margin-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-define-space/scss/stairsPopover.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content {
  width: 500px;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-nav {
  background-color: var(--mxt-toolbar-button-color);
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-nav .tab-label {
  margin-top: 5px;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-nav:not(.tab-selected) .tab-label {
  opacity: 0.4;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-nav .tab-bar {
  height: 4px;
  background: none;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-nav.tab-selected .tab-bar {
  background: #4fc1df;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-panels {
  padding: unset;
  background-color: unset;
}
.mxtBlueprintStairsPopover.mxtBlueprintToolbarPopover-content .mxt-tabs .tab-panels .mxtBlueprintToolbarPopover-body {
  padding: 20px;
}

.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent {
  max-height: 470px;
  overflow: auto;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsTemplateGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement {
  box-shadow: none;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement img:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
  cursor: pointer;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement img {
  width: 100px;
  height: 100px;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement span {
  padding-top: 10px;
  padding-bottom: 7px;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks .mxtBlueprintStairsBetweenDecksGuidance {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks .mxtBlueprintStairsBetweenDecksGuidance .mxtBlueprintStairsBetweenDecksElement {
  width: 130px;
  display: flex;
  flex-flow: column;
  align-items: center;
  font: var(--mxt-font-body-bold);
  text-align: center;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks .mxtBlueprintStairsBetweenDecksGuidance .mxtBlueprintStairsBetweenDecksElement span {
  line-height: 1.5;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks .mxtBlueprintStairsBetweenDecksHelp {
  font-style: italic;
  line-height: 1.45;
  width: 240px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.mxtBlueprintStairsPopover .mxtBlueprintStairsPopoverTabContent.mxtBlueprintStairsBetweenDecks .mxtBlueprintStairsPlaceBtn {
  min-height: 40px;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** 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/mxttabs.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.mxt-tabs .tab-navs {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.mxt-tabs .tab-navs .tab-nav {
  flex: 1;
  text-align: center;
  cursor: pointer;
}
.mxt-tabs .tab-navs .tab-nav .tab-label {
  text-align: center;
  font: var(--mxt-font-subheader);
  padding: 6px;
}
.mxt-tabs .tab-navs .tab-nav .tab-bar {
  height: 9px;
  background-color: #d8d8d8;
}
.mxt-tabs .tab-navs .tab-nav.tab-selected .tab-bar {
  background: var(--primary-right-gradient);
}
.mxt-tabs .tab-panels {
  padding: 20px 19px 18px 20px;
  background-color: #f7f7f7;
  box-shadow: 0 0 8px 1px rgba(89, 72, 72, 0.2);
}
.mxt-tabs .tab-panels .tab-panel {
  display: none;
}
.mxt-tabs .tab-panels .tab-panel.tab-selected {
  display: initial;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/toolbarPopover.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxtBlueprintToolbarPopover-content {
  width: 360px;
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-header {
  background: var(--mxt-toolbar-button-color);
  padding: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-header .mxtBlueprintToolbarPopover-headerText {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-header .mxtBlueprintToolbarPopover-subheaderText {
  font: var(--mxt-font-body-lg);
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverHeader {
  font: var(--mxt-font-body-bold);
  text-align: center;
  margin-bottom: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverSubHeader {
  font: var(--mxt-font-body-sm);
  text-align: center;
  margin-bottom: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverGrid {
  padding: 0px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  text-align: center;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement {
  display: flex;
  flex-flow: column;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement img {
  width: 100px;
  height: 100px;
  box-shadow: none;
  cursor: pointer;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement img:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement span {
  margin-top: 10px;
  line-height: 1.45;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body {
  box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body .mxtBlueprintToolbarPopover-grid {
  padding: 0px 10px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-items: center;
  text-align: center;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body .mxtBlueprintToolbarPopover-grid .mxtBlueprintToolbarPopover-gridElement {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body .mxtBlueprintToolbarPopover-grid .mxtBlueprintToolbarPopover-gridElement img {
  width: 100px;
  height: 100px;
  border: 1px solid #d8d8d8;
  box-shadow: none;
  cursor: pointer;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body .mxtBlueprintToolbarPopover-grid .mxtBlueprintToolbarPopover-gridElement img:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-body .mxtBlueprintToolbarPopover-grid .mxtBlueprintToolbarPopover-gridElement span {
  margin-top: 10px;
  line-height: 1.45;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-footer {
  background: var(--mxt-toolbar-button-color);
  padding: 10px;
  display: flex;
  align-items: center;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-footer .mxtBlueprintToolbarPopover-footerIcon {
  width: 50px;
  height: 50px;
}
.mxtBlueprintToolbarPopover-content .mxtBlueprintToolbarPopover-footer .mxtBlueprintToolbarPopover-footerText {
  font: var(--mxt-font-body-bold);
  margin-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-ui-utility/scss/mxtchecklist.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxtChecklistRow .mxtChecklistRowImg {
  width: 30px;
}

.mxtChecklistRow .mxtChecklistRowImg.mxtChecklistCheckImg {
  width: 20px;
}

.mxtChecklistRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mxtChecklistDiv.mxtChecklistRowClickable {
  cursor: pointer;
}

.mxtChecklistDiv.mxtChecklistRowClickable .mxtChecklistRow {
  color: #0f7e90;
}

#mxtComposeChecklistItems .mxtChecklistDivActive {
  outline: 1px solid var(--toggle-blue);
}

.mxtChecklistRowText {
  flex: 1;
  margin-left: 5px;
  user-select: none;
  text-align: left;
  font: var(--mxt-font-body-bold);
}

.mxtChecklistRow.mxtChecklistRowChecked .mxtChecklistRowText {
  opacity: 0.5;
}

.mxtChecklistTipDiv {
  text-align: left;
  display: flex;
  margin-left: 35px;
  line-height: 1.56;
}

button.mxtChecklistToggle.mxt-btn-icon-only span {
  display: none;
}

.mxtChecklistToggle {
  top: 20px;
  left: 20px;
  width: 120px;
  z-index: 1;
  display: flex;
}
body.mxt-room-planner-phone .mxtChecklistToggle {
  display: none;
}

.toolbelt-mode-overlay:not(.mxt-hidden) ~ .mxtChecklistToggle {
  top: 65px;
}

.toolbelt-mode-overlay:not(.mxt-hidden) ~ .mxtChecklist {
  top: 125px;
}

.mxtChecklistToggle.mxt-btn-icon-only {
  width: 44px;
}

button.mxtChecklistToggle img {
  top: 20px;
  width: 25px;
}

.mxt-arrow-modal {
  position: absolute;
  background: rgba(254, 254, 254, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 10;
  border-radius: var(--mxt-corner-roundness);
}

.mxt-arrow-modal:after,
.mxt-arrow-modal:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mxt-arrow-modal:after {
  border-color: rgba(213, 213, 213, 0);
  border-width: 10px;
}

.mxt-arrow-modal:before {
  border-color: rgba(0, 0, 0, 0);
  border-width: 11px;
}

div.mxtChecklist {
  background: #f3f3f3;
}

.mxtChecklist.mxt-arrow-modal:after,
.mxtChecklist.mxt-arrow-modal:before {
  left: 60px;
}

.mxtChecklist.mxt-checklist-icon-only.mxt-arrow-modal:after,
.mxtChecklist.mxt-checklist-icon-only.mxt-arrow-modal:before {
  left: 18px;
}

.mxtChecklistModal {
  width: 230px;
  background: #f3f3f3;
}

.mxtChecklistModal.mxt-arrow-modal:after,
.mxtChecklistModal.mxt-arrow-modal:before {
  bottom: 100%;
}

.mxtChecklistModal:after {
  border-color: rgba(213, 213, 213, 0);
  border-bottom-color: white;
  border-width: 10px;
  margin-left: -10px;
  transition: 1s all ease;
}

.mxtChecklistModal:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-width: 11px;
  margin-left: -11px;
}

.mxtChecklistScroll {
  padding: 10px;
  height: 314px;
  overflow: auto;
  display: flex;
  flex-flow: column;
}

.mxtChecklistDiv {
  padding: 5px 10px 10px 5px;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-bottom: 5px;
  transition: all 0.2s ease;
}

.mxtChecklistDiv.mxtChecklistDivNoTip {
  padding: 14px 10px;
}

.mxtChecklistDiv:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.mxtChecklistDiv.mxtChecklistCheckDiv .mxtChecklistTipDiv {
  margin-left: 25px;
}

.mxtChecklistHeader {
  display: flex;
  position: relative;
  background: white;
  border-top-left-radius: var(--mxt-corner-roundness);
  border-top-right-radius: var(--mxt-corner-roundness);
}

.mxtChecklistTab {
  cursor: pointer;
  padding: 15px 0px;
  flex: 1;
  text-align: center;
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-bold);
}

.mxtChecklistTab.mxtChecklistTabActive {
  color: #0f7e90;
}

.mxtChecklistUnderline {
  position: absolute;
  bottom: 0px;
  background: linear-gradient(to left, #167586, #144969);
  width: 50%;
  transition: all 0.2s ease;
  left: 0px;
  height: 4px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.mxtChecklistUnderline.mxtChecklistUnderlineFixes {
  left: 50%;
}

.mxtChecklistFixNumber {
  right: 3px;
  top: 3px;
  color: white;
  text-align: center;
  font: var(--mxt-font-body-sm);
  line-height: 18px;
}

.mxtChecklistFixDot {
  position: absolute;
  background: #dd3938;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  transition: all 0.3s ease;
  transform: scale(1);
}

.mxtChecklistFixesNeeded {
  right: 0px;
  top: 0px;
}

img.mxtChecklistRowLinkImg:hover {
  opacity: 1;
}

img.mxtChecklistRowLinkImg {
  margin-right: -5px;
  margin-top: -5px;
  width: 20px;
  opacity: 0.5;
  transition: all 0.3s ease;
}

.mxtChecklistItems {
  flex: 1;
}

.mxtChecklistInnerContainer {
  flex: 1;
  display: flex;
  flex-flow: column;
}

.mxtChecklistNoFixes {
  flex: 1.2;
  background: #f3f3f3;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
.mxtChecklistNoFixes .mxtChecklistNoFixButton {
  width: 100%;
}

.mxtChecklistMoreHelp.mxt-animated,
.mxtChecklistContactFormSection.mxt-animated {
  flex: 1;
  text-align: center;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.mxtChecklistMoreHelp.mxt-animated .mxtChecklistMoreHelpTitle,
.mxtChecklistContactFormSection.mxt-animated .mxtChecklistMoreHelpTitle {
  font: var(--mxt-font-body-lg-bold);
}
.mxtChecklistMoreHelp.mxt-animated hr,
.mxtChecklistContactFormSection.mxt-animated hr {
  width: 100%;
  margin-bottom: 20px;
}

.keyboard-shortcuts-modal {
  display: flex;
  flex-direction: column;
}
.keyboard-shortcuts-modal .custom-modal-content {
  height: 100%;
  overflow-y: auto;
}
.keyboard-shortcuts-modal .custom-modal-content .keyboard-shortcuts-table {
  margin: 0px 30px 30px;
  min-width: 550px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/poolPopover.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxtBlueprintPoolToolbarPopover {
  width: 350px;
}
.mxtBlueprintPoolToolbarPopover .mxtBlueprintToolbarPopover-body {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 15px;
}
.mxtBlueprintPoolToolbarPopover .mxtBlueprintToolbarPopover-body .mxt-pool-popover-image-carousel-root {
  height: 140px;
}
.mxtBlueprintPoolToolbarPopover .mxtBlueprintToolbarPopover-body .mxtBlueprintUnderCarouselLabel {
  margin-top: 5px;
}
.mxtBlueprintPoolToolbarPopover .mxtBlueprintToolbarPopover-body .mxt-pool-popover-rotate {
  width: 100%;
  margin: 20px 0px;
}
.mxtBlueprintPoolToolbarPopover .mxtBlueprintToolbarPopover-body .mxt-pool-popover-apply {
  width: 210px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/utilities-toolbar-popover.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxtBlueprintToolbarPopoverContent.mxt-blueprint-utilities-toolbar-popover {
  padding: 0;
}

.mxt-blueprint-utilities-toolbar-popover {
  width: 368px;
  display: flex;
  flex-direction: column;
}
.mxt-blueprint-utilities-toolbar-popover-header-content {
  border-top-right-radius: var(--mxt-corner-roundness);
  border-top-left-radius: var(--mxt-corner-roundness);
  padding: 0 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
}
.mxt-blueprint-utilities-toolbar-popover-header-content .mxtBlueprintToolbarPopoverHeader {
  padding-top: 20px;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-blueprint-utilities-toolbar-popover-header-content .mxtBlueprintToolbarPopoverSubHeader {
  padding-bottom: 20px;
  margin-bottom: unset;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid {
  padding: 20px 50px 20px 50px;
  min-height: 0;
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  text-align: center;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement .mxt-blueprint-utilities-toolbar-grid-element-img-container {
  width: 130px;
  height: 130px;
  display: flex;
  border: solid 1.3px #d8d8d8;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement .mxt-blueprint-utilities-toolbar-grid-element-img-container:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement .mxt-blueprint-utilities-toolbar-grid-element-img-container img {
  height: 80px;
  width: 80px;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement .mxt-blueprint-utilities-toolbar-grid-element-img-container img:hover {
  box-shadow: unset;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement-HelpText {
  padding: 10px;
}
.mxt-blueprint-utilities-toolbar-popover .mxtBlueprintToolbarPopoverGrid .mxtBlueprintToolbarPopoverGridElement span {
  margin-top: 2px;
  font: var(--mxt-font-body-ex-sm);
}
.mxt-blueprint-utilities-toolbar-popover-description-container {
  display: flex;
  padding: 20px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  border-bottom-right-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: var(--mxt-corner-roundness);
}
.mxt-blueprint-utilities-toolbar-popover-description-container .mxtBlueprintToolbarPopoverSubHeader {
  text-align: left;
  margin-bottom: 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/mxtinteractivetour.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-full-modal-screen.mxt-interactive-tour-background {
  background: rgba(0, 0, 0, 0);
  animation-duration: 1.5s;
  animation-fill-mode: both;
  z-index: 1111111111;
}
body.mxt-room-planner-phone .mxt-full-modal-screen.mxt-interactive-tour-background {
  display: none;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper {
  position: absolute;
  bottom: 0px;
  width: 100%;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  display: none;
  z-index: 1;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper.mxt-interactive-tour-component-fadein {
  display: inherit;
  animation-name: mxt-fadeIn;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper.mxt-interactive-tour-component-fadeout {
  display: inherit;
  animation-name: mxt-fadeOut;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: 25px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation {
  display: flex;
  flex-flow: column;
  align-items: center;
  color: white;
  font: var(--mxt-font-body-lg-bold);
  font-style: italic;
  padding: 10px;
  border-radius: var(--mxt-corner-roundness);
  transition: background-color 0.5s ease;
  background-color: rgba(0, 0, 0, 0);
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation.mxt-interactive-tour-navigation-intersecting {
  background-color: rgba(0, 0, 0, 0.7);
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation button {
  width: 150px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation img {
  width: 28px;
  margin-bottom: 10px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation .mxt-interactive-tour-navigation-text {
  margin-bottom: 20px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation .mxt-interactive-tour-navigation-bubbles {
  margin-bottom: 20px;
  display: flex;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation .mxt-interactive-tour-navigation-bubbles .mxt-interactive-tour-navigation-bubble {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(185, 185, 185, 0.5);
  margin-left: 5px;
  cursor: pointer;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation .mxt-interactive-tour-navigation-bubbles .mxt-interactive-tour-navigation-bubble:first-of-type {
  margin-left: 0px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navigation-wrapper .mxt-interactive-tour-navigation-box .mxt-interactive-tour-navigation .mxt-interactive-tour-navigation-bubbles .mxt-interactive-tour-navigation-bubble.mxt-interactive-tour-navigation-bubble-current {
  background-color: #b9b9b9;
}
.mxt-full-modal-screen.mxt-interactive-tour-background.mxt-interactive-tour-background-fadein {
  animation-name: interactiveTourFadeIn;
}
.mxt-full-modal-screen.mxt-interactive-tour-background.mxt-interactive-tour-background-fadeout {
  animation-name: interactiveTourFadeOut;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-cloned {
  position: absolute !important;
  user-select: none !important;
  pointer-events: none !important;
  animation-duration: 0.75s;
  animation-fill-mode: both;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-cloned.mxt-interactive-tour-component-fadeout {
  animation-name: mxt-fadeOut;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-component {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  display: none;
  position: absolute;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-component.mxt-interactive-tour-component-fadein {
  display: inherit;
  animation-name: mxt-fadeIn;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-component.mxt-interactive-tour-component-fadeout {
  display: inherit;
  animation-name: mxt-fadeOut;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-label {
  color: white;
  font: var(--mxt-font-body-lg-bold);
  user-select: none;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component {
  width: 540px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component .mxt-interactive-tour-toolbar-item {
  position: absolute;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
@media (max-width: 1185px) {
  .mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component .mxt-interactive-tour-toolbar-item {
    max-width: 285px;
  }
}
@media (max-width: 1000px) {
  .mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component .mxt-interactive-tour-toolbar-item {
    max-width: 220px;
  }
}
@media (max-width: 900px) {
  .mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component .mxt-interactive-tour-toolbar-item {
    max-width: 155px;
  }
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbar-component .mxt-interactive-tour-toolbar-item img {
  margin-right: 5px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navbar {
  margin-top: 10px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-navbar img {
  position: relative;
  margin-bottom: 5px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-checklist {
  margin-left: 10px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-checklist img {
  margin-bottom: 10px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbelt {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  max-width: 200px;
  text-align: right;
  margin-right: 10px;
  bottom: 50%;
  position: absolute;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-toolbelt img {
  margin-top: 10px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root {
  width: 100%;
  height: 100%;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root .mxt-interactive-tour-completion {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-flow: column;
  color: white;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root .mxt-interactive-tour-completion h3 {
  margin-bottom: 40px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root .mxt-interactive-tour-completion label {
  margin-bottom: 20px;
  cursor: pointer;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root .mxt-interactive-tour-completion button {
  width: 252px;
  margin-bottom: 20px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-completion-root .mxt-interactive-tour-completion .mxt-interactive-tour-completion-replay {
  cursor: pointer;
  text-decoration: underline;
  font: var(--mxt-font-body-bold);
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root {
  height: 100%;
  position: relative;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-image-poi {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 150px);
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-image-poi > .mxt-interactive-tour-label {
  margin-bottom: 50px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-image-poi img {
  max-width: 50%;
  max-height: 50%;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  display: none;
  position: absolute;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container.mxt-interactive-tour-component-fadein {
  display: inherit;
  animation-name: mxt-fadeIn;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container.mxt-interactive-tour-component-fadeout {
  display: inherit;
  animation-name: mxt-fadeOut;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container .mxt-interactive-tour-poi {
  position: absolute;
  display: flex;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container .mxt-interactive-tour-poi.mxt-interactive-tour-poi-0 {
  bottom: calc(100% + 5px);
  left: 23%;
  align-items: flex-end;
  width: 400px;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container .mxt-interactive-tour-poi.mxt-interactive-tour-poi-1 {
  top: 50%;
  right: 25px;
  align-items: flex-end;
  width: 200px;
  flex-direction: column-reverse;
}
.mxt-full-modal-screen.mxt-interactive-tour-background .mxt-interactive-tour-image-poi-root .mxt-interactive-tour-poi-container .mxt-interactive-tour-poi.mxt-interactive-tour-poi-2 {
  top: calc(100% + 5px);
  left: 23%;
  align-items: flex-start;
  width: 400px;
}

@keyframes interactiveTourFadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
    pointer-events: none;
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
    pointer-events: auto;
  }
}
@keyframes interactiveTourFadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
    pointer-events: auto;
  }
  100% {
    background: rgba(0, 0, 0, 0);
    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-ui-utility/scss/send-feedback.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxt-send-feedback-container {
  overflow: auto;
}
.mxt-send-feedback-container .mxt-send-feedback-grid {
  display: grid;
  padding: 0px 50px 18px;
  grid-template-columns: 260px 260px;
  gap: 13px;
  margin-top: 10px;
}
.mxt-send-feedback-container .mxt-send-feedback-dropdown {
  width: 260px;
  height: 40px;
}
.mxt-send-feedback-container .mxt-send-feedback-dropdown .mxt-dropdown-container {
  margin: 0px;
}
.mxt-send-feedback-container .mxt-send-feedback-label {
  font: var(--mxt-font-body-bold);
  line-height: 26px;
  color: var(--mxt-font-color);
}
.mxt-send-feedback-container .mxt-send-feedback-textarea {
  height: 111px;
  width: 100%;
}
.mxt-send-feedback-container .mxt-send-feedback-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 35px;
}
.mxt-send-feedback-container .mxt-send-feedback-guidance {
  flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  color: var(--toggle-blue);
  font: var(--mxt-font-body-bold);
  text-decoration: none;
  height: 30px;
  cursor: pointer;
}
.mxt-send-feedback-container .mxt-send-feedback-guidance-text {
  text-align: center;
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
  margin-bottom: 12px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/magic-rooms-layout-modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-magic-rooms-layout-modal {
  z-index: 31;
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 40px 44px;
  color: var(--mxt-font-color);
  max-width: min(90%, 1200px);
  margin: 80px auto;
  position: relative;
  max-height: 90%;
  overflow: auto;
}
.mxt-blueprint-magic-rooms-layout-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.mxt-blueprint-magic-rooms-layout-modal-header {
  font: var(--mxt-font-header);
  margin-bottom: 20px;
}
.mxt-blueprint-magic-rooms-layout-modal-description {
  font: var(--mxt-font-body);
  margin-bottom: 35px;
}
.mxt-blueprint-magic-rooms-layout-modal-content {
  width: 100%;
}
.mxt-blueprint-magic-rooms-layout-modal .mxt-blueprint-metric-toggle {
  margin-bottom: 30px;
}

.mxt-blueprint-magic-rooms-layout-carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border: solid 1px #a5a5a5;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background-color: #ffffff;
}
.mxt-blueprint-magic-rooms-layout-carousel-item.mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own {
  background-image: url(2ae26b0d9ba0e4dfa334.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mxt-blueprint-magic-rooms-layout-carousel-item.mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own .mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own-img {
  margin-bottom: 15px;
}
.mxt-blueprint-magic-rooms-layout-carousel-item.mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own .mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own-img img {
  height: 45px;
  width: 45px;
}
.mxt-blueprint-magic-rooms-layout-carousel-item.mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own .mxt-blueprint-magic-rooms-layout-carousel-item__create-your-own-text {
  font: var(--mxt-font-header);
  color: white;
}
.mxt-blueprint-magic-rooms-layout-carousel-item-img {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex: 1;
}
.mxt-blueprint-magic-rooms-layout-carousel-item-divider {
  height: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.mxt-blueprint-magic-rooms-layout-carousel-item-name {
  font: var(--mxt-font-body-lg-bold);
  overflow-wrap: anywhere;
  height: 40px;
  white-space: break-spaces;
  display: flex;
  align-items: center;
}

.mxt-blueprint-magic-rooms-layout-modal-background {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  margin: 0px auto;
  overflow: auto;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mxt-blueprint-magic-rooms-layout-draw-your-own {
  color: black;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font: var(--mxt-font-body);
  cursor: pointer;
}

.mxt-blueprint-decking-layout-modal #mxt-blueprint-decking-layout-drawing-height {
  margin-bottom: 30px;
}
.mxt-blueprint-decking-layout-modal #mxt-blueprint-decking-layout-drawing-height-group {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.mxt-blueprint-decking-layout-modal #mxt-blueprint-decking-layout-drawing-height-group-label {
  font: var(--mxt-font-body-bold);
}
.mxt-blueprint-decking-layout-modal #mxt-blueprint-decking-layout-drawing-height-group-carousel {
  width: 140px;
}
.mxt-blueprint-decking-layout-modal #mxt-blueprint-decking-layout-drawing-height-group-icon {
  height: 40px;
}
.mxt-blueprint-decking-layout-modal .mxt-blueprint-image-carousel-item {
  height: unset;
}

.mxt-blueprint-decking-layout-drawing-help-popover {
  max-width: unset;
}
.mxt-blueprint-decking-layout-drawing-help-popover #mxt-blueprint-decking-layout-drawing-help {
  display: flex;
  width: 550px;
  align-items: center;
  padding: 10px;
  gap: 10px;
}
.mxt-blueprint-decking-layout-drawing-help-popover #mxt-blueprint-decking-layout-drawing-help-text {
  text-align: center;
}
.mxt-blueprint-decking-layout-drawing-help-popover #mxt-blueprint-decking-layout-drawing-help-text-head {
  font-size: 20px;
  margin-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-define-space/scss/measurement-toggle-component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-metric-toggle {
  display: flex;
  flex-direction: column;
  width: 300px;
  margin: 0 auto;
}
.mxt-blueprint-metric-toggle-text {
  text-align: center;
  margin-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-define-space/scss/image-carousel.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-image-carousel {
  display: flex;
}
.mxt-blueprint-image-carousel-arrow {
  display: flex;
  justify-items: center;
  flex: 0 0 30px;
  cursor: pointer;
}
.mxt-blueprint-image-carousel-container {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  max-height: 420px;
}
.mxt-blueprint-image-carousel-container-scroll {
  position: relative;
  transition: transform 0.25s;
}
.mxt-blueprint-image-carousel-item {
  display: inline-block;
  max-width: 31%;
  margin-right: 10px;
  vertical-align: top;
  width: 280px;
  height: 370px;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/missing-utilities-modal.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-missing-utilities-modal {
  z-index: 31;
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 30px 44px;
  color: var(--mxt-font-color);
  max-width: 600px;
}
.mxt-blueprint-missing-utilities-modal-header {
  padding-top: 20px;
  margin-bottom: 15px;
  font: var(--mxt-font-header);
}
.mxt-blueprint-missing-utilities-modal-content {
  text-align: center;
}
.mxt-blueprint-missing-utilities-modal-content p {
  margin-bottom: 15px;
}
.mxt-blueprint-missing-utilities-modal-actions .mxt-btn {
  margin-bottom: 10px;
  min-width: 240px;
}

.mxt-blueprint-missing-utilities-modal-background {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  margin: 0px auto;
  overflow: auto;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: 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-define-space/scss/not-enclosed-modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-not-enclosed-modal {
  z-index: 31;
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 30px 44px;
  color: var(--mxt-font-color);
  max-width: 600px;
}
.mxt-blueprint-not-enclosed-modal-header {
  padding-top: 20px;
  margin-bottom: 15px;
  font: var(--mxt-font-header);
}
.mxt-blueprint-not-enclosed-modal-content {
  text-align: center;
}
.mxt-blueprint-not-enclosed-modal-content p {
  margin-bottom: 15px;
}
.mxt-blueprint-not-enclosed-modal-image-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mxt-blueprint-not-enclosed-modal-image {
  border-radius: var(--mxt-corner-roundness);
}
.mxt-blueprint-not-enclosed-modal-help {
  text-align: center;
  margin-bottom: 15px;
}
.mxt-blueprint-not-enclosed-modal-actions .mxt-btn {
  margin-bottom: 10px;
  min-width: 240px;
}

.mxt-blueprint-not-enclosed-modal-background {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  margin: 0px auto;
  overflow: auto;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: 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-define-space/scss/room-scanner.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.mxt-room-scanner-modal {
  max-width: 900px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal {
  display: flex;
  flex-wrap: wrap;
  background: white;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .mxt-bp-modal-confirm #modal-confirm-text {
  font: var(--mxt-font-body);
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  padding: 30px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code {
  display: flex;
  padding: 0px 20px;
  padding-bottom: 25px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code .container-qr-code-image {
  margin-right: 20px;
  align-self: center;
  image-rendering: pixelated;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code .container-qr-code-text {
  margin-left: 20px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code .container-qr-code-text .qr-code-title {
  font: var(--mxt-font-body-lg);
  display: flex;
  flex-flow: column;
  margin-bottom: 20px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code .container-qr-code-text .qr-code-title .qr-code-title-code {
  margin-top: 5px;
  text-transform: uppercase;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code .container-qr-code-text .qr-code-subtext {
  font: var(--mxt-font-body-sm);
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-qr-code #room-scanner-complete-btn {
  width: 100%;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-room-scanner-input {
  text-align: center;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-room-scanner-input #room-scanner-input {
  background: white;
  border: 1px solid #ddd;
  padding: 0px 15px;
  font: var(--mxt-font-body-lg-bold);
  line-height: 40px;
  width: 100%;
  text-transform: uppercase;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-room-scanner-input #room-scanner-confirm-btn {
  line-height: 40px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .container-room-scanner-input #room-scanner-confirm-btn.invalid {
  background: #999;
  cursor: default;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .already-scanned-image {
  width: 114px;
  padding-top: 20px;
  padding-bottom: 4px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content .already-scanned-image-text {
  padding-top: 10px;
  padding-bottom: 20px;
  font: var(--mxt-font-body-sm);
  text-align: center;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content > aside {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0 30px;
  border-right: 1px solid #ddd;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content > aside:first-child {
  padding-left: 0px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content > aside:last-child {
  padding-right: 0px;
  border-right: none;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-content > aside > section {
  display: flex;
  width: 100%;
  flex-flow: column wrap;
  align-items: center;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs {
  width: 100%;
  background: #f7f7f7;
  display: flex;
  flex-flow: column;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs.opened {
  position: absolute;
  bottom: 0px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs.opened .device-reqs-header img {
  transform: rotate(90deg);
  padding: 0px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs.opened .device-reqs-body {
  display: block;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body {
  display: none;
  padding: 20px 60px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-header {
  margin-bottom: 5px;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-text {
  font: var(--mxt-font-body-lg);
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-top {
  margin-bottom: 20px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-bottom {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-bottom-section {
  display: flex;
  flex-flow: column;
  gap: 2px;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-body .device-reqs-body-bottom-section a {
  text-decoration: none;
}
.mxt-room-scanner-modal #mxt-room-scanner-modal .room-scanner-modal-device-reqs .device-reqs-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font: var(--mxt-font-body-lg-bold);
  margin: 0px;
}
.mxt-room-scanner-modal .mxt-modal-content-container {
  width: 100%;
  display: block;
}
.mxt-room-scanner-modal .mxt-modal-content-container > section {
  padding: 30px;
}
.mxt-room-scanner-modal .mxt-modal-content-container .mxt-modal-content-container-no-padding {
  padding: 0px;
}
.mxt-room-scanner-modal .mxt-modal-content-container h2 {
  text-align: center;
}
.mxt-room-scanner-modal .mxt-modal-content-container p {
  text-align: center;
  margin-top: 17px;
  margin-bottom: 34px;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-room-scanner-modal .mxt-modal-content-container button {
  width: 100%;
  display: block;
  margin: 10px 0;
  text-transform: capitalize;
}

#mxtBlueprintControls #mxtBlueprintRoomScanner {
  padding: 0 15px !important;
}

.mxtBlueprintContextualHelpPopover {
  display: flex;
  align-items: center;
}
.mxtBlueprintContextualHelpPopover .mxtBlueprintContextualHelpPopoverMessage {
  padding-bottom: 15px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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-define-space/scss/image-trace.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-title {
  text-align: center;
  font-size: large;
  padding-bottom: 10px;
}

.mxt-blueprint-text {
  font-size: 12px;
  text-align: center;
  padding: 15px;
}
.mxt-blueprint-text img {
  display: inline-flex;
}

@keyframes fadeInAttention {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  70% {
    opacity: 1;
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  85% {
    transform: rotate(5deg);
  }
  95% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.mxt-blueprint-trace-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  user-select: none;
  touch-action: none;
}

.mxt-blueprint-bg-settings {
  right: 20px;
  bottom: 75px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container {
  width: 300px;
  height: 300px;
  padding: 20px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-file-limit {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel {
  padding: 20px 0px 20px 0px;
  border-bottom: solid 1px #c6c6c6;
  display: flex;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span {
  display: flex;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-preview {
  width: 200px;
  height: 120px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-preview img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: solid 1px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container {
  width: 200px;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container .mxt-blueprint-opacity-title {
  color: black;
  padding: 0px 5px 0px 10px;
  margin: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container .mxt-blueprint-opacity-value {
  width: 50px;
  margin-left: auto;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container span {
  display: flex;
  width: 100%;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container .mxt-blueprint-opacity-slider {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  padding: 0px;
  width: 100%;
  cursor: grab;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container input[type=range]:focus {
  outline: none;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #666666;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #666666;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-edit-panel span .mxt-blueprint-opacity-container input[type=range]::-webkit-slider-thumb {
  background: #666666;
  height: 16px;
  width: 16px;
  margin-top: -8px;
  border-radius: 16px;
  cursor: pointer;
  -webkit-appearance: none;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container button {
  margin-right: 10px;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-init-panel {
  padding: 20px 0px 20px 0px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-init-panel .mxt-blueprint-details {
  text-align: center;
  font-size: 12px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-init-panel span {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.mxt-blueprint-bg-settings .mxt-blueprint-container .mxt-blueprint-hint {
  margin: auto;
  padding: 10px;
}

.mxt-blueprint-bg-settings.mxt-arrow-modal:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0.2);
  border-width: 10px;
  margin-left: 1px;
  left: 100%;
  top: 180px;
}

.mxt-blueprint-bg-settings.mxt-arrow-modal:after {
  border-color: rgba(213, 213, 213, 0);
  border-left-color: white;
  border-width: 10px;
  transition: 1s all ease;
  left: 100%;
  top: 180px;
}

.mxt-blueprint-bg-settings:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 25px solid #6a0136;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}

.mxt-blueprint-calibration {
  width: 600px;
  height: 175px;
  position: absolute;
  background-color: white;
  top: 0;
  left: 50%;
  border-radius: 4px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3921568627);
  transform: translate(-50%, 0);
  /* user input for distance */
}
.mxt-blueprint-calibration .mxt-blueprint-title {
  text-align: center;
  font-size: large;
  padding: 10px;
}
.mxt-blueprint-calibration span.mxt-distance-panel {
  width: 100%;
}
.mxt-blueprint-calibration span.mxt-distance-panel input {
  height: fit-content;
  width: 80px;
  margin: 0 10px 0px 10px;
}
.mxt-blueprint-calibration span.mxt-distance-panel select {
  width: 70px;
  height: 28px;
  margin-left: 10px;
  margin-bottom: 0px;
}
.mxt-blueprint-calibration span.mxt-distance-panel div {
  align-items: center;
  display: flex;
}
.mxt-blueprint-calibration span {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  padding: 15px;
}
.mxt-blueprint-calibration span button {
  margin: 5px;
  width: 200px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/fancyloadingcontainer.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container {
  padding: 20px 20px;
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-progress-header {
  font: var(--mxt-font-body-lg);
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips {
  width: 300px;
  margin: 70px auto auto;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  text-align: center;
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-header {
  font: var(--mxt-font-body-lg-bold);
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-tip {
  font: var(--mxt-font-body);
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-tip.mxt-fadeOut, .mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-tip.mxt-fadeIn {
  animation-duration: 0.2s;
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-bullets {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 5px;
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-bullets .mxt-loading-tips-bullet {
  width: 15px;
  height: 15px;
  margin: 0px 5px;
  border: 1px solid black;
  border-radius: 50%;
  cursor: pointer;
}
.mxt-spins-loading-progress-background.fancy-full-screen-load .mxt-spins-loading-progress-container .mxt-loading-tips .mxt-loading-tips-bullets .mxt-loading-tips-bullet.active {
  background-color: black;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** 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-form-group {
  margin-bottom: 15px;
}

.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(c86f412e4a3279a8853e.svg);
  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-container.mxt-switch-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.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-container.mxt-switch-disabled .mxt-switch {
  pointer-events: none;
}

.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 {
  font: var(--mxt-font-header);
}

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

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

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

.mxt-hover-over-image {
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  justify-content: center;
  align-items: center;
}
.mxt-hover-over-image.mxt-hover-over-image-manual-trigger {
  display: flex;
}

.mxt-bounce-container {
  padding: 2px;
}

.mxt-bounce-container:hover .mxt-bounce {
  top: -2px;
}

.mxt-bounce {
  position: relative;
  transition: 0.2s top ease;
  top: 0px;
}

.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-visibility-hidden {
  visibility: hidden;
}

.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/tabulator-tables/dist/css/tabulator.min.css ***!
  \************************************************************************************************************/
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none}.tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{bottom:auto;justify-content:center;left:0;right:0;top:4px}.tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block}.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none}.tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%}.tabulator .tabulator-tableholder:focus{outline:none}.tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%}.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%}.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal}.tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700}.tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute}.tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap}.tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px}.tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff}.tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px}.tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px}.tabulator .tabulator-footer .tabulator-page-counter{font-weight:400}.tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-pages{margin:0 7px}.tabulator .tabulator-footer .tabulator-page{background:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px}.tabulator .tabulator-footer .tabulator-page.active{color:#d00}.tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:rgba(0,0,0,.2);color:#fff;cursor:pointer}}.tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize}}.tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px}.tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px}.tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%}.tabulator .tabulator-alert{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px}.tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative}.tabulator-row.tabulator-row-even{background-color:#efefef}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer}}.tabulator-row.tabulator-selected{background-color:#9abcea}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer}}.tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15}.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000}.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff}.tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0}.tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}}.tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px}.tabulator-row .tabulator-responsive-collapse:empty{display:none}.tabulator-row .tabulator-responsive-collapse table{font-size:14px}.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px}.tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999}.tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0}.tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none}.tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00}.tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00}.tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea}.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7}}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none}.tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px}.tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block}.tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-row.tabulator-group span{color:#d00;margin-left:10px}.tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row}.tabulator-toggle.tabulator-toggle-on{background:#1c6cc2}.tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box}.tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000}.tabulator-popup{border-radius:3px;padding:5px}.tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:Min(500px,100%);padding:3px 5px;pointer-events:none}.tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;user-select:none}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer}}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px}.tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa}.tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto}.tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px}.tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff}.tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)}.tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd}@media (hover:hover) and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer}}.tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center}.tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px}.tabulator.tabulator-ltr{direction:ltr}.tabulator.tabulator-rtl{direction:rtl;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0}.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto}.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa}.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px}.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial}.tabulator-print-fullscreen{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10000}body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important}.tabulator-print-table{border-collapse:collapse}.tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px}.tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer}}.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px}.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block}.tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0}.tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px}.tabulator-print-table .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer}}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px}.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/settings-manager.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-device-portrait .mxt-settings-modal {
  width: 80%;
  padding: 20px;
}

.mxt-settings-modal {
  width: 825px;
  height: fit-content;
  display: flex;
  flex-flow: column;
  padding: none;
  /* added to prevent a flip-flop scenario in Win-Chrome, where the table would expand, add a scroll bar, then contract... ad infinitum */
}
.mxt-settings-modal .content-container {
  overflow-y: auto;
  height: calc(100vh - 200px);
  padding-top: 30px;
}
.mxt-settings-modal .mxt-tabbed-view {
  height: 100%;
  border: none;
}
.mxt-settings-modal .mxt-tabbed-view-header {
  margin: 0px 40px 0px 40px;
  border-top: 1px solid;
}
.mxt-settings-modal .settings-table-parent-container {
  height: 100%;
}
.mxt-settings-modal .mxt-settings-table-component {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.mxt-settings-modal .mxt-settings-table-header {
  color: #000;
  font-family: Mulish;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 29px;
  letter-spacing: -0.408px;
  margin-left: 6px;
}
.mxt-settings-modal .mxt-settings-tables {
  overflow: auto;
  padding: 30px 40px 20px 40px;
}
.mxt-settings-modal .mxt-settings-table {
  overflow-y: hidden;
}
.mxt-settings-modal .mxt-settings-table .tabulator-tableholder {
  overflow-x: hidden;
}
.mxt-settings-modal .settings-buttons-footer {
  display: flex;
  gap: 10px;
  padding: 10px 45px;
  margin-top: auto;
  border-top: 1px solid var(--MK-I-Grey, #a5a5a5);
  background-color: #ffffff;
  position: sticky;
  bottom: 0px;
}
.mxt-settings-modal .settings-buttons-footer-cancel-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 40px;
  flex-shrink: 0;
  border: 1px solid var(--Arkham-Grey, #666);
  border-radius: 4px;
  background: #fff;
  color: #666;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
}
.mxt-settings-modal .settings-buttons-footer-save-button {
  background: var(--mxt-nav-control-primary-background-color);
  color: var(--mxt-toolbar-cta-font-color);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 40px;
  flex-shrink: 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.mxt-settings-modal .settings-buttons-footer-save-button:disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}
.mxt-settings-modal .tabulator-popup-container {
  z-index: 20000;
}
.mxt-settings-modal .tabulator-edit-list {
  z-index: 20000;
}
.mxt-settings-modal .tabulator-row-disabled {
  pointer-events: none;
}
.mxt-settings-modal .tabulator-row-disabled .tabulator-cell:not(:first-child) {
  color: #d2d2d2;
}
.mxt-settings-modal .tabulator-row-disabled .mxt-row-down-arrow {
  display: none;
}
.mxt-settings-modal .mxt-row-down-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
  width: 30px;
}
.mxt-settings-modal .keyboard-shortcuts-table-header {
  display: flex;
  align-items: flex-start;
  font-family: Mulish;
  font-weight: 800;
  font-size: 15px;
  line-height: 29px;
  letter-spacing: -0.41px;
}
.mxt-settings-modal .keyboard-shortcuts-table-header-text {
  flex: 1;
  text-align: left;
  margin-left: 10px;
}
.mxt-settings-modal .mxt-hotkeys-content {
  padding: 30px 40px 30px 40px;
}
.mxt-settings-modal .mxt-settings-pinned {
  flex: 0;
}
.mxt-settings-modal .mxt-login-warning-wrapper {
  margin: 20px 40px 0 40px;
}
.mxt-settings-modal .mxt-save-changes-notification-wrapper {
  margin: 20px 40px 0 40px;
}
.mxt-settings-modal .mxt-wall-height-changed-warning-wrapper {
  margin-top: 9px;
}
.mxt-settings-modal .mxt-notification-bar {
  width: auto;
}
.mxt-settings-modal .mxt-notification-bar .mxt-btn-icon-only {
  display: none;
}
.mxt-settings-modal .mxt-notification-bar .mxt-login-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: inline;
}
.mxt-settings-modal .mxt-notification-bar .mxt-login-link:hover {
  opacity: 0.8;
}

#designer #mxt-frames-per-second {
  position: absolute;
  right: 20px;
  top: 80px;
}

#mxt-frames-per-second {
  color: white;
  font: var(--mxt-font-body-lg-bold);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/pikaday/css/pikaday.css ***!
  \****************************************************************************************/
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/inspiration.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-inspiration-grid-columns: 3;
}

body.mxt-room-planner-phone .navigationButtonContainer,
body.mxt-room-planner-phone .navigationButtonContainerBoxShadow,
body.mxt-room-planner-phone #navigationPanels {
  display: none;
}

[data-context=Inspiration] .navigationButtonContainer:not(#mxtBlueprintNavigationButtonContainer) {
  flex: 0;
}
[data-context=Inspiration] .navigationButtonContainerBoxShadow:not(#mxtBlueprintNavigationBoxShadow) {
  width: 0px;
}
[data-context=Inspiration]#designer-container .mxtMainMenu {
  width: 300px;
}
[data-context=Inspiration]#designer-container .mxtMainMenu.sidePanelCollapsed {
  width: 0;
}

.mxt-popover.mxt-unenclosed-room-magic-rooms-tip .mxt-popover-content {
  padding: 10px;
}

.mxt-popover-applyStyle {
  z-index: 99999;
}
.mxt-popover-applyStyle .mxt-popover-content {
  padding: 10px;
}

.mxt-inspiration-filter {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0px;
  z-index: 11111;
  background-color: rgba(0, 0, 0, 0.3);
}
.mxt-inspiration-filter .filter-panel {
  width: 200px;
  left: 0px;
  height: 100%;
  top: 0px;
  position: absolute;
  transition: all 0.6s ease;
  background: white;
  display: flex;
  flex-flow: column;
}
.mxt-inspiration-filter .filter-panel.filter-panel-collapsed {
  left: -200px;
}
.mxt-inspiration-filter .filter-panel .filter-header {
  flex: 0 0 110px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.mxt-inspiration-filter .filter-panel .filter-header span {
  font: var(--mxt-font-header);
}
.mxt-inspiration-filter .filter-panel .filter-scrollable {
  flex: 1;
  overflow-y: auto;
}
.mxt-inspiration-filter .filter-panel .filter-scrollable .mxt-accordian {
  padding-left: 10px;
  font: var(--mxt-font-body-bold);
}
.mxt-inspiration-filter .filter-panel .filter-scrollable .filter-accordian-content {
  padding-left: 20px;
}
.mxt-inspiration-filter .filter-panel .filter-scrollable .filter-accordian-content .mxt-checkbox .mxt-checkbox-checkmark {
  border-width: 2px;
  width: 20px;
  height: 20px;
}
.mxt-inspiration-filter .filter-panel .filter-buttons {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  flex: 0 0 150px;
}
.mxt-inspiration-filter .filter-panel .filter-buttons .filter-clear-all {
  color: var(--toggle-blue);
  padding: 10px;
}
.mxt-inspiration-filter .filter-panel .filter-buttons .filter-cta-buttons {
  background: #f7f7f7;
  padding: 10px;
}
.mxt-inspiration-filter .filter-panel .filter-buttons button {
  width: 100%;
  margin-bottom: 5px;
}
.mxt-inspiration-filter .filter-panel .filter-buttons button :last-of-type {
  margin-bottom: 0px;
}

.mxt-product-panel-content.inspiration-dfp-content {
  padding-bottom: 0px;
  transition: padding 0.3s ease;
}
.mxt-product-panel-content.inspiration-dfp-content.magic-room-layout-padding {
  /** to account for magic room layouts height, need padding bottom*/
  padding-bottom: 250px;
}

@media (min-width: 992px) {
  .magic-room-error-modal.with-image .magic-room-error-container {
    width: 872px;
    padding-right: 220px;
  }
  .magic-room-error-modal.with-image .magic-room-error-image {
    display: block;
  }
}
.magic-room-error-modal .magic-room-error-image {
  position: absolute;
  height: 100%;
  z-index: 0;
  top: 0px;
  right: 0px;
  display: none;
}
.magic-room-error-modal .magic-room-error-container {
  position: relative;
  z-index: 1;
}
.magic-room-error-modal .magic-room-error-container .magic-room-error-text {
  font: var(--mxt-font-body-lg);
  text-align: center;
  padding: 10px 80px 40px;
}
.magic-room-error-modal .magic-room-error-container .magic-room-error-text p {
  margin-bottom: 15px;
}
.magic-room-error-modal .magic-room-error-container .magic-room-error-text a,
.magic-room-error-modal .magic-room-error-container .magic-room-error-text a:visited {
  color: var(--toggle-blue);
}
.magic-room-error-modal .magic-room-error-container .magic-room-error-buttons {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 50px;
}

.magic-rooms-layouts {
  height: 250px;
  padding: 12px 24px 0px 24px;
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  transition: height 0.3s ease;
}
.magic-rooms-layouts .magic-room-layout-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.magic-rooms-layouts .magic-room-layout-header-row .magic-room-layout-header {
  font: var(--mxt-font-body-lg-bold);
}
.magic-rooms-layouts .magic-room-layout-header-row .magic-rooms-layout-sort {
  width: 150px;
  z-index: 2;
}
.magic-rooms-layouts .magic-room-layout-header-row .magic-rooms-layout-sort .mxt-dropdown-container {
  width: 100% !important;
  height: 40px !important;
}
.magic-rooms-layouts .magic-room-layout-header-row .magic-rooms-layout-sort .mxt-dropdown-container .mxt-dropdown {
  width: 100% !important;
  position: relative;
}
.magic-rooms-layouts .magic-rooms-layouts-arrow {
  position: absolute;
  height: 150px;
  bottom: 33px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: height 0.3s ease;
  cursor: pointer;
}
.magic-rooms-layouts .magic-rooms-layouts-arrow.arrow-left {
  left: 0px;
  background: linear-gradient(90deg, white 50%, rgba(255, 255, 255, 0));
}
.magic-rooms-layouts .magic-rooms-layouts-arrow.arrow-left img {
  margin-right: 15px;
}
.magic-rooms-layouts .magic-rooms-layouts-arrow.arrow-right {
  right: 0px;
  background: linear-gradient(270deg, white 50%, rgba(255, 255, 255, 0));
}
.magic-rooms-layouts .magic-rooms-layouts-arrow.arrow-right img {
  margin-left: 15px;
}
.magic-rooms-layouts .magic-rooms-layouts-arrow img {
  pointer-events: none;
}
.magic-rooms-layouts .magic-room-configurations {
  display: flex;
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config {
  position: relative;
  flex: 0 0 140px;
  height: 140px;
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  gap: 10px;
  border: solid 3px #cccccc;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config:last-of-type {
  margin-right: 0px;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config.selected {
  border: solid 3px var(--toggle-blue);
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config-no-screenshot {
  justify-content: center;
  align-items: center;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config-screenshot {
  justify-content: end;
  align-items: start;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config-screenshot span {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  padding: 2px 5px;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config .layout-watermark {
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config .magic-room-config-icon {
  z-index: 1;
}
.magic-rooms-layouts .magic-room-configurations .magic-room-config span {
  z-index: 1;
}
.magic-rooms-layouts.magic-rooms-layouts-down {
  height: 0px;
  padding: 0px;
  overflow: hidden;
}
.magic-rooms-layouts.magic-rooms-layouts-down .magic-rooms-layouts-arrow {
  height: 0px;
}

.mxt-column-view .mxt-inspiration-mosaic-item {
  margin-bottom: 5px;
  padding: 4px;
  background: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  position: relative;
}
.mxt-column-view .mxt-inspiration-mosaic-item.mxt-inspiration-mosaic-item-dfp:hover .mxt-inspiration-mosaic-item-overlay {
  opacity: 1;
  pointer-events: all;
}
.mxt-column-view .mxt-inspiration-mosaic-item.mxt-inspiration-mosaic-item-dfp .mxt-inspiration-mosaic-item-overlay {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all ease;
  display: flex;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 8px);
  padding: 12px 21px;
  justify-content: space-evenly;
  margin: 4px;
  flex-flow: column;
  gap: 5px;
  max-height: calc(100% - 8px);
}
.mxt-column-view .mxt-inspiration-mosaic-item.mxt-inspiration-mosaic-item-dfp .mxt-inspiration-mosaic-item-overlay button {
  height: 35px;
}
.mxt-column-view .mxt-inspiration-mosaic-item.current {
  border: 3px solid var(--toggle-blue);
  padding: 0px;
}
@media screen and (max-width: 1200px) {
  .mxt-column-view .mxt-inspiration-mosaic-item .mxt-pinterest-flag {
    height: 30px;
    font: var(--mxt-font-body-ex-sm);
    padding: 5px;
  }
  .mxt-column-view .mxt-inspiration-mosaic-item .mxt-pinterest-flag img {
    width: 19px;
  }
}
.mxt-column-view .mxt-inspiration-mosaic-item > img {
  width: 100%;
}
.mxt-column-view.single-column {
  flex-wrap: wrap;
}
.mxt-column-view.single-column .mxt-column-view-column {
  width: 100%;
  flex: 0 0 100%;
  padding: 0px;
}
@media (max-width: 992px) {
  .mxt-column-view {
    flex-wrap: wrap;
  }
  .mxt-column-view .mxt-column-view-column {
    width: 100%;
    flex: 0 0 100%;
    padding: 0px;
  }
}

#inspirationSidePanelProducts {
  height: 100%;
  padding: 0px;
}
#inspirationSidePanelProducts #inspirationPhotoToFloorplanContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  flex-flow: column;
  padding: 20px;
  overflow: auto;
}

.shoppable-flexbox {
  flex: 0 1;
}

.shoppable-main-stretch {
  flex: 1;
}

#shoppable-main {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: var(--mxt-corner-roundness);
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}

#shoppable-image-container-cloned {
  outline: 8px solid #ffffff;
  background-color: #ffffff;
  position: relative;
}

.mxt-inspiration-room-detail-screen {
  height: 100%;
  width: 100%;
}
.mxt-inspiration-room-detail-screen .letterbox {
  padding: 0 20px 20px;
}
.mxt-inspiration-room-detail-screen .letterbox .container {
  display: flex;
  flex-flow: column;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #e7e7e7;
  border-radius: var(--mxt-corner-roundness);
  margin-bottom: 20px;
}
.mxt-inspiration-room-detail-screen .letterbox .container img {
  margin: 0 auto;
}
.mxt-inspiration-room-detail-screen .letterbox .container button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.mxt-inspiration-room-detail-screen .letterbox button {
  width: 100%;
}

.mxt-inspiration-share-modal-success .mxt-default-modal-header {
  font: var(--mxt-font-body-sm);
  min-width: 500px;
  max-width: 80%;
}

.mxt-inspiration-share-modal {
  width: 550px;
  text-align: center;
  padding: 40px;
  padding-top: 20px;
}
.mxt-inspiration-share-modal .mxt-inspiration-share-text {
  font: var(--mxt-font-body-sm);
  padding-bottom: 10px;
}
.mxt-inspiration-share-modal .mxt-inspiration-share-link {
  font: var(--mxt-font-body-lg-bold);
  padding-bottom: 30px;
  word-break: break-all;
}
.mxt-inspiration-share-modal .mxt-btn {
  margin: auto;
  width: 220px;
}

.shoppable-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}

#shoppable-zoom-background {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

#shoppable-zoom-background .shoppable-svg {
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
}

#shoppable-image {
  display: block;
  margin: 0px auto;
  width: 100%;
}

.shoppable-image-container {
  position: relative;
  background: #e7e7e7;
}

#shoppable-zoom-background .shoppable-image-container {
  flex: 0 0 75%;
}

#shoppable-main-svg:hover .inspiration-wireframe {
  stroke: rgb(220, 220, 220);
}

.inspiration-custom-cursor .inspiration-wireframe {
  cursor: inherit;
}

.inspiration-wireframe {
  fill: rgba(255, 255, 255, 0);
  stroke: rgba(220, 220, 220, 0.5);
  stroke-width: 2;
  cursor: pointer;
  transition: all 0.5s ease;
}

.inspiration-wireframe-inverse-hover.inspiration-wireframe:hover {
  fill: rgba(0, 0, 0, 0.3);
}

.inspiration-wireframe:hover {
  fill: rgba(255, 255, 255, 0.3);
}

.inspiration-wireframe.selected {
  fill: rgba(79, 193, 223, 0.3);
}

.inspiration-wireframe.highlighted {
  animation-duration: 0.5s;
  animation-name: keystonePulse;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

div#numToPlaceElement {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 10000;
  background: var(--primary-right-gradient);
  text-align: center;
  color: white;
  line-height: 30px;
  border: 2px solid white;
}

div#shoppable-layers {
  right: 60px;
}

div#shoppable-zoom {
  right: 10px;
}

#shoppable-alternate-views {
  display: block;
  height: auto;
  transition: none;
}
#shoppable-alternate-views.shoppable-alternative-view-text-expanded {
  padding: 10px 10px 0px 10px;
}
#shoppable-alternate-views.shoppable-alternative-view-text-expanded:hover {
  background: var(--mxt-non-cta-button-background-color);
  filter: brightness(100%);
}
#shoppable-alternate-views.shoppable-alternative-view-text-expanded #shoppable-alternative-view-text img {
  transform: rotate(180deg);
}
#shoppable-alternate-views #shoppable-alternative-view-text {
  width: 100%;
  height: 35px;
  color: var(--mxt-non-cta-button-font-color);
}
#shoppable-alternate-views #shoppable-alternative-view-text img {
  transform: rotate(0deg);
  transition: 0.3s all ease;
}
#shoppable-alternate-views .shoppable-alternates-header {
  font: var(--mxt-font-body-bold);
  padding: 7px 10px 10px;
}
#shoppable-alternate-views img.shoppable-alternate-help-img {
  position: absolute;
  right: 0px;
  top: 10px;
}

.shoppable-alternates-help-popover {
  padding: 10px;
  text-align: center;
  color: var(--mxt-font-color);
}

.inspiration-alternate-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel {
  display: flex;
  flex: 1;
  position: relative;
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel .inspiration-alternate-image-gap {
  flex: 0 0 6px;
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel .inspiration-alternate-image-container {
  position: relative;
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel .inspiration-alternate-image-container .inspiration-alternate-image {
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-size: cover;
  position: absolute;
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel .inspiration-alternate-image-container .inspiration-alternate-image.inspiration-current-alternate-image {
  border: solid 3px var(--toggle-blue);
}
.inspiration-alternate-carousel .inspiration-alternate-image-carousel .inspiration-alternate-image-container .inspiration-alternate-image-label {
  margin: 0px;
  padding: 0px;
  font: var(--mxt-font-body-sm);
  position: absolute;
  top: calc(100% - 25px);
  text-align: center;
  width: 100%;
  left: 0px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.inspiration-alternate-carousel .inspiration-alternate-carousel-arrow {
  flex: 0 0 30px;
  cursor: pointer;
}

#shoppable-button-row {
  display: flex;
  justify-content: space-between;
  color: var(--mxt-font-color);
  background: white;
}

#shoppable-cover-up {
  background: rgba(0, 0, 0, 0.5);
}

.shoppable-image-pdp {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 20px;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  color: var(--mxt-font-color);
  background: white;
  padding: 7px;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  pointer-events: none;
}

#shoppable-zoom-background .shoppable-image-pdp {
  bottom: 0px;
}

.shoppable-image-pdp-detail-col {
  flex: 1;
  min-width: 0; /* To prevent weird overflow issues */
}

.shoppable-image-pdp-pricing-col {
  margin-left: 20px;
}

.shoppable-image-pdp-title {
  font: var(--mxt-font-body-bold);
}

.shoppable-image-pdp-price {
  font: var(--mxt-font-body-bold);
}

.shoppable-image-pdp-availability.shoppable-image-pdp-text {
  font-style: italic;
  color: #e14f4c;
}

.shoppable-image-pdp-text {
  margin: 0px;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes keystonePulse {
  from {
    fill: rgba(var(--toggle-blue-rgb), 0.3);
  }
  to {
    fill: rgba(var(--toggle-blue-rgb), 0.15);
  }
}
.mxt-inspiration-grid-scrollable {
  overflow: auto;
  width: 100%;
}

.mxt-inspiration-grid-container {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 40px;
  max-width: 1240px;
  margin: auto;
  gap: 20px;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-container {
    padding: 10px;
  }
}

.mxt-inspiration-grid-column {
  flex: 100%;
  padding: 0px;
}
@media (min-width: 767px) {
  .mxt-inspiration-grid-column {
    flex: 48%;
  }
}
@media (min-width: 992px) {
  .mxt-inspiration-grid-column {
    flex: 31%;
  }
}

.mxt-inspiration-grid-item {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  border: solid 1px #a5a5a5;
  display: flex;
  flex-direction: column;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-item {
    flex-direction: column-reverse;
  }
  .mxt-inspiration-grid-item .mxt-pinterest-flag {
    top: 40px;
  }
}
.mxt-inspiration-grid-item hr {
  margin-left: 15px;
  margin-right: 15px;
}
.mxt-inspiration-grid-item .mxt-inspiration-floating-btn {
  bottom: 10px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}

p.mxt-inspiration-grid-text {
  position: absolute;
  bottom: 0px;
  text-align: right;
  color: white;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 0px;
  padding: 10px;
}

.mxt-inspiration-grid-text.mxt-inspiration-grid-text-view3dOnly {
  position: relative;
  background: white;
  color: var(--mxt-font-color);
  text-align: left;
  flex: 1 0;
  padding: 0px;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-text.mxt-inspiration-grid-text-view3dOnly {
    text-align: center;
  }
}

.mxt-inspiration-grid-headerRow {
  display: flex;
  padding: 20px 40px;
  width: 100%;
  min-height: 90px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: white;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-headerRow {
    min-height: clamp(40px, min(10vh, 10vw), 90px);
  }
}
body.mxt-room-planner-phone .mxt-inspiration-grid-headerRow .mxt-inspiration-grid-back,
body.mxt-room-planner-phone .mxt-inspiration-grid-headerRow .mxt-inspiration-grid-skip {
  display: none;
}
.mxt-inspiration-grid-headerRow .mxt-inspiration-grid-skip.inactive {
  visibility: hidden;
  pointer-events: none;
}

.mxt-inspiration-grid-header-container {
  flex: 1;
  height: 100%;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-header-container {
    height: initial;
  }
}
.mxt-inspiration-grid-header-container .mxt-inspiration-grid-header-logo {
  max-width: 200px;
  max-height: 100%;
  margin: auto;
}

.mxt-inspiration-grid-header {
  margin: auto;
  flex: 1;
  color: var(--mxt-font-color);
}

.mxt-inspiration-grid-header-image {
  margin: auto;
  width: 35px;
  padding-bottom: 6px;
}
@media (max-width: 766px) {
  .mxt-inspiration-grid-header-image {
    display: none;
  }
}

.mxt-inspiration-grid-header-instructions,
.mxt-inspiration-grid-instructions {
  text-align: center;
  position: relative;
  max-width: 724px;
  margin-left: auto;
  margin-right: auto;
}

.mxt-inspiration-grid-header-instructions {
  font: var(--mxt-font-header-lg);
  margin-top: 40px;
}

p.mxt-inspiration-grid-instructions {
  text-align: center;
  position: relative;
  font: var(--mxt-font-body-lg);
  line-height: 24px;
  padding: 24px;
  margin-bottom: 0px;
}

.mxt-inspiration-grid-img {
  width: 100%;
}

.mxt-inspiration-grid-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  font: var(--mxt-font-body-lg);
}

#mxt-inspiration-grid {
  display: flex;
  justify-content: center;
  background: rgb(247, 247, 247);
}

.mxt-inspiration-grid-img-container:hover .mxt-hover-over-image {
  display: flex;
}

.mxt-inspiration-grid-img-container {
  position: relative;
}

.mxt-inspiration-grid-open-3d-text-container {
  display: flex;
  background: white;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 20px;
  font: var(--mxt-font-body-lg-bold);
}
@media (min-width: 767px) {
  .mxt-inspiration-grid-open-3d-text-container {
    padding: 16px 33px 24px 15px;
  }
}

.shoppable-area-popover-animation {
  animation: popover-bounce 1s 2 alternate;
}

.shoppable-area-popover {
  text-align: center;
  width: 200px;
}

.shoppable-area-popover > .mxt-popover-content {
  padding: 10px;
}

.keystone-product {
  animation: product-pulse 1s infinite alternate;
}

.inspiration-cursor-hand-icon {
  z-index: 1000;
  position: absolute;
  pointer-events: none;
}

@keyframes popover-bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
@keyframes product-pulse {
  from {
    fill: rgba(255, 255, 255, 0);
  }
  to {
    fill: rgba(255, 255, 255, 0.3);
  }
}
.mxt-interactive-tour-inspiration {
  max-width: 280px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.mxt-interactive-tour-inspiration img {
  margin-top: 10px;
}

.mxt-pinterest-flag {
  position: absolute;
  top: 10px;
  right: 0px;
  display: flex;
  align-items: center;
  background: #df0018;
  color: white;
  padding: 5px 9px 5px 12px;
  height: 40px;
  user-select: none;
}
.mxt-pinterest-flag img {
  padding: 4px;
  width: 22px;
}
.mxt-pinterest-flag::before, .mxt-pinterest-flag::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  left: -20px;
  border-style: solid;
}
.mxt-pinterest-flag::before {
  bottom: 0px;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #df0018 transparent;
}
.mxt-pinterest-flag::after {
  top: 0px;
  border-width: 0 20px 20px 0;
  border-color: transparent #df0018 transparent transparent;
}

.mxt-inspiration-heroes {
  position: relative;
}
.mxt-inspiration-heroes .mxt-inspiration-heroes-disabled {
  background: rgba(0, 0, 0, 0.3);
}

.mxt-inspiration-heroes-above {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
  padding: 0px 20px;
}

.mxt-pinterest-toggle {
  display: flex;
  gap: 5px;
  height: 20px;
  align-items: center;
  color: var(--mxt-font-color);
}
.mxt-pinterest-toggle img {
  height: 16px;
}
.mxt-pinterest-toggle .mxt-switch {
  margin-left: 5px;
  height: 20px;
  width: 30px;
  margin-bottom: 0px;
}
.mxt-pinterest-toggle .mxt-switch input:checked + .mxt-slider {
  background: #df0018;
}
.mxt-pinterest-toggle .mxt-switch input:checked + .mxt-slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.mxt-pinterest-toggle .mxt-switch .mxt-slider:before {
  height: 16px;
  width: 16px;
  right: 12px;
}
.mxt-pinterest-toggle .mxt-switch-label {
  line-height: 20px;
}

.mxt-inspiration-expanded-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.5);
  z-index: 2;
}
.mxt-inspiration-expanded-overlay h2,
.mxt-inspiration-expanded-overlay p {
  color: #ffffff;
}
.mxt-inspiration-expanded-overlay .container {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  margin-top: 35%;
  padding: 0 50px;
  text-align: center;
}
.mxt-inspiration-expanded-overlay .container .mxt-pinterest-toggle {
  font: var(--mxt-font-body-lg);
}

#mxt-inspiration-get-started {
  position: absolute;
  bottom: 20px;
  right: unset;
  width: calc(100% - 20px);
  margin: auto 10px;
  background-color: #f7f7f7;
  box-shadow: var(--mxt-dark-drop-shadow);
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
  z-index: 3 !important;
}
#mxt-inspiration-get-started .grid {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#mxt-inspiration-get-started .grid .grid-item {
  display: flex;
  flex-direction: row;
  width: unset;
}
#mxt-inspiration-get-started .grid .grid-item .image {
  width: 90px;
  height: 130px;
  object-fit: cover;
}
#mxt-inspiration-get-started .grid .grid-item .grouped {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 5px;
}
#mxt-inspiration-get-started .grid .grid-item .grouped .text {
  font: var(--mxt-font-body-sm);
  text-align: center;
  flex-grow: 1;
  margin-bottom: 8px;
}
@media (min-width: 767px) {
  #mxt-inspiration-get-started {
    right: 20px;
    width: unset;
    margin: unset;
  }
  #mxt-inspiration-get-started .grid {
    flex-direction: row;
  }
  #mxt-inspiration-get-started .grid .grid-item {
    flex-direction: column;
    width: 197px;
  }
  #mxt-inspiration-get-started .grid .grid-item .image {
    display: unset;
    width: 197px;
    height: 132px;
  }
}
#mxt-inspiration-get-started.compact {
  right: unset;
  width: calc(100% - 40px);
  margin: auto 20px;
}
#mxt-inspiration-get-started.compact .grid {
  flex-direction: column;
}
#mxt-inspiration-get-started.compact .grid .grid-item {
  flex-direction: row;
  width: unset;
}
#mxt-inspiration-get-started.compact .grid .grid-item .image {
  display: none;
}
@media (min-width: 1200px) {
  #mxt-inspiration-get-started.compact .grid .grid-item .image {
    display: unset;
    width: 90px;
    height: 130px;
  }
}
@media (min-width: 1400px) {
  #mxt-inspiration-get-started.compact {
    right: 20px;
    width: unset;
    margin: unset;
  }
  #mxt-inspiration-get-started.compact .grid {
    flex-direction: row;
  }
  #mxt-inspiration-get-started.compact .grid .grid-item {
    flex-direction: column;
    width: 197px;
  }
  #mxt-inspiration-get-started.compact .grid .grid-item .image {
    width: 197px;
    height: 132px;
  }
}
#mxt-inspiration-get-started .mxt-footer {
  display: flex;
}
#mxt-inspiration-get-started .mxt-footer .footer-title {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
#mxt-inspiration-get-started .mxt-footer .footer-title .login {
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
#mxt-inspiration-get-started .mxt-footer .footer-title .login .login-icon {
  display: inline-block;
  margin-right: 5px;
}
#mxt-inspiration-get-started .mxt-footer .footer-title .login .login-text {
  color: var(--toggle-blue);
  font: var(--mxt-font-body-bold);
}
#mxt-inspiration-get-started .mxt-footer .footer-toggle img {
  transition: 0.5s all ease;
}
#mxt-inspiration-get-started .mxt-footer .footer-toggle img.rotated {
  transform: rotate(180deg);
}

.show-only-on-xs {
  display: none;
}
@media (max-width: 766px) {
  .show-only-on-xs {
    display: initial;
  }
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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/mxtaccordian.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-accordian {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 2px solid rgba(102, 102, 102, 0.15);
  margin: 10px 0px;
  flex: 0 0 30px;
}

.mxt-accordian-img {
  height: 25px;
  margin-right: 10px;
  transition: transform 0.5s;
  transform: rotate(270deg);
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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/mxtcolumnview.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxt-column-view {
  display: flex;
  flex-wrap: nowrap;
}
.mxt-column-view .mxt-column-view-column {
  width: calc(100% / var(--column-view-columns));
  flex: 0 0 calc(100% / var(--column-view-columns));
}
.mxt-column-view .mxt-column-view-column:first-of-type {
  padding-right: 2.5px;
}
.mxt-column-view .mxt-column-view-column:last-of-type {
  padding-left: 2.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-room-planner/scss/journey-questionnaire.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-questionnaire-page {
  color: #ffffff;
  text-align: center;
}
.mxt-questionnaire-page .mxt-questionnaire-dropdown {
  display: flex;
  align-items: center;
  color: var(--mxt-font-color);
  cursor: pointer;
  padding: 14px;
  background: white;
  border-radius: var(--mxt-corner-roundness);
}
.mxt-questionnaire-page .mxt-questionnaire-dropdown:hover {
  background: rgb(240, 240, 240);
}
.mxt-questionnaire-page .mxt-questionnaire-dropdown .mxt-questionnaire-dropdown-img {
  margin-right: 16px;
}
.mxt-questionnaire-page .mxt-questionnaire-content {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .mxt-questionnaire-page .mxt-questionnaire-content {
    margin-top: 25px;
    padding: 0px 30px 0 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    align-content: center;
  }
}
.mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box {
  margin-right: 30px;
  width: 122px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box {
    border-radius: 5px;
    margin-right: 0px;
    background-color: white;
    border-radius: 5px;
    background-color: white;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    color: black;
    justify-content: center;
  }
  .mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box span {
    font-size: 12px;
  }
}
.mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box .mxt-questionnaire-box-img {
  width: 122px;
  height: 122px;
  background: white;
  border: solid 1px #979797;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box .mxt-questionnaire-box-img {
    border: none;
    height: 80px;
  }
}
.mxt-questionnaire-page .mxt-questionnaire-content .mxt-questionnaire-box:last-of-type {
  margin-right: 0px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/contact-form.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.mxt-contact-form-modal {
  padding: 10px;
  display: flex;
}
.mxt-contact-form-modal .modal-panels {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}
.mxt-contact-form-modal .modal-panels .form-panel {
  display: flex;
  flex-direction: column;
}
.mxt-contact-form-modal .modal-panels .form-panel .form-header {
  padding: 30px 30px 20px 30px;
  font: var(--mxt-font-header);
}
.mxt-contact-form-modal .modal-panels .form-panel .form-subheader {
  padding: 0px 30px 20px 30px;
  font: var(--mxt-font-body);
}
.mxt-contact-form-modal .modal-panels .hero-panel {
  display: flex;
  flex-flow: column;
}
.mxt-contact-form-modal .modal-panels .success-panel {
  padding: 30px;
}
.mxt-contact-form-modal .modal-panels .success-panel .success-message .success-header {
  font: var(--mxt-font-header);
  margin-bottom: 10px;
}
.mxt-contact-form-modal .modal-panels .success-panel .success-message .success-subheader {
  font: var(--mxt-font-body-sm);
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps {
  margin-top: 45px;
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps-header {
  font: var(--mxt-font-header);
  margin-bottom: 10px;
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps-subheader {
  font: var(--mxt-font-body-sm);
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #fff;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step:hover {
  filter: brightness(90%);
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step .step-message {
  flex-grow: 1;
  padding: 10px;
  align-self: flex-start;
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step .step-message .step-header {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 10px;
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step .step-message .step-subheader {
  font: var(--mxt-font-body);
}
.mxt-contact-form-modal .modal-panels .success-panel .next-steps .steps .step .step-icon {
  padding: 10px;
}

.mxt-contact-form-button.landing-page {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1;
}
body.mxt-room-planner-phone .mxt-contact-form-button {
  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-room-planner/scss/store-locator.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-store-locator-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: white;
}
.mxt-store-locator-button.mxt-store-locator-button-dark {
  color: var(--mxt-font-color);
}
.mxt-store-locator-button-icon {
  flex: 0;
}
.mxt-store-locator-button-current {
  font: var(--mxt-font-body-bold);
  text-decoration: underline;
}

.mxt-modal-div.mxt-store-locator-modal {
  background: #f7f7f7;
}

.mxt-store-locator-content {
  padding: 20px 75px;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: var(--mxt-font-color);
}

.mxt-store-locator-content .designProcessSearch {
  width: 450px;
}

.mxt-store-locator-content .designProcessSearchDiv {
  margin-bottom: 20px;
}

.mxt-store-locator-current {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 20px;
}

.mxt-store-locator-select-btn {
  margin-bottom: 10px;
}

.mxt-store-locator-results {
  width: 100%;
  max-height: 250px;
  overflow: auto;
  margin-bottom: 20px;
  background: white;
  border-radius: var(--mxt-corner-roundness);
}

.mxt-store-locator-result-text {
  margin-bottom: 0px;
}

.mxt-store-locator-result-text.mxt-store-locator-result-bold {
  font: var(--mxt-font-body-bold);
}

.mxt-store-locator-result.mxt-store-locator-result-current {
  border: 3px solid var(--toggle-blue);
}

.mxt-store-locator-result {
  margin-bottom: 5px;
  cursor: pointer;
  box-shadow: none;
  padding: 10px;
}

.mxt-store-locator-result:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
}

@media (max-width: 766px) {
  .mxt-modal-background .mxt-store-locator-content {
    padding: 20px 24px;
  }
  .mxt-modal-background .mxt-store-locator-content .designProcessSearchDiv {
    width: 100%;
  }
  .mxt-modal-background .mxt-store-locator-content .designProcessSearchDiv .designProcessSearch {
    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-room-planner/scss/desktopBenefits.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
a {
  color: #3b6981;
}

.mxt-desktop-benefits-page .header {
  display: flex;
  align-items: center;
  height: clamp(40px, min(10vh, 10vw), 90px);
}
.mxt-desktop-benefits-page .header .left {
  padding-left: 25px;
  min-width: 85px;
}
.mxt-desktop-benefits-page .header .center {
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 160px;
}
.mxt-desktop-benefits-page .header .center .logo-container {
  display: flex;
  justify-content: center;
  width: max(160px, var(--mxt-primary-logo-width));
  height: 100%;
  padding: 10px;
  cursor: pointer;
}
.mxt-desktop-benefits-page .header .center .logo-container .logo {
  margin: auto;
}
.mxt-desktop-benefits-page .header .right {
  text-align: right;
  padding-right: 25px;
  min-width: 85px;
}
.mxt-desktop-benefits-page .body {
  text-align: center;
  padding: 10px;
  font: var(--mxt-font-body);
}
.mxt-desktop-benefits-page .body .hero {
  background-image: var(--mxt-desktop-benefits-hero);
  background-size: cover;
  background-position: center;
  padding: 25px 10px;
  min-height: 185px;
  margin-bottom: 10px;
}
.mxt-desktop-benefits-page .body .hero .overlay {
  background-color: rgba(255, 255, 255, 0.9);
  width: 50%;
  max-width: 190px;
  text-align: left;
  border-radius: 3px;
  padding: 10px;
}
.mxt-desktop-benefits-page .body .hero .overlay .app-name {
  text-transform: uppercase;
  color: #3b6981;
}
.mxt-desktop-benefits-page .body .hero .overlay .title {
  font: var(--mxt-font-header);
}
.mxt-desktop-benefits-page .body .hero .overlay .footnote {
  margin-top: 20px;
  font: var(--mxt-font-body-sm);
}
.mxt-desktop-benefits-page .body hr {
  margin: 20px 0px;
}
.mxt-desktop-benefits-page .body .section {
  margin: 20px 0px;
}
.mxt-desktop-benefits-page .body .section .title {
  font: var(--mxt-font-header);
  margin: 10px 0px;
}
.mxt-desktop-benefits-page .body .section .step-card {
  margin: 20px auto;
  width: 330px;
  height: 135px;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
}
.mxt-desktop-benefits-page .body .section .step-card#step1 {
  background-image: var(--mxt-desktop-benefits-step1-bg);
}
.mxt-desktop-benefits-page .body .section .step-card#step1 .step-title {
  color: white;
}
.mxt-desktop-benefits-page .body .section .step-card#step2 {
  background-image: var(--mxt-desktop-benefits-step2-bg);
}
.mxt-desktop-benefits-page .body .section .step-card#step3 {
  background-image: var(--mxt-desktop-benefits-step3-bg);
}
.mxt-desktop-benefits-page .body .section .step-card .step-header {
  display: flex;
  flex-direction: row;
  padding: 10px;
  font: var(--mxt-font-header);
  font-weight: normal;
}
.mxt-desktop-benefits-page .body .section .step-card .step-header .step-number {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: white;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-desktop-benefits-page .body .section .step-card .step-header .step-title {
  text-align: left;
}
.mxt-desktop-benefits-page .body .section ul {
  text-align: left;
  margin: 0px 20px;
}
.mxt-desktop-benefits-page .body .section ul li {
  padding: 3px;
}
.mxt-desktop-benefits-page .mxt-footer {
  text-align: center;
  opacity: 0.5;
  margin: 0 20px 30px 20px;
}
.mxt-desktop-benefits-page .mxt-footer a {
  text-decoration: none;
  color: #979797;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/mxt-docking.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/** need to drop down the top right if there is a mode overlay*/
.toolbelt-mode-overlay:not(.mxt-hidden) ~ .mxt-docking-container.top-right {
  top: 120px;
}

.mxt-docking-container {
  --docked-z-index: 10;
  position: absolute;
  display: flex;
  gap: 20px;
  z-index: var(--docked-z-index);
  cursor: move;
}
.mxt-docking-container:has(.mxt-active-menu) {
  z-index: calc(var(--docked-z-index) + 1);
}
.mxt-docking-container .preview {
  background-color: rgba(79, 193, 223, 0.2);
  border: dashed 3px #4fc1df;
  border-radius: var(--mxt-corner-roundness);
  order: 100;
}
.mxt-docking-container .mxt-docking-handle {
  display: flex;
}
.mxt-docking-container .mxt-docking-handle img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  pointer-events: none;
}
.mxt-docking-container.bottom-center {
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
.mxt-docking-container.bottom-center .preview {
  width: 350px;
  height: 90px;
}
.mxt-docking-container.bottom-center .mxt-docking-handle {
  width: 25px;
  background: var(--primary-top-gradient);
}
.mxt-docking-container.bottom-center .centered {
  left: 50%;
  transform: translate(-50%, 0);
}
.mxt-docking-container.bottom-right {
  bottom: 20px;
  right: 20px;
  flex-flow: column-reverse;
}
.mxt-docking-container.bottom-right > * {
  align-self: flex-end;
}
.mxt-docking-container.bottom-right .preview {
  width: 160px;
  height: 230px;
}
.mxt-docking-container.bottom-right .mxt-docking-handle {
  height: 25px;
  justify-content: end;
  background: var(--primary-right-gradient);
}
.mxt-docking-container.top-right {
  top: 80px;
  right: 20px;
  flex-flow: column;
}
.mxt-docking-container.top-right > * {
  align-self: flex-end;
}
.mxt-docking-container.top-right .preview {
  width: 160px;
  height: 230px;
}
.mxt-docking-container.top-right .mxt-docking-handle {
  height: 25px;
  justify-content: end;
  background: var(--primary-right-gradient);
}
.mxt-docking-container.undocked {
  top: 0;
  left: 0;
  z-index: 5000;
}
.mxt-docking-container.undocked .mxt-docking-handle {
  min-width: 25px;
  width: 25px;
  background: var(--primary-top-gradient);
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/find-project-by-email.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-project-by-email-content {
  padding: 20px 90px;
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-bold);
  display: flex;
  flex-flow: column;
  align-items: center;
}

.mxt-project-by-email-success {
  padding: 20px;
  text-align: center;
  max-width: 500px;
}

.mxt-find-project-by-email-input {
  flex: 1;
  font: var(--mxt-font-body-lg);
  padding-left: 10px;
  margin-bottom: 10px;
  border: none;
  box-shadow: var(--mxt-dark-drop-shadow);
}

.mxt-find-project-by-email-btn,
.mxt-find-project-by-email-login {
  margin-bottom: 10px;
}

.mxt-find-project-by-email-input-label {
  position: absolute;
  left: 50px;
  line-height: 50px;
}

.mxt-find-project-by-email-input-div {
  width: 350px;
  display: flex;
}

.mxt-find-project-by-email-subtext {
  line-height: normal;
  margin-bottom: 30px;
  min-height: 30px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/toolbelt.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
#renderer-toolbelt.mxt-docked-element.bottom-right, #renderer-toolbelt.mxt-docked-element.top-right {
  max-width: 160px;
}
#renderer-toolbelt #renderer-toolbelt-project-name {
  display: none;
}

.mxt-annotation-font-color-picker,
.mxt-annotation-font-more-color-picker {
  position: absolute;
  width: 200px;
  background: white;
  z-index: 11;
  padding: 8px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
}

.mxt-annotation-font-color-picker .mxt-inline-color-swatches {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}
.mxt-annotation-font-color-picker .mxt-annotation-more-colors {
  margin-top: 5px;
}
.mxt-annotation-font-color-picker .mxt-annotation-more-colors .mxt-square-color-container {
  padding: 5px;
  width: 35px;
  height: 35px;
}
.mxt-annotation-font-color-picker .mxt-annotation-more-colors .mxt-square-color-container .mxt-square-color-wheel {
  width: 25px;
  height: 25px;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-annotation-font-color-picker .mxt-annotation-more-colors .mxt-square-color-container .mxt-square-color-wheel img {
  width: 55px;
  height: 55px;
  max-width: none;
  max-height: none;
}

.mxt-action-menu.mxt-annotation-action-menu {
  color: black;
  position: absolute;
  display: flex;
  flex-direction: row;
}
.mxt-action-menu.mxt-annotation-action-menu.top-right {
  flex-flow: column-reverse;
}
.mxt-action-menu.mxt-annotation-action-menu.bottom-right {
  flex-flow: column;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-action-menu-padded {
  display: flex;
  flex-flow: column;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-action-menu-padded .mxt-annotation-action-menu-row {
  padding: 5px 0px;
  display: flex;
  justify-content: flex-end;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-action-menu-padded .mxt-annotation-action-menu-row:not(:last-child) {
  border-bottom: 1px solid rgb(204, 204, 204);
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-action-menu-padded .mxt-annotation-action-menu-row .mxt-btn.mxt-action-menu-item {
  justify-content: center;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-text-action-menu-container,
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-shape-action-menu-container {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-annotation-menu-separator {
  border-right: 1px solid rgb(204, 204, 204);
  margin: 0px 5px;
  height: 100%;
}
.mxt-action-menu.mxt-annotation-action-menu .mxt-color-picker-underline {
  position: absolute;
  width: 26px;
  border-bottom: 3px solid black;
  bottom: 2px;
  left: 2px;
}

body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt {
  position: absolute;
  inset: 44px 0 auto 0;
  display: flex;
  align-items: center;
  width: unset;
  z-index: unset !important;
  background-color: var(--mxt-nav-control-background-color);
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt #renderer-toolbelt-project-name {
  display: unset;
  justify-content: left;
  margin-left: 10px;
  font: var(--mxt-font-body-lg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container {
  display: flex;
  flex-grow: 1;
  justify-content: right;
  gap: unset;
  padding: unset;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container .renderer-toolbelt-item {
  display: none;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container .renderer-toolbelt-item#TOOLBELT-UNDO, body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container .renderer-toolbelt-item#TOOLBELT-REDO {
  display: unset;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container .renderer-toolbelt-item#TOOLBELT-UNDO span, body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container .renderer-toolbelt-item#TOOLBELT-REDO span {
  display: none;
}

@container designer-container (orientation: portrait) {
  body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt {
    inset: 50px 0 auto 0;
    height: 50px;
  }
  body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-btn {
    width: 60px;
    height: 50px;
  }
  body.mxt-room-planner-phone #renderer-toolbelt.mxt-toolbelt .mxt-btn img {
    width: 50px;
    height: 50px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-inline-color-swatches.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.mxt-inline-color-swatches {
  --mxt-inline-color-swatches-size: 31px;
  display: grid;
  grid-template-columns: repeat(auto-fill, var(--mxt-inline-color-swatches-size));
  gap: 5px;
}
.mxt-inline-color-swatches.mxt-inline-color-swatches-big {
  --mxt-inline-color-swatches-size: 90px;
}
.mxt-inline-color-swatches.mxt-inline-color-swatches-big .mxt-inline-color-swatch {
  padding: 0px;
}
.mxt-inline-color-swatches.mxt-inline-color-swatches-big .mxt-inline-color-swatch.current {
  outline: none;
  border: 4px solid var(--toggle-blue);
}
.mxt-inline-color-swatches.mxt-inline-color-swatches-big .mxt-inline-color-swatch.mxt-inline-more-colors-swatch {
  display: flex;
  flex-flow: column;
  height: calc(var(--mxt-inline-color-swatches-size) + 20px);
}
.mxt-inline-color-swatches.mxt-inline-color-swatches-big .mxt-inline-color-swatch.mxt-inline-more-colors-swatch .mxt-inline-more-colors-text {
  display: block;
  font: var(--mxt-font-body-bold);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 20px;
  margin: 0px;
  padding: 0px;
}
.mxt-inline-color-swatches .mxt-inline-color-swatch {
  width: var(--mxt-inline-color-swatches-size);
  height: var(--mxt-inline-color-swatches-size);
  padding: 3px;
  position: relative;
}
.mxt-inline-color-swatches .mxt-inline-color-swatch.mxt-inline-more-colors-swatch .mxt-inline-more-colors-text {
  display: none;
}
.mxt-inline-color-swatches .mxt-inline-color-swatch.current {
  outline: 1px solid var(--toggle-blue);
}
.mxt-inline-color-swatches .mxt-inline-color-swatch .mxt-inline-color-swatch-background {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.mxt-inline-color-swatches .mxt-inline-color-swatch .mxt-inline-color-swatch-background.mxt-inline-more-colors-swatch {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  filter: brightness(80%);
}
.mxt-inline-color-swatches .mxt-inline-color-swatch .mxt-inline-color-swatch-background.mxt-inline-more-colors-swatch img {
  width: 200%;
  max-width: none;
  height: 200%;
  max-height: none;
  pointer-events: none;
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@simonwep/pickr/dist/themes/nano.min.css ***!
  \*********************************************************************************************************/
/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:100%,.25em}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-color-picker.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-pickr.pcr-app .pcr-swatches {
  display: none; /**removed so that the margin that it includes is removed*/
}
.mxt-pickr.pcr-app .pcr-interaction .pcr-result {
  font: var(--mxt-font-body);
  color: var(--mxt-font-color);
  background: white;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: none;
  flex: 0 0 80px;
  min-width: 80px;
  height: 40px;
}
.mxt-pickr.pcr-app .pcr-interaction .pcr-save {
  width: 80px;
  height: 40px;
  margin-left: 7px;
  background: var(--mxt-client-primary);
  font: var(--mxt-font-body);
}
.mxt-pickr.pcr-app .pcr-selection .pcr-color-chooser {
  grid-area: 2/2/4/2;
}
.mxt-pickr.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
  border-radius: 0px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/font/mxt-font-color-control.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxt-font-color-control {
  width: 40px;
  font-size: 26px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/font/mxt-font-text-toggle-control.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.mxt-font-text-toggle {
  width: 40px;
  height: 36px;
  display: block;
  position: relative;
  cursor: pointer;
  text-align: center;
  margin: 0px;
  font-size: 26px;
}
.mxt-font-text-toggle:hover .mxt-font-text-toggle-box {
  background-color: #eee;
}
.mxt-font-text-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mxt-font-text-toggle input:checked ~ .mxt-font-text-toggle-box {
  background-color: #a5a5a5;
}
.mxt-font-text-toggle .mxt-font-text-toggle-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  color: black;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/font/mxt-font-size-control.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-font-size-control {
  width: 55px;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
}
.mxt-font-size-control .mxt-font-control-arrows {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.mxt-font-size-control .mxt-font-control-arrows .mxt-font-control-up-arrow,
.mxt-font-size-control .mxt-font-control-arrows .mxt-font-control-down-arrow {
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px;
  transform: scale(0.66, 1);
}
.mxt-font-size-control .mxt-font-size-control-input {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  width: 100%;
  animation: none;
  box-shadow: none;
  padding: 0px 5px;
}
.mxt-font-size-control .mxt-font-size-control-input::-webkit-inner-spin-button, .mxt-font-size-control .mxt-font-size-control-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mxt-font-size-control .mxt-font-size-control-input[type=number] {
  -moz-appearance: textfield;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/font/mxt-font-family-control.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.mxt-font-family-control {
  width: 120px;
  margin-bottom: 0px;
  border: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  text-align-last: left;
  text-align: left;
  height: 40px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/segmented-camera-menu.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-segmented-camera-menu-container.control-disabled {
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
}

.mxt-render-styles-menu {
  min-width: 150px;
}
.mxt-render-styles-menu .mxt-render-styles-menu-header {
  font: var(--mxt-font-body-bold);
  padding: 0px 10px;
  padding-top: 5px;
}
.mxt-render-styles-menu .mxt-btn span {
  min-width: 60px;
  text-align: left;
}
.mxt-render-styles-menu .mxt-btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.mxt-render-styles-menu .mxt-btn.selected {
  color: var(--toggle-blue);
}

.mxt-segmented-camera-menu-container {
  display: flex;
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
  margin: 3px;
  background-color: #f2ede7;
  height: 37px;
  padding: 1px;
}
.mxt-segmented-camera-menu-container .segment-button-group {
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
  margin: 1px;
  display: flex;
}
.mxt-segmented-camera-menu-container .segment-button {
  height: 100%;
  padding: 0px 14px;
  background-color: #fff;
  color: var(--mxt-font-color);
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s, color 0.3s;
}
.mxt-segmented-camera-menu-container .segment-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mxt-segmented-camera-menu-container .segment-button:not(:last-child) {
  border-right: 1px solid #f2ede7; /* Add internal borders between buttons */
}
.mxt-segmented-camera-menu-container .segment-button.selected {
  background-color: var(--mxt-font-color); /* Adjust selected background color as needed */
  color: #fff; /* Adjust selected text color as needed */
}
.mxt-segmented-camera-menu-container .segment-button:not(.selected):hover {
  background-color: #fff; /* Adjust hover background color as needed */
}
.mxt-segmented-camera-menu-container .render-style-button {
  cursor: pointer;
  height: 100%;
  width: 50px;
  display: flex;
}
.mxt-segmented-camera-menu-container .render-style-button .icon {
  font-size: 20px;
}
.mxt-segmented-camera-menu-container .icon-chevron {
  width: 25px;
  height: 100%;
  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-room-planner/scss/mode-overlay.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.toolbelt-mode-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2000;
}
.toolbelt-mode-overlay .mode-label {
  width: 100%;
  font: var(--mxt-font-body-bold);
  line-height: 46px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  color: var(--mxt-toolbar-font-color);
}
.toolbelt-mode-overlay .mode-label .mxt-cta-button.toolbelt-close-mode {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
}
.toolbelt-mode-overlay .mode-label .mxt-non-cta-button.toolbelt-close-mode {
  width: 30px;
  min-width: inherit;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
}

.toolbelt-mode-overlay.mxt-modular-config {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2000;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label {
  display: inline-flex;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span {
  display: inline-flex;
  margin-left: 20px;
  flex-basis: 100%;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span .mode-name {
  display: inline-flex;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span img {
  height: 28px;
  margin: auto auto auto 0px;
  position: relative;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span .mode-popup {
  display: inline-flex;
  text-align: start;
  padding: 10px;
  position: absolute;
  background: white;
  line-height: normal;
  top: 50px;
  left: 155px;
  width: 400px;
  height: 100px;
  border-radius: 6px;
  box-shadow: 1px 1px 3px #666666;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span .mode-popup:before {
  content: " ";
  position: absolute;
  display: block;
  border: solid;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(102, 102, 102, 0.3921568627);
  border-width: 10px;
  left: 10px;
  top: 0px;
  margin-top: -21px;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label span .mode-popup:after {
  content: " ";
  position: absolute;
  display: block;
  border: solid;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  border-width: 10px;
  left: 10px;
  top: 0px;
  margin-top: -20px;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label .mxt-cta-button.toolbelt-close-mode {
  display: inline-flex;
  position: static;
  justify-content: center;
  transform: none;
  margin: auto 10px auto auto;
  border-radius: 6px;
  width: 400px;
  min-width: 250px;
}
.toolbelt-mode-overlay.mxt-modular-config .mode-label .mxt-non-cta-button.toolbelt-close-mode {
  position: static;
  transform: none;
  border-radius: 6px;
  margin: auto 10px auto 0px;
  width: auto;
  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-room-planner/scss/hd-render.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.hd-render-popover-container {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  text-align: center;
}
.hd-render-popover-container.mxt-popover {
  max-width: unset;
}
.hd-render-popover-container .mxt-modal-arrow-outer {
  display: none;
}
.hd-render-popover-container .generating-render {
  width: 175px;
  height: 44px;
  font: var(--mxt-font-body-bold);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.hd-render-popover-container .generating-render .progress-container {
  position: relative;
  width: 90%;
  height: 8px;
  border-radius: var(--mxt-corner-roundness);
  background-color: rgb(239, 239, 244);
}
.hd-render-popover-container .generating-render .progress-container #hd-render-loading-bar {
  position: absolute;
  width: 0;
  height: 100%;
  border-radius: var(--mxt-corner-roundness);
  background-image: linear-gradient(to right, #4fc1df -11%, #4fc1df 72%);
  animation: infiniteBar 2s linear infinite;
}
.hd-render-popover-container .generation-complete {
  max-width: 240px;
  padding: 15px;
  display: flex;
  flex-flow: column;
  gap: 12px;
  background: var(--primary-right-gradient);
  border-radius: var(--mxt-corner-roundness);
  color: #fff;
}
.hd-render-popover-container .generation-failure {
  width: 100%;
  max-width: 220px;
  padding: 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px;
}
.hd-render-popover-container .generation-failure .error-icon {
  display: inline-block;
}
.hd-render-popover-container .generation-failure .mxt-cta-button {
  width: 100%;
}
.hd-render-popover-container .close-button {
  top: -20px;
  right: -20px;
  position: absolute;
  width: 40px;
  height: 40px;
  min-width: inherit;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: var(--mxt-dark-drop-shadow);
}

* ~ .hd-render-popover-container {
  margin-bottom: 10px;
}

.mxt-hd-render-flag,
.mxt-hd-pano-render-flag {
  overflow: hidden;
}
.mxt-hd-render-flag::after,
.mxt-hd-pano-render-flag::after {
  content: "HD";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 0;
  color: #ffffff;
  font: var(--mxt-font-body-bold);
  line-height: 40px;
  border-left: 21px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid var(--mxt-client-primary);
  transform: translate(-20px, -5px) rotate(-45deg);
}
.mxt-hd-render-flag.mxt-btn::after,
.mxt-hd-pano-render-flag.mxt-btn::after {
  border-left: 25px solid transparent;
  transform: translate(-25px, -5px) rotate(-45deg);
}

.mxt-hd-render-flag.mxt-2k-render-flag::after {
  content: "2K";
}
.mxt-hd-render-flag.mxt-4k-render-flag::after {
  content: "4K";
}
.mxt-hd-render-flag.mxt-8k-render-flag::after {
  content: "8K";
}

.mxt-hd-pano-render-flag::after {
  content: "360";
  border-bottom: 30px solid #7b61ff;
  border-left: 18px solid transparent !important;
}
.mxt-hd-pano-render-flag.mxt-btn::after {
  border-left: 22px solid transparent !important;
}

.sharing-view-pano-button {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes infiniteBar {
  0% {
    left: 0%;
    right: 100%;
    width: 0%;
  }
  10% {
    left: 0%;
    right: 75%;
    width: 25%;
  }
  90% {
    right: 0%;
    left: 75%;
    width: 25%;
  }
  100% {
    left: 100%;
    right: 0%;
    width: 0%;
  }
}
.pano-container {
  position: relative;
  min-width: 480px;
  min-height: 320px;
  height: 100%;
  margin: 0 auto;
  width: 720px;
}

.pano {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pano-viewport-buttons {
  position: absolute;
}
.pano-viewport-buttons.pano-buttons-center {
  bottom: 20px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.pano-viewport-buttons.pano-buttons-bottom-right {
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.pano-viewport-buttons.pano-buttons-top-right {
  top: 20px;
  right: 20px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.pano-viewport-buttons.pano-cta-modal-container {
  bottom: 80px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.hidden {
  display: none !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-room-planner/scss/sidepanel-lighting.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting {
  padding: 0;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting h3 {
  text-align: center;
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-lg);
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting > ul > li {
  list-style: none;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting > ul > li:last-child {
  padding-bottom: 0;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting > ul > li .icon {
  display: inline-flex;
  margin-right: 10px;
  width: 70px;
  justify-content: center;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting .mxt-switch-container {
  background: #fff;
  padding: 15px 9px;
  margin-bottom: 20px;
  align-items: center;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting .mxt-switch-container .mxt-switch-label {
  padding: 0px;
  padding-left: 5px;
  display: flex;
  font: var(--mxt-font-body);
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting .mxt-switch-container .mxt-switch {
  width: 26px;
  height: 15px;
  margin: 0;
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting .mxt-switch-container .mxt-switch > input:checked + .mxt-slider:before {
  transform: translateX(11px);
}
.sidePanel .mxt-product-panel-content .mxt-product-panel-lighting .mxt-switch-container .mxt-switch .mxt-slider:before {
  width: 13px;
  height: 13px;
  bottom: 1px;
  right: 12px;
}
.sidePanel .mxt-product-panel-content.mxt-product-panel-content-lighting .mxt-grid .designProcessGridItemCable .designProcessGridTitle {
  font: var(--mxt-font-body);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/refine-space.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
div#mxt-refine-space-prompt {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.4);
}

div#mxt-refine-space-prompt-bottom-bar {
  bottom: 0px;
  position: absolute;
  background: #4fc1df;
  width: 100%;
  display: flex;
  color: white;
  align-items: center;
  text-align: center;
}

img#mxt-refine-space-prompt-icon {
  flex: 0 0 30px;
  margin: 25px;
}

span#mxt-refine-space-prompt-text {
  font: var(--mxt-font-body-lg-bold);
  margin-right: 15px;
  flex: 1;
}

button.mxt-refine-space-prompt-btn.mxt-btn {
  margin: 0px 10px;
  padding: 0px 15px;
  width: 140px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** 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-checkmark {
  position: absolute;
  z-index: 1;
  left: 3px;
  top: 3px;
  width: 25px;
  pointer-events: none;
}

.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-combo-swatch {
  height: 50%;
  /** if product-image is split, assume that it is just colors that we can "cover" and zoom in on them*/
  background-size: cover;
  background-position: top left;
}

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

.mxt-grid-item-bg-img-no-text {
  height: 100%;
}

/* 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
 */
.mxt-grid .mxt-grid-interior-borders-2:nth-child(2n) {
  border-left: 2px solid #d1d1d1;
}

/**
 * Then put bottom borders on everything but the last
 */
.mxt-grid .mxt-grid-interior-borders-2:nth-last-child(n+3) {
  border-bottom: 2px solid #d1d1d1;
}

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

.mxt-unavailable-modal .mxt-modal-div {
  width: 300px;
  padding: 30px;
}
.mxt-unavailable-modal .closeButton {
  top: 23px;
  right: 30px;
  box-shadow: none;
  border: 2px solid black;
  border-radius: 2px;
}
.mxt-unavailable-modal .closeButton .closeIcon {
  width: 64px;
  height: 64px;
}
.mxt-unavailable-modal p {
  font: var(--mxt-font-body);
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
}
.mxt-unavailable-modal h3 {
  font: var(--mxt-font-header);
  margin-top: 0;
  margin-bottom: 29px;
}
.mxt-unavailable-modal-confirm {
  font: var(--mxt-font-body);
  background: var(--kong-background-color-active);
  color: var(--kong-text-color-hover);
  border-radius: 3px;
  padding: 10px 16px 12px;
  font-weight: bold;
  margin-top: 16px;
}

.mxt-unavailable-modal-confirm {
  font: var(--mxt-font-body);
  background: var(--kong-background-color-active);
  color: var(--kong-text-color-hover);
  border-radius: 3px;
  padding: 10px 16px 12px;
  font-weight: bold;
  margin-top: 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-room-planner/scss/brand-romance-filter.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-brand-romance-brand-modal {
  max-width: 800px;
  overflow: auto;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands {
  display: grid;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand {
  padding-top: 20px;
  padding-bottom: 35px;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: white;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .mxt-btn {
  width: 50%;
  margin-top: 10px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:first-of-type .brand-hero {
  padding-left: 44px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:first-of-type .brand-blurbs {
  padding-left: 0px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:first-of-type .brand-blurbs .brand-blurb {
  padding-left: 30px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:last-of-type .brand-hero {
  padding-right: 44px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:last-of-type .brand-blurbs {
  padding-right: 0px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand:last-of-type .brand-blurbs .brand-blurb {
  padding-right: 30px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-hero {
  padding: 10px 30px 20px 30px;
  min-height: 200px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-icon {
  min-height: 50px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-blurbs {
  padding: 0px 3px;
  width: 100%;
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-lg);
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-blurbs .brand-blurb {
  padding: 7px 22px;
  display: flex;
  line-height: 1.43;
  align-items: center;
  height: 43px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-blurbs .brand-blurb:nth-child(odd) {
  background-color: #f7f7f7;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-brands .brand .brand-blurbs .brand-blurb img {
  margin-right: 12px;
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-disclaimer {
  display: flex;
  padding: 12px 22px 14px 26px;
  align-items: center;
  font: var(--mxt-font-body-lg);
  line-height: 1.5;
  color: var(--mxt-font-color);
}
.mxt-brand-romance-brand-modal .mxt-brand-romance-disclaimer img {
  margin-right: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/popover-filter.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-popover.mxt-popover-filter-popover {
  width: 160px;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-content {
  max-height: 340px;
  overflow: auto;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn {
  height: 80px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
  border-radius: 0px;
  justify-content: start;
  padding: 7px;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn img {
  margin-right: 7px;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn.mxt-popover-filter-row-current img {
  outline: 4px solid var(--toggle-blue);
}

.mxt-popover-filter {
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mxt-popover-filter img {
  border: solid 1px #dfdfdf;
  margin-right: 5px;
}
.mxt-popover-filter .mxt-popover-filter-text {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
}
.mxt-popover-filter .mxt-popover-filter-text .mxt-popover-filter-name {
  font: var(--mxt-font-body-bold);
}
.mxt-popover-filter .mxt-popover-filter-text .mxt-popover-filter-current {
  font: var(--mxt-font-body-sm);
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/color-grid-filter.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-color-popover-filter-root {
  position: relative;
  margin: 5px 5px;
}
.mxt-color-popover-filter-root.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.mxt-color-popover-filter-container {
  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-color-popover-filter-container:hover {
  opacity: 1;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
}

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

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

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

.mxt-color-popover-filter-header .mxt-color-popover-filter-chevron.mxt-color-popover-filter-rotate-chevron {
  transform: rotate(0deg);
}

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

.mxt-color-popover-filter {
  display: grid;
  grid-template-areas: "colorgrid colorgrid" "custom upload" "configurator configurator";
  margin: 10px;
  gap: 10px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid {
  grid-area: colorgrid;
  display: grid;
  grid-template-columns: 200px 200px;
  gap: 10px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item {
  height: 80px;
  width: 200px;
  display: grid;
  grid-template-areas: "image title" "image title";
  align-items: center;
  justify-content: left;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item .mxt-color-popover-filter-color-grid-item-image {
  grid-area: image;
  width: 70px;
  height: 70px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item .mxt-color-popover-filter-color-grid-item-title {
  grid-area: title;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item .mxt-color-popover-filter-color-grid-item-subtitle {
  grid-area: subtitle;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item.selected {
  outline: 4px solid var(--toggle-blue);
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item-custom-color {
  grid-area: custom;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-grid-item-upload-color {
  grid-area: upload;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator {
  grid-area: configurator;
  width: 410px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section {
  display: grid;
  grid-template-rows: 50% 50%;
  padding: 10px;
  background: white;
  margin-bottom: 20px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .left-block {
  justify-content: center;
  display: flex;
  padding: 10px;
  flex-direction: column;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .left-block .upload-title {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 5px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block {
  display: flex;
  flex-flow: row;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block .mxt-file-type-icons-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  justify-content: center;
  margin-bottom: 0;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block .mxt-file-type-icons-wrapper .mxt-file-type-icon {
  max-width: 50px;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block .mxt-image-upload-section-not-logged-in {
  width: 100%;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block .mxt-image-upload-section-logged-in {
  flex: 2;
}
.mxt-color-popover-filter .mxt-color-popover-filter-color-configurator .mxt-color-popover-filter-color-configurator-upload-image .mxt-image-upload-section .right-block button.mxt-btn {
  width: 100%;
}

.mxt-popover.mxt-popover-filter-popover {
  width: unset;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-content {
  max-height: 340px;
  overflow: auto;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn {
  height: 80px;
  border-bottom: solid 1px #e5e5e5;
  width: 100%;
  border-radius: 0px;
  justify-content: start;
  padding: 7px;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn img {
  margin-right: 7px;
}
.mxt-popover.mxt-popover-filter-popover .mxt-popover-filter-row.mxt-btn.mxt-popover-filter-row-current img {
  outline: 4px solid var(--toggle-blue);
}

.mxt-popover-filter {
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mxt-popover-filter img {
  border: solid 1px #dfdfdf;
  margin-right: 5px;
}
.mxt-popover-filter .mxt-popover-filter-text {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
}
.mxt-popover-filter .mxt-popover-filter-text .mxt-popover-filter-name {
  font: var(--mxt-font-body-bold);
}
.mxt-popover-filter .mxt-popover-filter-text .mxt-popover-filter-current {
  font: var(--mxt-font-body-sm);
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/extended-filters-container.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.mxt-extended-filters-container {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  align-items: center;
  height: 40vh;
  max-height: 550px;
  overflow: auto;
}
.mxt-extended-filters-container .mxt-extended-filters-container-icon {
  width: 30px;
  height: 30px;
  margin-top: 1rem;
}
.mxt-extended-filters-container .mxt-extended-filters-container-filters-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  background: var(--background-grey);
}
.mxt-extended-filters-container .mxt-extended-filters-container-filters-container .mxt-dropdown-container {
  width: 170px;
  height: 40px;
  margin: 5px auto;
}
.mxt-extended-filters-container .mxt-extended-filters-container-buttons-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mxt-extended-filters-container .mxt-extended-filters-container-buttons-container .mxt-extended-filters-container-button {
  margin: 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-room-planner/scss/breadcrumb-component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-sidePanel-breadcrumb {
  margin: 20px;
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  height: 30px;
}
.mxt-sidePanel-breadcrumb .mxt-breadcrumb-button {
  padding: 2px 5px;
  font-weight: 100;
  color: var(--mxt-font-color);
  text-decoration: underline;
  flex-shrink: 0;
}
.mxt-sidePanel-breadcrumb .mxt-breadcrumb-button:disabled {
  cursor: default;
  text-decoration: none;
}
.mxt-sidePanel-breadcrumb .mxt-breadcrumb-button.ellipses {
  text-decoration: none;
}
.mxt-sidePanel-breadcrumb-separator {
  width: 30px;
  height: 30px;
}
.mxt-sidePanel-breadcrumb.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.mxt-sidePanel-breadcrumb-popover-content {
  display: flex;
  flex-direction: column;
  margin: 10px;
  max-width: 300px;
  z-index: 2000;
}
.mxt-sidePanel-breadcrumb-popover-content .mxt-breadcrumb-button-container {
  margin: 10px 5px;
  display: flex;
}
.mxt-sidePanel-breadcrumb-popover-content .mxt-breadcrumb-button-container .mxt-breadcrumb-button {
  flex: 1;
  text-decoration: underline;
  padding: 2px 5px;
  font-weight: 100;
  color: var(--mxt-font-color);
  text-align: left;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/brand-swapping.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-brand-swap {
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 20px 15px;
}
.mxt-brand-swap .mxt-brand-swap-text {
  margin-bottom: 20px;
}
.mxt-brand-swap button {
  padding: 0px 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-room-planner/scss/rapid-placement-component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxt-rapid-placement-controls {
  margin: 0 15px;
  flex-shrink: 0;
  display: flex;
  gap: 10px;
}
.mxt-rapid-placement-controls .active img {
  filter: invert(67%) sepia(61%) saturate(415%) hue-rotate(149deg) brightness(92%) contrast(89%);
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/product-add-decorator.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-product-add-more-actions-popover.mxt-popover {
  z-index: 1112;
}
.mxt-product-add-more-actions-popover.mxt-popover .mxt-product-add-more-actions-popover-content {
  padding: 12px 7px;
}
.mxt-product-add-more-actions-popover.mxt-popover .mxt-product-add-more-actions-popover-content .mxt-product-add-more-action.mxt-btn {
  padding-right: 10px;
  text-align: left;
  min-width: 0px;
}
.mxt-product-add-more-actions-popover.mxt-popover .mxt-product-add-more-actions-popover-content .mxt-product-add-more-action.mxt-btn img {
  height: 100%;
  pointer-events: none;
}
.mxt-product-add-more-actions-popover.mxt-popover .mxt-product-add-more-actions-popover-content .mxt-product-add-more-action.mxt-btn span {
  pointer-events: none;
  font: var(--mxt-font-body);
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/product-detail-page.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.product-detail-page-content {
  color: var(--mxt-action-menu-font-color);
}

.product-detail-page-content .product-detail-header {
  margin-bottom: 10px;
}

.product-detail-page-content .product-detail-body {
  display: flex;
  flex-direction: row;
}

.product-detail-page-content .product-detail-body > * {
  padding: 10px;
}

.product-detail-page-content .product-detail-body .product-metadata {
  flex-grow: 1;
}

.product-detail-page-content .product-detail-body .product-thumbnail {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.product-detail-page-content .product-detail-body .product-thumbnail img {
  width: 120px;
}

.product-detail-page-content .product-detail-body .product-detail-section {
  padding: 10px 0;
  border-top: solid 1px var(--mxt-action-menu-border-color);
  text-align: left;
}

.product-detail-page-content .product-detail-body .product-detail-section hr {
  margin: 10px 0;
  border-top-color: var(--mxt-action-menu-border-color);
}

.product-detail-page-content .product-detail-body .product-metadata .price {
  font: var(--mxt-font-body-lg-bold);
}

.product-detail-page-content .product-detail-item {
  margin: 2px 0;
}
.product-detail-page-content .product-detail-item.sku {
  overflow-wrap: anywhere;
}
.product-detail-page-content .product-detail-item.availability {
  font: var(--mxt-font-body-bold);
  font-style: italic;
  line-height: 1.64;
  color: #e14f4c;
}

.product-detail-page-content .product-configurable-section {
  margin-bottom: 10px;
  text-align: left;
}

.product-detail-page-content ul.product-detail-configurable-list {
  margin: 5px 0;
  padding: 0 25px;
  max-height: 150px;
  overflow: auto;
  border: solid 1px var(--mxt-toolbar-button-color);
}

.product-detail-page-content .product-detail-footer .product-url a {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-action-menu-font-color);
}

@media (min-width: 768px) {
  #css-overrides .product-detail-page .mxt-alert-content {
    width: 500px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/babylon-inspector.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Overrides for babylon inspector style.
 */
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/add-remove-product-modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.add-remove-product-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
}
.add-remove-product-modal-description {
  padding: 0 130px 24px;
  text-align: center;
  font: var(--mxt-font-body-lg);
}
.add-remove-product-modal-btn-container {
  display: flex;
  padding: 18px 0 24px;
}
.add-remove-product-modal-remove-btn {
  padding: 0 20px;
  font: var(--mxt-font-body-lg);
  color: #aa4241;
}
.add-remove-product-modal-cancel-btn {
  font: var(--mxt-font-body-lg);
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/mod-config-inspiration.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.mxt-mod-config-inspiration .mxt-inspiration-mosaic-item {
  text-align: center;
}
.mxt-mod-config-inspiration .mxt-inspiration-mosaic-item.mxt-design-your-own-mod-config .mxt-inspiration-mosaic-item-img {
  padding: 25% 0px;
  display: flex;
  justify-content: center;
}
.mxt-mod-config-inspiration .mxt-inspiration-mosaic-item.mxt-design-your-own-mod-config .mxt-inspiration-mosaic-item-img img {
  width: 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/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-room-planner/scss/orthographic.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
:root {
  --ortho-border: 1px solid blue;
}

.mxt-wall-tag {
  position: absolute;
  border-radius: 50%;
  padding: 2px 6px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: black;
  border: 1px solid black;
  background-color: white;
  cursor: pointer;
}
.mxt-wall-tag.mxt-wall-tag-highlight {
  background-color: #4fc1df;
  z-index: 500;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/orthographic-annotations.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-form-group {
  margin-bottom: 15px;
}

.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(c86f412e4a3279a8853e.svg);
  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-container.mxt-switch-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.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-container.mxt-switch-disabled .mxt-switch {
  pointer-events: none;
}

.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 {
  font: var(--mxt-font-header);
}

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

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

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

.mxt-hover-over-image {
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  justify-content: center;
  align-items: center;
}
.mxt-hover-over-image.mxt-hover-over-image-manual-trigger {
  display: flex;
}

.mxt-bounce-container {
  padding: 2px;
}

.mxt-bounce-container:hover .mxt-bounce {
  top: -2px;
}

.mxt-bounce {
  position: relative;
  transition: 0.2s top ease;
  top: 0px;
}

.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-visibility-hidden {
  visibility: hidden;
}

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

.mxt-ortho-annotations {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mxt-ortho-annotations-read-only {
  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-room-planner/scss/orthographic-legend.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.mxt-ortho-legend.mxt-ortho-legend-read-only .mxt-ortho-legend-badges .mxt-ortho-legend-badge {
  pointer-events: none;
}
.mxt-ortho-legend .mxt-ortho-legend-badges .mxt-ortho-legend-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  border-radius: 20px;
  text-align: center;
  color: black;
  border: 1px solid black;
  background-color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.mxt-ortho-legend .mxt-ortho-legend-badges .mxt-ortho-legend-badge.mxt-ortho-legend-badge-sku {
  border-radius: var(--mxt-corner-roundness);
  border: none;
}
.mxt-ortho-legend .mxt-ortho-legend-badges .mxt-ortho-legend-badge.mxt-ortho-legend-obscured {
  opacity: 0.5;
  pointer-events: none;
}

.mxt-ortho-legend-overview h3 {
  margin: 5px 0;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container {
  display: flex;
  flex-direction: column;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries {
  min-width: 135px;
  max-width: 225px;
  max-height: 25vh;
  overflow-y: auto;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries .mxt-ortho-legend-entry {
  min-height: 25px;
  height: auto;
  justify-content: start;
  display: block;
  text-align: left;
  padding: 4px 8px;
  font-weight: normal;
  white-space: normal;
  line-height: 1.2;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries .mxt-ortho-legend-entry .mxt-ortho-legend-sku {
  font-size: 0.85em;
  color: #666;
  font-style: italic;
  display: inline;
  margin-left: 1.3rem;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries.mxt-ortho-legend-multiline .mxt-ortho-legend-entry {
  margin-bottom: 8px;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries.mxt-ortho-legend-multiline .mxt-ortho-legend-entry .mxt-ortho-legend-product-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.mxt-ortho-legend-overview .mxt-toolbelt-container .mxt-ortho-legend-entries.mxt-ortho-legend-multiline .mxt-ortho-legend-entry .mxt-ortho-legend-sku {
  font-size: 0.85em;
  color: #666;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 1.3rem);
  margin-left: 1.3rem;
  margin-top: 2px;
  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-room-planner/scss/orthographic-measurements.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxt-ortho-measurement {
  top: 0;
  position: absolute;
}
.mxt-ortho-measurement.mxt-ortho-measurement-read-only > svg g.mxt-ortho-measurement-line {
  cursor: default;
}
.mxt-ortho-measurement.mxt-ortho-measurement-read-only .mxt-ortho-legend-badge {
  pointer-events: none;
}
.mxt-ortho-measurement > svg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.mxt-ortho-measurement > svg g {
  pointer-events: visiblePainted;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line {
  cursor: move;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line.selected .mxt-ortho-measurement-rendered-line {
  stroke: #4fc1df;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line.selected .mxt-ortho-measurement-label-bg {
  fill: white;
  stroke: rgba(102, 102, 102, 0.15);
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-mask-show {
  stroke: white;
  stroke-width: 2;
  fill: white;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-mask-hide {
  fill: black;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-rendered-line {
  stroke-width: 2;
  fill: none;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-drop-lines {
  fill: none;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-line-text-drop {
  stroke: black;
  stroke-dasharray: 4;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-label-bg {
  fill: transparent;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line .mxt-ortho-measurement-text {
  fill: black;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line g.mxt-ortho-measurement-delete {
  cursor: pointer;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line g.mxt-ortho-measurement-delete rect {
  fill: white;
}
.mxt-ortho-measurement > svg g.mxt-ortho-measurement-line g.mxt-ortho-measurement-delete use {
  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-room-planner/scss/orthographic-point-to-point.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.mxt-ortho-point-to-point {
  top: 0;
  position: absolute;
}
.mxt-ortho-point-to-point > svg {
  position: absolute;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.mxt-ortho-point-to-point > svg g {
  pointer-events: visiblePainted;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line.selected .mxt-ortho-point-to-point-rendered-line {
  stroke: var(--mxt-client-blueprint-active-toolbar-button);
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line.selected .mxt-ortho-point {
  fill: var(--mxt-client-blueprint-active-toolbar-button);
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line.selected.in-progress.no-line .mxt-ortho-point-to-point-rendered-line,
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line.selected.in-progress.no-line .mxt-ortho-point-to-point-label {
  display: none;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line.selected.in-progress.no-line .mxt-ortho-point {
  fill: black;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point-to-point-rendered-line {
  stroke-width: 2;
  fill: none;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point-to-point-snapping-line {
  stroke: var(--mxt-client-blueprint-active-toolbar-button);
  stroke-width: 5;
  fill: none;
  opacity: 0.9;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point-to-point-snapping-line.invalid {
  stroke: red;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point-to-point-snapping-corner {
  fill: none;
  stroke: var(--mxt-client-blueprint-active-toolbar-button);
  stroke-width: 3;
  opacity: 0.75;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point {
  fill: black;
}
.mxt-ortho-point-to-point > svg .mxt-ortho-point-to-point-line .mxt-ortho-point.mxt-ortho-tick {
  stroke: black;
  stroke-width: 2;
  stroke-linecap: round;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label {
  cursor: move;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label.selected .mxt-ortho-point-to-point-label-bg {
  fill: white;
  stroke-width: 1;
  stroke: rgba(102, 102, 102, 0.15);
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label.selected .mxt-ortho-point-to-point-label-bg .mxt-ortho-point-text {
  fill: var(--mxt-client-blueprint-active-toolbar-button);
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label .mxt-ortho-point-to-point-label-bg {
  fill: transparent;
  stroke-width: 0;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label .mxt-ortho-point-text {
  fill: black;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label .mxt-ortho-point-remove {
  cursor: pointer;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label .mxt-ortho-point-remove rect {
  fill: white;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-label .mxt-ortho-point-remove use {
  pointer-events: none;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-mask .mxt-ortho-point-to-point-mask-show {
  fill: white;
  stroke: white;
  stroke-width: 2;
}
.mxt-ortho-point-to-point .mxt-ortho-point-to-point-mask .mxt-ortho-point-to-point-mask-hide {
  fill: black;
}

.mxt-ortho-point-to-point-read-only svg,
.mxt-ortho-point-to-point-read-only svg * {
  pointer-events: none;
}

#designer .mxt-ortho-point-to-point-mode-tooltip {
  pointer-events: none;
  background-color: black;
  border-radius: var(--mxt-corner-roundness);
  color: white;
  padding: 10px;
  max-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-room-planner/scss/orthographic-wall.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-ortho-wall .mxt-ortho-wall-container {
  background-color: white;
  display: flex;
  margin: auto;
  border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
  height: var(--mxt-nav-menu-height);
}
.mxt-ortho-wall-dropdown {
  display: flex;
  padding: 0 0 0 15px;
}
.mxt-ortho-wall-dropdown .mxt-dropdown-select span {
  font-size: 14px;
  font-weight: 700;
}
.mxt-ortho-wall-dropdown-options {
  min-width: 135px;
  transform: translate(15px, 0px);
}
.mxt-ortho-wall-close {
  margin: 5px;
}
.mxt-ortho-wall-close img {
  object-fit: 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-ui-utility/scss/dropdown-select.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-dropdown-select {
  display: flex;
  align-items: center;
}
.mxt-dropdown-select img {
  transform: rotate(0deg);
  transition: 0.4s ease all;
}
.mxt-dropdown-select.mxt-dropdown-select-open img {
  transform: rotate(180deg);
}
.mxt-dropdown-select span {
  font: var(--mxt-font-body);
}
.mxt-dropdown-select.left {
  justify-content: flex-start;
}
.mxt-dropdown-select.right {
  justify-content: flex-end;
}
.mxt-dropdown-select.mxt-dropdown-select-input-variant {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  font-size: 14px;
}

.mxt-popover.mimic-select-element .mxt-modal-arrow-outer {
  display: none;
}

.mxt-dropdown-select-popover-content {
  display: flex;
  flex-flow: column;
  padding: 10px 0px;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option {
  font: var(--mxt-font-body);
  width: 100%;
  padding: 0px 7px;
  height: 25px;
  flex: 0 0 25px;
  display: flex;
  align-items: center;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option:hover {
  background: var(--hover-blue);
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.header:hover {
  background: inherit;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.section-divider {
  border-bottom: 1px solid #e5e5e5;
  height: 1px;
  padding-top: 12px;
  margin-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.section-divider:hover {
  background: inherit;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option:first-child.dividers {
  border-top: none;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.current {
  color: var(--toggle-blue);
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.invalid {
  color: #f5f5f5;
  cursor: default;
  pointer-events: none;
}
.mxt-dropdown-select-popover-content .mxt-dropdown-select-popover-option.dividers {
  border-top: 1px solid #c1c1c1;
}
.mxt-dropdown-select-popover-content.left button {
  text-align: left;
}
.mxt-dropdown-select-popover-content.right button {
  text-align: right;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/orthographic-walltags.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-ortho-walltags .mxt-wall-tag-popup-container::before {
  content: " ";
  position: absolute;
  border: solid;
  border-radius: 0px;
  border-color: rgba(222, 222, 222, 0);
  border-bottom-color: #ffffff;
  border-width: 12px;
  top: -20px;
  left: 50px;
}
.mxt-ortho-walltags .mxt-wall-tag-popup-container ::after {
  content: " ";
  position: absolute;
  border: solid;
  border-radius: 0px;
  border-color: rgba(222, 222, 222, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  top: -20px;
  left: 50px;
}
.mxt-ortho-walltags .mxt-wall-tag-popup-container {
  position: absolute;
  display: inline-flex;
  top: 30px;
  padding: 5px;
  border-radius: 5px;
  width: 120px;
  box-shadow: 1px 2px 2px rgba(102, 102, 102, 0.3921568627);
  background: white;
  z-index: 50;
  align-items: center;
}
.mxt-ortho-walltags .mxt-wall-tag-popup-container .mxt-wall-tag-popup-img {
  display: flex;
}
.mxt-ortho-walltags .mxt-wall-tag-popup-container .mxt-wall-tag-popup-text {
  display: flex;
  justify-content: center;
}

.mxt-elevation-hint .mxt-elevation-hint-container {
  height: var(--mxt-nav-menu-height);
  display: flex;
  position: relative;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin: auto;
  width: 180px;
  background: white;
  z-index: 50;
  box-shadow: 1px 2px 2px rgba(102, 102, 102, 0.3921568627);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/screenshot.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-screenshot-mode-top-offset: 66px;
}

.mxt-screenshot-mode-container {
  height: 100%;
}
.mxt-screenshot-mode-container .mxt-dropdown-container {
  width: 340px !important;
  height: calc(100% - 85px) !important;
  overflow: hidden;
  z-index: 0;
}
.mxt-screenshot-mode-container .mxt-dropdown-container .mxt-dropdown {
  width: 100%;
}
.mxt-screenshot-mode-container .render-style-button {
  position: absolute;
  top: var(--mxt-screenshot-mode-top-offset);
  right: 170px;
  cursor: pointer;
  width: 72px;
  display: flex;
  align-items: center;
  background-color: #f2ede7;
  border-radius: 40px;
  overflow: hidden;
  border: solid #ffffff;
  border-width: medium;
  height: 40px;
  padding: 0px 5px;
}
.mxt-screenshot-mode-container .render-style-button .icon {
  font-size: 20px;
}
.mxt-screenshot-mode-container .render-style-button.no-pro {
  top: 116px;
}
.mxt-screenshot-mode-container .icon-chevron {
  width: 25px;
  height: 100%;
  margin-left: -5px;
}
.mxt-screenshot-mode-container .gallery-btn {
  position: absolute;
  top: var(--mxt-screenshot-mode-top-offset);
  right: 20px;
}
.mxt-screenshot-mode-container .gallery-btn.mxt-btn {
  min-width: 140px;
}
.mxt-screenshot-mode-container .gallery-btn.no-pro {
  top: 72px;
}
.mxt-screenshot-mode-container .success-popover {
  top: 110px !important;
  width: 200px;
  height: 35px;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  background: #4fc1df;
  color: #ffffff;
  text-align: center;
  font: var(--mxt-font-body-bold);
}
.mxt-screenshot-mode-container .success-popover .mxt-modal-arrow-outer {
  display: none;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown {
  position: absolute;
  top: var(--mxt-screenshot-mode-top-offset);
  left: 20px;
  margin: 0;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-tabbed-content {
  padding: 1rem;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-tabbed-view {
  flex: 1;
  width: 100%;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-tabbed-view-content {
  overflow: scroll;
  background-color: #f7f7f7;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-tabbed-view-content .mxt-environment-tab-content {
  margin-bottom: 1rem;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .update-camera-container {
  background: white;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin: 1rem -1rem 0 -1rem;
  padding: 1rem 0;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-environment-tab-content {
  overflow-y: auto;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-environment-tab-content .mxt-light-color-group .mxt-inline-color-swatches {
  border-bottom: none;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-environment-tab-content .skybox-rotation-section {
  margin-bottom: 1rem;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-environment-tab-content .mxt-flyout-header.mxt-flyout-section-header {
  border-bottom: none;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-environment-tab-content .mxt-natural-light-mode-text {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: var(--mxt-font-color);
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-viewpoints-tab-content {
  overflow-y: auto;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown {
  padding-left: 0px;
  max-height: 100%;
  width: 340px !important;
  border-radius: 0;
  transition: all 0.5s ease, width 0s;
  display: flex;
  flex-direction: column;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown .mxt-dropdown-header {
  flex: 0;
  min-height: 50px;
  justify-content: center;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown .mxt-dropdown-header .mxt-screenshot-settings-dropdown-header-group {
  display: flex;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown .mxt-dropdown-header .mxt-screenshot-settings-dropdown-header-chevron {
  position: absolute;
  right: 10px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown .mxt-dropdown-header h5 {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font: var(--mxt-font-header);
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown .mxt-dropdown-options {
  padding: 0px;
  flex: 1;
  display: flex;
  width: 100%;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-dropdown:hover {
  width: 100%;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .update-camera {
  width: 300px;
  margin: 0 auto;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras {
  width: 298px !important;
  min-height: 40px;
  overflow: visible;
  z-index: 99;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .mxt-dropdown {
  max-height: unset;
  width: 298px !important;
  background-color: white;
  border-radius: var(--mxt-corner-roundness);
  transition: all 0.5s ease;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .mxt-dropdown .mxt-dropdown-header {
  min-height: 40px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .mxt-dropdown .mxt-dropdown-header h5 {
  width: 105px;
  padding: 0 10px;
  text-align: left;
  font: var(--mxt-font-body-bold);
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .mxt-dropdown .mxt-dropdown-options {
  padding-bottom: 10px;
  flex-flow: column;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options {
  max-height: 70px;
  overflow: auto;
}
@media (min-height: 900px) {
  .mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options {
    max-height: 100px;
  }
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option {
  display: flex;
  align-items: center;
  height: 20px;
  margin: 5px 0;
  cursor: pointer;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .edit {
  flex: 0 0 40px;
  margin-left: 8px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .edit.no-delete {
  flex: none;
  width: 37px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .delete {
  flex: 0 0 40px;
  opacity: 0.3;
  padding-right: 9px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .text,
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .input {
  flex: 1;
  width: 100px;
  padding-left: 5px;
  margin-left: -10px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .text.no-delete,
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .input.no-delete {
  width: 115px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .saved-camera-options .saved-camera-option .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .save-new {
  color: #4fc1df;
  cursor: pointer;
  text-align: center;
  font: var(--mxt-font-body-bold);
  margin: 5px 25px 0 25px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .saved-cameras .save-new.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-screenshot-environment-grid-container {
  position: relative;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-screenshot-environment-grid-container .mxt-grid-item {
  height: 145px;
  width: 145px;
  cursor: pointer;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .mxt-screenshot-environment-grid-container .current {
  border: solid 3px #4fc1df;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .screenshot-settings-label {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
  padding-top: 10px;
}
.mxt-screenshot-mode-container .mxt-screenshot-settings-dropdown .learn-more-section {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4fc1df;
  font: var(--mxt-font-body-bold);
  padding-top: 5px;
  cursor: pointer;
}
.mxt-screenshot-mode-container .mxt-screenshot-multi-btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-flow: column;
  margin: 10px 15px 10px 15px;
  flex: 0;
}
.mxt-screenshot-mode-container .mxt-screenshot-btn-container {
  flex: 1;
  display: flex;
  justify-content: center;
  width: 100%;
}
.mxt-screenshot-mode-container .mxt-hd-render-container {
  flex-flow: row;
  flex: 0 1 auto;
  gap: 5px;
}
.mxt-screenshot-mode-container .mxt-hd-render-container.disabled > * {
  pointer-events: none;
  opacity: 0.5;
}
.mxt-screenshot-mode-container .mxt-take-screenshot-no-pro {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
}
.mxt-screenshot-mode-container .mxt-screenshot-bottom-btn {
  width: 100%;
}
.mxt-screenshot-mode-container .mxt-screenshot-multi-btn-container:only-child .mxt-screenshot-btn-container {
  flex: 1 1 auto; /* Allow growing and shrinking */
  width: 100%; /* Ensure it takes full width */
}
.mxt-screenshot-mode-container .marker-error-tooltip {
  position: absolute;
  top: 100px;
  left: 200px;
  background: white;
  color: rgb(221, 57, 55);
  border-color: rgb(221, 57, 55);
  padding: 5px 15px;
  border-radius: 5px;
  transform: translateX(-50%);
}

.options-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border: 1px black solid;
  border-radius: 6px;
  height: auto;
}
.options-toggle .option {
  flex: 1;
  text-align: center;
  font: var(--mxt-font-body-bold);
  line-height: 40px;
  color: var(--mxt-font-color);
  padding: 0px 8px;
  cursor: pointer;
  position: relative;
}
.options-toggle .option.active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #4fc1df;
  color: #ffffff;
}
.options-toggle .option::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: black;
}
.options-toggle .option:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.options-toggle .option:last-child, .options-toggle .option.last-option-of-row {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.options-toggle .option:last-child::before, .options-toggle .option.last-option-of-row::before {
  display: none;
}
.options-toggle.disabled > * {
  cursor: not-allowed;
  opacity: 0.5;
}

.instructions-modal {
  position: absolute;
  top: 66px;
  left: 50%;
  width: 420px;
  margin-left: -210px;
  min-height: 30px;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  font: var(--mxt-font-body-bold);
  text-align: center;
  padding: 0 15px;
}

.zoom-buttons {
  position: absolute;
  top: 120px;
  right: 20px;
}

.camera-options-toggle {
  height: auto;
  flex-wrap: wrap;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-tabbed-view.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-panel-background-color: #fff;
  /** a color that visually separates the background of certain panels*/
  --mxt-panel-separated-background-color: #f7f7f7;
  --mxt-panel-divider-color: #d9d9d9;
}

:root {
  --mxt-tabbed-view-background: #f4f4f4;
  --mxt-tabbed-view-active-background: #fff;
  --mxt-tabbed-view-active-underline: var(--mxt-client-primary);
  --mxt-tabbed-view-header-size: 18px;
  --mxt-panel-divider-color: #d9d9d9;
}

.mxt-tabbed-view {
  color: black;
  display: flex;
  flex-flow: column;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.mxt-tabbed-view .mxt-tabbed-view-header {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
}
.mxt-tabbed-view .mxt-tabbed-view-header .mxt-btn.mxt-tab-header {
  background: var(--mxt-tabbed-view-background);
  min-width: 90px;
  flex: 1 1 0px;
  font-size: var(--mxt-tabbed-view-header-size);
  font-weight: normal;
  border-radius: 0px;
  border-bottom: 1px solid var(--mxt-panel-divider-color);
}
.mxt-tabbed-view .mxt-tabbed-view-header .mxt-btn.mxt-tab-header:not(:first-of-type) {
  border-left: 1px solid var(--mxt-panel-divider-color);
}
.mxt-tabbed-view .mxt-tabbed-view-header .mxt-btn.mxt-tab-header .mxt-tab-header-active-underline {
  display: none;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: var(--mxt-tabbed-view-active-underline);
  margin: 0px;
}
.mxt-tabbed-view .mxt-tabbed-view-header .mxt-btn.mxt-tab-header.mxt-tab-header-active {
  background: var(--mxt-tabbed-view-active-background);
}
.mxt-tabbed-view .mxt-tabbed-view-header .mxt-btn.mxt-tab-header.mxt-tab-header-active .mxt-tab-header-active-underline {
  display: block;
}
.mxt-tabbed-view .mxt-tabbed-view-content {
  flex: 1;
  overflow: auto;
}
.mxt-tabbed-view .mxt-tabbed-view-content .mxt-tab-content {
  position: relative;
  height: 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/range-slider.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-range-slider {
  display: flex;
  align-items: center;
  min-height: 2rem;
}
.mxt-range-slider.mxt-disabled {
  opacity: 0.5;
}
.mxt-range-slider.mxt-disabled input[type=range]::-webkit-slider-runnable-track {
  cursor: not-allowed;
}
.mxt-range-slider.mxt-disabled input[type=range]::-webkit-slider-thumb {
  cursor: not-allowed;
  background: #888888;
}
.mxt-range-slider.mxt-disabled input[type=range]::-ms-track {
  cursor: not-allowed;
}
.mxt-range-slider.mxt-disabled input[type=range]::-moz-range-track {
  cursor: not-allowed;
}
.mxt-range-slider.mxt-disabled input[type=range]::-moz-range-thumb {
  cursor: not-allowed;
  background: #888888;
}
.mxt-range-slider .mxt-range-slider-icon {
  width: 2rem;
  height: 2rem;
}
.mxt-range-slider .mxt-range-slider-icon-left {
  margin: 0 -0.5rem 0 0;
  transform: scale(0.75);
}
.mxt-range-slider .mxt-range-slider-icon-right {
  margin: 0;
  transform: scale(1.25);
}
.mxt-range-slider input[type=range] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}
.mxt-range-slider input[type=range]:focus {
  outline: none;
}
.mxt-range-slider input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.mxt-range-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #000000;
}
.mxt-range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #000000;
}
.mxt-range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -6px;
  width: 0.8rem;
  height: 0.8rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #4fc1df;
  border-radius: 50%;
  cursor: pointer;
}
.mxt-range-slider input[type=range]::-moz-range-thumb {
  border: none;
  width: 0.8rem;
  height: 0.8rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #4fc1df;
  border-radius: 50%;
  cursor: pointer;
}
.mxt-range-slider .mxt-range-slider-datalist {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.mxt-range-slider-wrap {
  flex-wrap: wrap;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/flyout/mxt-flyout-header.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.mxt-flyout-header {
  font: var(--mxt-font-body-bold);
  text-align: left;
  margin: 0px;
  margin-bottom: 10px;
  color: var(--mxt-font-color);
}
.mxt-flyout-header.mxt-flyout-section-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 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-room-planner/scss/tape-measurer.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-tape-measurer-start-point,
.mxt-tape-measurer-end-point {
  position: absolute;
}

.mxt-btn.mxt-tape-measurer-product-lock {
  position: absolute;
  right: 20px;
  bottom: 20px;
  min-width: 44px;
  flex-direction: column;
  height: auto;
  width: 80px;
}
.mxt-btn.mxt-tape-measurer-product-lock span {
  text-align: center;
  padding-right: 0;
  margin-left: 0;
  padding-bottom: 6px;
}
.mxt-btn.mxt-tape-measurer-product-lock.hide-label {
  width: auto;
}
.mxt-btn.mxt-tape-measurer-product-lock.hide-label span {
  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-room-planner/scss/tilt-mode.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.tilt-mode-reset {
  position: absolute;
  bottom: 40px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.tilt-mode-reset button {
  width: 250px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/toolbelt-annotations.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.renderer-toolbelt-options-container.toolbelt-annotations-templates-container {
  padding: 0;
  width: 340px;
}
.renderer-toolbelt-options-container.toolbelt-annotations-templates-container .mxt-spins-loading-progress-background.fancy-full-screen-load {
  top: 0px;
}

.mxt-toolbelt-annotations-disabled-flyout {
  min-height: 270px;
}

.toolbelt-annotations.read-only .mxt-annotation-type,
.toolbelt-annotations.read-only .icon-grid,
.toolbelt-annotations.read-only .toolbelt-annotations-open-templates,
.toolbelt-annotations.read-only .mxt-anotation-option-btn-lockAll,
.toolbelt-annotations.read-only .mxt-anotation-option-btn-deleteAll {
  display: none;
}
.toolbelt-annotations .icon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.toolbelt-annotations .icon-grid img {
  width: 50px;
  height: 50px;
  border: 1px solid transparent;
}
.toolbelt-annotations .icon-grid img:hover {
  border-color: rgb(var(--toggle-blue-rgb));
  cursor: pointer;
}
.toolbelt-annotations hr {
  margin: 20px 0px;
}
.toolbelt-annotations .option-buttons .mxt-btn {
  justify-content: start;
}
.toolbelt-annotations .option-buttons .mxt-btn.mxt-btn-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.toolbelt-annotations .option-buttons .mxt-btn .mxt-btn-icon {
  width: 40px;
  height: 40px;
}
.toolbelt-annotations-open-templates {
  display: block;
  color: #4fc1df;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 15px;
}
.toolbelt-annotations-open-templates:disabled {
  color: var(--mxt-font-color-disabled);
  cursor: default;
}
.toolbelt-annotations-templates {
  color: var(--mxt-font-color);
}
.toolbelt-annotations-templates-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.toolbelt-annotations-templates-header-buttons {
  display: flex;
  align-items: center;
}
.toolbelt-annotations-templates .mxt-font-header {
  border-bottom: 1px solid #d9d9d9;
  font-size: 22px;
  line-height: 48px;
  height: 48px;
  text-align: center;
}
.toolbelt-annotations-templates-results-display {
  font-size: 14px;
}
.toolbelt-annotations-templates-results-container {
  height: 510px;
  overflow: scroll;
  max-height: 50vh;
  padding: 22px 17px;
  position: relative;
}
.toolbelt-annotations-templates-results-container-panel {
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 10px;
  row-gap: 10px;
}
.toolbelt-annotations-templates-results-container-panel-multiselect-mode .toolbelt-annotations-templates-template-button:hover .toolbelt-annotations-templates-template-button-delete,
.toolbelt-annotations-templates-results-container-panel-multiselect-mode .toolbelt-annotations-templates-template-button:hover .toolbelt-annotations-templates-template-button-share {
  display: none;
}
.toolbelt-annotations-templates-template-button {
  border: 1px solid #c1c1c1;
  position: relative;
}
.toolbelt-annotations-templates-template-button button.mxt-annotation-multiselect-checkmark {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.toolbelt-annotations-templates-template-button button.mxt-annotation-multiselect-checkmark img {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 25px;
  height: 25px;
}
.toolbelt-annotations-templates-template-button-preview {
  height: 60px;
}
.toolbelt-annotations-templates-template-button-preview img {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.toolbelt-annotations-templates-template-button-share, .toolbelt-annotations-templates-template-button-delete {
  position: absolute;
  z-index: 1;
  top: 2px;
  display: none;
  width: 30px;
  height: 30px;
}
.toolbelt-annotations-templates-template-button-share {
  left: 2px;
}
.toolbelt-annotations-templates-template-button-delete {
  right: 2px;
}
.toolbelt-annotations-templates-template-button-name {
  border-top: 1px solid #c1c1c1;
  background: white;
  height: 31px;
  font-size: 12px;
  line-height: 31px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.toolbelt-annotations-templates-template-button-name-value {
  padding: 5px;
  max-height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toolbelt-annotations-templates-template-button-name .mxt-btn {
  flex: 0 0 31px;
  height: 31px;
  border-radius: 0px;
}
.toolbelt-annotations-templates-template-button:hover {
  border: 1px solid #4fc1df;
}
.toolbelt-annotations-templates-template-button:hover .toolbelt-annotations-templates-template-button-name {
  border-top: 1px solid #4fc1df;
}
.toolbelt-annotations-templates-template-button:hover .toolbelt-annotations-templates-template-button-delete,
.toolbelt-annotations-templates-template-button:hover .toolbelt-annotations-templates-template-button-share {
  display: block;
}
.toolbelt-annotations-templates-template-button:active {
  border: 1px solid #4fc1df;
}
.toolbelt-annotations-templates-template-button:active .toolbelt-annotations-templates-template-button-name {
  border-top: 1px solid #4fc1df;
  background: #4fc1df;
  color: white;
}
.toolbelt-annotations-templates-search {
  margin-bottom: 12px;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
  border-radius: 8px;
}
.toolbelt-annotations-templates-search input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 45px;
  border-radius: 8px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  background-image: url(fb6b23472b11f11765c1.svg);
  background-repeat: no-repeat;
  background-size: 22px 21px;
  background-position: 8px center;
}
.toolbelt-annotations-templates-footer {
  border-top: 1px solid #d9d9d9;
  padding: 18px 15px 18px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.toolbelt-annotations-templates-cancel {
  border: 1px solid #28343d;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.toolbelt-annotations-templates-cancel {
  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-room-planner/scss/toolbelt-dimensions.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.toolbelt-dimensions-header {
  font: var(--mxt-font-header);
  text-align: center;
  border-bottom: 1px solid var(--mxt-panel-divider-color);
  padding: 16px 0px;
}

.toolbelt-dimensions-root.renderer-toolbelt-options-container {
  padding: 0px;
}

.toolbelt-dimensions {
  max-height: calc(100vh - 150px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
}
.toolbelt-dimensions .mxt-font-header {
  padding-bottom: 10px;
}
.toolbelt-dimensions .toolbelt-dimensions-group {
  margin-bottom: 18px;
}
.toolbelt-dimensions .toolbelt-dimensions-group .mxt-inline-color-swatches {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}
.toolbelt-dimensions .mxt-manual-measure-mode-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.toolbelt-dimensions .mxt-manual-measure-mode-group .mxt-manual-measure-mode-divider {
  width: 2px;
  margin: 6px 0;
  background: #ffffff;
  align-self: stretch;
}
.toolbelt-dimensions .mxt-manual-measure-mode-group .mxt-non-cta-button {
  background: none;
  box-shadow: none;
}
.toolbelt-dimensions .mxt-manual-measure-mode-group .mxt-non-cta-button:hover {
  filter: invert(71%) sepia(67%) saturate(576%) hue-rotate(159deg) brightness(93%) contrast(87%);
}
.toolbelt-dimensions .mxt-manual-measure-mode-group .mxt-non-cta-button.selected {
  filter: invert(71%) sepia(67%) saturate(576%) hue-rotate(159deg) brightness(93%) contrast(87%);
}
.toolbelt-dimensions .mxt-manual-measure-group {
  background: #f2ede7;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-direction: column;
}
.toolbelt-dimensions .manual-measure-button {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;
  align-self: center;
}
.toolbelt-dimensions .manual-measure-button.mxt-btn.mxt-cta-button.mxt-btn-disabled {
  pointer-events: all;
  cursor: not-allowed;
}
.toolbelt-dimensions .manual-measure-button:only-child {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.toolbelt-dimensions .mxt-switch-label {
  padding: 0px;
  font: var(--mxt-font-body-bold);
}
.toolbelt-dimensions hr {
  margin: 20px 0;
}
.toolbelt-dimensions .option-buttons {
  display: flex;
  justify-content: space-between;
}
.toolbelt-dimensions .option-buttons > div:not(.mxt-btn) {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.toolbelt-dimensions .option-buttons > div:not(.mxt-btn) img {
  width: 40px;
  height: 40px;
}
.toolbelt-dimensions .option-buttons > div:not(.mxt-btn) .mxt-switch-label {
  padding: 0;
}
.toolbelt-dimensions .option-buttons .mxt-btn {
  justify-content: start;
  min-width: unset;
}
.toolbelt-dimensions .option-buttons .mxt-btn.mxt-btn-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.toolbelt-dimensions .option-buttons .mxt-btn .mxt-btn-icon {
  width: 40px;
  height: 40px;
}
.toolbelt-dimensions .product-dimensions-grid {
  --reset-button-space: 1fr;
  display: grid;
  grid-template-columns: 2fr var(--reset-button-space);
  align-items: center;
}
.toolbelt-dimensions .product-dimensions-grid .mxt-dropdown {
  min-width: unset;
}
.toolbelt-dimensions .product-dimensions-grid .mxt-btn {
  min-width: unset;
}
.toolbelt-dimensions .mxt-non-cta-button {
  padding: 10px;
  margin: 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-room-planner/scss/toolbelt-dropdowns.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-toolbelt-dropdown.mxt-dropdown-container {
  margin: 0px;
  font: var(--mxt-font-body);
}
.mxt-toolbelt-dropdown.mxt-dropdown-container.mxt-dropdown-expanded {
  z-index: 11;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown {
  transition: none;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header h5 {
  display: none;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header .mxt-dropdown-header-current {
  font: var(--mxt-font-body);
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options {
  border-top: 1px solid var(--mxt-toolbar-divider-color);
  padding-top: 10px;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options .mxt-custom-checkbox {
  display: none;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options .mxt-custom-checkmark {
  display: none;
}
.mxt-toolbelt-dropdown.mxt-dropdown-container .mxt-dropdown .mxt-dropdown-options .mxt-dropdown-option-text {
  margin-left: unset !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-room-planner/scss/web-ar-button.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-web-ar-button-container {
  position: absolute;
  bottom: 2rem;
  right: 1rem;
}
.mxt-web-ar-button-container .mxt-web-ar-button {
  width: inherit;
  border-radius: 30px;
}
.mxt-web-ar-button-container .mxt-web-ar-button img {
  transform: scale(1.3);
}
.mxt-web-ar-button-container .mxt-web-ar-button span.label {
  font-size: 15px;
  font-weight: 400;
  padding-right: 1rem;
}

@container designer-container (orientation: landscape) {
  .mxt-web-ar-button-container {
    bottom: 2rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/web-ar-toolbelt.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
body.mxt-room-planner-phone #renderer-toolbelt.mxt-ar-toolbelt + #renderer-toolbelt.mxt-toolbelt {
  display: none;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-ar-toolbelt {
  background: black;
  color: white;
  display: flex;
  font-size: 1rem;
  top: 0;
  z-index: 6000 !important;
}
body.mxt-room-planner-phone #renderer-toolbelt.mxt-ar-toolbelt img {
  margin-right: 2rem;
}
body.mxt-room-planner-phone .mxt-resizable-notification {
  position: absolute;
  background: #f2d5d9;
  padding: 1rem;
  height: 6rem;
  font-size: 1rem;
  color: black;
  border-bottom: 1px solid #be2b3c;
  display: flex;
  top: 3.2rem;
}
body.mxt-room-planner-phone .mxt-resizable-notification img.mxt-error-icon {
  width: 2rem;
  margin-right: 0.5rem;
  display: flex;
  align-self: baseline;
}
body.mxt-room-planner-phone .mxt-resizable-notification img.mxt-close-button {
  display: flex;
  align-self: baseline;
}

.mxt-view-ar-mode {
  z-index: 3;
}

.mxt-ar-mode-modal-popover {
  padding: 1rem;
}
.mxt-ar-mode-modal-popover h2 {
  font-size: 0.8rem;
  margin-top: 0;
}

@container designer-container (orientation: landscape) {
  body.mxt-room-planner-phone #renderer-toolbelt.mxt-ar-toolbelt + #renderer-toolbelt.mxt-toolbelt {
    display: block;
  }
  body.mxt-room-planner-phone .mxt-view-ar-mode {
    bottom: 1rem;
    right: 1rem;
    left: inherit;
    width: 20%;
    border-radius: 6px;
  }
  body.mxt-room-planner-phone .mxt-view-ar-mode span {
    padding-left: 10px;
  }
  body.mxt-room-planner-phone #renderer-toolbelt-message {
    font-size: 13px;
  }
  body.mxt-room-planner-phone .mxt-resizable-notification {
    position: absolute;
    width: 30rem;
    bottom: 1rem;
    top: inherit;
    left: 1rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/web-ar-mode.scss ***!
  \**************************************************************************************************************************************************************************************************************************/

.mxt-modal-div:has(.mxt-mobile-ar-intro-modal) {
  width: 90%;
}

.mxt-mobile-ar-intro-modal {
  padding: 1rem;
}
.mxt-mobile-ar-intro-modal .mxt-mobile-ar-intro-modal {
  padding: 1rem;
}
.mxt-mobile-ar-intro-modal .mobile-ar-intro-title {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1rem;
  color: black;
}
.mxt-mobile-ar-intro-modal .mobile-ar-intro-description {
  font-size: 1.1rem;
}
.mxt-mobile-ar-intro-modal .mobile-ar-intro-animation {
  border-radius: 5px;
  margin: 1.2rem 0;
}
.mxt-mobile-ar-intro-modal .mobile-ar-intro-button {
  text-align: center;
  padding: 0.8rem;
  border-radius: 5px;
  font-size: 1.2rem;
}

@container designer-container (orientation: landscape) {
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt {
    display: block;
    position: absolute;
    width: 6rem;
    left: inherit;
    right: 1rem;
    top: 1rem;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt .mxt-toolbelt-container {
    justify-content: center;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt .renderer-toolbelt-item img {
    display: none;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt #renderer-toolbelt-project-name {
    display: none;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt #floorViewButton.mxt-hidden,
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt #roomViewButton.mxt-hidden {
    display: block !important;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #cameraControlsContainer {
    display: none;
  }
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-ar-toolbelt {
    display: flex;
    height: 40px;
    position: absolute;
    right: 7rem;
    width: 20rem;
  }
}
@container designer-container (orientation: portrait) {
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt #floorViewButton.mxt-hidden,
  body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt #roomViewButton.mxt-hidden {
    display: block !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-room-planner/scss/composable-lock.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.composable-lock {
  position: absolute;
  z-index: 99;
  pointer-events: none;
}
.composable-lock.mxt-fadeOut, .composable-lock.mxt-fadeIn {
  animation-duration: 0.5s;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/rotate3d-mode.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.rotate3d-mode {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.rotate3d-mode .rotate3d-mode-axis-label {
  position: absolute;
  color: black;
  font-size: 13px;
  border-radius: 50%;
  text-align: center;
}
.rotate3d-mode-menu {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 340px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: white;
}
.rotate3d-mode-menu-header {
  height: 50px;
  line-height: 50px;
  font-weight: 800;
  font-size: 22px;
  color: var(--mxt-font-color);
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
.rotate3d-mode-menu-content {
  padding: 15px 20px;
}
.rotate3d-mode-menu-reset {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 20px;
  text-decoration: underline;
  text-align: center;
}
.rotate3d-mode-menu-axis {
  margin-bottom: 15px;
}
.rotate3d-mode-menu-axis-label {
  font-weight: 600;
  font-size: 14px;
  padding: 5px 0 8px;
}
.rotate3d-mode-menu-axis-controls {
  display: flex;
}
.rotate3d-mode-menu-ctas {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.rotate3d-mode-menu-ctas-button {
  border-radius: 4px;
  height: 40px;
  font-weight: 700;
  font-size: 13px;
  display: block;
  width: 100%;
}
.rotate3d-mode-menu-ctas-button-save {
  background-color: #c20016;
  color: white;
  margin-bottom: 10px;
}
.rotate3d-mode-menu-ctas-button-cancel {
  border: 1px solid #28343d;
  color: var(--mxt-font-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-room-planner/scss/customize-countertops.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-edit-counters-button-container {
  width: 100%;
  position: absolute;
  top: 20px;
  display: flex;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}
.mxt-edit-counters-button-container .mxt-edit-counters-button.mxt-btn {
  pointer-events: all;
  height: 44px;
}

.mxt-customize-countertops {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 340px;
  height: calc(100% - 36px);
  z-index: 1;
  color: var(--mxt-font-color);
  background: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2509803922), 0px 0px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
.mxt-customize-countertops h2 {
  font-weight: 500;
  size: 24px;
  line-height: 30px;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  padding: 10px 0;
  margin: 0;
  width: 100%;
}
.mxt-customize-countertops h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  margin: 0;
  padding: 14px 0 4px;
  border-bottom: 1px solid #e7e7e7;
  width: 88%;
  text-align: left;
}
.mxt-customize-countertops-modes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  padding: 14px 0 24px;
  row-gap: 14px;
  width: 88%;
}
.mxt-customize-countertops-mode {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mxt-customize-countertops-mode img {
  display: block;
}
.mxt-customize-countertops-mode span {
  font-weight: 400;
  font-size: 16px;
}
.mxt-customize-countertops-mode--selected {
  pointer-events: none;
}
.mxt-customize-countertops-mode--selected img {
  filter: brightness(0) saturate(100%) invert(68%) sepia(55%) saturate(451%) hue-rotate(148deg) brightness(86%) contrast(86%);
}
.mxt-customize-countertops-mode--selected span {
  color: #4fc1df;
}
.mxt-customize-countertops-settings {
  background: #f4f4f4;
  border-top: 1px solid #e7e7e7;
  position: relative;
  width: 340px;
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0px;
}
.mxt-customize-countertops-settings-inner {
  padding: 0 16px;
}
.mxt-customize-countertops-settings h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding: 18px 0 0;
  border-bottom: none;
  width: 88%;
}
.mxt-customize-countertops-settings-values {
  display: none;
  margin-top: 18px;
}
.mxt-customize-countertops-settings-values-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--mxt-font-color);
  margin-bottom: 6px;
  text-align: left;
}
.mxt-customize-countertops-settings-values-section {
  padding: 12px 0 22px;
  border-bottom: 1px solid #e5e5e5;
}
.mxt-customize-countertops-settings-values-section:last-child {
  border-bottom: none;
}
.mxt-customize-countertops-settings-values-section-content {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.mxt-customize-countertops-settings-values-section-content-right {
  justify-content: flex-end;
}
.mxt-customize-countertops-settings-values-section-content.column {
  flex-direction: column;
}
.mxt-customize-countertops-settings-values-section-content.column h5 {
  margin-bottom: 8px;
}
.mxt-customize-countertops-settings-values-section-name {
  font-weight: 500;
  font-size: 16px;
  margin: 17px 0 16px;
}
.mxt-customize-countertops-settings-values-carousel .mxt-carousel-container {
  width: 140px;
}
.mxt-customize-countertops-settings-values-carousel-link {
  padding-top: 35px;
}
.mxt-customize-countertops-settings-values-carousel-link img {
  width: 12px;
  height: auto;
}
.mxt-customize-countertops-settings-values-cutout-shapes {
  justify-content: space-around;
}
.mxt-customize-countertops-settings-values-cutout-shapes > div {
  flex-basis: 20%;
}
.mxt-customize-countertops-settings-values-cutout-carousels > div {
  flex-basis: 50%;
}
.mxt-customize-countertops-settings-values-cutout-carousels .mxt-customize-countertops-settings-values-carousel {
  margin-top: 20px;
  flex-basis: 140px;
}
.mxt-customize-countertops-settings-values-type-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.mxt-customize-countertops-settings-values-type-btn span {
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  display: block;
}
.mxt-customize-countertops-settings-values-type-btn--selected {
  pointer-events: none;
}
.mxt-customize-countertops-settings-values-type-btn--selected img {
  filter: brightness(0) saturate(100%) invert(68%) sepia(55%) saturate(451%) hue-rotate(148deg) brightness(86%) contrast(86%);
}
.mxt-customize-countertops-settings-values-type-btn--selected span {
  color: #4fc1df;
}
.mxt-customize-countertops-settings--transform .mxt-customize-countertops-settings-values-transform {
  display: block;
}
.mxt-customize-countertops-settings--point .mxt-customize-countertops-settings-values-point {
  display: block;
}
.mxt-customize-countertops-settings--joins .mxt-customize-countertops-settings-values-joins {
  display: block;
}
.mxt-customize-countertops-settings--shape .mxt-customize-countertops-settings-values-shape {
  display: block;
}
.mxt-customize-countertops-settings--notch .mxt-customize-countertops-settings-values-notch {
  display: block;
}
.mxt-customize-countertops-settings--cutout .mxt-customize-countertops-settings-values-cutout {
  display: block;
}
.mxt-customize-countertops-settings--notch .mxt-customize-countertops-settings-delete {
  display: none;
}
.mxt-customize-countertops-settings-delete {
  position: absolute;
  top: 5px;
  right: 5px;
}
.mxt-customize-countertops-settings-delete button {
  border: none;
  padding: 4px;
}
.mxt-customize-countertops-settings-delete button img {
  display: block;
}
.mxt-customize-countertops-settings-delete button span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 8px;
}
.mxt-customize-countertops-settings-delete button:disabled {
  cursor: default;
  opacity: 0.5;
}
.mxt-customize-countertops-settings-reset {
  font-weight: 400;
  font-size: 14px;
  line-height: 39px;
  padding: 0;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  width: 205px;
  margin-top: 22px;
}
.mxt-customize-countertops-settings-reset img {
  display: inline-block;
  transform: translateY(4px);
  margin-right: 7px;
}
.mxt-customize-countertops-settings-reset:disabled {
  color: var(--mxt-font-color-disabled);
  border: 1px solid #d2d2d2;
}
.mxt-customize-countertops-settings-reset:disabled img {
  opacity: 0.157;
}
.mxt-customize-countertops-footer {
  border-top: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  width: 100%;
}
.mxt-customize-countertops-footer .mxt-btn {
  flex-basis: 50%;
}
.mxt-customize-countertops-footer .mxt-btn.mxt-non-cta-button {
  margin-right: 10px;
}
.mxt-customize-countertops-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown {
  width: 90px;
  height: 40px;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  border-radius: 4px;
  position: relative;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown::after {
  content: "";
  width: 40px;
  height: 38px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown img {
  z-index: 1;
  flex-basis: 40px;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown span {
  flex-basis: 50px;
  text-align: center;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown span img {
  background: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: inline;
}
.mxt-customize-countertops .mxt-waterfall-select-dropdown.mxt-dropdown-select-open span img {
  transform: rotate(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/header-ribbon.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxt-header-ribbon {
  display: flex;
  background: var(--mxt-toolbar-cta-button-color);
  color: var(--mxt-toolbar-cta-font-color);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.mxt-header-ribbon .mxt-btn {
  color: var(--mxt-toolbar-cta-font-color);
  padding-right: 5px;
  border-radius: 0px;
}
.mxt-header-ribbon .mxt-btn:disabled {
  background: initial;
  color: #777777;
}
.mxt-header-ribbon .mxt-btn *:not(:first-child) {
  margin: 0px;
  padding: 0px;
}
.mxt-header-ribbon .mxt-btn span {
  font: var(--mxt-font-body-lg);
}
.mxt-header-ribbon .mxt-btn.mxt-header-ribbon-toggle:not(:disabled) {
  background: var(--toggle-blue);
}
.mxt-header-ribbon .mxt-btn img {
  transform: rotate(0deg);
  transition: 0.5s ease transform;
  transform-origin: 15px 15px;
  padding-right: 2px;
}
.mxt-header-ribbon .mxt-btn img.mxt-header-ribbon-dropdown-expanded {
  transform: rotate(180deg);
}
.mxt-header-ribbon .mxt-btn .mxt-header-ribbon-btn-alert {
  background: #3dd6a3;
  margin-right: 5px;
  height: 15px;
  width: 15px;
  border-radius: 9px;
  transition: all 0.3s ease;
  transform: scale(1);
  color: white;
  font: var(--mxt-font-body-ex-sm);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-header-ribbon .mxt-btn .mxt-header-ribbon-btn-alert.mxt-header-ribbon-btn-alert-has-alerts {
  background: #dd3938;
}
.mxt-header-ribbon .mxt-header-ribbon-btn-with-image {
  padding-left: 15px;
  padding-right: 15px;
}
.mxt-header-ribbon .mxt-header-ribbon-btn-with-image .mxt-header-ribbon-btn-image {
  margin-right: 5px;
}

.mxt-header-ribbon-main-menu-popover {
  margin-left: 15px;
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content {
  max-height: 75vh;
  overflow: auto;
}
@supports (max-height: min(80vh, 700px)) {
  .mxt-header-ribbon-main-menu-popover .mxt-popover-content {
    max-height: min(80vh, 700px);
  }
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content .mxt-header-ribbon-main-menu.mxtMainMenu {
  width: 230px;
  background: white;
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content .mxt-header-ribbon-main-menu.mxtMainMenu ul li {
  height: 40px;
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content .mxt-header-ribbon-main-menu.mxtMainMenu ul li .icon {
  left: 10px;
  width: 30px;
  height: 30px;
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content .mxt-header-ribbon-main-menu.mxtMainMenu ul li .label {
  left: 45px;
}
.mxt-header-ribbon-main-menu-popover .mxt-popover-content .mxt-header-ribbon-main-menu.mxtMainMenu .mxt-footer {
  background: #f2ede7;
  width: 100%;
  padding-left: 7.5%;
  padding-right: 7.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-room-planner/scss/enclose-space-help-popup.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-enclose-space-help-popover {
  max-width: 70%;
  width: 550px;
}
.mxt-enclose-space-help-popover .mxt-enclose-space-help {
  display: flex;
  position: relative;
  padding: 20px;
  text-align: center;
  gap: 20px;
}
.mxt-enclose-space-help-popover .mxt-enclose-space-help .mxt-enclose-space-text {
  flex: 0 1 290px;
  text-align: center;
  display: flex;
  flex-flow: column;
  gap: 10px;
  justify-content: space-between;
}
.mxt-enclose-space-help-popover .mxt-enclose-space-help .mxt-enclose-space-text h3 {
  font: var(--mxt-font-header);
  margin: 0px;
}
.mxt-enclose-space-help-popover .mxt-enclose-space-help .mxt-enclose-space-text .mxt-enclose-space-cta {
  display: flex;
  justify-content: center;
}
.mxt-enclose-space-help-popover .mxt-enclose-space-help .mxt-enclose-space-gif {
  flex: 0 1 220px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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/prompt-modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-prompt-fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.1s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mxt-prompt-modal {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  z-index: 99;
}
.mxt-prompt-modal-side-panel {
  background: rgba(255, 255, 255, 0.75);
  transition: 0.5s;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-container {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  background: #666666;
  box-shadow: none;
  color: #ffffff;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-content {
  overflow: hidden;
  font-size: 14px;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container {
  display: flex;
  gap: 16px;
  box-shadow: none;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container .mxt-btn {
  width: 100%;
  font-size: 14px;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container .mxt-btn.mxt-noncta-button, .mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container .mxt-btn.cancel {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container .mxt-btn.mxt-cta-button, .mxt-prompt-modal-side-panel .mxt-prompt-modal-content-button-container .mxt-btn.confirm {
  background: #ffffff;
  color: #000000;
}
.mxt-prompt-modal-side-panel .mxt-prompt-modal-header {
  font-size: 16px;
}
.mxt-prompt-modal-side-panel-checkbox {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: fit-content;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 24px;
  gap: 8px;
}
.mxt-prompt-modal-side-panel-checkbox input[type=checkbox] {
  opacity: 0;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
}
.mxt-prompt-modal-side-panel-checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: none;
  pointer-events: none;
}
.mxt-prompt-modal-side-panel-checkbox input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}
.mxt-prompt-modal-side-panel-checkbox label {
  font-size: 12px;
  margin: 0;
}

.mxt-prompt-modal-container {
  background: #f7f7f7;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: 0px 0px 5px 1px rgb(100, 100, 100);
  flex-grow: 1;
  margin: 1rem;
  padding-top: 1.5rem;
}

.mxt-prompt-modal-header {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
  align-items: center;
}

.mxt-prompt-modal-content {
  padding-left: 1rem;
  padding-right: 1rem;
  max-height: calc(100vh - 12rem);
  overflow-y: scroll;
}

.mxt-prompt-modal-content-button-container {
  padding: 1rem;
  box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.14);
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/toolbelt-viewsettings.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.toolbelt-viewsettings-header {
  font: var(--mxt-font-header);
  text-align: center;
  border-bottom: 1px solid var(--mxt-panel-divider-color);
  padding: 16px 0px;
}

.toolbelt-viewsettings-root.renderer-toolbelt-options-container {
  padding: 0px;
}

.toolbelt-viewsettings {
  padding: 16px;
  max-height: calc(100vh - 250px);
  overflow: auto;
}
.toolbelt-viewsettings:has(.mxt-dropdown-expanded) {
  height: 55vh;
}
.toolbelt-viewsettings .toolbelt-viewsettings-productlabeltype {
  margin-bottom: 15px;
}
.toolbelt-viewsettings .settings {
  font: var(--mxt-font-body-bold);
}
.toolbelt-viewsettings .settings .settings-divider {
  border-bottom: 1px solid #28343d;
}
.toolbelt-viewsettings .settings .settings-products {
  padding-bottom: 7px;
}
.toolbelt-viewsettings .settings .settings-dimensions {
  display: block;
}
.toolbelt-viewsettings .settings .settings-system-styles {
  display: block;
}
.toolbelt-viewsettings .settings .mxt-accordian {
  border-bottom: none;
  margin-bottom: 0px;
  padding: 8px 0;
  background-repeat: no-repeat;
}
.toolbelt-viewsettings .settings .mxt-accordian p {
  font-size: 18px;
  padding-left: 45px;
}
.toolbelt-viewsettings .settings .mxt-accordian:first-child {
  margin-top: 0px;
}
.toolbelt-viewsettings .mxt-switch-container {
  flex-grow: 1;
  align-items: center;
  padding-bottom: 5px;
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch-label {
  padding: 0;
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch {
  width: 40px;
  height: 20px;
  margin-bottom: unset;
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch input:checked + .mxt-slider {
  background: var(--toggle-blue);
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch .mxt-slider {
  border-radius: 16px;
}
.toolbelt-viewsettings .mxt-switch-container .mxt-switch .mxt-slider::before {
  width: 16px;
  height: 16px;
  inset: 2px;
}
.toolbelt-viewsettings .mxt-flyout-font-settings {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}
.toolbelt-viewsettings .mxt-toolbelt-dropdown.mxt-dropdown-container:not(:last-child) {
  margin-bottom: 20px;
}
.toolbelt-viewsettings .toolbelt-dimensions-group {
  margin-bottom: 18px;
}
.toolbelt-viewsettings .toolbelt-dimensions-group .mxt-inline-color-swatches {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}
.toolbelt-viewsettings .mxt-non-cta-button {
  padding: 10px;
  margin: 10px;
}
.toolbelt-viewsettings .mxt-btn-mirror-plan {
  justify-content: space-between;
  flex-direction: row-reverse;
  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/flyout/mxt-flyout-font-settings.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.mxt-flyout-font-settings {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.mxt-flyout-font-settings .mxt-flyout-font-row {
  display: flex;
  position: relative;
}
.mxt-flyout-font-settings .mxt-flyout-font-row .mxt-flyout-font-group {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border-radius: var(--mxt-corner-roundness);
}
.mxt-flyout-font-settings .mxt-flyout-font-row .mxt-flyout-group-separator {
  border-right: 1px solid rgb(204, 204, 204);
  height: 100%;
}
.mxt-flyout-font-settings .mxt-flyout-font-row .mxt-font-family-control {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  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-room-planner/scss/blueprint-enter-value.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxtBlueprintEnterValueModalHeader {
  font: var(--mxt-font-body-lg-bold);
  color: var(--dark-grey);
}

.mxtBlueprintEnterValueModalContent {
  padding: 10px;
}

#mxtBlueprintEnterValueModalError {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

#mxtBlueprintEnterValueModalFeet {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

#mxtBlueprintEnterValueModalInches {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

#mxtBlueprintEnterValueModalInchesInput {
  width: 80px;
  margin-left: 10px;
}

#mxtBlueprintEnterValueModalInchesLabel {
  width: 50px;
}

#mxtBlueprintEnterValueModalFeetLabel {
  width: 50px;
}

#mxtBlueprintEnterValueModalFeetInput {
  width: 80px;
  margin-left: 10px;
}

#mxtBlueprintEnterValueModalInchesFraction {
  width: 70px;
  height: 28px;
  margin-left: 10px;
  margin-bottom: 0px !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-room-planner/scss/image-editor.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.image-editor-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f7f7f7;
  transition: 0.5s all ease;
}
.image-editor-container .toolbar {
  height: 50px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.image-editor-container .toolbar .toolbar-content {
  display: flex;
  column-gap: 10px;
}
.image-editor-container .toolbar .toolbar-title {
  color: var(--mxt-font-color);
}
.image-editor-container .image-container {
  height: 100%;
  width: 100%;
}
.image-editor-container .image-container .image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-editor-container .image-container .image-effects-menu {
  top: 70px;
  left: 20px;
  display: grid;
  background-color: white;
  position: absolute;
  justify-content: center;
  justify-items: center;
}
.image-editor-container .image-container .image-effects-menu .effects-menu-tite {
  border-bottom: 1px solid lightgray;
  width: 100%;
  text-align: center;
}
.image-editor-container .image-container .image-effects-menu .effect-section {
  padding: 10px 10px 0px;
  width: 100%;
}
.image-editor-container .image-container .image-effects-menu .effect-section .effect-label {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
}
.image-editor-container .image-container .image-effects-menu .undo-redo-section {
  height: 50px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  padding: 30px 10px 40px;
}
.image-editor-container .image-container .image-effects-menu .reset-effects-button {
  padding: 10px;
  text-decoration: underline;
}
.image-editor-container .image-container .image-effects-menu .columns-section {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 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/mxttileselector.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-tile-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mxt-tile-selector .tile {
  min-width: 40px;
  min-height: 40px;
  cursor: pointer;
  position: relative;
}
.mxt-tile-selector .tile .tile-marker {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
  background-color: #4fc1df;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: white;
  user-select: none;
}
.mxt-tile-selector .tile.tile-selected .tile-marker {
  display: initial;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/pick-your-style.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.pick-your-style-modal {
  padding: 15px !important;
}

.pick-your-style-modal-text {
  margin: 20px 0;
  color: var(--mxt-font-color);
  text-align: center;
  font: var(--mxt-font-body-lg);
  line-height: 24px;
}

.mxt-grid-container.pick-your-style-modal-content-div {
  position: relative;
}

.pick-your-style-modal-button {
  margin: 15px 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/mxtcardstack.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-card-stack {
  position: relative;
  width: 100%;
  height: 100%;
  left: 5%;
  top: 5%;
}

.mxt-card-stack img {
  position: absolute;
  width: 80%;
  height: 80%;
  box-shadow: var(--mxt-dark-drop-shadow);
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/drainer-grooves.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.mxt-drainer-grooves-unclickable {
  pointer-events: none;
}

.mxt-sink-grooves-controls-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 16px;
}

.mxt-sink-grooves-controls-row {
  display: grid;
  grid-template-columns: 25% 35%;
  align-items: start;
  gap: 32px;
  margin-bottom: 16px;
}

.mxt-sink-grooves-toggle-row {
  display: flex;
  gap: 20px;
  align-items: center;
}
.mxt-sink-grooves-toggle-row .mxt-sink-grooves-toggle-text {
  font: var(--mxt-font-body-sm);
  font-style: italic;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/resize.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.mxt-product-resize-row {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.mxt-product-resize-row .mxt-product-resize-span {
  flex: 0 0 100px;
  text-align: left;
  font: var(--mxt-font-body-bold);
  width: 118px;
}
.mxt-product-resize-row .mxt-carousel.flash .mxt-carousel-value {
  -webkit-animation-name: flash-bg;
  -webkit-animation-duration: 0.3s;
  animation-name: flash-bg;
  animation-duration: 0.3s;
}

@-webkit-keyframes flash-bg {
  from {
    background-color: var(--toggle-blue);
  }
  to {
    background-color: default;
  }
}
@keyframes flash-bg {
  from {
    background-color: var(--toggle-blue);
  }
  to {
    background-color: default;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** 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/switch-button.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.mxt-switch-button {
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  border: 1px solid grey;
  border-radius: 34px;
  padding: 2px 15px;
  background-color: white;
}
.mxt-switch-button.mxt-disabled {
  opacity: 0.5;
}
.mxt-switch-button.mxt-disabled .mxt-switch .mxt-slider {
  cursor: not-allowed;
}
.mxt-switch-button .mxt-switch-container {
  align-items: center;
  column-gap: 5px;
}
.mxt-switch-button .mxt-switch-container .mxt-switch {
  width: 30px;
  height: 15px;
  margin-bottom: 0;
}
.mxt-switch-button .mxt-switch-container .mxt-switch .mxt-slider {
  border-radius: 15px;
}
.mxt-switch-button .mxt-switch-container .mxt-switch .mxt-slider:before {
  height: 11px;
  width: 11px;
  right: 17px;
}
.mxt-switch-button .mxt-switch-container .mxt-switch input:checked + .mxt-slider {
  background: var(--toggle-blue);
}
.mxt-switch-button .mxt-switch-container .mxt-switch input:checked + .mxt-slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/product-lighting-screen.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-switch-button,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-switch-button {
  padding: 0;
  border: 0;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-reset-to-default,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-reset-to-default {
  color: var(--toggle-blue);
  text-decoration: underline;
  cursor: pointer;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-reset-to-default:disabled,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-reset-to-default:disabled {
  color: var(--mxt-font-color-disabled);
  cursor: not-allowed;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-current,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-current {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 20px;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-current .mxt-light-color-current-swatch,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-current .mxt-light-color-current-swatch {
  width: 85px;
  height: 85px;
  flex: 0 0 85px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-current .mxt-light-color-current-text-container,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-current .mxt-light-color-current-text-container {
  font: var(--mxt-font-body-lg);
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon {
  width: 2rem;
  height: 2rem;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon-left,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon-left {
  margin: 0 -0.5rem 0 0;
  transform: scale(0.5);
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon-right,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-intensity-slider .mxt-range-slider-icon-right {
  margin: 0;
  transform: scale(1.25);
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-moz-range-track,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-moz-range-track {
  height: 0.8rem;
  background: linear-gradient(90deg, #ffcc66, #e2ecf9);
  border-radius: 0.8rem;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-webkit-slider-runnable-track,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-webkit-slider-runnable-track {
  height: 0.8rem;
  background: linear-gradient(90deg, #ffcc66, #e2ecf9);
  border-radius: 0.8rem;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-webkit-slider-thumb,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-webkit-slider-thumb {
  margin-top: initial;
  background-color: #000000;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-moz-range-thumb,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-light-color-slider input[type=range]::-moz-range-thumb {
  background-color: #000000;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/hardware-position.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-hardware-position {
  display: flex;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
.mxt-hardware-position-values {
  width: 55%;
  min-width: 250px;
}
.mxt-hardware-position-values-change-offset > div > span, .mxt-hardware-position-values-change-location > div > span {
  display: block;
  line-height: 40px;
}
.mxt-hardware-position-values-change-location > div {
  display: flex;
  margin-bottom: 10px;
}
.mxt-hardware-position-values-change-location > div:first-child {
  padding-top: 68px;
}
.mxt-hardware-position-values-change-location > div > span {
  width: 35%;
}
.mxt-hardware-position-values-change-offset h3 {
  margin-top: 120px;
  margin-bottom: 20px;
}
.mxt-hardware-position-values-change-offset > div {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.mxt-hardware-position-values-change-offset > div:first-child {
  padding-top: 68px;
}
.mxt-hardware-position-values-change-offset > div > div {
  padding-right: 20px;
}
.mxt-hardware-position-values-change-offset span {
  display: block;
}
.mxt-hardware-position .mxt-carousel {
  border: none;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
.mxt-hardware-position .mxt-carousel-side {
  width: 40px;
  border-radius: 0;
}
.mxt-hardware-position .mxt-carousel-side:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mxt-hardware-position .mxt-carousel-side:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mxt-hardware-position .mxt-carousel-value {
  background: #e7e7e7;
  color: #222832;
  font-size: 16px;
  font-weight: 400;
}
.mxt-hardware-position-dropdown.mxt-dropdown-select {
  width: 150px;
  height: 40px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
}
.mxt-hardware-position-dropdown.mxt-dropdown-select span {
  width: 110px;
  height: 100%;
  background: #e7e7e7;
  color: #222832;
  line-height: 40px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 16px;
  font-weight: 400;
}
.mxt-hardware-position-dropdown.mxt-dropdown-select img {
  background: white;
  padding: 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mxt-hardware-position-location {
  width: 50%;
}
.mxt-hardware-position-location h3 {
  font-size: 14px;
  font-weight: 400;
  padding: 20px 0 30px;
  margin: 0;
}
.mxt-hardware-position-location-container {
  padding-left: 10px;
}
.mxt-hardware-position-location-box {
  position: relative;
  border: 1px solid #000;
  width: 212px;
  height: 212px;
  padding: 24px;
}
.mxt-hardware-position-location-box::before {
  display: block;
  content: "";
  border: 1px solid #000;
  height: 100%;
}
.mxt-hardware-position-location-box-marker {
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 4px;
  position: absolute;
  background: #e7e7e7;
  cursor: pointer;
}
.mxt-hardware-position-location-box-marker--selected {
  background: #22b3f2;
  border-color: #22b3f2;
  cursor: default;
}
.mxt-hardware-position-location-box-marker-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mxt-hardware-position-location-box-marker-topleft {
  top: 4px;
  left: 4px;
}
.mxt-hardware-position-location-box-marker-topcenter, .mxt-hardware-position-location-box-marker-top {
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.mxt-hardware-position-location-box-marker-topright {
  top: 4px;
  right: 4px;
}
.mxt-hardware-position-location-box-marker-leftcenter {
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.mxt-hardware-position-location-box-marker-rightcenter {
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}
.mxt-hardware-position-location-box-marker-bottomleft {
  bottom: 4px;
  left: 4px;
}
.mxt-hardware-position-location-box-marker-bottomcenter {
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.mxt-hardware-position-location-box-marker-bottomright {
  bottom: 4px;
  right: 4px;
}
.mxt-hardware-position-location-box-marker-topcenteredge, .mxt-hardware-position-location-box-marker-topedge {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.mxt-hardware-position-location-box-marker-leftcenteredge {
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.mxt-hardware-position-location-box-marker-rightcenteredge {
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.mxt-hardware-position-location-box-marker-bottomcenteredge {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.mxt-hardware-position-location-box-marker-topleftedge {
  top: -8px;
  left: 10px;
}
.mxt-hardware-position-location-box-marker-lefttopedge {
  top: 10px;
  left: -8px;
}
.mxt-hardware-position-location-box-marker-toprightedge {
  top: -8px;
  right: 10px;
}
.mxt-hardware-position-location-box-marker-righttopedge {
  top: 10px;
  right: -8px;
}
.mxt-hardware-position-location-box-marker-bottomleftedge {
  bottom: -8px;
  left: 10px;
}
.mxt-hardware-position-location-box-marker-leftbottomedge {
  bottom: 10px;
  left: -8px;
}
.mxt-hardware-position-location-box-marker-bottomrightedge {
  bottom: -8px;
  right: 10px;
}
.mxt-hardware-position-location-box-marker-rightbottomedge {
  bottom: 10px;
  right: -8px;
}

@container generic-side-panel (max-width: 450px) {
  .mxt-hardware-position {
    justify-content: center;
  }
  .mxt-hardware-position-values {
    justify-content: center;
  }
  .mxt-hardware-position-values-change-offset h3 {
    text-align: center;
    margin-top: 60px;
  }
  .mxt-hardware-position-values-change-offset > div {
    flex-direction: column;
  }
  .mxt-hardware-position-values-change-offset > div > span {
    padding-left: 0;
    padding-top: 8px;
    width: auto;
    text-align: center;
  }
  .mxt-hardware-position-location {
    justify-content: center;
  }
  .mxt-hardware-position-location h3 {
    text-align: center;
  }
  .mxt-hardware-position-values-change-offset {
    padding-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-room-planner/scss/about.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.mxt-about-modal {
  display: flex;
  flex-flow: column;
}
.mxt-about-modal .mxt-about-menu-container {
  overflow: auto;
  max-height: 100%;
}

#hidden-menu {
  background-color: #e5e5e5;
}
#hidden-menu .mxt-container {
  padding: 10px;
  border: 1px;
}
#hidden-menu .mxt-dev-button-opt {
  width: 100%;
}
#hidden-menu .mxt-row {
  padding: 0px 8px;
  width: 100%;
  display: inline-flex;
}
#hidden-menu .mxt-row .mxt-col {
  width: 100%;
  margin: 0px 5px;
}
#hidden-menu .mxt-row .mxt-col :first-child {
  width: 100%;
}
#hidden-menu .mxt-row-2 {
  padding: 0px 8px;
  margin: 0px 5px;
  width: 100%;
  display: inline-flex;
}
#hidden-menu .mxt-row-2 .mxt-col {
  margin: 0px 5px;
  width: 50%;
}
#hidden-menu .mxt-row-2 .mxt-col :first-child {
  width: 100%;
}
#hidden-menu .adminPanelButton {
  background: var(--mxt-client-primary);
  color: #ffffff;
  padding: 10px;
  display: block;
  margin: 0px 0px 5px;
  justify-content: center;
  border-radius: 8px;
}
#hidden-menu .adminPanelButton.inactive {
  opacity: 0.5;
}

.mxt-magic-rooms-test-generator-modal-container {
  height: 70vh;
  overflow: auto;
}

.mxt-magic-rooms-test-generator-modal-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px;
}

.mxt-magic-rooms-test-generator-modal {
  width: 100%;
}

.mxt-hidden-menu-sku-overlay {
  font-size: xx-small;
  background-color: rgba(0, 0, 0, 0.7843137255);
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #ababab;
  cursor: default;
  word-break: break-all;
  padding: 0px 2px 0px 2px;
  transform: translate(0px, -50%);
}

.mxt-hidden-menu-sku {
  font-size: x-small;
  text-align: left;
  margin: 0px 0px 2px;
  color: #ababab;
  cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/journey.scss ***!
  \**********************************************************************************************************************************************************************************************************************/

.mxt-journey-type-modal .mxt-modal-div {
  max-width: 80%;
}

.mxt-journey-modal {
  display: flex;
  flex-direction: column;
}
.mxt-journey-modal .mxt-default-modal-header-container {
  flex: 0;
}

#mxt-journey-container {
  flex: 1;
  min-height: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0px 35px 10px;
  overflow: hidden;
}

.mxt-journey-grid {
  --journeys: 3;
  --journey-sections: 3;
  display: grid;
  grid-template-columns: repeat(var(--journeys), 1fr);
  grid-template-rows: repeat(var(--journey-sections), auto);
  height: 100%;
  gap: 10px;
  position: relative;
  align-items: center;
  width: calc(var(--journeys) * 283px);
  grid-auto-flow: column;
}

@media (min-width: 768px) and (max-height: 680px) {
  .mxt-journey-grid {
    width: calc(var(--journeys) * 233px);
  }
}
@media (min-width: 768px) and (max-height: 560px) {
  .mxt-journey-grid {
    width: calc(var(--journeys) * 200px);
  }
}
@media (min-width: 768px) and (max-height: 505px) {
  .mxt-journey-grid {
    width: calc(var(--journeys) * 166px);
  }
}
@media (min-width: 768px) and (max-height: 460px), (max-width: 768px) {
  .mxt-journey-type-modal .mxt-modal-div #mxt-journey-container {
    flex-flow: column;
    overflow: auto;
    justify-content: end;
  }
  .mxt-journey-type-modal .mxt-modal-div #mxt-journey-container .mxt-journey-grid {
    overflow: auto;
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(calc(var(--journeys) * var(--journey-sections)), auto);
  }
}
.mxt-journey-text,
.mxt-journey-description {
  text-align: center;
  user-select: none;
  color: var(--mxt-font-color);
  margin-bottom: 0px;
}

.mxt-journey-select {
  cursor: pointer;
}

.mxt-journey-text {
  font: var(--mxt-font-body-bold);
  max-height: 100px;
  overflow: auto;
}

.mxt-journey-description {
  align-self: flex-start;
}

.mxt-journey-img {
  padding-bottom: 120%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f5f5f5;
}

@media (max-height: 625px) {
  .mxt-journey-img {
    padding-bottom: 100%;
  }
}
.mxt-journey-img-guidance {
  flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  color: var(--toggle-blue);
  text-decoration: none;
  height: 20px;
  right: 40px;
  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-room-planner/scss/paint-floor-tile.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-popover {
  max-width: unset;
}

.paint-floor-tile-toggle.mxt-btn.mxt-non-cta-button {
  flex: 1;
  height: 55px;
  margin-right: 5px;
}

.paint-floor-tile-toggle.mxt-btn.mxt-non-cta-button:last-of-type {
  margin-right: 0px;
}

.paint-floor-tile-toggle-container {
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.paint-floor-tile-toggle-container.paint-floor-tile-toggle-container-grid {
  display: grid;
  gap: 5px;
  grid-template-columns: 1fr 1fr;
}

.paint-floor-tile-toggle-header {
  font: var(--mxt-font-body-lg-bold);
  margin: 10px 0px;
  user-select: none;
}

.paint-floor-tile-toggle-container.paint-floor-tile-toggle-container-grid .paint-floor-tile-toggle.mxt-btn.mxt-non-cta-button {
  margin-right: 0px;
  container: toggle-btn-container/inline-size;
}

.paint-floor-tile-toggle-container.paint-floor-tile-toggle-container-grid .paint-floor-tile-toggle.mxt-btn.mxt-non-cta-button img {
  display: none;
}

@container toggle-btn-container (min-width: 101px) {
  .paint-floor-tile-toggle-container.paint-floor-tile-toggle-container-grid .paint-floor-tile-toggle.mxt-btn.mxt-non-cta-button img {
    display: block;
  }
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-dimension-row,
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-dimension-row .mxt-product-resize-row,
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row .mxt-product-resize-row {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 10px;
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-dimension-row .mxt-product-resize-row .mxt-product-resize-span,
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row .mxt-product-resize-row .mxt-product-resize-span {
  flex: initial;
  align-self: flex-start;
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-dimension-row .mxt-product-resize-row .mxt-carousel,
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row .mxt-product-resize-row .mxt-carousel {
  width: 165px !important;
  flex: 0 0 100%;
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row {
  flex-direction: row-reverse;
}
.mxt-paint-floor-tile-size-container .mxt-size-edit-revert-row .mxt-product-resize-scale-revert {
  padding: 15px;
}

.mxt-surface-paint-icon {
  position: absolute;
  width: var(--mxt-surface-paint-icon-size);
  height: var(--mxt-surface-paint-icon-size);
  background: var(--toggle-blue);
  border: 2px solid black;
  border-radius: 50%;
}
.mxt-surface-paint-icon.mxt-surface-paint-icon-selected {
  background: white;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/material-customization-controls-component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mxt-material-customization-controls {
  --mxt-customization-button-font: var(--mxt-font-body-sm);
  --mxt-customization-rotation-items-font: var(--mxt-font-body);
  --mxt-customization-reset-button-font: var(--mxt-font-body-bold);
  --mxt-customization-dropdown-height: 40px;
  --mxt-customization-dropdown-padding: 10px;
  --mxt-customization-chevron-side-padding: 5px;
  --mxt-customization-divider-padding: var(--mxt-customization-dropdown-padding);
  --mxt-customization-button-border-radius: 6px;
  --mxt-customization-dropdown-hover-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4);
  --mxt-customization-divider-line-height: 2px;
  --mxt-customization-divider-line-color: lightgray;
  --mxt-customization-mat-tile-size: 64px;
  --mxt-customization-mat-tile-selected-color: #4fc1df;
  --mxt-customization-mat-tile-hover-border: 2px solid var(--mxt-customization-mat-tile-selected-color);
  --mxt-customization-mat-tile-selected-border: 4px solid var(--mxt-customization-mat-tile-selected-color);
  --mxt-customization-mat-paginator-height: 36px;
  --mxt-customization-mat-paginator-padding: 5px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-evenly;
  min-width: 100%;
  row-gap: 3px;
}
.mxt-material-customization-controls[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.mxt-material-customization-controls .mxt-dropdown-header .flex-vertical-center {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mxt-material-customization-controls .mxt-rotate {
  height: 45px;
}
.mxt-material-customization-controls .mxt-dropdown-container {
  margin: 5px 0;
}
.mxt-material-customization-controls .mxt-dropdown {
  width: 100%;
  padding: 0 4.5rem;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
  transition: none;
}
.mxt-material-customization-controls .mxt-dropdown:hover {
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.mxt-material-customization-controls .mxt-dropdown-header {
  max-width: 180px;
  margin: 0 auto;
  height: 40px;
}
.mxt-material-customization-controls .mxt-dropdown-header-current {
  margin-left: 10px;
}

.mxt-customization-control-chevron {
  transition: transform 0.3s ease-in-out;
}

.mxt-material-customization-control {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  height: 45px;
}
.mxt-material-customization-control .mxt-material-customization-control-section {
  text-align: left;
  font: var(--mxt-font-body-bold);
}
.mxt-material-customization-control .mxt-material-customization-control-section.mxt-material-customization-control-section-title {
  width: 120px;
}
.mxt-material-customization-control[disabled] {
  pointer-events: none;
  opacity: 0.3;
}

.mxt-material-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mxt-revert-button {
  padding: 15px;
}

@container generic-side-panel (min-width: 450px) {
  .mxt-material-customization-control-section.mxt-material-customization-control-section-title {
    padding: 0;
    flex: 1;
    font: var(--mxt-customization-button-font);
  }
  .mxt-material-customization-controls {
    flex-basis: 100%;
    flex-direction: row;
    height: var(--mxt-customization-dropdown-height);
    margin-top: 0.5rem;
    display: flex;
    column-gap: var(--mxt-customization-dropdown-padding);
    justify-content: start;
  }
  .mxt-material-customization-controls > * {
    flex: 1;
    max-width: 50%;
  }
  .mxt-material-customization-controls .mxt-material-customization-control {
    height: var(--mxt-customization-dropdown-height);
    margin: 0;
    padding: 0;
    border-radius: var(--mxt-customization-button-border-radius);
    cursor: pointer;
    user-select: none;
  }
  .mxt-material-customization-controls .mxt-material-customization-control > * {
    flex: none;
    max-height: 100%;
  }
  .mxt-material-customization-controls .mxt-material-customization-control .mxt-material-customization-control-section-title {
    flex: 1;
    width: auto;
    padding: 0;
    padding-left: var(--mxt-customization-dropdown-padding);
  }
  .mxt-material-customization-controls .mxt-material-customization-control:hover {
    box-shadow: var(--mxt-customization-dropdown-hover-shadow);
  }
  .mxt-material-customization-controls .mxt-popover {
    min-width: fit-content;
  }
  .mxt-material-customization-controls .mxt-rotate {
    height: var(--mxt-customization-dropdown-height);
    margin: 0;
    padding: 0;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-dropdown-container {
    margin: 0;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-dropdown-options {
    padding: var(--mxt-customization-dropdown-padding);
    border-bottom-left-radius: var(--mxt-customization-button-border-radius);
    border-bottom-right-radius: var(--mxt-customization-button-border-radius);
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-dropdown-options .mxt-dropdown-option {
    margin: 0;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-dropdown-options:after {
    content: "";
    background: lightgray;
    position: absolute;
    top: var(--mxt-customization-dropdown-height);
    left: var(--mxt-customization-divider-padding);
    right: var(--mxt-customization-divider-padding);
    height: 2px;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-rotation-revert-option {
    text-decoration: underline;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-rotation-revert-option:hover {
    color: dimgray;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-rotation-revert-option:disabled {
    cursor: auto;
    color: lightgray;
  }
  .mxt-material-customization-controls .mxt-rotate .mxt-rotation-revert-option:disabled:hover {
    color: lightgray;
  }
  .mxt-material-customization-controls .mxt-dropdown {
    padding: 0;
    width: 100%;
    border-radius: var(--mxt-customization-button-border-radius);
    min-width: auto;
    min-height: auto;
  }
  .mxt-material-customization-controls .mxt-dropdown:hover {
    box-shadow: var(--mxt-customization-dropdown-hover-shadow);
  }
  .mxt-material-customization-controls .mxt-dropdown-header {
    width: 100%;
    min-width: 100%;
    height: var(--mxt-customization-dropdown-height);
    min-height: var(--mxt-customization-dropdown-height);
    margin: 0;
    padding: 0 var(--mxt-customization-dropdown-padding);
    padding-right: var(--mxt-customization-chevron-side-padding);
    --degree-symbol: "°";
  }
  .mxt-material-customization-controls .mxt-dropdown-header * {
    flex: none;
  }
  .mxt-material-customization-controls .mxt-dropdown-header:first-child {
    flex: 1;
  }
  .mxt-material-customization-controls .mxt-dropdown-header .flex-vertical-center {
    width: auto;
  }
  .mxt-material-customization-controls .mxt-dropdown-header h5 {
    padding: 0;
    font: var(--mxt-customization-button-font);
  }
  .mxt-material-customization-controls .mxt-dropdown-header .mxt-dropdown-header-current {
    margin: 0;
    font-weight: bold;
    font-size: 0.8rem;
  }
  .mxt-material-customization-controls .mxt-dropdown-header .mxt-dropdown-header-current:after {
    content: var(--degree-symbol);
  }
  .mxt-material-customization-controls .mxt-dropdown-chevron,
  .mxt-material-customization-controls .mxt-customization-control-chevron {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0;
  }
  .mxt-material-customization-controls .mxt-dropdown-no-transition {
    transition: none;
  }
  .mxt-material-customization-controls .mxt-customization-control-chevron {
    margin-right: var(--mxt-customization-chevron-side-padding);
  }
  .mxt-material-customization-controls .mxt-material-customization-control-thumb-container {
    height: 100%;
    padding: var(--mxt-customization-dropdown-padding) 0;
  }
  .mxt-material-customization-controls .mxt-material-customization-control-thumb-container .mxt-material-customization-control-thumb {
    height: 100%;
    position: relative;
    margin: 0;
    aspect-ratio: 1;
  }
  .mxt-material-customization-controls .mxt-modal-arrow-outer {
    top: -10px;
    height: 10px;
  }
  .mxt-material-customization-controls .mxt-modal-arrow-outer .mxt-modal-arrow-inner {
    border-radius: 3px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/material-grout-color-controls-component.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/

.mxt-grout-grid {
  position: relative;
}
.mxt-grout-grid .mxt-grid {
  padding: var(--mxt-customization-dropdown-padding);
  position: relative;
}
.mxt-grout-grid .mxt-grid::after {
  content: "";
  background: var(--mxt-customization-divider-line-color);
  position: absolute;
  bottom: 0;
  left: var(--mxt-customization-divider-padding);
  right: var(--mxt-customization-divider-padding);
  height: var(--mxt-customization-divider-line-height);
}
.mxt-grout-grid .mxt-grid .mxt-grid-item {
  width: fit-content;
  height: fit-content;
  cursor: pointer;
  user-select: none;
}
.mxt-grout-grid .mxt-grid .mxt-grout-color-thumb {
  border: 1px solid lightgray;
  width: var(--mxt-customization-mat-tile-size);
  height: var(--mxt-customization-mat-tile-size);
}
.mxt-grout-grid .mxt-grid .mxt-grout-color-thumb:hover {
  border: var(--mxt-customization-mat-tile-hover-border);
}
.mxt-grout-grid .mxt-grid .mxt-grout-color-thumb.selected {
  border: var(--mxt-customization-mat-tile-selected-border);
}
.mxt-grout-grid .mxt-popover-grid-menu {
  width: 100%;
  height: var(--mxt-customization-mat-paginator-height);
  position: relative;
  padding: var(--mxt-customization-mat-paginator-padding);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mxt-grout-grid .mxt-popover-grid-menu .mxt-grid-pagination {
  flex: auto;
  margin: 0;
}
.mxt-grout-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-page-count {
  flex-grow: 0;
  margin: auto 0;
  font: var(--mxt-font-body-sm);
}
.mxt-grout-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-text-back,
.mxt-grout-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-text-next {
  display: none;
}
.mxt-grout-grid .mxt-popover-grid-menu .mxt-revert-button {
  height: auto;
  padding: 0;
  position: absolute;
  left: var(--mxt-customization-dropdown-padding);
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-start;
  font: var(--mxt-font-body-ex-sm);
  font-weight: 700;
  text-decoration: underline;
  box-shadow: none;
  background-color: transparent;
}
.mxt-grout-grid .mxt-popover-grid-menu .mxt-revert-button:hover {
  color: dimgray;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/material-pattern-controls-component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/

.mxt-pattern-grid {
  position: relative;
}
.mxt-pattern-grid .mxt-grid {
  padding: var(--mxt-customization-dropdown-padding);
  position: relative;
}
.mxt-pattern-grid .mxt-grid::after {
  content: "";
  background: var(--mxt-customization-divider-line-color);
  position: absolute;
  bottom: 0;
  left: var(--mxt-customization-divider-padding);
  right: var(--mxt-customization-divider-padding);
  height: var(--mxt-customization-divider-line-height);
}
.mxt-pattern-grid .mxt-grid .mxt-grid-item {
  width: fit-content;
  height: fit-content;
  cursor: pointer;
  user-select: none;
}
.mxt-pattern-grid .mxt-grid button .mxt-tile-pattern-thumb {
  border: 1px solid lightgray;
  width: var(--mxt-customization-mat-tile-size);
  height: var(--mxt-customization-mat-tile-size);
}
.mxt-pattern-grid .mxt-grid button .mxt-tile-pattern-thumb.selected {
  border: var(--mxt-customization-mat-tile-selected-border);
}
.mxt-pattern-grid .mxt-grid button:hover .mxt-tile-pattern-thumb {
  border: var(--mxt-customization-mat-tile-hover-border);
}
.mxt-pattern-grid .mxt-grid button .mxt-tile-pattern-thumb-caption {
  text-align: center;
  width: var(--mxt-customization-mat-tile-size);
  font: var(--mxt-font-body-sm);
  display: block;
  padding: 5px 0;
}
.mxt-pattern-grid .mxt-popover-grid-menu {
  width: 100%;
  height: var(--mxt-customization-mat-paginator-height);
  position: relative;
  padding: var(--mxt-customization-mat-paginator-padding);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-grid-pagination {
  margin: 0;
  flex: auto;
}
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-page-count {
  flex-grow: 0;
  margin: auto 0;
  font: var(--mxt-font-body-sm);
}
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-text-back,
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-grid-pagination .mxt-grid-pagination-text-next {
  display: none;
}
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-revert-button {
  height: auto;
  padding: 0;
  position: absolute;
  left: var(--mxt-customization-dropdown-padding);
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-start;
  font: var(--mxt-font-body-ex-sm);
  font-weight: 700;
  text-decoration: underline;
  box-shadow: none;
  background-color: transparent;
}
.mxt-pattern-grid .mxt-popover-grid-menu .mxt-revert-button:hover {
  color: dimgray;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/material-rotation-controls-component.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-room-planner/scss/interstitial-style-menu.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.mxt-interstitial-style-menu .mxt-grid-item-content {
  flex-flow: row;
}
.mxt-interstitial-style-menu .mxt-grid-item-content .mxt-grid-item-bg-img {
  flex: 1;
  justify-content: flex-start;
}
.mxt-interstitial-style-menu .mxt-grid-item-content .mxt-grid-item-text-div {
  align-self: center;
  flex: 5;
  text-align: left;
}
.mxt-interstitial-style-menu .mxt-grid-item-content .mxt-grid-item-text-div .mxt-grid-item-text {
  font: var(--mxt-font-body-bold);
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/style-configurator.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-style-configurator-section {
  border-radius: var(--mxt-corner-roundness);
  margin-bottom: 10px;
  box-shadow: var(--mxt-dark-drop-shadow);
  transition: all 0.3s ease;
  max-height: 600px;
  position: relative;
  overflow: auto;
}

.mxt-style-configurator-section.mxt-style-configurator-section-collapsed {
  overflow: hidden;
  min-height: 120px;
  max-height: 120px;
}

.mxt-style-configurator-section-header {
  height: 120px;
  overflow: hidden;
}

.mxt-style-configurator-section-img-div {
  flex: 0 0 100px;
  margin: 5px;
  display: flex;
  align-items: center;
}
@media (orientation: landscape) {
  .mxt-style-configurator-section-img-div {
    flex: 0 0 50px;
  }
}
@media (min-width: 992px) {
  .mxt-style-configurator-section-img-div {
    flex: 0 0 100px;
    margin: 10px;
  }
}

.mxt-style-configurator-section-arrow {
  transition: all 0.3s ease;
  transform: rotate(0deg);
  width: 30px;
}

.mxt-style-configurator-section.mxt-style-configurator-section-collapsed .mxt-style-configurator-section-arrow {
  transform: rotate(0deg);
}

.mxt-style-configurator-section .mxt-style-configurator-section-arrow {
  transform: rotate(90deg);
}

.mxt-style-configurator-section .designProcessSearchDiv {
  margin-bottom: 10px;
  padding: 0px;
}

.mxt-style-configurator-section .designProcessSearchIcon {
  left: 5px;
}

.mxt-style-configurator-section .mxt-product-panel-content .mxt-grid {
  padding-bottom: 10px;
}

.mxt-style-configurator-section-text-div {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 10px;
  color: var(--dark-grey);
}
@media (orientation: landscape) {
  .mxt-style-configurator-section-text-div {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .mxt-style-configurator-section-text-div {
    font-size: 13px;
  }
}

.mxt-style-configurator-section-text-name {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 5px;
}

.mxt-style-configurator-section-arrow-div {
  display: flex;
  margin-right: 10px;
}

.mxt-style-configurator-section-header {
  display: flex;
  background: white;
}

.mxt-style-configurator-section.mxt-style-configurator-section-expandable .mxt-style-configurator-section-header:hover {
  filter: brightness(90%);
}

.mxt-style-configurator-section.mxt-style-configurator-section-expandable .mxt-style-configurator-section-header {
  cursor: pointer;
  /** MXT-9078: to fix flicker on filter:brightness: https://stackoverflow.com/questions/23619520/chrome-flickering-on-webkit-filter-blur/24062670 */
  backface-visibility: hidden;
}

.mxt-style-configurator-section-content-outer {
  padding: 10px;
  background: white;
}

.mxt-style-configurator-section-content {
  background: #f7f7f7;
  padding: 10px;
  border-radius: var(--mxt-corner-roundness);
}

hr.mxt-product-panel-product-section-divider {
  margin-bottom: 10px;
}

.mxt-style-configurator-grid-subheader {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
  margin-bottom: 5px;
}

.mxt-style-configurator-section.mxt-style-configurator-section-collapsed.mxt-style-configurator-section-root {
  box-shadow: none;
  flex: 0;
}

.mxt-style-configurator-section.mxt-style-configurator-section-collapsed.mxt-style-configurator-section-root .mxt-style-configurator-section-header {
  background: none;
}

.mxt-style-configurator-section.mxt-style-configurator-section-collapsed.mxt-style-configurator-section-root .mxt-style-configurator-section-img-div {
  box-shadow: var(--mxt-dark-drop-shadow);
}

#proceduralDoorWindowSidePanel_Id .mxt-breadcrumb-button {
  display: none;
}
#proceduralDoorWindowSidePanel_Id .mxt-hinge-container {
  display: flex;
  flex: 1 1 0%;
  justify-content: space-evenly;
  margin-top: 30px;
  flex-wrap: wrap;
}
#proceduralDoorWindowSidePanel_Id .mxt-hinge-container .mxt-btn {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#proceduralDoorWindowSidePanel_Id .mxt-product-resize-row {
  flex-wrap: wrap;
}
#proceduralDoorWindowSidePanel_Id .mxt-product-resize-span {
  padding-bottom: 1rem;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 15px;
  padding-bottom: 15px;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout:empty {
  display: none;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout .mxt-product-resize-row {
  flex-direction: column;
  align-items: unset;
  padding: unset;
  min-width: 160px;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout .mxt-product-resize-row .mxt-product-resize-span {
  flex: unset;
  padding: 10px 0 1rem;
}
#proceduralDoorWindowSidePanel_Id .scale-switch-wrapper {
  flex-grow: 1;
  text-align: right;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout.size-actions-row {
  justify-content: space-between;
}
#proceduralDoorWindowSidePanel_Id .resizer-row-layout.size-actions-row .mxt-product-resize-scale-revert {
  padding: 0 15px;
}

/* Kong configurator option images should be square */
.mxt-kong-configurator-square-img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 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-room-planner/scss/style-configurator-v2.scss ***!
  \************************************************************************************************************************************************************************************************************************************/

.mxt-style-panel-header {
  flex: 0;
  position: relative;
  margin: 20px 20px 0 20px;
  border-bottom: 1px solid #a5a5a5;
}
.mxt-style-panel-header .breadcrumb-row {
  display: flex;
  flex-flow: row;
}
.mxt-style-panel-header .breadcrumb-row .breadcrumbs {
  flex: 1;
}
.mxt-style-panel-header .header-row .top {
  height: 30px;
  display: flex;
  align-items: center;
}
.mxt-style-panel-header .header-row .top .back {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.mxt-style-panel-header .header-row .top .text {
  flex: 1;
  margin: 0;
}
.mxt-style-panel-header .header-row .description {
  margin-top: 5px;
  margin-bottom: 9px;
}

.mxt-style-options-screen {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin: 15px 0;
}
.mxt-style-options-screen .style-option {
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  color: var(--mxt-font-color);
  padding: 10px;
  cursor: pointer;
}
.mxt-style-options-screen .style-option .thumb {
  width: 60px;
  height: 60px;
}
.mxt-style-options-screen .style-option .container {
  flex: 1;
  display: flex;
  flex-flow: column;
  padding: 0 10px;
}
.mxt-style-options-screen .style-option .forward {
  display: flex;
  justify-content: flex-end;
}
.mxt-style-options-screen .style-option .mxt-style-option-reset-dimensions {
  background-color: #28343d;
  color: #ffffff;
  width: 258px;
}
.mxt-style-options-screen .style-option .mxt-style-option-reset-dimensions:disabled, .mxt-style-options-screen .style-option .mxt-style-option-reset-dimensions[disabled] {
  background-color: #d2d2d2;
}

.mxt-style-panel-content {
  flex: 1;
  position: relative;
  overflow-y: auto;
  margin: 0 20px 20px 20px;
}
.mxt-style-panel-content .mxt-product-style-screen,
.mxt-style-panel-content .mxt-global-style-screen {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: 15px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .designProcessSearchDiv,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .designProcessSearchDiv {
  padding: 0;
}
.mxt-tabbed-view-content .mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .designProcessSearchDiv,
.mxt-tabbed-view-content .mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .designProcessSearchDiv {
  margin-bottom: 15px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .designProcessSearchDiv .designProcessSearchIcon,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .designProcessSearchDiv .designProcessSearchIcon {
  left: 5px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-configurator-section-grid-container,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-configurator-section-grid-container {
  margin-top: 10px !important;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-configurator-section-grid-container .mxt-grid-pagination,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-configurator-section-grid-container .mxt-grid-pagination {
  margin-top: 5px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-screen-selected-product,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-screen-selected-product {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
  margin-bottom: 5px;
}
.mxt-tabbed-view-content .mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-screen-selected-product,
.mxt-tabbed-view-content .mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-screen-selected-product {
  margin-right: 25px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-screen-carousel-container,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-screen-carousel-container {
  width: 150px;
  margin-bottom: 10px;
}
.mxt-style-panel-content .mxt-product-style-screen .mxt-style-screen-content .mxt-style-screen-carousel-container .mxt-carousel-container,
.mxt-style-panel-content .mxt-global-style-screen .mxt-style-screen-content .mxt-style-screen-carousel-container .mxt-carousel-container {
  margin-bottom: 10px;
}
.mxt-style-panel-content .mxt-tabbed-style-screen {
  height: 100%;
}
.mxt-style-panel-content .mxt-tabbed-style-screen .mxt-tabbed-view {
  min-height: 100%;
}
.mxt-style-panel-content-filter {
  margin-top: 15px;
  margin-bottom: 12px;
}
.mxt-style-panel-content-filter h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 6px;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/inline-radio-control.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mxt-inline-radio-control {
  display: block;
}
.mxt-inline-radio-control-option {
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e5e5e5;
  background: white;
  margin-right: 10px;
}
.mxt-inline-radio-control-option:last-child {
  margin-right: 0;
}
.mxt-inline-radio-control-option span {
  display: inline-block;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 14.7px;
  height: 14.7px;
  padding: 3px;
  margin-top: 0px;
  vertical-align: sub;
  margin-left: 5px;
}
.mxt-inline-radio-control-option span::after {
  border-radius: 50%;
  width: 6.7px;
  height: 6.7px;
  content: "";
  display: block;
}
.mxt-inline-radio-control-option--selected span::after {
  background: #4FC1DF;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/tabbed-view-side-panel.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.sidePanel.tabbed-view-side-panel {
  display: flex;
  flex-flow: column;
  container: tabbed-view-side-panel/inline-size;
}
.sidePanel.tabbed-view-side-panel .navigationPanelClose {
  flex: 0 0 auto;
  right: 10px;
  position: relative;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sidePanel.tabbed-view-side-panel .mxt-tabbed-view {
  flex: 1;
  overflow: hidden;
  /** hide all of the navigation panel close buttons inside of nested side panels*/
}
.sidePanel.tabbed-view-side-panel .mxt-tabbed-view .sidePanel .navigationPanelClose.mxt-non-cta-button.mxt-btn.mxt-btn-icon-only {
  display: none;
}
.sidePanel.tabbed-view-side-panel .mxt-tabbed-view .sidePanel .mxt-panel-close-container {
  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-ui-utility/scss/panels/mxt-panel-standard.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-panel-background-color: #fff;
  /** a color that visually separates the background of certain panels*/
  --mxt-panel-separated-background-color: #f7f7f7;
  --mxt-panel-divider-color: #d9d9d9;
}

.sidePanel.mxt-standard-side-panel {
  background: var(--mxt-panel-background-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-ui-utility/scss/panels/mxt-panel-close.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-panel-close-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 6px 8px;
  border-bottom: 1px solid var(--mxt-panel-divider-color);
}
.mxt-panel-close-container .mxt-panel-close {
  position: relative;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/global-cabinet-line-swap.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-global-cabinet-line-report-screen {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-flow: column;
  overflow: auto;
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-header .mxt-global-cabinet-line-swap-header-text {
  color: white;
  font: var(--mxt-font-header);
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-no-fails {
  color: white;
  font: var(--mxt-font-body-lg);
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail {
  display: flex;
  background: white;
  padding: 25px 30px;
  align-items: center;
  text-align: left;
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail .swap-report-image {
  flex: 0 0 30px;
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail .swap-report-fail-section {
  display: flex;
  flex-flow: column;
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail .swap-report-fail-section.swap-report-fail-reason {
  color: var(--mxt-error-color);
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail .swap-report-fail-section .swap-report-text {
  font: var(--mxt-font-body-lg);
}
.mxt-global-cabinet-line-report-screen .mxt-global-cabinet-line-report-items .mxt-global-cabinet-line-swap-report-fail .swap-report-fail-section .swap-report-subtext {
  font: var(--mxt-font-body);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.mxt-global-cabinet-line-swap-screen {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-loading.mxt-full-modal-screen {
  pointer-events: none;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-loading.mxt-full-modal-screen .mxt-spins-loading-progress-background {
  pointer-events: all;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-top {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  position: relative;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-section {
  padding-left: 20px;
  padding-right: 20px;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-header {
  background: white;
  padding-bottom: 20px;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-header .mxt-global-cabinet-line-swap-header-text {
  font: var(--mxt-font-header);
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-options {
  overflow: auto;
  -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-options .mxt-style-options-screen {
  margin: 0px;
  padding-bottom: 10px;
}
@media (max-height: 600px) {
  .mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-top {
    overflow: auto;
  }
  .mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-options {
    overflow: initial;
  }
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-footer {
  background: white;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  flex: 1;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-footer button {
  width: 200px;
  max-width: 80%;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-footer a {
  text-decoration: underline;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-footer a.mxt-btn.mxt-disabled {
  opacity: 30%;
  pointer-events: none;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-prompt {
  font: var(--mxt-font-body-lg);
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section {
  padding-top: 20px;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns {
  display: flex;
  flex-flow: column;
  width: 100%;
  position: relative;
  gap: 10px;
  padding-bottom: 20px;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown {
  width: 100%;
  height: 100%;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown .mxt-dropdown-container {
  margin: 0px;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown .mxt-dropdown-container .mxt-dropdown {
  width: 100%;
  position: relative;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header h5 {
  font: var(--mxt-font-body-lg);
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header p {
  font: var(--mxt-font-body);
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown.mxt-global-cabinet-line-current-dropdown {
  pointer-events: none;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown.mxt-global-cabinet-line-current-dropdown .mxt-dropdown {
  background: #e5e5e5;
}
.mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section .mxt-global-cabinet-line-swap-dropdowns .mxt-global-cabinet-line-swap-dropdown.mxt-global-cabinet-line-current-dropdown .mxt-dropdown-chevron {
  display: none;
}

.mxt-global-cabinet-line-swap-panel {
  background: #f7f7f7;
  color: var(--mxt-font-color);
}
.mxt-global-cabinet-line-swap-panel .mxt-style-panel-content {
  margin: 0px;
}
.mxt-global-cabinet-line-swap-panel .mxt-style-panel-content .mxt-global-style-screen {
  padding: 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-room-planner/scss/blueprint-lock-angles.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxtBlueprintModalHeader {
  font: var(--mxt-font-body-lg-bold);
  color: var(--dark-grey);
}

.mxtBlueprintModalContent3D {
  padding-top: 10px;
  padding-bottom: 10px;
}

#mxtBlueprintEditMeasurementError2 {
  color: red;
  text-align: center;
  margin-bottom: 10px;
}

#mxtBlueprintEditMeasurementFeet {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

#mxtBlueprintEditMeasurementInches {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

#mxtBlueprintEditMeasurementInchesInput {
  width: 80px;
  margin-left: 10px;
}

#mxtBlueprintEditMeasurementInchesLabel {
  width: 50px;
}

#mxtBlueprintEditMeasurementFeetLabel {
  width: 50px;
}

#mxtBlueprintEditMeasurementFeetInput3D {
  width: 80px;
}

.mxtBlueprintEditMeasurementModal3D {
  max-width: 200px;
}

#mxtBlueprintEditMeasurementInchesFraction {
  width: 70px;
  height: 28px;
  margin-left: 10px;
  margin-bottom: 0px !important;
}

#mxtBlueprintEditMeasurementModalExpandLeft {
  min-width: 0px;
}

#mxtBlueprintEditMeasurementModalExpandRight {
  min-width: 0px;
}

#mxtBlueprintEditMeasurementModalExpandBoth {
  min-width: 0px;
}

#mxtBlueprintEditMeasurementModalExpandDown {
  min-width: 0px;
}

#mxtBlueprintEditMeasurementModalExpandVerticalBoth {
  min-width: 0px;
}

#mxtBlueprintEditMeasurementModalExpandUp {
  min-width: 0px;
}

#mxtBlueprintEditSegmentModal {
  min-width: 200px;
}

div#mxtBlueprintEditMeasurementModalExpandButtons {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  justify-content: space-around;
}

.mxtBlueprintEditMeasurementModalButtonHighlight img:hover {
  -webkit-filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
  filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
}

.blueprint-measurement-modal-btn-highlight {
  -webkit-filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
  filter: invert(89%) sepia(33%) saturate(4555%) hue-rotate(160deg) brightness(93%) contrast(88%);
}

div#mxtBlueprintEditMeasurementModalMaintainAngles {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: 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-room-planner/scss/meet-with-a-designer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.MeetWithADesignerDescription {
  text-align: center;
  font: var(--mxt-font-body-lg-bold);
  line-height: 1.55;
  letter-spacing: 0.3px;
  color: var(--mxt-font-color);
  width: 200px;
  display: block;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

#sendDesign {
  margin: auto;
  width: 200px;
  min-width: unset;
  display: block;
}

.meetWithADesignerButton {
  width: 300px;
  margin: 0px auto;
  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-room-planner/scss/mobile-save-popovers.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
body.mxt-room-planner-phone .background-save-popover-container {
  border-radius: 0px;
  overflow: unset !important;
}
body.mxt-room-planner-phone .background-save-popover-container .saving-progress {
  height: 84px;
  width: unset;
}
body.mxt-room-planner-phone .background-save-popover-container .saving-progress span {
  font: var(--mxt-font-body-lg);
}
body.mxt-room-planner-phone .background-save-popover-container .saving-progress .progress-container {
  box-sizing: content-box;
  background-color: var(--mxt-loading-bar-background-color);
  height: var(--mxt-loading-bar-height);
  padding: 5px;
  border-radius: var(--mxt-loading-border-radius);
  box-shadow: 0px 4px 4px #ffffff, inset 0px 2px 4px rgba(0, 0, 0, 0.25);
}
body.mxt-room-planner-phone .background-save-popover-container .saving-progress .progress-container #background-save-progress-bar {
  width: 0;
  height: 100%;
  border-radius: var(--mxt-loading-border-radius);
  background: var(--mxt-loading-bar-color);
  transition: width 0.4s ease-in-out;
}
body.mxt-room-planner-phone .background-save-popover-container .saving-complete {
  width: 100%;
  z-index: 3;
  background: transparent;
  position: absolute;
  top: 82px;
}
body.mxt-room-planner-phone .background-save-popover-container .saving-complete h5 {
  padding: 20px 15px;
  font: var(--mxt-font-body-lg);
  color: white;
  background-color: var(--mxt-toolbar-cta-button-color);
  border-radius: var(--mxt-corner-roundness);
}
body.mxt-room-planner-phone .background-save-popover-container .save-failure {
  width: unset;
}
body.mxt-room-planner-phone .background-save-popover-container .save-failure .close-button {
  top: 0;
  right: 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-room-planner/scss/fonts.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************/
body {
  font-family: "Mulish";
  font: var(--mxt-font-body);
}
body h1 {
  font: var(--mxt-font-header-lg);
}
body h2 {
  font: var(--mxt-font-header);
}
body h3 {
  font: var(--mxt-font-subheader);
}
body button {
  font: var(--mxt-font-body-bold);
  /** any text within a button, like a span, etc */
}
body button * {
  font: var(--mxt-font-body-bold);
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** 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/mxtvars.scss ***!
  \********************************************************************************************************************************************************************************************************************/
: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;
  }
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/roomplannercommon.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
body {
  color: var(--mxt-font-color);
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

hr {
  margin: 0px;
  border: 0;
  border-top: 1px solid rgba(89, 90, 92, 0.2);
}

input,
textarea {
  border-radius: var(--mxt-corner-roundness);
  border: none;
  box-shadow: var(--mxt-dark-drop-shadow);
  padding: 6px 12px;
  color: var(--mxt-font-color);
}

input[type=range] {
  box-shadow: none;
}

select {
  color: var(--mxt-font-color);
}

input::placeholder {
  color: #999;
  opacity: 1;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

/** carry-over from bootstrap */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.text-center {
  text-align: center;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

p {
  margin-bottom: 0.3em;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

.form-horizontal .mxt-form-group {
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
}

.form-horizontal .control-label {
  text-align: left;
}

.center-block {
  display: block;
  margin: auto;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** end carry over from bootstrap */
/* Browser Clearfix */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

#css-overrides *:focus {
  outline-width: 0px;
  outline-style: none;
}

#css-overrides.document-tabbing *:focus {
  outline: rgb(0, 95, 204) auto 5px;
}

/**inputs should not receive an outline when someone hits enter, only when someone tabs over them*/
#css-overrides.document-tabbing.document-tabbing-enter input:focus {
  outline-width: 0px;
  outline-style: none;
}

#css-overrides.document-tabbing .mxt-btn:focus {
  z-index: 1;
}

body.mxt-room-planner-phone #login-modal .img-container {
  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-room-planner/scss/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

::selection {
  background: var(--mxt-client-primary); /* WebKit/Blink Browsers */
  color: #FFFFFF; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: var(--mxt-client-primary); /* Gecko Browsers */
  color: #FFFFFF; /* Gecko Browsers */
}

.tip {
  margin: 15px 0px;
}

select {
  width: 100%;
  text-align: center;
  height: 50px;
  margin-bottom: 25px;
  text-align-last: center;
}

/* BELOW ARE FOR THE SOCIAL PLUGINS*/
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/nav-menu.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
#designer-container {
  /*
      @container (orientation: landscape) { ...
  */
  container: designer-container/inline-size;
  container-type: size;
}
#designer-container.mxt-device-portrait .sidePanel {
  z-index: 101;
}
#designer-container .sidePanel {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 100%;
  align-content: flex-start;
  box-shadow: var(--mxt-nav-control-drop-shadow);
  container: generic-side-panel/inline-size;
}
#designer-container .sidePanel.sidePanelCollapsed {
  width: 0;
}

#navigationPanels {
  display: flex;
  flex-flow: column-reverse;
  position: relative;
  width: 100%;
  height: 100%;
  left: auto;
  bottom: auto;
  z-index: 1000;
  transition: none;
}
#navigationPanels.mxt-navigation-panel-overlay .sidePanel:not(.sidePanelCollapsed) {
  position: absolute;
  top: 0;
  left: 0;
}
#navigationPanels.mxt-navigation-panel-overlay .underlay {
  z-index: 1;
}
#navigationPanels.mxt-navigation-panel-overlay .background {
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, 0.5);
  z-index: 2;
}
#navigationPanels.mxt-navigation-panel-overlay .overlay {
  z-index: 3;
}

@media (max-width: 1279px) {
  .mxt-panel-resize {
    display: none !important;
  }
}
#navigationPanels.nav-panel-max {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 65%;
}
#navigationPanels.nav-panel-min {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
#navigationPanels.side-panel-open {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
#navigationPanels.side-panel-closed {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0%;
  min-width: 0;
}
#navigationPanels.side-panel-thin {
  min-width: 450px;
  max-width: 600px;
}
#navigationPanels.side-panel-thin.nav-panel-max {
  flex-basis: 100%;
}
#navigationPanels.side-panel-wide {
  min-width: 600px;
}

.main-menu-client-logo {
  width: 100%;
  background-color: white;
  padding: 30px 0px;
  border-bottom: 1px solid rgba(89, 90, 92, 0.25);
  position: relative;
}

.mxt-journey-questionnaire-overlay {
  background: rgb(102, 102, 102);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-journey-questionnaire-overlay .mxt-questionnaire-page {
  background: white;
  color: var(--mxt-font-color);
  padding: 18px 38px 53px 27px;
}
.mxt-journey-questionnaire-overlay .mxt-questionnaire-page .mxt-questionnaire-header {
  font: var(--mxt-font-header);
}

.controls-menu-logo {
  min-width: 200px;
  background-size: contain;
}

#css-overrides .close:focus,
.close:hover {
  color: #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.mxt-nav-menu-img-guidance {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  color: var(--toggle-blue);
  font: var(--mxt-font-body-bold);
  text-decoration: none;
  height: 20px;
  right: 40px;
  cursor: pointer;
}

.edit-countertop-guidance-popup {
  width: 465px;
  height: 70px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  z-index: 2;
  background: #ffffff;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  border-radius: var(--mxt-corner-roundness);
  transform: translateX(-50%);
}
.edit-countertop-guidance-popup .close {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.edit-countertop-guidance-popup span img {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 20px;
}

#about-header {
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 200px;
}

.about-build-info {
  display: flex;
  justify-content: center;
}

.mxt-device-landscape .about-build-info {
  flex-direction: row;
}

.mxt-device-portrait .about-build-info {
  flex-direction: column;
}

#about-marxent-disclaimer {
  margin-top: 50px;
  color: var(--mxt-font-color);
}

#about-marxent-disclaimer.marxent-disclaimer a:visited {
  color: var(--mxt-font-color);
}

#about-marxent-disclaimer.marxent-disclaimer a {
  color: var(--mxt-font-color);
}

.marxent-disclaimer a {
  color: white;
  text-decoration: none;
}
.marxent-disclaimer a.mxt-a-underline {
  text-decoration: underline;
}

.marxent-disclaimer a:visited {
  color: white;
}

.sidePanel {
  visibility: visible;
  background: rgb(247, 247, 247);
  position: relative;
  overflow: auto;
  display: flex;
  flex-flow: column;
  color: var(--mxt-font-color);
}

.sidePanelTopBar {
  display: flex;
  top: 0px;
  right: 0px;
  position: relative;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 10;
}

.navLeftButtons {
  margin-right: auto;
  display: flex;
  justify-content: var(--space-evenly);
}

.navRightButtons {
  margin-left: auto;
  display: flex;
  justify-content: var(--space-evenly);
}

.sidePanelPane {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px 20px;
}

.sidePanelHeaderRow {
  padding: 15px 0px 0px;
}

.sidePanelContent {
  height: 100%;
  display: flex;
  flex-flow: column;
}

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

#proceduralDoorWindowSidePanel_Id .sidePanelContent {
  height: unset;
}
#proceduralDoorWindowSidePanel_Id .sidePanelPane {
  overflow-y: auto;
}

.navigationPanelUnanimated {
  transition: none;
}

.mxt-popover.mxt-header-ribbon-main-menu-popover {
  overflow: visible;
  border: solid 1px #e7e7e7;
  box-shadow: 2px 2px 5px #adadad;
}
.mxt-popover.mxt-header-ribbon-main-menu-popover .mxt-modal-arrow-inner {
  border: solid 1px #e7e7e7;
  box-shadow: none;
}

.mxtMainMenu {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  border-radius: var(--mxt-corner-roundness);
}
.mxtMainMenu ul li {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  font: var(--mxt-font-body-bold);
  border-bottom: 1px solid rgba(216, 216, 216, 0.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 60px;
  border-bottom: 1px solid rgba(89, 90, 92, 0.25);
  display: flex;
  align-items: center;
  position: relative;
}
.mxtMainMenu ul li .icon {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 25px;
}
.mxtMainMenu ul li .label {
  position: absolute;
  left: 70px;
  margin-bottom: 0px;
}
.mxtMainMenu ul li:hover {
  background-color: white;
}
.mxtMainMenu .close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 45px;
  cursor: pointer;
}
.mxtMainMenu .mxt-footer {
  width: 85%;
  display: flex;
  flex-flow: column;
  align-self: center;
  gap: 5px;
  text-align: center;
  margin-top: auto;
  padding-bottom: 10px;
}
.mxtMainMenu .mxt-footer .about-btn {
  display: block;
  margin: auto;
  text-align: center;
  color: rgba(89, 90, 92, 0.5);
}
.mxtMainMenu .mxt-footer .mxt-powered-by {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
}
.mxtMainMenu .username-container {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.mxtMainMenu .username-container .mxt-username {
  bottom: 10px;
  color: var(--mxt-font-color);
  opacity: 0.5;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mxtMainMenu .mxtMainMenuLogo {
  min-width: 200px;
  background-size: contain;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
}
.mxtMainMenu .project-name {
  color: var(--mxt-font-color);
  opacity: 0.5;
  margin: 5px 0 0 10px;
}

.guidancePrompt {
  position: absolute;
  z-index: 1001;
  text-align: center;
  color: white;
  opacity: 0.9;
  min-width: 350px;
  min-height: 150px;
  border-radius: var(--mxt-corner-roundness);
  background-image: var(--primary-right-gradient) !important;
  padding: 5px;
}

.guidancePromptBottom {
  -moz-animation: bounceVertical 2s infinite;
  -webkit-animation: bounceVertical 2s infinite;
  animation: bounceVertical 2s infinite;
}

.guidancePromptBottom::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  transform: rotate(180deg);
  border-color: var(--mxt-client-primary) transparent transparent transparent;
}

@keyframes bounceVertical {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes bounceHorizontal {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-15px);
  }
}
#wallModeGuidancePrompt {
  top: 60px;
  left: -122px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(253, 155, 39, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(253, 155, 39, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(253, 155, 39, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(253, 155, 39, 0.4);
    box-shadow: 0 0 0 0 rgba(253, 155, 39, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(253, 155, 39, 0);
    box-shadow: 0 0 0 20px rgba(253, 155, 39, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(253, 155, 39, 0);
    box-shadow: 0 0 0 0 rgba(253, 155, 39, 0);
  }
}
textarea {
  resize: none;
}

/* basic landing page css */
#landingPage {
  z-index: 100001;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#landingPage #landing-page-scrollable {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#landingPage .mxt-store-locator-button {
  position: absolute;
  top: 100px;
  left: 10px;
}

.landing-page-background {
  position: absolute;
  width: 100%;
  height: 100%;
}
.landing-page-background picture,
.landing-page-background img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.landing-page-background img {
  object-fit: cover;
  object-position: center center;
}

#home-main-content {
  z-index: 1;
  display: block;
  max-width: 1000px;
  margin: auto;
  padding: 0px 20px;
  padding-bottom: 3px;
}

#home-main-content #errors,
#home-main-content #ios-errors {
  visibility: visible;
  color: white;
  pointer-events: all;
  text-align: center;
}

.callToAction {
  color: white;
  margin-bottom: 25px;
  text-shadow: 0px 0px 15px black;
}

.marxent-footer {
  width: 50%;
  min-width: 235px;
}
.marxent-footer .copyrightHr {
  position: relative;
  margin-top: 10px;
  border-color: rgba(249, 249, 249, 0.75);
  border-width: 1px;
  border-radius: 2px;
}
.marxent-footer .poweredByMarxent {
  color: white;
  opacity: 0.75;
  margin: 10px 0px 10px;
  text-shadow: 0px 0px 15px black;
}

div.landing-header {
  /* margin-bottom: 50px; */
  text-align: center;
  padding-top: 50px;
  overflow: hidden;
  width: auto;
}

.incompatibleUserAgent {
  display: none;
  color: white;
}

.browserIcon {
  float: left;
  width: 100px;
  display: none;
  padding: 15px;
  background: none;
  border: none;
  color: white;
}

.browserIcon img {
  margin-bottom: 10px;
}

#browserIconParent {
  display: inline-block;
}

#landing-start-button {
  width: 300px;
  display: block;
  margin: auto;
  height: 44px;
}

div#landing-start-catalog-not-loaded {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#landing-welcome-text {
  text-align: center;
}

#landing-welcome-subtext {
  text-align: center;
}

#landing-page-header {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex: 0 0 200px;
  height: 200px;
  z-index: 1;
  top: 0px;
  width: 100%;
}

#landing-page-header-right {
  flex-direction: row-reverse;
}

#landing-page-header.white-background {
  background: white;
  height: clamp(40px, min(10vh, 10vw), 90px);
  flex: 0 0 clamp(40px, min(10vh, 10vw), 90px);
}

.mxt-btn.landing-page-header-button img {
  position: relative;
  width: 25px;
  margin-right: 10px;
  margin-left: 15px;
}

.landing-page-header-sidediv {
  display: flex;
  z-index: 1;
  align-items: center;
  min-width: 85px;
}

.main-primary-logo-container {
  display: flex;
  flex: 1;
  justify-content: center;
  height: 160px;
  width: var(--mxt-primary-logo-width);
  min-width: 160px;
}

#landing-page-header.white-background .main-primary-logo-container {
  height: 100%;
}

#main-primary-logo {
  display: flex;
  width: max(160px, var(--mxt-primary-logo-width));
  height: 100%;
  margin-bottom: 0px;
  padding: 10px;
}

@container designer-container (max-width: 960px) {
  #main-primary-logo {
    padding: 0;
  }
  .mxt-device-phone .mxtMainMenu ul li {
    font-size: 1rem;
  }
  .mxt-device-phone .mxtMainMenu ul li .label {
    left: 30px;
  }
  .mxt-device-phone .mxtMainMenu {
    background: white;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .mxt-device-phone .mxtMainMenu ul li .icon {
    display: none;
  }
  .mxt-device-phone .mxtMainMenuButtonPrimary {
    background: var(--primary-right-gradient);
    color: white;
  }
}
#landing-page-header-left {
  padding-left: 25px;
}

#landing-page-header-right {
  padding-right: 25px;
}

body.mxt-room-planner-phone #userProfileButton {
  display: none;
}

#landing-page-login-phone {
  display: none;
  font-weight: unset;
  color: #3b6981;
  text-decoration: underline;
}
body.mxt-room-planner-phone #landing-page-login-phone {
  display: inline-block;
}

#lookupProjectByEmailButton {
  right: 25px;
}
body.mxt-room-planner-phone #lookupProjectByEmailButton {
  display: none;
}

.img-center {
  margin: 0px auto !important;
  display: block !important;
}

#copyright {
  color: rgba(249, 249, 249, 0.5);
  margin-bottom: 25px;
}

#navigationPanelResize img {
  transition: all 0.3s ease;
  transform: rotate(0deg);
}

#navigationPanelResize.navigationPanelResizeRotate img {
  transform: rotate(180deg);
}

[data-context=Compose] .mxt-panel-resize {
  position: absolute;
  right: -17.5px;
  bottom: 20px;
  z-index: 1000;
  cursor: pointer;
  width: 35px;
  height: 35px;
  transform: translateZ(1px);
}

@media (max-width: 900px) {
  .landing-page-header-sidediv {
    width: 85px;
  }
  /*hide the user profile text on mobile and just show button*/
  .mxt-btn.landing-page-header-button span {
    display: none;
  }
  .mxt-btn.landing-page-header-button {
    min-width: 40px;
  }
  .mxt-btn.landing-page-header-button img {
    margin: 0px;
  }
}
@media (min-width: 900px) {
  .landing-page-header-sidediv {
    width: 350px;
  }
}
#landing-page-logout {
  color: var(--toggle-blue);
  cursor: pointer;
}

.mxt-mobile-overlay {
  position: fixed;
  z-index: 11111111112;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keyboard-focus .mxt-mobile-overlay {
  display: none;
}
.mxt-mobile-overlay .overlay-content {
  width: 70%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  background-color: #ffffff;
  padding: 20px;
}
.mxt-mobile-overlay .overlay-content img {
  flex: 1.5;
}
.mxt-mobile-overlay .overlay-content .text-container {
  flex: 1;
  width: 97%;
  color: var(--mxt-font-color);
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
}
@media (min-width: 767px) {
  .mxt-mobile-overlay .overlay-content .text-container {
    width: 80%;
  }
}
@media (min-width: 767px) {
  .mxt-mobile-overlay .overlay-content {
    width: 60%;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .mxt-mobile-overlay {
    display: none;
  }
}
@media (min-width: 992px) and (orientation: landscape) {
  .mxt-mobile-overlay {
    display: none;
  }
}

.mxt-modal-div.mxt-mobile-desktop-benefits {
  width: 90%;
  height: 90%;
}
.mxt-modal-div.mxt-mobile-desktop-benefits .mxt-desktop-benefits-page {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
.mxt-modal-div.mxt-mobile-desktop-benefits .mxt-desktop-benefits-page .body .section .step-card {
  width: 100%;
}
.mxt-modal-div.mxt-mobile-desktop-benefits .mxt-desktop-benefits-page .footer {
  padding: 10px;
}
.mxt-modal-div.mxt-mobile-desktop-benefits .closeButton {
  opacity: 1;
}

.mxt-learn-more-about {
  text-align: center;
  color: white;
  font-size: larger;
}
.mxt-learn-more-about a {
  color: white;
  text-decoration: underline;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/renderer-container.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
html,
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.mobileEnabled#designer-container {
  z-index: 1;
}
.mobileEnabled#designer-container.render-view #designer {
  height: calc(100% - (var(--mxt-nav-menu-height)));
}
@media (orientation: landscape) {
  .mobileEnabled#designer-container.render-view #designer {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mobileEnabled#designer-container.render-view #designer {
    height: 100%;
  }
}
.mobileEnabled#designer-container.render-view.mxt-readonly-button #designer {
  height: 100%;
}
@media (orientation: landscape) {
  .mobileEnabled#designer-container.render-view.mxt-readonly-button #designer {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mobileEnabled#designer-container.render-view.mxt-readonly-button #designer {
    height: 100%;
  }
}
.mobileEnabled#designer-container.render-view.mxt-side-panel-open #designer {
  height: 50%;
}
@media (orientation: landscape) {
  .mobileEnabled#designer-container.render-view.mxt-side-panel-open #designer {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mobileEnabled#designer-container.render-view.mxt-side-panel-open #designer {
    height: 100%;
  }
}
.mobileEnabled .renderer-toolbelt-container {
  display: none;
}
@media (min-width: 992px) {
  .mobileEnabled .renderer-toolbelt-container {
    display: block;
  }
}
.mobileEnabled #mxtComposeLeftCornerControls {
  display: none;
}
@media (min-width: 992px) {
  .mobileEnabled #mxtComposeLeftCornerControls {
    display: flex;
  }
}

#designer-container {
  position: relative;
  overflow: hidden auto;
  padding: 0px !important;
  height: 100%;
  width: 100%;
  display: flex;
}
#designer-container.render-view #designer {
  height: 100%;
}
#designer-container.render-view.mxt-side-panel-open #designer {
  height: 100%;
}
#designer-container #designer {
  /*
      @container designer (max-size: (X)px) { ...
  */
  container: designer/inline-size;
  container-type: size;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
  flex: 1 1 auto;
  user-select: none; /* cannot select anything by default in renderer container*/
  -webkit-user-select: none;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.5) inset;
}
#designer-container #designer .mxt-notification-bar {
  top: 0px;
  left: 0px;
  z-index: 20005;
}
#designer-container #designer .mxt-notification-bar.inset {
  width: 50%;
  align-self: center;
}
@media screen and (max-width: 600px) {
  #designer-container #designer {
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.5) inset;
  }
}
@media screen and (max-width: 1200px) {
  #designer-container #designer {
    box-shadow: 0 0 150px rgba(0, 0, 0, 0.5) inset;
  }
}

/* renderer WebGL GameContainer Div */
#gameContainer {
  overflow: hidden;
  height: 100%;
  visibility: hidden;
  background: rgb(100, 100, 100) !important;
  position: absolute;
  left: 0px;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.view-loading-dimmed {
  background: rgba(0, 0, 0, 0.2);
  z-index: 3000 !important;
}

.view-loading-spinner {
  position: absolute;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
}

.renderer-toolbelt-options-container {
  position: absolute;
  width: 300px;
  background: white;
  border-radius: var(--mxt-corner-roundness);
  padding: 20px 20px;
  border: 1px solid #dedede;
  z-index: 10;
  --arrow-offset: 0px;
}
.renderer-toolbelt-options-container > hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.renderer-toolbelt-options-container::after, .renderer-toolbelt-options-container::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.renderer-toolbelt-options-container.top-right::after, .renderer-toolbelt-options-container.top-right::before {
  left: 100%;
  top: var(--arrow-offset);
}
.renderer-toolbelt-options-container.top-right::after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: white;
  border-width: 15px;
  margin-top: 2px;
}
.renderer-toolbelt-options-container.top-right::before {
  border-color: rgba(222, 222, 222, 0);
  border-left-color: #dedede;
  border-width: 17px;
}
.renderer-toolbelt-options-container.bottom-right::after, .renderer-toolbelt-options-container.bottom-right::before {
  left: 100%;
  bottom: var(--arrow-offset);
}
.renderer-toolbelt-options-container.bottom-right::after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: white;
  border-width: 15px;
  margin-bottom: 2px;
}
.renderer-toolbelt-options-container.bottom-right::before {
  border-color: rgba(222, 222, 222, 0);
  border-left-color: #dedede;
  border-width: 17px;
}
.renderer-toolbelt-options-container.bottom-center::after, .renderer-toolbelt-options-container.bottom-center::before {
  left: 45%;
  top: 100%;
}
.renderer-toolbelt-options-container.bottom-center::after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: white;
  border-width: 15px;
  margin-left: 2px;
}
.renderer-toolbelt-options-container.bottom-center::before {
  border-color: rgba(222, 222, 222, 0);
  border-top-color: #dedede;
  border-width: 17px;
}

.renderer-toolbelt-options-group {
  display: inline-flex;
  margin-bottom: 30px;
  height: 44px;
  font: var(--mxt-font-body-bold);
  line-height: 44px;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  width: auto;
  align-items: center;
}

.renderer-toolbelt-options-opt.renderer-toolbelt-options-active {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #4fc1df;
  color: white;
}

.renderer-toolbelt-options-opt {
  min-width: 55px;
  border-radius: 6px;
  text-align: center;
  height: 40px;
  color: var(--mxt-font-color);
  padding: 0px 8px;
  cursor: pointer;
}

.renderer-toolbelt-options-opt:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

/*
Fancy rotate styles
*/
.fancy-rotator {
  position: absolute;
  z-index: 1000;
  touch-action: none;
}

.fancy-rotator circle {
  stroke: white;
  fill: none;
}

.fancy-rotator circle.drag-circle {
  stroke-opacity: 0.5;
}

.fancy-rotator circle.drag-circle.outer {
  stroke-opacity: 0.7;
}

.fancy-rotator circle.drag-handle {
  fill: white;
  fill-opacity: 1;
}

.fancy-rotator .drag-progress {
  stroke: var(--fancy-rotate-overlay-color);
}

.fancy-rotator line {
  stroke: white;
}

.mxt-btn.fancy-rotate-close {
  position: absolute;
  top: -20px;
  right: -20px;
  min-width: inherit;
  border-radius: 50%;
}

.mxt-compose-left-corner-controls {
  position: absolute;
  bottom: 20px;
  left: 20px;
  flex-flow: column-reverse;
  align-items: flex-start;
  display: flex;
  z-index: 10; /* Increased from 1 to 10, greater than dimensions z-index of 2 */
  gap: 10px;
}
.mxt-compose-left-corner-controls.side-panel-open {
  left: 30px;
}
.mxt-compose-left-corner-controls.inset-running-total {
  left: calc(var(--mxt-design-mode-panel-width) + 20px + 20px);
}

.mxtPricingVolumeRunningTotalOverlap {
  bottom: 100px;
}

.mxtPricingVolumeRunningTotal {
  background: white;
  color: var(--mxt-toolbar-font-color);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  font: var(--mxt-font-body-bold);
  position: relative;
  z-index: 10; /* Added z-index greater than dimensions to ensure visibility */
}
.mxtPricingVolumeRunningTotal .mxtPricingRunningTotal {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 15px;
}
.mxtPricingVolumeRunningTotal .mxtPricingRunningTotal .mxtPricingRunningTotalLabel {
  margin-right: 5px;
}
.mxtPricingVolumeRunningTotal .mxtPricingRunningTotal.unclickable {
  cursor: auto;
}
.mxtPricingVolumeRunningTotal .mxtPricingRunningTotal.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body.mxt-room-planner-phone .mxtPricingVolumeRunningTotal .mxtPricingRunningTotal {
  display: none;
}
.mxtPricingVolumeRunningTotal.mxtPricingVolumeRunningTotal--volumeActive *:has(+ .mxtVolumeRunningTotal.mxt-hidden) {
  width: 224px;
  height: 40px;
  padding: 15px 0;
}
.mxtPricingVolumeRunningTotal .mxtVolumeRunningTotal {
  display: none;
  width: 224px;
  height: 40px;
}
.mxtPricingVolumeRunningTotal .mxtVolumeRunningTotal span {
  border-top: 1px solid black;
  text-align: center;
  display: inline-block;
  padding-top: 7px;
  font-size: 13px;
  font-weight: 400;
}
.mxtPricingVolumeRunningTotal.mxtPricingVolumeRunningTotal--volumeActive {
  text-align: center;
}
.mxtPricingVolumeRunningTotal.mxtPricingVolumeRunningTotal--volumeActive .mxtPricingRunningTotal {
  justify-content: center;
  padding: 15px 0 7px;
}
.mxtPricingVolumeRunningTotal.mxtPricingVolumeRunningTotal--volumeActive .mxtVolumeRunningTotal {
  display: block;
}

.running-total-bom-popover {
  z-index: 10; /* Added z-index greater than dimensions */
}
.running-total-bom-popover .mxt-popover-content > div {
  display: flex;
  align-items: center;
}
.running-total-bom-popover p {
  margin: 0;
  padding: 7px 22px 6px 0;
  text-align: center;
}

.dimension-line-pip {
  position: absolute;
  bottom: -100px;
  padding: 3px 8px;
  z-index: 2;
  background: white;
  color: var(--mxt-toolbar-font-color);
  border-radius: var(--mxt-corner-roundness);
  box-shadow: var(--mxt-dark-drop-shadow);
  font: var(--mxt-font-body-bold);
  border: 1px solid var(--toggle-blue);
}
.dimension-line-pip.active .pip-number {
  background: var(--toggle-blue);
  color: black;
}
.dimension-line-pip.active:not(:has(.mxt-fraction.hidden)) .pip-primary {
  padding: 2px 0 5px;
}
.dimension-line-pip.dimension-line-pip-clickable {
  cursor: pointer;
}
.dimension-line-pip.no-text {
  padding: 7px;
  border-radius: 50%;
  pointer-events: all;
}
.dimension-line-pip.no-text:hover {
  padding: 3px 8px;
  border-radius: var(--mxt-corner-roundness);
}
.dimension-line-pip.no-text:hover .pip-text {
  display: block;
}
.dimension-line-pip.no-text .pip-text {
  display: none;
}
.dimension-line-pip.product-pip {
  border: 1px solid var(--toggle-blue);
  background-color: #dcf3f9;
}
.dimension-line-pip.product-pip-disabled {
  border: 1px solid var(--toggle-blue);
  background-color: rgba(220, 243, 249, 0.4745098039);
}
.dimension-line-pip.product-pip-inverted {
  border: 1px solid var(--toggle-blue);
  color: #dcf3f9;
  background-color: var(--mxt-toolbar-font-color);
}
.dimension-line-pip.overall-pip {
  border: 1px solid #bebebe;
  color: #222832;
  background-color: #bebebe;
}
.dimension-line-pip.mxt-dimension-pip-highlight {
  border: 1px solid var(--toggle-blue);
  color: #dcf3f9;
  background-color: var(--mxt-toolbar-font-color);
}

.mxt-dimension-pip-disable-click {
  pointer-events: none;
}

.mxt-popover.mxt-compose-input-measurement-popover {
  max-width: none;
  padding: 20px;
}

.mxt-compose-input-measurement-carousel-div {
  display: flex;
  align-items: center;
  width: 155px;
  margin-bottom: 15px;
  justify-content: center;
}

.mxt-compose-input-measurement-apply-div {
  display: flex;
  justify-content: center;
}

body.mxt-room-planner-phone .mxt-spins-loading-progress-background.fancy-full-screen-load#mobile-texture-loader {
  height: 100%;
  justify-content: unset;
  background: unset;
}
body.mxt-room-planner-phone .mxt-spins-loading-progress-background.fancy-full-screen-load#mobile-texture-loader .mxt-spins-loading-progress-container {
  margin-top: 110px;
  max-width: unset;
  width: 100%;
}
body.mxt-room-planner-phone #mobile-texture-toast {
  position: absolute;
  top: 110px;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
}
body.mxt-room-planner-phone #mobile-texture-toast #mobile-texture-toast-text {
  padding: 20px 15px;
  font: var(--mxt-font-body-lg);
  color: white;
  background-color: var(--mxt-toolbar-cta-button-color);
  border-radius: var(--mxt-corner-roundness);
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/utility-classes.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.flex-vertical-center {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.flex-horizontal-center {
  display: flex;
  gap: 10px;
  align-items: center;
}

.top-buffer {
  margin-top: 20px;
}

.header {
  height: 200px;
  color: var(--white);
}

.content {
  background-color: #333;
  color: var(--mxt-font-color);
}

.container,
.container-fluid {
  overflow-x: hidden;
}

.container .row {
  margin-left: 0px;
  margin-right: 0px;
}

.container-fluid .row {
  margin-left: 0px;
  margin-right: 0px;
}

/** TODO deprecate these centered guys and move to using flexbox */
.both-absolute-centered {
  left: 50% !important;
  top: 50% !important;
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
}

.horizontal-relative-centered {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.vertical-relative-centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/** END deprecate these centered guys and move to using flexbox */
.hoverBox:hover {
  opacity: 0.9;
}

.hoverBox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: var(--toggle-blue);
  top: 0%;
  color: white;
  text-align: center;
}

.hoverBox h5,
.hoverBox h4,
.hoverBox h3,
.hoverBox h2,
.hoverBox h1,
.hoverBox p {
  margin: 0px;
  width: 100%;
  /** using a non-standard font since the space available is based off of viewport width*/
  font-size: 0.8vw;
  padding: 3px;
}

#hidden-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  background: white;
  padding: 50px;
  box-shadow: 2px 0px 4px 4px rgb(200, 200, 200);
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/design-process.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
:root {
  --current-selected-border-width: 5px;
}

.designProcessCategoryOptions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#navigationPanels.nav-panel-max .designProcessCategoryOptions {
  gap: 11px;
}
#navigationPanels.nav-panel-min .designProcessCategoryOptions {
  gap: 9px;
}

.designProcessProductCurrentContainer {
  width: 100%;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  flex-flow: wrap;
  justify-content: center;
  gap: 3px;
}

.designProcessProductCurrentContainer.designProcessProductCurrentContainerSmall {
  height: 60px;
  flex-flow: nowrap;
  background: #ffffff;
}

.designProcessProductCurrentContainer .designProcessProductCurrent {
  flex: 0 0 128px;
  width: 128px;
}

.designProcessProductCurrentContainer.designProcessProductCurrentContainerSmall .designProcessProductCurrent {
  flex: 0 0 60px;
  width: 60px;
}

.designProcessProductCurrentContainer .designProcessProductCurrentOptions {
  display: inline-flex;
  width: 250px;
  flex-wrap: wrap;
}
.designProcessProductCurrentContainer .designProcessProductCurrentOptions .designProcessProductCurrentOption {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.designProcessProductCurrentContainer .designProcessProductCurrentOptions .designProcessProductCurrentOption.padding {
  width: 100px;
}
.designProcessProductCurrentContainer .designProcessProductCurrentOptions .designProcessProductCurrentOption input {
  margin-right: 5px;
}
.designProcessProductCurrentContainer .designProcessProductCurrentOptions .designProcessProductCurrentOption label {
  display: flex;
}

.designProcessProductCurrentHeader {
  flex: 2;
  text-align: left;
  position: relative;
  padding: 0px 12px;
  color: var(--mxt-font-color);
  min-width: 100px;
  background-color: #ffffff;
  overflow: hidden;
}
.designProcessProductCurrentHeader .currentProductSubtitle,
.designProcessProductCurrentHeader .currentProductTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

.designProcessGridItem {
  background: white;
}
.designProcessGridItem .mxt-grid-item-img {
  pointer-events: none;
}

.designProcessGridItemCable {
  background: white;
  border: solid 1px #ebebeb;
}

.designProcessGridTitleDiv {
  flex: 0;
  margin-top: 10px; /*use margin, not top, as flex doesnt handle top offsets well w/ sizing*/
  position: relative;
  padding: 0 5px;
}

.designProcessGridItemCable .designProcessGridTitle {
  height: 32px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 16px; /** on tablets, default line height is different, force it to be 16px*/
}

.designProcessGridTitle {
  color: var(--mxt-action-menu-font-color);
  margin: 0px;
  word-break: break-word;
  word-wrap: break-word;
}

.designProcessGridSubtitle {
  color: var(--mxt-action-menu-font-color);
  font: var(--mxt-font-body-sm);
  margin: 0px;
}

.designProcessGridFooterDiv {
  height: 30px;
  line-height: 30px;
  text-align: left;
  padding: 0 5px;
}

.designProcessGridFooterDiv .designProcessGridPrice {
  font: var(--mxt-font-body-bold);
  color: var(--mxt-font-color);
}

.designProcessGrid .designProcessGridItemCable .mxt-grid-item-content .mxt-grid-item-bg-img,
.designProcessGridRecent .designProcessGridItemCable .mxt-grid-item-content .mxt-grid-item-bg-img {
  min-height: 148px;
  position: relative;
}

.designProcessGrid .mxt-grid-item-content .mxt-grid-item-bg-img,
.designProcessGridRecent .mxt-grid-item-content .mxt-grid-item-bg-img {
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mxt-grid-item-content .mxt-grid-item-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.mxt-grid-item-content .mxt-grid-item-inframe-toggle {
  position: absolute;
  bottom: 0;
  right: 0;
  border: solid 1px;
  box-shadow: #666666 1px 1px 4px;
  cursor: default;
}

.mxt-grid-item-content .mxt-grid-item-actions img {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.mxt-grid-item-content .mxt-grid-item-actions img[data-action=moreActions] {
  height: 15px;
  width: 15px;
  margin-top: 5px;
}

.designProcessGrid .mxt-grid-item-content,
.designProcessGridRecent .mxt-grid-item-content {
  padding: 5px;
}

.designProcessGrid .mxt-grid-item-content.designProcessCurrentItem,
.designProcessGridRecent .mxt-grid-item-content.designProcessCurrentItem {
  padding: 0px;
}

.designProcessCurrentItem {
  border-color: var(--toggle-blue);
  border-style: solid;
  border-width: 5px !important;
  border-image-slice: 1;
}

.designProcessGrid .designProcessImage .badge-state-qa,
.designProcessGrid .designProcessGridItem .badge-state-qa {
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 0.8;
  padding: 0.5em 1.75em;
  font-size: 10px;
  background-color: #ffd939;
  color: #212529;
  border-radius: 0.25rem;
}

.skuResolutionOptionsData {
  width: 225px;
  padding-bottom: 10px;
  text-align: center;
  cursor: default;
}

.skuResolutionOptionsData .skuResolutionOptionsDataList {
  max-height: 215px;
  overflow: auto;
}

.skuResolutionOptionsData .skuResolutionOptionsDataHeader {
  padding: 20px 0;
  font: var(--mxt-font-body-bold);
  border-bottom: 1px solid var(--mxt-toolbar-divider-color);
}

.skuResolutionOptionsContainer {
  position: relative;
  flex: 0 0 45px;
  bottom: 0px;
  margin: 10px -5px -5px -5px;
  border-top: 1px solid var(--mxt-toolbar-button-color);
}

.skuResolutionOptionsContainer:hover {
  background-color: var(--mxt-toolbar-button-color);
}

.skuResolutionOptionsContainer.no-options:hover {
  background-color: inherit;
}

.skuResolutionOptions {
  width: 100%;
}

.skuResolutionOptions:hover {
  color: var(--mxt-font-color);
}

.skuResolutionOption {
  padding: 10px 40px;
  border-bottom: 1px solid var(--mxt-toolbar-divider-color);
  cursor: pointer;
  user-select: none;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.skuResolutionOption .skuResolutionOptionPrice {
  font: var(--mxt-font-body-bold);
}

.skuResolutionOption:hover,
.skuResolutionOption.hovered {
  background-color: var(--mxt-toolbar-button-color);
}

.skuResolutionOption:last-child {
  border-bottom: none;
}

.skuResolutionOptionsHeader {
  display: flex;
  width: 100%;
  padding: 0 30px;
  font: var(--mxt-font-body-bold);
  background-color: transparent;
  color: var(--toggle-blue);
  cursor: pointer;
}

.skuResolutionOptionsHeader.open {
  background-color: var(--toggle-blue);
  color: white;
}

.skuResolutionOptionsContainer.no-options .skuResolutionOptionsHeader {
  cursor: inherit;
}

p.skuResolutionOptionsText {
  user-select: none;
  line-height: 45px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  margin-bottom: 0;
}

.skuResolutionOptionsMore {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 1s ease;
}

.skuResolutionOptionsMore.skuResolutionOptionsMoreRotated {
  transform: rotate(180deg) translateY(50%);
}

.designProcessSubcategory {
  cursor: pointer;
  background: #ffffff;
  position: relative;
}

div.styleProductGrid {
  justify-content: flex-start;
}
#navigationPanels.nav-panel-max div.styleProductGrid {
  gap: 11px;
}
#navigationPanels.nav-panel-min div.styleProductGrid {
  gap: 9px;
}

.sku-resolution-modal {
  z-index: 1000 !important;
}

.designProcessImageScaledTextWide .mxt-grid-item-content {
  justify-content: center;
}

.mxt-grid-item .mxt-grid-price-selected {
  background-color: var(--toggle-blue);
  color: white;
  display: none;
}
.mxt-grid-item .mxt-grid-price {
  background-color: white;
  display: flex;
}
.mxt-grid-item .mxt-grid-price,
.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-grid-item.designProcessCurrentItem .mxt-grid-price-selected {
  display: flex;
}
.mxt-grid-item.designProcessCurrentItem .mxt-grid-price {
  display: none;
}
.mxt-grid-item.popularItem {
  position: relative;
}
.mxt-grid-item.popularItem .mxt-popular-icon {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 30px;
  height: 30px;
}
.mxt-grid-item.popularItem.designProcessCurrentItem .mxt-popular-icon {
  top: -3px;
  left: -3px;
}

.mxt-popular-tip .mxt-popover-content {
  padding: 7px;
}

.kong-product-grid.styleProductGrid:not(.styleProductGridWide) {
  grid-template-columns: repeat(auto-fit, 80px);
  justify-content: flex-start;
}
.kong-product-grid .mxt-grid-item {
  display: flex;
  flex-flow: column;
  border: none;
}
.kong-product-grid .mxt-grid-item .mxt-grid-price-selected {
  background-color: var(--toggle-blue);
  color: white;
  display: none;
}
.kong-product-grid .mxt-grid-item .mxt-grid-price {
  background-color: white;
  display: flex;
}
.kong-product-grid .mxt-grid-item .mxt-grid-price,
.kong-product-grid .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;
}
.kong-product-grid .mxt-grid-item.designProcessCurrentItem .mxt-grid-item-bg-img {
  border-color: var(--toggle-blue);
}
.kong-product-grid .mxt-grid-item.designProcessCurrentItem .mxt-grid-price-selected {
  display: flex;
}
.kong-product-grid .mxt-grid-item.designProcessCurrentItem .mxt-grid-price {
  display: none;
}
.kong-product-grid .mxt-grid-item-content .mxt-grid-item-text-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  height: 100%;
  width: 100%;
}
.kong-product-grid .mxt-grid-item-content .mxt-grid-item-bg-img {
  flex: 0 1 80px;
  border: var(--current-selected-border-width) solid transparent;
}
.kong-product-grid .mxt-grid-item-content .mxt-grid-item-bg-img + .mxt-grid-item-text-div {
  display: block;
  background: transparent;
  width: auto;
  height: auto;
  padding: 5px 0;
}
.kong-product-grid .designProcessImage {
  height: auto;
  background: none;
}
.kong-product-grid .designProcessImage:not(.designProcessImageScaledTextWide) {
  width: auto;
}
.kong-product-grid .designProcessImageScaledTextWide .mxt-grid-item-content {
  height: 50px;
  border-radius: var(--mxt-corner-roundness);
}
.kong-product-grid .designProcessImageScaledTextWide.designProcessCurrentItem {
  border: none;
}
.kong-product-grid .designProcessImageScaledTextWide.designProcessCurrentItem .mxt-grid-item-content .mxt-grid-item-text-div {
  background: var(--toggle-blue);
  color: white;
}

@media screen and (max-width: 800px) {
  .designProcessImageScaled {
    width: var(--style-grid-image-size-sm);
    height: var(--style-grid-image-size-sm);
  }
  .designProcessImageScaledTextWide {
    width: var(--style-grid-image-size-sm-wide);
    height: var(--style-grid-image-size-sm);
  }
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 1vw;
  }
  .styleProductGrid {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-sm));
  }
  .styleProductGridWide {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-sm-wide));
  }
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
  .designProcessImageScaled {
    width: var(--style-grid-image-size-md);
    height: var(--style-grid-image-size-md);
  }
  .designProcessImageScaledTextWide {
    width: var(--style-grid-image-size-md-wide);
    height: var(--style-grid-image-size-md);
  }
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.9vw;
  }
  .styleProductGrid {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-md));
  }
  .styleProductGridWide {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-md-wide));
  }
}
@media screen and (min-width: 1200px) {
  .designProcessImageScaled {
    width: var(--style-grid-image-size-lg);
    height: var(--style-grid-image-size-lg);
  }
  .designProcessImageScaledTextWide {
    width: var(--style-grid-image-size-lg-wide);
    height: var(--style-grid-image-size-lg);
  }
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.8vw;
  }
  .styleProductGrid {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-lg));
  }
  .styleProductGridWide {
    grid-template-columns: repeat(auto-fit, var(--style-grid-image-size-lg-wide));
  }
}
@media screen and (min-width: 1500px) {
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.7vw;
  }
}
@media screen and (min-width: 1700px) {
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.6vw;
  }
}
@media screen and (min-width: 2000px) {
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.5vw;
  }
}
@media screen and (min-width: 2400px) {
  .designProcessImageScaled .hoverBox h5,
  .hoverBox h4,
  .hoverBox h3,
  .hoverBox h2,
  .hoverBox h1,
  .hoverBox p {
    font-size: 0.4vw;
  }
}
.designProcessImage {
  background: #ffffff;
}

.designProcessSearchDiv {
  position: relative;
  flex: 1;
  padding: 0px 10px;
  font: var(--mxt-font-body-lg);
}

.designProcessSearchIcon {
  position: absolute;
  left: 15px;
  top: 5px;
}

.designProcessSearch {
  width: 100%;
  height: 40px;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  padding-left: 60px;
  min-width: 120px;
}

.designProcessSearch:focus {
  outline: none;
}

.sidePanelPane > .designProcessGrid.mxt-grid-container {
  width: calc(100% - 40px);
}

.designProcessGrid.mxt-grid-container {
  height: 100%;
}

.mxt-product-panel-content {
  position: relative;
  flex: 1;
  overflow-y: auto;
}

.mxt-product-panel-content .sidePanelPane {
  height: auto;
}

.mxt-product-panel-content .designProcessGrid:last-child {
  padding-bottom: 20px;
}

.mxt-product-panel-content .mxt-grid {
  padding-bottom: 20px;
}

.designProcessGridContainer {
  position: relative;
  overflow: hidden;
}

.designProcessFilters.designProcessPopoverFilters {
  box-shadow: var(--mxt-dark-drop-shadow);
  background: white;
  padding: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
}

.designProcessFilters {
  margin: 0px 20px 15px;
  gap: 5px;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.designProcessFilters .mxt-color-popover-filter-root,
.designProcessFilters .mxt-dropdown-container {
  margin: 0px;
  width: calc(50% - 5px);
  min-width: calc(50% - 5px);
  height: 40px;
}
.designProcessFilters .mxt-color-popover-filter-container {
  margin: 0px;
  width: 100%;
  height: 40px;
}
.designProcessFilters > :nth-child(4):not([hidden]).mxt-dropdown-container {
  width: calc(50% - 45px);
  min-width: calc(50% - 45px);
}
.designProcessFilters .mxt-dropdown-container {
  margin-left: 0px;
}
.designProcessFilters .mxt-dropdown {
  width: 100%;
  min-width: 100%;
  max-height: 250px;
  overflow-x: hidden;
}
.designProcessFilters .mxt-btn {
  margin: 0px;
}
.designProcessFilters .mxt-extended-filters-container {
  width: 200px;
}
.designProcessFilters .mxt-extended-filters-container .mxt-dropdown-container {
  width: 170px;
}

span.searchQueryText {
  font-style: italic;
}

.designProcessFilterList {
  margin: 13px 40px 10px 0px;
  display: flex;
}

.designProcessUsedFilters {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.designProcessClearAllFilters {
  margin-top: 3px;
}
.designProcessClearAllFilters .designProcessClearAllFiltersButton {
  color: var(--toggle-blue);
  cursor: pointer;
}

.product-filter-option-selected {
  color: white;
  height: 26px;
  border-radius: 13px;
  background-color: #cfcfcf;
  padding: 5px 5px;
  margin: 0px 5px 5px;
  text-wrap: nowrap;
}

span.product-filter-option-selected-x {
  cursor: pointer;
  padding: 0px 5px;
}

span.product-filter-option-selected-val {
  padding: 0px 15px 0px 5px;
}

.designProcessBack * {
  pointer-events: none;
}

.mxt-product-panel-header-text-row {
  display: flex;
  margin: 5px 25px 10px;
  align-items: center;
  border-bottom: 2px solid lightgray;
  padding-bottom: 10px;
  justify-content: center;
}

.mxt-product-panel-header-text {
  flex-grow: 1;
  text-align: center;
  color: var(--mxt-font-color);
  margin-left: 5px;
}

.mxt-product-panel-header-description {
  font-style: italic;
  text-align: center;
  margin: 0 25px 25px;
}

.mxt-product-panel-mod-con-category-indicator {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  justify-content: center;
  margin: 0 25px 25px;
}
.mxt-product-panel-mod-con-category-indicator p {
  font-style: italic;
  text-align: center;
  vertical-align: middle;
}
.mxt-product-panel-mod-con-category-indicator img {
  vertical-align: middle;
}

.mxt-product-panel-mod-con-products-indicator {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  justify-content: left;
  margin: 0 25px 25px;
}

.mxt-product-panel-header {
  flex: 0;
  position: relative;
}

.mxt-accordian.mxt-recents-section-header {
  font: var(--mxt-font-body-lg-bold);
}

.mxtCannotPlacePopover.mxt-popover {
  padding: 20px;
  font: var(--mxt-font-body-bold);
  color: #ad0606;
  text-align: center;
  z-index: 11111;
}

.designProcessImage .mod-con-img {
  position: absolute;
  top: 0px;
  left: 5px;
  box-shadow: 1px 1px 3px #666666;
  border-radius: 6px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background: white;
}

.mxt-color-picker-section {
  padding: 0 20px 20px;
}

.mxt-image-upload-section {
  display: grid;
  grid-template-rows: 50% 50%;
  padding: 10px;
  background: white;
  margin-bottom: 20px;
}

.mxt-image-upload-section .left-block,
.mxt-image-upload-section .right-block {
  display: flex;
  padding: 10px;
  flex-direction: column;
}

.mxt-image-upload-section .left-block {
  justify-content: center;
}
.mxt-image-upload-section .left-block .upload-title {
  font: var(--mxt-font-body-lg-bold);
  margin-bottom: 5px;
}
.mxt-image-upload-section .right-block {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-self: center;
}
.mxt-image-upload-section .right-block button.mxt-btn {
  width: 100%;
}
.mxt-image-upload-section .mxt-image-upload-section-not-logged-in p {
  margin-bottom: 10px;
}

.mxt-custom-texture-category,
.mxt-custom-color-category {
  width: 100%;
  height: 100%;
}

.mxt-image-upload-input {
  visibility: hidden;
  height: 1px;
  width: 1px;
  padding: 0px;
  top: 0px;
  position: absolute;
}

.mxt-file-type-icons-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}

.mxt-file-type-icon {
  max-width: 33%;
}

.mxt-product-panel-header-text-row .mxt-product-grid-layout-picker,
.mxt-popover-content .mxt-product-grid-layout-picker {
  display: flex;
}
.mxt-product-panel-header-text-row .mxt-product-grid-layout-picker-content,
.mxt-popover-content .mxt-product-grid-layout-picker-content {
  display: flex;
}

.sidePanel .mxt-popover .mxt-product-grid-layout-picker-content {
  display: flex;
}

.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem.designProcessGridItemCable .designProcessGridTitle,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem.designProcessGridItemCable .designProcessGridTitle {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: fit-content;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content {
  flex-flow: row;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content:has(.mxt-grid-item-actions),
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content:has(.mxt-grid-item-actions) {
  padding-right: 47px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content:has(.mxt-grid-item-actions).skuResolutionGridItem,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content:has(.mxt-grid-item-actions).skuResolutionGridItem {
  padding-right: 34px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-bg-img,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-bg-img {
  display: none;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .designProcessGridTitleDiv,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .designProcessGridTitleDiv {
  flex-grow: 1;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-actions,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-actions {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-left: solid 1px #ebebeb;
  padding: 0px 8px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-actions img,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-grid-item-actions img {
  margin-top: 0px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-product-availability-img,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-product-availability-img {
  position: relative;
  left: 0px;
  top: 0px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .designProcessGridTitleDiv,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .designProcessGridTitleDiv {
  margin-top: 0px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer {
  border-left: solid 1px #ebebeb;
  border-top: none;
  margin: unset;
  width: 120px;
  min-width: 120px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer.no-options .skuResolutionOptionsHeader p.skuResolutionOptionsText,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer.no-options .skuResolutionOptionsHeader p.skuResolutionOptionsText {
  right: 0px;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader {
  padding: 5px;
  display: flex;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader .skuResolutionOptionsText,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader .skuResolutionOptionsText {
  position: relative;
  right: -10px;
  text-align: right;
}
.mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader .skuResolutionOptionsMore,
.mxt-grid-container.designProcessGridRecent.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .skuResolutionOptionsContainer .skuResolutionOptionsHeader .skuResolutionOptionsMore {
  position: relative;
  top: 0px;
  right: -8px;
  transform: 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-room-planner/scss/social.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
#sharing-screen {
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}

#sharing-image-modal {
  width: 80%;
  background: rgba(242, 242, 242, 0.95);
  height: 85%;
}

#sharing-image-modal-content {
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: auto;
}

div#sharing-close {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  top: -20px;
  right: -20px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

.sharing-modal-text {
  text-align: center;
}

.sharing-back-button {
  position: absolute !important;
  top: 15px;
  left: 15px;
  z-index: 1;
}

#sharing-modal-header {
  margin-top: 30px;
}

div#sharing-modal-copy-link {
  width: 140px;
  padding: 0px 5px;
}

#account-page .mxt-full-modal-screen {
  position: fixed;
}

.gallery-delete-modal {
  padding: 40px;
}

.mxt-gallery-delete-buttons-wrapper {
  display: flex;
  width: 250px;
  margin: 10px auto;
  flex-direction: column;
}

.mxt-deleting-btn,
.mxt-deleting-cancel-btn {
  margin: 5px;
}

.sharing-copy-link-modal input {
  font: var(--mxt-font-body);
}

.gallery-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 20px;
  height: 100%;
  overflow: hidden;
}

.gallery-container .mxt-grid-container {
  position: relative;
}

.gallery-container .screenshot-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gallery-container .screenshot-detail .screenshot-image-container {
  overflow: auto;
  text-align: center;
}

.gallery-container .screenshot-detail .screenshot-image-container img {
  display: inline-block;
}

.gallery-container .screenshot-detail .screenshot-detail-footer {
  flex-grow: 1;
  padding-bottom: 10px;
  background: white;
  text-align: center;
  color: var(--mxt-non-cta-button-font-color);
}

.gallery-container .screenshot-detail .project-metadata {
  display: flex;
  flex-direction: row;
  padding: 10px 10px 20px 10px;
}

.gallery-container .screenshot-detail .project-metadata .project-date {
  margin-left: auto;
}

.gallery-container .screenshot-detail .sharing-options {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  padding: 0 50px;
  margin-bottom: 20px;
}
.gallery-container .screenshot-detail .sharing-options .mxt-btn-icon-only {
  border: none;
  box-shadow: none;
}

.gallery-container .screenshot-detail .pano-viewer {
  overflow: auto;
  text-align: center;
  height: 100%;
}

.mxt-share-qr {
  display: inline-block;
  image-rendering: pixelated;
}

.qr-share-modal {
  min-height: 445px;
}

.mxt-gallery-screenshot-gallery {
  margin: 0px 36px;
  border-radius: var(--mxt-corner-roundness);
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
}
.mxt-gallery-screenshot-gallery .mxt-galley-screenshot-container {
  display: flex;
  flex-flow: column;
  overflow: auto;
  flex: 1;
  background: white;
  padding: 30px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots {
  flex: 1;
  overflow: auto;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-no-screenshots {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 35px;
  color: var(--mxt-non-cta-button-font-color);
  border: solid 1px #c1c1c1;
  background: rgba(242, 242, 242, 0.95);
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid {
  gap: 10px;
  display: grid;
  grid-template-columns: calc(50% - 5px) calc(50% - 5px);
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card-more-actions {
  position: absolute;
  top: 0px;
  right: 0px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card-overlay {
  display: flex;
  opacity: 1;
  flex-direction: column;
  color: white;
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card-overlay button {
  padding: 0px 15px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card-overlay h4 {
  font: var(--mxt-font-body-lg-bold);
  margin: 8px 0;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-download-btn {
  text-decoration: none;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-bottom-bar {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 12px;
  border-top: 1px solid var(--Lines, #e7e7e7);
  justify-content: space-between;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-bottom-bar .mxt-gallery-actions {
  display: flex;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card {
  border: 1px solid #f4f4f4;
  position: relative;
  display: flex;
  flex-flow: column;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card .mxt-hover-over-image {
  flex-direction: column;
  color: white;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card .mxt-hover-over-image button {
  padding: 0px 15px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card .mxt-hover-over-image h4 {
  font: var(--mxt-font-body-lg-bold);
  margin: 8px 0;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshots .mxt-gallery-screenshot-grid .mxt-gallery-screenshot-card .mxt-gallery-screenshot {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshot-actions {
  display: flex;
  justify-content: center;
  margin: 25px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshot-actions .mxt-btn {
  min-width: 215px;
  margin: 0 10px;
}
.mxt-gallery-screenshot-gallery .mxt-gallery-screenshot-header {
  font: var(--mxt-font-header);
  display: flex;
  justify-content: center;
  margin: 0px;
  margin-bottom: 30px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/renderer-navbar.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* Top camera controls */
#rendererNavBarParent {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 20px;
  display: flex;
}
#rendererNavBarParent .left-content {
  display: none;
}
#rendererNavBarParent #cameraControlsContainer.camera-submode .last {
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
}
#rendererNavBarParent #cameraControlsContainer.camera-submode.zoom-only #zoomInCameraButton {
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
}
#rendererNavBarParent #cameraControlsContainer.camera-submode.zoom-only #cameraViewSegmentedMenuContainer {
  display: none;
}
#rendererNavBarParent #cameraControlsContainer .mxt-btn.control-disabled {
  cursor: not-allowed;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container {
  align-items: center;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container .mxt-switch-label,
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container .mxt-switch {
  margin-bottom: 0px;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container .mxt-switch {
  width: 40px;
  height: 20px;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container .mxt-switch input:checked + .mxt-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton .mxt-switch-container .mxt-switch .mxt-slider:before {
  height: 16px;
  width: 16px;
  right: 22px;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton.control-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
#rendererNavBarParent #cameraControlsContainer #substructureCameraButton.control-disabled * {
  opacity: 0.5;
}
#rendererNavBarParent #cameraControlsContainer #cameraViewSegmentedMenuContainer {
  border-top-left-radius: 0;
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: 0;
}
#rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton {
  min-width: unset;
  width: auto;
}
#rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton .mxt-btn-container {
  width: auto;
}
#rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton .mxt-btn-container #mxtRefineSpaceImage {
  padding-right: 5px;
  flex-shrink: 0;
}
#rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton .mxt-btn-container #mxtRefineSpaceText {
  display: none;
}
@media (min-width: 1200px) {
  #rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton {
    min-width: inherit;
  }
  #rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton .mxt-btn-container #mxtRefineSpaceText {
    display: inherit;
  }
}

#wallModeButtonsContainer {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  /* Wall Mode Left / Right Camera Controls */
}
#wallModeButtonsContainer.shift {
  top: 80px;
}
#wallModeButtonsContainer #wallModeButtons {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  height: 35px;
  width: 105px;
  z-index: 1000;
  border-radius: var(--mxt-corner-roundness);
  padding: 3px 8px;
  display: block;
  margin: auto;
  position: relative;
  background: white;
}
#wallModeButtonsContainer #wallModeButtons .wallModeButton {
  padding: 5px 0px;
  float: left;
}
#wallModeButtonsContainer #wallModeButtons .wallModeButton .wallModeButtonIcon {
  width: 20px;
}
#wallModeButtonsContainer #wallModeButtons #wallModeLeftButton {
  margin-left: 8px;
}

.toolbelt-mode-overlay:not(.mxt-hidden) ~ #rendererNavBarParent {
  top: 65px;
}
.toolbelt-mode-overlay:not(.mxt-hidden) ~ #wallModeButtonsContainer {
  top: 66px;
}

body.mxt-room-planner-phone #rendererNavBarParent {
  position: absolute;
  inset: 0 0 auto 0;
  background-color: var(--mxt-nav-control-background-color);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
}
body.mxt-room-planner-phone #rendererNavBarParent .left-content {
  display: unset;
}
body.mxt-room-planner-phone #rendererNavBarParent .mxt-nav-control-button {
  box-shadow: unset;
}
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer {
  flex-grow: 1;
  justify-content: right;
  margin-left: unset;
  box-shadow: unset;
}
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer .mxt-btn-icon-only {
  width: 60px;
  height: 50px;
}
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer .mxt-btn-icon-only img {
  width: 50px;
  height: 50px;
}
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer #cameraViewButton,
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer #screenshotCameraButton,
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer #mxtRefineSpaceButton,
body.mxt-room-planner-phone #rendererNavBarParent #cameraControlsContainer #cameraViewSegmentedMenuContainer {
  display: none;
}
body.mxt-room-planner-phone #floorViewButton,
body.mxt-room-planner-phone #roomViewButton {
  min-width: unset;
}
body.mxt-room-planner-phone #floorViewButton span,
body.mxt-room-planner-phone #roomViewButton span {
  display: none;
}
body.mxt-room-planner-phone .mxt-device-landscape #mobileMainMenuButton {
  display: none;
}
body.mxt-room-planner-phone .mxt-device-landscape #rendererNavBarParent {
  left: auto;
  top: 10px;
  right: 10px;
}
body.mxt-room-planner-phone .mxt-device-landscape #renderer-toolbelt.mxt-toolbelt {
  display: none;
}

@container designer-container (orientation: portrait) {
  body.mxt-room-planner-phone #rendererNavBarParent {
    height: 50px;
  }
  body.mxt-room-planner-phone #rendererNavBarParent #mobileMainMenuButton {
    width: 60px;
    height: 50px;
  }
}
#mxt-renderer-header-container {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  pointer-events: none;
}
#mxt-renderer-header-container > * {
  pointer-events: all;
}
#mxt-renderer-header-container #mxt-renderer-header {
  position: relative;
  pointer-events: none;
}
#mxt-renderer-header-container #mxt-renderer-header > * {
  pointer-events: all;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/bill-of-materials.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.bom-fixes-agreement {
  text-align: center;
  padding: 15px 0;
  color: var(--mxt-font-color);
  display: flex;
  justify-content: center;
}
.bom-fixes-agreement.error {
  color: #aa4442;
}
.bom-fixes-agreement.error span.mxt-custom-checkmark {
  border-color: #aa4442;
}
.bom-fixes-agreement.error a {
  color: #aa4442;
}
.bom-fixes-agreement-label {
  margin-left: 25px;
  margin-top: 3px;
  font: var(--mxt-font-body-bold);
}
.bom-fixes-agreement a {
  color: #4fc1df;
}

#bom-header-row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

#bom-products {
  background: white;
}

#bomModal {
  height: calc(100% - 100px);
  overflow: visible;
  --product-width: 50%;
  --qty-width: 10%;
  --unit-price-width: 20%;
  --total-price-width: 20%;
  --cart-product-width: 55%;
  --cart-qty-width: 20%;
  --cart-unit-price-width: 10%;
  --cart-total-price-width: 15%;
}

#bomModal p.bom-zip-link {
  text-align: center;
  color: #2aadc5;
  margin-bottom: 24px;
  cursor: pointer;
}

#bomModal p.bom-zip-link:hover {
  color: #1f8293;
}

.bom-table-headers {
  display: flex;
  height: 50px;
  align-items: center;
  font: var(--mxt-font-body-lg-bold);
  color: var(--mxt-font-color);
  background: white;
}

.bom-table-header {
  text-align: center;
  user-select: none;
}

.bom-footer {
  height: 80px;
  display: flex;
}

.bom-footer-text {
  flex: 1;
  padding: 8px 20px;
  color: var(--mxt-font-color);
}

.bom-footer-price-container {
  width: 150px;
}

.bom-footer-total {
  font: var(--mxt-font-body-lg-bold);
}

.bom-footer-total-sub {
  font: var(--mxt-font-body-sm);
}

.bom-footer-price {
  text-align: center;
  font: var(--mxt-font-header);
  letter-spacing: 0.4px;
  color: #2aadc5;
}

#cart-back-btn {
  padding: 0px 20px;
  margin-left: 20px;
}

#cart-header {
  padding: 0px 20px;
  text-align: center;
  color: var(--mxt-font-color);
  margin-bottom: 10px;
}

#cart-modal-content .bom-modal-body {
  background: white;
}

.cart-table-headers.bom-table-headers {
  font: var(--mxt-font-body-bold);
}

#bom-send-order {
  display: flex;
  width: 260px;
  height: 50px;
  justify-content: center;
  color: white;
  line-height: 30px;
}

#bom-send-order-img {
  width: 22px;
  height: 22px;
  opacity: 0.5;
  top: 3px;
  position: relative;
  margin-right: 5px;
}

.bom-btn:not(:last-child) {
  margin-right: 20px;
}

.bom-btn img {
  margin-left: 5px;
}

#bomModal .bom-modal-content {
  height: 100%;
  display: flex;
  flex-flow: column;
  font: var(--mxt-font-body-lg);
}

#bomModal .bom-modal-body {
  overflow: auto;
  flex: 1;
  padding: 0px;
  color: var(--mxt-font-color);
  border-radius: var(--mxt-corner-roundness);
}

@media (min-width: 768px) {
  #css-overrides #bomModal {
    width: 700px;
  }
}
.enhanced-bom-check-modal {
  width: 60vw;
  padding: 25px 0;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.enhanced-bom-check-modal p {
  width: 85%;
}
.enhanced-bom-check-modal .comparison-container {
  width: 85%;
  display: flex;
  justify-content: space-evenly;
  margin: 5px 0;
}
.enhanced-bom-check-modal .comparison-container img {
  width: 100%;
  height: auto;
  min-width: 0;
}
.enhanced-bom-check-modal .btn-container {
  width: 85%;
  display: flex;
  justify-content: space-evenly;
}
.enhanced-bom-check-modal .mxt-cta-button {
  width: 45%;
}
@media (min-width: 767px) {
  .enhanced-bom-check-modal {
    width: 600px;
  }
}

.background-bom-popover-container,
.background-bom-popover-container__blueprint {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  text-align: center;
}
.background-bom-popover-container.mxt-popover,
.background-bom-popover-container__blueprint.mxt-popover {
  max-width: unset;
}
.background-bom-popover-container .mxt-modal-arrow-outer,
.background-bom-popover-container__blueprint .mxt-modal-arrow-outer {
  display: none;
}
.background-bom-popover-container .mxt-generating-bom,
.background-bom-popover-container__blueprint .mxt-generating-bom {
  width: 175px;
  height: 44px;
}
.background-bom-popover-container .mxt-generating-bom .progress-container,
.background-bom-popover-container__blueprint .mxt-generating-bom .progress-container {
  width: 90%;
}
.background-bom-popover-container .generation-complete,
.background-bom-popover-container__blueprint .generation-complete {
  width: 220px;
  height: 120px;
}
.background-bom-popover-container .generation-failure,
.background-bom-popover-container__blueprint .generation-failure {
  width: 330px;
  height: 200px;
}

.mxt-generating-bom {
  font: var(--mxt-font-body-bold);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.mxt-generating-bom .progress-container {
  width: 100%;
  margin-top: 0.5rem;
  height: 8px;
  border-radius: var(--mxt-corner-roundness);
  background-color: rgb(239, 239, 244);
}
.mxt-generating-bom .progress-container #background-bom-generation-progress-bar,
.mxt-generating-bom .progress-container #report-generation-progress-bar {
  width: 0;
  height: 100%;
  border-radius: var(--mxt-corner-roundness);
  background-image: linear-gradient(to right, #4fc1df -11%, #4fc1df 72%);
  transition: width 0.5s ease;
}

.generation-complete {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
  background: var(--primary-right-gradient);
  color: #fff;
}
.generation-complete p {
  font: var(--mxt-font-body);
}
.generation-complete .mxt-btn {
  width: 80%;
  height: 30px;
  text-decoration: none;
}

.generation-failure {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
.generation-failure .mxt-cta-button {
  width: 80%;
}
.generation-failure .close-button {
  top: -20px;
  right: -20px;
  position: absolute;
  width: 40px;
  height: 40px;
  min-width: inherit;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: var(--mxt-dark-drop-shadow);
}
.generation-failure .error-icon {
  display: inline-block;
}
.generation-failure h5 {
  font: var(--mxt-font-body-bold);
  padding-bottom: 10px;
}

.background-bom-popover-container__blueprint {
  position: absolute !important;
  left: 0 !important;
  bottom: 15px;
  margin: -80px 0 0 20px;
}

* ~ .background-bom-popover-container {
  margin-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-room-planner/scss/bom-atc-modal.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.bom-atc-modal {
  width: 80%;
  min-width: 600px;
  background: #f7f7f7;
  height: 80%;
  border-radius: 0;
  /** qty column needs min width b.c of carousel*/
}
.bom-atc-modal .closeButton {
  opacity: 1;
  top: 0;
  right: 0;
  background-color: transparent;
  border-radius: 0;
  width: 44px;
  height: 44px;
  box-shadow: none;
}
.bom-atc-modal-content, .bom-atc-modal-custom {
  width: calc(100% - 320px);
  height: 100%;
}
.bom-atc-modal-header-container {
  height: 40px;
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}
.bom-atc-modal-header-container .bom-atc-modal-header {
  display: flex;
  justify-content: space-between;
}
.bom-atc-modal-header-container .bom-atc-modal-header div {
  height: 100%;
  font: var(--mxt-font-body-lg);
  line-height: 50px;
}
.bom-atc-modal-header-container .bom-atc-modal-header div:first-child {
  padding-left: 8px;
}
.bom-atc-modal-content, .bom-atc-modal-cart-panel {
  display: block;
}
.bom-atc-modal-cart-panel {
  width: 320px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 35px;
  overflow: scroll;
}
.bom-atc-modal-cart-panel-container {
  min-height: 570px;
  position: relative;
}
.bom-atc-modal-cart-panel-header {
  text-align: center;
  margin-top: 70px;
}
.bom-atc-modal-cart-panel-button {
  width: 100%;
  margin: 0 0 20px;
}
.bom-atc-modal-cart-panel-desc {
  margin: 20px 0 30px;
  text-align: center;
  font: var(--mxt-font-body-lg);
}
.bom-atc-modal-cart-panel-email-header {
  text-align: center;
  font: var(--mxt-font-body);
  color: var(--mxt-font-color);
}
.bom-atc-modal-cart-panel-email-container {
  display: flex;
  height: 40px;
  margin-bottom: 40px;
}
.bom-atc-modal-cart-panel-email-container input {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff;
  flex-grow: 1;
}
.bom-atc-modal-cart-panel-email-btn-style {
  display: block;
  background-image: linear-gradient(to left, #167586, #144969 0%);
  flex-basis: 40px;
  height: 100%;
  flex-grow: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.bom-atc-modal-cart-panel-email-btn-style img {
  margin-left: 7px;
}
.bom-atc-modal-cart-panel-email-btn-style.mxt-btn-disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}
.bom-atc-modal-cart-panel-total {
  padding-top: 21px;
  border-top: 1px solid #c1c1c1;
  font-size: 22px;
  line-height: 28px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 21px;
}
.bom-atc-modal-cart-panel-total-label {
  display: block;
  flex-basis: auto;
  flex-grow: 0;
}
.bom-atc-modal-cart-panel-total-display {
  display: block;
  flex-basis: auto;
  flex-grow: 0;
}
.bom-atc-modal-cart-panel-send-btn {
  display: block;
  border-radius: 6px;
  box-shadow: 0 1px 0 0 #054253;
  background-image: linear-gradient(to left, #167586, #144969 0%);
  line-height: 40px;
  color: #fff;
  width: 100%;
  margin-bottom: 15px;
}
.bom-atc-modal-cart-panel-send-btn.mxt-btn-disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}
.bom-atc-modal-cart-panel-additional {
  font: var(--mxt-font-body);
  text-align: center;
  line-height: 20px;
  margin: 0;
}
.bom-atc-modal-cart-panel-reset-qty {
  position: absolute;
  bottom: 35px;
  left: 0;
  font: var(--mxt-font-body-bold);
  width: 100%;
  text-align: center;
  color: var(--mxt-font-color-disabled);
}
.bom-atc-modal-cart-panel-reset-qty.reset-qty-enabled {
  color: var(--toggle-blue);
}
.bom-atc-modal-bom-exclusive {
  display: none;
}
.bom-atc-modal.bom-only .bom-atc-modal-bom-exclusive {
  display: initial;
}
.bom-atc-modal.bom-only .bom-atc-modal-cart-exclusive {
  display: none;
}
.bom-atc-modal-custom {
  display: none;
  overflow: auto;
}
.bom-atc-modal.custom-view .bom-atc-modal-custom {
  display: block;
}
.bom-atc-modal.custom-view .bom-atc-modal-content {
  display: none;
}
.bom-atc-modal-cart-panel-send-btn-sending {
  display: none;
}
.bom-atc-modal.sending-order .bom-atc-modal-cart-panel-send-btn-sending {
  display: inline;
}
.bom-atc-modal.sending-order .bom-atc-modal-cart-panel-send-btn-text {
  display: none;
}
.bom-atc-modal-product-col {
  flex-basis: 55%;
  flex-grow: 0;
  text-align: left;
}
.bom-atc-modal.bom-only {
  /** if cannot change qty, do not need min width */
}
.bom-atc-modal.bom-only .bom-atc-modal-qty-col {
  flex: 0 0 10%;
}
.bom-atc-modal-qty-col {
  flex: 0 0 90px;
  text-align: center;
}
.bom-atc-modal-price-col, .bom-atc-modal-total-col, .bom-atc-modal-dropdown-col {
  flex-basis: 10%;
  flex-grow: 0;
  text-align: center;
}
.bom-atc-modal-price-col, .bom-atc-modal-total-col {
  min-width: 65px;
}
.bom-atc-modal-dropdown-col {
  min-width: 0;
}
.bom-atc-modal-products-list-row-inactive .bom-atc-modal-product-col, .bom-atc-modal-products-list-row-inactive .bom-atc-modal-qty-col, .bom-atc-modal-products-list-row-inactive .bom-atc-modal-price-col, .bom-atc-modal-products-list-row-inactive .bom-atc-modal-total-col, .bom-atc-modal-products-list-row-inactive .bom-atc-modal-products-list-row-content-more {
  opacity: 0.5;
}
.bom-atc-modal-products-list-row-content-more {
  display: none;
}
.bom-atc-modal-products-container {
  width: 100%;
  height: calc(100% - 105px);
  overflow: scroll;
  padding: 0px 10px 30px 30px;
}
.bom-atc-modal-products-list {
  padding: 0;
  margin: 0;
}
.bom-atc-modal-products-list-row {
  padding: 10px 0;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  list-style: none;
}
.bom-atc-modal-products-list-row .bom-atc-modal-products-list-dropdown-container img {
  transform: rotate(0deg);
  transition: all 0.3s ease;
  cursor: pointer;
}
.bom-atc-modal-products-list-row-content {
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 0;
  justify-content: space-between;
}
.bom-atc-modal-products-list-row-content-more {
  padding: 0 0 0 7px;
}
.bom-atc-modal-products-list-row.open .bom-atc-modal-products-list-row-content {
  margin-bottom: 10px;
}
.bom-atc-modal-products-list-row.open .bom-atc-modal-products-list-row-content-more,
.bom-atc-modal-products-list-row.open .bom-atc-modal-products-list-subproducts-list {
  display: block;
}
.bom-atc-modal-products-list-row.open .bom-atc-modal-products-list-dropdown-container img {
  transform: rotate(90deg);
}
.bom-atc-modal-products-list-category {
  border-bottom: 1px solid #c1c1c1;
  display: flex;
  padding: 4px 0 4px 5px;
  margin-bottom: 10px;
  font: var(--mxt-font-body-lg-bold);
  color: var(--mxt-font-color);
  line-height: 25px;
}
.bom-atc-modal-products-list-category-name {
  padding-left: 8px;
}
.bom-atc-modal-products-list-category-quantity {
  margin-left: 5px;
}
.bom-atc-modal-products-list-product-container {
  display: flex;
  align-items: center;
  padding-left: 10px;
  position: relative;
}
.bom-atc-modal-products-list-product-container h2 {
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-lg);
  overflow: auto;
  max-height: 100%;
}
.bom-atc-modal-products-list-product-container-img {
  flex: 0 0 90px;
  height: 90px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.bom-atc-modal-products-list-qty-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.bom-atc-modal-products-list-qty-container > div:first-child {
  padding: 5px 4px;
  border-radius: 6px;
  border: solid 1px #e5e5e5;
  display: flex;
}
.bom-atc-modal-products-list-qty-container > div:first-child > div, .bom-atc-modal-products-list-qty-container > div:first-child > button {
  width: 20px;
  height: 20px;
}
.bom-atc-modal-products-list-qty-container > div:last-child {
  font: var(--mxt-font-body-bold);
  font-style: italic;
  position: absolute;
  bottom: 2px;
}
.bom-atc-modal-products-list-price-container, .bom-atc-modal-products-list-total-container, .bom-atc-modal-products-list-dropdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bom-atc-modal-products-list-qty-display {
  margin: 0 5px;
  line-height: 20px;
  text-align: center;
  width: 38px;
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
  /** hide input arrows since we have our own*/
  -moz-appearance: textfield;
}
.bom-atc-modal-products-list-qty-display::-webkit-outer-spin-button, .bom-atc-modal-products-list-qty-display::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
 .bom-atc-modal-products-list-sku {
  font: var(--mxt-font-body-lg);
  color: var(--mxt-font-color);
}
.bom-atc-modal-products-list-subproducts-list {
  margin-top: 8px;
}
.bom-atc-modal-products-list-subproducts-list li {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.bom-atc-modal-products-list-subproducts-list-product-container {
  font: var(--mxt-font-body-lg-bold);
  color: var(--mxt-font-color);
  padding-left: 8px;
  line-height: 20px;
}
.bom-atc-modal-products-list-subproducts-list-price-container {
  display: block;
  line-height: 20px;
}
.bom-atc-modal .bom-atc-modal-products-list-reason-for-addition,
.bom-atc-modal .bom-atc-modal-products-list-reason-for-deletion {
  font: var(--mxt-font-body-lg);
  color: var(--mxt-font-color);
  font-style: italic;
}
.bom-atc-modal.bom-read-only .bom-atc-modal-products-list-qty-controls {
  border: none;
}
.bom-atc-modal.bom-read-only .bom-atc-modal-products-list-qty-controls button {
  display: none;
}
.bom-atc-modal.bom-read-only .bom-atc-modal-products-list-qty-container {
  pointer-events: none;
}
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-email-btn,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-desc,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-download,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-email-header,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-email-container,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-exclusive,
.bom-atc-modal.bom-read-only .bom-atc-modal-cart-panel-reset-qty, .bom-atc-modal.bom-read-only.mxt-editable-bom .editable-bom-selection-container, .bom-atc-modal.bom-read-only.mxt-editable-bom .editable-bom-update-container, .bom-atc-modal.bom-read-only.mxt-editable-bom .editable-bom-edit-container {
  display: none;
}
.bom-atc-modal.bom-only .bom-atc-modal-products-list-qty-container > div {
  padding: 0;
  border-radius: 0;
  border: none;
  display: flex;
}
.bom-atc-modal.bom-only .bom-atc-modal-products-list-qty-container > div > button {
  display: none;
}
.bom-atc-modal.no-price .bom-atc-modal-product-col {
  flex-basis: 80%;
}
.bom-atc-modal.no-price .bom-atc-modal-price-col,
.bom-atc-modal.no-price .bom-atc-modal-total-col,
.bom-atc-modal.no-price .bom-atc-modal-cart-panel-total,
.bom-atc-modal.no-price .bom-atc-modal-cart-panel-additional {
  display: none;
}
.bom-atc-modal.no-qty .bom-atc-modal-product-col {
  flex-basis: 65%;
}
.bom-atc-modal.no-qty .bom-atc-modal-qty-col {
  display: none;
}
.bom-atc-modal.no-qty.no-price .bom-atc-modal-product-col {
  flex-basis: 100%;
}
.bom-atc-modal-product-toggle-btn {
  display: flex;
  width: 24px;
  height: 24px;
  background: transparent;
  border: solid 2px #c1c1c1;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.bom-atc-modal-product-toggle-btn-product {
  position: absolute;
  top: -4px;
  left: 5px;
  z-index: 1;
}
.bom-atc-modal-product-toggle-btn-active-icon {
  display: none;
  width: 50px;
  height: 100px;
  max-width: none;
  max-height: none;
  margin-right: -24px;
}
.bom-atc-modal-product-toggle-btn-inactive-icon {
  width: 46px;
  height: 46px;
  max-width: none;
  max-height: none;
}
.bom-atc-modal-product-toggle-btn-active {
  background: #4cd964;
  border: none;
}
.bom-atc-modal-product-toggle-btn-active .bom-atc-modal-product-toggle-btn-active-icon {
  display: block;
}
.bom-atc-modal-product-toggle-btn-active .bom-atc-modal-product-toggle-btn-inactive-icon {
  display: none;
}
.bom-atc-modal-popover {
  color: #4fc1df;
  padding: 22px 25px;
  z-index: 100000;
}
.bom-atc-modal .bom-active-product-header {
  height: 40px;
  margin: 0 0.4rem 0 2rem;
  font-size: 1.3rem;
  border-bottom: 1px solid gainsboro;
  padding: 2rem 0;
}
.bom-atc-modal.mxt-editable-bom {
  container: editable-bom/inline-size;
  height: 100%;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-category {
  border-bottom: none;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-category-name,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-category-quantity {
  font-weight: normal;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-header-container .bom-atc-modal-header {
  justify-content: flex-start;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-container {
  min-height: 7rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content {
  min-height: 7rem;
  align-items: stretch;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-product-container h2 {
  padding-right: 0.5rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-cart-panel-email-container {
  flex-wrap: wrap;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-email-loading {
  flex-basis: 100%;
  text-align: center;
  padding-top: 0.5rem;
  color: grey;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-email-confirmation {
  flex-basis: 100%;
  text-align: center;
  padding-top: 0.5rem;
  color: green;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-header .bom-atc-modal-product-col {
  flex-basis: 34%;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-header .bom-atc-modal-qty-col {
  flex: 0 0 20%;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal.bom-only .bom-atc-modal-qty-col {
  flex: 0 0 20%;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-email-failure {
  color: red;
  text-align: center;
  margin: 0.3rem;
  font-size: 0.8rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-price-col,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-total-col {
  justify-content: center;
  display: flex;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-price-col {
  flex: 0 0 20%;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-total-col {
  flex: 0 0 0;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-content {
  position: relative;
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  padding-bottom: 60px;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-content::-webkit-scrollbar {
  display: none;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-container {
  height: auto;
  overflow: visible;
  padding: 0px 6.4px 30px 30px;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content-empty {
  display: flex;
  justify-content: flex-start;
  padding: 0.3rem 1rem;
  align-items: center;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content-empty img {
  margin-right: 1rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-product-toggle-btn-active {
  display: none;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-selection-container {
  display: flex;
  flex: 0 0 40px;
  justify-content: space-evenly;
  margin-right: 1rem;
  align-items: center;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-selection-container input {
  box-shadow: none;
  width: 1rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-update-container {
  flex: 0 0 15%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-update-container button {
  margin: 0 0.8rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-controls-disabled {
  pointer-events: none;
  opacity: 30%;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-replace-disabled {
  display: none;
}
.bom-atc-modal.mxt-editable-bom.bom-only .bom-atc-modal-products-list-qty-container > div {
  padding: 5px 4px;
  border-radius: 6px;
  border: solid 1px #e5e5e5;
  display: flex;
}
.bom-atc-modal.mxt-editable-bom.bom-only .bom-atc-modal-products-list-qty-container .bom-atc-modal-products-list-qty-extra {
  border: none;
}
.bom-atc-modal.mxt-editable-bom.bom-only .bom-atc-modal-products-list-qty-container > div > button {
  display: block;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-display {
  border-radius: var(--mxt-corner-roundness);
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-container > div:last-child {
  font: var(--mxt-font-body-bold);
  font-style: italic;
  position: absolute;
  bottom: 2px;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-header .bom-atc-modal-price-col,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-header .bom-atc-modal-total-col {
  flex-basis: 13%;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-editable-bom-changes-made {
  background: #f9eddc;
  padding: 2rem;
  margin: 1rem 0;
  border: 1px solid #dfa54f;
  font-size: 0.9rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-edit-container {
  position: absolute;
  width: calc(100% - 320px);
  bottom: 0;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3);
  background: white;
  padding: 0.5rem 0.3rem 0.5rem 0.5rem;
  display: flex;
  justify-content: space-between;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-primary-button-container {
  display: flex;
  flex: 0 0 35%;
  justify-content: flex-start;
  padding-left: 1.3rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-primary-button-container button {
  margin-right: 0.5rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-add-product {
  margin-right: 0.1rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-delete-selected,
.bom-atc-modal.mxt-editable-bom .editable-bom-group-selected,
.bom-atc-modal.mxt-editable-bom .editable-bom-add-to-key-products,
.bom-atc-modal.mxt-editable-bom .editable-bom-remove-from-key-products,
.bom-atc-modal.mxt-editable-bom .editable-bom-undo-changes,
.bom-atc-modal.mxt-editable-bom .editable-bom-add-product {
  height: var(--mxt-nav-menu-height);
  background: var(--mxt-nav-control-primary-background-color);
  color: var(--mxt-toolbar-cta-font-color);
  padding: 0.5rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-delete-selected:disabled,
.bom-atc-modal.mxt-editable-bom .editable-bom-group-selected:disabled,
.bom-atc-modal.mxt-editable-bom .editable-bom-add-to-key-products:disabled,
.bom-atc-modal.mxt-editable-bom .editable-bom-remove-from-key-products:disabled,
.bom-atc-modal.mxt-editable-bom .editable-bom-undo-changes:disabled,
.bom-atc-modal.mxt-editable-bom .editable-bom-add-product:disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-add-to-key-products,
.bom-atc-modal.mxt-editable-bom .editable-bom-remove-from-key-products {
  min-width: 9rem;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-product-container-name h2,
.bom-atc-modal.mxt-editable-bom .bom-confirm-manual-changes-list-item-content-name {
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 7em;
}
.bom-atc-modal.mxt-editable-bom .bom-confirm-manual-changes-list-item-content-name {
  min-width: 0;
  flex-shrink: 1;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-product-col {
  min-width: 0;
  flex-shrink: 1;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-qty-col,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-price-col,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-total-col,
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-dropdown-col {
  display: flex;
  align-items: center;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-product-is-draggable {
  cursor: grab;
  padding: 0.25rem;
}
.bom-atc-modal.mxt-editable-bom .editable-bom-product-is-draggable:hover {
  opacity: 0.7;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row {
  transition: transform 0.2s ease;
}
.bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row.dragging {
  opacity: 0.5;
  transform: scale(0.95);
  cursor: grabbing;
}
.bom-atc-modal.mxt-editable-bom .drag-placeholder {
  height: 10px;
  background-color: #4fc1df;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
  list-style: none;
  opacity: 0.7;
  transition: all 0.2s ease;
}
.bom-atc-modal.mxt-editable-bom .drag-placeholder:hover {
  opacity: 1;
}
@container editable-bom (max-width: 1200px) {
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-container,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content {
    min-height: 6rem;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row h2 {
    font-size: 0.8rem;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .editable-bom-selection-container {
    margin-right: 0;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-products-list-product-container-img {
    display: none;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-products-list-row h2,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-confirm-manual-changes-list-item-content-name {
    font-size: 0.8rem;
    -webkit-line-clamp: 4;
    max-height: 5.6em;
  }
}
@container editable-bom (max-width: 860px) {
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-container,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content {
    min-height: 5rem;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-content,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-custom {
    width: calc(100% - 285px);
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-cart-panel {
    width: 285px;
  }
  .bom-atc-modal.mxt-editable-bom .editable-bom-update-container button {
    margin: 0 0.5rem;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row h2,
  .bom-atc-modal.mxt-editable-bom .bom-confirm-manual-changes-list-item-content-name {
    font-size: 0.75rem;
    -webkit-line-clamp: 3;
    max-height: 3.9em;
    line-height: 1.3;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-products-list-qty-display {
    width: 8px;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-products-list-product-container {
    padding-left: 0;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-price-col {
    flex: 0 0 10%;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-price-col,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-total-col {
    min-width: 30px;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row .bom-atc-modal-product-col {
    flex-basis: 30%;
  }
}
@container editable-bom (min-width: 1400px) {
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-qty-container,
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-row-content {
    min-height: 8rem;
  }
  .bom-atc-modal.mxt-editable-bom .bom-atc-modal-products-list-product-container-name h2,
  .bom-atc-modal.mxt-editable-bom .bom-confirm-manual-changes-list-item-content-name {
    -webkit-line-clamp: 6;
    max-height: 8.4em;
  }
}

.mxt-editible-bom-download-modal .mxt-alert-content button {
  margin: 0.5rem 0;
}
.mxt-editible-bom-download-modal .mxt-download-button-states {
  width: 100%;
}
.mxt-editible-bom-download-modal #bom-atc-modal-cart-panel-button-initial-state {
  display: flex;
  align-items: center;
}
.mxt-editible-bom-download-modal .mxt-generating-bom {
  margin: 0.5rem 0;
}
.mxt-editible-bom-download-modal #download-bom-generation-progress-bar {
  height: 100%;
  border-radius: var(--mxt-corner-roundness);
  background-image: linear-gradient(to right, #4fc1df -11%, #4fc1df 72%);
  transition: width 0.5s ease;
}
.mxt-editible-bom-download-modal .mxt-generating-bom,
.mxt-editible-bom-download-modal #bom-atc-modal-generation-complete,
.mxt-editible-bom-download-modal .generation-complete {
  width: 100%;
  background: inherit;
  color: black;
}
.mxt-editible-bom-download-modal .mxt-generating-bom h4,
.mxt-editible-bom-download-modal #bom-atc-modal-generation-complete h4,
.mxt-editible-bom-download-modal .generation-complete h4 {
  display: none;
}
.mxt-editible-bom-download-modal .mxt-generating-bom .mxt-btn,
.mxt-editible-bom-download-modal #bom-atc-modal-generation-complete .mxt-btn,
.mxt-editible-bom-download-modal .generation-complete .mxt-btn {
  width: 100%;
  background: var(--mxt-nav-control-primary-background-color);
  color: white;
}
.mxt-editible-bom-download-modal #bom-atc-modal-generation-failure {
  width: 100%;
}
.mxt-editible-bom-download-modal #bom-atc-modal-generation-failure .generation-failure {
  box-shadow: none;
  text-align: center;
}
.mxt-editible-bom-download-modal #bom-atc-modal-generation-failure .header-section,
.mxt-editible-bom-download-modal #bom-atc-modal-generation-failure h4 {
  margin-bottom: 0.3rem;
}
.mxt-editible-bom-download-modal #bom-atc-modal-generation-failure .mxt-btn {
  width: 100%;
}

.mxt-mobile-bom {
  background: #f2f2f2;
  border-radius: 0.5%;
  min-width: inherit;
  width: 85%;
  top: 1rem;
  position: absolute;
  height: 100%;
  overflow: hidden;
  border-radius: var(--mxt-corner-roundness);
}
.mxt-mobile-bom .bom-active-product-header {
  display: none;
}
.mxt-mobile-bom .bom-atc-modal-cart-panel-total {
  padding-left: 10px;
  padding-right: 10px;
}
.mxt-mobile-bom .bom-atc-modal-products-container {
  padding-left: 5px;
  padding-right: 5px;
}
.mxt-mobile-bom .bom-atc-modal-content {
  width: 100%;
}
.mxt-mobile-bom .bom-atc-modal-products-list-row {
  position: relative;
  margin-bottom: 1rem;
  width: 95%;
}
.mxt-mobile-bom .bom-atc-modal-products-list-dropdown-container {
  position: absolute;
  top: 2.5rem;
  right: 1rem;
}
.mxt-mobile-bom .bom-atc-modal-products-list-row-content {
  justify-content: space-around;
  flex-wrap: wrap;
}
.mxt-mobile-bom .bom-atc-modal-products-list-category {
  display: none;
}
.mxt-mobile-bom .bom-atc-modal-products-list-product-container-img {
  margin-right: 3rem;
}
.mxt-mobile-bom .bom-atc-modal-products-list-product-container {
  flex: 1 0 100%;
  border-bottom: 1px solid gainsboro;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mxt-mobile-bom .bom-atc-modal-product-link {
  margin-top: 1rem;
}
.mxt-mobile-bom .bom-atc-modal-product-link a {
  display: flex;
  font-size: 0.8rem;
  align-items: center;
}
.mxt-mobile-bom .bom-atc-modal-product-link img {
  height: 1.3rem;
}
.mxt-mobile-bom .bom-atc-modal-qty-col::before,
.mxt-mobile-bom .bom-atc-modal-price-col::before,
.mxt-mobile-bom .bom-atc-modal-total-col::before {
  font-weight: bold;
}
.mxt-mobile-bom .bom-atc-modal-qty-col::before {
  content: "Qty: ";
}
.mxt-mobile-bom .bom-atc-modal-price-col::before {
  content: "Price: ";
  margin-right: auto;
  margin-left: auto;
}
.mxt-mobile-bom .bom-atc-modal-total-col::before {
  content: "Total: ";
  margin-right: auto;
  margin-left: auto;
}
.mxt-mobile-bom .bom-atc-modal-qty-col,
.mxt-mobile-bom .bom-atc-modal-total-col,
.mxt-mobile-bom .bom-atc-modal-price-col {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  margin: 0 0.3rem;
}
.mxt-mobile-bom .bom-atc-modal-products-list {
  padding: 0 0.5rem 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mxt-mobile-bom .bom-atc-modal-products-list-qty-display {
  pointer-events: none;
}
.mxt-mobile-bom .bom-atc-modal-products-list-row-content-more {
  padding: 10px 10px 0;
}
.mxt-mobile-bom .mxt-mobile-bom-description {
  padding: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-align: center;
}
.mxt-mobile-bom .mxt-mobile-bom-footer {
  position: absolute;
  bottom: 0;
  background: white;
  width: 100%;
  border-top: 1px solid gainsboro;
  box-shadow: var(--mxt-dark-drop-shadow);
  border-top: 1px solid gainsboro;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .mxt-download-button-states {
  height: 100%;
}
.mxt-mobile-bom .mxt-mobile-bom-footer small {
  color: darkgrey;
  display: block;
  margin: 0.5rem;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .bom-atc-modal-cart-panel-total {
  border-top: none;
  padding-top: 0;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .bom-atc-modal-cart-panel-button {
  background: var(--primary-right-gradient);
  color: white;
  width: 90%;
  margin: 0.5rem auto;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .bom-atc-modal-cart-panel-button img {
  display: none;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .bom-atc-modal-cart-panel-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-mobile-bom .mxt-mobile-bom-footer .mxt-generating-bom {
  padding: 2rem 1rem;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .generation-complete {
  padding: 1rem 0;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .generation-failure {
  text-align: center;
  padding: 1rem;
}
.mxt-mobile-bom .mxt-mobile-bom-footer .generation-failure .mxt-cta-button {
  margin-top: 0.5rem;
}
.mxt-mobile-bom .bom-atc-modal-header-container {
  border-bottom: 1px solid gainsboro;
}
.mxt-mobile-bom .bom-atc-modal-header-container h2 {
  text-align: center;
}
.mxt-mobile-bom .bom-atc-modal-cart-panel,
.mxt-mobile-bom .bom-atc-modal-header {
  display: none;
}
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-row-content {
  justify-content: space-between;
}
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-qty-container,
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-price-container,
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-total-container {
  display: flex;
  min-width: 20%;
}
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-price-display,
.mxt-mobile-bom.no-price .bom-atc-modal-products-list-total-display {
  display: none;
}
.mxt-mobile-bom.no-price .bom-atc-modal-price-col::before,
.mxt-mobile-bom.no-price .bom-atc-modal-total-col::before {
  display: none;
}
.mxt-mobile-bom.no-price .mxt-mobile-bom-footer .bom-atc-modal-cart-panel-total,
.mxt-mobile-bom.no-price .mxt-mobile-bom-footer small {
  display: none;
}

@container designer-container (orientation: landscape) {
  .mxt-modal-background.mxt-full-modal-screen:has(> .mxt-mobile-bom),
  .mxt-mobile-bom {
    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-room-planner/scss/bom-addable-products-modal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.mxt-bom-addable-products-modal-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  container: addable-products-modal/inline-size;
}
.mxt-bom-addable-products-modal-main-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 24px 28px 0px 28px;
}
.mxt-bom-addable-products-modal-header {
  height: 50px;
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
}
.mxt-bom-addable-products-modal-header-back-button {
  width: 30px;
  height: 30px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.mxt-bom-addable-products-modal-list-container {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  overflow: hidden;
}
.mxt-bom-addable-products-modal-list-header {
  display: flex;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  margin-bottom: 9px;
  font-size: 16px;
}
.mxt-bom-addable-products-modal-list-header-description, .mxt-bom-addable-products-modal-list-item-description {
  flex: 0 0 35%;
  padding-right: 10px;
}
.mxt-bom-addable-products-modal-list-header-price, .mxt-bom-addable-products-modal-list-item-price, .mxt-bom-addable-products-modal-list-header-quantity, .mxt-bom-addable-products-modal-list-item-quantity, .mxt-bom-addable-products-modal-list-header-subtotal, .mxt-bom-addable-products-modal-list-item-subtotal, .mxt-bom-addable-products-modal-list-header-availability, .mxt-bom-addable-products-modal-list-item-availability {
  flex: 0 0 12%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-bom-addable-products-modal-list-header-add {
  flex: 0 0 15%;
}
.mxt-bom-addable-products-modal-list-item button {
  flex: 1;
}
.mxt-bom-addable-products-modal-list {
  flex: 1;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mxt-bom-addable-products-modal-list::-webkit-scrollbar {
  width: 0;
  display: none;
}
.mxt-bom-addable-products-modal-list-item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 100%;
  list-style: none;
  font-size: 16px;
}
.mxt-bom-addable-products-modal-list-item-description {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.mxt-bom-addable-products-modal-list-item-price {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mxt-bom-addable-products-modal-list-item-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mxt-bom-addable-products-modal-list-item-quantity-controls {
  width: 126px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
  display: flex;
  align-items: center;
}
.mxt-bom-addable-products-modal-list-item-quantity-controls > div, .mxt-bom-addable-products-modal-list-item-quantity-controls > button {
  width: 100%;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-addable-products-modal-list-item-quantity-display {
  line-height: 30px;
  height: 100%;
  text-align: center;
  width: 46px;
  background-color: #f4f4f4;
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
  border: none;
  /** hide input arrows since we have our own*/
}
.mxt-bom-addable-products-modal-list-item-quantity-display::-webkit-outer-spin-button, .mxt-bom-addable-products-modal-list-item-quantity-display::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mxt-bom-addable-products-modal-list-item-quantity-display.active {
  background-color: #daf6ec;
}
.mxt-bom-addable-products-modal-list-item-quantity-decrease, .mxt-bom-addable-products-modal-list-item-quantity-increase {
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-addable-products-modal-list-item-quantity-decrease img, .mxt-bom-addable-products-modal-list-item-quantity-increase img {
  width: 100%;
  height: 100%;
}
.mxt-bom-addable-products-modal-list-item-empty .mxt-bom-addable-products-modal-list-item-content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #666;
  font-size: 14px;
}
.mxt-bom-addable-products-modal-list-item-empty .mxt-bom-addable-products-modal-list-item-content img {
  width: 20px;
  height: 20px;
}
.mxt-bom-addable-products-modal-filters-container {
  margin-top: 20px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.mxt-bom-addable-products-modal-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.mxt-bom-addable-products-modal-filters .mxt-bom-addable-products-modal-filter {
  position: relative;
  width: 140px;
}
.mxt-bom-addable-products-modal-filters .mxt-bom-addable-products-modal-filter .filter-select-container {
  position: relative;
}
.mxt-bom-addable-products-modal-filters .mxt-bom-addable-products-modal-filter .filter-select {
  width: 100%;
  height: 50px;
  padding: 25px 19px 7px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: white;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 0;
}
.mxt-bom-addable-products-modal-filters .mxt-bom-addable-products-modal-filter .filter-select option {
  padding: 7px 19px;
  text-align: left;
}
.mxt-bom-addable-products-modal-filters .mxt-bom-addable-products-modal-filter .filter-label {
  position: absolute;
  left: 19px;
  top: 7px;
  font-size: 14px;
  pointer-events: none;
}
.mxt-bom-addable-products-modal-search {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 420px;
  height: 40px;
  flex-shrink: 0;
  gap: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #fafafa;
  background: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25) inset;
}
.mxt-bom-addable-products-modal-search img {
  width: 30px;
  height: 30px;
}
.mxt-bom-addable-products-modal-search-input {
  flex: 1;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  background: transparent;
  width: 100%;
  height: 100%;
}
.mxt-bom-addable-products-modal-search-input::placeholder {
  color: #bebebe;
}
.mxt-bom-addable-products-modal-search-clear {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-addable-products-modal-search-clear:disabled {
  cursor: default;
}
.mxt-bom-addable-products-modal-search-clear img {
  width: 30px;
  height: 30px;
}
.mxt-bom-addable-products-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding: 11px 33px 9px;
  margin-top: auto;
  background-color: #fff;
  border-top: 1px solid #a5a5a5;
}
.mxt-bom-addable-products-modal-footer-cancel-button {
  display: flex;
  width: 94px;
  height: var(--mxt-nav-menu-height);
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #666;
  font-family: Mulish;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.mxt-bom-addable-products-modal-footer-add-button {
  height: var(--mxt-nav-menu-height);
  background: var(--mxt-nav-control-primary-background-color);
  color: var(--mxt-toolbar-cta-font-color);
  border-radius: 6px;
  display: flex;
  width: 147px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  box-shadow: 0px 1px 0px 0px #054253;
}
.mxt-bom-addable-products-modal-footer-add-button:disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  pointer-events: none;
}

@container addable-products-modal (max-width: 976px) {
  .mxt-bom-addable-products-modal-list-item-quantity-controls {
    width: 85px;
  }
}
@container addable-products-modal (max-width: 820px) {
  .mxt-bom-addable-products-modal-container {
    background: green;
  }
  .mxt-bom-addable-products-modal-container .mxt-bom-addable-products-modal-list-item-price {
    flex-basis: 12%;
  }
  .mxt-bom-addable-products-modal-container .mxt-bom-addable-products-modal-list-header-description,
  .mxt-bom-addable-products-modal-container .mxt-bom-addable-products-modal-list-item-description {
    flex-basis: 30%;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/bom-replacement-products-screen.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.mxt-bom-replacement-products-screen-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mxt-bom-replacement-products-screen-main-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 24px 28px 0px 28px;
}
.mxt-bom-replacement-products-screen-header {
  height: 50px;
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
}
.mxt-bom-replacement-products-screen-header-back-button {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-replacement-products-screen-header-back-button img {
  width: 100%;
  height: 100%;
}
.mxt-bom-replacement-products-screen-list-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  overflow: hidden;
  min-height: 86px;
}
.mxt-bom-replacement-products-screen-list-header {
  display: flex;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  margin-bottom: 6px;
  font-size: 16px;
}
.mxt-bom-replacement-products-screen-list-header-description, .mxt-bom-replacement-products-screen-list-item-description {
  flex: 0 0 35%;
  padding-right: 10px;
}
.mxt-bom-replacement-products-screen-list-header-price, .mxt-bom-replacement-products-screen-list-item-price, .mxt-bom-replacement-products-screen-list-header-quantity, .mxt-bom-replacement-products-screen-list-item-quantity, .mxt-bom-replacement-products-screen-list-header-subtotal, .mxt-bom-replacement-products-screen-list-item-subtotal, .mxt-bom-replacement-products-screen-list-header-availability, .mxt-bom-replacement-products-screen-list-item-availability {
  flex: 0 0 12%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-bom-replacement-products-screen-list-item-replacing-banner-container {
  position: relative;
  width: 100%;
}
.mxt-bom-replacement-products-screen-list-item-replacing-banner {
  position: absolute;
  top: -29px;
  right: 0;
  display: flex;
  width: 133px;
  height: 28px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 0px 0px 6px 6px;
  background: #a5a5a5;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  font-family: Mulish;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  color: #fff;
}
.mxt-bom-replacement-products-screen-list-header-replace {
  flex: 0 0 15%;
}
.mxt-bom-replacement-products-screen-list-item button {
  flex: 1;
}
.mxt-bom-replacement-products-screen-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  max-height: 90%;
}
.mxt-bom-replacement-products-screen-list::-webkit-scrollbar {
  width: 0;
  display: none;
}
.mxt-bom-replacement-products-screen-list-item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 6px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  width: 100%;
  list-style: none;
  font-size: 16px;
}
.mxt-bom-replacement-products-screen-list-item-description {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.mxt-bom-replacement-products-screen-list-item-price {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mxt-bom-replacement-products-screen-list-item-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mxt-bom-replacement-products-screen-list-item-quantity-controls {
  width: 126px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
  display: flex;
  align-items: center;
}
.mxt-bom-replacement-products-screen-list-item-quantity-controls > div, .mxt-bom-replacement-products-screen-list-item-quantity-controls > button {
  width: 100%;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-replacement-products-screen-list-item-quantity-display {
  line-height: 30px;
  height: 100%;
  text-align: center;
  width: 46px;
  background-color: #f4f4f4;
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
  border: none;
  /** hide input arrows since we have our own*/
}
.mxt-bom-replacement-products-screen-list-item-quantity-display::-webkit-outer-spin-button, .mxt-bom-replacement-products-screen-list-item-quantity-display::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mxt-bom-replacement-products-screen-list-item-quantity-decrease, .mxt-bom-replacement-products-screen-list-item-quantity-increase {
  width: 20px;
  height: 20px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-bom-replacement-products-screen-list-item-quantity-decrease img, .mxt-bom-replacement-products-screen-list-item-quantity-increase img {
  width: 100%;
  height: 100%;
}
.mxt-bom-replacement-products-screen-list-item-replace {
  flex: 0 0 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option {
  margin: 0;
  flex: none;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option input[type=radio]:focus {
  outline: none;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option:focus-within {
  outline: none;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option.mxt-radio-input-option-current {
  border: none;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option-radio-custom {
  height: 20px;
  width: 20px;
  border: 1px solid #a5a5a5;
}
.mxt-bom-replacement-products-screen-list-item-replace .mxt-radio-input-option .mxt-radio-input-option-radio-custom:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
}
.mxt-bom-replacement-products-screen-list-item-empty .mxt-bom-replacement-products-screen-list-item-content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #666;
  font-size: 14px;
  min-height: 40px;
}
.mxt-bom-replacement-products-screen-list-item-empty .mxt-bom-replacement-products-screen-list-item-content img {
  width: 20px;
  height: 20px;
}
.mxt-bom-replacement-products-screen-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding: 11px 33px 9px;
  margin-top: auto;
  background-color: #fff;
  border-top: 1px solid #a5a5a5;
}
.mxt-bom-replacement-products-screen-footer-cancel-button {
  display: flex;
  width: 94px;
  height: var(--mxt-nav-menu-height);
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #666;
  font-family: Mulish;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.mxt-bom-replacement-products-screen-footer-replace-button {
  height: var(--mxt-nav-menu-height);
  background: var(--mxt-nav-control-primary-background-color);
  color: var(--mxt-toolbar-cta-font-color);
  border-radius: 6px;
  display: flex;
  width: 147px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  box-shadow: 0px 1px 0px 0px #054253;
}
.mxt-bom-replacement-products-screen-footer-replace-button:disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  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-ui-utility/scss/mxtradio.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.mxt-radio-input-option {
  flex: 1;
  height: 40px;
  background: white;
  border-radius: var(--mxt-corner-roundness);
  margin-right: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.mxt-radio-input-option.mxt-radio-input-option-current {
  border: 2px solid var(--toggle-blue);
}

input.mxt-radio-input-option-radio {
  display: none;
}

.mxt-radio-input-option input:checked ~ .mxt-radio-input-option-radio-custom {
  border-color: var(--toggle-blue);
}

.mxt-radio-input-option-radio-custom {
  position: relative;
  float: left;
  margin-top: 2px;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #c1c1c1;
  margin: 0px 12px;
}

.mxt-radio-input-option input:checked ~ .mxt-radio-input-option-radio-custom:after {
  display: block;
}

.mxt-radio-input-option .mxt-radio-input-option-radio-custom:after {
  top: 1px;
  left: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--toggle-blue);
}

.mxt-radio-input-option-radio-custom:after {
  content: "";
  position: absolute;
  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-room-planner/scss/bom-manual-add-products-modal.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.bom-manual-add-products-modal {
  max-width: 434px;
  height: inherit;
}
.bom-manual-add-products-modal .bom-manual-add-products-content {
  padding: 50px;
  padding-top: 0;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-sub-header {
  margin-bottom: 20px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-sub-header h2 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 18px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .form-field {
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .form-field label {
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .form-field.required label::after {
  content: " *";
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  padding: 0 12px;
  font-size: 14px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-input:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-input::placeholder {
  color: #999;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-input:invalid:not(:placeholder-shown), .bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-input.error {
  border-color: #c53030;
  box-shadow: 0 0 0 1px rgba(197, 48, 48, 0.2);
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .input-help-text {
  color: #666;
  font-size: 12px;
  margin-top: 4px;
  font-style: italic;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-validation-error {
  background-color: #fff5f5;
  border: 1px solid #feb2b2;
  border-radius: 4px;
  padding: 8px 12px;
  color: #c53030;
  font-size: 12px;
  margin-top: 6px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.4;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-validation-error::before {
  content: "⚠";
  color: #e53e3e;
  font-weight: bold;
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 1px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-form-dropdown .bom-manual-add-products-dropdown-select {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container .bom-manual-add-products-file-input {
  display: none !important;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container .bom-manual-add-products-file-button {
  width: fit-content;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #f8f9fa;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container .bom-manual-add-products-file-button:hover {
  background-color: #e9ecef;
  border-color: #adb5bd;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container .bom-manual-add-products-file-button:active {
  background-color: #dee2e6;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-upload-container .bom-manual-add-products-file-info {
  font-size: 12px;
  color: #666;
  font-style: italic;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-error {
  background-color: #fff5f5;
  border: 1px solid #feb2b2;
  border-radius: 4px;
  padding: 10px 12px;
  color: #c53030;
  font-size: 13px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-error::before {
  content: "⚠";
  color: #e53e3e;
  font-weight: bold;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-error.mxt-hidden {
  display: none;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-preview {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-preview .bom-manual-add-products-preview-image {
  max-width: 200px;
  max-height: 150px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  background-color: #f8f9fa;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-form .bom-manual-add-products-file-preview .bom-manual-add-products-preview-image.mxt-hidden {
  display: none;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-divider {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin-bottom: 18px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn {
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn.mxt-non-cta-button {
  background-color: #f8f9fa;
  border: 1px solid #d9d9d9;
  color: #495057;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn.mxt-non-cta-button:hover:not(:disabled) {
  background-color: #e9ecef;
  border-color: #adb5bd;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn.mxt-cta-button {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: white;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn.mxt-cta-button:hover:not(:disabled) {
  background-color: #357abd;
  border-color: #357abd;
}
.bom-manual-add-products-modal .bom-manual-add-products-content .bom-manual-add-products-actions .mxt-btn.mxt-cta-button:disabled {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #999;
  cursor: not-allowed;
}

.bom-manual-add-products-dropdown-select-popover {
  text-align: left;
  z-index: 10006;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/bom-reason-for-removal-modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.bom-reason-for-removal-modal {
  min-width: 434px;
  max-height: inherit;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-content {
  padding: 50px;
  padding-top: 0;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-product-info {
  margin-bottom: 20px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-product-info .product-info-row {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
  font-size: 14px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-product-info .product-info-row:last-child {
  margin-bottom: 0;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form-container {
  margin-bottom: 20px;
  max-height: 60vh;
  overflow-y: scroll;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .form-field {
  margin-bottom: 20px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .form-field:last-child {
  margin-bottom: 0;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .form-field label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .bom-reason-for-removal-form-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .bom-reason-for-removal-form-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.bom-reason-for-removal-modal .bom-reason-for-removal-form .bom-reason-for-removal-form-dropdown {
  width: 100%;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-divider {
  height: 1px;
  background-color: #e9ecef;
  margin: 24px 0;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-btn {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-non-cta-button {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-non-cta-button:hover:not(:disabled) {
  background-color: #e9ecef;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-cta-button {
  background-color: #007bff;
  border: 1px solid #007bff;
  color: white;
}
.bom-reason-for-removal-modal .bom-reason-for-removal-actions .mxt-cta-button:hover:not(:disabled) {
  background-color: #0056b3;
}

.bom-reason-for-removal-dropdown-select-popover {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: left;
  z-index: 10006;
}

.bom-reason-for-removal-dropdown-select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  cursor: pointer;
}
.bom-reason-for-removal-dropdown-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/bom-confirm-manual-changes.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.bom-confirm-manual-changes-content {
  padding: 32px 6.4px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bom-confirm-manual-changes-content .mxt-notification-bar .mxt-btn-icon-only {
  display: none;
}

.bom-confirm-manual-changes-header {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.bom-confirm-manual-changes-header .bom-confirm-manual-changes-title {
  font-family: Mulish;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.bom-confirm-manual-changes-product-lists {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header {
  padding: 0px 26px 0px 11px;
  height: 40px;
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1.5fr;
  align-items: center;
  border-bottom: 1px solid var(--MK-I-Grey, #a5a5a5);
  background-color: #fff;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header .bom-confirm-manual-changes-product-list-header-products {
  grid-column: 1;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header .bom-confirm-manual-changes-product-list-header-quantity {
  grid-column: 2;
  text-align: center;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header .bom-confirm-manual-changes-product-list-header-price {
  grid-column: 3;
  text-align: center;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header .bom-confirm-manual-changes-product-list-header-total-price {
  grid-column: 4;
  text-align: center;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-header .bom-confirm-manual-changes-product-list-header-actions {
  grid-column: 5;
  text-align: right;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-section-header {
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid var(--MK-I-Grey, #a5a5a5);
  margin-bottom: 10px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-product-list-section-header .bom-confirm-manual-changes-product-list-section-header-quantity {
  margin-left: 5px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1.5fr;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  min-height: 90px;
  margin-bottom: 10px;
  list-style: none;
  align-items: center;
  padding: 10px 26px 10px 11px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-image {
  flex: 0 0 90px;
  height: 90px;
  width: 90px;
  background-color: #f7f7f7;
  object-fit: contain;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-content {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-content .bom-confirm-manual-changes-list-item-content-name {
  color: var(--mxt-font-color);
  font: var(--mxt-font-body-lg);
  overflow: auto;
  max-height: 100%;
  margin-bottom: 4px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-content .bom-confirm-manual-changes-list-item-content-reason {
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-content .quantity-added {
  color: var(--Gamma-Green, #42ac54);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-product-info .bom-confirm-manual-changes-list-item-content .quantity-removed {
  color: var(--Pinterest-Red, #be0216);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-quantity {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-quantity .bom-confirm-manual-changes-list-item-quantity-total {
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-quantity .quantity-added {
  color: var(--Gamma-Green, #42ac54);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-quantity .quantity-removed {
  color: var(--Pinterest-Red, #be0216);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-quantity .bom-confirm-manual-changes-list-item-quantity-in-scene {
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-price {
  grid-column: 3;
  text-align: center;
  font: var(--mxt-font-body-lg);
  color: var(--mxt-font-color);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-total-price {
  grid-column: 4;
  text-align: center;
  font: var(--mxt-font-body-lg);
  color: var(--mxt-font-color);
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions {
  grid-column: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-alert-icon {
  width: 30px;
  height: 30px;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-cancel-button,
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-confirm-button {
  min-width: 30px;
  min-height: 30px;
  flex-shrink: 0;
  background: none;
  border: 1px solid #666;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: #666;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-cancel-button .bom-confirm-manual-changes-list-item-actions-cancel-button-icon,
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-confirm-button .bom-confirm-manual-changes-list-item-actions-cancel-button-icon {
  width: 11px;
  height: 11px;
  transition: color 0.2s ease;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-cancel-button .bom-confirm-manual-changes-list-item-actions-confirm-button-icon,
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-confirm-button .bom-confirm-manual-changes-list-item-actions-confirm-button-icon {
  width: 14px;
  height: 10px;
  transition: color 0.2s ease;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-cancel-button:hover {
  background-color: #dd3938;
  color: white;
}
.bom-confirm-manual-changes-product-lists .bom-confirm-manual-changes-list-item .bom-confirm-manual-changes-list-item-actions .bom-confirm-manual-changes-list-item-actions-confirm-button:hover {
  background-color: #42ac54;
  color: white;
}

.bom-atc-modal .bom-atc-modal-products-list-row.confirm-manual-change {
  background-color: rgba(255, 0, 0, 0.05);
  border: 1px solid #be2c3b;
}
.bom-atc-modal .bom-confirm-manual-changes-save-and-cancel-buttons-container {
  display: flex;
  gap: 10px;
  padding-right: 1.3rem;
}
.bom-atc-modal .bom-confirm-manual-changes-save-and-cancel-buttons-cancel {
  display: flex;
  width: 94px;
  height: var(--mxt-nav-menu-height);
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #666;
  font-family: Mulish;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.bom-atc-modal .bom-confirm-manual-changes-save-and-cancel-buttons-save {
  height: var(--mxt-nav-menu-height);
  background: var(--mxt-nav-control-primary-background-color);
  color: var(--mxt-toolbar-cta-font-color);
  border-radius: 6px;
  display: flex;
  width: 147px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  box-shadow: 0px 1px 0px 0px #054253;
}
.bom-atc-modal .bom-confirm-manual-changes-save-and-cancel-buttons-save:disabled {
  box-shadow: none;
  background: var(--mxt-button-disabled-background-color);
  color: var(--mxt-button-disabled-font-color);
  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-room-planner/scss/bom-presentation-manager.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-bom-presentation-manager {
  min-width: 950px;
  min-height: 720px;
  color: var(--mxt-font-color);
  position: relative;
  background: white;
}
.mxt-bom-presentation-manager-close {
  width: 44px;
  height: 44px;
  position: absolute;
  top: -9px;
  right: 1px;
  border: none;
}
.mxt-bom-presentation-manager-close img {
  width: 100%;
  height: 100%;
}
.mxt-bom-presentation-manager-header {
  text-align: center;
  margin: 15px 0 15px;
  font-weight: 600;
  font-size: 24px;
}
.mxt-bom-presentation-manager-subheader {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
}
.mxt-bom-presentation-manager-settings {
  display: flex;
  padding: 0 40px;
  justify-content: space-between;
}
.mxt-bom-presentation-manager-image-settings {
  padding: 18px 22px 0;
}
.mxt-bom-presentation-manager-global-settings {
  width: 425px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 18px 22px;
}
.mxt-bom-presentation-manager label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 13px;
  font-weight: 600;
}
.mxt-bom-presentation-manager input {
  display: block;
  width: 100%;
}
.mxt-bom-presentation-manager-installer-notes-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-installer-notes textarea {
  width: 385px;
  height: 222px;
  font-size: 12px;
  font-weight: 400px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.mxt-bom-presentation-manager-check {
  display: inline-flex;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 1px 1px rgba(0, 0, 0, 0.2);
  justify-content: space-between;
  padding: 2px;
  border-radius: 4px;
}
.mxt-bom-presentation-manager-check-option {
  padding: 0 21px;
  font-weight: 700;
  font-size: 13px;
  color: var(--mxt-font-color);
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.mxt-bom-presentation-manager-check-option--selected {
  background: #4fc1df;
  color: white;
}
.mxt-bom-presentation-manager-select .mxt-dropdown {
  min-width: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
}
.mxt-bom-presentation-manager-select .mxt-dropdown:hover {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
}
.mxt-bom-presentation-manager-select .mxt-dropdown-container {
  margin: 0;
  min-width: 100%;
}
.mxt-bom-presentation-manager-select .mxt-dropdown-header h5, .mxt-bom-presentation-manager-select .mxt-dropdown-option {
  font-weight: 700;
  font-size: 13px;
  line-height: 44px;
  height: 44px;
  color: var(--mxt-font-color);
}
.mxt-bom-presentation-manager-select .mxt-dropdown-option {
  height: 32px;
  line-height: 32px;
  margin-right: 0;
}
.mxt-bom-presentation-manager-select .mxt-dropdown-option:hover {
  color: #4fc1df;
}
.mxt-bom-presentation-manager-select .mxt-dropdown-option--selected {
  color: var(--toggle-blue);
}
.mxt-bom-presentation-manager-select .mxt-dropdown-option p {
  margin-bottom: 0;
}
.mxt-bom-presentation-manager-select--default .mxt-dropdown-header h5 {
  color: var(--mxt-font-color);
  font-weight: 400;
  font-size: 13px;
}
.mxt-bom-presentation-manager-info-icon {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}
.mxt-bom-presentation-manager-screenshots {
  position: relative;
  margin: 0 0 18px;
}
.mxt-bom-presentation-manager-screenshots-title {
  display: flex;
  justify-content: space-between;
}
.mxt-bom-presentation-manager-screenshots-title h3 {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  line-height: 26px;
}
.mxt-bom-presentation-manager-screenshots-container {
  overflow: hidden;
  position: relative;
}
.mxt-bom-presentation-manager-screenshots-bucket {
  display: flex;
  transition: left 0.25s ease-in-out;
  position: absolute;
}
.mxt-bom-presentation-manager-screenshots-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0;
}
.mxt-bom-presentation-manager-screenshots-pagination-marker {
  width: 7px;
  height: 7px;
  border: 1px solid #1c1c1c;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}
.mxt-bom-presentation-manager-screenshots-pagination-marker:last-child {
  margin-right: 0;
}
.mxt-bom-presentation-manager-screenshots-pagination-marker--selected {
  background: #1c1c1c;
  pointer-events: none;
  cursor: default;
}
.mxt-bom-presentation-manager-screenshots-page {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.mxt-bom-presentation-manager-screenshots-screenshot {
  position: relative;
  min-height: 0;
  min-width: 0;
  text-align: center;
  border-radius: 4px;
  border: 2px solid transparent;
  box-shadow: var(--mxt-dark-drop-shadow);
  margin: 1px;
}
.mxt-bom-presentation-manager-screenshots-screenshot img {
  display: inline-block;
  height: 100%;
  width: auto;
  border-radius: 4px;
}
.mxt-bom-presentation-manager-screenshots-screenshot-thumbnail {
  position: absolute;
  background-image: url(53946fe092203abf4b63.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
  top: 6px;
  left: 5px;
  display: none;
  cursor: pointer;
}
.mxt-bom-presentation-manager-screenshots-screenshot-include--selected + .mxt-bom-presentation-manager-screenshots-screenshot-thumbnail {
  display: block;
}
.mxt-bom-presentation-manager-screenshots-screenshot-thumbnail--selected {
  background-image: url(3bd20cab31abd176d075.svg);
}
.mxt-bom-presentation-manager-screenshots-screenshot-include {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  right: 4px;
  border: 1px solid var(--mxt-font-color);
  border-radius: 50%;
  cursor: pointer;
}
.mxt-bom-presentation-manager-screenshots-screenshot-include--selected {
  background-color: white;
  background-image: url(081e598a175db532dfec.svg);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
}
.mxt-bom-presentation-manager-screenshots-screenshot--selected {
  border: 2px solid #4fc1df;
}
.mxt-bom-presentation-manager-screenshots-right, .mxt-bom-presentation-manager-screenshots-left {
  display: block;
  background-image: url(619ecb17038b33dd109b.svg);
  z-index: 1;
  top: 50%;
  position: absolute;
  width: 30px;
  height: 44px;
  background-size: 7px 13px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.mxt-bom-presentation-manager-screenshots-right--inactive, .mxt-bom-presentation-manager-screenshots-left--inactive {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.mxt-bom-presentation-manager-screenshots-right {
  right: -30px;
  transform: translateY(-50%);
}
.mxt-bom-presentation-manager-screenshots-left {
  transform: scaleX(-100%) translateY(-50%);
  left: -30px;
}
.mxt-bom-presentation-manager-packet-builder {
  position: relative;
}
.mxt-bom-presentation-manager-output-display > img {
  display: none;
}
.mxt-bom-presentation-manager-size {
  width: 37%;
  margin-right: 20px;
}
.mxt-bom-presentation-manager-size-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-orientation-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-apply {
  margin: 0 0 20px;
}
.mxt-bom-presentation-manager-apply-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-sizeorientation {
  display: flex;
  margin: 0 0 20px;
}
.mxt-bom-presentation-manager-volumecontainer {
  margin: 0 0 10px;
  text-align: right;
}
.mxt-bom-presentation-manager-imageorientation-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-ratio {
  margin: 0 0 15px;
}
.mxt-bom-presentation-manager-ratio-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
}
.mxt-bom-presentation-manager-ratio .mxt-bom-presentation-manager-check-option {
  padding: 0 15px;
}
.mxt-bom-presentation-manager-footer {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.mxt-bom-presentation-manager-submit.mxt-btn {
  width: 28%;
  font-size: 14px;
}
.mxt-bom-presentation-manager-cancel.mxt-btn {
  width: 28%;
  margin-right: 5%;
  font-size: 14px;
}
.mxt-bom-presentation-manager .mxt-switch-button {
  border-radius: 0;
  border: none;
  padding: 0;
  background-color: transparent;
}
.mxt-bom-presentation-manager .mxt-switch-button .mxt-switch-container .mxt-switch-label {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin-right: 12px;
}
.mxt-bom-presentation-manager .mxt-switch-button .mxt-switch-container .mxt-switch {
  width: 38px;
  height: 20px;
}
.mxt-bom-presentation-manager .mxt-switch-button .mxt-switch-container .mxt-switch .mxt-slider::before {
  height: 17px;
  width: 17px;
  bottom: 1.5px;
  right: 19px;
}
.mxt-bom-presentation-manager .mxt-switch-button .mxt-switch-container .mxt-switch input:checked + .mxt-slider::before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.mxt-bom-presentation-manager-info-tip .mxt-popover-content {
  font-size: 13px;
  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-room-planner/scss/quote-details.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-quote-details {
  position: relative;
}
.mxt-quote-details-close {
  width: 44px;
  height: 44px;
  position: absolute;
  top: -29px;
  right: 4px;
  border: none;
}
.mxt-quote-details-close img {
  width: 100%;
  height: 100%;
}
.mxt-quote-details h2 {
  text-align: center;
  margin: 30px 0 26px;
}
.mxt-quote-details-content {
  margin: 0 75px 21px;
  background: white;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 1px rgba(89, 72, 72, 0.2);
  padding: 38px;
}
.mxt-quote-details-row {
  display: flex;
  gap: 28px;
  margin-bottom: 33px;
}
.mxt-quote-details-control {
  flex-basis: 100%;
}
.mxt-quote-details-control label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 13px;
  font-weight: 600;
}
.mxt-quote-details-control input {
  display: block;
  width: 100%;
}
.mxt-quote-details-control textarea {
  display: block;
  width: 100%;
  height: 148px;
}
.mxt-quote-details button.mxt-btn {
  display: block;
  position: relative;
  background: linear-gradient(270deg, #167586 0%, #144969 100%);
  color: white;
  margin: 0 auto 24px;
  padding: 0 68px;
}
.mxt-quote-details button.mxt-btn[disabled] {
  opacity: 0.5;
}

.pika-single {
  z-index: 10006;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/bom-volume-modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-bom-volume-modal {
  padding: 0 125px 40px;
}
.mxt-bom-volume-modal .mxt-default-modal-header {
  margin-top: 14px;
  margin-bottom: 12px;
}
.mxt-bom-volume-modal-container {
  width: 680px;
  background: white;
  border-radius: 4px;
  padding: 0 10px 5px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
}
.mxt-bom-volume-modal-header {
  display: block;
}
.mxt-bom-volume-modal-header-total {
  text-align: right;
  padding-right: 35px;
  font-size: 16px;
  font-weight: 700;
  color: #C20016;
  line-height: 45px;
  border-bottom: 1px solid #e7e7e7;
}
.mxt-bom-volume-modal-header-total span {
  display: inline-block;
  margin-right: 4px;
}
.mxt-bom-volume-modal-header-total span:first-child {
  margin-right: 8px;
}
.mxt-bom-volume-modal-header-labels {
  font-weight: 400;
  font-size: 14px;
  line-height: 42px;
}
.mxt-bom-volume-modal-header-labels span {
  display: inline-block;
}
.mxt-bom-volume-modal-header-labels-items {
  display: inline-block;
  width: 50%;
  padding-left: 12%;
}
.mxt-bom-volume-modal-header-labels-qty {
  display: inline-block;
  width: 25%;
  text-align: center;
}
.mxt-bom-volume-modal-header-labels-volume {
  display: inline-block;
  width: 10%;
  text-align: center;
}
.mxt-bom-volume-modal-header-labels-total {
  display: inline-block;
  width: 15%;
  text-align: center;
  padding-right: 5%;
}
.mxt-bom-volume-modal-list {
  height: 405px;
  overflow: scroll;
}
.mxt-bom-volume-modal-list-item {
  display: flex;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 1px rgba(0, 0, 0, 0.0509803922);
  height: 80px;
}
.mxt-bom-volume-modal-list-item > div {
  display: flex;
  justify-content: center;
}
.mxt-bom-volume-modal-list-item-image {
  width: 12%;
  align-items: center;
}
.mxt-bom-volume-modal-list-item-image img {
  height: 60px;
  width: 60px;
  border-radius: 4px;
}
.mxt-bom-volume-modal-list-item-info {
  width: 38%;
  flex-direction: column;
  align-items: start;
}
.mxt-bom-volume-modal-list-item-qty {
  width: 25%;
  align-items: center;
}
.mxt-bom-volume-modal-list-item-volume {
  width: 10%;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  align-items: center;
}
.mxt-bom-volume-modal-list-item-total {
  width: 10%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  align-items: center;
}
.mxt-bom-volume-modal-list-item-title {
  font-weight: 700;
  font-size: 12px;
}
.mxt-bom-volume-modal-list-item-code {
  font-weight: 400;
  font-size: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/accounts-page.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
#account-page {
  background: #f0f0f0;
  z-index: 99; /*modals are 100000*/
}
#account-page div.pano-viewer-close {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  top: -20px;
  right: -20px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 0 5px black;
}
#account-page .pano-viewer-container {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#account-page .pano-viewport-parent {
  height: 100%;
  width: calc(100% - 200px);
  margin: 0px auto;
}
#account-page .pano-container {
  position: relative;
  min-width: 480px;
  min-height: 320px;
  height: 100%;
  margin: 0 auto;
  width: 720px;
}
#account-page .pano {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#account-page .pano-viewport-buttons {
  position: absolute;
}
#account-page .pano-viewport-buttons.pano-buttons-center {
  bottom: 20px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
#account-page .pano-viewport-buttons.pano-buttons-bottom-right {
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#account-page .pano-viewport-buttons.pano-buttons-top-right {
  top: 20px;
  right: 20px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#account-page .pano-viewport-buttons.pano-cta-modal-container {
  bottom: 80px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}
#account-page .marxent-footer {
  margin: auto;
}
#account-page .marxent-footer .copyrightHr {
  border-color: rgba(102, 102, 102, 0.2);
}
#account-page .marxent-footer .poweredByMarxent {
  text-shadow: none;
}
#account-page .marxent-footer .poweredByMarxent.marxent-disclaimer a,
#account-page .marxent-footer .poweredByMarxent.marxent-disclaimer a:visited {
  color: var(--mxt-font-color);
}

.account-page-inner {
  position: relative;
  max-width: 980px;
  margin: auto;
  padding: 0px 20px;
}

#account-page-header-buttons {
  display: flex;
  align-items: center;
  background: white;
  height: clamp(40px, min(10vh, 10vw), 90px);
}
#account-page-header-buttons .additional-buttons {
  padding-left: 25px;
  min-width: 85px;
}
#account-page-header-buttons .additional-buttons .account-page-additional-buttons-row {
  display: flex;
}
#account-page-header-buttons .additional-buttons .account-page-additional-buttons-row > :not(:last-child) {
  margin-right: 10px;
}
body.mxt-room-planner-phone #account-page-header-buttons .additional-buttons .account-page-additional-buttons-row {
  display: none;
}
#account-page-header-buttons .additional-buttons > * {
  margin-bottom: 10px;
}

.primary-logo {
  cursor: pointer;
  margin-bottom: 50px;
}

#account-page-projects-header {
  background-color: white;
}
#account-page-projects-header-layout {
  display: flex;
  align-items: center;
}
#account-page-projects-header-layout-center {
  flex-grow: 1;
}
#account-page-projects-header-layout-left, #account-page-projects-header-layout-right {
  min-width: 100px;
}
body.mxt-room-planner-phone #account-page-projects-header-layout-left, body.mxt-room-planner-phone #account-page-projects-header-layout-right {
  display: none;
}
#account-page-projects-header-layout-right {
  display: flex;
  justify-content: right;
}

.projectBigImage {
  margin-top: 50px;
  margin-bottom: 50px;
  float: none;
  -webkit-box-shadow: 0px 0px 25px rgb(200, 200, 200);
  -moz-box-shadow: 0px 0px 25px rgb(200, 200, 200);
  box-shadow: 0px 0px 25px rgb(200, 200, 200);
}

/* Create First Project Div - displayed when user has no saved projects */
.createFirstProjectDiv {
  height: 300px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #a5a5a5;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.5s ease;
  cursor: pointer;
}

.createFirstProjectDiv:hover {
  background: rgb(255, 255, 255);
}

.createFirstProjectDivInner {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.createFirstProjectImage {
  width: 37px;
  margin-bottom: 8px;
  opacity: 0.25;
  transition: all 0.5s ease;
}

.createFirstProjectDiv:hover .createFirstProjectImage {
  opacity: 0.5;
}

.createFirstProjectHeader {
  color: #bfbfbf;
  text-align: center;
  font: var(--mxt-font-body-lg-bold);
  opacity: 0.75;
  transition: all 0.5s ease;
}

.createFirstProjectDiv:hover .createFirstProjectHeader {
  opacity: 1;
}

.account-page-title {
  margin: 0px;
  line-height: 80px;
  flex-grow: 1;
  color: var(--mxt-font-color);
}

.mxt-account-page-project-image .mxt-hover-over-image {
  display: flex;
  opacity: 0;
  flex-flow: column;
  transition: all 0.25s ease-in-out;
}

.mxt-account-page-project-image:hover .mxt-hover-over-image {
  opacity: 1;
}

.mxt-account-page-project-image:focus-within .mxt-hover-over-image {
  opacity: 1;
}

.mxt-account-page-project-image:hover .mxt-hover-over-image.text-only {
  flex-direction: column;
  color: white;
}

.mxt-account-page-project-image .mxt-hover-over-image.text-only h4 {
  margin: 8px 0;
}

.mxt-account-page-project-group-title {
  font: var(--mxt-font-header);
  padding: 10px 0px;
}
body.mxt-room-planner-phone .mxt-account-page-project-group-title {
  text-align: center;
}

body.mxt-room-planner-phone #noProjectsYet {
  display: none;
}

#noProjectsYetPhone {
  display: none;
}
body.mxt-room-planner-phone #noProjectsYetPhone {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#mxt-account-page-projects,
#mxt-account-page-projects-table,
#mxt-project-details-history-table {
  position: relative;
}
#mxt-account-page-projects .mxt-grid-pagination,
#mxt-account-page-projects-table .mxt-grid-pagination,
#mxt-project-details-history-table .mxt-grid-pagination {
  margin-top: 20px;
}

.mxt-grid-item-content.mxt-account-page-project-image {
  height: 225px;
  position: relative;
}

.mxt-grid-item-content.mxt-account-page-project-image {
  /** used for fallback image */
}
.mxt-grid-item-content.mxt-account-page-project-image .mxt-grid-item-bg-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}
.mxt-grid-item-content.mxt-account-page-project-image .mxt-grid-item-bg-img .mxt-grid-item-img {
  width: 50px;
  height: 50px;
  opacity: 0.35;
}

.mxt-account-page-project {
  box-shadow: -0.1px 2px 2px 0 rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
}
body.mxt-room-planner-phone .mxt-account-page-project {
  border-radius: var(--mxt-corner-roundness);
  overflow: hidden;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.mxt-account-page-project.mxt-account-page-project-sm {
  height: 286px;
}

.mxt-grid-item.mxt-account-page-project:hover {
  box-shadow: -0.1px 2px 12px 0 rgba(0, 1, 1, 0.3);
}

.mxt-account-page-project-detail-area {
  padding: 20px;
  text-align: left;
}
body.mxt-room-planner-phone .mxt-account-page-project-detail-area {
  display: flex;
  align-items: center;
  padding: 10px;
}

.mxt-account-page-project-detail-area.mxt-account-page-project-detail-area-sm {
  height: 61px;
}

.mxt-account-page-project-detail-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--mxt-font-body-lg);
}
body.mxt-room-planner-phone .mxt-account-page-project-detail-name {
  flex-grow: 1;
  margin: 0;
}

body.mxt-room-planner-phone .mxt-account-page-project-detail-time {
  margin: 0;
}

.mxt-account-page-project-detail-bottom {
  position: relative;
  bottom: -10px;
  text-align: right;
  display: flex;
  justify-content: space-between;
}
body.mxt-room-planner-phone .mxt-account-page-project-detail-bottom {
  display: none;
}

.mxt-account-page-project-phone-toggle {
  width: 20px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.mxt-account-page-project-phone-toggle.-closed {
  transform: rotate(270deg);
}

.mxt-account-page-project-phone-collapse {
  display: none;
  background-color: #d9d9d9;
  padding: 10px;
  justify-content: center;
}
body.mxt-room-planner-phone .mxt-account-page-project-phone-collapse.-open {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.mxt-room-planner-phone .mxt-account-page-project-phone-collapse .mxt-btn {
  padding: 0px 20px;
  flex-grow: 1;
}

.mxt-account-page-project-phone-bom-success .mxt-alert-text {
  color: unset;
}
.mxt-account-page-project-phone-bom-success .mxt-alert-text .mxt-btn-phone-bom-download {
  text-decoration: none;
  padding: 0px 30px;
  margin: 20px auto auto;
}

.mxt-account-page-project-top-right,
.mxt-account-page-project-top-right-duplicate {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  cursor: pointer;
}

.mxt-account-page-project-top-right-duplicate {
  right: 40px;
}

.mxt-account-page-project-detail-action-row {
  display: flex;
}

.mxt-account-page-project-detail-action {
  width: 25px;
  height: 25px;
  opacity: 0.75;
  transition: 0.5s opacity ease;
  cursor: pointer;
}

.mxt-account-page-project-detail-action:hover {
  opacity: 1;
}

.mxt-btn.mxt-account-page-open-project,
.mxt-btn.mxt-account-page-open-blueprint {
  color: var(--toggle-blue);
}

.mxt-btn.mxt-account-page-open-blueprint {
  margin-top: 10px;
}

#mxt-account-page-right-header {
  text-align: right;
  padding-right: 25px;
}

body.mxt-room-planner-phone #mxt-account-page-username {
  display: none;
}

#mxt-account-page-logout {
  color: var(--toggle-blue);
  cursor: pointer;
  text-decoration: underline;
}

#mxt-account-page-logo-container {
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: center;
  width: var(--mxt-primary-logo-width);
  min-width: 160px;
}

#mxt-account-page-logo {
  display: flex;
  width: max(160px, var(--mxt-primary-logo-width));
  height: 100%;
  margin-bottom: 0px;
  padding: 10px;
}

@container designer-container (max-width: 960px) {
  #mxt-account-page-logo {
    padding: 0;
  }
}
.mxt-account-page-project-detail-view {
  color: var(--toggle-blue);
  cursor: pointer;
  font: var(--mxt-font-body-bold);
  line-height: 25px;
}

#project-detail-back-btn {
  color: var(--toggle-blue);
  font: var(--mxt-font-body-bold);
  cursor: pointer;
  user-select: none;
}

div#project-detail-page {
  text-align: center;
  color: var(--mxt-font-color);
  margin-top: 80px;
}
div#project-detail-page #project-detail-presentation {
  text-align: initial;
}

.project-details-header-container {
  display: flex;
  height: 25px;
  align-items: center;
  justify-content: center;
}

.project-detail-header {
  margin-top: 0;
  margin-bottom: 0;
}

#project-detail-page-project-date {
  color: rgba(102, 102, 102, 0.5);
  margin-top: 20px;
}

.project-detail-project-history {
  width: 100%;
}
.project-detail-project-history-btn-row {
  position: relative;
  width: 100%;
  margin-bottom: 35px;
}
.project-detail-project-history-btn-row-view-toggle {
  position: absolute;
  left: 0;
  display: flex;
  box-shadow: var(--mxt-non-cta-button-drop-shadow);
  height: 40px;
}
.project-detail-project-history-btn-row-view-toggle .mxt-split-button {
  padding: 0 5px;
}
.project-detail-project-history-btn-row-show-history {
  margin: 20px auto 0 auto;
}
.project-detail-project-history #project-detail-project-history-revisions {
  position: relative;
}
.mxt-account-page-project-history-area {
  padding: 13px;
  color: #808080;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mxt-account-page-project-history-time {
  margin-bottom: 0px;
}
.mxt-account-page-project-history-revision {
  margin: 10px;
  box-shadow: -0.1px 2px 2px 0 rgba(0, 1, 1, 0.1);
  background-color: #ffffff;
}
.mxt-account-page-project-history-open-project {
  color: var(--toggle-blue);
  cursor: pointer;
  line-height: 25px;
  padding-left: 10px; /** give it a little more click area*/
}
.mxt-account-page-project-history-revision-warning {
  padding: 10px 15px 10px 5px;
  min-width: 200px;
}
.mxt-account-page-project-history-revision-warning-content {
  display: flex;
  align-items: flex-start;
}

div#project-detail-screenshot-grid-container {
  position: relative;
}

.project-detail-bom-grid {
  display: flex;
  column-gap: 20px;
}

div#project-bom {
  margin: auto;
  height: 620px;
  background: white;
  overflow: auto;
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

div#project-bom a {
  color: #337ab7;
  text-decoration: underline;
}

#mxt-account-no-render-banner {
  background: var(--primary-right-gradient);
  padding: 23px;
  text-align: center;
  color: white;
}

#noProjectsYetNoRenderer {
  height: auto;
}

#noProjectsYetNoRendererText {
  padding: 0px 50px 0px 70px;
  text-align: left;
  color: #808080;
}

#noProjectsYetNoRendererTextHeader {
  margin-bottom: 20px;
}

#mxt-account-find-vr {
  width: 200px;
  margin-top: 10px;
}

.noProjectsYetNoRendererHalf {
  flex: 1 1 50%;
}

#noProjectsYetNoRendererMobileImg {
  display: none;
}

button.project-detail-bom-btn {
  margin-bottom: 10px;
}

@media all and (max-width: 670px) {
  #noProjectsYetNoRendererMobileImg {
    display: block;
  }
  #noProjectsYetNoRendererDesktopImg {
    display: none;
  }
  #noProjectsYetNoRenderer {
    flex-wrap: wrap;
  }
  .noProjectsYetNoRendererHalf {
    flex: 1 1 100%;
  }
  #noProjectsYetNoRendererText {
    padding: 30px 40px 40px 30px;
  }
}
@media all and (max-width: 500px) {
  #mxt-account-page-username {
    display: none;
  }
  #project-detail-back-btn {
    bottom: auto;
    top: 0px;
  }
}

#projects-page-header {
  margin: 20px 0px;
  display: flex;
}
body.mxt-room-planner-phone #projects-page-header {
  display: none;
}
#projects-page-header .mxt-accounts-filter-btn {
  margin-right: 10px;
}

div#mxt-account-page-search-container {
  margin: 20px 0;
  padding: 16px 20px 21px;
  border-radius: var(--mxt-corner-roundness);
  background-color: #e3e3e3;
}
body.mxt-room-planner-phone div#mxt-account-page-search-container {
  display: none;
}
div#mxt-account-page-search-container .mxt-account-search-row {
  display: flex;
  flex: 1;
  align-items: flex-end;
  margin-bottom: 10px;
}
div#mxt-account-page-search-container .mxt-account-search-row:last-of-type {
  margin-bottom: 0px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-type {
  margin-right: 10px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-type:last-of-type {
  margin-right: 0px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-type label {
  display: block;
  margin-bottom: 10px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-type input {
  height: 40px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-large {
  flex: 0 1 280px;
}
div#mxt-account-page-search-container .mxt-account-search-row .mxt-account-page-search-large input {
  width: 100%;
}
div#mxt-account-page-search-container .mxt-account-search-row input.mxt-account-page-search-date {
  height: 40px;
  width: 125px;
  font: var(--mxt-font-body-bold);
}
div#mxt-account-page-search-container .mxt-account-search {
  flex: 0 1 235px;
  margin-left: auto;
}
div#mxt-account-page-search-container .mxt-account-clear-search {
  margin-left: auto;
  text-align: right;
  color: var(--mxt-font-color);
}

#projects-page-view-type {
  margin-right: 10px;
  display: flex;
  box-shadow: var(--mxt-non-cta-button-drop-shadow);
  height: 40px;
}

#mxt-account-page-projects-table,
#mxt-project-details-history-table {
  font: var(--mxt-font-body-bold);
}

#mxt-account-page-projects-table-headers,
#mxt-project-details-history-table-headers {
  background: #aaaaaa;
  color: white;
  text-align: center;
}

.mxt-account-page-projects-table-row {
  min-height: 35px;
  display: flex;
  align-items: center;
  background: white;
}

.mxt-account-page-projects-table-row:nth-child(odd) {
  background: #f9f9f9;
}

.mxt-account-page-projects-table-row .mxt-account-page-table-value.mxt-account-page-table-project-flex {
  cursor: pointer;
}

.mxt-account-page-projects-table-row .mxt-account-page-table-value.mxt-account-page-table-project-no-pointer {
  cursor: default;
}

.mxt-account-page-table-value.mxt-account-page-table-project-flex {
  flex: 1;
  text-align: left;
}

.mxt-account-page-table-value {
  flex: 0 0 100px;
  text-align: center;
}

.mxt-account-page-table-value:first-child {
  margin-left: 20px;
}

.mxt-account-page-table-value:last-child {
  margin-right: 20px;
}

.mxt-account-page-table-divider {
  flex: 0 1 50px;
}

#mxt-account-page-projects-table-pagination #mxt-project-details-history-table-pagination {
  margin-top: 20px;
}

img.mxt-account-page-table-action {
  width: 30px;
  opacity: 0.6;
  transition: 0.3s all ease;
  cursor: pointer;
}

img.mxt-account-page-table-action:hover {
  opacity: 1;
}

.mxt-account-page-table-actions {
  display: flex;
  justify-content: center;
}

.mxt-account-page-projects-table-row:hover {
  background: #f3f3f3;
}

.mxt-account-page-thumbnail-help {
  display: flex;
  align-items: center;
  color: white;
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  font: var(--mxt-font-body-bold);
}

div#noProjectsFromSearch {
  text-align: center;
  color: var(--mxt-font-color);
}

#noProjectsFromSearchHeader {
  margin-top: 80px;
  margin-bottom: 40px;
}

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

.mxt-account-sort-popover {
  background: #ececec;
}
.mxt-account-sort-popover .mxt-account-sort-popover-header {
  border-top-left-radius: var(--mxt-corner-roundness);
  border-top-right-radius: var(--mxt-corner-roundness);
  font: var(--mxt-font-body-lg-bold);
  text-align: center;
  background: white;
  padding: 10px;
  margin-bottom: 0px;
}
.mxt-account-sort-popover .mxt-account-sort-popover-content {
  padding: 10px;
}
.mxt-account-sort-popover .mxt-account-sort-popover-content .mxt-split-button {
  width: 100px;
}
.mxt-account-sort-popover .mxt-account-sort-popover-content .mxt-account-sort-types {
  margin-top: 10px;
  color: var(--mxt-font-color);
}
.mxt-account-sort-popover .mxt-account-sort-popover-content .mxt-account-sort-types .mxt-custom-checkbox-container {
  padding-left: 30px;
  height: 18px;
  line-height: 18px;
}

.mxt-popover.tile-popover {
  max-width: unset;
}
.mxt-popover.tile-popover .tile-popover-content {
  padding: 15px;
  white-space: nowrap;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-popover.tile-popover .tile-popover-content hr {
  margin: 5px 0px;
}
.mxt-popover.tile-popover .tile-popover-content .tile-popover-option {
  cursor: pointer;
  padding: 2px 0px;
}
.mxt-popover.tile-popover .tile-popover-content .tile-popover-option.assigned-current {
  color: var(--toggle-blue);
}
.mxt-popover.tile-popover .tile-popover-content .tile-popover-option.assigned-other {
  color: var(--mxt-tooltip-border-color);
}

body.mxt-room-planner-phone #designer-container.mxt-device-phone.mxt-device-portrait .mxt-spins-loading-progress-background.fancy-full-screen-load#mobile-account-loader {
  justify-content: unset;
}
body.mxt-room-planner-phone #designer-container.mxt-device-phone.mxt-device-portrait .mxt-spins-loading-progress-background.fancy-full-screen-load#mobile-account-loader .mxt-spins-loading-progress-container {
  width: 100%;
  max-width: unset;
  margin-top: 90px;
  padding: 40px 20px;
}
body.mxt-room-planner-phone #designer-container.mxt-device-phone.mxt-device-landscape .mxt-spins-loading-progress-background.fancy-full-screen-load#mobile-account-loader .mxt-loading-tips {
  margin: 20px auto auto;
}

.mxt-alert-info-modal.copy-success .mxt-alert-content {
  padding-top: 40px;
  flex-direction: row;
  justify-content: 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-room-planner/scss/presentation-builder.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
mxt-presentation-row {
  display: flex;
  z-index: 1;
}

mxt-presentation-column {
  flex: 1;
  z-index: 1;
}

mxt-presentation-slide-container {
  display: block;
  width: 100%;
  height: auto;
}

#presentation-editor-container {
  padding: 0px 20px;
  font-family: Mulish;
}
#presentation-editor-container .mxt-presentation-slide-header {
  display: flex;
  align-items: center;
}
#presentation-editor-container .mxt-presentation-slide-header .mxt-presentation-slide-info {
  flex: 1;
}

.mxt-presentation-product-image-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mxt-presentation-product-image-remove-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0;
  z-index: 2;
}

/* Only show remove button when hovered/focused AND the container does NOT have .no-image */
.mxt-presentation-product-image-wrapper:has(> .mxt-presentation-product-image-container:not(.no-image)):hover .mxt-presentation-product-image-remove-btn,
.mxt-presentation-product-image-wrapper:has(> .mxt-presentation-product-image-container:not(.no-image)):focus-within .mxt-presentation-product-image-remove-btn {
  opacity: 1;
}

.mxt-presentation-product-image-container {
  position: relative;
  z-index: 1;
}

.element-placeholder {
  border: 2px dashed #ccc;
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.element-placeholder__text {
  color: #666;
  font-style: italic;
}

.mxt-presentation-loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #666;
  font-size: 14px;
  gap: 8px;
}

.mxt-presentation-loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #e0e0e0;
  border-top: 2px solid #007bff;
  border-radius: 50%;
  animation: mxt-presentation-spin 1s linear infinite;
}

@keyframes mxt-presentation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mxt-presentation-error-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  color: #721c24;
  font-size: 14px;
  gap: 8px;
  padding: 12px;
}

.mxt-presentation-error-icon {
  font-size: 18px;
}

.mxt-presentation-slide-container {
  width: 100%;
  height: auto;
  background: white;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 400px;
  position: relative;
  overflow: visible;
}
.mxt-presentation-slide-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  opacity: 0.1;
  z-index: -1;
}

.mxt-presentation-element-wrapper {
  width: 100%;
}

.mxt-presentation-row {
  display: flex;
  width: 100%;
  align-items: stretch;
  min-height: 60px;
  flex-wrap: wrap;
}

.mxt-presentation-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

mxt-presentation-title {
  width: 100%;
  line-break: strict;
  word-break: break-word;
}

.mxt-presentation-title {
  margin: 0;
  padding: 8px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  min-height: 1.2em;
  display: block;
  width: 100%;
  line-break: strict;
  word-break: break-word;
}
.mxt-presentation-title:hover {
  background: rgba(0, 123, 255, 0.05);
}
.mxt-presentation-title.mxt-presentation-editing {
  background: rgba(0, 123, 255, 0.1);
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

mxt-presentation-text {
  width: 100%;
  line-break: strict;
  word-break: break-word;
}

.mxt-presentation-text {
  margin: 0;
  padding: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  display: block;
  width: 100%;
  line-break: strict;
  word-break: break-word;
}
.mxt-presentation-text:hover {
  background: rgba(0, 123, 255, 0.05);
}
.mxt-presentation-text.mxt-presentation-editing {
  background: rgba(0, 123, 255, 0.1);
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

.mxt-presentation-list-container {
  position: relative;
  width: 100%;
}

.mxt-presentation-list {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: disc;
  line-height: 1.6;
}

.mxt-presentation-list-item {
  margin: 8px 0;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  display: list-item;
}
.mxt-presentation-list-item:hover {
  background: rgba(0, 123, 255, 0.05);
}
.mxt-presentation-list-item.mxt-presentation-editing {
  background: rgba(0, 123, 255, 0.1);
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

.mxt-presentation-list-controls {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  gap: 4px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mxt-presentation-add-item-btn,
.mxt-presentation-remove-item-btn {
  width: 24px;
  height: 24px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.2s ease;
}

.mxt-presentation-add-item-btn:hover {
  background: #28a745;
  color: white;
  border-color: #28a745;
}

.mxt-presentation-remove-item-btn:hover {
  background: #dc3545;
  color: white;
  border-color: #dc3545;
}

.mxt-presentation-product-image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mxt-presentation-product-image-container.no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px dashed;
  z-index: 3;
  position: relative;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: 500;
}

.mxt-presentation-product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  transition: transform 0.2s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.mxt-presentation-product-image-container:hover .mxt-presentation-product-image {
  transform: scale(1.02);
}

mxt-presentation-product-image {
  padding: 10px;
  flex: 1;
  overflow: hidden;
  width: 100%;
}

mxt-presentation-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.mxt-presentation-background-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.mxt-presentation-background-image.no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px dashed;
  z-index: 3;
  position: relative;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: 500;
}

.mxt-presentation-loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #666;
  font-size: 14px;
  gap: 8px;
}

.mxt-presentation-loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #e0e0e0;
  border-top: 2px solid #007bff;
  border-radius: 50%;
  animation: mxt-presentation-spin 1s linear infinite;
}

@keyframes mxt-presentation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mxt-presentation-error-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  color: #721c24;
  font-size: 14px;
  gap: 8px;
  padding: 12px;
}

.mxt-presentation-error-icon {
  font-size: 18px;
}

.mxt-presentation-element-edited {
  /* Visual indicator for edited elements */
}

/* Responsive Design */
@media (max-width: 768px) {
  .mxt-presentation-row {
    flex-direction: column;
    gap: 12px;
  }
  .mxt-presentation-slide-container {
    padding: 16px;
    gap: 12px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/presentation-export.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mxt-presentation-export {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
}
.mxt-presentation-export__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 82px;
  padding: 0 16px;
  border-bottom: 1px solid #e5e7eb;
}
.mxt-presentation-export__main-content {
  display: flex;
  gap: 24px;
  min-height: 400px;
}
.mxt-presentation-export__editor-column {
  flex: 2;
  min-width: 0;
}
.mxt-presentation-export__sidebar-column {
  flex: 1;
  min-width: 300px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  align-self: flex-start;
  max-height: 90vh;
  overflow: auto;
}
.mxt-presentation-export__sidebar-column .loading-message-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  border: 1px solid;
}
.mxt-presentation-export__sidebar-column .loading-message-container h3 {
  font-weight: 500;
}
.mxt-presentation-export__form-controls {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background-color: white;
}
.mxt-presentation-export__form-controls.hidden {
  display: none;
}
.mxt-presentation-export__form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mxt-presentation-export__form-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #141414;
}
.mxt-presentation-export__input-field {
  display: flex;
  flex-direction: column;
}
.mxt-presentation-export__text-input {
  padding: 10px 12px;
  border: 16px;
  border-radius: 4px;
  padding: 8px 16px;
  height: 51px;
  font-size: 14px;
  color: #374151;
  background-color: white;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mxt-presentation-export__text-input:focus {
  outline: none;
}
.mxt-presentation-export__text-input::placeholder {
  color: #a5a5a5;
}
.mxt-presentation-export__toggle-field {
  display: flex;
  align-items: center;
}
.mxt-presentation-export__toggle-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 12px;
  font-size: 14px;
  color: #374151;
}
.mxt-presentation-export__toggle-input {
  display: none;
}
.mxt-presentation-export__toggle-slider {
  position: relative;
  width: 44px;
  height: 24px;
  background-color: #d1d5db;
  border-radius: 12px;
  transition: background-color 0.2s ease;
}
.mxt-presentation-export__toggle-slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.mxt-presentation-export__toggle-input:checked + .mxt-presentation-export__toggle-slider {
  background-color: #3b82f6;
}
.mxt-presentation-export__toggle-input:checked + .mxt-presentation-export__toggle-slider::before {
  transform: translateX(20px);
}
.mxt-presentation-export__toggle-text {
  font-weight: 500;
}
.mxt-presentation-export__export-button-container {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.mxt-presentation-export__export-button {
  background-color: #141414;
  color: white;
  border: 16px;
  border-radius: 4px;
  padding: 8px 16px;
  width: 189px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.mxt-presentation-export__export-button:hover {
  background-color: black;
}
.mxt-presentation-export__export-button:active {
  background-color: black;
}
.mxt-presentation-export__export-button.disabled {
  pointer-events: none;
  background-color: #6a6a6a;
  cursor: not-allowed;
}
.mxt-presentation-export .mxt-tabbed-view {
  border: 0;
}
@media (max-width: 768px) {
  .mxt-presentation-export__main-content {
    flex-direction: column;
  }
  .mxt-presentation-export__sidebar-column {
    min-width: unset;
    /* turn on sticky positioning */
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    /* how far from the top of the viewport it should stick */
    top: 0;
    /* if you’re in a flex container, prevent it from stretching */
    align-self: flex-start;
    /* optional: keep it from growing past viewport height */
    max-height: 100vh;
    overflow: auto; /* if you want the sidebar itself to scroll */
  }
  .mxt-presentation-export__header {
    height: auto;
    min-height: 82px;
    padding: 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-room-planner/scss/templates-display.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mxt-template-display {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f7f7f7;
  gap: 10px;
  padding: 0px 10px;
  padding-bottom: 20px;
}
.mxt-template-display__header {
  padding: 16px 20px 12px 0px;
}
.mxt-template-display__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #141414;
  text-align: left;
}
.mxt-template-display__content {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
  scroll-behavior: smooth;
}
.mxt-template-display__content::-webkit-scrollbar {
  width: 8px;
}
.mxt-template-display__content::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
.mxt-template-display__content::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.mxt-template-display__content::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.mxt-template-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.mxt-template-item:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
  transform: translateY(-2px);
}
.mxt-template-item:hover .mxt-template-overlay {
  opacity: 1;
}
.mxt-template-item:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.mxt-template-item:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}
.mxt-template-item.selected {
  border-color: #10b981;
  background-color: #ecfdf5;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}
.mxt-template-item.selected .mxt-template-overlay {
  opacity: 1;
  background-color: rgba(16, 185, 129, 0.9);
}
.mxt-template-item.selected .mxt-template-overlay-text::before {
  content: " ";
}

.mxt-template-image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: #f3f4f6;
}
.mxt-template-image-container.mxt-template-saved::after {
  content: " ✓";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 0;
  color: #ffffff;
  font: var(--mxt-font-body-bold);
  line-height: 40px;
  border-left: 21px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid var(--mxt-client-primary);
  transform: translate(-20px, -5px) rotate(-45deg);
}

.mxt-template-image {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.mxt-template-item:hover .mxt-template-image {
  transform: scale(1.05);
}

.mxt-template-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(59, 130, 246, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mxt-template-overlay-text {
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.mxt-template-info {
  padding: 16px 20px;
}

.mxt-template-name {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
}

.mxt-template-description {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

.mxt-template-image {
  background-color: #f3f4f6;
  background-image: linear-gradient(45deg, #e5e7eb 25%, transparent 25%), linear-gradient(-45deg, #e5e7eb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e5e7eb 75%), linear-gradient(-45deg, transparent 75%, #e5e7eb 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.mxt-template-image[src] {
  background-image: none;
}

@media (max-width: 768px) {
  .mxt-template-display__header {
    padding: 12px 16px 8px 16px;
  }
  .mxt-template-display__title {
    font-size: 16px;
  }
  .mxt-template-display__content {
    padding: 12px 16px;
  }
  .mxt-template-display__content::-webkit-scrollbar {
    width: 6px;
  }
  .mxt-template-info {
    padding: 12px 16px;
  }
  .mxt-template-name {
    font-size: 15px;
  }
  .mxt-template-description {
    font-size: 13px;
  }
  .mxt-template-overlay-text {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mxt-template-item {
    transition: none;
  }
  .mxt-template-item:hover {
    transform: none;
  }
  .mxt-template-image {
    transition: none;
  }
  .mxt-template-item:hover .mxt-template-image {
    transform: none;
  }
  .mxt-template-overlay {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  .mxt-template-item {
    border-width: 2px;
  }
  .mxt-template-item:hover, .mxt-template-item:focus {
    border-color: #000000;
  }
  .mxt-template-item.selected {
    border-color: #000000;
    background-color: #ffffff;
  }
  .mxt-template-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .mxt-template-overlay-text {
    color: #ffffff;
  }
}
@media print {
  .mxt-template-display__content {
    overflow: visible;
  }
  .mxt-template-item {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #000000;
  }
  .mxt-template-overlay {
    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-room-planner/scss/presentation-editor.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mxt-presentation-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
}
.mxt-presentation-editor__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
}
.mxt-presentation-editor__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}
.mxt-presentation-editor__reset-button {
  background: none;
  border: none;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}
.mxt-presentation-editor__reset-button:hover {
  color: #374151;
}
.mxt-presentation-editor__reset-button:active {
  color: #1f2937;
}

@media (max-width: 768px) {
  .mxt-presentation-editor__header {
    padding: 12px 16px;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  .mxt-presentation-editor__title {
    font-size: 16px;
  }
}
@media print {
  .mxt-presentation-editor__header {
    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-room-planner/scss/project-assets-display.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mxt-project-assets-display {
  height: 100%;
  background-color: #f7f7f7;
  gap: 5px;
  padding: 0px 10px;
  padding-bottom: 20px;
}
.mxt-project-assets-display__content {
  height: 100%;
  overflow-y: auto;
  padding: 16px 20px;
  scroll-behavior: smooth;
}
.mxt-project-assets-display__content::-webkit-scrollbar {
  width: 8px;
}
.mxt-project-assets-display__content::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
.mxt-project-assets-display__content::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
.mxt-project-assets-display__content::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.mxt-asset-section {
  margin-bottom: 32px;
}
.mxt-asset-section:last-child {
  margin-bottom: 0;
}

.mxt-asset-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.mxt-asset-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  cursor: grab;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}
.mxt-asset-item:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
  transform: translateY(-2px);
}
.mxt-asset-item:hover .mxt-asset-drag-overlay {
  opacity: 1;
}
.mxt-asset-item:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.mxt-asset-item:active, .mxt-asset-item.dragging {
  cursor: grabbing;
  transform: scale(0.95);
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.2);
}
.mxt-asset-item.selected {
  border-color: #10b981;
  background-color: #ecfdf5;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}
.mxt-asset-item.selected .mxt-asset-drag-overlay {
  opacity: 1;
  background-color: rgba(16, 185, 129, 0.9);
}
.mxt-asset-item.selected .drag-text::before {
  content: "✓ Selected • ";
}
.mxt-asset-item.dragging {
  opacity: 0.8;
  z-index: 1000;
}
.mxt-asset-item.dragging .mxt-asset-drag-overlay {
  opacity: 1;
  background-color: rgba(59, 130, 246, 0.9);
}

.mxt-asset-image-container {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background-color: #f3f4f6;
}

.mxt-asset-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  user-select: none;
  pointer-events: none;
}
.mxt-asset-item:hover .mxt-asset-image {
  transform: scale(1.05);
}
.mxt-asset-item.dragging .mxt-asset-image {
  transform: scale(1.02);
}

.mxt-asset-drag-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(59, 130, 246, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: white;
  text-align: center;
}

.drag-icon {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transform: rotate(90deg);
}

.drag-text {
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.mxt-asset-info {
  padding: 12px 16px;
}

.mxt-asset-name {
  margin: 0 0 6px 0;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mxt-asset-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #6b7280;
}

.mxt-asset-dimensions {
  font-weight: 500;
}

.mxt-asset-size {
  color: #9ca3af;
}

.mxt-asset-image {
  background-color: #f3f4f6;
  background-image: linear-gradient(45deg, #e5e7eb 25%, transparent 25%), linear-gradient(-45deg, #e5e7eb 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e5e7eb 75%), linear-gradient(-45deg, transparent 75%, #e5e7eb 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.mxt-asset-image[src] {
  background-image: none;
}

@media (max-width: 768px) {
  .mxt-project-assets-display__content {
    padding: 12px 16px;
  }
  .mxt-project-assets-display__content::-webkit-scrollbar {
    width: 6px;
  }
  .mxt-asset-section {
    margin-bottom: 24px;
  }
  .mxt-asset-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mxt-asset-info {
    padding: 10px 12px;
  }
  .mxt-asset-name {
    font-size: 13px;
  }
  .mxt-asset-details {
    font-size: 11px;
  }
  .drag-text {
    font-size: 12px;
  }
  .drag-icon {
    font-size: 20px;
    margin-bottom: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mxt-asset-item {
    transition: none;
  }
  .mxt-asset-item:hover {
    transform: none;
  }
  .mxt-asset-item:active, .mxt-asset-item.dragging {
    transform: none;
  }
  .mxt-asset-image {
    transition: none;
  }
  .mxt-asset-item:hover .mxt-asset-image {
    transform: none;
  }
  .mxt-asset-drag-overlay {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  .mxt-asset-item {
    border-width: 2px;
  }
  .mxt-asset-item:hover, .mxt-asset-item:focus {
    border-color: #000000;
  }
  .mxt-asset-item.selected {
    border-color: #000000;
    background-color: #ffffff;
  }
  .mxt-asset-drag-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .drag-text,
  .drag-icon {
    color: #ffffff;
  }
}
@media print {
  .mxt-project-assets-display__content {
    overflow: visible;
  }
  .mxt-asset-item {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #000000;
  }
  .mxt-asset-drag-overlay {
    display: none;
  }
  .mxt-asset-grid {
    gap: 8px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/autosave-indicator.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-autosave-indicator-badge {
  transition: opacity 0.6s ease;
  position: fixed;
  z-index: 999999;
  bottom: 20px;
  right: 20px;
  border-radius: 4px;
  opacity: 0;
}
.mxt-autosave-indicator-badge.active {
  opacity: 1;
}
.mxt-autosave-indicator-badge__container {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px;
  display: flex;
}
.mxt-autosave-indicator-badge__icon {
  flex: 0;
  margin-right: 3px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/edit-shape-stairs.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-edit-shape-stairs-popover {
  position: absolute;
  top: 80px;
  left: 20px;
  background: white;
  padding: 20px;
  border-radius: var(--mxt-corner-roundness);
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
}
.mxt-edit-shape-stairs-popover .mxt-edit-shape-stair-grid {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  align-self: baseline;
}
.mxt-edit-shape-stairs-popover .mxt-edit-shape-stair-grid p {
  margin-bottom: 10px;
}
.mxt-edit-shape-stairs-popover img {
  width: 200px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/edit-shape-ui.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.mxt-edit-shape-apply {
  position: absolute;
  z-index: 5;
  left: 50%;
  background: white;
  bottom: 20px;
  transform: translateX(-50%);
  height: 50px;
  display: flex;
  align-items: center;
  padding: 22px;
  border-radius: var(--mxt-corner-roundness);
  font: var(--mxt-font-body-lg-bold);
  gap: 5px;
}
.mxt-edit-shape-apply span {
  margin-right: 12px;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container {
  cursor: pointer;
  height: 25px;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container.mxt-edit-shape-img-container-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container.mxt-edit-shape-img-container-disabled:hover .mxt-edit-shape-img {
  display: block;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container.mxt-edit-shape-img-container-disabled:hover .mxt-edit-shape-img-hover {
  display: none;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container .mxt-edit-shape-img,
.mxt-edit-shape-apply .mxt-edit-shape-img-container .mxt-edit-shape-img-hover {
  pointer-events: none;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container .mxt-edit-shape-img-hover {
  display: none;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container:hover .mxt-edit-shape-img {
  display: none;
}
.mxt-edit-shape-apply .mxt-edit-shape-img-container:hover .mxt-edit-shape-img-hover {
  display: block;
}

.mxt-edit-shape-pip {
  position: absolute;
  background: white;
  min-width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 2px solid white;
  transform: translate(-50%, 50%);
  display: flex;
}
.mxt-edit-shape-pip .mxt-edit-shape-img {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mxt-edit-shape-pip .mxt-edit-shape-img:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mxt-edit-shape-pip .mxt-edit-shape-img:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mxt-edit-shape-pip .mxt-edit-shape-img .mxt-edit-shape-img-default {
  display: block;
}
.mxt-edit-shape-pip .mxt-edit-shape-img .mxt-edit-shape-img-hover {
  display: none;
}
.mxt-edit-shape-pip .mxt-edit-shape-img:hover .mxt-edit-shape-img-default {
  display: none;
}
.mxt-edit-shape-pip .mxt-edit-shape-img:hover .mxt-edit-shape-img-hover {
  display: block;
}
.mxt-edit-shape-pip .mxt-edit-shape-img.mxt-edit-shape-img-split {
  background: #e5e5e5;
}
.mxt-edit-shape-pip .mxt-edit-shape-img.mxt-edit-shape-img-split:hover {
  background: #4f40ff;
}
.mxt-edit-shape-pip .mxt-edit-shape-img.mxt-edit-shape-img-add:hover {
  background: #42ac54;
}
.mxt-edit-shape-pip .mxt-edit-shape-img.mxt-edit-shape-img-remove:hover {
  background: var(--mxt-error-color);
}

.mxt-edit-shape-angle-measurement {
  color: black;
  background-color: white;
  padding: 5px;
  border-radius: 10px;
  position: absolute;
  z-index: 2;
  transform: translate(-50%, 50%);
  cursor: pointer;
}
.mxt-edit-shape-angle-measurement.mxt-edit-shape-angle-disabled {
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
}

.mxt-edit-shape-angle-text {
  color: black;
  background-color: white;
}
.mxt-edit-shape-angle-text.mxt-edit-shape-angle-disabled {
  opacity: 0.7;
}
.mxt-edit-shape-angle-text.mxt-angle-update {
  background: #22b3f2;
  color: black;
}

.mxt-edit-shape-angle-virtkeytrigger {
  opacity: 0;
  position: absolute;
}

.mxt-edit-shape-set-height {
  width: 365px;
  text-align: center;
  padding: 11px 32px 17px;
}
.mxt-edit-shape-set-height .mxt-default-modal-header {
  padding: 0px;
  margin: 0px;
  margin-bottom: 6px;
}
.mxt-edit-shape-set-height .mxt-edit-shape-set-height-content {
  display: flex;
  flex-flow: column;
}
.mxt-edit-shape-set-height .mxt-edit-shape-set-height-content .mxt-edit-shape-set-height-carousel {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
.mxt-edit-shape-set-height .mxt-edit-shape-set-height-content .mxt-btn:not(:last-child) {
  margin-bottom: 13px;
}
.mxt-edit-shape-set-height .mxt-edit-shape-set-height-carousel:has(+ .mxt-edit-shape-add-railings-option .edit-shape-add-railings) {
  margin-bottom: 2rem;
}
.mxt-edit-shape-set-height .edit-shape-add-railings {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-edit-shape-set-height .edit-shape-add-railings input[type=checkbox]#shapeHasRails {
  box-shadow: none;
  margin-right: 0.5rem;
}
.mxt-edit-shape-set-height .edit-shape-add-railings label {
  margin-bottom: 0;
}

.mxt-edit-shape-complete-edits-popover.mxt-popover {
  text-align: center;
  width: 390px;
  max-width: unset;
}
.mxt-edit-shape-complete-edits-popover.mxt-popover .mxt-popover-content {
  padding: 20px 18px 30px;
}
.mxt-edit-shape-complete-edits-popover.mxt-popover .complete-edits-header {
  font: var(--mxt-font-header);
  padding-bottom: 13px;
}
.mxt-edit-shape-complete-edits-popover.mxt-popover .complete-edits-button {
  margin-top: 24px;
  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-room-planner/scss/blueprint-in-3d.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.mxt-modal-div.mxt-segment-properties-modal {
  background: #f7f7f7;
  padding: 20px;
  padding-top: 0px;
}
.mxt-modal-div.mxt-segment-properties-modal .editShapeFeetLabel,
.mxt-modal-div.mxt-segment-properties-modal .editShapeInchesLabel {
  min-width: 50px;
}
.mxt-modal-div.mxt-segment-properties-modal .editShapeFeetInput,
.mxt-modal-div.mxt-segment-properties-modal .editShapeInchesInput {
  width: 200px;
}
.mxt-modal-div.mxt-segment-properties-modal .editShapeFeet,
.mxt-modal-div.mxt-segment-properties-modal .editShapeInches {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 10px;
  font: var(--mxt-font-body-lg-bold);
}
.mxt-modal-div.mxt-segment-properties-modal .editShapeFeet select,
.mxt-modal-div.mxt-segment-properties-modal .editShapeInches select {
  margin-bottom: 0px;
  height: 28.5px;
}
.mxt-modal-div.mxt-segment-properties-modal .mxt-btn {
  margin-left: auto;
  margin-right: auto;
}

.mxt-segment-properties-content {
  padding: 20px 75px;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: #666666;
}

.mxt-segment-properties-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 10px;
  width: 100%;
}

.mxt-segment-properties-label {
  text-align: left;
  width: 50%;
}

.mxt-segment-properties-value {
  text-align: left;
  width: 50%;
}

.mxt-segment-properties-button {
  width: 25%;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
  margin-left: 5px;
  margin-right: 5px;
}

.mxt-segment-properties-ok-btn {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mxt-segment-properties-button-selected {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

.mxtEditShapeToolbarPopover {
  max-width: unset;
  padding: 20px;
}

.mxtEditShapeToolbarPopover-content .mxtBlueprintStairsTemplateGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.mxtEditShapeToolbarPopover-content .mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement {
  box-shadow: none;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  width: 100px;
}
.mxtEditShapeToolbarPopover-content .mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement img:hover {
  box-shadow: var(--mxt-dark-drop-shadow);
  cursor: pointer;
}
.mxtEditShapeToolbarPopover-content .mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement img {
  width: 100px;
  height: 100px;
}
.mxtEditShapeToolbarPopover-content .mxtBlueprintStairsTemplateGrid .mxtBlueprintStairsTemplateGridElement span {
  padding-top: 10px;
  padding-bottom: 7px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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/button-group.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-button-group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.mxt-button-group button {
  flex: 1;
  text-align: center;
  font: var(--mxt-font-body-bold);
  line-height: 45px;
  color: var(--mxt-font-color);
  padding: 0px 8px;
}
.mxt-button-group button[aria-pressed=true] {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  background-color: #4fc1df;
  color: #ffffff;
}
.mxt-button-group button[disabled] {
  cursor: not-allowed;
  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-room-planner/scss/draw-mode-toolbar.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-draw-mode-toolbar {
  width: 230px;
  top: 20px;
  left: 2rem;
  z-index: 99;
  display: flex;
  position: relative;
  overflow: visible;
}
.mxt-draw-mode-toolbar .mxt-nav-control-button {
  border-radius: 0;
}
.mxt-draw-mode-toolbar .mxt-nav-control-button:first-child {
  border-top-left-radius: var(--mxt-corner-roundness);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--mxt-corner-roundness);
  padding: 0;
  flex: 0.3 0 auto;
  justify-content: flex-end;
}
.mxt-draw-mode-toolbar .mxt-nav-control-button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: 0;
  justify-content: flex-start;
}
.mxt-draw-mode-toolbar .mxt-open-draw-popover-icon {
  padding: 0;
  margin: 0;
  width: 20px;
  height: 40px;
  transform: rotate(0);
  transition: 0.6s ease;
}
.mxt-draw-mode-toolbar button {
  min-width: 7rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
  box-shadow: none;
  cursor: pointer;
}
.mxt-draw-mode-toolbar button:hover {
  filter: none !important;
}
.mxt-draw-mode-toolbar button .drawOptionSelect {
  overflow-y: auto;
  max-height: calc(100vh - 190px);
}
.mxt-draw-mode-toolbar button .drawOptionSectionHeader {
  background: #f2ede7;
  text-align: left;
  padding: 0.2rem 0.5rem;
  font-weight: 100;
  margin: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mxt-draw-mode-toolbar button .drawOptionSectionHeader:first-of-type {
  border-top-left-radius: var(--mxt-corner-roundness);
  border-top-right-radius: var(--mxt-corner-roundness);
}
.mxt-draw-mode-toolbar button .drawModeOptions {
  display: inherit;
  min-inline-size: inherit;
  margin-inline: 0;
  padding-block: 0;
  border: none;
  padding-inline: 0;
}
.mxt-draw-mode-toolbar button .drawModeOptions .popover-divider {
  display: flex;
  min-width: 200px;
  min-height: 40px;
  align-items: center;
}
.mxt-draw-mode-toolbar button .drawModeOptions fieldset {
  display: inherit;
  border: none;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
}
.mxt-draw-mode-toolbar button .drawModeOptions input[type=radio] {
  box-shadow: none;
}
.mxt-draw-mode-toolbar button .drawModeOptions label {
  margin-left: 0.5rem;
  padding-right: 0;
  margin-top: 0.2rem;
}
.mxt-draw-mode-toolbar button .drawSettingsOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.mxt-draw-mode-toolbar button .drawSettingsOptions .mxt-switch {
  height: 20px;
  width: 40px;
}
.mxt-draw-mode-toolbar button .drawSettingsOptions .mxt-switch input:checked + .mxt-slider:before {
  transform: translateX(15px);
}
.mxt-draw-mode-toolbar button .drawSettingsOptions .mxt-switch .mxt-slider:before {
  height: 16px;
  width: 16px;
  right: 17px;
}
.mxt-draw-mode-toolbar button[aria-pressed=true] .mxt-draw-mode-img-container,
.mxt-draw-mode-toolbar button[aria-pressed=true] .mxt-select-mode-img-container {
  background: var(--primary-right-gradient);
}
.mxt-draw-mode-toolbar button[aria-pressed=true] .mxt-draw-mode-img-container .mxt-open-draw-popover-icon,
.mxt-draw-mode-toolbar button[aria-pressed=true] .mxt-select-mode-img-container .mxt-open-draw-popover-icon {
  background: white;
  height: 20px;
  border-radius: 10px;
  transition: none;
}
.mxt-draw-mode-toolbar button .mxt-draw-mode-img-container,
.mxt-draw-mode-toolbar button .mxt-select-mode-img-container {
  height: 40px;
  min-width: 98%;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  align-items: center;
}
.mxt-draw-mode-toolbar button .mxt-select-mode-img-container {
  border-top: 2px solid #f2ede7;
  border-left: 2px solid #f2ede7;
  border-bottom: 2px solid #f2ede7;
  border-top-left-radius: var(--mxt-corner-roundness);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--mxt-corner-roundness);
}
.mxt-draw-mode-toolbar button .mxt-draw-mode-img-container {
  border-top: 2px solid #f2ede7;
  border-right: 2px solid #f2ede7;
  border-bottom: 2px solid #f2ede7;
  border-top-left-radius: 0;
  border-top-right-radius: var(--mxt-corner-roundness);
  border-bottom-right-radius: var(--mxt-corner-roundness);
  border-bottom-left-radius: 0;
}
.mxt-draw-mode-toolbar button.mxt-draw-button-highlight-on-click {
  display: flex;
  justify-content: flex-start;
}
.mxt-draw-mode-toolbar button.mxt-draw-button-highlight-on-click:hover:has(.mxt-open-draw-popover-icon[aria-pressed=true]) {
  filter: none;
}
.mxt-draw-mode-toolbar button[aria-pressed=true] {
  background: none;
  box-shadow: none;
}
.mxt-draw-mode-toolbar button .draw-options-popover {
  margin: 0.2rem 0 0;
  padding: 0;
}
.mxt-draw-mode-toolbar button .mxt-popover-content {
  padding: 0;
  margin: 0;
  cursor: default;
}
.mxt-draw-mode-toolbar button .mxt-popover-content button {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.mxt-draw-mode-toolbar button .mxt-popover-content button .draw-option-icon {
  margin-right: 0.5rem;
}
.mxt-draw-mode-toolbar button .mxt-popover-content button .draw-option {
  margin-left: 0;
  padding: 0;
}
.mxt-draw-mode-toolbar button .mxt-popover-content button .hotkey {
  color: #a1a1a1;
  flex: 1 1 auto;
  text-align: right;
  text-transform: uppercase;
}
.mxt-draw-mode-toolbar button .mxt-switch-container {
  display: flex;
  padding: 0;
  margin: 0;
}
.mxt-draw-mode-toolbar button .mxt-switch-label {
  flex: inherit !important;
  text-align: left;
  padding: 0;
}
.mxt-draw-mode-toolbar button .mxt-switch input[type=checkbox] {
  display: none;
}
.mxt-draw-mode-toolbar button .mxt-switch-container.mxt-switch-container-small-toggle .mxt-switch input:checked + .mxt-slider:before {
  transform: translateX(16px);
}
.mxt-draw-mode-toolbar button .drawOptions {
  margin-left: 0;
  padding-right: 0;
}
.mxt-draw-mode-toolbar button .popover-divider {
  border-bottom: 1px solid gainsboro;
  padding: 0.3rem 0.5rem;
  margin-left: 0;
}
.mxt-draw-mode-toolbar button .popover-divider.disabled {
  opacity: 50%;
}
.mxt-draw-mode-toolbar button .popover-divider.disabled button {
  pointer-events: none;
  cursor: default;
}
.mxt-draw-mode-toolbar button .popover-divider.active .draw-option {
  color: #22b3f2;
}
.mxt-draw-mode-toolbar button .popover-divider:has(button.active) {
  background: #f9f5f5;
}
.mxt-draw-mode-toolbar button .popover-divider:not(.disabled):hover {
  background: #f4f3f3;
  border-radius: var(--mxt-corner-roundness);
}
.mxt-draw-mode-toolbar button .popover-divider:first-child {
  padding-top: 0.5rem;
}
.mxt-draw-mode-toolbar button .popover-divider:last-child {
  border-bottom: none;
}

.mxt-draw-option-tooltip {
  padding: 0.5rem 1rem;
  text-align: center;
  margin-top: -10px;
}
.mxt-draw-option-tooltip .hot-key {
  text-transform: uppercase;
  margin-left: 1rem;
  font-weight: 100;
  color: #b8b6b6;
}
.mxt-draw-option-tooltip .mxt-modal-arrow-outer.mxt-menu-top-arrow {
  top: -15px;
  height: 15px;
}
.mxt-draw-option-tooltip .mxt-modal-arrow-outer.mxt-menu-top-arrow .mxt-modal-arrow-inner {
  top: 22px;
}

@container designer (max-width: 1050px) {
  .mxt-draw-mode-toolbar {
    right: 100px;
  }
  body:has(#cameraViewSegmentedMenuContainer:not(.mxt-hidden)) .mxt-draw-mode-toolbar button {
    min-width: 4rem;
    transition: none;
  }
}
@container designer (max-width: 960px) {
  .mxt-draw-mode-toolbar {
    right: 100px;
  }
  body:has(#cameraViewSegmentedMenuContainer:not(.mxt-hidden)) .mxt-draw-mode-toolbar {
    right: 150px;
    width: 130px;
  }
  body:has(#cameraViewSegmentedMenuContainer:not(.mxt-hidden)) .mxt-draw-mode-toolbar .draw-mode-label {
    display: none;
  }
  body:has(#cameraViewSegmentedMenuContainer:not(.mxt-hidden)) .mxt-draw-mode-toolbar button .mxt-draw-mode-img-container,
  body:has(#cameraViewSegmentedMenuContainer:not(.mxt-hidden)) .mxt-draw-mode-toolbar button .mxt-select-mode-img-container {
    min-width: 60px;
  }
  body:has(.mxt-trace-calibration-screen:not(.mxt-hidden)) .mxt-draw-mode-toolbar {
    top: 1.2rem;
  }
}
@container designer (max-width: 725px) {
  .mxt-draw-mode-toolbar {
    right: 135px;
    width: 118px;
  }
  .mxt-draw-mode-toolbar .draw-mode-label {
    display: none;
  }
  .mxt-draw-mode-toolbar button {
    min-width: 4rem;
  }
  .mxt-draw-mode-toolbar button .mxt-draw-mode-img-container,
  .mxt-draw-mode-toolbar button .mxt-select-mode-img-container {
    min-width: 55;
  }
}
@container designer (max-width: 350px) {
  .mxt-draw-mode-toolbar {
    display: none;
  }
}
#designer.navigation-labels-collapsed .mxt-draw-mode-toolbar {
  right: 150px;
  width: 130px;
}
#designer.navigation-labels-collapsed .mxt-draw-mode-toolbar .draw-mode-label {
  display: none;
}
#designer.navigation-labels-collapsed .mxt-draw-mode-toolbar button {
  min-width: 4rem;
}
#designer.navigation-labels-collapsed .mxt-draw-mode-toolbar button .mxt-draw-mode-img-container,
#designer.navigation-labels-collapsed .mxt-draw-mode-toolbar button .mxt-select-mode-img-container {
  min-width: 60px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/mobile-customization.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-mobile-customize-btn {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 0px;
  margin: 0px;
  height: var(--mxt-nav-menu-height);
}

.mxt-customize-panel {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.mxt-customize-panel .mxt-customize-header {
  width: 100%;
  display: flex;
  padding-left: 10px;
}
.mxt-customize-panel .mxt-customize-header .mxt-back-button {
  display: inline;
}
.mxt-customize-panel .mxt-customize-header .mxt-customize-title {
  font-size: 24px;
  align-self: center;
  display: inline;
}
.mxt-customize-panel .mxt-customize-header .mxt-close-button {
  margin-left: auto;
}
.mxt-customize-panel .navigationBaseButtonBreak {
  border-color: #666666;
}
.mxt-customize-panel .mxt-customize-menu-options {
  width: 100%;
  background-color: #ececec;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-menu-options-details {
  color: rgb(102, 102, 102);
  width: 100%;
  height: 50px;
  overflow: hidden;
  padding: 10px;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel {
  padding: 10px;
  height: calc(50vh - 95px);
  overflow-y: auto;
  overflow-x: hidden;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option {
  background-color: white;
  width: 100%;
  min-height: 80px;
  margin: 2px;
  display: flex;
  align-items: center;
  padding: 5px;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option .mxt-option-img {
  width: 64px;
  height: 64px;
  margin: 5px 15px 5px 5px;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option .mxt-options-text {
  display: block;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option .mxt-options-text label {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option .mxt-options-text sub {
  font-size: 12px;
}
.mxt-customize-panel .mxt-customize-menu-options .mxt-options-panel .mxt-menu-option .mxt-option-next {
  margin: 5px 5px 5px auto;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/paver-menu-side-panel.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-menu-paver-side-panel {
  background: white;
  color: black;
}
.mxt-menu-paver-side-panel .sidePanelTopBar .mxt-non-cta-button,
.mxt-menu-paver-side-panel .mxt-sidePanel-breadcrumb,
.mxt-menu-paver-side-panel .mxt-accordian-img {
  display: none;
}
.mxt-menu-paver-side-panel .mxt-product-panel-header-text-row {
  padding: 10px 25px;
  margin: 0;
  border-bottom: 1px solid gainsboro;
  justify-content: left;
}
.mxt-menu-paver-side-panel .mxt-product-panel-header-text-row h2 {
  font-size: 1.2rem;
  font-weight: normal;
  color: black;
}
.mxt-menu-paver-side-panel .designProcessProductCurrentHeader {
  color: black;
}
.mxt-menu-paver-side-panel .sidePanelPane {
  padding: 0 30px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/favorites-side-panel.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-modal-div.mxt-favorites-screenshot-modal {
  width: 80%;
  height: 80%;
  display: flex;
  background: transparent;
  align-items: center;
  justify-content: center;
}
.mxt-modal-div.mxt-favorites-screenshot-modal .mxt-favorites-screenshot-image-container {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
}

.mxt-favorites-side-panel .mxt-sidePanel-breadcrumb {
  display: none;
}
.mxt-favorites-side-panel .mxt-product-panel-header-text-row {
  padding-bottom: 0px;
  padding-top: 5px;
}
.mxt-favorites-side-panel .mxt-product-panel-header-text-row .mxt-product-panel-header-text {
  text-align: left;
  margin: 0px;
}
.mxt-favorites-side-panel .mxt-product-panel-header-text-row .mxt-favorites-actions-separator {
  height: 22px;
  border-left: 1px solid black;
  width: 1px;
  margin-right: 10px;
}
.mxt-favorites-side-panel .favorites-multi-select-flyover {
  position: absolute;
  bottom: 0px;
  background: white;
  width: 100%;
  display: flex;
  flex-flow: column;
  transition: 0.5s all ease;
  height: 120px;
  border-top: 1px solid #c1c1c1;
  padding: 20px;
  align-items: center;
  gap: 10px;
}
.mxt-favorites-side-panel .favorites-multi-select-flyover.collapsed {
  height: 0px;
  padding: 0px;
}
.mxt-favorites-side-panel .favorites-multi-select-flyover button {
  width: 200px;
}
.mxt-favorites-side-panel .favorites-multi-select-flyover a {
  width: fit-content;
  min-width: 0px;
}
.mxt-favorites-side-panel button.mxt-favorite-multiselect-checkmark {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.mxt-favorites-side-panel button.mxt-favorite-multiselect-checkmark img {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 25px;
  height: 25px;
}
.mxt-favorites-side-panel .mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem.mxt-favorite-multiselect-checkmark-present {
  padding-left: 25px;
}
.mxt-favorites-side-panel .mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content {
  flex-flow: row;
  align-items: center;
}
.mxt-favorites-side-panel .mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem .mxt-grid-item-content .mxt-favorite-config-name {
  display: none;
}
.mxt-favorites-side-panel .mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem button.mxt-favorite-multiselect-checkmark {
  display: flex;
  align-items: center;
}
.mxt-favorites-side-panel .mxt-grid-container.designProcessGrid.grid-layout-list .mxt-grid-item.designProcessGridItem button.mxt-favorite-multiselect-checkmark img {
  position: relative;
  right: 22px;
  top: 0px;
}
.mxt-favorites-side-panel .mxt-favorite-config-name {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 0px;
}
.mxt-favorites-side-panel .favorites-no-favorites {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.mxt-favorites-side-panel .favorites-no-favorites img {
  width: 100px;
}
.mxt-favorites-side-panel .favorites-no-favorites p {
  font: var(--mxt-font-body-lg);
  width: 300px;
  max-width: 80%;
  text-align: center;
}
.mxt-favorites-side-panel .favorite-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.mxt-favorites-side-panel .favorite-header-row .favorite-header {
  font: var(--mxt-font-body-lg-bold);
}
.mxt-favorites-side-panel .favorite-header-row .favorite-header-row-group {
  display: flex;
}
.mxt-favorites-side-panel .favorite-header-row .mxt-switch-container.mxt-switch-container-small-toggle {
  flex-grow: 0;
}
.mxt-favorites-side-panel .favorite-group {
  border: 1px solid #c1c1c1;
  padding: 8px 8px 16px 8px;
  margin-bottom: 10px;
  position: relative;
}
.mxt-favorites-side-panel .favorite-group .favorite-group-content {
  display: flex;
  flex-flow: column;
}
.mxt-favorites-side-panel .favorite-group .favorite-group-content .favorite-group-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mxt-favorites-side-panel .favorite-group .favorite-group-content .favorite-group-actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 0px 16px 0px;
}
.mxt-favorites-side-panel .favorite-group .favorite-group-content .favorite-group-actions button {
  width: 100%;
}
.mxt-favorites-side-panel .favorite-group .favorite-group-content .designProcessGrid {
  position: relative;
}
.mxt-favorites-side-panel .favorite-group .mxt-btn.mxt-btn-icon-only.favorite-header-row-image {
  min-width: 40px;
}
.mxt-favorites-side-panel .favorite-group .mxt-btn.mxt-btn-icon-only.favorite-header-row-image img {
  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-room-planner/scss/favorites-add-edit-modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-favorites-add-edit-modal.mxt-prompt-modal {
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-favorites-add-edit-modal.mxt-prompt-modal .mxt-prompt-modal-background {
  max-width: 700px;
}
.mxt-favorites-add-edit-modal.mxt-prompt-modal .mxt-prompt-modal-background .mxt-prompt-modal-container .mxt-prompt-modal-header {
  text-align: center;
  padding: 0 60px;
}
.mxt-favorites-add-edit-modal.mxt-prompt-modal .mxt-prompt-modal-background .mxt-prompt-modal-container .mxt-prompt-modal-header .mxt-font-header {
  margin-bottom: 10px;
}
.mxt-favorites-add-edit-modal.mxt-prompt-modal .mxt-prompt-modal-background .mxt-prompt-modal-container .mxt-prompt-modal-content {
  max-height: unset;
  overflow-y: unset;
  padding: 20px 60px;
}
.mxt-favorites-add-edit-modal .mxt-dropdown-container {
  min-width: 100%;
  min-height: 40px;
  margin: 0;
  margin-bottom: 10px;
}
.mxt-favorites-add-edit-modal .mxt-dropdown-container .mxt-dropdown {
  min-width: 100%;
}
.mxt-favorites-add-edit-modal .mxt-dropdown-container .mxt-dropdown .mxt-dropdown-header h5 {
  font: var(--mxt-font-body-lg);
}
.mxt-favorites-add-edit-modal-inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mxt-favorites-add-edit-modal-name {
  width: 100%;
  padding: 10px 15px;
  font: var(--mxt-font-body-lg);
}
.mxt-favorites-add-edit-modal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mxt-favorites-add-edit-modal .mxt-favorites-tag {
  display: inline-block;
}
.mxt-favorites-add-edit-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 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/favorite-tag.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-favorites-tag {
  border: 1px solid darkgrey;
  border-radius: 1em;
  padding: 0 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/panels/mxt-panel-action-item.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.mxt-panel-action-item {
  grid-template-columns: 100px auto;
  display: grid;
  min-height: 124px;
  align-items: center;
  border: 1px solid #e5e5e5;
  min-height: 124px;
}
.mxt-panel-action-item.mxt-panel-action-three-col {
  grid-template-columns: 100px auto 50px;
}
.mxt-panel-action-item.mxt-panel-action-image-large {
  grid-template-columns: 175px auto;
}
.mxt-panel-action-item.mxt-panel-action-image-large.mxt-panel-action-three-col {
  grid-template-columns: 175px auto 50px;
}
.mxt-panel-action-item.mxt-panel-action-image-large .mxt-panel-action-image img {
  width: 145px;
}
.mxt-panel-action-item .mxt-panel-action-text {
  display: flex;
  flex-flow: column;
  text-align: left;
  gap: 5px;
}
.mxt-panel-action-item .mxt-panel-action-text .mxt-panel-action-title {
  font: var(--mxt-font-subheader);
}
.mxt-panel-action-item .mxt-panel-action-text .mxt-panel-action-description {
  font: var(--mxt-font-body);
}
.mxt-panel-action-item .mxt-panel-action-arrow {
  display: flex;
  justify-content: end;
}
.mxt-panel-action-item .mxt-panel-action-arrow img {
  width: 50px;
}
.mxt-panel-action-item .mxt-panel-action-image {
  display: flex;
  justify-content: center;
}
.mxt-panel-action-item .mxt-panel-action-image img {
  width: 40px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/panels/mxt-panel-header.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-panel-header {
  padding: 20px;
  border-bottom: 1px solid var(--mxt-panel-divider-color);
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.mxt-panel-header .mxt-panel-title {
  margin: 0px;
}
.mxt-panel-header .mxt-panel-description {
  margin: 0px;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/stairs-template-side-panel.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.stairs-template-side-panel {
  color: black;
}
.stairs-template-side-panel .sidePanelTopBar {
  justify-content: right;
}
.stairs-template-side-panel .mxt-panel-title {
  font-size: 1.2rem;
  font-weight: normal;
}
.stairs-template-side-panel .mxt-panel-action-item {
  width: 100%;
  margin: 1rem 0;
}
.stairs-template-side-panel .stairs-template-main {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 20px;
  position: relative;
}
.stairs-template-side-panel .stairs-template-main .stairs-templates .stairs-template-warning {
  padding: 10px 20px;
  color: var(--mxt-error-color);
  background-color: rgba(190, 44, 59, 0.1019607843);
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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/tab-group.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.mxt-tab-group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 2px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  container: tab-group/inline-size;
}
.mxt-tab-group button {
  flex: 1;
  text-align: center;
  font: var(--mxt-font-body-bold);
  color: var(--font-color);
  padding: 0px 8px;
  height: 100%;
  border-right: 1px solid gainsboro;
  border-radius: initial;
}
.mxt-tab-group button.mxt-tab-disabled {
  opacity: 0.3;
  background: #f4f4f4;
  pointer-events: none;
  cursor: not-allowed;
}
.mxt-tab-group button.mxt-tab-active {
  color: #1f62ff;
}

@container tab-group (max-width: 350px) {
  .mxt-tab-group button {
    min-width: 55px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/custom-switch-tab-group.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-switch-tab-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mxt-switch-tab-group .mxt-switch-container {
  margin-top: 1rem;
  flex-direction: row-reverse;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/decking-style-side-panel.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.decking-style-side-panel {
  container: blueprint-customize-sidepanel-container/inline-size;
}
.decking-style-side-panel .decking-style-main {
  position: relative;
}
.decking-style-side-panel .decking-style-main .mxt-font-header {
  font-size: 1.2rem;
  font-weight: normal;
}
.decking-style-side-panel .decking-style-main .decking-design-section,
.decking-style-side-panel .decking-style-main .decking-material-section {
  padding: 20px;
}
.decking-style-side-panel .decking-style-main .decking-design-section {
  background: white;
}
.decking-style-side-panel .decking-style-main .decking-material-section {
  background: #f7f7f7;
}
.decking-style-side-panel .decking-style-main .sidePanelTopBar {
  margin: 1rem 0;
}
.decking-style-side-panel .decking-style-main .sidePanelTopBar .designProcessSearchDiv {
  padding: 0;
}
.decking-style-side-panel .decking-style-main .decking-custom-settings-button-container {
  position: absolute;
  top: 1rem;
  right: 0;
  align-items: center;
  cursor: pointer;
}
.decking-style-side-panel .decking-style-main .designProcessGrid .mxt-grid-item-content {
  padding: 0;
}
.decking-style-side-panel .decking-style-main .mxt-grid-item-bg-img {
  background-size: cover;
  background-position: left center;
  padding: 0;
}
.decking-style-side-panel .decking-style-main .decking-panel-row {
  margin-bottom: 1rem;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container {
  margin-bottom: 4rem;
}
.decking-style-side-panel .decking-style-main .decking-field-label {
  margin-bottom: 10px;
}
.decking-style-side-panel .decking-style-main .decking-design-selection {
  min-height: 2rem;
  margin: 1rem 0;
}
.decking-style-side-panel .decking-style-main .decking-design-selection .design-accordion-content {
  display: flex;
  max-width: 550px;
  flex-wrap: wrap;
}
.decking-style-side-panel .decking-style-main .decking-design-selection .design-accordion-content .design-carousel-container {
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}
.decking-style-side-panel .decking-style-main .currentIndicator,
.decking-style-side-panel .decking-style-main .currentMaterialTitle,
.decking-style-side-panel .decking-style-main .currentMaterialSubtitle {
  color: #000000;
}
.decking-style-side-panel .decking-style-main .designProcessProductCurrentHeader {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.decking-style-side-panel .decking-style-main .decking-search-results .decking-search-total,
.decking-style-side-panel .decking-style-main .decking-search-results .decking-search-clear {
  color: #222832;
}
.decking-style-side-panel .decking-style-main .decking-search-results .decking-search-results-section-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.decking-style-side-panel .decking-style-main .decking-search-results .decking-search-results-section-text .decking-search-results-reset-text {
  text-decoration: underline;
  flex-grow: 1;
  text-align: right;
  cursor: pointer;
}
.decking-style-side-panel .decking-style-main .decking-search-results .mxt-grid-container {
  position: relative;
}
.decking-style-side-panel .decking-style-main .decking-search-results .mxt-grid {
  justify-content: space-between;
}
.decking-style-side-panel .decking-style-main .decking-search-results .designProcessProductCurrentContainer.designProcessProductCurrentContainerSmall {
  height: 100px;
}
.decking-style-side-panel .decking-style-main .decking-search-results .designProcessProductCurrentContainer.designProcessProductCurrentContainerSmall .designProcessProductCurrent {
  flex: 0 0 100px;
  width: 100px;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container {
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section {
  flex-grow: 1;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section select {
  height: 2rem;
  margin-bottom: unset;
  border-radius: var(--mxt-corner-roundness);
  text-align-last: left;
  cursor: pointer;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section .mxt-dropdown-container {
  margin: unset;
  height: 40px !important;
  min-width: inherit;
  width: 160px;
}
.decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section .mxt-dropdown {
  min-width: 160px;
}

.mxt-button-group .activeOverride {
  color: #1f62ff;
}

@container blueprint-customize-sidepanel-container (max-width: 350px) {
  .decking-style-side-panel .decking-style-main .decking-dropdown-container {
    margin-bottom: 1rem;
    flex-direction: column;
  }
  .decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section .mxt-dropdown-container {
    width: 100% !important;
  }
  .decking-style-side-panel .decking-style-main .mxt-dropdown {
    min-width: 100%;
  }
  .decking-style-side-panel .decking-style-main .decking-dropdown-container .decking-dropdown-section {
    margin-bottom: 1rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/railing-style-side-panel.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.railing-style-side-panel {
  background: white;
  color: black;
}
.railing-style-side-panel .sidePanelPane {
  padding: 0;
  height: 100%;
}
.railing-style-side-panel .sidePanelTopBar {
  border-bottom: 1px solid gainsboro;
  padding: 6px 8px 6px;
  margin: 0;
}
.railing-style-side-panel .mxt-panel-header {
  background: white;
}
.railing-style-side-panel .mxt-panel-title {
  font-size: 1.2rem;
  font-weight: normal;
}
.railing-style-side-panel .mxt-panel-description {
  font-size: 13px;
  font-weight: normal;
}
.railing-style-side-panel .designProcessGrid.mxt-grid-container.mxt-grid-container-paging {
  width: 100%;
  background: #f7f7f7;
}
.railing-style-side-panel .current-collection-container {
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.railing-style-side-panel .current-collection-container button.mxt-btn {
  align-self: center;
  min-width: 90%;
  background: var(--primary-right-gradient);
  color: white;
  border-radius: 2.5px;
}
.railing-style-side-panel .current-collection-container img {
  margin-bottom: 0.5rem;
}
.railing-style-side-panel .tab-group-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
}
.railing-style-side-panel .tab-group-container .tab-group-heading {
  font-size: 1.2rem;
  color: black;
  padding-left: 0.8rem;
  margin-bottom: 1rem;
}
.railing-style-side-panel .tab-group-container .mxt-tab-group {
  width: 90%;
  display: flex;
  align-self: center;
}
.railing-style-side-panel .mxt-decking-section {
  margin: 2rem 1rem;
}
.railing-style-side-panel .mxt-decking-section-p {
  font-size: 1rem;
  font-weight: bold;
}
.railing-style-side-panel .mxt-decking-section-content {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.railing-style-side-panel .mxt-btn.back-button {
  min-width: 3rem;
}
.railing-style-side-panel .mxt-decking-section-block {
  width: 90px;
  margin: 0.26rem;
  cursor: pointer;
}
.railing-style-side-panel .mxt-decking-section-block img {
  background: white;
  border: 1px solid gainsboro;
  padding: 0.2rem;
  height: 90px;
}
.railing-style-side-panel .mxt-decking-section-header {
  display: flex;
  justify-content: space-between;
}
.railing-style-side-panel img.mxt-decking-section-img {
  transition: 0.2s all ease;
}
.railing-style-side-panel img.mxt-decking-section-img.mxt-decking-section-img-rotated {
  rotate: -90deg;
}
.railing-style-side-panel .mxt-decking-section-block-current img {
  border-color: var(--toggle-blue);
  border-style: solid;
  border-width: 5px;
}
.railing-style-side-panel .mxt-decking-section-height.mxt-decking-section-block-current {
  border-color: var(--toggle-blue);
  border-style: solid;
  border-width: 5px;
}
.railing-style-side-panel .mxt-decking-section-selection {
  font-weight: bold;
}
.railing-style-side-panel .mxt-decking-section-selection span {
  font-weight: normal;
}
.railing-style-side-panel .mxt-decking-section-selection-height {
  display: none;
}
.railing-style-side-panel .mxt-decking-section-height {
  height: 90px;
  width: 90px;
  border: 1px solid gainsboro;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/decking.scss ***!
  \**********************************************************************************************************************************************************************************************************************/

/* Special styling for WebKit/Blink */

/* All the same stuff for Firefox */
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/substructure.scss ***!
  \***************************************************************************************************************************************************************************************************************************/

.mxt-cantilever-length-section-note {
  font-style: italic;
  font-size: 13px;
  margin-bottom: 20px;
}
.mxt-footer-size-section-hint,
.mxt-cantilever-length-section-hint {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 8px;
}
.mxt-footer-size-section .mxt-carousel,
.mxt-cantilever-length-section .mxt-carousel,
.mxt-field-blocking-spacing-length-section .mxt-carousel {
  width: 118px;
}

.mxt-style-configurator-section-img-div-container {
  padding: 10px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxt-style-configurator-section-img-div-value {
  font-weight: bold;
  font-size: 20px;
}

.mxt-substructure-side-panel {
  font: var(--mxt-font-subheader);
  color: black;
}
.mxt-substructure-side-panel .sidePanelTopBar {
  border-bottom: 1px solid gainsboro;
  padding: 6px 8px 6px;
  margin: 0;
}
.mxt-substructure-side-panel .mxt-panel-header {
  background: white;
}
.mxt-substructure-side-panel .mxt-panel-title {
  font-size: 1.2rem;
  font-weight: normal;
}
.mxt-substructure-side-panel .mxt-panel-description {
  font-size: 13px;
  font-weight: normal;
}
.mxt-substructure-side-panel .mxt-product-panel-content {
  padding: 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-room-planner/scss/action-list-side-panel.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.action-list-side-panel .action-list-container .action-list {
  padding: 15px;
}
.action-list-side-panel .action-list-container .mxt-panel-action-item {
  margin-bottom: 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-room-planner/scss/template-projects-side-panel.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.template-projects-side-panel .mxt-panel-title {
  font-size: 1.2rem;
  font-weight: normal;
}
.template-projects-side-panel .template-projects-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 1rem;
}
.template-projects-side-panel .template-projects-content .template-project {
  position: relative;
}
.template-projects-side-panel .template-projects-content .template-project.empty-scene-template-project span {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font: var(--mxt-font-header);
}
.template-projects-side-panel .template-projects-content .template-project.current::after {
  content: "";
  box-shadow: inset 0px 0px 0px 6px var(--toggle-blue);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  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-room-planner/scss/drawing-tutorial.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-deck-drawing-tutorial .drawing-tutorial-steps {
  margin-top: 2rem;
}
.mxt-blueprint-deck-drawing-tutorial .drawing-tutorial-step {
  margin: 1rem 0;
}
.mxt-blueprint-deck-drawing-tutorial .drawing-tutorial-step-header {
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.mxt-blueprint-deck-drawing-tutorial .drawing-tutorial-step-description {
  margin-bottom: 1rem;
}
.mxt-blueprint-deck-drawing-tutorial img {
  max-height: 150px;
}
.mxt-blueprint-deck-drawing-tutorial .checkbox-container label {
  margin-left: 1rem;
}

.drawing-tutorial-description {
  padding-left: 1rem;
  padding-right: 1rem;
}

.drawing-tutorial-header-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.drawing-tutorial-header {
  display: flex;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  align-items: center;
}
.drawing-tutorial-header img {
  margin-left: 0.5rem;
}
.drawing-tutorial-header span {
  font-weight: "bold";
  font-size: "1.2rem";
}

.drawing-tutorial-footer-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
.drawing-tutorial-footer-container .checkbox-container label {
  margin-left: 1rem;
}

@container prompt-modal-container (max-width: 219px) {
  .drawing-tutorial-footer-container .checkbox-container {
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
  .tutorial-drawing-next-complete-button {
    flex: 0 0 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-room-planner/scss/blueprint-card.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-card {
  --mxt-blueprint-card-font-color: #222832;
  width: 100%;
  max-width: 230px;
  border-radius: 4px;
  border: 1px solid var(--Line, #e7e7e7);
  color: black;
  padding: 16px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
}
.mxt-blueprint-card .mxt-blueprint-card-header {
  margin-top: 0;
  color: var(--mxt-blueprint-card-font-color);
  font: var(--mxt-font-subheader);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  flex-grow: 0;
}
.mxt-blueprint-card .mxt-blueprint-card-description {
  width: 100%;
  color: var(--mxt-blueprint-card-font-color);
  font: var(--mxt-font-body);
  line-height: normal;
  margin-bottom: 10px;
  flex: 1;
}
.mxt-blueprint-card .mxt-blueprint-card-img-container {
  width: 100%;
  height: 100px;
  margin: 0px auto;
  margin-bottom: 10px;
  overflow: hidden;
}
.mxt-blueprint-card .mxt-blueprint-card-img-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.mxt-blueprint-card button.mxt-btn {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-grow: 0;
  font: var(--mxt-font-body);
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--Text-Brand-Dark, var(--mxt-blueprint-card-font-color));
  background: var(--Backgrounds-Primary-background, #fff);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.mxt-blueprint-card button.mxt-btn img {
  flex: 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-room-planner/scss/blueprint-trace-card.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.blueprint-trace-edit-image-container {
  --blueprint-trace-menu-item-font: var(--mxt-font-body);
  background: white;
  border-radius: 4px;
  margin-bottom: 10px;
}
.blueprint-trace-edit-image-container .blueprint-trace-edit-image-header {
  font: var(--mxt-font-body-lg);
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid gainsboro;
}
.blueprint-trace-edit-image-container .blueprint-trace-edit-controls {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blueprint-trace-edit-image-container .blueprint-trace-opacity,
.blueprint-trace-edit-image-container .blueprint-trace-remove,
.blueprint-trace-edit-image-container .mxt-switch-button {
  font: var(--blueprint-trace-menu-item-font);
  line-height: normal;
  height: 20px;
}
.blueprint-trace-edit-image-container .blueprint-trace-opacity {
  height: fit-content;
}
.blueprint-trace-edit-image-container .blueprint-trace-opacity label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
.blueprint-trace-edit-image-container .blueprint-trace-opacity label input {
  padding: 2px 5px;
}
.blueprint-trace-edit-image-container .blueprint-trace-remove {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blueprint-trace-edit-image-container .blueprint-trace-remove img {
  width: 16px;
}
.blueprint-trace-edit-image-container button.mxt-btn {
  min-width: 10rem;
  border: 1px solid black;
  color: black;
  margin-top: 1rem;
  font-size: 0.7rem;
  box-shadow: var(--mxt-nav-control-drop-shadow);
  color: var(--mxt-nav-control-font-color);
  background: var(--mxt-nav-control-background-color);
  border: var(--mxt-nav-control-border-thickness) solid var(--mxt-nav-control-border-color);
}
.blueprint-trace-edit-image-container .mxt-switch-button {
  border: none;
  padding: 0;
  width: 100%;
}
.blueprint-trace-edit-image-container .mxt-switch-button .mxt-switch-container {
  width: 100%;
}
.blueprint-trace-edit-image-container .mxt-switch-button .mxt-switch-label {
  padding: 0;
  min-width: 84px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/room-scanner-screen.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.mxt-room-scanner-screen {
  --mxt-device-reqs-collapsed-height: 46px;
  position: absolute;
  background: #ffffff;
  top: 0;
  height: 100%;
  z-index: 99;
  width: inherit;
}
.mxt-room-scanner-screen .loading {
  visibility: hidden;
}
.mxt-room-scanner-screen .mxt-room-scanner-panel {
  height: 100%;
  overflow: scroll;
  padding-bottom: var(--mxt-device-reqs-collapsed-height);
}
.mxt-room-scanner-screen .mxt-room-scanner-panel .mxt-panel-close-container {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.mxt-room-scanner-screen .mxt-panel-container {
  padding: 1rem;
  max-width: 533px;
  margin: 0 auto;
  box-sizing: border-box;
}
.mxt-room-scanner-screen .mxt-panel-container .mxt-room-scanner-title {
  font: var(--mxt-font-header);
  font-weight: 600;
  text-align: left;
  font-size: 24px;
  margin-bottom: 12px;
  color: #1c1c1c;
}
.mxt-room-scanner-screen .mxt-panel-container .mxt-room-scanner-details {
  margin-bottom: 1.5rem;
  line-height: 1.5;
  font-size: 14px;
  color: #1c1c1c;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card {
  width: auto;
  height: 100%;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 16px;
  margin: 0 auto;
  box-sizing: border-box;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .option-header {
  font-size: 22px;
  font-weight: 800;
  color: #666666;
  margin-top: 0;
  margin-bottom: 16px;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-code {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 155px;
  background: #fff;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-code .qr-code-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-code .qr-code-inner img {
  width: 90%;
  height: auto;
  padding-left: 4px;
  padding-top: 2px;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-code .qr-code-inner .qr-scan-id {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  color: var(--Arkham-Grey, #666);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 1px auto;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-code .qr-code-inner .qr-scan-id .scan-id-bold {
  font-weight: 800;
  text-transform: uppercase;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content {
  display: flex;
  gap: 20px;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  margin: 10px 0;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions p {
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions .mxt-btn {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  padding: 12px;
  background: linear-gradient(90deg, #144969 0%, #167586 100%);
  box-shadow: 0px 1px 0px 0px #054253;
  color: white;
  border: none;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  margin-top: auto;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions .mxt-btn:hover {
  opacity: 0.9;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content .mxt-scan-id-input {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 16px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: large;
  font-weight: 700;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content .mxt-btn {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  padding: 12px;
  background: #cccccc;
  color: white;
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: not-allowed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content .mxt-btn:not(.mxt-btn-disabled) {
  background: linear-gradient(90deg, #144969 0%, #167586 100%);
  box-shadow: 0px 1px 0px 0px #054253;
  cursor: pointer;
}
.mxt-room-scanner-screen .mxt-panel-container .qr-code-card .manual-entry-content .mxt-btn:not(.mxt-btn-disabled):hover {
  opacity: 0.9;
}
.mxt-room-scanner-screen .mxt-panel-container .mxt-option-divider {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1.5rem 0;
}
.mxt-room-scanner-screen .mxt-device-requirements {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: #f4f4f4;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  height: var(--mxt-device-reqs-collapsed-height);
  z-index: 100;
  transition: 250ms ease-in-out;
  --requirements-list-bottom-margin: 0.25rem;
}
.mxt-room-scanner-screen .mxt-device-requirements.expanded {
  height: 285px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.mxt-room-scanner-screen .mxt-device-requirements .mxt-requirements-header {
  --requirements-color: #4f40ff;
  width: 100%;
  height: var(--mxt-device-reqs-collapsed-height);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
  border: none;
  text-align: center;
  font-size: 14px;
  color: var(--requirements-color);
}
.mxt-room-scanner-screen .mxt-device-requirements .mxt-requirements-header::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--requirements-color);
  border-bottom: 2px solid var(--requirements-color);
  transform: rotate(45deg);
  margin-left: 10px;
}
.mxt-room-scanner-screen .mxt-device-requirements.expanded .mxt-requirements-header::after {
  transform: rotate(-135deg);
}
.mxt-room-scanner-screen .mxt-device-requirements .mxt-requirements-content {
  padding: 0 1rem 4rem;
}
.mxt-room-scanner-screen .mxt-device-requirements.expanded .mxt-requirements-content {
  display: block;
}
.mxt-room-scanner-screen .mxt-device-requirements .mxt-lidar-required {
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 1.4;
}
.mxt-room-scanner-screen .mxt-device-requirements h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 1rem 0 var(--requirements-list-bottom-margin);
}
.mxt-room-scanner-screen .mxt-device-requirements ul {
  margin: 0;
  list-style-type: none;
}
.mxt-room-scanner-screen .mxt-device-requirements ul li {
  font-size: 14px;
  margin-bottom: var(--requirements-list-bottom-margin);
}
.mxt-room-scanner-screen .mxt-device-requirements ul li .mxt-update-link {
  color: #0066cc;
}

@media (max-width: 600px) {
  .mxt-room-scanner-screen .mxt-panel-container {
    padding: 0.8rem;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card {
    width: 100%;
    height: auto;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content {
    flex-direction: column;
    align-items: center;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-code {
    margin-bottom: 20px;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions {
    width: 100%;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-instructions p {
    text-align: center;
  }
}
@container tabbed-view-side-panel (max-width: 400px) {
  .mxt-room-scanner-screen .mxt-panel-container .mxt-option-divider {
    font-size: 1rem;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card {
    padding: 12px;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content {
    gap: 12px;
  }
  .mxt-room-scanner-screen .mxt-panel-container .qr-code-card .qr-content .qr-code {
    width: 100px;
    height: 100px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/trace-upload-screen.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.mxt-trace-upload-screen {
  position: absolute;
  background: white;
  top: 0;
  height: 100%;
  z-index: 99;
  width: inherit;
}
.mxt-trace-upload-screen .loading {
  visibility: hidden;
}
.mxt-trace-upload-screen .mxt-blueprint-init-panel .mxt-panel-close-container {
  display: flex;
  justify-content: space-between;
}
.mxt-trace-upload-screen .mxt-panel-container {
  padding: 1rem;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-blueprint-title {
  font: var(--mxt-font-header);
  font-weight: normal;
  text-align: left;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-blueprint-trace-hint-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-blueprint-file-limit {
  flex-basis: 100%;
  text-align: center;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-blueprint-dwg-warning {
  flex-basis: 100%;
  text-align: center;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-blueprint-trace-upload-container {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-drag-n-drop-upload {
  width: 300px;
  height: 300px;
  border: 2px solid #efecec;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  color: #b0aeae;
  cursor: pointer;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-drag-n-drop-upload img {
  flex: 0 0 100%;
  max-width: 6rem;
  margin: auto;
  opacity: 0.5;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-drag-n-drop-upload .drag-n-drop-instructional-text {
  text-align: center;
  width: 100%;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-upload-divider {
  margin: 3rem 0;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.mxt-trace-upload-screen .mxt-panel-container .mxt-btn {
  background: var(--mxt-toolbar-cta-button-color);
}

@container tabbed-view-side-panel (max-width: 256px) {
  .mxt-trace-upload-screen .mxt-panel-container .mxt-drag-n-drop-upload {
    width: 200px;
    height: 200px;
  }
  .mxt-trace-upload-screen .mxt-panel-container .mxt-upload-divider {
    font-size: 1.1rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/trace-calibration-screen.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.mxt-trace-calibration-screen {
  position: absolute;
  background: white;
  top: 0;
  height: 100%;
  z-index: 99;
  width: inherit;
}
.mxt-trace-calibration-screen .loading {
  visibility: hidden;
}
.mxt-trace-calibration-screen .mxt-blueprint-init-panel .mxt-panel-close-container {
  display: flex;
  justify-content: space-between;
}
.mxt-trace-calibration-screen .mxt-panel-container {
  padding: 1rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-blueprint-title {
  font: var(--mxt-font-header);
  font-weight: normal;
  text-align: left;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-blueprint-details {
  display: flex;
  margin: 1rem 0 0.9rem;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-blueprint-details img {
  display: flex;
  margin: 0 0.2rem 0 0.2rem;
  width: 1.5rem;
  align-self: baseline;
}
.mxt-trace-calibration-screen .mxt-panel-container .trace-visual-instruction {
  display: flex;
  flex-basis: 100%;
  margin-bottom: 0.5rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-blueprint-trace-helper {
  font-size: 0.9rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration {
  display: flex;
  margin-top: 2rem;
  align-items: baseline;
  flex-wrap: wrap;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-item {
  margin-right: 2rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input:has(.distance-item) {
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input:has(.distance-item) input {
  min-width: inherit;
  max-width: 6rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input:has(.distance-item) #distance-fraction {
  height: 2rem;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input,
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input input {
  min-width: 280px;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input .input-label {
  display: flex;
  text-transform: capitalize;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input .unit-type {
  margin-left: -4rem;
  color: gainsboro;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .distance-input input {
  height: 40px;
}
.mxt-trace-calibration-screen .mxt-panel-container .mxt-distance-calibration .mxt-btn {
  margin-left: 1rem;
}

@container tabbed-view-side-panel (max-width: 256px) {
  .mxt-trace-calibration-screen .mxt-panel-container .mxt-drag-n-drop-upload {
    width: 200px;
    height: 200px;
  }
  .mxt-trace-calibration-screen .mxt-panel-container .mxt-upload-divider {
    font-size: 1.1rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/blueprint-3d-trace-canvas.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-3d-trace-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  user-select: none;
  touch-action: none;
}
.mxt-blueprint-3d-trace-canvas:hover {
  cursor: url(84dc9574276201f67da9.svg), auto;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/blueprint-draw-side-panel.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.mxt-blueprint-draw-side-panel {
  container: blueprint-draw-sidepanel-container/inline-size;
  color: black;
}
.mxt-blueprint-draw-side-panel .mxt-panel-header,
.mxt-blueprint-draw-side-panel .blueprint-draw-container,
.mxt-blueprint-draw-side-panel .blueprint-draw-options {
  background: white;
}
.mxt-blueprint-draw-side-panel .blueprint-draw-container {
  display: flex;
}
.mxt-blueprint-draw-side-panel .mxt-panel-title,
.mxt-blueprint-draw-side-panel .select-shape-header,
.mxt-blueprint-draw-side-panel .template-shapes-header {
  font-size: 1.2rem;
  font-weight: normal;
}
.mxt-blueprint-draw-side-panel .blueprint-draw-options,
.mxt-blueprint-draw-side-panel .place-in-scene {
  padding: 20px;
}
.mxt-blueprint-draw-side-panel .select-shape-header {
  padding: 20px 20px 15px;
}
.mxt-blueprint-draw-side-panel .shape-intro-header {
  padding: 0 20px 20px;
}
.mxt-blueprint-draw-side-panel .template-shapes-header {
  padding: 10px 20px;
}
.mxt-blueprint-draw-side-panel .template-shapes-size-container {
  display: flex;
  align-items: center;
}
.mxt-blueprint-draw-side-panel .template-shapes-size-container img {
  top: 0.4rem;
  position: relative;
}
.mxt-blueprint-draw-side-panel .template-shapes-dimensions-image {
  position: relative;
  font-weight: 600;
}
.mxt-blueprint-draw-side-panel .template-shapes-dimensions-image .template-shapes-depth-marker {
  position: absolute;
  top: 4px;
  left: 15px;
}
.mxt-blueprint-draw-side-panel .template-shapes-dimensions-image .template-shapes-width-marker {
  position: absolute;
  top: 24px;
  right: 3px;
}
.mxt-blueprint-draw-side-panel .blueprint-draw-options button {
  display: flex;
  align-items: center;
}
.mxt-blueprint-draw-side-panel .blueprint-draw-options button img {
  margin-right: 0.5rem;
}
.mxt-blueprint-draw-side-panel .menu-item-draw {
  border: 1px solid black;
  border-radius: 4px;
  padding: 0.2rem;
  padding-right: 10px;
}
.mxt-blueprint-draw-side-panel .menu-item-draw:active {
  box-shadow: 1px 1px 3px #4fc1e0;
  border: 2px solid #4fc1e0;
}
.mxt-blueprint-draw-side-panel .menu-item-draw-cutout {
  border: 1px solid black;
  border-radius: 4px;
  padding: 0.2rem;
  padding-right: 10px;
}
.mxt-blueprint-draw-side-panel .menu-item-draw-cutout:active {
  box-shadow: 1px 1px 3px #4fc1e0;
  border: 2px solid #4fc1e0;
}
.mxt-blueprint-draw-side-panel .blueprint-draw-options:has(> .menu-item-draw-video) {
  display: none;
}
.mxt-blueprint-draw-side-panel .menu-item-draw-video span {
  text-decoration: underline;
  color: blue;
  font-weight: normal;
}
.mxt-blueprint-draw-side-panel .template-shapes-row {
  display: flex;
  justify-content: space-around;
}
.mxt-blueprint-draw-side-panel .template-shape-button {
  background: white;
  width: 100px;
  display: flex;
  justify-content: center;
  height: 100px;
  align-items: center;
  cursor: pointer;
}
.mxt-blueprint-draw-side-panel .template-shape-button.current {
  border-color: var(--toggle-blue);
  border-style: solid;
  border-width: 5px;
}
@media (hover: hover) {
  .mxt-blueprint-draw-side-panel .template-shape-button:hover,
  .mxt-blueprint-draw-side-panel .menu-item-draw:hover,
  .mxt-blueprint-draw-side-panel .menu-item-draw-cutout:hover {
    border-color: var(--toggle-blue);
    border-style: solid;
    border-width: 5px;
  }
  .mxt-blueprint-draw-side-panel .menu-item-draw:hover,
  .mxt-blueprint-draw-side-panel .menu-item-draw-cutout:hover {
    border-width: 1px;
    box-shadow: var(--mxt-dark-drop-shadow);
  }
}
.mxt-blueprint-draw-side-panel .template-shapes-carousels {
  display: flex;
  justify-content: flex-start;
}
.mxt-blueprint-draw-side-panel .template-shapes-carousels .mxt-carousel-container {
  height: inherit;
}
.mxt-blueprint-draw-side-panel .template-shapes-carousels .mxt-carousel {
  margin-top: 0.3rem;
}
.mxt-blueprint-draw-side-panel .mxt-product-resize-row {
  margin: 0 1.5rem;
  padding: 0;
  align-items: inherit;
  display: block;
}
.mxt-blueprint-draw-side-panel .place-in-scene {
  display: flex;
}
.mxt-blueprint-draw-side-panel .place-in-scene .mxt-btn {
  flex-grow: 1;
  border-radius: 0.9px;
}
.mxt-blueprint-draw-side-panel .mxt-auto-drawing-tools {
  padding: 0 1rem;
  background: white;
}
.mxt-blueprint-draw-side-panel .mxt-blueprint-card-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0 0 2rem;
  width: 100%;
}
.mxt-blueprint-draw-side-panel .mxt-wall-height-carousel {
  margin: 0;
  padding: 10px 20px 0 20px;
  background: white;
}
.mxt-blueprint-draw-side-panel .mxt-wall-height-note {
  line-height: 2;
}

@container blueprint-draw-sidepanel-container (max-width: 400px) {
  .mxt-blueprint-draw-side-panel .template-shapes-carousels {
    flex-direction: column;
  }
}
@container blueprint-draw-sidepanel-container (max-width: 312px) {
  .mxt-blueprint-draw-side-panel .mxt-product-resize-row {
    margin: 0 1rem;
  }
  .mxt-blueprint-draw-side-panel .blueprint-draw-options button {
    padding-right: revert;
  }
  .mxt-blueprint-draw-side-panel .blueprint-draw-options button :first-child {
    margin-right: inherit;
  }
  .mxt-blueprint-draw-side-panel .blueprint-draw-options button *:not(:first-child) {
    display: none;
  }
  .mxt-blueprint-draw-side-panel .template-shape-button {
    width: 50px;
    height: 50px;
  }
  .mxt-blueprint-draw-side-panel .template-shapes-carousels-column {
    margin: 0.3rem 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-room-planner/scss/design-mode-panel.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.mxt-design-mode-panel {
  position: absolute;
  z-index: 10;
  top: 20px;
  left: 20px;
  width: var(--mxt-design-mode-panel-width);
  height: calc(100% - 40px);
  border-radius: 4px;
  background: white;
  font-size: 14px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-flow: column;
}
.mxt-design-mode-panel .design-mode-panel-header {
  font-size: 24px;
  font-weight: var(--mxt-font-header);
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mxt-design-mode-panel .design-mode-panel-header .design-mode-panel-header-icon {
  display: block;
  width: auto;
  height: auto;
  margin-right: 10px;
}
.mxt-design-mode-panel .design-mode-panel-header .design-mode-panel-header-beta-text {
  display: block;
  background-color: #666666;
  color: #ffffff;
  border-radius: 23px;
  font-size: 13px;
  position: absolute;
  right: 0;
  padding: 5px;
  width: 55px;
  height: 25px;
  margin-right: 10px;
}
.mxt-design-mode-panel .mxt-design-mode-section {
  padding: 0px 15px;
  padding-top: 15px;
}
.mxt-design-mode-panel .mxt-design-mode-section:last-of-type {
  padding-bottom: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/ceiling.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.edit-ceilings-panel {
  overflow: auto;
}
.edit-ceilings-panel .ceilings-instructions {
  margin-bottom: 20px;
}
.edit-ceilings-panel .mxt-design-mode-section {
  padding-top: 15px;
  padding-bottom: 15px;
}
.edit-ceilings-panel .ceilings-carousel-label {
  font-weight: 600;
  margin-bottom: 5px;
}
.edit-ceilings-panel .ceilings-height-inputs {
  display: flex;
  justify-content: space-between;
}
.edit-ceilings-panel .ceilings-pitch-angle-note {
  font-size: 12px;
  margin-bottom: 20px;
}
.edit-ceilings-panel .mxt-carousel-container {
  width: 140px;
  margin-bottom: 20px;
}
.edit-ceilings-panel .ceilings-divider {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/assisted-design-zones.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.assisted-design-zones-section .assisted-design-section-header {
  margin-top: 0;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-container {
  display: flex;
  align-items: center;
  height: 40px;
  gap: 10px;
  padding: 5px 15px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-input {
  flex: 1;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  font: var(--mxt-font-body-lg);
  min-width: 0;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-input::placeholder {
  color: #bebebe;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-clear {
  background: none;
  border: none;
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-clear img {
  width: 40px;
  height: 40px;
  opacity: 0.6;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-clear:hover img {
  opacity: 1;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-no-results {
  padding: 20px 0px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-no-results h4 {
  font: var(--mxt-font-body-lg);
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-no-results ul {
  list-style-position: inside;
}
.assisted-design-zones-section .assisted-design-search .assisted-design-search-no-results li:not(:last-child) {
  margin-bottom: 12px;
}
.assisted-design-zones-section .mxt-dropdown-container {
  width: 100%;
  margin: 15px 0px 20px;
  height: 35px;
}
.assisted-design-zones-section .mxt-dropdown-container .mxt-dropdown {
  min-height: 35px;
  position: relative;
}
.assisted-design-zones-section .mxt-dropdown-container .mxt-dropdown-header {
  min-height: 35px;
}
.assisted-design-zones-section .mxt-dropdown-container .mxt-dropdown-header .mxt-dropdown-header-current {
  font: var(--mxt-font-body-bold);
  font-size: 14px;
}
.assisted-design-zones-section .mxt-dropdown-container .mxt-dropdown-options .mxt-dropdown-option-text {
  font: var(--mxt-font-body);
}
.assisted-design-zones-section .assisted-design-zone-list {
  margin-top: 25px;
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones .assisted-design-zone {
  box-shadow: var(--mxt-dark-drop-shadow);
  background-color: white;
  padding: 15px;
  height: 100px;
  gap: 10px;
  align-items: flex-start;
  border: 2px solid transparent;
  display: flex;
  flex-flow: column;
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones .assisted-design-zone .assisted-design-zone-name {
  flex: 1;
  text-align: left;
  font: var(--mxt-font-body-lg);
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones .assisted-design-zone .assisted-design-zone-placement-indicators {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones .assisted-design-zone img {
  width: 70px;
  height: 70px;
  background-color: #cbcbcb;
  border-radius: var(--mxt-corner-roundness);
}
.assisted-design-zones-section .assisted-design-zone-list .assisted-design-zones .assisted-design-zone.current {
  border: 2px solid var(--toggle-blue);
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/assisted-design-style-section.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.mxt-assisted-design-cabinet-style .mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-dropdown-section {
  padding-top: 0px;
}
.mxt-assisted-design-cabinet-style .mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-section {
  padding-left: 0px;
  padding-right: 0px;
}
.mxt-assisted-design-cabinet-style .mxt-global-cabinet-line-swap-screen .mxt-global-cabinet-line-swap-options {
  -webkit-mask-image: none;
  mask-image: none;
  padding-bottom: 20px;
}
.mxt-assisted-design-cabinet-style .back-button-row {
  display: flex;
  align-items: center;
  font: var(--mxt-font-body-lg);
  margin-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-room-planner/scss/assisted-design-fill.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.mxt-fill-alignment-popover {
  padding: 1rem;
}

.mxt-assisted-design-cabinet-fill h4 {
  margin-bottom: 1rem;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container {
  display: flex;
  justify-content: space-between;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-assisted-design-cabinet-fill-width label {
  display: flex;
  flex-direction: column;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-assisted-design-cabinet-fill-width #mxt-assisted-design-cabinet-fill-width {
  background: white;
  max-width: 5.2rem;
  opacity: 0.6;
  height: 2.5rem;
  box-shadow: var(--mxt-dark-drop-shadow);
  padding: 6px 12px;
  color: var(--mxt-font-color);
  border-radius: var(--mxt-corner-roundness);
  height: 2.3rem;
  display: flex;
  align-items: center;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-assisted-design-cabinet-fill-width h3 {
  margin-top: 0;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-cabinet-run-alignment-container h3 {
  margin-top: 0;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-cabinet-run-alignment {
  display: flex;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-alignment-container .mxt-cabinet-run-alignment button {
  width: 4rem;
  height: 2.5rem;
  background: white;
  margin: 0 0.2rem;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-number-container {
  display: flex;
  flex-direction: column;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-number-container .mxt-assisted-design-cabinet-fill-number-slider {
  display: flex;
  justify-content: flex-start;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-number-container input[type=range] {
  width: 80%;
  margin-right: 1rem;
  padding: 0px;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-number-container input#mxt-assisted-design-cabinet-fill-number {
  width: 2.5rem;
  pointer-events: none;
  opacity: 0.6;
  height: 2.3rem;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container {
  display: flex;
  flex-direction: column;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container .mxt-assisted-design-cabinet-fill-gap {
  display: flex;
  justify-content: space-between;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container .mxt-assisted-design-cabinet-fill-gap .cabinet-gap-alignment {
  border: 2px solid black;
  height: 3rem;
  width: 3.5rem;
  border-radius: 0.3rem;
  position: relative;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container .mxt-assisted-design-cabinet-fill-gap .cabinet-gap-alignment.cabinet-gap-alignment-left::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #4fc1df;
  left: -0.6rem;
  border-radius: 0.3rem;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container .mxt-assisted-design-cabinet-fill-gap .cabinet-gap-alignment.cabinet-gap-alignment-right::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #4fc1df;
  right: -0.6rem;
  border-radius: 0.3rem;
}
.mxt-assisted-design-cabinet-fill .mxt-assisted-design-cabinet-fill-gap-container .mxt-assisted-design-cabinet-fill-gap .mxt-carousel-value {
  width: 5rem;
}
.mxt-assisted-design-cabinet-fill .mxt-cabinet-run-style .mxt-cabinet-run-style-button-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mxt-assisted-design-cabinet-fill .mxt-cabinet-run-style .mxt-cabinet-run-style-button-container .mxt-btn {
  width: 8.5rem;
  border: 2px solid gainsboro;
  margin-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  background: white;
  height: 100%;
  align-items: flex-start;
  max-height: 7rem;
  font-weight: 100;
  text-align: left;
  font-size: 0.7rem;
}
.mxt-assisted-design-cabinet-fill .mxt-cabinet-run-style .mxt-cabinet-run-style-button-container .mxt-btn img {
  margin-bottom: 0.5rem;
}
.mxt-assisted-design-cabinet-fill .mxt-cabinet-run-style .mxt-cabinet-run-style-button-container .mxt-btn.selected {
  border-color: #4fc1df;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/assisted-design-wall-fill.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.assisted-design-wall-fill-section .mxt-dropdown-container {
  width: 100%;
  margin: 15px 0px 20px;
  height: 35px;
}
.assisted-design-wall-fill-section .mxt-dropdown-container .mxt-dropdown {
  min-height: 35px;
  position: relative;
}
.assisted-design-wall-fill-section .mxt-dropdown-container .mxt-dropdown-header {
  min-height: 35px;
}
.assisted-design-wall-fill-section .mxt-dropdown-container .mxt-dropdown-header .mxt-dropdown-header-current {
  font: var(--mxt-font-body-bold);
  font-size: 14px;
}
.assisted-design-wall-fill-section .mxt-dropdown-container .mxt-dropdown-options .mxt-dropdown-option-text {
  font: var(--mxt-font-body);
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/assisted-design-layout.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.mxt-assisted-design-layout {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mxt-assisted-design-layout-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -0.5rem;
}
.mxt-assisted-design-layout-header .mxt-btn {
  margin: 0 -0.5rem -0.5rem 0;
}
.mxt-assisted-design-layout-header .mxt-btn:disabled {
  background: none;
}
.mxt-assisted-design-layout > .mxt-btn {
  height: 6.25rem;
  text-align: left;
  justify-content: start;
  align-items: start;
  padding: 0.75rem;
  background: white;
}
.mxt-assisted-design-layout > .mxt-btn:hover, .mxt-assisted-design-layout > .mxt-btn.current {
  background: white;
  border: solid 2px var(--toggle-blue);
  filter: none;
}
.mxt-assisted-design-layout > .mxt-btn .mxt-button-content {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.mxt-assisted-design-layout > .mxt-btn .mxt-button-content .mxt-button-content-text {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.mxt-assisted-design-layout > .mxt-btn .mxt-button-content .mxt-button-content-image {
  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-room-planner/scss/assisted-design-panel.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
:root {
  --mxt-assisted-design-arrow-size: 30px;
}

.mxt-assisted-design-panel .assisted-design-panel-content {
  flex: 1;
  display: flex;
  flex-flow: column;
  overflow: hidden;
  position: relative;
}
.mxt-assisted-design-panel .assisted-design-panel-content .mxt-global-cabinet-line-report-screen {
  padding: 20px;
  padding-top: 0px;
}
.mxt-assisted-design-panel .assisted-design-tools {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px 0px;
}
.mxt-assisted-design-panel .assisted-design-tools .mxt-btn {
  flex: 1;
  flex-flow: column;
  gap: 15px;
  min-width: auto;
  height: auto;
}
.mxt-assisted-design-panel .assisted-design-tools .mxt-btn.current {
  color: var(--toggle-blue);
}
.mxt-assisted-design-panel .assisted-design-tools .mxt-btn span {
  font: var(--mxt-font-body-lg);
}
.mxt-assisted-design-panel .assisted-design-tool-content {
  overflow: auto;
  background: #f4f4f4;
  flex: 1;
}
.mxt-assisted-design-panel .assisted-design-wall-fill-section .assisted-design-section-message {
  display: flex;
  flex-direction: column;
  background-color: #666666;
  margin: 10px;
  border-radius: 4px;
}
.mxt-assisted-design-panel .assisted-design-wall-fill-section .assisted-design-section-message > * {
  text-align: center;
  color: #ffffff;
  margin: 15px;
}
.mxt-assisted-design-panel .assisted-design-tool-action.mxt-design-mode-section {
  padding: 20px;
  display: flex;
  justify-content: center;
  background: white;
  gap: 20px;
}
.mxt-assisted-design-panel .assisted-design-tool-action.mxt-design-mode-section button {
  width: 100%;
}
.mxt-assisted-design-panel .assisted-design-panel-feedback {
  position: absolute;
  right: -30px;
  bottom: 12%;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  width: 30px;
  height: 112px;
  background-color: #666666;
  color: #ffffff;
  display: flex;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.mxt-assisted-design-panel .assisted-design-panel-feedback > button {
  color: white;
  width: 100%;
  height: 100%;
}

.mxt-assisted-design-arrow {
  position: absolute;
  background: var(--toggle-blue);
  width: var(--mxt-assisted-design-arrow-size);
  height: var(--mxt-assisted-design-arrow-size);
  z-index: 5;
  border-radius: 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-room-planner/scss/assisted-design-style-modal.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.tabulator-popup-container,
.mxt-room-themes-select-dropdown-content-modal {
  z-index: 100005 !important;
}

.mxt-assisted-design-style-modal {
  width: 70%;
  max-width: 1000px;
  height: 80%;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-header .mxt-assisted-design-style-modal-header-title {
  font-family: Mulish;
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: -0.41px;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-header .mxt-assisted-design-style-modal-header-description {
  font-family: Mulish;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content {
  height: 100%;
  width: 100%;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content .mxt-style-all-table-component {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto auto;
  grid-template-areas: "header header" "left right";
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content .mxt-style-all-themes {
  grid-area: header;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content .mxt-style-all-themes .mxt-room-themes {
  max-width: 400px;
  padding: 20px;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content .mxt-style-all-preview {
  grid-area: left;
  padding-left: 20px;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-main-content .mxt-assisted-design-style-modal-style-content .mxt-style-all-tables {
  grid-area: right;
  overflow-y: scroll;
  padding-right: 20px;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 100px;
  border-top: 1px solid #e5e5e5;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-footer .mxt-assisted-design-style-modal-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: auto;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-footer .mxt-assisted-design-style-modal-footer-hide-checkbox {
  display: flex;
  flex-direction: row;
  margin: auto;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-footer .mxt-assisted-design-style-modal-footer-hide-checkbox > label {
  cursor: pointer;
  font-family: Mulish;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.mxt-assisted-design-style-modal .mxt-assisted-design-style-modal-content .mxt-assisted-design-style-modal-footer .mxt-assisted-design-style-modal-footer-hide-checkbox > label > input {
  margin-right: 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-room-planner/scss/room-themes-component.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.mxt-room-themes-select-dropdown.mxt-dropdown {
  position: relative;
  width: 100%;
  justify-content: space-between;
}

.mxt-room-themes-select-dropdown-content .mxt-dropdown-select-popover-content,
.mxt-room-themes-select-dropdown-content-modal .mxt-dropdown-select-popover-content {
  max-height: 50vh;
  overflow: auto;
}

.mxt-default-room-themes-select-dropdown-content {
  z-index: 11111;
}
.mxt-default-room-themes-select-dropdown-content .mxt-dropdown-select-popover-content {
  max-height: 35vh;
  overflow: auto;
}

.mxt-modal-div.mxt-default-room-theme-modal .mxt-room-themes-select-dropdown {
  overflow: hidden;
}

.mxt-modal-div.mxt-default-room-theme-modal,
.mxt-modal-div.mxt-view-room-theme-modal {
  display: flex;
  flex-flow: column;
}
.mxt-modal-div.mxt-default-room-theme-modal .mxt-alert-content,
.mxt-modal-div.mxt-view-room-theme-modal .mxt-alert-content {
  display: flex;
  flex-flow: column;
}
.mxt-modal-div.mxt-default-room-theme-modal .mxt-alert-content .mxt-alert-input-div,
.mxt-modal-div.mxt-view-room-theme-modal .mxt-alert-content .mxt-alert-input-div {
  overflow: auto;
}

.mxt-default-room-theme-modal .mxt-alert-input-div,
.mxt-view-room-theme-modal .mxt-alert-input-div,
.mxt-delete-room-theme-modal .mxt-alert-input-div {
  max-width: 440px;
}
.mxt-default-room-theme-modal .mxt-alert-prompt-yes.mxt-btn,
.mxt-view-room-theme-modal .mxt-alert-prompt-yes.mxt-btn,
.mxt-delete-room-theme-modal .mxt-alert-prompt-yes.mxt-btn {
  margin-top: 40px;
}

.mxt-delete-room-theme-modal .mxt-alert-input-div {
  display: flex;
  flex-flow: column;
  gap: 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-room-planner/scss/style-all-table-component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.tabulator {
  position: relative;
  border: 1px solid #999;
  background-color: #fff;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table {
  min-width: 100%;
}
.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}
.tabulator.tabulator-block-select {
  user-select: none;
}
.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
  user-select: none;
}
.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #999;
  background-color: #e6e6e6;
  color: #555;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  outline: none;
}
.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}
.tabulator .tabulator-header .tabulator-header-contents {
  position: relative;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-col {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  border-right: 1px solid #aaa;
  background: #e6e6e6;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid #999;
  background: #cdcdcd;
  pointer-events: none;
}
.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
  background-color: #D6D6D6;
  color: #000000;
}
.tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
  background-color: #3876ca;
  color: #FFFFFF;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
  padding: 0 8px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
  white-space: normal;
  text-overflow: initial;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  padding: 1px;
  background: #fff;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
  width: calc(100% - 22px);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: flex;
  border-top: 1px solid #aaa;
  overflow: hidden;
  margin-right: -1px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    cursor: pointer;
    background-color: #cdcdcd;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #bbb;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-bottom: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
    cursor: pointer;
    border-top: 6px solid #555;
  }
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #666;
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: auto;
}
.tabulator .tabulator-header .tabulator-frozen {
  position: sticky;
  left: 0;
  z-index: 11;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  display: inline-block;
  background: #f3f3f3 !important;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #f3f3f3 !important;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  display: inline-block;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}
.tabulator .tabulator-tableholder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator .tabulator-tableholder:focus {
  outline: none;
}
.tabulator .tabulator-tableholder .tabulator-placeholder {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  width: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
}
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  display: inline-block;
  text-align: center;
  padding: 10px;
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
  white-space: normal;
}
.tabulator .tabulator-tableholder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #333;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: bold;
  background: #e7e7e7 !important;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
  position: absolute;
  box-sizing: border-box;
  border: 1px solid #2975DD;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 6px;
  height: 6px;
  background-color: #2975DD;
  border-radius: 999px;
}
.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #2975DD;
}
.tabulator .tabulator-footer {
  border-top: 1px solid #999;
  background-color: #e6e6e6;
  color: #555;
  font-weight: bold;
  white-space: nowrap;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-footer .tabulator-footer-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
.tabulator .tabulator-footer .tabulator-footer-contents:empty {
  display: none;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
  margin-top: -5px;
  overflow-x: auto;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
  display: inline-block;
  padding: 5px;
  border: #999 1px solid;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.9em;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover {
  cursor: pointer;
  opacity: 0.7;
}
.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
  background: #fff;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  background: #f3f3f3 !important;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  overflow: hidden;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  display: inline-block;
  background: #f3f3f3 !important;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}
.tabulator .tabulator-footer > * + .tabulator-page-counter {
  margin-left: 10px;
}
.tabulator .tabulator-footer .tabulator-page-counter {
  font-weight: normal;
}
.tabulator .tabulator-footer .tabulator-paginator {
  flex: 1;
  text-align: right;
  color: #555;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
}
.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.2);
}
.tabulator .tabulator-footer .tabulator-page.active {
  color: #d00;
}
.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-footer .tabulator-page:not(disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
}
.tabulator .tabulator-col-resize-handle {
  position: relative;
  display: inline-block;
  width: 6px;
  margin-left: -3px;
  margin-right: -3px;
  z-index: 11;
  vertical-align: middle;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize;
  }
}
.tabulator .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-right: 0;
}
.tabulator .tabulator-col-resize-guide {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  margin-left: -0.5px;
  background-color: #999;
  opacity: 0.5;
}
.tabulator .tabulator-row-resize-guide {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -0.5px;
  background-color: #999;
  opacity: 0.5;
}
.tabulator .tabulator-alert {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.tabulator .tabulator-alert .tabulator-alert-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
}

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  background-color: #fff;
}
.tabulator-row.tabulator-row-even {
  background-color: #f4f4f4;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selectable:hover {
    background-color: var(--hover-blue);
    cursor: pointer;
  }
}
.tabulator-row.tabulator-selected {
  background-color: var(--hover-blue);
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-selected:hover {
    background-color: var(--hover-blue);
    cursor: pointer;
  }
}
.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  pointer-events: none;
  z-index: 15;
}
.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header {
  background-color: #D6D6D6;
  color: #000000;
}
.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  background-color: #3876ca;
  color: #FFFFFF;
}
.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header {
  background-color: #3876ca;
  color: #FFFFFF;
}
.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}
.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize;
  }
}
.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}
.tabulator-row .tabulator-responsive-collapse table {
  font-size: 14px;
}
.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
}
.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #aaa;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}
.tabulator-row .tabulator-cell.tabulator-row-header {
  border-right: 1px solid #999;
  border-bottom: 1px solid #aaa;
  background: #e6e6e6;
}
.tabulator-row .tabulator-cell.tabulator-frozen {
  display: inline-block;
  position: sticky;
  left: 0;
  background-color: inherit;
  z-index: 11;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #aaa;
}
.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1D68CD;
  outline: none;
  padding: 0;
}
.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
  outline: none;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #dd0000;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #dd0000;
}
.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}
.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header) {
  background-color: var(--hover-blue);
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
  display: inline-block;
  width: 7px;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
  stroke: #fff;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
}
.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #d00;
}

.tabulator-toggle {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border: 1px solid #ccc;
  background: #dcdcdc;
}
.tabulator-toggle.tabulator-toggle-on {
  background: #1c6cc2;
}
.tabulator-toggle .tabulator-toggle-switch {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.tabulator-popup-container {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.tabulator-popup {
  padding: 5px;
  border-radius: 3px;
}

.tabulator-tooltip {
  max-width: min(500px, 100%);
  padding: 3px 5px;
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  pointer-events: none;
}

.tabulator-menu .tabulator-menu-item {
  position: relative;
  box-sizing: border-box;
  padding: 5px 10px;
  user-select: none;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    cursor: pointer;
    background: #f4f4f4;
  }
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
  display: inline-block;
  position: absolute;
  top: calc(5px + 0.4em);
  right: 10px;
  height: 7px;
  width: 7px;
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
  transform: rotate(45deg);
}
.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #aaa;
}

.tabulator-edit-list {
  max-height: 200px;
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator-edit-list .tabulator-edit-list-item {
  padding: 4px;
  color: #333;
  outline: none;
}
.tabulator-edit-list .tabulator-edit-list-item.active {
  color: #fff;
  background: #1D68CD;
}
.tabulator-edit-list .tabulator-edit-list-item.active.focused {
  outline: 1px solid rgba(255, 255, 255, 0.5);
}
.tabulator-edit-list .tabulator-edit-list-item.focused {
  outline: 1px solid #1D68CD;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-edit-list .tabulator-edit-list-item:hover {
    cursor: pointer;
    color: #fff;
    background: #1D68CD;
  }
}
.tabulator-edit-list .tabulator-edit-list-placeholder {
  padding: 4px;
  color: #333;
  text-align: center;
}
.tabulator-edit-list .tabulator-edit-list-group {
  border-bottom: 1px solid #aaa;
  padding: 4px;
  padding-top: 6px;
  color: #333;
  font-weight: bold;
}

.tabulator.tabulator-ltr {
  direction: ltr;
}

.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  text-align: initial;
  border-left: 1px solid #aaa;
  border-right: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-right: initial;
  margin-left: -1px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-left: 25px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  left: 8px;
  right: initial;
}
.tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active::after {
  content: "";
  position: absolute;
  left: -3px;
  right: initial;
  bottom: -3px;
  width: 6px;
  height: 6px;
  background-color: #2975DD;
  border-radius: 999px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-right: initial;
  border-left: 1px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-right: initial;
  margin-left: 5px;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-right: initial;
  margin-left: 5px;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
  border-left: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
  border-right: 2px solid #aaa;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
  width: 3px;
  margin-left: 0;
  margin-right: -3px;
}
.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
  text-align: initial;
}

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
}
.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #aaa;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #ccc;
  font-weight: bold;
  min-width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-print-table-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #d00;
}
.tabulator-print-table .tabulator-data-tree-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .tabulator-print-table .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
  }
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}

.mxt-style-all-table-component {
  display: flex;
  flex-flow: column;
  height: 100%;
  gap: 20px;
  overflow: hidden;
  position: relative;
}
.mxt-style-all-table-component .mxt-style-all-tables {
  flex: 1;
  gap: 20px;
  display: flex;
  flex-flow: column;
  overflow: auto;
}

.mxt-style-all-table-header {
  width: 100%;
  justify-content: flex-start;
  height: auto;
  border-radius: 0px;
  transition: none;
}
.mxt-style-all-table-header.collapsed {
  border-bottom: 1px solid #666;
}
.mxt-style-all-table-header.collapsed img {
  transform: rotate(180deg);
  transition: all 0.3 ease;
}
.mxt-style-all-table-header.collapsed + .mxt-style-all-table {
  display: none;
}
.mxt-style-all-table-header span {
  font: var(--mxt-font-body-lg-bold);
}

.mxt-style-all-table {
  font: var(--mxt-font-body-lg);
}
.mxt-style-all-table .tabulator-row .tabulator-cell {
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
}
.mxt-style-all-table .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-top: 5px;
  vertical-align: top;
}
.mxt-style-all-table .tabulator-row .tabulator-cell:last-child {
  border-right: none;
}
.mxt-style-all-table .mxt-tree-level-2-label {
  display: inline-block;
  white-space: normal;
  word-break: break-word;
  overflow: visible;
}
.mxt-style-all-table .mxt-product-text {
  white-space: normal;
  word-break: break-word;
  overflow: visible;
}
.mxt-style-all-table .mxt-focusable-cell:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  background-color: rgba(0, 102, 204, 0.1);
  position: relative;
  z-index: 1;
}

.tabulator-edit-list {
  max-width: 400px;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/quick-edit-preview-component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.mxt-quick-edit-preview-component {
  background: #f4f4f4;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-header.mxt-btn {
  width: 100%;
  justify-content: space-between;
  padding-left: 10px;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-header.mxt-btn img {
  padding-right: 0px;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-header.mxt-btn.collapsed {
  border-bottom: 1px solid #666;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-header.mxt-btn.collapsed img {
  transform: rotate(180deg);
  transition: all 0.3 ease;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-header.mxt-btn.collapsed + .mxt-quick-edit-preview-content {
  display: none;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-content {
  padding: 3px;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-content .preview-inset {
  background: white;
  width: 100%;
  position: relative;
  display: flex;
  min-height: 108px;
  height: fit-content;
  padding: 10px;
  gap: 18px;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-content .preview-inset .preview-img-container {
  flex: 0 0 88px;
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-content .preview-inset .preview-text-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  font: var(--mxt-font-body-lg);
}
.mxt-quick-edit-preview-component .mxt-quick-edit-preview-content .preview-inset .preview-text-container span.preview-table-header {
  font: var(--mxt-font-body-lg-bold);
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-room-planner/scss/style-all-table-side-panel.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.mxt-global-style-table-side-panel {
  background: white;
}
.mxt-global-style-table-side-panel .mxt-style-panel-content {
  margin: 0px;
  padding: 20px;
  overflow: hidden;
}
.mxt-global-style-table-side-panel .mxt-style-panel-content .mxt-screen {
  height: 100%;
}
.mxt-global-style-table-side-panel .mxt-style-panel-content .mxt-screen .mxt-style-all-table-screen-section {
  height: 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/mxtTabulator.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.mxt-tabulator {
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.mxt-tabulator .tabulator-cell {
  border-right: 1px solid rgb(229, 229, 229);
  border-bottom: 1px solid rgb(229, 229, 229);
}
.mxt-tabulator .tabulator-row-even {
  background-color: rgb(247, 247, 247);
}
.mxt-tabulator .tabulator-row:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mxt-tabulator .mxt-tabulator-disabled-row {
  opacity: 0.5;
  pointer-events: none;
}
.mxt-tabulator .mxt-tabulator-disabled-row .mxt-row-down-arrow {
  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-room-planner/scss/read-only-lock-ui.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.read-only-lock-icon {
  position: absolute;
  left: 1rem;
  top: 1rem;
  background: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.read-only-lock-icon .mxt-read-only-lock-icon-popover {
  padding: 0.5rem 1rem;
}

/*# sourceMappingURL=main.d21c7543a82b6fc0c4e1.css.map */