@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
.tint::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
  background: var(--color5);
  pointer-events: none; }

i.ph, i.ph-fill {
  font-size: 24px;
  color: var(--color5); }
  i.ph.selected, i.ph-fill.selected {
    color: var(--color8) !important; }

.tabs i.ph, .tabs i.ph-fill {
  margin-right: var(--spacing-sm); }

.loft, .portal {
  --font: 'Inter', sans-serif;
  --color1: #FFFFFF;
  --color2: #F8F9F9;
  --color3: #374753;
  --color4: #2B3740;
  --color5: #566E81;
  --color6: #DDE2E6;
  --color7: #343330;
  --color8: #885BFF;
  --color9: #68737d;
  --color10: #313F4A;
  --color11: #2C3942;
  --color13: #BD9CFF;
  --font-size: 14px;
  --font-size-minor: 12px;
  --font-size-major: 16px;
  --font-size-lg: 24px;
  --font-size-xl: 36px;
  --warning1: #FFB100;
  --error1: #E23C47;
  --iconContainerSize1: 40px;
  --iconSize1: 28px;
  --iconContainerSize2: 30px;
  --iconSize2: 18px;
  --spacing-sm:10px;
  --spacing-ms:20px;
  --spacing-md:30px;
  --spacing-ml:40px;
  --spacing-lg:50px;
  --loft-xp-element-spacing: 15px;
  --border-radius1:20px;
  --border-radius2:8px;
  --border-radius3:4px;
  --hover-background-color: #F4F4F4;
  --default-box-shadow: 0px 0px 20px 0px #29334040;
  font-family: var(--font); }
  .loft img, .portal img {
    vertical-align: middle; }
  .loft input, .loft textarea, .portal input, .portal textarea {
    background-color: inherit;
    font-family: inherit;
    color: inherit; }
    .loft input::placeholder, .loft textarea::placeholder, .portal input::placeholder, .portal textarea::placeholder {
      color: var(--color9); }
  .loft .loft-page > .sidebar, .loft .portal-page > .sidebar, .portal .loft-page > .sidebar, .portal .portal-page > .sidebar {
    width: 240px;
    padding: 0 var(--spacing-ms); }
    .loft .loft-page > .sidebar.lg, .loft .portal-page > .sidebar.lg, .portal .loft-page > .sidebar.lg, .portal .portal-page > .sidebar.lg {
      width: 420px;
      padding: 0 var(--spacing-md); }
  .loft .loft-page > .centered-panel, .loft .portal-page > .centered-panel, .portal .loft-page > .centered-panel, .portal .portal-page > .centered-panel {
    padding: 80px;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%; }
    .loft .loft-page > .centered-panel.w6, .loft .portal-page > .centered-panel.w6, .portal .loft-page > .centered-panel.w6, .portal .portal-page > .centered-panel.w6 {
      max-width: 1640px; }
    .loft .loft-page > .centered-panel.w5, .loft .portal-page > .centered-panel.w5, .portal .loft-page > .centered-panel.w5, .portal .portal-page > .centered-panel.w5 {
      max-width: 1360px; }
    .loft .loft-page > .centered-panel.w3, .loft .portal-page > .centered-panel.w3, .portal .loft-page > .centered-panel.w3, .portal .portal-page > .centered-panel.w3 {
      max-width: 800px; }
    .loft .loft-page > .centered-panel.w2, .loft .portal-page > .centered-panel.w2, .portal .loft-page > .centered-panel.w2, .portal .portal-page > .centered-panel.w2 {
      max-width: 520px; }
  .loft .loft-page.full-width, .loft .portal-page.full-width, .portal .loft-page.full-width, .portal .portal-page.full-width {
    width: 100%; }
  .loft .tint-on-hover, .portal .tint-on-hover {
    position: relative; }
    .loft .tint-on-hover:hover::before, .portal .tint-on-hover:hover::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 0.1;
      background: var(--color5);
      pointer-events: none; }
  .loft .loft-frame, .loft .portal-frame, .portal .loft-frame, .portal .portal-frame {
    text-align: center;
    padding: var(--spacing-md);
    display: block; }
  .loft .loft-popup, .loft .portal-popup, .portal .loft-popup, .portal .portal-popup {
    display: inline-block;
    box-shadow: var(--default-box-shadow);
    border-radius: var(--border-radius1);
    background-color: var(--color1);
    position: absolute;
    overflow: hidden;
    z-index: 1; }
    .loft .loft-popup .divider, .loft .portal-popup .divider, .portal .loft-popup .divider, .portal .portal-popup .divider {
      border: 1px solid var(--background-color-2); }
  .loft .panel-or-popup, .portal .panel-or-popup {
    background-color: var(--color1); }
  .loft .loft-tag, .loft .portal-tag, .portal .loft-tag, .portal .portal-tag {
    display: inline-block;
    margin-left: 5px;
    padding: 6px 15px;
    font-size: var(--font-size-sm);
    border-radius: 12px;
    background-color: var(--color5);
    color: var(--color2);
    vertical-align: middle;
    font-weight: 600; }
    .loft .loft-tag.v2, .loft .portal-tag.v2, .portal .loft-tag.v2, .portal .portal-tag.v2 {
      background-color: var(--color8); }
    .loft .loft-tag.alt, .loft .portal-tag.alt, .portal .loft-tag.alt, .portal .portal-tag.alt {
      color: var(--color5);
      background-color: var(--color2);
      border-color: var(--color5); }
    .loft .loft-tag.mini, .loft .portal-tag.mini, .portal .loft-tag.mini, .portal .portal-tag.mini {
      padding: 3px 8px;
      font-size: 10px; }
  .loft .table-view .col-names, .portal .table-view .col-names {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    display: flex;
    align-items: center;
    color: var(--color4); }
    .loft .table-view .col-names > div, .portal .table-view .col-names > div {
      flex: 1;
      padding-right: var(--spacing-md);
      display: flex; }
      .loft .table-view .col-names > div fa-icon, .portal .table-view .col-names > div fa-icon {
        margin-left: 5px;
        font-size: 12px; }
  .loft .table-view .row, .loft .table-view .col-names, .portal .table-view .row, .portal .table-view .col-names {
    min-height: 80px;
    padding: 0 15px; }
  .loft .table-view .row, .portal .table-view .row {
    border-bottom: 1px solid var(--color6); }
    .loft .table-view .row.selected, .portal .table-view .row.selected {
      background-color: var(--color2); }
    .loft .table-view .row > .inner, .portal .table-view .row > .inner {
      display: flex;
      align-items: center;
      cursor: pointer;
      position: relative;
      width: 100%; }
      .loft .table-view .row > .inner fa-icon, .portal .table-view .row > .inner fa-icon {
        cursor: pointer;
        display: inline-block;
        font-size: 16px; }
      .loft .table-view .row > .inner > div, .portal .table-view .row > .inner > div {
        flex: 1;
        padding-right: var(--spacing-md);
        font-size: 14px;
        color: var(--color9); }
        .loft .table-view .row > .inner > div:first-of-type, .portal .table-view .row > .inner > div:first-of-type {
          color: var(--color4);
          font-weight: 500; }
      .loft .table-view .row > .inner:before, .portal .table-view .row > .inner:before {
        pointer-events: none; }
  .loft .table-view .list-action, .portal .table-view .list-action {
    padding: 15px 20px;
    cursor: pointer;
    margin: 0 !important;
    line-height: 0; }
  .loft h4, .portal h4 {
    font-weight: 600;
    font-size: 14px;
    color: var(--color4);
    text-transform: unset; }
  .loft .form-field, .portal .form-field {
    padding-bottom: 10px;
    color: var(--color4); }
    .loft .form-field > div, .portal .form-field > div {
      font-size: 12px;
      padding-bottom: 5px; }
      .loft .form-field > div:first-of-type, .portal .form-field > div:first-of-type {
        color: var(--color5); }
    .loft .form-field input, .loft .form-field textarea, .portal .form-field input, .portal .form-field textarea {
      border: 1px solid var(--color6);
      font-size: 14px;
      border-radius: var(--border-radius3);
      padding: 10px;
      width: 100%; }
    .loft .form-field [appDropDown], .portal .form-field [appDropDown] {
      width: 100%;
      cursor: pointer; }
      .loft .form-field [appDropDown] .toggle-collapse.rect, .portal .form-field [appDropDown] .toggle-collapse.rect {
        border: 1px solid var(--color6);
        font-size: 14px;
        border-radius: var(--border-radius3);
        padding: 10px;
        width: 100%; }
      .loft .form-field [appDropDown].open .toggle-collapse, .portal .form-field [appDropDown].open .toggle-collapse {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .loft .form-field [appDropDown] .collapse, .portal .form-field [appDropDown] .collapse {
        list-style-type: none;
        width: 100%;
        padding: 0;
        margin: 0; }
        .loft .form-field [appDropDown] .collapse li, .portal .form-field [appDropDown] .collapse li {
          margin-top: -1px; }
          .loft .form-field [appDropDown] .collapse li.rect, .portal .form-field [appDropDown] .collapse li.rect {
            border: 1px solid var(--color6);
            font-size: 14px;
            border-radius: var(--border-radius3);
            padding: 10px;
            width: 100%; }
            .loft .form-field [appDropDown] .collapse li.rect:hover, .portal .form-field [appDropDown] .collapse li.rect:hover {
              background-color: var(--color2); }
          .loft .form-field [appDropDown] .collapse li:not(:last-of-type), .portal .form-field [appDropDown] .collapse li:not(:last-of-type) {
            border-radius: 0; }
          .loft .form-field [appDropDown] .collapse li:last-of-type, .portal .form-field [appDropDown] .collapse li:last-of-type {
            border-top-right-radius: 0;
            border-top-left-radius: 0; }
  .loft .rect:not(.toggle-collapse):not(li):not(td), .portal .rect:not(.toggle-collapse):not(li):not(td) {
    border: 1px solid var(--color6);
    font-size: 14px;
    border-radius: var(--border-radius3);
    padding: 10px;
    width: 100%; }
  .loft .rect2, .portal .rect2 {
    border: 1px solid var(--color6);
    font-size: 14px;
    border-radius: var(--border-radius3);
    padding: 10px;
    width: 100%; }
  .loft .has-icon fa-icon, .portal .has-icon fa-icon {
    right: 10px; }
  .loft .checkbox, .portal .checkbox {
    font-size: 28px;
    margin-right: 10px;
    color: var(--color7);
    cursor: pointer; }
  .loft .search-bar, .portal .search-bar {
    height: 50px;
    border: 1px solid var(--color6);
    border-radius: var(--border-radius3);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--color2);
    max-width: 650px;
    color: var(--color4);
    box-sizing: border-box; }
    .loft .search-bar.mini, .portal .search-bar.mini {
      height: 36px; }
    .loft .search-bar img, .loft .search-bar i, .portal .search-bar img, .portal .search-bar i {
      margin: 0 10px; }
    .loft .search-bar input, .portal .search-bar input {
      flex: 1; }
    .loft .search-bar i, .portal .search-bar i {
      color: #566E81; }
  .loft .action-text, .portal .action-text {
    color: var(--color5);
    cursor: pointer; }
  .loft.confirm > div, .portal.confirm > div {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .loft.confirm > div > .action-text, .portal.confirm > div > .action-text {
      margin-right: 30px; }

.audio-modal {
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 300px;
  background-color: white;
  box-shadow: 0 3px 6px grey;
  z-index: 10; }

.loft-sidebar, .portal-sidebar {
  width: 240px;
  background-color: var(--color3);
  color: var(--color1);
  padding: var(--spacing-ms);
  overflow: hidden; }
  .loft-sidebar h3, .portal-sidebar h3 {
    color: var(--color1);
    font-size: var(--font-size-major); }
  .loft-sidebar h4, .portal-sidebar h4 {
    color: var(--font-size); }
  .loft-sidebar li, .portal-sidebar li {
    font-size: var(--font-size-minor);
    margin: var(--spacing-ms) 0; }
  .loft-sidebar .divider, .portal-sidebar .divider {
    border-top: 1px solid var(--color5);
    margin: var(--spacing-md) 0; }

.loft-viewer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: var(--color4); }

.split-screen {
  display: flex; }
  .split-screen > * {
    flex: 1; }

.loft-overlay {
  position: fixed !important;
  z-index: 1000;
  width: 90vw;
  height: 90vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: var(--default-box-shadow);
  border: 1px solid var(--color6);
  border-radius: var(--border-radius1);
  overflow: hidden; }

.loft-modal {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .loft-modal > .loft-frame {
    display: inline-block;
    box-shadow: var(--default-box-shadow);
    border-radius: var(--border-radius1);
    background-color: var(--color1);
    position: absolute;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    max-width: 90%;
    max-height: 90%; }

.fill-parent {
  width: 100%;
  height: 100%; }

.loft-frame {
  text-align: center;
  padding: var(--spacing-md);
  display: block; }

[float] {
  position: absolute; }

loft-watermark {
  position: fixed;
  bottom: var(--spacing-ms);
  right: var(--spacing-md);
  font-size: 10px;
  opacity: 0.4; }

.loft-frame loft-watermark {
  position: relative;
  bottom: unset;
  right: unset; }

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

loft-arrow {
  cursor: pointer; }
  loft-arrow[right] {
    transform: rotate(180deg); }

loft-viewer-ar-icon, loft-xp-ar-icon, loft-viewer-exit-ar-icon, loft-xp-exit-ar-icon {
  position: absolute;
  right: 50px;
  bottom: 50px;
  font-weight: 600;
  font-size: 10px;
  color: #6C6C6C;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer; }
  loft-viewer-ar-icon .icon-container, loft-xp-ar-icon .icon-container, loft-viewer-exit-ar-icon .icon-container, loft-xp-exit-ar-icon .icon-container {
    width: 50px;
    height: 50px;
    background: rgba(234, 234, 234, 0.35);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-flex; }
  loft-viewer-ar-icon .loft-icon-button-text, loft-xp-ar-icon .loft-icon-button-text, loft-viewer-exit-ar-icon .loft-icon-button-text, loft-xp-exit-ar-icon .loft-icon-button-text {
    margin-top: 5px;
    white-space: nowrap; }

@container (max-width:799px) {
  loft-viewer-ar-icon, loft-xp-ar-icon, loft-viewer-exit-ar-icon, loft-xp-exit-ar-icon {
    right: var(--spacing-md);
    bottom: var(--spacing-md); } }

@container (max-width:799px) {
  .desktop-only {
    display: none; } }

@container (min-width:799px) {
  .mobile-only {
    display: none; } }

loft-details.left {
  text-align: left; }

loft-details.right {
  text-align: right; }

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

.option-name {
  font-size: 14px;
  font-weight: 600; }

.option-name-price, .option-name-price-without-pic {
  font-size: 12px;
  font-weight: 400; }

.bold {
  font-weight: 600; }

.loft-button, .portal-button {
  width: 250px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--color1);
  font-size: 14px;
  cursor: pointer;
  outline: none;
  font-weight: 400;
  border-radius: var(--border-radius1);
  background-color: var(--color4);
  margin-top: 14px;
  display: inline-block;
  border: none; }
  .loft-button.alt, .portal-button.alt {
    border: 1px solid var(--color4);
    background-color: var(--color1);
    color: var(--color4); }
  .loft-button.with-icon, .portal-button.with-icon {
    display: flex !important;
    display: flex;
    justify-content: center;
    align-items: center; }
    .loft-button.with-icon i, .portal-button.with-icon i {
      margin-right: var(--spacing-sm);
      color: inherit; }

.loft-icon-button, .portal-icon-button {
  background-color: var(--color1);
  color: var(--color4);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box; }

loft-xp-close-button, loft-close-button {
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-md);
  cursor: pointer;
  z-index: 4; }

loft-xp-close-button.left, loft-close-button.left {
  right: unset;
  left: var(--spacing-md); }

loft-xp-close-button.right, loft-close-button.right {
  right: var(--spacing-md);
  left: unset; }

loft-xp-close-button.center, loft-close-button.center {
  right: unset;
  left: 50%;
  transform: translate(-50%, 0); }

.loft-button.left, .portal-button.left {
  margin: 0 auto var(--loft-xp-element-spacing) 0; }

.loft-button.right, .portal-button.right {
  margin: 0 0 var(--loft-xp-element-spacing) auto; }

.loft-button.center, .portal-button.center {
  margin: 0 auto var(--loft-xp-element-spacing) auto; }

loft-controls, loft-xp-controls {
  z-index: 1; }
  loft-controls .loft-frame, loft-xp-controls .loft-frame {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    box-shadow: 0px 5px 5px 0px #8787870D;
    border: 1px solid #2B37401A;
    border-radius: var(--border-radius1);
    background-color: var(--color2);
    padding: var(--spacing-ms);
    box-sizing: border-box; }
  loft-controls .loft-frame .loft-button, loft-xp-controls .loft-frame .loft-button {
    margin: var(--spacing-ms) auto; }
  loft-controls loft-control, loft-xp-controls loft-control {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 var(--spacing-sm); }
    loft-controls loft-control h4, loft-xp-controls loft-control h4 {
      margin: 5px 0 0; }
    loft-controls loft-control img:nth-of-type(2), loft-xp-controls loft-control img:nth-of-type(2) {
      position: absolute; }
    loft-controls loft-control[slug="rotate"] img:nth-of-type(2), loft-xp-controls loft-control[slug="rotate"] img:nth-of-type(2) {
      top: -3px;
      right: 2px; }
    loft-controls loft-control[slug="zoom"] img:nth-of-type(2), loft-xp-controls loft-control[slug="zoom"] img:nth-of-type(2) {
      top: 0;
      left: 0; }
    loft-controls loft-control[slug="pan"] img:nth-of-type(2), loft-xp-controls loft-control[slug="pan"] img:nth-of-type(2) {
      top: 0;
      right: 0; }
  loft-controls .loft-button, loft-xp-controls .loft-button {
    width: 150px; }

.loft-form *, .portal-form * {
  box-sizing: border-box; }

.loft-form loft-form-fields h3, .portal-form loft-form-fields h3 {
  font-size: 12px;
  padding-bottom: 6px;
  margin: 0; }

.loft-form loft-form-fields input, .loft-form loft-form-fields textarea, .portal-form loft-form-fields input, .portal-form loft-form-fields textarea {
  padding: 13px 12px;
  border: 1px solid var(--color6);
  border-radius: var(--border-radius3);
  font-size: 14px;
  margin-bottom: 10px;
  resize: none;
  width: 100%; }
  .loft-form loft-form-fields input::placeholder, .loft-form loft-form-fields textarea::placeholder, .portal-form loft-form-fields input::placeholder, .portal-form loft-form-fields textarea::placeholder {
    color: var(--color6); }

.loft-form loft-form-fields textarea, .portal-form loft-form-fields textarea {
  height: 150px; }

.loft-login-page, .portal-login-page {
  height: 100%;
  width: 100%;
  background-color: var(--color4); }
  .loft-login-page > img, .portal-login-page > img {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    height: 90px; }
  .loft-login-page .loft-form, .loft-login-page .portal-form, .portal-login-page .loft-form, .portal-login-page .portal-form {
    color: var(--color1);
    position: absolute;
    top: calc(50% - 90px);
    left: 50%;
    text-align: center;
    width: 100%;
    padding: var(--spacing-ms);
    max-width: 580px;
    transform: translate(-50%, -50%); }
    .loft-login-page .loft-form input, .loft-login-page .portal-form input, .portal-login-page .loft-form input, .portal-login-page .portal-form input {
      max-width: 440px;
      outline: none;
      width: 100%;
      font-size: 16px; }
    .loft-login-page .loft-form input::placeholder, .loft-login-page .portal-form input::placeholder, .portal-login-page .loft-form input::placeholder, .portal-login-page .portal-form input::placeholder {
      color: var(--color5); }
    .loft-login-page .loft-form .loft-button, .loft-login-page .loft-form .portal-button, .loft-login-page .portal-form .loft-button, .loft-login-page .portal-form .portal-button, .portal-login-page .loft-form .loft-button, .portal-login-page .loft-form .portal-button, .portal-login-page .portal-form .loft-button, .portal-login-page .portal-form .portal-button {
      background-color: var(--color8);
      margin-top: 50px; }
    .loft-login-page .loft-form .action-link, .loft-login-page .portal-form .action-link, .portal-login-page .loft-form .action-link, .portal-login-page .portal-form .action-link {
      color: var(--color8); }
    .loft-login-page .loft-form img, .loft-login-page .loft-form h2, .loft-login-page .portal-form img, .loft-login-page .portal-form h2, .portal-login-page .loft-form img, .portal-login-page .loft-form h2, .portal-login-page .portal-form img, .portal-login-page .portal-form h2 {
      margin-bottom: 50px; }
    .loft-login-page .loft-form img, .loft-login-page .portal-form img, .portal-login-page .loft-form img, .portal-login-page .portal-form img {
      height: 68px; }
    .loft-login-page .loft-form input + input, .loft-login-page .portal-form input + input, .portal-login-page .loft-form input + input, .portal-login-page .portal-form input + input {
      margin-top: var(--spacing-ms); }
    .loft-login-page .loft-form i, .loft-login-page .portal-form i, .portal-login-page .loft-form i, .portal-login-page .portal-form i {
      color: var(--color1);
      font-size: 68px; }
    .loft-login-page .loft-form i + h2, .loft-login-page .portal-form i + h2, .portal-login-page .loft-form i + h2, .portal-login-page .portal-form i + h2 {
      margin-top: var(--spacing-ms); }
    .loft-login-page .loft-form h2, .loft-login-page .portal-form h2, .portal-login-page .loft-form h2, .portal-login-page .portal-form h2 {
      font-size: 32px;
      font-weight: normal;
      color: var(--color1); }
    .loft-login-page .loft-form p, .loft-login-page .portal-form p, .portal-login-page .loft-form p, .portal-login-page .portal-form p {
      margin: var(--spacing-lg) auto 0 auto;
      padding: 0;
      font-size: 14px;
      line-height: 140%;
      max-width: 440px; }
      .loft-login-page .loft-form p span, .loft-login-page .portal-form p span, .portal-login-page .loft-form p span, .portal-login-page .portal-form p span {
        cursor: pointer; }

loft-loading-indicator {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  z-index: 5;
  top: 0;
  left: 0; }

.loft-spinner {
  width: 100px;
  height: 100px;
  margin: 20px 0;
  position: relative; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00000033;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

loft-progress-bar {
  background-color: #00000033;
  background-image: linear-gradient(-45deg, #00000022 25%, transparent 25% 75%, #00000022 75%);
  height: 5px;
  transition: width 2s;
  animation: progress-bar-animate 2s linear infinite;
  width: 200px;
  display: block;
  overflow: hidden;
  margin: 0px 0 5px; }

loft-progress-bars[single] > div:not(:last-of-type) {
  display: none; }

loft-loading-msg {
  display: block;
  text-align: center;
  font-size: 14px;
  margin-bottom: var(--spacing-sm); }

loft-loading-msg {
  display: block;
  text-align: center;
  font-size: 14px; }

loft-progress {
  display: block;
  height: 100%;
  width: 0%;
  transition: width 0.25s;
  background-color: black; }

@keyframes progress-bar-animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 200px 0; } }

.loft-ar-back-button {
  position: absolute;
  top: 15px;
  left: 15px; }

.loft-info-button {
  position: absolute;
  top: 15px;
  right: 15px; }

.loft-transform-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3);
  border: none;
  color: white;
  padding: 10px 15px;
  display: none;
  pointer-events: none; }

