@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transform-style: preserve-3d;
  -webkit-tap-highlight-color: transparent;
}

:root {
  --scale: 1;
  --plane-width: 50;
  --plane-height: 50;
  --plane-size: 50;
  --plane-z: -30;
  --plane-xy: -35;
  --room-rotate-x: 0;
  --room-rotate-y: 0;
  --room-rotate-z: 0;
  --plinth-height: calc(var(--plane-size) * 0.03);
  --wall-height: calc(0.8 * var(--plane-size));
  --ceil-height: calc(var(--plane-size) * 0.03);
  --geometry-width: 15;
  --geometry-height: 15;
  --geometry-depth: 4;
  --table-depth: calc(var(--plane-size) / 4.16);
  --wall-thickness: 2;
  --transition-duration: 0.3s;
  --flamingo-color: #38b912;
  --bg-color: #e0a7cb;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-color);
  width: 100vw;
  height: 100vh;
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
}
@support (height: 100dvh) {
  body {
    height: 100dvh;
  }
}

.geometry {
  --width: var(--geometry-width, 15);
  --height: var(--geometry-height, 10);
  --depth: var(--geometry-depth, 4);
  height: calc(var(--depth) * 1vw);
  width: calc(var(--width) * 1vw);
  position: absolute;
  transform-style: preserve-3d;
  transform: translate3d(calc(var(--x, 0) * 1vw), calc(var(--y, 0) * 1vw), calc(var(--z, 0) * 1vw)) rotateX(calc(var(--rotate-geometry-x, 0) * 1deg)) rotateY(calc(var(--rotate-geometry-y, 0) * 1deg)) rotateZ(calc(var(--rotate-geometry-z, 0) * 1deg));
}
.geometry__side {
  transform-style: preserve-3d;
}
.geometry > div {
  position: absolute;
  top: 50%;
  left: 50%;
}
.geometry > div:nth-of-type(1) {
  width: 100%;
  height: calc(var(--height) * 1vw);
  transform-origin: center;
  transform: translate(-50%, -50%) rotateX(-90deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vw));
}
.geometry > div:nth-of-type(2) {
  width: 100%;
  height: calc(var(--height) * 1vw);
  transform-origin: center;
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(180deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vw));
}
.geometry > div:nth-of-type(3) {
  height: calc(var(--height) * 1vw);
  width: calc(var(--depth) * 1vw);
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vw));
}
.geometry > div:nth-of-type(4) {
  height: calc(var(--height) * 1vw);
  width: calc(var(--depth) * 1vw);
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(-90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vw));
}
.geometry > div:nth-of-type(5) {
  height: calc(var(--depth) * 1vw);
  width: calc(var(--width) * 1vw);
  transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * 1vw));
}
.geometry > div:nth-of-type(6) {
  height: calc(var(--depth) * 1vw);
  width: calc(var(--width) * 1vw);
  transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * -1vw)) rotateX(180deg);
}

