@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import '../fonts/Marselis Pro/stylesheet.css';
.reveal-calculator {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.reveal-calculator[data-lf="2"] .wall-system-bottom {
  flex-direction: column-reverse;
}

.reveal-calculator[data-lf="2"] .reveal-width {
  margin-bottom: 40px;
}

.reveal-calculator .reveal-calculator__header {
  display: flex;
  justify-content: center;
  margin: 0 -10px 40px;
}

.reveal-calculator .reveal-calculator__header-item {
  width: 33.333%;
  flex: 1;
  padding: 0 10px;
  margin-bottom: 20px;
}

.reveal-calculator .reveal-calculator__content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-radius: 4px;
  padding: 16px;
}

.reveal-calculator .reveal-calculator__content-inner {
  padding: 16px 0;
  position: relative;
}

.reveal-calculator_nanoperf .reveal-calculator__content-inner,
.reveal-calculator_acoustics .reveal-calculator__content-inner {
  overflow-x: hidden;
}

#modalSize .reveal-calculator_hybrids .reveal-calculator__content-inner {
  overflow-x: visible;
}

/*start data-id="calc-main"*/
.reveal-calculator[data-id=calc-main] {
  justify-content: center;
}

.reveal-calculator_hybrids[data-id=calc-main] {
  justify-content: flex-start;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .reveal-calculator__content {
  max-width: 100%;
  justify-content: center;
}

.reveal-calculator[data-id=calc-main] .wall-system-top {
  margin-bottom: 10px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .wall-system-top {
  margin-bottom: 0;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .reveal-width {
  margin-bottom: 20px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .wall-system-bottom {
  margin-bottom: 0;
}

.reveal-calculator[data-id=calc-main][data-lf="2"][data-depth="3"] .wall-system-bottom {
  margin-top: -15px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"][data-depth="4"] .wall-system-bottom {
  margin-top: -18px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .wall-system-bottom .linear-dimensions__info {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .wall-system-bottom .linear-dimensions__name {
  margin-bottom: 0;
}

.reveal-calculator[data-id=calc-main] .linear-dimensions__name {
  margin-bottom: 10px;
}

.reveal-calculator[data-id=calc-main][data-lf="2"] .linear-dimensions__line {
  margin-bottom: 10px;
}

/*end*/
.reveal-calculator_grilles[data-id=calc-main][data-lf="2"][data-depth="6"] .wall-system-top {
  margin-bottom: 10px;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="2"][data-depth="6"] .wall-system-bottom {
  margin-top: -104px;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="2"][data-depth="6"] .wall-system-bottom .linear-dimensions {
  display: flex;
  flex-direction: column-reverse;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="2"][data-depth="6"] .wall-system-bottom .linear-dimensions__line {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
  .reveal-calculator_grilles[data-id=calc-main][data-lf="3"] .linear-dimensions__name {
    font-size: 12px;
  }
}
@media screen and (max-width: 1300px) {
  .reveal-calculator_grilles[data-id=calc-main][data-lf="3"] .linear-dimensions__name {
    font-size: 11px;
  }
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .wall-system-top {
  margin-bottom: 10px;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .wall-system-bottom {
  margin-top: -67px;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .wall-system-bottom .linear-dimensions {
  display: flex;
  flex-direction: column-reverse;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .wall-system-bottom .linear-dimensions__line {
  margin-top: 10px;
  margin-bottom: 0;
}
.reveal-calculator[data-id=calc-main] {
  display: block;
  width: 100%;
  height: 100%;
}
.reveal-calculator[data-id=calc-main] .reveal-calculator__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.reveal-calculator[data-id=calc-main] .reveal-calculator__content-inner {
  padding: 0;
}
.reveal-calculator_nanoperf[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_hybrids[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_acoustics[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_grilles[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_linears[data-id=calc-main] .reveal-calculator__content-inner {
  width: 95%;
}
.reveal-calculator_nanoperf[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_acoustics[data-id=calc-main] .reveal-calculator__content-inner {
  padding: 16px 0;
}

.reveal-calculator .wall-system-top {
  display: flex;
  margin-bottom: 20px;
}

.reveal-calculator .wall-system-bottom {
  display: flex;
  margin-left: 134px;
}

.reveal-calculator[data-lf="2"] .wall-system-bottom {
  flex-direction: column-reverse;
}

.reveal-calculator .wall-system-bottom.vertical {
  flex-direction: column;
}

.reveal-calculator .wall-system-bottom.vertical .linear-dimensions-spacing {
  margin-bottom: 40px;
}

.reveal-calculator .linear-dimensions-depth {
  width: 110px;
  margin-right: 24px;
  display: flex;
  justify-content: space-between;
}

.reveal-calculator .linear-dimensions-depth.system-depth .linear-dimensions__info {
  position: relative;
}

.reveal-calculator .wall-system {
  width: calc(100% - 134px);
  position: relative;
}

.reveal-calculator .backer {
  width: 100%;
  height: auto;
  background: #242424;
  border-radius: 4px;
  transition: 0.2s linear;
  position: relative;
}

.reveal-calculator .dowel {
  width: 100%;
  height: auto;
  background: #5C5652;
  border-radius: 4px;
  transition: 0.2s linear;
  position: absolute;
}

.reveal-calculator .members {
  display: flex;
  position: relative;
}

.reveal-calculator .member {
  position: absolute;
  top: 0;
  left: 0;
  animation-timing-function: linear;
  animation-fill-mode: backwards;
}
.reveal-calculator .member .member-background {
  height: 100%;
  width: 100%;
  background: #d1a280;
}
.reveal-calculator .member .grooves {
  height: 20%;
  position: absolute;
  left: 3.984%;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: linear-gradient(to left, #fff 20%, transparent 20%, transparent 100%);
  background-size: 4.1666666667% 100%;
  background-repeat: repeat-x;
}
.modal_container .reveal-calculator .member .grooves {
  background-image: linear-gradient(to left, #f3f3f3 20%, transparent 20%, transparent 100%);
}

.reveal-calculator .member-item.new .member {
  animation-name: showMember;
}

.reveal-calculator .member-item.removed .member {
  animation-name: hideMember;
}

.reveal-calculator .member:before {
  content: attr(data-size);
  width: max-content;
  transform: translate(-50%, 0);
  padding: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.28em;
  background-color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center;
  box-shadow: 0 0 7px 0 rgba(51, 59, 71, 0.2);
}
.reveal-calculator .member:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3255 0H0.674514C2.74325 0 4.66607 1.06572 5.7625 2.82001L8.152 6.6432C8.54367 7.26987 9.45633 7.26987 9.848 6.6432L12.2375 2.82001C13.3339 1.06572 15.2567 0 17.3255 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 8px;
  transform: translate(-50%, 8px);
}
.reveal-calculator .member:before, .reveal-calculator .member:after {
  position: absolute;
  left: 50%;
  bottom: 50%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}
.reveal-calculator .member:hover:before, .reveal-calculator .member:hover:after {
  opacity: 1;
  visibility: visible;
}

.reveal-calculator_acoustics .member-item:last-child .member:before, .reveal-calculator_acoustics .member-item:last-child .member:after {
  left: calc(50% - 22px);
}

.reveal-calculator_grilles .member:after, .reveal-calculator_grilles .member:before, .reveal-calculator_linears .member:after, .reveal-calculator_linears .member:before, .reveal-calculator_acoustics .member:after, .reveal-calculator_acoustics .member:before, .reveal-calculator_waves .member:after, .reveal-calculator_waves .member:before, .reveal-calculator_baffles .member:after, .reveal-calculator_baffles .member:before, .reveal-calculator_nanoperf .member:after, .reveal-calculator_nanoperf .member:before {
  content: none;
}

@keyframes hideMember {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(200px);
  }
}
@keyframes showMember {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.reveal-calculator .linear-dimensions {
  transition: 0.2s linear;
}

.reveal-calculator .linear-dimensions__wrapper {
  position: relative;
  right: 0;
  align-self: center;
}

.reveal-calculator .linear-dimensions-depth.system-depth .linear-dimensions__info.linear-dimensions__info_sku {
  position: absolute;
  width: 100%;
  transform: translateY(30px);
}

.reveal-calculator .linear-dimensions__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reveal-calculator .linear-dimensions__name {
  font-weight: 400;
  text-transform: capitalize;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  color: #333b47;
  margin-bottom: 15px;
  display: block;
}
.reveal-calculator .linear-dimensions__val {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  padding: 8px 15px;
  background: var(--category-color);
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
}
.reveal-calculator .linear-dimensions__line {
  width: 100%;
  height: 1px;
  background-color: #a5abac;
  position: relative;
  margin-bottom: 20px;
}
.reveal-calculator .linear-dimensions__line:before, .reveal-calculator .linear-dimensions__line:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background-color: #a5abac;
  position: absolute;
  top: -4px;
}
.reveal-calculator .linear-dimensions__line:before {
  left: 0;
}
.reveal-calculator .linear-dimensions__line:after {
  right: 0;
}
.reveal-calculator .linear-dimensions__line_vertical {
  width: 1px;
  height: 100%;
  margin-bottom: 0;
}
.reveal-calculator .linear-dimensions__line_vertical:before, .reveal-calculator .linear-dimensions__line_vertical:after {
  width: 9px;
  height: 1px;
  left: -4px;
}
.reveal-calculator .linear-dimensions__line_vertical:before {
  top: 0;
}
.reveal-calculator .linear-dimensions__line_vertical:after {
  bottom: 0;
  top: auto;
}
.reveal-calculator_hybrids .linear-dimensions.oc-spacing {
  display: none;
}

#modalAdditions input:disabled,
#modalAdditions input:disabled + span,
#modalSize input:disabled,
#modalMaterial input:disabled,
#modalSize input:disabled + span,
#modalMaterial input:disabled + img,
#modalMaterial input:disabled + img + img,
#modalMaterial input:disabled + img + span,
#modalMaterial input:disabled + img + img + span {
  opacity: 0.3;
  pointer-events: none;
  cursor: initial;
}

@media (max-width: 767px) {
  .reveal-calculator .reveal-calculator__content {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .reveal-calculator .reveal-calculator__content {
    height: auto;
    padding: 45px 15px;
  }
  .reveal-calculator[data-lf="2"] .reveal-width {
    margin-bottom: 0;
  }
  .reveal-calculator .reveal-calculator__header {
    flex-direction: column;
  }
  .reveal-calculator .reveal-calculator__header-item {
    width: 100%;
  }
  .reveal-calculator .linear-dimensions-depth {
    width: 100px;
    margin-right: 20px;
  }
  .reveal-calculator .wall-system {
    width: calc(100% - 120px);
  }
  .reveal-calculator .wall-system-bottom {
    margin-left: 120px;
  }
}
.reveal-calculator[data-installation=progressive] .member-item {
  overflow: visible;
}
.reveal-calculator[data-installation=progressive][data-reveal-type=closed] .reveal-width {
  display: none;
}
.reveal-calculator[data-installation=progressive][data-reveal-type=closed] .member-item:nth-child(even) .member-background {
  opacity: 0.6;
}

.ld-member-size {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ld-member-size__name {
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  color: #333b47;
  margin-bottom: 10px;
}
.reveal-calculator_grilles[data-id=calc-popup] .ld-member-size__name, .reveal-calculator_linears[data-id=calc-popup] .ld-member-size__name, .reveal-calculator_waves[data-id=calc-popup] .ld-member-size__name {
  margin-bottom: 15px;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="2"][data-depth="6"] .ld-member-size__info, .reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .ld-member-size__info {
  margin-bottom: 11px;
}
.ld-member-size__val {
  text-align: center;
  white-space: nowrap;
  padding: 8px 15px;
  background: var(--category-color);
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
}
.reveal-calculator_grilles[data-id=calc-main][data-lf="3"][data-depth="6"] .ld-member-size__val {
  padding-left: 10px;
  padding-right: 10px;
}

#modalSize .reveal-calculator {
  margin-top: auto;
  position: relative;
  overflow: hidden;
}
#modalSize .reveal-calculator_hybrids, #modalSize .reveal-calculator_acoustics, #modalSize .reveal-calculator_baffles {
  margin-top: 0;
}
#modalSize .reveal-calculator_waves {
  margin: auto;
}
.reveal-calculator_tiles-planks, .reveal-calculator_cubes {
  flex-direction: row;
}
#modalSize .reveal-calculator_tiles-planks, #modalSize .reveal-calculator_cubes {
  min-height: 280px;
  margin-top: auto;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background-color: #fff;
  flex-direction: row;
  justify-content: normal;
}
.reveal-calculator_tiles-planks .reveal-calculator__content, .reveal-calculator_cubes .reveal-calculator__content {
  width: 100%;
  padding: 39px;
  align-items: center;
}
#modalSize .reveal-calculator_tiles-planks .reveal-calculator__content, #modalSize .reveal-calculator_cubes .reveal-calculator__content {
  padding: 26px;
}
@media (max-width: 600px) {
  .reveal-calculator_tiles-planks .reveal-calculator__content, .reveal-calculator_cubes .reveal-calculator__content {
    min-height: 200px;
    padding: 20px;
  }
}
.reveal-calculator .ceiling-system {
  width: auto;
  max-width: 460px;
  height: 100%;
  max-height: 228px;
  aspect-ratio: 8/4;
  position: relative;
}
.reveal-calculator .ceiling-system__line {
  background: #5C5652;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.reveal-calculator .ceiling-system__line_v {
  width: 4px;
  height: 100%;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}
.reveal-calculator .ceiling-system__line_v-1 {
  left: calc(12.5% * 1);
}
.reveal-calculator .ceiling-system__line_v-2 {
  left: calc(12.5% * 2);
}
.reveal-calculator .ceiling-system__line_v-3 {
  left: calc(12.5% * 3);
}
.reveal-calculator .ceiling-system__line_v-4 {
  left: calc(12.5% * 4);
}
.reveal-calculator .ceiling-system__line_v-5 {
  left: calc(12.5% * 5);
}
.reveal-calculator .ceiling-system__line_v-6 {
  left: calc(12.5% * 6);
}
.reveal-calculator .ceiling-system__line_v-7 {
  left: calc(12.5% * 7);
}
.reveal-calculator .ceiling-system__line_h {
  width: 100%;
  height: 4px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.reveal-calculator .ceiling-system__line_h-1 {
  top: calc(25% * 1);
}
.reveal-calculator .ceiling-system__line_h-2 {
  top: calc(25% * 2);
}
.reveal-calculator .ceiling-system__line_h-3 {
  top: calc(25% * 3);
}
.reveal-calculator .ceiling-system__tile {
  width: calc(12.5% - 4px);
  height: calc(25% - 4px);
  -webkit-border-radius: 1.43px;
  -moz-border-radius: 1.43px;
  border-radius: 1.43px;
  position: absolute;
  bottom: calc(25% + 2px);
  background: #E2D8D2;
  box-shadow: -1px 1px 0 1px #BDAEA4;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.reveal-calculator .ceiling-system__tile:before, .reveal-calculator .ceiling-system__tile:after {
  opacity: 0;
  visibility: hidden;
}
.reveal-calculator .ceiling-system__tile:hover:before {
  content: attr(data-size);
  width: max-content;
  width: 60px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 0);
  padding: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.28em;
  background-color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center;
  box-shadow: 0 0 7px 0 rgba(51, 59, 71, 0.2);
}
.reveal-calculator .ceiling-system__tile:hover:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3255 0H0.674514C2.74325 0 4.66607 1.06572 5.7625 2.82001L8.152 6.6432C8.54367 7.26987 9.45633 7.26987 9.848 6.6432L12.2375 2.82001C13.3339 1.06572 15.2567 0 17.3255 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 8px);
}
.reveal-calculator .ceiling-system__tile:hover:before, .reveal-calculator .ceiling-system__tile:hover:after {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.reveal-calculator .ceiling-system__tile.active {
  background: #B89779;
  box-shadow: -1px 1px 0 1px #8C7D72;
}
.reveal-calculator .ceiling-system__tile_2x2 {
  width: calc(12.5% - 4px);
  height: calc(25% - 4px);
  left: calc(12.5% + 2px);
}
.reveal-calculator .ceiling-system__tile_2x4 {
  width: calc(12.5% - 4px);
  height: calc(50% - 4px);
  left: calc(37.5% + 2px);
}
.reveal-calculator .ceiling-system__tile_4x4 {
  width: calc(25% - 4px);
  height: calc(50% - 4px);
  left: calc(62.5% + 2px);
}
.reveal-calculator .cell-system {
  display: flex;
}
.modal_full_width_view .reveal-calculator .cell-system {
  width: clamp(200px, 33vh, 300px);
}
.reveal-calculator .cell-system[data-cell='4"'], .reveal-calculator .cell-system[data-cell='6"'] {
  --depth: calc(13 + 3 / 4);
}
.reveal-calculator .cell-system[data-cell='8"'] {
  --depth: calc(17 + 3 / 4);
}
.reveal-calculator .cell-system[data-cell='12"'], .reveal-calculator .cell-system[data-cell='24"'] {
  --depth: calc(26 + 7 / 16);
}
.reveal-calculator .cell-system[data-cell='4"'] {
  --members: 4;
}
.reveal-calculator .cell-system[data-cell='6"'], .reveal-calculator .cell-system[data-cell='8"'], .reveal-calculator .cell-system[data-cell='12"'] {
  --members: 3;
}
.reveal-calculator .cell-system[data-cell='24"'] {
  --members: 2;
}
.reveal-calculator .cell-system[data-member-size='1" x 4"'] {
  --member-width: calc(var(--scale) * 3 / 4);
}
.reveal-calculator .cell-system[data-member-size='2" x 4"'] {
  --member-width: calc(var(--scale) * (1 + 7 / 16));
}
.reveal-calculator .cell-system {
  --scale: calc(100% / var(--depth));
  --edge: calc(var(--scale) * 1);
  --reveal-width: calc((100% - var(--edge) - var(--member-width) * var(--members)) / (var(--members) - 1));
  --oc-spacing: calc(var(--reveal-width) + var(--member-width));
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_v[data-index="1"], .reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_v[data-index="2"] {
  left: 0;
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_v[data-index="3"] {
  left: calc((100% - var(--edge) - var(--member-width) * 3) / 2 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_h[data-index="1"], .reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_h[data-index="2"] {
  bottom: 0;
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__line_h[data-index="3"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 3) / 2 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_2, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_3, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_4, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_5, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_6, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_7, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_8, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_9 {
  display: none;
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_v[data-index="1"] {
  left: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 1 + var(--member-width) * 1);
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_v[data-index="2"] {
  left: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_v[data-index="3"] {
  left: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 3 + var(--member-width) * 3);
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_h[data-index="1"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 1 + var(--member-width) * 1);
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_h[data-index="2"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system[data-cell='4"'] .cell-system__line_h[data-index="3"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 4) / 3 * 3 + var(--member-width) * 3);
}
.reveal-calculator .cell-system {
  width: auto;
  height: 100%;
  position: relative;
  aspect-ratio: 1;
}
.reveal-calculator .cell-system__cells {
  width: 100%;
  height: 100%;
}
.reveal-calculator .cell-system__line {
  position: absolute;
  left: 0;
  box-shadow: 0 0 1px rgb(0, 0, 0);
  transition: all 0.5s linear;
}
.reveal-calculator .cell-system__line_v {
  width: var(--member-width);
  height: 100%;
  bottom: 0;
}
.reveal-calculator .cell-system__line_v[data-index="0"] {
  z-index: 9;
}
.reveal-calculator .cell-system__line_v[data-index="1"], .reveal-calculator .cell-system__line_v[data-index="2"], .reveal-calculator .cell-system__line_v[data-index="3"] {
  z-index: 8;
}
.reveal-calculator .cell-system__line_v[data-index="2"] {
  left: calc((100% - var(--edge) - var(--member-width) * 3) / 2 + var(--member-width) * 1);
}
.reveal-calculator .cell-system__line_v[data-index="3"] {
  left: calc((100% - var(--edge) - var(--member-width) * 3) / 2 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system__line_h {
  width: 100%;
  height: var(--member-width);
  top: auto;
  bottom: 0;
}
.reveal-calculator .cell-system__line_h[data-index="0"] {
  width: 100%;
  top: auto;
  z-index: 10;
}
.reveal-calculator .cell-system__line_h[data-index="1"], .reveal-calculator .cell-system__line_h[data-index="2"], .reveal-calculator .cell-system__line_h[data-index="3"] {
  z-index: 6;
}
.reveal-calculator .cell-system__line_h[data-index="2"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 3) / 2 + var(--member-width) * 1);
}
.reveal-calculator .cell-system__line_h[data-index="3"] {
  bottom: calc((100% - var(--edge) - var(--member-width) * 3) / 2 * 2 + var(--member-width) * 2);
}
.reveal-calculator .cell-system__line.member:before, .reveal-calculator .cell-system__line.member:after {
  content: none;
}
.reveal-calculator .cell-system__system-depth {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}
.reveal-calculator .cell-system__oc-spacing-reveal-width {
  margin-left: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.reveal-calculator .cell-system__oc-spacing {
  width: 110px;
  height: var(--oc-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: calc(var(--member-width) / 2);
  left: 100%;
  margin-left: 24px;
}
[data-comparison-key=side_view] .reveal-calculator .cell-system__oc-spacing {
  width: 35px;
  margin-left: 6px;
}
.reveal-calculator .cell-system__reveal-width {
  width: 110px;
  height: var(--reveal-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: calc(var(--edge) + var(--member-width));
  left: 100%;
  margin-left: 24px;
}
[data-comparison-key=side_view] .reveal-calculator .cell-system__reveal-width {
  width: 35px;
  margin-left: 6px;
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__reveal-width {
  left: var(--member-width);
}
.reveal-calculator .cell-system .linear-dimensions {
  transition: 0.45s linear;
}
.reveal-calculator .cell-system__cell {
  width: var(--oc-spacing);
  height: var(--oc-spacing);
  background-color: transparent;
  position: absolute;
  z-index: 10;
  transition: all 0.45s linear;
}
[data-comparison-key=side_view] .reveal-calculator .cell-system__cell {
  display: none;
}
.reveal-calculator .cell-system__cell:before {
  content: attr(data-size);
  width: max-content;
  transform: translate(-50%, 0);
  padding: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.28em;
  background-color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center;
  box-shadow: 0 0 7px 0 rgba(51, 59, 71, 0.2);
}
.reveal-calculator .cell-system__cell::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3255 0H0.674514C2.74325 0 4.66607 1.06572 5.7625 2.82001L8.152 6.6432C8.54367 7.26987 9.45633 7.26987 9.848 6.6432L12.2375 2.82001C13.3339 1.06572 15.2567 0 17.3255 0Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 8px;
  transform: translate(-50%, 8px);
}
.reveal-calculator .cell-system__cell::before, .reveal-calculator .cell-system__cell::after {
  position: absolute;
  left: 50%;
  bottom: 50%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s ease;
}
.reveal-calculator .cell-system__cell:hover {
  box-shadow: 0 0 1px #0F0F0F;
  background-color: rgba(255, 255, 255, 0.6);
}
.reveal-calculator .cell-system__cell:hover::before, .reveal-calculator .cell-system__cell:hover::after {
  opacity: 1;
  visibility: visible;
}
.reveal-calculator .cell-system__cell_1, .reveal-calculator .cell-system__cell_2, .reveal-calculator .cell-system__cell_3 {
  left: calc(var(--member-width) / 2);
}
.reveal-calculator .cell-system__cell_4, .reveal-calculator .cell-system__cell_5, .reveal-calculator .cell-system__cell_6 {
  left: calc(var(--member-width) / 2 + 1 * var(--oc-spacing));
}
.reveal-calculator .cell-system__cell_7, .reveal-calculator .cell-system__cell_8, .reveal-calculator .cell-system__cell_9 {
  left: calc(var(--member-width) / 2 + 2 * var(--oc-spacing));
}
.reveal-calculator .cell-system__cell_1, .reveal-calculator .cell-system__cell_4, .reveal-calculator .cell-system__cell_7 {
  bottom: calc(var(--member-width) / 2);
}
.reveal-calculator .cell-system__cell_2, .reveal-calculator .cell-system__cell_5, .reveal-calculator .cell-system__cell_8 {
  bottom: calc(var(--member-width) / 2 + 1 * var(--oc-spacing));
}
.reveal-calculator .cell-system__cell_3, .reveal-calculator .cell-system__cell_6, .reveal-calculator .cell-system__cell_9 {
  bottom: calc(var(--member-width) / 2 + 2 * var(--oc-spacing));
}
.reveal-calculator .cell-system[data-cell='6"'] .cell-system__cell_3, .reveal-calculator .cell-system[data-cell='6"'] .cell-system__cell_6, .reveal-calculator .cell-system[data-cell='6"'] .cell-system__cell_7, .reveal-calculator .cell-system[data-cell='6"'] .cell-system__cell_8, .reveal-calculator .cell-system[data-cell='6"'] .cell-system__cell_9, .reveal-calculator .cell-system[data-cell='8"'] .cell-system__cell_3, .reveal-calculator .cell-system[data-cell='8"'] .cell-system__cell_6, .reveal-calculator .cell-system[data-cell='8"'] .cell-system__cell_7, .reveal-calculator .cell-system[data-cell='8"'] .cell-system__cell_8, .reveal-calculator .cell-system[data-cell='8"'] .cell-system__cell_9, .reveal-calculator .cell-system[data-cell='12"'] .cell-system__cell_3, .reveal-calculator .cell-system[data-cell='12"'] .cell-system__cell_6, .reveal-calculator .cell-system[data-cell='12"'] .cell-system__cell_7, .reveal-calculator .cell-system[data-cell='12"'] .cell-system__cell_8, .reveal-calculator .cell-system[data-cell='12"'] .cell-system__cell_9 {
  display: none;
}
.reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_2, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_3, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_4, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_5, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_6, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_7, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_8, .reveal-calculator .cell-system[data-cell='24"'] .cell-system__cell_9 {
  display: none;
}
.reveal-calculator_waves .reveal-calculator__content-inner {
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
}
.reveal-calculator_waves .wall-system-top {
  margin-bottom: 0 !important;
}
.reveal-calculator_waves .wall-system-top .wall-system {
  width: auto;
  display: flex;
}
.reveal-calculator_waves .wall-system-bottom {
  margin-left: 0;
}
.reveal-calculator_waves .wall-system .members .member {
  transform-origin: center bottom;
  transform-origin: center;
}
.reveal-calculator_waves .linear-dimensions {
  margin-top: 20px;
}
.reveal-calculator_waves .linear-dimensions__line {
  width: auto;
}
.reveal-calculator .curved-line {
  width: 100%;
  max-width: 500px;
  height: auto;
}
.reveal-calculator_baffles .reveal-calculator__content-inner {
  display: flex;
  align-items: end;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
.reveal-calculator_baffles[data-id=calc-main] .reveal-calculator__content {
  height: 100%;
}
.reveal-calculator_baffles[data-id=calc-popup] .wall-system {
  width: 100%;
  max-width: 200px;
}
.reveal-calculator_baffles .wall-system {
  width: auto;
  height: 100%;
  display: flex;
  position: relative;
}
.reveal-calculator_baffles .wall-system .member {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.reveal-calculator_baffles .baffles-sample {
  margin-top: auto;
}
.reveal-calculator_baffles .baffles-sample .baffle-top {
  filter: brightness(0.85);
}
.reveal-calculator_baffles .baffles-sample .baffle-side {
  filter: brightness(0.75);
}
.reveal-calculator_baffles[data-id=calc-main] .baffles-sample {
  width: 120px;
  height: auto;
}
.reveal-calculator_baffles[data-id=calc-popup] .baffles-sample {
  width: 200px;
  height: auto;
}
.reveal-calculator_baffles .linear-dimensions-depth {
  flex-direction: row-reverse;
  margin-left: 20px;
  margin-right: 0;
  align-items: flex-end;
  position: relative;
}

.reveal-calculator {
  width: 100%;
}
.reveal-calculator_grilles .wall-system-bottom, .reveal-calculator_linears .wall-system-bottom, .reveal-calculator_linears .wall-system-bottom, .reveal-calculator_acoustics .wall-system-bottom, .reveal-calculator_nanoperf .wall-system-bottom {
  position: relative;
}
.reveal-calculator_baffles[data-id=calc-main] .reveal-calculator__content-inner {
  width: 100%;
}

.reveal-calculator_acoustics[data-id=calc-main] .reveal-calculator__content-inner, .reveal-calculator_nanoperf[data-id=calc-main] .reveal-calculator__content-inner {
  padding-bottom: 54px;
}
.reveal-calculator_acoustics[data-id=calc-popup] .reveal-calculator__content-inner, .reveal-calculator_nanoperf[data-id=calc-popup] .reveal-calculator__content-inner {
  padding-bottom: 74px;
}
.reveal-calculator_acoustics[data-id=calc-main] .ld-member-size, .reveal-calculator_nanoperf[data-id=calc-main] .ld-member-size {
  bottom: -54px;
}
.reveal-calculator_acoustics[data-id=calc-popup] .ld-member-size, .reveal-calculator_nanoperf[data-id=calc-popup] .ld-member-size {
  bottom: -74px;
}
.reveal-calculator_acoustics .ld-member-size__name, .reveal-calculator_nanoperf .ld-member-size__name {
  margin-bottom: 0;
}
.reveal-calculator_acoustics .ld-member-size__info, .reveal-calculator_nanoperf .ld-member-size__info {
  display: flex;
  align-items: center;
  gap: 10px;
}

/*# sourceMappingURL=interactive-spacing.css.map */