loft-ar-prompt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  text-align: center; }
  loft-ar-prompt p.prompt-text {
    color: white; }

loft-social-share {
  z-index: 1; }
  loft-social-share svg {
    width: 50px;
    height: 50px; }

loft-xp-share-button {
  position: absolute;
  bottom: 15px;
  right: 20px;
  cursor: pointer;
  z-index: 1; }
  loft-xp-share-button svg {
    width: 25px;
    height: 25px;
    opacity: 0.8; }

loft-xp-share-button.left {
  right: unset;
  left: 15px; }

loft-xp-share-button.right {
  right: 15px;
  left: unset; }

loft-xp-share-button.center {
  right: unset;
  left: 50%;
  transform: translate(-50%, 0); }

loft-social-share {
  position: absolute;
  bottom: 0;
  background-color: white;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 50px 0;
  box-shadow: 0 0 4px 4px #0000000A; }

loft-asset-tile {
  cursor: pointer;
  width: 100%;
  padding-left: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  box-sizing: border-box;
  text-align: center; }
  loft-asset-tile img {
    width: 150px; }
  loft-asset-tile div {
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    padding: 0 20px;
    max-width: 320px; }
  loft-asset-tile > * {
    pointer-events: none; }

.loft-iframe {
  width: 100%;
  height: 100%;
  border: none;
  vertical-align: top; }

loft-xp-qr img {
  width: 180px; }

loft-xp-controls {
  pointer-events: none; }
  loft-xp-controls > * {
    pointer-events: auto; }

.loft-experience-wrapper > div {
  background-color: var(--color2);
  font-family: var(--font); }

loft-xp-launcher {
  background: none !important; }

.loft-experience {
  position: relative; }
  .loft-experience.responsive {
    container-type: size; }
  .loft-experience loft-xp-draft-banner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    padding: var(--spacing-ms);
    box-sizing: border-box;
    text-align: center;
    box-shadow: var(--default-box-shadow); }
    .loft-experience loft-xp-draft-banner p {
      padding: var(--spacing-sm) 0; }
  .loft-experience .xp-popup .loft-frame {
    max-width: 320px; }
    .loft-experience .xp-popup .loft-frame :not(.loft-button) {
      text-align: left; }
  .loft-experience h2 {
    font-size: 30px;
    font-weight: 600; }
  .loft-experience h3 {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    font-size: 18px;
    font-weight: 600; }
  .loft-experience loft-title {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center; }
  .loft-experience loft-subtitle {
    margin: 0 0 var(--loft-xp-element-spacing) 0; }
  .loft-experience h4 {
    font-weight: 500; }
  .loft-experience p, .loft-experience loft-description {
    font-size: 14px;
    line-height: var(--spacing-ms);
    font-weight: 400;
    margin: 0 0 var(--loft-xp-element-spacing) 0; }
  .loft-experience loft-description {
    word-wrap: break-word;
    padding: 0 30px;
    box-sizing: border-box; }
  .loft-experience loft-description:empty {
    margin: 0; }
  .loft-experience .loft-button {
    width: 200px;
    box-sizing: border-box;
    border-radius: var(--border-radius3);
    background-color: var(--color1);
    margin: 0 auto var(--loft-xp-element-spacing) auto;
    color: var(--color5);
    display: block;
    border: 1px solid var(--color5); }
    .loft-experience .loft-button.alt {
      border: 1px solid var(--color5);
      background-color: var(--color5);
      color: var(--color1); }
  .loft-experience loft-xp-qr-modal h3 {
    font-weight: 600;
    margin: 0; }
  .loft-experience loft-xp-qr-modal p {
    margin-top: var(--spacing-sm); }
  .loft-experience loft-xp-qr-modal .loft-button {
    width: 150px; }
  .loft-experience .group-arrow-icon {
    display: none; }

@container (max-width:799px) {
  .loft-experience p {
    padding: 0 30px; } }