.scene {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 50vw);
}
.scene .plane {
  width: calc(var(--plane-size, 30) * 1vw);
  height: calc(var(--plane-size, 30) * 1vw);
  transform-origin: center;
  transform: perspective(90vw) rotateX(75deg) rotateZ(45deg) translateZ(calc(var(--plane-z, -30) * 1vw)) translate(calc(var(--plane-xy, -35) * 1vw), calc(var(--plane-xy, -35) * 1vw));
}
.scene .plane .room {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotateX(calc(var(--room-rotate-x) * 1deg)) rotateY(calc(var(--room-rotate-y) * 1deg)) rotateZ(calc(var(--room-rotate-z) * 1deg));
}
.scene .plane .room .floor {
  --floor-bg-1: #bb5222;
  --floor-bg-2: #cc6b41;
  --floor-bg-slot: #863a20;
  --height: 1;
  --width: var(--plane-size);
  --depth: var(--plane-size);
  --z: -0.5;
  --y: calc(var(--wall-thickness) * -1);
  --x: calc(var(--wall-thickness) * -1);
  --translate-y-light: calc((var(--plane-size) / 4) * 1vw);
  transition: background var(--transition-duration);
}
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--bottom,
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--back {
  background-color: var(--floor-bg-1);
}
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--left {
  background-color: var(--floor-bg-2);
}
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--top {
  background-color: var(--floor-bg-1);
  background-image: url("./assets/wooden-4.jpg");
  background-size: 45%;
}
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--front {
  background: linear-gradient(90deg, var(--floor-bg-2) 0%, var(--floor-bg-1) 100%);
}
.scene .plane .room .floor:not(.floor--mid, .floor--bottom) .geometry__side--right {
  background: linear-gradient(90deg, transparent 45%, var(--floor-bg-slot) 45%, var(--floor-bg-slot) 55%, transparent 55%, transparent 20%, var(--floor-bg-slot) 20%, var(--floor-bg-slot) 30%, transparent 30%);
  background-color: var(--floor-bg-2);
  --floor-bg-size: calc(
  	((var(--plane-size) / 10) - 3) + 0.1 * ((var(--plane-size) / 10) - 3)
  );
  --floor-bg-position: calc(0.45 * ((var(--plane-size) / 10) - 3));
  background-size: calc((3.4 + var(--floor-bg-size)) * 1vw) 30px;
  background-position-x: calc((1.05 + var(--floor-bg-position)) * 1vw);
}
.scene .plane .room .floor.floor--top::after {
  content: "";
  display: block;
  width: 100%;
  height: 44%;
  background: linear-gradient(0deg, transparent 45%, rgba(39, 27, 27, 0.2) 45%, rgba(39, 27, 27, 0.2) 55%, transparent 55%, transparent 20%), linear-gradient(90deg, transparent 45%, rgba(39, 27, 27, 0.1) 45%, rgba(39, 27, 27, 0.1) 55%, transparent 55%, transparent 20%) 4vw 0/23vw, linear-gradient(45deg, rgba(255, 233, 153, 0.37) 0%, transparent 80%);
  transform: skew(0, -9deg) translateZ(calc((var(--wall-thickness) * 0.3) * 1vw)) translateY(var(--translate-y-light));
}
.scene .plane .room .floor.floor--mid {
  --width: calc(var(--plane-size) - 2);
  --depth: calc(var(--plane-size) - 2);
  --y: calc(var(--wall-thickness) * -1 + 1);
  --x: calc(var(--wall-thickness) * -1 + 1);
  --z: calc(var(--height) * -1 - 0.5);
}
.scene .plane .room .floor.floor--mid .geometry__side--back,
.scene .plane .room .floor.floor--mid .geometry__side--left,
.scene .plane .room .floor.floor--mid .geometry__side--front,
.scene .plane .room .floor.floor--mid .geometry__side--right {
  background-color: var(--floor-bg-slot);
}
.scene .plane .room .floor.floor--bottom {
  --floor-bg-1: #b56336;
  --floor-bg-2: #cc6b41;
  --floor-bg-top: #a85e36;
  --floor-bg-bottom: #86391d;
  --z: calc(var(--height) * -2 - 0.5);
}
.scene .plane .room .floor.floor--bottom .geometry__side--top {
  background-color: var(--floor-bg-top);
}
.scene .plane .room .floor.floor--bottom .geometry__side--bottom {
  background-color: var(--floor-bg-bottom);
}
.scene .plane .room .floor.floor--bottom .geometry__side--back,
.scene .plane .room .floor.floor--bottom .geometry__side--left {
  background-color: var(--floor-bg-1);
}
.scene .plane .room .floor.floor--bottom .geometry__side--front {
  background: linear-gradient(45deg, var(--floor-bg-1) 0%, var(--floor-bg-2) 100%);
}
.scene .plane .room .floor.floor--bottom .geometry__side--right {
  background: linear-gradient(45deg, var(--floor-bg-2) 0%, var(--floor-bg-2) 100%);
}
.scene .plane .room .plinth {
  --plinth-bg-1: #d0b7a8;
  --plinth-bg-2: #c2afa3;
  --plinth-bg-3: #d9ccc4;
  --height: var(--plinth-height);
  --z: 0.8;
  --x: calc(var(--wall-thickness) * -1);
  --y: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .plinth .geometry__side--front {
  background: var(--plinth-bg-1);
}
.scene .plane .room .plinth .geometry__side--right {
  background: var(--plinth-bg-2);
}
.scene .plane .room .plinth .geometry__side--top {
  background: var(--plinth-bg-3);
}
.scene .plane .room .plinth .geometry__side--bottom,
.scene .plane .room .plinth .geometry__side--back,
.scene .plane .room .plinth .geometry__side--left {
  background: var(--plinth-bg-2);
}
.scene .plane .room .plinth.plinth--left {
  --width: calc(var(--wall-thickness) + 1);
  --depth: var(--plane-size);
}
.scene .plane .room .plinth.plinth--right {
  --width: var(--plane-size);
  --depth: calc(var(--wall-thickness) + 1);
}
.scene .plane .room .wall {
  --wall-bg-1: #eab7d7;
  --wall-bg-2: #dd8fbe;
  --wall-bg-3: #b34889;
  --wall-bg-4: #bc8caa;
  --wall-shadow: #b0528c;
  --height: var(--wall-height);
  --z: calc(var(--wall-height) * 0.5 + var(--plinth-height));
  --x: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .wall.wall--right {
  --width: calc(var(--plane-size) - 1);
  --depth: var(--wall-thickness);
  --y: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .wall.wall--right .geometry__side--front {
  background: linear-gradient(44deg, var(--wall-bg-2) 0%, var(--wall-shadow) 92%);
}
.scene .plane .room .wall.wall--right .geometry__side--left,
.scene .plane .room .wall.wall--right .geometry__side--back {
  background-color: var(--wall-shadow);
}
.scene .plane .room .wall.wall--right .geometry__side--top {
  background-color: var(--wall-bg-1);
}
.scene .plane .room .wall.wall--right .geometry__side--right {
  background: var(--wall-bg-3);
}
.scene .plane .room .wall.wall--left-left, .scene .plane .room .wall.wall--left-right {
  --width: var(--wall-thickness);
  --depth: calc(var(--plane-size) / 3 - 1);
}
.scene .plane .room .wall.wall--left-left .geometry__side--left, .scene .plane .room .wall.wall--left-right .geometry__side--left {
  background-color: var(--wall-shadow);
}
.scene .plane .room .wall.wall--left-left {
  --y: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .wall.wall--left-left .geometry__side--right {
  background: linear-gradient(24deg, var(--wall-bg-2) 0%, var(--wall-shadow) 99%);
}
.scene .plane .room .wall.wall--left-left .geometry__side--front {
  background-color: var(--wall-bg-1);
}
.scene .plane .room .wall.wall--left-right {
  --y: calc(var(--plane-size) - var(--depth) - var(--width) - 1);
}
.scene .plane .room .wall.wall--left-right .geometry__side--right {
  background-color: var(--wall-shadow);
}
.scene .plane .room .wall.wall--left-right .geometry__side--front {
  background-color: var(--wall-bg-3);
}
.scene .plane .room .wall.wall--left-right .geometry__side--back {
  background-color: var(--wall-bg-1);
}
.scene .plane .room .ceil {
  --ceil-bg-1: #eee0d4;
  --ceil-bg-2: #d1bcae;
  --height: var(--ceil-height);
  --z: calc(var(--wall-height) + var(--ceil-height) + 0.5);
  --x: calc(var(--wall-thickness) * -1.1);
  --y: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .ceil.ceil--left {
  --width: calc(var(--wall-thickness) + 1);
  --depth: var(--plane-size);
}
.scene .plane .room .ceil.ceil--left .geometry__side--back {
  background: var(--ceil-bg-1);
}
.scene .plane .room .ceil.ceil--left .geometry__side--front,
.scene .plane .room .ceil.ceil--left .geometry__side--left {
  background: var(--ceil-bg-1);
}
.scene .plane .room .ceil.ceil--left .geometry__side--top,
.scene .plane .room .ceil.ceil--left .geometry__side--bottom,
.scene .plane .room .ceil.ceil--left .geometry__side--right {
  background: var(--ceil-bg-2);
}
.scene .plane .room .ceil.ceil--right {
  --width: var(--plane-size);
  --depth: calc(var(--wall-thickness) + 1);
}
.scene .plane .room .ceil.ceil--right .geometry__side--back,
.scene .plane .room .ceil.ceil--right .geometry__side--left {
  background: var(--ceil-bg-1);
}
.scene .plane .room .ceil.ceil--right .geometry__side--bottom,
.scene .plane .room .ceil.ceil--right .geometry__side--front {
  background: linear-gradient(195deg, var(--ceil-bg-2) 0%, var(--ceil-bg-1) 30%, var(--ceil-bg-2) 135%);
}
.scene .plane .room .ceil.ceil--right .geometry__side--right {
  background: var(--ceil-bg-2);
}
.scene .plane .room .ceil.ceil--right .geometry__side--top {
  background: linear-gradient(240deg, var(--ceil-bg-1) 0%, var(--ceil-bg-2) 100%);
}
.scene .plane .room .window {
  --window-bg-1: #eee0d4;
  --window-bg-2: #c2afa3;
  --width: var(--wall-thickness);
  --x: calc(var(--wall-thickness) * -1);
}
.scene .plane .room .window.window--middle {
  --depth: 2;
  --height: var(--wall-height);
  --z: calc(var(--wall-height) * 0.5 + var(--plinth-height));
  --y: calc(
  	var(--plane-size) - var(--depth) - var(--width) -
  		(var(--plane-size) / 2.05)
  );
}
.scene .plane .room .window.window--middle .geometry__side--front,
.scene .plane .room .window.window--middle .geometry__side--back,
.scene .plane .room .window.window--middle .geometry__side--left {
  background-color: var(--window-bg-1);
}
.scene .plane .room .window.window--middle .geometry__side--right {
  background-color: var(--window-bg-2);
}
.scene .plane .room .window.window--top, .scene .plane .room .window.window--bottom {
  --depth: calc(var(--plane-size) / 3 + 1);
  --height: 2;
  --y: calc(
  	var(--plane-size) - var(--depth) - var(--width) - (var(--plane-size) / 3)
  );
}
.scene .plane .room .window.window--top .geometry__side--front,
.scene .plane .room .window.window--top .geometry__side--back,
.scene .plane .room .window.window--top .geometry__side--left, .scene .plane .room .window.window--bottom .geometry__side--front,
.scene .plane .room .window.window--bottom .geometry__side--back,
.scene .plane .room .window.window--bottom .geometry__side--left {
  background-color: var(--window-bg-1);
}
.scene .plane .room .window.window--top .geometry__side--right, .scene .plane .room .window.window--bottom .geometry__side--right {
  background-color: var(--window-bg-2);
}
.scene .plane .room .window.window--top {
  --z: calc(var(--wall-height) / 1.4);
}
.scene .plane .room .window.window--bottom {
  --z: calc(var(--wall-height) / 2.8);
}
.scene .plane .room .window.window--left, .scene .plane .room .window.window--right {
  --depth: 2;
  --height: var(--wall-height);
  --z: calc(var(--wall-height) * 0.5 + var(--plinth-height));
}
.scene .plane .room .window.window--left .geometry__side--right, .scene .plane .room .window.window--right .geometry__side--right {
  background-color: var(--window-bg-2);
}
.scene .plane .room .window.window--left {
  --y: calc(var(--plane-size) / 3 - 5);
}
.scene .plane .room .window.window--left .geometry__side--front {
  background-color: var(--window-bg-1);
}
.scene .plane .room .window.window--right {
  --y: calc(
  	var(--plane-size) - var(--depth) - var(--width) -
  		calc(var(--plane-size) / 3.4)
  );
}
.scene .plane .room .window.window--right .geometry__side--back {
  background-color: var(--window-bg-1);
}
.scene .plane .room .window.window--glass {
  --depth: calc(var(--plane-size) / 3 + 1);
  --height: var(--wall-height);
  --z: calc(var(--wall-height) * 0.5 + var(--plinth-height));
  --y: calc(
  	var(--plane-size) - var(--depth) - var(--width) - (var(--plane-size) / 3)
  );
}
.scene .plane .room .window.window--glass .geometry__side--left {
  background: linear-gradient(300deg, transparent 20%, rgba(255, 255, 255, 0.5), transparent 50%), linear-gradient(300deg, transparent 50%, rgba(255, 255, 255, 0.25), transparent 60%), rgba(209, 243, 250, 0.25);
}
.scene .plane .room .curtain {
  --width: 1;
  --depth: calc(var(--plane-size) / 4);
  --height: calc(var(--wall-height) + 2);
  --x: calc(var(--wall-thickness) * 0.1);
  --z: calc(var(--wall-height) * 0.47 + var(--plinth-height));
}
.scene .plane .room .curtain .geometry__side--right {
  background: url("./assets/curtain-1.jpeg");
  background-size: cover;
  opacity: 0.78;
}
.scene .plane .room .curtain.curtain--left {
  --y: calc(var(--plane-size) / 3 - 10);
  opacity: 0;
}
.scene .plane .room .curtain.curtain--right {
  --y: calc(
  	var(--plane-size) - var(--depth) - var(--width) -
  		calc(var(--plane-size) / 6)
  );
}
.scene .plane .room .table {
  --table-bg-1: #d5985e;
  --leg-bg-1: #9d9085;
  --leg-bg-2: #dcd1cd;
  --leg-bg-3: #bbb0a7;
  --shelf-bg-1: #ae9f93;
  --shelf-bg-2: #a19489;
  --shelf-bg-3: #c0b2a6;
  --depth: var(--table-depth);
  --width: calc(var(--plane-size) - var(--wall-thickness) - 1);
  --y: 0;
  --x: calc(var(--wall-thickness) * -0.5);
}
.scene .plane .room .table.table--top {
  --height: 1;
  --z: calc(var(--wall-height) * 0.3);
}
.scene .plane .room .table.table--top .geometry__side--top,
.scene .plane .room .table.table--top .geometry__side--left,
.scene .plane .room .table.table--top .geometry__side--front,
.scene .plane .room .table.table--top .geometry__side--bottom,
.scene .plane .room .table.table--top .geometry__side--right {
  background-color: var(--table-bg-1);
  background-image: url("./assets/wooden-3a.jpeg");
  background-size: cover;
}
.scene .plane .room .table.table--top .geometry__side--left::after,
.scene .plane .room .table.table--top .geometry__side--front::after,
.scene .plane .room .table.table--top .geometry__side--bottom::after,
.scene .plane .room .table.table--top .geometry__side--right::after,
.scene .plane .room .table.table--top .geometry__side--top::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.scene .plane .room .table.table--top .geometry__side--top::after {
  background: linear-gradient(45deg, transparent 35%, rgba(0, 0, 0, 0.26));
}
.scene .plane .room .table.table--top .geometry__side--front::after {
  background: linear-gradient(240deg, rgba(0, 0, 0, 0.26), transparent);
}
.scene .plane .room .table.table--top .geometry__side--left::after {
  background-color: rgba(0, 0, 0, 0.26);
}
.scene .plane .room .table.table--top .geometry__side--bottom::after,
.scene .plane .room .table.table--top .geometry__side--right::after {
  background-color: rgba(0, 0, 0, 0.42);
}
.scene .plane .room .table .table__legs {
  --leg-z: calc(var(--wall-height) * 0.15);
  transform: translate3d(calc(var(--leg-x, 0) * 1vw), 1.5vw, calc(var(--leg-z, 0) * 1vw));
}
.scene .plane .room .table .table__legs.table__legs--right {
  --leg-x: calc(var(--plane-size) - var(--wall-thickness) - 4);
}
.scene .plane .room .table .table__legs .leg--front {
  --y: calc(var(--depth) - 4);
}
.scene .plane .room .table .table__legs .leg {
  --height: calc(var(--wall-height) * 0.3);
  --width: 1;
  --depth: 1;
}
.scene .plane .room .table .table__legs .leg.leg--right {
  --rotate-geometry-y: -14;
}
.scene .plane .room .table .table__legs .leg.leg--left {
  --rotate-geometry-y: 14;
  margin-left: -4vw;
}
.scene .plane .room .table .table__legs .leg .geometry__side {
  background: var(--leg-bg-1);
}
.scene .plane .room .table .table__legs .leg .geometry__side--front {
  background: linear-gradient(240deg, var(--leg-bg-1), var(--leg-bg-2));
}
.scene .plane .room .table .table__legs .leg--back .leg--right .geometry__side--front {
  background: linear-gradient(117deg, var(--shelf-bg-1) 41%, var(--shelf-bg-2) 100%);
}
.scene .plane .room .table .table__legs .leg--back .leg--left .geometry__side--front {
  background: var(--shelf-bg-1);
}
.scene .plane .room .table .table__legs .leg--shelf {
  margin-left: -4vw;
  --height: 0.5;
  --width: 5;
  --depth: calc(var(--table-depth) - 3);
  --z: calc(var(--height) * -5);
}
.scene .plane .room .table .table__legs .leg--shelf .geometry__side {
  background-color: var(--shelf-bg-1);
}
.scene .plane .room .table .table__legs .leg--shelf .geometry__side--front {
  background-color: var(--shelf-bg-3);
}
.scene .plane .room .table .table__legs .leg--shelf .geometry__side--right {
  background-color: var(--shelf-bg-2);
}
.scene .plane .room .table .table__legs .leg--chest {
  --depth: calc(var(--table-depth) - 1.4);
  --height: calc(var(--wall-height) * 0.325);
  --width: var(--depth);
  --x: calc(var(--wall-thickness) * 0.5);
  --z: -1;
}
.scene .plane .room .table .table__legs .leg--chest .geometry__side {
  background: var(--leg-bg-1);
}
.scene .plane .room .table .table__legs .leg--chest .geometry__side--front {
  background: no-repeat url(./assets/drawer_handles.svg) 0 1.5vw/contain, linear-gradient(213deg, var(--leg-bg-1), var(--leg-bg-2) 50%);
}
.scene .plane .room .table .table__legs .leg--chest .geometry__side--right {
  background-color: var(--leg-bg-1);
}
.scene .plane .room .table-lamp {
  transform: translate3d(6vw, 4vw, 18.6vw);
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--vertical {
  --l-stand-bg-1: #fac62f;
  --l-stand-bg-2: #eeba23;
  --l-stand-bg-3: #c39e35;
  --width: 0.5;
  --depth: 0.5;
  --height: 9;
  --y: 1.7;
  --x: 1.7;
  --z: -2;
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--vertical .geometry__side {
  background-color: var(--l-stand-bg-2);
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--vertical .geometry__side--front {
  background: linear-gradient(91deg, var(--l-stand-bg-1), var(--l-stand-bg-2));
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--vertical .geometry__side--top {
  background-color: var(--l-stand-bg-3);
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--bottom {
  --width: 4;
  --height: 1;
  --depth: 4;
  --z: -6;
  border-radius: 50%;
  overflow: hidden;
}
.scene .plane .room .table-lamp .table-lamp__stand .stand--bottom .geometry__side--bottom {
  background: linear-gradient(154deg, #f4f3ee 25%, #e1d0a3);
}
.scene .plane .room .table-lamp .table-lamp__lamp {
  --lamp-bg-1: #e1e1e1;
  --lamp-bg-2: #fff;
}
.scene .plane .room .table-lamp .table-lamp__lamp .lamp {
  --width: 4;
  --height: 4;
  --depth: 4;
}
.scene .plane .room .table-lamp .table-lamp__lamp .lamp .geometry__side {
  background-color: var(--lamp-bg-1);
}
.scene .plane .room .table-lamp .table-lamp__lamp .lamp .geometry__side--top {
  background-color: var(--lamp-bg-2);
}
.scene .plane .room .computer {
  --comp-bg-1: #c7c4be;
  --comp-bg-2: #e9e9e9;
  --comp-bg-3: #b5b1aa;
  --comp-x: calc(var(--plane-size) / 2 - 10);
  --comp-y: calc(var(--wall-thickness) * 1.3);
  --comp-z: calc(
  	var(--wall-height) * 0.3 + calc(var(--plane-size) * 0.3 / 2)
  );
  transform: translate3d(calc(var(--comp-x, 20) * 1vw), calc(var(--comp-y, 4) * 1vw), calc(var(--comp-z, 1) * 1vw));
}
.scene .plane .room .computer .screen {
  --width: calc(var(--plane-size) / 3);
  --depth: 1;
  --height: calc(var(--plane-size) * 0.2);
  --rotate-geometry-x: 3;
}
.scene .plane .room .computer .screen .geometry__side {
  background-color: var(--comp-bg-3);
}
.scene .plane .room .computer .screen .geometry__side--left {
  background-color: var(--comp-bg-2);
}
.scene .plane .room .computer .screen .geometry__side--front {
  background: linear-gradient(45deg, var(--comp-bg-2), var(--comp-bg-1));
}
.scene .plane .room .computer .screen .geometry__side--front::before, .scene .plane .room .computer .screen .geometry__side--front::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
}
.scene .plane .room .computer .screen .geometry__side--front::before {
  height: 100%;
  background: no-repeat url(./assets/iApple.svg) center 97%/1vw 1vw;
}
.scene .plane .room .computer .screen .geometry__side--front::after {
  height: 85%;
  background: #000;
}
.scene .plane .room .computer .screen .geometry__side--front .screen-video {
  position: absolute;
  top: 42.5%;
  left: 50%;
  width: calc((var(--width) - 1) * 1vw);
  height: calc((var(--height) - 2) * 1vw);
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
  border: 0;
  outline: none;
  background: #000;
}
.scene .plane .room .computer .computer__stand {
  --stand-x: calc(var(--plane-size) * 0.12);
  --stand-y: calc(var(--wall-thickness) * -0.5);
  --stand-z: calc(var(--plane-size) * -0.1);
  transform: translate3d(calc(var(--stand-x) * 1vw), calc(var(--stand-y) * 1vw), calc(var(--stand-z) * 1vw));
}
.scene .plane .room .computer .computer__stand .stand--top .stand {
  --width: calc(var(--plane-size) / 10);
  --depth: 0.5;
  --height: calc(calc(var(--plane-size) / 10));
  --rotate-geometry-x: -14;
}
.scene .plane .room .computer .computer__stand .stand--top .geometry__side {
  background: var(--comp-bg-1);
}
.scene .plane .room .computer .computer__stand .stand--top .geometry__side--front {
  background-color: var(--comp-bg-3);
}
.scene .plane .room .computer .computer__stand .stand--bottom {
  --z: -2;
}
.scene .plane .room .computer .computer__stand .stand--bottom .stand {
  --width: calc(var(--plane-size) / 10);
  --depth: calc(calc(var(--plane-size) / 15));
  --height: 0.5;
}
.scene .plane .room .computer .computer__stand .stand--bottom .geometry__side {
  background: var(--comp-bg-1);
}
.scene .plane .room .computer .computer__keyboard .mouse {
  --mouse-bg-1: #e8e7e4;
  --width: calc(var(--plane-size) * 0.02);
  --depth: calc(calc(var(--plane-size) * 0.045));
  --height: 0.5;
  --x: 13;
  --y: 4.5;
  --z: -6.8;
}
.scene .plane .room .computer .computer__keyboard .mouse .geometry__side {
  background-color: var(--comp-bg-1);
}
.scene .plane .room .computer .computer__keyboard .mouse .geometry__side--top {
  background-color: var(--mouse-bg-1);
}
.scene .plane .room .computer .computer__keyboard .keyboard {
  --width: calc(var(--plane-size) / 10);
  --depth: calc(calc(var(--plane-size) * 0.065));
  --height: 0.5;
  --z: -6.8;
  --y: 4;
  --x: 6;
}
.scene .plane .room .computer .computer__keyboard .keyboard .geometry__side {
  background: var(--comp-bg-1);
}
.scene .plane .room .computer .computer__keyboard .keyboard .geometry__side--top {
  background: #fff url("./assets/keyboard-texture.png") center/cover;
}
.scene .plane .room .plant {
  --plant-x: calc(var(--plane-size) / 1.4);
  --plant-y: calc(var(--wall-thickness) * 1);
  --plant-z: calc(var(--wall-height) * 0.37);
  transform: translate3d(calc(var(--plant-x, 20) * 1vw), calc(var(--plant-y, 4) * 1vw), calc(var(--plant-z, 1) * 1vw));
}
.scene .plane .room .plant .pot {
  --pot-bg-1: #c9bfbf;
  --pot-bg-2: #a89a9a;
  --width: 5;
  --depth: 5;
  --height: calc(var(--plane-size) * 0.09);
}
.scene .plane .room .plant .pot .geometry__side {
  background: var(--pot-bg-2);
}
.scene .plane .room .plant .pot .geometry__side--left {
  background: var(--pot-bg-1);
}
.scene .plane .room .plant .pot .geometry__side--front {
  background: linear-gradient(59deg, var(--pot-bg-1) 20%, var(--pot-bg-2) 80%);
}
.scene .plane .room .plant .pot .geometry__side--top {
  --height: 3.8;
  background: url("./assets/ground.jpg") center/cover;
}
.scene .plane .room .plant .plant__flower {
  --width: calc(var(--plane-size) / 10);
  --depth: calc(var(--plane-size) / 10);
  transform: translateZ(1vw);
}
.scene .plane .room .plant .plant__flower img {
  position: absolute;
  left: 3vw;
  bottom: -5vw;
  height: calc(var(--height, 15) * 1vw);
  width: 12vw;
  transform-origin: 50% 100%;
  transform: translate(-50%, 0) rotateX(-90deg) translate3d(0, 0, -3vw) rotateY(calc(var(--rotate, 0) * 1deg));
}
.scene .plane .room .plant .plant__flower img:nth-of-type(1) {
  --height: 15;
  --rotate: 30;
}
.scene .plane .room .plant .plant__flower img:nth-of-type(2) {
  --height: 10;
  --rotate: 80;
}
.scene .plane .room .plant .plant__flower img:nth-of-type(3) {
  --height: 20;
  --rotate: 40;
}
.scene .plane .room .wall-shelf {
  --shelf-bg-1: #d5985e;
  --shelf-x: calc(var(--plane-size) / 5);
  --shelf-z: calc(var(--wall-height) - 10);
  transform: translate3d(calc(var(--shelf-x) * 1vw), 0vw, calc(var(--shelf-z) * 1vw));
}
.scene .plane .room .wall-shelf .shelf {
  --width: calc(var(--plane-size) * 0.25);
  --height: 1;
  --depth: calc(var(--plane-size) * 0.1);
}
.scene .plane .room .wall-shelf .shelf .geometry__side--front,
.scene .plane .room .wall-shelf .shelf .geometry__side--top,
.scene .plane .room .wall-shelf .shelf .geometry__side--left,
.scene .plane .room .wall-shelf .shelf .geometry__side--bottom,
.scene .plane .room .wall-shelf .shelf .geometry__side--right {
  background-color: var(--shelf-bg-1);
  background-image: url("./assets/wooden-3a.jpeg");
  background-size: cover;
}
.scene .plane .room .wall-shelf .shelf .geometry__side--left::after,
.scene .plane .room .wall-shelf .shelf .geometry__side--front::after,
.scene .plane .room .wall-shelf .shelf .geometry__side--bottom::after,
.scene .plane .room .wall-shelf .shelf .geometry__side--right::after,
.scene .plane .room .wall-shelf .shelf .geometry__side--top::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.scene .plane .room .wall-shelf .shelf .geometry__side--top::after {
  background: linear-gradient(240deg, rgba(0, 0, 0, 0.26), transparent);
}
.scene .plane .room .wall-shelf .shelf .geometry__side--front::after {
  background: linear-gradient(240deg, rgba(0, 0, 0, 0.26), transparent);
}
.scene .plane .room .wall-shelf .shelf .geometry__side--left::after {
  background-color: rgba(0, 0, 0, 0.26);
}
.scene .plane .room .wall-shelf .shelf .geometry__side--bottom::after,
.scene .plane .room .wall-shelf .shelf .geometry__side--right::after {
  background-color: rgba(0, 0, 0, 0.42);
}
.scene .plane .room .wall-shelf .books .book--vertical {
  --height: 5;
  --width: 3.6;
  --z: 3;
  --x: 1;
}
.scene .plane .room .wall-shelf .books .book--vertical .geometry__side {
  background: #e1e1e1;
}
.scene .plane .room .wall-shelf .books .book--vertical .geometry__side--top {
  background: url("./assets/books-top-vertical-a.png") center/contain;
}
.scene .plane .room .wall-shelf .books .book--vertical .geometry__side--left {
  background-color: #363b63;
}
.scene .plane .room .wall-shelf .books .book--vertical .geometry__side--front {
  background: no-repeat url("./assets/books-vertical-a.png") center/contain;
}
.scene .plane .room .wall-shelf .books .book--vertical .geometry__side--right {
  background: #000 url("./assets/books-cover-vertical.jpg") center/cover;
}
.scene .plane .room .wall-shelf .divoom {
  --divoom-bg-1: #ea8ab9;
  --divoom-bg-2: #b45d87;
  --divoom-bg-3: #8f4569;
  transform: translate3d(8vw, 1vw, 1.08vw);
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom,
.scene .plane .room .wall-shelf .divoom .divoom--top {
  transform: rotateZ(45deg);
}
.scene .plane .room .wall-shelf .divoom .divoom--top {
  --width: 1;
  --depth: 2;
  --height: 2;
  transform: translate3d(0vw, -0.5vw, 1.3vw) rotateZ(45deg);
}
.scene .plane .room .wall-shelf .divoom .divoom--top .geometry__side {
  background-color: var(--divoom-bg-1);
}
.scene .plane .room .wall-shelf .divoom .divoom--top .geometry__side--back {
  background-color: var(--divoom-bg-2);
}
.scene .plane .room .wall-shelf .divoom .divoom--top .geometry__side--left {
  background-color: var(--divoom-bg-3);
}
.scene .plane .room .wall-shelf .divoom .divoom--top .geometry__side--right {
  background: var(--divoom-bg-1) no-repeat url("./assets/divoom-screen.jpg") center/contain;
}
.scene .plane .room .wall-shelf .divoom .divoom--top .geometry__side--top {
  background: linear-gradient(45deg, var(--divoom-bg-1), var(--divoom-bg-2));
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom {
  --width: 2;
  --height: 1;
  --depth: 2;
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--front,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--right,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--back,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--top {
  background: transparent;
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--left,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--bottom {
  background: var(--divoom-bg-3);
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--front::after,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--back::after,
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--top::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--front::after {
  -webkit-clip-path: polygon(0 0, 50% 0, 100% 80%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 50% 0, 100% 80%, 100% 100%, 0 100%);
  background: linear-gradient(42deg, var(--divoom-bg-1) 40%, var(--divoom-bg-2) 130%);
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--back::after {
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 80%);
          clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 80%);
  background: var(--divoom-bg-3);
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--top::after {
  background: var(--divoom-bg-2);
  -webkit-clip-path: inset(0 50% 0 0);
          clip-path: inset(0 50% 0 0);
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--right::after, .scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--right::before {
  content: "";
  position: absolute;
  width: 100%;
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--right::before {
  height: 20%;
  background: var(--divoom-bg-2);
  bottom: 0;
}
.scene .plane .room .wall-shelf .divoom .divoom--bottom .geometry__side--right::after {
  height: 1vw;
  background: var(--divoom-bg-2) no-repeat url("./assets/divoom-keyboard-1.png") center/90% 75%;
  bottom: 20%;
  transform-origin: 50% 100%;
  transform: rotateX(51deg);
}
.scene .plane .room .flamingo {
  --flaming-width: calc(var(--plane-size) / 8);
  width: calc((var(--plane-size) / 8) * 1vw);
  transform: translate3d(calc((var(--plane-size) / 1.27) * 1vw), calc(var(--flaming-width) * -1vw), calc((var(--wall-height) / 1.26) * 1vw)) rotateX(-90deg);
}
.scene .plane .room .flamingo svg {
  display: block;
  width: 100%;
  filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  -webkit-animation: flamingo 6s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
          animation: flamingo 6s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
}
.scene .plane .room .flamingo path {
  stroke: var(--flamingo-color);
  stroke-width: 4;
  d: path("M24.516 47.436C22.5909 51.2595 21.7167 56.0156 22.4229 62.2198C16.5368 59.4339 13.4385 53.8993 12.7806 47.6255C12.0098 40.2763 14.6486 32.1821 19.9415 26.9937C20.5645 26.383 20.7112 25.511 20.4466 24.7749C19.664 18.1233 23.1148 12.6109 28.7009 8.5916C34.4117 4.48263 42.098 2.161 48.7377 2.09001L48.7666 2.0897L48.7954 2.08856C62.6155 1.54192 73.6309 10.4057 78.7015 22.1042C83.7711 33.8005 82.7277 47.9398 72.8274 57.7607L72.2359 58.3474V58.5184C70.3131 60.794 63.356 69.0478 58.1183 75.2618C54.8975 79.083 52.3269 82.1328 51.9767 82.547L51.967 82.5585L51.9574 82.5701C51.4688 83.1659 50.0519 84.8386 48.8087 86.3062C47.9694 87.2971 47.2092 88.1944 46.8674 88.6038C44.8702 90.8157 44.8424 93.7898 45.8803 96.0483C46.9217 98.3146 49.2046 100.231 52.2204 100.151C93.0498 100.632 128.452 137.28 127.673 178.033C127.495 179.546 127.443 181.799 127.386 184.267C127.377 184.648 127.368 185.034 127.358 185.423C127.283 188.471 127.172 191.86 126.832 195.033C126.488 198.243 125.926 201.044 125.038 202.994C124.152 204.94 123.216 205.518 122.262 205.528C121.624 205.525 121.003 205.321 120.489 204.942C119.973 204.563 119.592 204.028 119.401 203.416L119.396 203.4L119.391 203.383C117.269 196.98 113.189 191.406 107.728 187.447C102.271 183.492 95.711 181.349 88.9715 181.321C77.0953 181.098 66.6868 191.491 66.9177 203.371V203.377V203.39V203.404V203.42V203.438V203.458V203.479V203.503V203.528V203.555V203.583V203.614V203.646V203.68V203.716V203.754V203.793V203.834V203.877V203.921V203.968V204.016V204.065V204.116V204.169V204.224V204.281V204.339V204.398V204.46V204.523V204.587V204.653V204.721V204.791V204.862V204.934V205.009V205.084V205.162V205.241V205.321V205.404V205.487V205.572V205.659V205.747V205.837V205.928V206.021V206.115V206.211V206.308V206.407V206.507V206.609V206.712V206.816V206.922V207.03V207.139V207.249V207.36V207.473V207.588V207.704V207.821V207.939V208.059V208.181V208.303V208.427V208.552V208.679V208.807V208.936V209.067V209.199V209.332V209.466V209.602V209.739V209.877V210.017V210.157V210.299V210.442V210.587V210.732V210.879V211.027V211.177V211.327V211.479V211.631V211.785V211.94V212.097V212.254V212.413V212.572V212.733V212.895V213.058V213.222V213.387V213.554V213.721V213.889V214.059V214.229V214.401V214.574V214.747V214.922V215.098V215.274V215.452V215.631V215.811V215.991V216.173V216.356V216.539V216.724V216.909V217.096V217.283V217.471V217.66V217.851V218.042V218.233V218.426V218.62V218.814V219.01V219.206V219.403V219.601V219.8V220V220.2V220.401V220.603V220.806V221.01V221.214V221.419V221.625V221.832V222.04V222.248V222.457V222.667V222.877V223.088V223.3V223.513V223.726V223.94V224.155V224.37V224.586V224.802V225.02V225.238V225.456V225.675V225.895V226.116V226.337V226.558V226.781V227.004V227.227V227.451V227.675V227.901V228.126V228.352V228.579V228.806V229.034V229.262V229.491V229.721V229.95V230.181V230.411V230.643V230.874V231.106V231.339V231.572V231.805V232.039V232.273V232.508V232.743V232.979V233.215V233.451V233.688V233.925V234.162V234.4V234.638V234.876V235.115V235.354V235.593V235.833V236.073V236.313V236.554V236.795V237.036V237.277V237.519V237.76V238.003V238.245V238.487V238.73V238.973V239.216V239.46V239.703V239.947V240.191V240.435V240.68V240.924V241.169V241.413V241.658V241.903V242.148V242.393V242.639V242.884V243.13V243.375V243.621V243.867V244.112V244.358V244.604V244.85V245.096V245.342V245.588V245.834V246.08V246.326V246.572V246.818V247.063V247.309V247.555V247.801V248.047V248.292V248.538V248.783V249.029V249.274V249.519V249.764V250.009V250.254V250.499V250.743V250.988V251.232V251.476V251.72V251.964V252.208V252.451V252.694V252.937V253.18V253.422V253.665V253.907V254.149V254.39V254.632V254.873V255.114V255.354V255.594V255.834V256.074V256.313V256.552V256.791V257.029V257.267V257.505V257.742V257.979V258.216V258.452V258.688V258.924V259.159V259.393V259.628V259.861V260.095V260.328V260.56V260.792V261.024V261.255V261.486V261.716V261.946V262.175V262.404V262.632V262.86V263.087V263.314V263.54V263.766V263.991V264.215V264.439V264.663V264.885V265.108V265.329V265.55V265.771V265.99V266.21V266.428V266.646V266.863V267.08V267.296V267.511V267.726V267.94V268.153V268.365V268.577V268.788V268.999V269.208V269.417V269.625V269.833V270.04V270.246V270.451V270.655V270.859V271.061V271.263V271.465V271.665V271.865V272.063V272.261V272.458V272.655V272.85V273.044V273.238V273.431V273.623V273.814V274.004V274.193V274.381V274.568V274.755V274.94V275.125V275.308V275.491V275.672V275.853V276.033V276.211V276.389V276.565V276.741V276.916V277.089V277.262V277.433V277.604V277.773V277.942V278.109V278.275V278.44V278.604V278.767V278.929V279.09V279.249V279.408V279.565V279.721V279.876V280.03V280.183V280.335V280.485V280.634V280.782V280.929V281.074V281.219V281.362V281.504V281.644V281.784V281.922V282.059V282.194V282.329V282.462V282.594V282.724V282.853V282.981V283.108V283.233V283.357V283.479V283.6V283.72V283.839V283.956V284.072V284.186V284.299V284.41V284.52V284.629V284.737V284.842V284.947V285.05V285.151V285.251V285.35V285.447V285.543V285.637V285.73V285.821V285.91V285.999V286.085V286.17V286.254V286.336V286.416V286.495V286.572V286.648V286.722V286.795V286.866V286.935V287.003V287.069V287.134V287.192C64.9447 288.412 62.9396 289.576 60.9023 290.685V204.373V204.363L60.9022 204.353C60.8132 195.327 57.8226 186.569 52.3729 179.373C46.9232 172.178 39.303 166.926 30.6388 164.395L30.6077 164.386L30.5763 164.378C14.9064 160.346 2.87448 145.707 2.38165 129.557L2.38086 129.531L2.37938 129.505C1.82426 119.708 5.11999 110.083 11.5629 102.682C14.6624 99.1512 22.0317 90.8594 28.7097 83.3455C33.6843 77.7482 38.2752 72.5826 40.4316 70.1385L40.5031 70.0574L40.5655 69.9691C41.2903 68.9428 43.0878 66.9412 45.538 64.2859C46.1535 63.6188 46.8043 62.9166 47.4798 62.1879C49.4324 60.0811 51.5904 57.7528 53.6948 55.4107C56.525 52.2608 59.3053 49.0343 61.4142 46.2156C62.4673 44.8079 63.3825 43.4631 64.0572 42.2534C64.6625 41.1683 65.1914 39.9913 65.3238 38.8807C67.8941 28.6907 59.4587 18.2351 49.1555 18.112C47.1875 18.0884 46.0791 19.8517 46.1834 21.3517C46.4842 25.6776 45.0885 28.4662 42.8666 30.7867C41.1032 32.6283 38.914 34.105 36.4563 35.763C35.5827 36.3523 34.6752 36.9645 33.7408 37.6241C30.3121 40.0445 26.7608 42.9776 24.516 47.436Z");
}
.scene .plane .room .chair {
  --chair-bg-1: #f5bff1;
  transform: translate3d(calc((var(--plane-size) / 2.5) * 1vw), 0vw, 7vw);
}
.scene .plane .room .chair .seat .geometry__side, .scene .plane .room .chair .back .geometry__side {
  background: var(--chair-bg-1) url("./assets/chair-textile-1a.jpg") center/cover;
}
.scene .plane .room .chair .seat .geometry__side::after, .scene .plane .room .chair .back .geometry__side::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.scene .plane .room .chair .seat .geometry__side--right::after, .scene .plane .room .chair .back .geometry__side--right::after {
  background: rgba(181, 168, 168, 0.32);
}
.scene .plane .room .chair .seat {
  --width: 10;
  --depth: 10;
  --height: 2;
}
.scene .plane .room .chair .seat .geometry__side--front::after {
  background: linear-gradient(25deg, transparent, rgba(181, 168, 168, 0.42));
}
.scene .plane .room .chair .seat .geometry__side--top::after {
  background: linear-gradient(151deg, transparent 50%, rgba(181, 168, 168, 0.42));
}
.scene .plane .room .chair .seat .geometry__side--back::after {
  background: rgba(181, 168, 168, 0.42);
}
.scene .plane .room .chair .chair__back {
  transform: translate3d(0vw, 8.5vw, 5.6vw);
}
.scene .plane .room .chair .chair__back .back {
  --width: 10;
  --depth: 2;
  --height: 10;
  --rotate-geometry-x: -6;
}
.scene .plane .room .chair .chair__back .back .geometry__side--top::after {
  background: linear-gradient(25deg, transparent, rgba(181, 168, 168, 0.42));
}
.scene .plane .room .chair .chair__back .back .geometry__side--back::after {
  background: linear-gradient(260deg, transparent 50%, rgba(181, 168, 168, 0.33));
}
.scene .plane .room .chair .chair__back .back .geometry__side--front::after {
  background: linear-gradient(44deg, transparent, rgba(185, 173, 173, 0.41));
}
.scene .plane .room .chair .chair__legs {
  transform: translate3d(0vw, 0vw, -3vw);
}
.scene .plane .room .chair .chair__legs .legs {
  --width: 0.5;
  --depth: 0.5;
  --height: 7;
}
.scene .plane .room .chair .chair__legs .legs.legs--top-left {
  --x: 9;
  --y: 9;
}
.scene .plane .room .chair .chair__legs .legs.legs--top-right {
  --x: 1;
  --y: 9;
}
.scene .plane .room .chair .chair__legs .legs.legs--bottom-left {
  --x: 9;
  --y: 1;
}
.scene .plane .room .chair .chair__legs .legs.legs--bottom-right {
  --x: 1;
  --y: 1;
}
.scene .plane .room .chair .chair__legs .geometry__side {
  background-color: #fac62f;
  background-image: url("./assets/wooden-3a.jpeg");
  background-size: cover;
}
.scene .plane .room .chair .chair__legs .geometry__side::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.scene .plane .room .chair::after {
  content: "";
  display: block;
  width: 21vw;
  height: 11vw;
  background: linear-gradient(79deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.12) 60%, transparent);
  border-radius: 0 50% 50% 0;
  transform: translate3d(3vw, -3vw, -6vw) skew(10deg, -20deg) rotateZ(1deg);
}

@-webkit-keyframes flamingo {
  22% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
  24% {
    filter: drop-shadow(0 0 2px var(--flamingo-color)) brightness(1.5);
  }
  28% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
  32% {
    filter: drop-shadow(0 0 2px var(--flamingo-color)) brightness(1.5);
  }
  34% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
}

@keyframes flamingo {
  22% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
  24% {
    filter: drop-shadow(0 0 2px var(--flamingo-color)) brightness(1.5);
  }
  28% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
  32% {
    filter: drop-shadow(0 0 2px var(--flamingo-color)) brightness(1.5);
  }
  34% {
    filter: drop-shadow(0 0 12px var(--flamingo-color)) brightness(1.9);
  }
}