/* Derived from JP Test Org, Default Loft3Di theme on staging */
.loft-experience-wrapper {
  font-family: Inter, sans-serif;
  --viewer-font-color-half-transparent: #2b374080;
  --ui-font-color-half-transparent: #2b374080;
  --experience-font-color-half-transparent: #2b374080; }
  .loft-experience-wrapper img.logo {
    scale: 1.00; }
  .loft-experience-wrapper .loft-button {
    background-color: #566E81; }
  .loft-experience-wrapper .loft-button {
    color: #FFFFFF; }
  .loft-experience-wrapper .loft-button {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper .loft-button:hover {
    background-color: #566E81; }
  .loft-experience-wrapper .loft-button:hover {
    color: #FFFFFF; }
  .loft-experience-wrapper .loft-button:hover {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper .loft-button {
    border-width: 0px;
    border-style: solid; }
  .loft-experience-wrapper .loft-button {
    border-radius: 4px; }
  .loft-experience-wrapper .loft-button {
    height: 40px; }
  .loft-experience-wrapper .loft-button {
    line-height: 40px; }
  .loft-experience-wrapper .loft-button {
    min-width: 200px; }
  .loft-experience-wrapper .loft-button.alt,
  .loft-experience-wrapper .loft-icon-button {
    background-color: #FFFFFF; }
  .loft-experience-wrapper .loft-button.alt,
  .loft-experience-wrapper .loft-icon-button {
    color: #566E81; }
  .loft-experience-wrapper .loft-button.alt,
  .loft-experience-wrapper .loft-icon-button {
    border-color: #566E81; }
  .loft-experience-wrapper .loft-button.alt:hover,
  .loft-experience-wrapper .loft-button.alt.selected,
  .loft-experience-wrapper .loft-icon-button:hover {
    background-color: #F8F9F9; }
  .loft-experience-wrapper .loft-button.alt:hover,
  .loft-experience-wrapper .loft-button.alt.selected,
  .loft-experience-wrapper .loft-icon-button:hover {
    color: #566E81; }
  .loft-experience-wrapper .loft-button.alt:hover,
  .loft-experience-wrapper .loft-button.alt.selected,
  .loft-experience-wrapper .loft-icon-button:hover {
    border-color: #566E81; }
  .loft-experience-wrapper .loft-button.alt,
  .loft-experience-wrapper .loft-icon-button {
    border-width: 1px;
    border-style: solid; }
  .loft-experience-wrapper .loft-button.alt,
  .loft-experience-wrapper .loft-icon-button {
    border-radius: 4px; }
  .loft-experience-wrapper .loft-button.alt {
    height: 40px; }
  .loft-experience-wrapper .loft-button.alt {
    line-height: 38px; }
  .loft-experience-wrapper .loft-button.alt {
    min-width: 200px; }
  .loft-experience-wrapper .loft-selection-elements {
    background-color: #FFFFFF; }
  .loft-experience-wrapper loft-asset-tile {
    background-color: #FFFFFF; }
  .loft-experience-wrapper .loft-selection-elements {
    color: #566E81; }
  .loft-experience-wrapper loft-asset-tile {
    color: #566E81; }
  .loft-experience-wrapper .loft-selection-elements {
    border-color: #566E8199; }
  .loft-experience-wrapper loft-asset-tile {
    border-color: #566E8199; }
  .loft-experience-wrapper .loft-selection-elements:hover {
    background-color: #F8F9F9; }
  .loft-experience-wrapper .configurator-flat loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements:hover {
    background-color: #F8F9F9; }
  .loft-experience-wrapper loft-asset-tile:hover {
    background-color: #F8F9F9; }
  .loft-experience-wrapper .loft-selection-elements:hover {
    color: #2B3740; }
  .loft-experience-wrapper loft-asset-tile:hover {
    color: #2B3740; }
  .loft-experience-wrapper .loft-selection-elements:hover {
    border-color: #566E81; }
  .loft-experience-wrapper loft-asset-tile:hover {
    border-color: #566E81; }
  .loft-experience-wrapper .loft-selection-elements {
    border-width: 1px;
    border-style: solid; }
  .loft-experience-wrapper loft-asset-tile {
    border-width: 1px;
    border-style: solid; }
  .loft-experience-wrapper .loft-selection-elements:not(loft-c-index) {
    border-radius: 4px; }
  .loft-experience-wrapper loft-asset-tile {
    border-radius: 4px; }
  .loft-experience-wrapper .configurator-flat .loft-selection-elements,
  .loft-experience-wrapper .configurator-flat loft-co-option[g-type="material"] .loft-selection-elements .thumbnail {
    border-color: #566e814d; }
  .loft-experience-wrapper .configurator-flat .loft-selection-elements:hover,
  .loft-experience-wrapper .configurator-flat loft-co-option[g-type="material"] .loft-selection-elements:hover .thumbnail {
    border-color: #566E81; }
  .loft-experience-wrapper .configurator-flat .loft-selection-elements {
    border-radius: 4px; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements {
    background-color: #2B3740; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"] {
    background-color: #2B3740; }
  .loft-experience-wrapper loft-asset-tile[selected="true"] {
    background-color: #2B3740; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements:hover {
    background-color: #2B3740; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"]:hover {
    background-color: #2B3740; }
  .loft-experience-wrapper loft-asset-tile[selected="true"]:hover {
    background-color: #2B3740; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements {
    color: #FFFFFF; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"] {
    color: #FFFFFF; }
  .loft-experience-wrapper loft-asset-tile[selected="true"] {
    color: #FFFFFF; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements:hover {
    color: #FFFFFF; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"]:hover {
    color: #FFFFFF; }
  .loft-experience-wrapper loft-asset-tile[selected="true"]:hover {
    color: #FFFFFF; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"] {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper loft-asset-tile[selected="true"] {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements:hover {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"]:hover {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper loft-asset-tile[selected="true"]:hover {
    border-color: #FFFFFF00; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements {
    border-width: 0px;
    border-style: solid; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"] {
    border-width: 0px;
    border-style: solid; }
  .loft-experience-wrapper loft-asset-tile[selected="true"] {
    border-width: 0px;
    border-style: solid; }
  .loft-experience-wrapper loft-co-option[selected="true"] .loft-selection-elements {
    border-radius: 4px; }
  .loft-experience-wrapper .loft-selection-elements[selected="true"]:not(loft-c-index) {
    border-radius: 4px; }
  .loft-experience-wrapper loft-asset-tile[selected="true"] {
    border-radius: 4px; }
  .loft-experience-wrapper .panel-or-popup,
  .loft-experience-wrapper loft-sidebar.panel-or-popup {
    background-color: #FFFFFF; }
  .loft-experience-wrapper .linear-gradient-after::after {
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
  .loft-experience-wrapper .linear-gradient-before::before {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
  .loft-experience-wrapper .panel-or-popup {
    color: #2B3740; }
  .loft-experience-wrapper .panel-or-popup .theme-pop-font-color {
    color: #2B3740; }
  .loft-experience-wrapper .panel-or-popup loft-watermark div {
    color: #2B374080; }
  .loft-experience-wrapper .loft-viewer {
    background-color: #FFFFFF00; }
  .loft-experience-wrapper .loft-viewer {
    color: #2B3740; }
  .loft-experience-wrapper .loft-viewer .theme-viewer-font-color,
  .loft-experience-wrapper .theme-viewer-font-color {
    color: #2B3740; }
  .loft-experience-wrapper .loft-viewer .theme-viewer-font-color loft-watermark div,
  .loft-experience-wrapper .theme-viewer-font-color loft-watermark div {
    color: #2B374080; }
  .loft-experience-wrapper loft-carousel loft-c-index {
    background-color: #2B374080; }
  .loft-experience-wrapper loft-carousel loft-c-index[selected="true"] {
    background-color: #2B3740; }
  .loft-experience-wrapper > * {
    background-color: #f8f9f9;
    color: #2b3740;
    background-size: cover;
    background-repeat: no-repeat; }

.view-experience, .carousel-experience {
  overflow: hidden; }
  .view-experience.responsive .loft-viewer, .view-experience.responsive loft-xp-controls, .carousel-experience.responsive .loft-viewer, .carousel-experience.responsive loft-xp-controls {
    width: calc(125% + 40px);
    left: calc(-25% - 40px);
    height: 100%;
    top: 0;
    bottom: unset;
    right: unset;
    position: absolute;
    overflow: visible;
    display: flex;
    align-items: center; }
  .view-experience.responsive .loft-viewer .loft-ui, .carousel-experience.responsive .loft-viewer .loft-ui {
    display: block;
    position: absolute;
    top: unset;
    bottom: unset;
    left: calc(75% - 60px);
    right: unset;
    box-sizing: border-box;
    padding: 0;
    order: 2;
    width: 300px; }
    .view-experience.responsive .loft-viewer .loft-ui loft-watermark, .carousel-experience.responsive .loft-viewer .loft-ui loft-watermark {
      margin: 0 auto; }
    .view-experience.responsive .loft-viewer .loft-ui .loft-frame, .carousel-experience.responsive .loft-viewer .loft-ui .loft-frame {
      width: 100%;
      box-sizing: border-box;
      padding: 0;
      position: static; }
    .view-experience.responsive .loft-viewer .loft-ui loft-description, .view-experience.responsive .loft-viewer .loft-ui loft-watermark, .carousel-experience.responsive .loft-viewer .loft-ui loft-description, .carousel-experience.responsive .loft-viewer .loft-ui loft-watermark {
      text-align: center; }
    .view-experience.responsive .loft-viewer .loft-ui .loft-button.width-100, .carousel-experience.responsive .loft-viewer .loft-ui .loft-button.width-100 {
      width: 100%;
      min-width: unset; }

@container (max-width:799px) {
  .view-experience.responsive .loft-viewer, .view-experience.responsive loft-xp-controls, .carousel-experience.responsive .loft-viewer, .carousel-experience.responsive loft-xp-controls {
    width: 100%;
    height: 120%;
    top: -20%;
    bottom: unset;
    left: 0;
    position: absolute;
    display: block; }
  .view-experience.responsive .loft-viewer .loft-ui, .carousel-experience.responsive .loft-viewer .loft-ui {
    display: block;
    position: static;
    box-sizing: border-box;
    padding: 0;
    width: 100%; }
    .view-experience.responsive .loft-viewer .loft-ui loft-watermark, .carousel-experience.responsive .loft-viewer .loft-ui loft-watermark {
      margin: 0 auto; }
    .view-experience.responsive .loft-viewer .loft-ui .loft-frame, .carousel-experience.responsive .loft-viewer .loft-ui .loft-frame {
      top: unset;
      bottom: 15px;
      left: 0;
      right: unset;
      width: 100%;
      right: unset;
      transform: unset;
      box-sizing: border-box;
      padding-bottom: 0;
      position: absolute;
      z-index: 2; }
    .view-experience.responsive .loft-viewer .loft-ui .loft-details, .carousel-experience.responsive .loft-viewer .loft-ui .loft-details {
      width: 100%;
      position: absolute;
      top: calc(20% - 15px);
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 2; }
    .view-experience.responsive .loft-viewer .loft-ui loft-description, .view-experience.responsive .loft-viewer .loft-ui loft-watermark, .carousel-experience.responsive .loft-viewer .loft-ui loft-description, .carousel-experience.responsive .loft-viewer .loft-ui loft-watermark {
      text-align: center; }
    .view-experience.responsive .loft-viewer .loft-ui .loft-button.width-100, .carousel-experience.responsive .loft-viewer .loft-ui .loft-button.width-100 {
      width: 100%;
      min-width: unset; }
  .view-experience.responsive .loft-viewer canvas, .carousel-experience.responsive .loft-viewer canvas {
    position: relative;
    z-index: 1;
    top: var(--loft-canvas-top); } }
  .view-experience:not(.responsive) .loft-viewer, .view-experience:not(.responsive) loft-xp-controls, .carousel-experience:not(.responsive) .loft-viewer, .carousel-experience:not(.responsive) loft-xp-controls {
    width: 100%;
    height: 120%;
    top: -20%;
    bottom: unset;
    left: 0;
    position: absolute;
    display: block; }
  .view-experience:not(.responsive) .loft-viewer .loft-ui, .carousel-experience:not(.responsive) .loft-viewer .loft-ui {
    display: block;
    position: static;
    box-sizing: border-box;
    padding: 0;
    width: 100%; }
    .view-experience:not(.responsive) .loft-viewer .loft-ui loft-watermark, .carousel-experience:not(.responsive) .loft-viewer .loft-ui loft-watermark {
      margin: 0 auto; }
    .view-experience:not(.responsive) .loft-viewer .loft-ui .loft-frame, .carousel-experience:not(.responsive) .loft-viewer .loft-ui .loft-frame {
      top: unset;
      bottom: 15px;
      left: 0;
      right: unset;
      width: 100%;
      right: unset;
      transform: unset;
      box-sizing: border-box;
      padding-bottom: 0;
      position: absolute;
      z-index: 2; }
    .view-experience:not(.responsive) .loft-viewer .loft-ui .loft-details, .carousel-experience:not(.responsive) .loft-viewer .loft-ui .loft-details {
      width: 100%;
      position: absolute;
      top: calc(20% - 15px);
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 2; }
    .view-experience:not(.responsive) .loft-viewer .loft-ui loft-description, .view-experience:not(.responsive) .loft-viewer .loft-ui loft-watermark, .carousel-experience:not(.responsive) .loft-viewer .loft-ui loft-description, .carousel-experience:not(.responsive) .loft-viewer .loft-ui loft-watermark {
      text-align: center; }
    .view-experience:not(.responsive) .loft-viewer .loft-ui .loft-button.width-100, .carousel-experience:not(.responsive) .loft-viewer .loft-ui .loft-button.width-100 {
      width: 100%;
      min-width: unset; }
  .view-experience:not(.responsive) .loft-viewer canvas, .carousel-experience:not(.responsive) .loft-viewer canvas {
    position: relative;
    z-index: 1;
    top: var(--loft-canvas-top); }

.loft-details {
  text-align: center; }
  .loft-details img.logo {
    max-width: 150px;
    max-height: 75px;
    margin-bottom: var(--loft-xp-element-spacing); }
  .loft-details loft-title {
    margin-bottom: var(--loft-xp-element-spacing); }

.view-experience .loft-viewer .loft-frame loft-watermark.left {
  text-align: left; }

.view-experience .loft-viewer .loft-frame loft-watermark.right {
  text-align: right; }

.view-experience .loft-viewer .loft-frame loft-watermark.center {
  text-align: center; }

.carousel .loft-viewer .loft-frame loft-watermark.left {
  margin: 0 auto 0 0; }

.carousel .loft-viewer .loft-frame loft-watermark.right {
  margin: 0 0 0 auto; }

.carousel .loft-viewer .loft-frame loft-watermark.center {
  margin: 0 auto; }

.loft-annotation {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: black;
  border: 2px solid white;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1; }

.loft-experience loft-carousel h5 {
  margin: 0;
  color: #374753; }

.loft-experience loft-carousel loft-c-pager {
  margin-bottom: var(--loft-xp-element-spacing); }

.loft-experience loft-carousel loft-arrow i.ph {
  color: inherit; }

.loft-experience.responsive loft-carousel .loft-viewer .loft-details {
  position: absolute;
  top: 15px;
  left: 62%;
  right: unset;
  transform: translate(-50%, 0); }
  .loft-experience.responsive loft-carousel .loft-viewer .loft-details.desktop-only {
    position: unset;
    transform: unset; }

.loft-experience.responsive loft-carousel .loft-viewer loft-title.mobile-only {
  display: none; }

.loft-experience.responsive loft-carousel .loft-viewer .loft-ui {
  display: block;
  position: absolute;
  top: unset;
  bottom: unset;
  left: calc(80% - 140px);
  right: unset;
  box-sizing: border-box;
  padding: 0;
  order: 2;
  width: 300px;
  text-align: center; }
  .loft-experience.responsive loft-carousel .loft-viewer .loft-ui loft-watermark {
    margin: 0 auto; }
  .loft-experience.responsive loft-carousel .loft-viewer .loft-ui .loft-button.width-100 {
    width: 100%;
    min-width: unset; }

.loft-experience.responsive loft-carousel loft-c-arrows {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: var(--spacing-sm);
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%; }

@container (max-width:799px) {
  .loft-experience.responsive loft-carousel h3 {
    margin-top: 0; }
  .loft-experience.responsive loft-carousel .loft-viewer .loft-ui {
    top: unset;
    bottom: 15px;
    left: 0;
    right: unset;
    width: 100%;
    right: unset;
    transform: unset;
    box-sizing: border-box;
    padding-bottom: 0;
    position: absolute;
    z-index: 2; }
  .loft-experience.responsive loft-carousel .loft-viewer .loft-details {
    top: calc(20% - 15px);
    left: 50%;
    right: unset;
    transform: translate(-50%, 0);
    position: absolute;
    width: 100%;
    z-index: 2; }
  .loft-experience.responsive loft-carousel .loft-viewer loft-title.desktop-only {
    display: none; }
  .loft-experience.responsive loft-carousel .loft-viewer loft-title.mobile-only {
    display: block; }
  .loft-experience.responsive loft-carousel .loft-viewer canvas {
    position: relative;
    z-index: 1;
    top: var(--loft-canvas-top); }
  .loft-experience.responsive loft-carousel loft-c-arrows {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: var(--spacing-sm);
    z-index: 1;
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2; } }

.loft-experience:not(.responsive) loft-carousel h3 {
  margin-top: 0; }

.loft-experience:not(.responsive) loft-carousel .loft-viewer .loft-ui {
  top: unset;
  bottom: 15px;
  left: 0;
  right: unset;
  width: 100%;
  right: unset;
  transform: unset;
  box-sizing: border-box;
  padding-bottom: 0;
  position: absolute;
  z-index: 2; }

.loft-experience:not(.responsive) loft-carousel .loft-viewer .loft-details {
  top: calc(20% - 15px);
  left: 50%;
  right: unset;
  transform: translate(-50%, 0);
  position: absolute;
  width: 100%;
  z-index: 2; }

.loft-experience:not(.responsive) loft-carousel .loft-viewer loft-title.desktop-only {
  display: none; }

.loft-experience:not(.responsive) loft-carousel .loft-viewer loft-title.mobile-only {
  display: block; }

.loft-experience:not(.responsive) loft-carousel .loft-viewer canvas {
  position: relative;
  z-index: 1;
  top: var(--loft-canvas-top); }

.loft-experience:not(.responsive) loft-carousel loft-c-arrows {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: var(--spacing-sm);
  z-index: 1;
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2; }

.loft-experience:not(.responsive) loft-carousel .mobile-only {
  display: block; }

.loft-experience:not(.responsive) loft-carousel .desktop-only {
  display: none; }

loft-c-arrows loft-arrow {
  position: absolute;
  padding: 5px; }
  loft-c-arrows loft-arrow[left] {
    left: 3%; }
  loft-c-arrows loft-arrow[right] {
    right: 3%; }
  loft-c-arrows loft-arrow .arrow-img {
    width: 28px; }

loft-c-selector {
  text-align: center;
  margin-bottom: var(--loft-xp-element-spacing); }
  loft-c-selector.desktop-only {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    width: 100%; }

loft-c-index {
  cursor: pointer;
  background-color: #D9D9D9;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px; }
  loft-c-index[selected] {
    background-color: var(--color5); }

loft-carousel {
  width: 100%;
  height: 100%; }
  loft-carousel .loft-viewer {
    width: 100%;
    height: 100%; }

loft-co-group[locked] loft-co-option {
  position: relative;
  pointer-events: none; }
  loft-co-group[locked] loft-co-option:after {
    content: "\1F512";
    filter: grayscale(0.5);
    position: absolute;
    font-size: 18px;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

loft-co-option[excluded="disabled"], loft-co-group[excluded="disabled"] {
  pointer-events: none;
  cursor: auto;
  filter: grayscale(65%);
  opacity: 0.8; }

loft-co-option[excluded="hidden"], loft-co-group[excluded="hidden"] {
  display: none !important;
  pointer-events: none;
  cursor: auto; }

loft-configurator {
  width: 100%;
  height: 100%; }

loft-xp-co-share-modal {
  background-color: white; }
  loft-xp-co-share-modal loft-co-price {
    display: inline-block; }
  loft-xp-co-share-modal loft-button-close {
    position: absolute;
    top: var(--spacing-md);
    right: var(--spacing-md); }
  loft-xp-co-share-modal .split-screen {
    position: absolute;
    width: 80%;
    max-width: 1000px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 50px;
    box-sizing: border-box; }
  loft-xp-co-share-modal .divider {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-md); }
  loft-xp-co-share-modal loft-xp-link {
    color: var(--color4);
    font-size: 10px; }
    loft-xp-co-share-modal loft-xp-link a {
      color: inherit;
      text-decoration: none; }
    loft-xp-co-share-modal loft-xp-link .loft-button {
      display: block; }
  loft-xp-co-share-modal .qr-area {
    margin: var(--spacing-ms) 0; }
  loft-xp-co-share-modal loft-xp-qr p {
    margin: 0; }
  loft-xp-co-share-modal loft-xp-qr img {
    width: 100px;
    height: 100px; }
  loft-xp-co-share-modal .or {
    padding: var(--spacing-ms) 0;
    font-size: 24px; }
  loft-xp-co-share-modal .v-bar-n, loft-xp-co-share-modal .v-bar-s {
    flex: 1;
    width: 1px;
    background-color: var(--color4); }
  loft-xp-co-share-modal .get-snapshot {
    margin-top: var(--spacing-ml); }

loft-watermark {
  position: unset; }

.linear-gradient-after::after {
  width: 35px;
  height: 100%;
  content: '';
  visibility: visible;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2; }

.linear-gradient-before::before {
  width: 35px;
  height: 100%;
  content: '';
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2; }

.loft-experience.configurator {
  overflow: hidden; }
  .loft-experience.configurator.responsive loft-viewer-ar-interactive {
    position: relative; }
    .loft-experience.configurator.responsive loft-viewer-ar-interactive .loft-details {
      position: absolute;
      top: 15px;
      left: 50%;
      right: unset;
      transform: translate(-50%, 0);
      width: 100%; }
  .loft-experience.configurator.responsive loft-xp-close-button, .loft-experience.configurator.responsive loft-xp-share-button {
    display: none; }
  .loft-experience.configurator.responsive .loft-viewer {
    width: calc(100% - 300px);
    left: 0;
    height: 100%;
    position: absolute;
    overflow: visible; }
  .loft-experience.configurator.responsive .loft-ui {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 0px 6px 0px #0000001A;
    box-sizing: border-box;
    padding-top: var(--loft-configurator-loft-ui-padding); }
    .loft-experience.configurator.responsive .loft-ui > * {
      display: block; }
    .loft-experience.configurator.responsive .loft-ui loft-description {
      padding: 0 0 20px 0;
      font-size: 14px;
      margin-bottom: 0;
      color: unset; }
    .loft-experience.configurator.responsive .loft-ui loft-co-groups {
      flex: 1; }
    .loft-experience.configurator.responsive .loft-ui loft-co-options {
      flex: 1;
      overflow-y: hidden;
      overflow-x: hidden;
      padding: 0 20px;
      width: 300px;
      box-sizing: border-box; }
    .loft-experience.configurator.responsive .loft-ui loft-sidebar-footer {
      padding: var(--spacing-ms);
      text-align: center;
      box-shadow: unset; }
      .loft-experience.configurator.responsive .loft-ui loft-sidebar-footer .loft-button {
        margin: var(--spacing-sm) auto; }
    .loft-experience.configurator.responsive .loft-ui:last-of-type loft-sidebar-footer {
      box-shadow: 0px 0px 6px 0px #0000001A;
      cursor: pointer; }
    .loft-experience.configurator.responsive .loft-ui .list-options-contents {
      height: calc(100% - 61px);
      overflow-x: hidden;
      overflow-y: auto;
      overflow-y: overlay; }
    .loft-experience.configurator.responsive .loft-ui:first-of-type {
      display: block;
      box-sizing: border-box;
      overflow: hidden; }
    .loft-experience.configurator.responsive .loft-ui .loft-sidebar-scroll {
      height: var(--loft-configurator-sidebar-scroll-height);
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 20px; }
  .loft-experience.configurator.responsive loft-co-groups, .loft-experience.configurator.responsive loft-co-options {
    font-size: 0; }
  .loft-experience.configurator.responsive .list-extender {
    display: none; }
  .loft-experience.configurator.responsive loft-co-group {
    width: 100%;
    height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px; }
    .loft-experience.configurator.responsive loft-co-group .group, .loft-experience.configurator.responsive loft-co-group .group-option {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      padding: 0 40px 0 10px; }
      .loft-experience.configurator.responsive loft-co-group .group .group-option-name, .loft-experience.configurator.responsive loft-co-group .group .group-option-name-without-pic, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name-without-pic {
        padding: 0 0 0 10px; }
        .loft-experience.configurator.responsive loft-co-group .group .group-option-name .group-name, .loft-experience.configurator.responsive loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator.responsive loft-co-group .group .group-option-name-without-pic .group-name, .loft-experience.configurator.responsive loft-co-group .group .group-option-name-without-pic .tile-value, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name .group-name, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name .tile-value, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name-without-pic .group-name, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name-without-pic .tile-value {
          width: 100%;
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden; }
        .loft-experience.configurator.responsive loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator.responsive loft-co-group .group .group-option-name-without-pic .tile-value, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name .tile-value, .loft-experience.configurator.responsive loft-co-group .group-option .group-option-name-without-pic .tile-value {
          font-weight: bold;
          font-size: 15px; }
    .loft-experience.configurator.responsive loft-co-group img {
      height: 40px;
      margin-bottom: 0; }
    .loft-experience.configurator.responsive loft-co-group:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .loft-experience.configurator.responsive loft-co-group[selected] {
      color: #2F3941;
      font-weight: 600;
      background-color: #566E811A; }
    .loft-experience.configurator.responsive loft-co-group[g-type="material"] .thumbnail {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      padding: 2px;
      box-sizing: border-box;
      border-width: 1px;
      border-style: solid; }
      .loft-experience.configurator.responsive loft-co-group[g-type="material"] .thumbnail img {
        height: 100%;
        border-radius: 50%; }
  .loft-experience.configurator.responsive loft-co-options {
    display: flex;
    flex-wrap: wrap; }
  .loft-experience.configurator.responsive loft-co-option {
    cursor: pointer; }
    .loft-experience.configurator.responsive loft-co-option[presentation="List"] {
      width: 100%;
      height: 50px;
      box-sizing: border-box;
      position: relative;
      font-size: 12px;
      margin-bottom: 10px;
      padding-top: 0;
      display: flex;
      align-items: center; }
      .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements {
        width: 100%;
        justify-content: flex-start;
        box-sizing: border-box;
        position: static;
        transform: unset;
        text-align: left;
        display: flex;
        height: 50px;
        align-items: center;
        flex-direction: row;
        padding: 0 10px; }
        .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price, .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic {
          padding: 0 0 0 10px; }
          .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price .option-name, .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic .option-name {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
          .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price .option-price, .loft-experience.configurator.responsive loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic .option-price {
            margin-top: 2px; }
      .loft-experience.configurator.responsive loft-co-option[presentation="List"] img {
        height: 40px;
        margin-bottom: 0; }
      .loft-experience.configurator.responsive loft-co-option[presentation="List"][g-type="material"] .thumbnail {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        padding: 2px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid; }
        .loft-experience.configurator.responsive loft-co-option[presentation="List"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%; }
    .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] {
      width: 124px;
      height: 124px;
      margin-left: 12px;
      margin-bottom: 12px; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements img {
          height: 80px;
          margin-top: 0; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name {
          padding: 0 10px; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements .option-price {
          padding: 0 10px; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements .option-price {
          margin-top: 2px; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name {
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name-price {
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        padding: 4px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        margin: 10px auto; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%;
          margin-top: 0; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 3px; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"]:nth-of-type(2n+1) {
        margin-left: 0; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .loft-selection-elements {
        position: relative; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .option-name-price {
        position: absolute;
        top: 95px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Tiles"] .option-name-price-without-pic {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center; }
    .loft-experience.configurator.responsive loft-co-option[presentation="Icons"] {
      width: 80px;
      height: 80px;
      box-sizing: border-box;
      margin-left: 10px;
      margin-bottom: 10px; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Icons"]:nth-of-type(3n+1) {
        margin-left: 0; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Icons"] .loft-selection-elements {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Icons"] .loft-selection-elements .option-name, .loft-experience.configurator.responsive loft-co-option[presentation="Icons"] .loft-selection-elements .option-price {
          display: none; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Icons"] img {
        height: 80px; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Icons"][g-type="material"] .thumbnail {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 3px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid; }
        .loft-experience.configurator.responsive loft-co-option[presentation="Icons"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%; }
      .loft-experience.configurator.responsive loft-co-option[presentation="Icons"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 2px; }
    .loft-experience.configurator.responsive loft-co-option[selected] {
      font-weight: 600; }
  .loft-experience.configurator.responsive .icons-option-desc {
    margin-bottom: 13px; }
    .loft-experience.configurator.responsive .icons-option-desc p {
      margin: 0;
      padding: 0 20px;
      color: unset; }
    .loft-experience.configurator.responsive .icons-option-desc .group-value {
      font-weight: 600; }
  .loft-experience.configurator.responsive .loft-ui.list-mode loft-co-options {
    display: block;
    overflow: auto; }
  .loft-experience.configurator.responsive .below-model {
    position: unset;
    padding: var(--loft-xp-element-spacing) 0;
    width: 100%;
    text-align: center;
    overflow: hidden; }
  .loft-experience.configurator.responsive loft-watermark {
    margin: var(--loft-xp-element-spacing) auto 0 auto; }
  .loft-experience.configurator.responsive .option-description-price-total {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box; }
    .loft-experience.configurator.responsive .option-description-price-total > loft-price-total {
      font-weight: 600;
      font-size: 16px; }
  .loft-experience.configurator.responsive loft-co-groups loft-co-group .group-arrow-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translate(0, -50%); }
    .loft-experience.configurator.responsive loft-co-groups loft-co-group .group-arrow-icon i {
      font-size: 16px;
      color: inherit;
      display: block; }
  .loft-experience.configurator.responsive .loft-buttons {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px; }
    .loft-experience.configurator.responsive .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }
  .loft-experience.configurator.responsive .mobile-only {
    display: none; }
  .loft-experience.configurator.responsive .desktop-only {
    display: block; }

@container (max-width:799px) {
  .loft-experience.configurator.responsive loft-viewer-ar-interactive {
    position: relative;
    display: flex;
    flex-direction: column; }
    .loft-experience.configurator.responsive loft-viewer-ar-interactive .loft-details {
      position: absolute;
      top: 15px;
      left: 50%;
      right: unset;
      transform: translate(-50%, 0);
      width: 100%; }
    .loft-experience.configurator.responsive loft-viewer-ar-interactive canvas {
      order: 1; }
  .loft-experience.configurator.responsive .loft-viewer {
    height: calc(100% - 270px);
    width: 100%;
    left: 0; }
  .loft-experience.configurator.responsive:has(.list-mode) .loft-viewer {
    height: calc(100% - 270px); }
  .loft-experience.configurator.responsive .loft-ui {
    width: 100%;
    min-height: var(--loft-configurator-loft-ui-min-height);
    padding: 0;
    order: 2;
    right: unset;
    height: unset; }
    .loft-experience.configurator.responsive .loft-ui loft-co-groups, .loft-experience.configurator.responsive .loft-ui loft-co-options {
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      flex: none;
      padding: 20px;
      margin-bottom: 0;
      display: flex; }
    .loft-experience.configurator.responsive .loft-ui loft-co-options {
      flex-wrap: nowrap;
      height: unset;
      width: 100%; }
    .loft-experience.configurator.responsive .loft-ui.list-mode .list-extender {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      height: 30px; }
      .loft-experience.configurator.responsive .loft-ui.list-mode .list-extender > i {
        transform: rotate(-90deg); }
    .loft-experience.configurator.responsive .loft-ui.list-mode loft-co-options {
      overflow-x: auto;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-y: hidden;
      display: flex; }
    .loft-experience.configurator.responsive .loft-ui loft-co-option, .loft-experience.configurator.responsive .loft-ui loft-co-group {
      white-space: initial;
      height: 124px;
      flex: 0 0 124px;
      padding: 0;
      float: unset;
      margin-bottom: 0; }
    .loft-experience.configurator.responsive .loft-ui loft-co-group {
      margin-left: 10px; }
      .loft-experience.configurator.responsive .loft-ui loft-co-group:first-of-type {
        margin-left: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-group .group, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option {
        display: block;
        text-align: center;
        padding: 0 10px; }
        .loft-experience.configurator.responsive .loft-ui loft-co-group .group .thumbnail, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .thumbnail {
          margin: 10px auto; }
          .loft-experience.configurator.responsive .loft-ui loft-co-group .group .thumbnail img, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .thumbnail img {
            height: 60px; }
        .loft-experience.configurator.responsive .loft-ui loft-co-group .group .group-option-name, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .group-option-name {
          position: absolute;
          top: 95px;
          width: 100%;
          left: 0;
          padding: 0 10px;
          transform: translate(0, -50%);
          box-sizing: border-box; }
          .loft-experience.configurator.responsive .loft-ui loft-co-group .group .group-option-name .group-name, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .group-option-name .group-name {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
          .loft-experience.configurator.responsive .loft-ui loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .group-option-name .tile-value {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .loft-experience.configurator.responsive .loft-ui loft-co-group .group .group-option-name-without-pic, .loft-experience.configurator.responsive .loft-ui loft-co-group .group-option .group-option-name-without-pic {
          transform: translate(0, -50%);
          top: 50%;
          position: absolute;
          width: 100%;
          left: 0;
          padding: 0 10px;
          box-sizing: border-box; }
      .loft-experience.configurator.responsive .loft-ui loft-co-group[g-type="material"] .group .thumbnail {
        margin: 10px auto;
        padding: 3px;
        border-width: 1px;
        border-style: solid;
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        position: relative;
        top: 0;
        transform: unset; }
        .loft-experience.configurator.responsive .loft-ui loft-co-group[g-type="material"] .group .thumbnail img {
          height: 100%; }
      .loft-experience.configurator.responsive .loft-ui loft-co-group[g-type="material"] .group-option .thumbnail {
        margin: 10px auto;
        padding: 3px;
        border-width: 1px;
        border-style: solid;
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        position: unset;
        transform: unset; }
        .loft-experience.configurator.responsive .loft-ui loft-co-group[g-type="material"] .group-option .thumbnail img {
          height: 100%; }
    .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"], .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] {
      height: 124px;
      width: 124px;
      padding-left: 0;
      flex: 0 0 124px;
      margin-left: 12px;
      margin-bottom: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"]:nth-of-type(2n+1), .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"]:nth-of-type(2n+1) {
        margin-left: 12px; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"]:first-of-type, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"]:first-of-type {
        margin-left: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] > *, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] > * {
        height: 100%;
        display: block; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .loft-selection-elements, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .loft-selection-elements {
        position: relative; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .option-name-price, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .option-name-price {
        position: absolute;
        top: 95px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .option-name-price-without-pic, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .option-name-price-without-pic {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .option-name, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .option-name {
        padding: 0 10px;
        box-sizing: border-box;
        word-break: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .thumbnail, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .thumbnail {
        margin: 0 auto; }
        .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"] .thumbnail img, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"] .thumbnail img {
          height: 80px;
          margin: 0 auto;
          display: block; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"][g-type="material"] .thumbnail, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail {
        width: 60px;
        height: 60px;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
        box-sizing: border-box;
        padding: 4px;
        margin: 10px auto; }
        .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"][g-type="material"] .thumbnail img, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail img {
          height: 50px;
          margin-top: 0; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="List"][g-type="material"][selected] .thumbnail, .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Tiles"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 3px; }
    .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Icons"] {
      height: 80px;
      flex: 0 0 80px;
      margin-bottom: 0;
      margin-top: -20px;
      margin-left: 10px; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Icons"]:nth-of-type(3n+1) {
        margin-left: 10px; }
      .loft-experience.configurator.responsive .loft-ui loft-co-option[presentation="Icons"]:first-of-type {
        margin-left: 0; }
    .loft-experience.configurator.responsive .loft-ui:first-of-type {
      padding: 0;
      top: var(--loft-configurator-loftui-top);
      height: unset; }
    .loft-experience.configurator.responsive .loft-ui:last-of-type {
      top: 100%; }
      .loft-experience.configurator.responsive .loft-ui:last-of-type loft-sidebar-footer {
        cursor: pointer;
        flex: 1;
        align-self: center;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0; }
    .loft-experience.configurator.responsive .loft-ui .loft-sidebar-scroll {
      height: unset;
      padding: unset; }
    .loft-experience.configurator.responsive .loft-ui .list-options-contents {
      padding: 0;
      height: unset; }
    .loft-experience.configurator.responsive .loft-ui .icons-option-desc {
      display: flex;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
      padding: 20px 0; }
      .loft-experience.configurator.responsive .loft-ui .icons-option-desc p {
        padding: 0;
        font-size: 15px; }
      .loft-experience.configurator.responsive .loft-ui .icons-option-desc .group-name {
        position: relative;
        padding-right: 10px;
        font-size: 14px; }
        .loft-experience.configurator.responsive .loft-ui .icons-option-desc .group-name::after {
          position: absolute;
          content: ':';
          right: 0;
          top: 0;
          visibility: visible;
          width: 10px;
          height: 100%; }
  .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .split-screen {
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
    padding: 30px 50px;
    box-sizing: border-box;
    max-width: unset; }
    .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .split-screen p {
      padding-left: 0;
      padding-right: 0; }
  .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .divider {
    flex-direction: row;
    padding: 0;
    margin: var(--spacing-lg) 0; }
  .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .divider .or {
    padding: 0 var(--spacing-ms); }
  .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .v-bar-s, .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .v-bar-n {
    width: unset;
    height: 1px; }
  .loft-experience.configurator.responsive loft-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 3; }
    .loft-experience.configurator.responsive loft-arrow.hidden {
      display: none; }
  .loft-experience.configurator.responsive loft-arrow[left] {
    left: 6px; }
  .loft-experience.configurator.responsive loft-arrow[right] {
    right: 6px;
    transform: translate(0, -50%) rotate(180deg); }
  .loft-experience.configurator.responsive .arrow-img {
    width: 28px; }
  .loft-experience.configurator.responsive .list-contents, .loft-experience.configurator.responsive .list-options-contents {
    position: relative; }
  .loft-experience.configurator.responsive .below-model {
    position: unset;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-shadow: 0px 0px 6px 0px #0000001A;
    text-align: center;
    padding: var(--loft-xp-element-spacing) 0;
    box-sizing: border-box; }
  .loft-experience.configurator.responsive .option-description-price-total {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    left: 0;
    transform: unset;
    bottom: var(--loft-configurator-price-total-bottom); }
  .loft-experience.configurator.responsive .loft-buttons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: -15px; }
    .loft-experience.configurator.responsive .loft-buttons .loft-button {
      margin: 0 0 var(--loft-xp-element-spacing) 0;
      width: 45.5%; }
      .loft-experience.configurator.responsive .loft-buttons .loft-button.width-50 {
        min-width: unset; }
  .loft-experience.configurator.responsive loft-co-groups loft-co-group .group-arrow-icon i {
    display: none; }
  .loft-experience.configurator.responsive .mobile-only {
    display: block; }
  .loft-experience.configurator.responsive .desktop-only {
    display: none; }
  @container (max-height:799px) {
    .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal {
      overflow-y: auto;
      display: block; }
      .loft-experience.configurator.responsive loft-xp-co-share-modal.loft-modal .split-screen {
        position: relative;
        display: block;
        top: unset;
        left: unset;
        transform: unset; } } }
  .loft-experience.configurator:not(.responsive) loft-viewer-ar-interactive {
    position: relative; }
    .loft-experience.configurator:not(.responsive) loft-viewer-ar-interactive .loft-details {
      position: absolute;
      top: 15px;
      left: 50%;
      right: unset;
      transform: translate(-50%, 0);
      width: 100%; }
  .loft-experience.configurator:not(.responsive) loft-xp-close-button, .loft-experience.configurator:not(.responsive) loft-xp-share-button {
    display: none; }
  .loft-experience.configurator:not(.responsive) .loft-viewer {
    width: calc(100% - 300px);
    left: 0;
    height: 100%;
    position: absolute;
    overflow: visible; }
  .loft-experience.configurator:not(.responsive) .loft-ui {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 0px 6px 0px #0000001A;
    box-sizing: border-box;
    padding-top: var(--loft-configurator-loft-ui-padding); }
    .loft-experience.configurator:not(.responsive) .loft-ui > * {
      display: block; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-description {
      padding: 0 0 20px 0;
      font-size: 14px;
      margin-bottom: 0;
      color: unset; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-groups {
      flex: 1; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-options {
      flex: 1;
      overflow-y: hidden;
      overflow-x: hidden;
      padding: 0 20px;
      width: 300px;
      box-sizing: border-box; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-sidebar-footer {
      padding: var(--spacing-ms);
      text-align: center;
      box-shadow: unset; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-sidebar-footer .loft-button {
        margin: var(--spacing-sm) auto; }
    .loft-experience.configurator:not(.responsive) .loft-ui:last-of-type loft-sidebar-footer {
      box-shadow: 0px 0px 6px 0px #0000001A;
      cursor: pointer; }
    .loft-experience.configurator:not(.responsive) .loft-ui .list-options-contents {
      height: calc(100% - 61px);
      overflow-x: hidden;
      overflow-y: auto;
      overflow-y: overlay; }
    .loft-experience.configurator:not(.responsive) .loft-ui:first-of-type {
      display: block;
      box-sizing: border-box;
      overflow: hidden; }
    .loft-experience.configurator:not(.responsive) .loft-ui .loft-sidebar-scroll {
      height: var(--loft-configurator-sidebar-scroll-height);
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 20px; }
  .loft-experience.configurator:not(.responsive) loft-co-groups, .loft-experience.configurator:not(.responsive) loft-co-options {
    font-size: 0; }
  .loft-experience.configurator:not(.responsive) .list-extender {
    display: none; }
  .loft-experience.configurator:not(.responsive) loft-co-group {
    width: 100%;
    height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px; }
    .loft-experience.configurator:not(.responsive) loft-co-group .group, .loft-experience.configurator:not(.responsive) loft-co-group .group-option {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      padding: 0 40px 0 10px; }
      .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name, .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name-without-pic, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name-without-pic {
        padding: 0 0 0 10px; }
        .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name .group-name, .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name-without-pic .group-name, .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name-without-pic .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name .group-name, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name-without-pic .group-name, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name-without-pic .tile-value {
          width: 100%;
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden; }
        .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group .group-option-name-without-pic .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name .tile-value, .loft-experience.configurator:not(.responsive) loft-co-group .group-option .group-option-name-without-pic .tile-value {
          font-weight: bold;
          font-size: 15px; }
    .loft-experience.configurator:not(.responsive) loft-co-group img {
      height: 40px;
      margin-bottom: 0; }
    .loft-experience.configurator:not(.responsive) loft-co-group:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .loft-experience.configurator:not(.responsive) loft-co-group[selected] {
      color: #2F3941;
      font-weight: 600;
      background-color: #566E811A; }
    .loft-experience.configurator:not(.responsive) loft-co-group[g-type="material"] .thumbnail {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      padding: 2px;
      box-sizing: border-box;
      border-width: 1px;
      border-style: solid; }
      .loft-experience.configurator:not(.responsive) loft-co-group[g-type="material"] .thumbnail img {
        height: 100%;
        border-radius: 50%; }
  .loft-experience.configurator:not(.responsive) loft-co-options {
    display: flex;
    flex-wrap: wrap; }
  .loft-experience.configurator:not(.responsive) loft-co-option {
    cursor: pointer; }
    .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] {
      width: 100%;
      height: 50px;
      box-sizing: border-box;
      position: relative;
      font-size: 12px;
      margin-bottom: 10px;
      padding-top: 0;
      display: flex;
      align-items: center; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements {
        width: 100%;
        justify-content: flex-start;
        box-sizing: border-box;
        position: static;
        transform: unset;
        text-align: left;
        display: flex;
        height: 50px;
        align-items: center;
        flex-direction: row;
        padding: 0 10px; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price, .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic {
          padding: 0 0 0 10px; }
          .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price .option-name, .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic .option-name {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
          .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price .option-price, .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements .option-name-price-without-pic .option-price {
            margin-top: 2px; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"] img {
        height: 40px;
        margin-bottom: 0; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"][g-type="material"] .thumbnail {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        padding: 2px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="List"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%; }
    .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] {
      width: 124px;
      height: 124px;
      margin-left: 12px;
      margin-bottom: 12px; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements img {
          height: 80px;
          margin-top: 0; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name {
          padding: 0 10px; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements .option-price {
          padding: 0 10px; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements .option-price {
          margin-top: 2px; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name {
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements .option-name-price {
          word-break: break-word;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        padding: 4px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        margin: 10px auto; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%;
          margin-top: 0; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 3px; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"]:nth-of-type(2n+1) {
        margin-left: 0; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .loft-selection-elements {
        position: relative; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .option-name-price {
        position: absolute;
        top: 95px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Tiles"] .option-name-price-without-pic {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center; }
    .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"] {
      width: 80px;
      height: 80px;
      box-sizing: border-box;
      margin-left: 10px;
      margin-bottom: 10px; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"]:nth-of-type(3n+1) {
        margin-left: 0; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"] .loft-selection-elements {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"] .loft-selection-elements .option-name, .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"] .loft-selection-elements .option-price {
          display: none; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"] img {
        height: 80px; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .thumbnail {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 3px;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid; }
        .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .thumbnail img {
          height: 100%;
          border-radius: 50%; }
      .loft-experience.configurator:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 2px; }
    .loft-experience.configurator:not(.responsive) loft-co-option[selected] {
      font-weight: 600; }
  .loft-experience.configurator:not(.responsive) .icons-option-desc {
    margin-bottom: 13px; }
    .loft-experience.configurator:not(.responsive) .icons-option-desc p {
      margin: 0;
      padding: 0 20px;
      color: unset; }
    .loft-experience.configurator:not(.responsive) .icons-option-desc .group-value {
      font-weight: 600; }
  .loft-experience.configurator:not(.responsive) .loft-ui.list-mode loft-co-options {
    display: block;
    overflow: auto; }
  .loft-experience.configurator:not(.responsive) .below-model {
    position: unset;
    padding: var(--loft-xp-element-spacing) 0;
    width: 100%;
    text-align: center;
    overflow: hidden; }
  .loft-experience.configurator:not(.responsive) loft-watermark {
    margin: var(--loft-xp-element-spacing) auto 0 auto; }
  .loft-experience.configurator:not(.responsive) .option-description-price-total {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box; }
    .loft-experience.configurator:not(.responsive) .option-description-price-total > loft-price-total {
      font-weight: 600;
      font-size: 16px; }
  .loft-experience.configurator:not(.responsive) loft-co-groups loft-co-group .group-arrow-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translate(0, -50%); }
    .loft-experience.configurator:not(.responsive) loft-co-groups loft-co-group .group-arrow-icon i {
      font-size: 16px;
      color: inherit;
      display: block; }
  .loft-experience.configurator:not(.responsive) .loft-buttons {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px; }
    .loft-experience.configurator:not(.responsive) .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }
  .loft-experience.configurator:not(.responsive) loft-viewer-ar-interactive {
    position: relative;
    display: flex;
    flex-direction: column; }
    .loft-experience.configurator:not(.responsive) loft-viewer-ar-interactive .loft-details {
      position: absolute;
      top: 15px;
      left: 50%;
      right: unset;
      transform: translate(-50%, 0);
      width: 100%; }
    .loft-experience.configurator:not(.responsive) loft-viewer-ar-interactive canvas {
      order: 1; }
  .loft-experience.configurator:not(.responsive) .loft-viewer {
    height: calc(100% - 270px);
    width: 100%;
    left: 0; }
  .loft-experience.configurator:not(.responsive):has(.list-mode) .loft-viewer {
    height: calc(100% - 270px); }
  .loft-experience.configurator:not(.responsive) .loft-ui {
    width: 100%;
    min-height: var(--loft-configurator-loft-ui-min-height);
    padding: 0;
    order: 2;
    right: unset;
    height: unset; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-groups, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-options {
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      flex: none;
      padding: 20px;
      margin-bottom: 0;
      display: flex; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-options {
      flex-wrap: nowrap;
      height: unset;
      width: 100%; }
    .loft-experience.configurator:not(.responsive) .loft-ui.list-mode .list-extender {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      height: 30px; }
      .loft-experience.configurator:not(.responsive) .loft-ui.list-mode .list-extender > i {
        transform: rotate(-90deg); }
    .loft-experience.configurator:not(.responsive) .loft-ui.list-mode loft-co-options {
      overflow-x: auto;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-y: hidden;
      display: flex; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group {
      white-space: initial;
      height: 124px;
      flex: 0 0 124px;
      padding: 0;
      float: unset;
      margin-bottom: 0; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group {
      margin-left: 10px; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group:first-of-type {
        margin-left: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option {
        display: block;
        text-align: center;
        padding: 0 10px; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .thumbnail, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .thumbnail {
          margin: 10px auto; }
          .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .thumbnail img, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .thumbnail img {
            height: 60px; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .group-option-name, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .group-option-name {
          position: absolute;
          top: 95px;
          width: 100%;
          left: 0;
          padding: 0 10px;
          transform: translate(0, -50%);
          box-sizing: border-box; }
          .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .group-option-name .group-name, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .group-option-name .group-name {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
          .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .group-option-name .tile-value, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .group-option-name .tile-value {
            word-break: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group .group-option-name-without-pic, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group .group-option .group-option-name-without-pic {
          transform: translate(0, -50%);
          top: 50%;
          position: absolute;
          width: 100%;
          left: 0;
          padding: 0 10px;
          box-sizing: border-box; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group[g-type="material"] .group .thumbnail {
        margin: 10px auto;
        padding: 3px;
        border-width: 1px;
        border-style: solid;
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        position: relative;
        top: 0;
        transform: unset; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group[g-type="material"] .group .thumbnail img {
          height: 100%; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group[g-type="material"] .group-option .thumbnail {
        margin: 10px auto;
        padding: 3px;
        border-width: 1px;
        border-style: solid;
        width: 60px;
        height: 60px;
        box-sizing: border-box;
        position: unset;
        transform: unset; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-group[g-type="material"] .group-option .thumbnail img {
          height: 100%; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"], .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] {
      height: 124px;
      width: 124px;
      padding-left: 0;
      flex: 0 0 124px;
      margin-left: 12px;
      margin-bottom: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"]:nth-of-type(2n+1), .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"]:nth-of-type(2n+1) {
        margin-left: 12px; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"]:first-of-type, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"]:first-of-type {
        margin-left: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] > *, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] > * {
        height: 100%;
        display: block; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .loft-selection-elements, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .loft-selection-elements {
        position: relative; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .option-name-price, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .option-name-price {
        position: absolute;
        top: 95px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .option-name-price-without-pic, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .option-name-price-without-pic {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        padding: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .option-name, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .option-name {
        padding: 0 10px;
        box-sizing: border-box;
        word-break: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .thumbnail, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .thumbnail {
        margin: 0 auto; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"] .thumbnail img, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"] .thumbnail img {
          height: 80px;
          margin: 0 auto;
          display: block; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"][g-type="material"] .thumbnail, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail {
        width: 60px;
        height: 60px;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
        box-sizing: border-box;
        padding: 4px;
        margin: 10px auto; }
        .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"][g-type="material"] .thumbnail img, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"][g-type="material"] .thumbnail img {
          height: 50px;
          margin-top: 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="List"][g-type="material"][selected] .thumbnail, .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Tiles"][g-type="material"][selected] .thumbnail {
        border-width: 2px;
        border-style: solid;
        padding: 3px; }
    .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Icons"] {
      height: 80px;
      flex: 0 0 80px;
      margin-bottom: 0;
      margin-top: -20px;
      margin-left: 10px; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Icons"]:nth-of-type(3n+1) {
        margin-left: 10px; }
      .loft-experience.configurator:not(.responsive) .loft-ui loft-co-option[presentation="Icons"]:first-of-type {
        margin-left: 0; }
    .loft-experience.configurator:not(.responsive) .loft-ui:first-of-type {
      padding: 0;
      top: var(--loft-configurator-loftui-top);
      height: unset; }
    .loft-experience.configurator:not(.responsive) .loft-ui:last-of-type {
      top: 100%; }
      .loft-experience.configurator:not(.responsive) .loft-ui:last-of-type loft-sidebar-footer {
        cursor: pointer;
        flex: 1;
        align-self: center;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0; }
    .loft-experience.configurator:not(.responsive) .loft-ui .loft-sidebar-scroll {
      height: unset;
      padding: unset; }
    .loft-experience.configurator:not(.responsive) .loft-ui .list-options-contents {
      padding: 0;
      height: unset; }
    .loft-experience.configurator:not(.responsive) .loft-ui .icons-option-desc {
      display: flex;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
      padding: 20px 0; }
      .loft-experience.configurator:not(.responsive) .loft-ui .icons-option-desc p {
        padding: 0;
        font-size: 15px; }
      .loft-experience.configurator:not(.responsive) .loft-ui .icons-option-desc .group-name {
        position: relative;
        padding-right: 10px;
        font-size: 14px; }
        .loft-experience.configurator:not(.responsive) .loft-ui .icons-option-desc .group-name::after {
          position: absolute;
          content: ':';
          right: 0;
          top: 0;
          visibility: visible;
          width: 10px;
          height: 100%; }
  .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .split-screen {
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
    padding: 30px 50px;
    box-sizing: border-box;
    max-width: unset; }
    .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .split-screen p {
      padding-left: 0;
      padding-right: 0; }
  .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .divider {
    flex-direction: row;
    padding: 0;
    margin: var(--spacing-lg) 0; }
  .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .divider .or {
    padding: 0 var(--spacing-ms); }
  .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .v-bar-s, .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .v-bar-n {
    width: unset;
    height: 1px; }
  .loft-experience.configurator:not(.responsive) loft-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    z-index: 3; }
    .loft-experience.configurator:not(.responsive) loft-arrow.hidden {
      display: none; }
  .loft-experience.configurator:not(.responsive) loft-arrow[left] {
    left: 6px; }
  .loft-experience.configurator:not(.responsive) loft-arrow[right] {
    right: 6px;
    transform: translate(0, -50%) rotate(180deg); }
  .loft-experience.configurator:not(.responsive) .arrow-img {
    width: 28px; }
  .loft-experience.configurator:not(.responsive) .list-contents, .loft-experience.configurator:not(.responsive) .list-options-contents {
    position: relative; }
  .loft-experience.configurator:not(.responsive) .below-model {
    position: unset;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-shadow: 0px 0px 6px 0px #0000001A;
    text-align: center;
    padding: var(--loft-xp-element-spacing) 0;
    box-sizing: border-box; }
  .loft-experience.configurator:not(.responsive) .option-description-price-total {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    left: 0;
    transform: unset;
    bottom: var(--loft-configurator-price-total-bottom); }
  .loft-experience.configurator:not(.responsive) .loft-buttons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: -15px; }
    .loft-experience.configurator:not(.responsive) .loft-buttons .loft-button {
      margin: 0 0 var(--loft-xp-element-spacing) 0;
      width: 45.5%; }
      .loft-experience.configurator:not(.responsive) .loft-buttons .loft-button.width-50 {
        min-width: unset; }
  .loft-experience.configurator:not(.responsive) loft-co-groups loft-co-group .group-arrow-icon i {
    display: none; }
  .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal {
    overflow-y: auto;
    display: block; }
    .loft-experience.configurator:not(.responsive) loft-xp-co-share-modal.loft-modal .split-screen {
      position: relative;
      display: block;
      top: unset;
      left: unset;
      transform: unset; }
  .loft-experience.configurator:not(.responsive) .mobile-only {
    display: block; }
  .loft-experience.configurator:not(.responsive) .desktop-only {
    display: none; }
  .loft-experience.configurator .ph.ph-check {
    font-size: 36px; }
  .loft-experience.configurator loft-arrow i.ph {
    color: inherit; }
  .loft-experience.configurator loft-co-group > div {
    width: 96%;
    line-height: 16px; }

/* fallback for browsers that don't support container queries */
.loft-experience.configurator-flat.responsive .mobile-only {
  display: none; }

.loft-experience.configurator-flat.responsive .desktop-only {
  display: block; }

.loft-experience.configurator-flat.responsive .loft-viewer {
  height: 100%;
  width: 138%;
  left: -38%;
  position: relative; }

.loft-experience.configurator-flat.responsive .loft-details {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .loft-experience.configurator-flat.responsive .loft-details.desktop-only {
    position: unset;
    transform: unset; }
  .loft-experience.configurator-flat.responsive .loft-details .logo {
    max-width: 150px;
    max-height: 75px;
    margin-bottom: var(--loft-xp-element-spacing); }
  .loft-experience.configurator-flat.responsive .loft-details loft-title, .loft-experience.configurator-flat.responsive .loft-details loft-description {
    text-align: left; }
  .loft-experience.configurator-flat.responsive .loft-details loft-title {
    padding: 0; }
  .loft-experience.configurator-flat.responsive .loft-details loft-description {
    line-height: 20px;
    padding: 0; }
  .loft-experience.configurator-flat.responsive .loft-details:not(.desktop-only) loft-title, .loft-experience.configurator-flat.responsive .loft-details:not(.desktop-only) loft-description {
    display: none; }
  .loft-experience.configurator-flat.responsive .loft-details.desktop-only loft-title, .loft-experience.configurator-flat.responsive .loft-details.desktop-only loft-description {
    display: block;
    width: 100%; }

.loft-experience.configurator-flat.responsive .loft-ui {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 70%;
  width: 30%;
  box-sizing: border-box;
  transform: translate(0, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2%;
  max-width: 750px; }

.loft-experience.configurator-flat.responsive .group-option-name {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px; }

.loft-experience.configurator-flat.responsive loft-co-group-flat {
  display: block; }
  .loft-experience.configurator-flat.responsive loft-co-group-flat .group-value {
    font-weight: bold; }

.loft-experience.configurator-flat.responsive loft-co-options {
  margin-bottom: 25px; }

.loft-experience.configurator-flat.responsive loft-co-option, .loft-experience.configurator-flat.responsive .loft-button {
  pointer-events: auto; }

.loft-experience.configurator-flat.responsive loft-co-option {
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 15px; }
  .loft-experience.configurator-flat.responsive loft-co-option:last-of-type {
    margin-right: 0; }
  .loft-experience.configurator-flat.responsive loft-co-option .loft-selection-elements {
    box-sizing: border-box;
    line-height: 16px; }
  .loft-experience.configurator-flat.responsive loft-co-option .option-name {
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-right: 10px; }
  .loft-experience.configurator-flat.responsive loft-co-option .option-price {
    margin-right: 10px;
    margin-top: 2px; }
  .loft-experience.configurator-flat.responsive loft-co-option[g-type="material"] {
    width: 30px;
    height: 30px; }
    .loft-experience.configurator-flat.responsive loft-co-option[g-type="material"] img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="material"] {
    width: unset;
    height: unset;
    border-radius: unset; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      padding: 0 0 0 10px; }
      .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements .thumbnail {
        margin-right: 10px;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%; }
        .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements .thumbnail img {
          width: 30px;
          height: 30px;
          border-radius: 50%; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements {
    display: flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
    padding: 0 0 0 10px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .thumbnail {
      margin-right: 10px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements img {
      width: 40px;
      height: 40px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .option-name {
      margin-left: 0;
      margin-right: 10px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .option-price {
      margin-left: 0;
      margin-right: 10px; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] {
    width: 36px;
    height: 36px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements {
      border-radius: 50%;
      width: 100%;
      height: 100%; }
      .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .option-name, .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .option-price {
        display: none; }
      .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .thumbnail {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .thumbnail img {
          width: 26px;
          height: 26px; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"][selected] .loft-selection-elements .thumbnail img, .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="material"]:hover .loft-selection-elements .thumbnail img {
      width: 30px;
      height: 30px; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] {
    box-sizing: border-box; }
    .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements {
      width: 60px;
      height: 60px;
      box-sizing: border-box; }
      .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .thumbnail {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .thumbnail img {
          width: 56px; }
      .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .option-name, .loft-experience.configurator-flat.responsive loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .option-price {
        display: none; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="List"] img {
    display: none; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="List"] .loft-selection-elements {
    padding: 0 0 0 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .loft-experience.configurator-flat.responsive loft-co-option[presentation="List"][g-type="material"] {
    width: unset;
    height: unset; }

.loft-experience.configurator-flat.responsive .below-model {
  display: block; }

.loft-experience.configurator-flat.responsive .loft-buttons {
  margin-top: 15px;
  display: block; }
  .loft-experience.configurator-flat.responsive .loft-buttons .loft-button {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    display: block; }
    .loft-experience.configurator-flat.responsive .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }

.loft-experience.configurator-flat.responsive .option-description-price-total {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
  font-size: 14px;
  padding: 0 10px;
  width: 40%;
  text-align: center; }
  .loft-experience.configurator-flat.responsive .option-description-price-total > loft-price-total {
    font-weight: 600;
    font-size: 16px; }

@container (max-width:799px) {
  .loft-experience.configurator-flat.responsive .mobile-only {
    display: -webkit-box; }
  .loft-experience.configurator-flat.responsive .desktop-only {
    display: none; }
  .loft-experience.configurator-flat.responsive .loft-details {
    position: absolute;
    width: 100%;
    top: calc(27.7% + 15px);
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .loft-experience.configurator-flat.responsive .loft-details loft-title {
      margin-bottom: var(--loft-xp-element-spacing);
      word-break: break-word;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      display: block;
      text-align: center;
      padding: 0 30px; }
    .loft-experience.configurator-flat.responsive .loft-details loft-description {
      word-break: break-word;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      padding: 0 30px; }
    .loft-experience.configurator-flat.responsive .loft-details:not(.desktop-only) loft-title, .loft-experience.configurator-flat.responsive .loft-details:not(.desktop-only) loft-description {
      display: block; }
    .loft-experience.configurator-flat.responsive .loft-details.desktop-only loft-title, .loft-experience.configurator-flat.responsive .loft-details.desktop-only loft-description {
      display: none; }
  .loft-experience.configurator-flat.responsive loft-co-options {
    margin-bottom: var(--loft-xp-element-spacing); }
  .loft-experience.configurator-flat.responsive .loft-viewer {
    height: 138%;
    left: unset;
    width: 100%;
    top: -38%;
    margin-left: 0;
    position: absolute; }
  .loft-experience.configurator-flat.responsive .loft-ui {
    height: unset;
    box-shadow: unset;
    left: 0;
    top: unset;
    padding: 0;
    bottom: 0;
    width: 100%;
    transform: unset;
    box-shadow: 0px 0px 6px 0px #0000001A;
    max-width: unset; }
  .loft-experience.configurator-flat.responsive #logo-container {
    left: 30px;
    margin-top: 30px; }
  .loft-experience.configurator-flat.responsive #logo-container {
    height: 30px; }
  .loft-experience.configurator-flat.responsive #logo-container > div {
    padding-left: 15px; }
  .loft-experience.configurator-flat.responsive loft-co-groups, .loft-experience.configurator-flat.responsive loft-co-groups-flat {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box; }
  .loft-experience.configurator-flat.responsive loft-co-options {
    display: flex;
    flex-wrap: wrap; }
  .loft-experience.configurator-flat.responsive .below-model {
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    justify-content: center;
    box-shadow: 0px 0px 6px 0px #0000001A;
    padding: var(--loft-xp-element-spacing) 0 0 0;
    box-sizing: border-box;
    align-items: center; }
  .loft-experience.configurator-flat.responsive .loft-buttons {
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
    align-items: center;
    width: 100%; }
    .loft-experience.configurator-flat.responsive .loft-buttons loft-viewer-ar-button {
      margin-top: 0; }
    .loft-experience.configurator-flat.responsive .loft-buttons .loft-button {
      margin: 0 0 var(--loft-xp-element-spacing) 0;
      width: 45.5%; }
      .loft-experience.configurator-flat.responsive .loft-buttons .loft-button.width-50 {
        min-width: unset; }
  .loft-experience.configurator-flat.responsive loft-watermark {
    margin-bottom: var(--loft-xp-element-spacing); }
  .loft-experience.configurator-flat.responsive .option-description-price-total {
    position: absolute;
    bottom: var(--loft-flat-configurator-price-total-bottom);
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box; } }

@container (max-height:600px) and (max-width:799px) {
  .loft-experience.configurator-flat.responsive .loft-viewer {
    height: 144%;
    top: -44%; } }

.loft-experience.configurator-flat:not(.responsive) .mobile-only {
  display: -webkit-box; }

.loft-experience.configurator-flat:not(.responsive) .desktop-only {
  display: none; }

.loft-experience.configurator-flat:not(.responsive) .loft-viewer {
  height: 100%;
  width: 138%;
  left: -38%;
  position: relative; }

.loft-experience.configurator-flat:not(.responsive) .loft-details {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details.desktop-only {
    position: unset;
    transform: unset; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details .logo {
    max-width: 150px;
    max-height: 75px;
    margin-bottom: var(--loft-xp-element-spacing); }
  .loft-experience.configurator-flat:not(.responsive) .loft-details loft-title, .loft-experience.configurator-flat:not(.responsive) .loft-details loft-description {
    text-align: left; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details loft-title {
    padding: 0; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details loft-description {
    line-height: 20px;
    padding: 0; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details:not(.desktop-only) loft-title, .loft-experience.configurator-flat:not(.responsive) .loft-details:not(.desktop-only) loft-description {
    display: none; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details.desktop-only loft-title, .loft-experience.configurator-flat:not(.responsive) .loft-details.desktop-only loft-description {
    display: block;
    width: 100%; }

.loft-experience.configurator-flat:not(.responsive) .loft-ui {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 70%;
  width: 30%;
  box-sizing: border-box;
  transform: translate(0, -50%);
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2%;
  max-width: 750px; }

.loft-experience.configurator-flat:not(.responsive) .group-option-name {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px; }

.loft-experience.configurator-flat:not(.responsive) loft-co-group-flat {
  display: block; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-group-flat .group-value {
    font-weight: bold; }

.loft-experience.configurator-flat:not(.responsive) loft-co-options {
  margin-bottom: 25px; }

.loft-experience.configurator-flat:not(.responsive) loft-co-option, .loft-experience.configurator-flat:not(.responsive) .loft-button {
  pointer-events: auto; }

.loft-experience.configurator-flat:not(.responsive) loft-co-option {
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 15px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option:last-of-type {
    margin-right: 0; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option .loft-selection-elements {
    box-sizing: border-box;
    line-height: 16px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option .option-name {
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-right: 10px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option .option-price {
    margin-right: 10px;
    margin-top: 2px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[g-type="material"] {
    width: 30px;
    height: 30px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[g-type="material"] img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] {
    width: unset;
    height: unset;
    border-radius: unset; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      padding: 0 0 0 10px; }
      .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements .thumbnail {
        margin-right: 10px;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%; }
        .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="material"] .loft-selection-elements .thumbnail img {
          width: 30px;
          height: 30px;
          border-radius: 50%; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements {
    display: flex;
    align-items: center;
    height: 50px;
    box-sizing: border-box;
    padding: 0 0 0 10px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .thumbnail {
      margin-right: 10px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements img {
      width: 40px;
      height: 40px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .option-name {
      margin-left: 0;
      margin-right: 10px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Tiles"][g-type="object"] .loft-selection-elements .option-price {
      margin-left: 0;
      margin-right: 10px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] {
    width: 36px;
    height: 36px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements {
      border-radius: 50%;
      width: 100%;
      height: 100%; }
      .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .option-name, .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .option-price {
        display: none; }
      .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .thumbnail {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
        .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"] .loft-selection-elements .thumbnail img {
          width: 26px;
          height: 26px; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"][selected] .loft-selection-elements .thumbnail img, .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="material"]:hover .loft-selection-elements .thumbnail img {
      width: 30px;
      height: 30px; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] {
    box-sizing: border-box; }
    .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements {
      width: 60px;
      height: 60px;
      box-sizing: border-box; }
      .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .thumbnail {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .thumbnail img {
          width: 56px; }
      .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .option-name, .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="Icons"][g-type="object"] .loft-selection-elements .option-price {
        display: none; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="List"] img {
    display: none; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="List"] .loft-selection-elements {
    padding: 0 0 0 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .loft-experience.configurator-flat:not(.responsive) loft-co-option[presentation="List"][g-type="material"] {
    width: unset;
    height: unset; }

.loft-experience.configurator-flat:not(.responsive) .below-model {
  display: block; }

.loft-experience.configurator-flat:not(.responsive) .loft-buttons {
  margin-top: 15px;
  display: block; }
  .loft-experience.configurator-flat:not(.responsive) .loft-buttons .loft-button {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    display: block; }
    .loft-experience.configurator-flat:not(.responsive) .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }

.loft-experience.configurator-flat:not(.responsive) .option-description-price-total {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
  font-size: 14px;
  padding: 0 10px;
  width: 40%;
  text-align: center; }
  .loft-experience.configurator-flat:not(.responsive) .option-description-price-total > loft-price-total {
    font-weight: 600;
    font-size: 16px; }

.loft-experience.configurator-flat:not(.responsive) .loft-details {
  position: absolute;
  width: 100%;
  top: calc(27.7% + 15px);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details loft-title {
    margin-bottom: var(--loft-xp-element-spacing);
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 0 30px; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details loft-description {
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 30px; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details:not(.desktop-only) loft-title, .loft-experience.configurator-flat:not(.responsive) .loft-details:not(.desktop-only) loft-description {
    display: block; }
  .loft-experience.configurator-flat:not(.responsive) .loft-details.desktop-only loft-title, .loft-experience.configurator-flat:not(.responsive) .loft-details.desktop-only loft-description {
    display: none; }

.loft-experience.configurator-flat:not(.responsive) loft-co-options {
  margin-bottom: var(--loft-xp-element-spacing); }

.loft-experience.configurator-flat:not(.responsive) .loft-viewer {
  height: 138%;
  left: unset;
  width: 100%;
  top: -38%;
  margin-left: 0;
  position: absolute; }

.loft-experience.configurator-flat:not(.responsive) .loft-ui {
  height: unset;
  box-shadow: unset;
  left: 0;
  top: unset;
  padding: 0;
  bottom: 0;
  width: 100%;
  transform: unset;
  box-shadow: 0px 0px 6px 0px #0000001A;
  max-width: unset; }

.loft-experience.configurator-flat:not(.responsive) #logo-container {
  left: 30px;
  margin-top: 30px; }

.loft-experience.configurator-flat:not(.responsive) #logo-container {
  height: 30px; }

.loft-experience.configurator-flat:not(.responsive) #logo-container > div {
  padding-left: 15px; }

.loft-experience.configurator-flat:not(.responsive) loft-co-groups, .loft-experience.configurator-flat:not(.responsive) loft-co-groups-flat {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box; }

.loft-experience.configurator-flat:not(.responsive) loft-co-options {
  display: flex;
  flex-wrap: wrap; }

.loft-experience.configurator-flat:not(.responsive) .below-model {
  display: flex;
  flex-wrap: wrap;
  align-content: space-evenly;
  justify-content: center;
  box-shadow: 0px 0px 6px 0px #0000001A;
  padding: var(--loft-xp-element-spacing) 0 0 0;
  box-sizing: border-box;
  align-items: center; }

.loft-experience.configurator-flat:not(.responsive) .loft-buttons {
  display: flex;
  margin-top: 0;
  flex-wrap: wrap;
  align-content: space-evenly;
  justify-content: space-evenly;
  align-items: center;
  width: 100%; }
  .loft-experience.configurator-flat:not(.responsive) .loft-buttons loft-viewer-ar-button {
    margin-top: 0; }
  .loft-experience.configurator-flat:not(.responsive) .loft-buttons .loft-button {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    width: 45.5%; }
    .loft-experience.configurator-flat:not(.responsive) .loft-buttons .loft-button.width-50 {
      min-width: unset; }

.loft-experience.configurator-flat:not(.responsive) loft-watermark {
  margin-bottom: var(--loft-xp-element-spacing); }

.loft-experience.configurator-flat:not(.responsive) .option-description-price-total {
  position: absolute;
  bottom: var(--loft-flat-configurator-price-total-bottom);
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding: 0 30px;
  box-sizing: border-box; }

.loft-experience.configurator-flat loft-watermark {
  text-align: left; }

.loft-experience.configurator-flat p {
  color: inherit; }

.loft-experience.product-selector.view-experience.responsive loft-xp-share-button {
  display: none; }

.loft-experience.product-selector.view-experience.responsive .loft-details {
  left: 50%;
  width: 100%; }

.loft-experience.product-selector.view-experience.responsive loft-carousel {
  display: flex;
  overflow: hidden;
  position: relative; }
  .loft-experience.product-selector.view-experience.responsive loft-carousel .loft-viewer {
    width: calc(100% - 300px);
    text-align: center;
    position: relative;
    height: 100%;
    top: 0;
    left: 0; }
    .loft-experience.product-selector.view-experience.responsive loft-carousel .loft-viewer > div {
      position: absolute;
      width: 100%; }

.loft-experience.product-selector.view-experience.responsive .above-model {
  top: 15px; }

.loft-experience.product-selector.view-experience.responsive .below-model {
  overflow: hidden;
  position: absolute;
  top: unset;
  right: var(--loft-product-selector-below-model-right);
  bottom: 15px;
  width: var(--loft-product-selector-below-model-width);
  bottom: 15px; }
  .loft-experience.product-selector.view-experience.responsive .below-model p {
    padding-top: 0;
    font-size: 14px;
    margin: 0 auto var(--loft-xp-element-spacing) auto;
    padding: 0 10px;
    display: block; }

.loft-experience.product-selector.view-experience.responsive .loft-buttons {
  display: block;
  margin-bottom: 0;
  position: relative; }
  .loft-experience.product-selector.view-experience.responsive .loft-buttons .loft-button {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
    margin: 0;
    margin-bottom: 15px; }
    .loft-experience.product-selector.view-experience.responsive .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }

.loft-experience.product-selector.view-experience.responsive .loft-ui {
  box-shadow: 0px 0px 6px 0px #0000001A;
  left: 100%;
  top: unset;
  box-sizing: content-box; }

.loft-experience.product-selector.view-experience.responsive .list-contents {
  flex: 1;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  padding: 20px 0 20px 0;
  box-sizing: border-box;
  height: 100%; }

.loft-experience.product-selector.view-experience.responsive .asset-list-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.loft-experience.product-selector.view-experience.responsive loft-asset-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 14px 0 20px;
  align-content: flex-start; }

.loft-experience.product-selector.view-experience.responsive loft-asset-tile {
  display: inline-block;
  flex: 0 0 124px;
  height: 124px;
  padding: 0;
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 12px; }
  .loft-experience.product-selector.view-experience.responsive loft-asset-tile img {
    height: 80px;
    width: auto;
    margin: 10px auto; }
  .loft-experience.product-selector.view-experience.responsive loft-asset-tile .tile-value {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .loft-experience.product-selector.view-experience.responsive loft-asset-tile[selected='true'] .tile-value {
    font-weight: 600; }
  .loft-experience.product-selector.view-experience.responsive loft-asset-tile:nth-of-type(2n+1) {
    margin-left: 0; }

.loft-experience.product-selector.view-experience.responsive loft-sidebar-footer {
  padding: 20px 0 50px;
  text-align: center;
  position: relative; }

.loft-experience.product-selector.view-experience.responsive .prompt-text {
  font-size: 12px;
  font-weight: 500;
  color: black;
  margin-bottom: 15px; }

.loft-experience.product-selector.view-experience.responsive .scroll-prompt {
  opacity: 0.4; }

.loft-experience.product-selector.view-experience.responsive .if-overflow {
  display: none; }

.loft-experience.product-selector.view-experience.responsive loft-watermark {
  position: relative;
  bottom: unset;
  right: unset;
  margin: 0 auto; }

.loft-experience.product-selector.view-experience.responsive .more-products {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
  display: none; }

.loft-experience.product-selector.view-experience.responsive .mobile-only {
  display: none; }

.loft-experience.product-selector.view-experience.responsive .desktop-only {
  display: block; }

@container (max-width:799px) {
  .loft-experience.product-selector.view-experience.responsive loft-carousel {
    display: block;
    overflow: hidden; }
    .loft-experience.product-selector.view-experience.responsive loft-carousel .loft-viewer {
      width: 100%;
      height: calc(100% - 270px);
      top: 0;
      overflow: visible;
      display: flex;
      flex-direction: column; }
      .loft-experience.product-selector.view-experience.responsive loft-carousel .loft-viewer canvas {
        order: 1; }
  .loft-experience.product-selector.view-experience.responsive .above-model {
    top: 15px; }
  .loft-experience.product-selector.view-experience.responsive .below-model {
    position: unset;
    right: unset;
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 6px 0px #0000001A;
    padding: var(--loft-xp-element-spacing) 0;
    box-sizing: border-box;
    justify-content: center; }
  .loft-experience.product-selector.view-experience.responsive .loft-buttons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-self: center;
    width: 100%;
    margin-bottom: 0; }
    .loft-experience.product-selector.view-experience.responsive .loft-buttons .loft-button {
      margin: 0 0 var(--loft-xp-element-spacing) 0;
      width: 45.5%;
      position: unset;
      left: unset;
      transform: unset; }
      .loft-experience.product-selector.view-experience.responsive .loft-buttons .loft-button.width-50 {
        min-width: unset; }
  .loft-experience.product-selector.view-experience.responsive loft-asset-tile {
    display: inline-block;
    flex: 0 0 124px;
    height: 124px;
    padding: 0;
    position: relative;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0; }
    .loft-experience.product-selector.view-experience.responsive loft-asset-tile img {
      height: 80px;
      width: auto;
      margin: 10px auto; }
    .loft-experience.product-selector.view-experience.responsive loft-asset-tile .tile-value {
      font-size: 12px;
      font-weight: 400;
      margin: 0;
      position: absolute;
      top: 95px;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 0 10px;
      box-sizing: border-box;
      width: 100%;
      word-break: break-word;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .loft-experience.product-selector.view-experience.responsive loft-asset-tile:nth-of-type(2n+1) {
      margin-top: 0;
      margin-right: 10px;
      margin-bottom: 0;
      margin-left: 0; }
  .loft-experience.product-selector.view-experience.responsive .loft-ui {
    width: 100%;
    height: unset;
    position: relative;
    left: unset;
    top: var(--loft-product-selector-loft-ui-top);
    bottom: unset;
    order: 2; }
  .loft-experience.product-selector.view-experience.responsive .asset-list {
    display: block;
    height: auto;
    position: relative; }
  .loft-experience.product-selector.view-experience.responsive .list-contents {
    overflow: hidden;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: unset; }
    .loft-experience.product-selector.view-experience.responsive .list-contents.linear-gradient::after {
      width: 40px;
      height: 100%;
      content: '';
      visibility: visible;
      position: absolute;
      top: 0;
      right: 0;
      background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
  .loft-experience.product-selector.view-experience.responsive .footer {
    position: absolute;
    bottom: 0; }
  .loft-experience.product-selector.view-experience.responsive .scroll-fade, .loft-experience.product-selector.view-experience.responsive .scroll-prompt {
    display: none; }
  .loft-experience.product-selector.view-experience.responsive .loft-details {
    position: relative; }
  .loft-experience.product-selector.view-experience.responsive loft-watermark {
    position: relative;
    bottom: unset;
    right: unset;
    margin: 0 auto; }
  .loft-experience.product-selector.view-experience.responsive loft-description {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center; }
    .loft-experience.product-selector.view-experience.responsive loft-description.mobile-only {
      bottom: var(--loft-product-selector-mobile-description-bottom); }
  .loft-experience.product-selector.view-experience.responsive loft-asset-list {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin-left: 0;
    transition: margin-left 0.5s ease-in-out;
    padding: 20px 10px 20px 20px;
    overflow-x: auto;
    overflow-y: hidden;
    height: unset; }
  .loft-experience.product-selector.view-experience.responsive .more-products {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none; }
  .loft-experience.product-selector.view-experience.responsive loft-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    display: block; }
    .loft-experience.product-selector.view-experience.responsive loft-arrow.hidden {
      display: none; }
  .loft-experience.product-selector.view-experience.responsive loft-arrow[left] {
    left: 6px; }
  .loft-experience.product-selector.view-experience.responsive loft-arrow[right] {
    right: 6px;
    transform: translate(0, -50%) rotate(180deg); }
  .loft-experience.product-selector.view-experience.responsive .arrow-img {
    width: 28px; }
  .loft-experience.product-selector.view-experience.responsive .mobile-only {
    display: block; }
  .loft-experience.product-selector.view-experience.responsive .desktop-only {
    display: none; } }

.loft-experience.product-selector.view-experience:not(.responsive) loft-xp-share-button {
  display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-details {
  left: 50%;
  width: 100%; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-carousel {
  display: flex;
  overflow: hidden;
  position: relative; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-carousel .loft-viewer {
    width: calc(100% - 300px);
    text-align: center;
    position: relative;
    height: 100%;
    top: 0;
    left: 0; }
    .loft-experience.product-selector.view-experience:not(.responsive) loft-carousel .loft-viewer > div {
      position: absolute;
      width: 100%; }

.loft-experience.product-selector.view-experience:not(.responsive) .above-model {
  top: 15px; }

.loft-experience.product-selector.view-experience:not(.responsive) .below-model {
  overflow: hidden;
  position: absolute;
  top: unset;
  right: var(--loft-product-selector-below-model-right);
  bottom: 15px;
  width: var(--loft-product-selector-below-model-width);
  bottom: 15px; }
  .loft-experience.product-selector.view-experience:not(.responsive) .below-model p {
    padding-top: 0;
    font-size: 14px;
    margin: 0 auto var(--loft-xp-element-spacing) auto;
    padding: 0 10px;
    display: block; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons {
  display: block;
  margin-bottom: 0;
  position: relative; }
  .loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons .loft-button {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
    margin: 0;
    margin-bottom: 15px; }
    .loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons .loft-button.width-100 {
      width: 100%;
      min-width: unset; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-ui {
  box-shadow: 0px 0px 6px 0px #0000001A;
  left: 100%;
  top: unset;
  box-sizing: content-box; }

.loft-experience.product-selector.view-experience:not(.responsive) .list-contents {
  flex: 1;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  padding: 20px 0 20px 0;
  box-sizing: border-box;
  height: 100%; }

.loft-experience.product-selector.view-experience:not(.responsive) .asset-list-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-asset-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 14px 0 20px;
  align-content: flex-start; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile {
  display: inline-block;
  flex: 0 0 124px;
  height: 124px;
  padding: 0;
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 12px; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile img {
    height: 80px;
    width: auto;
    margin: 10px auto; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile .tile-value {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile[selected='true'] .tile-value {
    font-weight: 600; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile:nth-of-type(2n+1) {
    margin-left: 0; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-sidebar-footer {
  padding: 20px 0 50px;
  text-align: center;
  position: relative; }

.loft-experience.product-selector.view-experience:not(.responsive) .prompt-text {
  font-size: 12px;
  font-weight: 500;
  color: black;
  margin-bottom: 15px; }

.loft-experience.product-selector.view-experience:not(.responsive) .scroll-prompt {
  opacity: 0.4; }

.loft-experience.product-selector.view-experience:not(.responsive) .if-overflow {
  display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-watermark {
  position: relative;
  bottom: unset;
  right: unset;
  margin: 0 auto; }

.loft-experience.product-selector.view-experience:not(.responsive) .more-products {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
  display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-carousel {
  display: block;
  overflow: hidden; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-carousel .loft-viewer {
    width: 100%;
    height: calc(100% - 270px);
    top: 0;
    overflow: visible;
    display: flex;
    flex-direction: column; }
    .loft-experience.product-selector.view-experience:not(.responsive) loft-carousel .loft-viewer canvas {
      order: 1; }

.loft-experience.product-selector.view-experience:not(.responsive) .above-model {
  top: 15px; }

.loft-experience.product-selector.view-experience:not(.responsive) .below-model {
  position: unset;
  right: unset;
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 6px 0px #0000001A;
  padding: var(--loft-xp-element-spacing) 0;
  box-sizing: border-box;
  justify-content: center; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-self: center;
  width: 100%;
  margin-bottom: 0; }
  .loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons .loft-button {
    margin: 0 0 var(--loft-xp-element-spacing) 0;
    width: 45.5%;
    position: unset;
    left: unset;
    transform: unset; }
    .loft-experience.product-selector.view-experience:not(.responsive) .loft-buttons .loft-button.width-50 {
      min-width: unset; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile {
  display: inline-block;
  flex: 0 0 124px;
  height: 124px;
  padding: 0;
  position: relative;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 0; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile img {
    height: 80px;
    width: auto;
    margin: 10px auto; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile .tile-value {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-asset-tile:nth-of-type(2n+1) {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-ui {
  width: 100%;
  height: unset;
  position: relative;
  left: unset;
  top: var(--loft-product-selector-loft-ui-top);
  bottom: unset;
  order: 2; }

.loft-experience.product-selector.view-experience:not(.responsive) .asset-list {
  display: block;
  height: auto;
  position: relative; }

.loft-experience.product-selector.view-experience:not(.responsive) .list-contents {
  overflow: hidden;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: unset; }
  .loft-experience.product-selector.view-experience:not(.responsive) .list-contents.linear-gradient::after {
    width: 40px;
    height: 100%;
    content: '';
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }

.loft-experience.product-selector.view-experience:not(.responsive) .footer {
  position: absolute;
  bottom: 0; }

.loft-experience.product-selector.view-experience:not(.responsive) .scroll-fade, .loft-experience.product-selector.view-experience:not(.responsive) .scroll-prompt {
  display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) .loft-details {
  position: relative; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-watermark {
  position: relative;
  bottom: unset;
  right: unset;
  margin: 0 auto; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-description {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-description.mobile-only {
    bottom: var(--loft-product-selector-mobile-description-bottom); }

.loft-experience.product-selector.view-experience:not(.responsive) loft-asset-list {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  margin-left: 0;
  transition: margin-left 0.5s ease-in-out;
  padding: 20px 10px 20px 20px;
  overflow-x: auto;
  overflow-y: hidden;
  height: unset; }

.loft-experience.product-selector.view-experience:not(.responsive) .more-products {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  display: block; }
  .loft-experience.product-selector.view-experience:not(.responsive) loft-arrow.hidden {
    display: none; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-arrow[left] {
  left: 6px; }

.loft-experience.product-selector.view-experience:not(.responsive) loft-arrow[right] {
  right: 6px;
  transform: translate(0, -50%) rotate(180deg); }

.loft-experience.product-selector.view-experience:not(.responsive) .arrow-img {
  width: 28px; }

.loft-experience.product-selector.view-experience:not(.responsive) .mobile-only {
  display: block; }

.loft-experience.product-selector.view-experience:not(.responsive) .desktop-only {
  display: none; }

.product-selector .loft-ui {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px; }

.product-selector .scroll-fade {
  position: absolute;
  pointer-events: none;
  top: -50px;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to bottom, rgba(200, 201, 199, 0), #c8c9c7); }

.product-selector[theme] .scroll-fade {
  display: none !important; }

.loft-experience.gallery {
  position: relative;
  padding: var(--loft-xp-element-spacing);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden; }
  .loft-experience.gallery.responsive .middle {
    height: calc(100% - 32px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto; }
  .loft-experience.gallery.responsive .loft-details img.logo, .loft-experience.gallery.responsive .loft-details loft-title {
    margin-bottom: 30px; }
  .loft-experience.gallery.responsive .loft-details loft-title {
    padding: 0 15px; }
  .loft-experience.gallery.responsive loft-asset-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-top: -10px; }
  .loft-experience.gallery.responsive loft-asset-tile {
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    margin: 10px;
    padding: 0;
    display: block;
    position: relative; }
    .loft-experience.gallery.responsive loft-asset-tile img {
      height: 120px;
      width: auto; }
  .loft-experience.gallery.responsive .tile-value {
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 130px;
    left: 0;
    transform: translate(0, -50%); }
  .loft-experience.gallery.responsive loft-tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px -5px 30px -5px; }
    .loft-experience.gallery.responsive loft-tag-list:empty {
      margin-bottom: 0; }
  .loft-experience.gallery.responsive loft-tag .loft-button {
    min-width: 70px;
    height: unset;
    line-height: 1;
    width: unset;
    padding: 12px 20px;
    margin: 5px; }
  .loft-experience.gallery.responsive loft-watermark {
    position: absolute;
    bottom: var(--loft-xp-element-spacing);
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  .loft-experience.gallery.responsive loft-search-input {
    margin: 0 auto 30px auto;
    width: 100%; }
  .loft-experience.gallery.responsive .search-bar {
    margin: 0 auto; }
    .loft-experience.gallery.responsive .search-bar input {
      outline: none;
      border: none;
      font-size: 16px;
      width: 100%; }

@container (max-width:799px) {
  .loft-experience.gallery.responsive loft-asset-tile {
    width: 140px;
    height: 140px; }
  .loft-experience.gallery.responsive .tile-value {
    top: 110px; } }
  .loft-experience.gallery:not(.responsive) .middle {
    height: calc(100% - 32px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto; }
  .loft-experience.gallery:not(.responsive) .loft-details img.logo, .loft-experience.gallery:not(.responsive) .loft-details loft-title {
    margin-bottom: 30px; }
  .loft-experience.gallery:not(.responsive) .loft-details loft-title {
    padding: 0 15px; }
  .loft-experience.gallery:not(.responsive) loft-asset-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-top: -10px; }
  .loft-experience.gallery:not(.responsive) loft-asset-tile {
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    margin: 10px;
    padding: 0;
    display: block;
    position: relative; }
    .loft-experience.gallery:not(.responsive) loft-asset-tile img {
      height: 120px;
      width: auto; }
  .loft-experience.gallery:not(.responsive) .tile-value {
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 130px;
    left: 0;
    transform: translate(0, -50%); }
  .loft-experience.gallery:not(.responsive) loft-tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px -5px 30px -5px; }
    .loft-experience.gallery:not(.responsive) loft-tag-list:empty {
      margin-bottom: 0; }
  .loft-experience.gallery:not(.responsive) loft-tag .loft-button {
    min-width: 70px;
    height: unset;
    line-height: 1;
    width: unset;
    padding: 12px 20px;
    margin: 5px; }
  .loft-experience.gallery:not(.responsive) loft-watermark {
    position: absolute;
    bottom: var(--loft-xp-element-spacing);
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  .loft-experience.gallery:not(.responsive) loft-search-input {
    margin: 0 auto 30px auto;
    width: 100%; }
  .loft-experience.gallery:not(.responsive) .search-bar {
    margin: 0 auto; }
    .loft-experience.gallery:not(.responsive) .search-bar input {
      outline: none;
      border: none;
      font-size: 16px;
      width: 100%; }
  .loft-experience.gallery:not(.responsive) loft-asset-tile {
    width: 140px;
    height: 140px; }
  .loft-experience.gallery:not(.responsive) .tile-value {
    top: 110px; }

.loft-experience .theme-viewer-font-color::-webkit-scrollbar-track, .loft-experience .theme-viewer-font-color *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0); }

.loft-experience .theme-viewer-font-color::-webkit-scrollbar, .loft-experience .theme-viewer-font-color *::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px; }

.loft-experience .theme-viewer-font-color::-webkit-scrollbar-thumb, .loft-experience .theme-viewer-font-color *::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: var(--viewer-font-color-half-transparent);
  cursor: pointer; }

.loft-experience .panel-or-popup::-webkit-scrollbar-track, .loft-experience .panel-or-popup *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0); }

.loft-experience .panel-or-popup::-webkit-scrollbar, .loft-experience .panel-or-popup *::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px; }

.loft-experience .panel-or-popup::-webkit-scrollbar-thumb, .loft-experience .panel-or-popup *::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: var(--ui-font-color-half-transparent);
  cursor: pointer; }

.loft-experience::-webkit-scrollbar-track, .loft-experience *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0); }

.loft-experience::-webkit-scrollbar, .loft-experience *::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px; }

.loft-experience::-webkit-scrollbar-thumb, .loft-experience *::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: var(--experience-font-color-half-transparent);
  cursor: pointer; }