@font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* <General classes.> */
* {-webkit-tap-highlight-color: rgba(255, 255, 255, 0)}
* {box-sizing: border-box}
input {border: 2px inset #eeeeee}
input:disabled {border-color: transparent}
input:focus {outline: none}
html {overscroll-behavior-y: contain; -webkit-touch-callout: none; -webkit-user-select: none}
html, body {color: #333333; margin: 0; padding: 0}
html, body {-ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none}
/* body {position: absolute; width: 100%; height: 100%; min-height: 100%; background-color: #dddddd; text-align: center; font-family: Open Sans; font-size: 26px} */
body {position: absolute; width: 100%; min-height: 100%; background-color: #dddddd; text-align: center; font-family: Open Sans; font-size: 26px}
body {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
/* body {zoom: 0.75} */
body {overflow: hidden}
body {display: flex; justify-content: start}
/* body {transform-origin: 0 0; display: flex; justify-content: center} */
/* <This tells the Javascript code that the screen is set to mobile view.> */
body {--max-device-width: 768px}
/* </This tells the Javascript code that the screen is set to mobile view.> */
input[type=file], input[type=file]::-webkit-file-upload-button {cursor: pointer}
/* </General classes.> */

/* <Generic button classes.> */
.item_button {box-sizing: border-box; position: relative; background-size: 225% 100%; vertical-align: middle; cursor: pointer; display: inline-block; border-color: transparent; background-repeat: no-repeat; background-color: inherit}
.item_button-small {width: 38px; height: 38px; padding: 0; border-width: 4px; border-style: solid}
.item_button:hover   {background-position : 100% 0}
/* </Generic button classes.> */

/* <Smoke v3 (alert, prompt, etc.) classes.> */
.smoke-base {position: fixed; padding-left: 0; padding-right: 0; margin-left: 0}
.smoke-base {vertical-align: middle; position: fixed; margin: 0; width: 100%; height: 100vh; margin: 0; padding: 0; left: 0; top: 0; justify-content: center; align-items: center; display: flex}
.smoke-dialog-text > * {margin-bottom: 18px; margin-top: 18px}
.smoke-dialog-text > * > * {margin-bottom: 18px; margin-top: 18px}
.smoke-dialog-text > *:first-child {margin-top: 0}
.smoke-dialog-text > * > *:first-child {margin-top: 0}
.smoke-dialog-text > *:last-child {margin-top: 0}
.smoke-dialog-text > * > *:last-child {margin-top: 0}
.smoke-dialog-stretch .smoke-dialog-text {width: fit-content; width: -moz-fit-content}
@supports (-ms-ime-align: auto) {.smoke-dialog-stretch .smoke-dialog-text {display: table}}
.smoke-dialog-stretch-with_buttons .smoke-dialog-text {border-bottom: 4px solid white; height: calc(100% - 114px)}
.smoke-dialog-stretch-with_buttons .smoke-dialog-text > img {max-width: 100%; max-height: 100%}
.smoke-dialog-detailed_text .smoke-dialog-text p {text-align: left}
.smoke-dialog-title-text {display: inline-block; flex-grow: 1}
.smoke-soft_button, .smoke-dialog-title-close {cursor: pointer; color: white; background-color: #63b4f5; text-align: center; transition: all .25s ease}
.smoke-dialog-title-close {font-size: 50px; padding-left: 18px; padding-right: 18px; display: block} /* For the icoMoon close icon.*/
.smoke-soft_button-large {width: 80px; height: 80px; font-size: 35px}
.smoke-soft_button-large.custom_symbols {line-height: 80px}
.smoke-soft_button-large.glyphicon {line-height: 78px; margin-bottom: 2px}
.smoke-dialog-title-close-fat {cursor: pointer; font-size: 40px; /*color: #00ccff;*/ padding-left: 14px; padding-right: 14px; margin-top: 0; margin-bottom: 0} /* For the fat glyphicons-halflings close icon.*/
.smoke-dialog-title-text + .smoke-dialog-title-close {width: 84px; margin-left: -84px; align-self: center; color: #63b4f5; background-color: transparent}
.smoke-soft_button:hover, .smoke-dialog-title-close:hover {color: #0c69b6}
.smoke-dialog-text {margin: 20px 18px 0px 18px}
.smoke-dialog-text > *:last-child {margin-bottom: 0}
.smoke-dialog-text > * > *:last-child {margin-bottom: 0}
.smoke-prompt {margin-top: 18px; margin-bottom: 18px; text-align: center}
.smoke-dialog-buttons {margin: 20px 18px 20px 18px}
.smoke-dialog-buttons > * {border-radius: 0; transition: color .5s ease}
.smoke-dialog-buttons > *:hover {background-color: goldenrod}
.smoke-dialog-buttons-ok:hover {background-color: #109414}
.smoke-dialog-buttons-cancel:hover {background-color: #ce2038}
.smoke-dialog-stretch-textonly {height: calc(100% - 40px); width: calc(100% - 40px); display: flex; flex-direction: column}
.smoke-dialog-wide {width: 60%}
.smoke-dialog-wide .smoke-dialog-text {text-align: left; text-indent: 1em}
.smoke-dialog-vertical_stretch {display: flex; flex-direction: column; max-height: calc(100% - 40px)}
.smoke-dialog-vertical_stretch .smoke-dialog-text {overflow-y: auto; margin-bottom: 0; display: block}
.smoke-dialog-vertical_stretch .smoke-dialog-buttons {margin-top: 22px}
.smoke-dialog-title {width: 100%; padding-top: 8px; padding-bottom: 0; font-weight: 700; font-size: 34px; line-height: 30px; border-bottom: none /*4px solid white*/; color: #ffffff; background-color: #63b4f5 /*#36a3fb*/; justify-content: space-between; flex-shrink: 0; display: flex}
.smoke-dialog-title-single_close_button {position: absolute; width: 80px; right: 0; justify-content: center}
.smoke-dialog-title-success {background-color: #41b910 /*#42c10e*/ /*#3ebd0a*/}
.smoke-dialog-title-error {background-color: #f55c5c /*#f56363*/}
.smoke-dialog-buttons > * {margin: 0 11px; padding: 18px 22px; font-family: Open Sans}
.smoke-dialog-buttons > *, .smoke-dialog-buttons {font-size: 24px; line-height: 24px}
.smoke-dialog-text-help_menu .smoke-dialog-text {overflow-y: auto; text-align: left}
.smoke-dialog-text-help_menu-back_button {cursor: pointer; position: relative; margin-right: 20px; font-weight: normal; vertical-align: middle; text-align: center; display: inline-block}
.smoke-dialog-text-help_menu-back_button, .smoke-dialog-text-help_menu-back_button + * {vertical-align: bottom; display: inline-block}
.smoke-dialog-text-help_menu-back_button + * {line-height: 80px}
@media (max-device-width: 768px) {.smoke-dialog-wide {width: 100%}}
@media (orientation: landscape) {.smoke-dialog-stretch {height: calc(100% - 40px); width: auto}}
@media (orientation: portrait) {.smoke-dialog-stretch {width: calc(100% - 40px); height: auto}}
@media (orientation: landscape) {.smoke-dialog-stretch .smoke-dialog-text > img {height: 100%}}
@media (orientation: portrait) {.smoke-dialog-stretch .smoke-dialog-text > img {width: 100%}}
/* </Smoke v3.> */

/* <Smoke tabs.> */
.smoke-dialog-title.smoke-dialog-title_with_tabs {margin-bottom: 0}
.smoke-dialog-tabs {font-size: 28px; line-height: 28px; text-align: left; width: 100%; font-weight: 600; border-top: 4px solid white; border-bottom: 4px solid white; color: white; display: flex; align-items: stretch}
.smoke-dialog-tab {background-color: #63b4f5; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; margin-right: 4px;cursor: pointer}
.smoke-dialog-tab:hover {background-color: #0c69b6}
.smoke-dialog-tab-active {background-color: #1f89e0}
.smoke-dialog-tab_empty {background-color: #63b4f5 /*#36a3fb*/; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; display: inline-block; flex-grow: 1}
 /* </Smoke tabs.> */

/* <Smoke artland mods.> */
.smoke-dialog-text-help_menu .smoke-dialog-text h1 {line-height: 0; margin-top: 0}
.smoke-dialog-text-help_menu .smoke-dialog-text h2, .smoke-dialog-text-help_menu .smoke-dialog-text h3 {font-family: Satisfy; text-align: center; color: #106cb7 /*#4799dc;*/}
.smoke-dialog-text-help_menu .smoke-dialog-text h2 {font-size: 80px; text-shadow: 1px 1px #0e82e1}
.smoke-dialog-text-help_menu .smoke-dialog-text h3 {font-size: 50px}
.smoke-dialog-text-help_menu .smoke-dialog-text p, .smoke-dialog-text-help_menu .smoke-dialog-text div {text-indent: 1em}
.smoke-dialog-title {font-size: 80px; font-weight: normal; line-height: 80px; height: 122px; letter-spacing: 8px; border-width: 0 0 0 0; border-style: solid; outline-width: 2px; outline-style: solid; font-family: 'Times New Roman'; color: #000000}
.smoke-dialog-buttons {position: relative; display: flex; align-content: space-between; align-items: center; justify-content: center}
.smoke-dialog {position: relative; width: 600px; margin: 20px; padding: 0; font-family: Open Sans; font-size: 26px; background: #fdf5eb; border: 2px solid #b9b9b9; border-radius: 0; outline: 2px solid #403124; display: flex; flex-direction: column}
.smoke-dialog {color: black; box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 5px #996633, inset 0 0 0 6px #000000; border: none}
.smoke-dialog-title {border-color: transparent; outline-color: transparent; background: transparent}
.smoke-prompt input {background-color: white; border: 2px solid #905a10; border-color: #b9b9b9; border-width: 2px; box-shadow: 0 0 10px #b9b9b9}
.smoke-fullscreen .smoke-dialog-text, .smoke-fullscreen .smoke-dialog-buttons {margin: 12px}
@media (max-device-width: 768px) {
 .smoke-fullscreen .smoke-dialog {font-size: 24px; width: 100%; height: 100%; margin: 0}
 .smoke-fullscreen .smoke-dialog-title {padding-top: 8px; padding-bottom: 8px}
 .smoke-fullscreen .artwork--credits {font-size: 20px}
}
/* </Smoke artland mods.> */

/* <Smoke diary.> */
.smoke-dialog-diary .smoke-dialog {width: 1200px}
.smoke-dialog-diary .smoke-dialog-text {text-align: left; text-indent: 1em; font-size: 28px; font-family: Open Sans}
.smoke-dialog-diary .smoke-dialog .smoke-dialog-title {background-color: #a2581a; font-weight: 500; font-size: 70px}
@media (max-device-width: 768px) {.smoke-dialog-diary .smoke-dialog {width: 750px}}
 /* </Smoke diary.> */

 /* <Progress bar.> */
.progressbar {position: relative; width: 50%; height: 80px; padding-top: 0; padding-bottom: 0; padding-right: 1em; padding-left: 1em; font-family: Open Sans; background-color: darkgreen; text-transform: none; overflow: hidden; display: flex}
.progressbar > *:first-child {position: absolute; width: 100%; height: 100%; background-image: url('../images/room/controls/progressbar-green.gif'); background-repeat: repeat-x; background-size: contain; transition: background-color .5s}
.progressbar:hover {filter: contrast(.95) brightness(1.05)}
.progressbar > *:last-child {position: relative; color: white; font-size: 28px; line-height: normal; text-align: center}
.progressbar-complete > *:first-child {background-image: url('../images/room/controls/progressbar-green-complete.gif')}
 .progressbar {box-sizing: content-box; transition: width 1s, height 0s, padding 0s, font 0s; align-items: center; justify-content: center; font-weight: normal; margin: 0 auto; display: flex}
.progressbar-as-button.progressbar {width: auto; transition: width 1s ease 0s, height 0s ease 0s, padding 0s ease 0s, font 0s ease 0s}
.progressbar-as-button.progressbar > *:first-child {background-image: none}
.progressbar-as-button.progressbar > *:last-child {font-size: 40px}
@media (max-device-width: 768px) {.smoke-fullscreen .progressbar {height: 70px}}
/* </Progress bar.> */
 
/* .dar--main {position: relative; width: 100%; display: flex; flex-wrap: wrap; align-content: start; background-color: #dddddd; gap: 12px} */
.dar--main {position: relative; width: 1472px; display: flex; flex-wrap: wrap; align-content: start; background-color: #dddddd; transform-origin: 0 0; gap: 12px}

.dar--main-content_container_wrapper {overflow: hidden; position: relative; display: block}
.dar--main-content_container {position: relative; overflow: hidden; transform-origin: 0 0; display: block}

.dar--timeline-content_container {display: flex; overflow: visible}
.dar--timeline-artwork {user-select: none; -moz-user-select: none; -webkit-user-drag: none; height: 700px; padding-top: 20px; padding-left: 10px; padding-right: 10px; display: inline-block}
.dar--timeline-artwork:first-child {padding-left: 20px}
.dar--timeline-artwork:last-child {padding-right: 20px}

.dar--timeline-artwork-image {pointer-events: none; box-shadow: 1px 1px 6px #888888; line-height: 0; display: block}
.dar--timeline-artwork-image-small {height: 450px}
.dar--timeline-artwork-details {position: relative; font-size: 18px; text-align:left; color: black; margin-top: 10px; height: 250px}
.dar--timeline-artwork-details-title {font-style: italic; font-size: 22px}
.dar--timeline-artwork-details-title {text-decoration: none}
.dar--timeline-artwork-details-title:hover {color: blue; text-decoration: underline}
.dar--timeline-artwork-details-title > *:last-child {vertical-align: middle; margin-left: 6px; margin-top: -1.5px}
.dar--timeline-artwork-details-created {display: inline-block}
.dar--timeline-artwork-details-medium {display: inline-block}
.dar--timeline-artwork-details-author, .dar--timeline-artwork-details-source, .dar--timeline-artwork-details-accession {font-size: 18px}

.dar--land-layer-skies, .dar--land-layer-backgrounds_and_sprites {position: absolute; display: block}
.dar--land-item-sky, .dar--land-item-background, .dar--land-item-sprite  {user-select: none; -moz-user-select: none; -webkit-user-drag: none; position: absolute; display: block}
.dar--land-item-sky {background-repeat: repeat; background-size: contain; width: 100%; position: absolute}
.dar--land-layer-skies {width: 100%; z-index: 1; position: relative}
.dar--land-layer-objects {width: 100%; z-index: 1; position: relative}
.dar--land-layer-backgrounds_and_sprites {z-index: 2; user-select: none; -moz-user-select: none; -webkit-user-drag: none}

.dar--compose-content_container_wrapper {background: linear-gradient(to right, #f7f7f7 0%, #c3c3c3 15%, #c3c3c3 85%, #f7f7f7 100%); display: flex}
.dar--compose-content_container_wrapper .dar--main-content_container {transform-origin: 50% 0; border-left: 1px solid #545454; border-right: 1px solid #545454}

.smoke-dialog-text .dar--room-preload-dialog {position: absolute; width: 100%; height: 85%; display: grid; flex-direction: column; justify-content: center; align-content: center; gap: 12px; zoom: 0.8}
.smoke-dialog-text .dar--room-preload-dialog * {margin: 0 !important; padding-top: 40px;}
.smoke-dialog-text .dar--room-preload-dialog h3 {font-family: 'TImes New Roman'; text-indent: 0; font-size: 40px; color: #000000; letter-spacing: 4px}
.smoke-dialog-text .dar--room-preload-dialog h3 span {font-size: 130%}
.smoke-dialog-text .dar--room-preload-dialog img {margin-inline: auto !important; margin-bottom: -60px; }
.smoke-dialog-text .dar--room-preload-dialog hr {width: 100%; border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #eeeeee}

.dar--room-header_container_wrapper {display: flex; flex-wrap: wrap; height: 53px; width: 100%}
.dar--room-header_content {position: relative; width: 100%; height: 100%; text-align: left; display: flex; font-family: 'Times New Roman'; justify-content: flex-start; align-items: center}
.dar--room-header_content h2 {margin: 0; font-size: 120%; letter-spacing: 3px; padding-left:20px;}
.dar--room-header_content h2 span {font-size: 120%}
.dar--room-logo {height: 89%}
/* .dar--room-header-controls {height: 58%; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 12%; gap: 20px} */
.dar--room-header-controls {height: 58%; flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 20px}
.dar--room-info-icon, .dar--room-save-icon, .dar--room-gallery-icon {height: 100%}
/* .dar--room-info-icon {height: 58%; position: absolute; right: 16%} */
.dar--room-info-icon-active {-webkit-filter: drop-shadow(0px 1px 6px #ffe839); filter: drop-shadow(0px 1px 6px #ffe839)}
.dar--room-gallery-icon-active {-webkit-filter: drop-shadow(0px 1px 6px #ffe839); filter: drop-shadow(0px 1px 6px #ffe839)}
.dar--room-floating-container {position: absolute; height: 90%; right: 15px; top: 53px; background: #ffffff; box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 5px #996633, inset 0 0 0 6px #000000; z-index: 20; font-size: 15px; font-family: 'Times New Roman'; padding: 7px 30px; text-align: left}
.dar--room-info-container {width: 300px}
.dar--room-info-icon-close-btn {position: absolute; top: 7px; right: 15px; font-family: 'Open Sans'; font-weight: bold; color: red; font-size: 16px}
.dar--room-gallery-icon-close-btn {position: absolute; top: 7px; right: 15px; font-family: 'Open Sans'; font-weight: bold; color: red; font-size: 16px}
.dar--room-hide {display: none;}
.dar--room-show {display: block}
/* .dar--room-header_horizontal_line {margin: 0 63px 0 11px; width: 100%; border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #eeeeee} */
.dar--room-header_horizontal_line {margin: 0 0 0 11px; width: 100%; border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #eeeeee}
.dar--room-main_content_wrapper {display: grid; grid-template-columns: 40px 822px min-content; grid-template-rows: min-content 103px; gap: 21px 28px; padding: 0px 27px 19px}
.dar--room-content_container_wrapper {position: relative; display: flex; border: 0 solid; border-left-color: #bbbbbb; border-top-color: #bbbbbb; border-right-color: #eeeeee; border-bottom-color: #eeeeee; margin: 31px 0 0}
.dar--room-content_container_wrapper .dar--main-content_container {border: 1px solid #555555}
.dar--room-controls_container_left {display: flex; flex-direction: column; gap: 15px; padding: 38px 0}
.dar--room-controls-lighting_container {font-size: 11px; line-height: 10px; text-transform: uppercase}
.dar--room-controls-lighting {height: 126px; width: 30px; border: 1px solid #eeeeee; outline: 1px solid #000000; margin: 0 5px 4px 5px}
.dar--room-controls-lighting-shadow {position: absolute; top: 0; left: 0}
.dar--room-controls-lighting-ceiling {background: linear-gradient(180deg, #c7fafc, #34679a)}
.dar--room-controls-lighting-wall {background: linear-gradient(180deg, #ffffff, #898989)}
.dar--room-controls-lighting-floor {background: linear-gradient(180deg, #ffcc99, #9a6733)}
.dar--room-controls-lighting-slider-container {position: relative; height:  100%}
.dar--room-controls-lighting-slider-control {height: 6px; width: 130%; background-color: #ffcc66; left: -15%; pointer-events: none; border: 1px solid #000000; position: absolute}
.dar--room-controls_container_right {flex: 1; display: flex; gap: 24px}
.dar--room-controls_footer_container_left {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; gap: 11px}
.dar--room-controls_footer_container_left img {width: 100%}
.dar--room-controls_footer_container_center {display: flex; justify-content: flex-end; gap: 48px}
.dar--room-controls_footer_container_right {display: flex; gap: 24px; font-size: 13px}
.dar--room-category_container {width: 238px; background-color: #996633; padding: 4px; border: 1px solid #000000; display: flex; flex-direction: column; font-family: 'Times New Roman'; box-shadow: 0 0px 20px rgb(0 0 0 / 50%)}
.dar--room-category_container-title {background-color: #eeeeee; border: 1px solid #000000; font-size: 18px; width: 100%; height: 26px; margin-bottom: 4px; padding-top: 2px; text-transform: uppercase}
.dar--room-category_container-content {background-color: #ffffff; border: 1px solid #000000; width: 100%; height: 26px; flex: 1}
.dar--room-category-item_container {padding: 16px 18px 10px 16px; display: flex; flex-direction: column; justify-content: space-between}
.dar--room-category-item_list_wrapper {position: relative; display: flex; flex-direction: column}
.dar--room-category-item_list_container {display: grid; grid-auto-rows: minmax(min-content, max-content); gap: 5.85px; justify-items: center}
/* .dar--room-category-item_container {display: grid; grid-auto-rows: minmax(min-content, max-content); padding: 18px 21px 18px 18px}
.dar--room-category-item_container div {width: 100%; padding: 7.8px} */
.dar--room-category-item_list_container img {width: 100%}
/* .dar--room-category-item-active {border: 2px solid red} */
.dar--room-category-item-active {box-shadow: 0 0 0 3px #ffcc66, 0 0 0 4px #000000}
.dar--room-category-category_container {padding: 26px 16px 35px 18px}
.dar--room-category_container-title-item {color: #cc0000; letter-spacing: 5px}
.dar--room-category_container-title-category {color: #336699; letter-spacing: 7px}
.dar--room-category {height: 42px; width: 100%; text-align: left; text-transform: uppercase; position: relative; font-size: 16px; letter-spacing: 0.56px; display: flex}
.dar--room-category:not(:last-child)::before {position: absolute; content: ''; width: calc(100% - 4px); right: 0; bottom: 0; border-bottom: 1px solid #e0e3da}
.dar--room-category span {padding-top: 11px; position: relative}
.dar--room-category img {position: absolute; top: 50%; padding-left: 4px; transform: translate(0, -50%) scale(0.74)}
.dar--room-category-active::after {position: absolute; content: ''; width: 109px; left: -13px; bottom: 7px; border-bottom: 3px solid #000000}
.dar--room-category-active span::before {position: absolute; content: ''; width: 22px; height: 16px; left: -48px; top: 13px; background-color: #ffcc66; border: 1px solid #000000}
.dar--room-custom-btn {cursor: pointer}
.dar--room-custom-btn img, img.dar--room-custom-btn, .dar--room-not-drag {-ms-user-drag: none; -moz-user-drag: none; -webkit-user-drag: none}
.dar--room-item_description-container {width: 481px; background-color: #efefef; background-size: 10px; background-repeat: no-repeat; background-position: left 4px top 4px, right 4px top 4px, left 4px bottom 4px, right 4px bottom 4px; padding: 18px 36px; font-size: 12px; font-family: 'Arial'; color: #000000}
.dar--room-controls-item-control-grp {display: flex; width: 150px; flex-direction: row; flex-wrap: wrap; gap: 11px 15px}
.dar--room-controls-item-control-grp img {height: 100%; width: 100%}
.dar--room-controls-delete, .dar--room-controls-flip, .dar--room-controls-resize {background-color: #cccbcb; box-shadow: inset 0 0 0 1px #a0a0a0; height: 45px; position: relative}
.dar--room-controls-delete, .dar--room-controls-flip {width: 45%}
.dar--room-controls-resize {width: 100%}
.dar--room-controls-resize-level {width: 100%; height: 100%; background-color: #dddddd; position: absolute; top: 0; display: flex; justify-content: space-between}
.dar--room-controls-resize-level img {height: 100%; width: auto}
.dar--room-controls-resize-wrapper {height: 100%; position: relative}
.dar--room-controls-resize-wrapper img {position: absolute; left: 0; top: 0}
.dar--room-controls-resize-slider-container {height: 100%; position: relative; width: 90%; padding: 5% 0; margin: 0 5%; top: 0}
.dar--room-controls-horizontal-slider-control, .dar--room-controls-vertical-slider-control {background-color: #ffcc66; top: 10%; pointer-events: none; border: 1px solid #000000; position: absolute}
.dar--room-controls-horizontal-slider-control {height: 80%; width: 4px}
.dar--room-controls-vertical-slider-control {width: 80%; height: 4px}
.dar--room-category-item-light_switch {height: 72px; margin-top: 10px}
.dar--room-controls-windows-number-container {position: relative; order: -1; margin-bottom: 5.85px}
.dar--room-controls-windows-number-container p {margin: 0; text-align: left; font-size: 8.6px; margin-bottom: 5.85px; text-transform: uppercase}
.dar--room-controls-windows-number {grid-template-columns: repeat(4, 1fr)}
.dar--room-controls-windows-slider {position: relative; height: 44px; margin-top: 30px; order: 1}
.dar--room-controls-windows-slider img {width: 100%}
.dar--room-controls-windows-slider-container {height: 100%; position: absolute; width: 90%; padding: 5% 0; margin: 0 5%; top: 0}
.dar--room-category_description, .dar--room-hint {width: 50%; text-align: left}
.dar--room-category_description {color: #990000}
.dar--room-hint {color: #38699a}
.dar--room-palette-ceilings {margin-top: 112px}
.dar--room-palette-walls {margin-top: 37px}
.dar--room-palette-trim {margin-top: 75px}
.dar--room-palette-option {display: flex; margin-top: 11px}
.dar--room-palette-option div {padding: 15px 0; text-transform: uppercase; font-size: 11px; background-color: #4b5e94; color: #ededee; border: 1px solid #484848; box-shadow: inset 0 0 0 1px #dddfe5}
.dar--room-palette-option .dar--room-palette-option-active {box-shadow: inset 0 0 0px 3px #ffcc66}
/* .dar--room-lighting {opacity: 0} */
.dar--room-overlay {background-repeat: no-repeat; background-size: cover}
.dar--room-overlay::before {content: ''; background-image: var(--overlay-imagee); background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0}
.dar--room-overlay::after {content: ''; background-image: var(--overlay-image); background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: var(--overlay-opacity)}

/* .dar--room-gallery-container {width: 350px; padding: 10px} */
.dar--room-gallery-container {width: 38%; padding: 10px; box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 5px #996633, inset 0 0 0 6px #000000, 0 0px 20px rgb(0 0 0 / 50%)}
.dar--room-gallery-content {height: 100%; display: flex; flex-direction: column}
.dar--room-gallery-title {margin: 10px 0; text-align: center; text-transform: uppercase}
/* .dar--room-gallery-list {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; overflow-y: auto; padding: 20px; gap: 20px; border-top: 2px solid #996633} */
/* .dar--room-gallery-list {width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 1fr; align-items: start; overflow-y: auto; padding: 10px; gap: 10px; border-top: 2px solid #996633} */
.dar--room-gallery-list {width: 100%; height: 100%; display: grid; grid-auto-rows: min-content; grid-template-columns: repeat(auto-fit, 150px); align-items: start; justify-content: space-evenly; overflow-y: auto; padding: 20px 0; gap: 20px; border-top: 2px solid #996633}
.dar--room-gallery-item {display: flex; width: 100%; border: 2px solid #333; flex-direction: column}
.dar--room-gallery-item:hover {border-color: #996633; box-shadow: 0 0px 20px rgb(153 102 51 / 40%)}
.dar--room-gallery-item p {text-align: center; margin: 5px}
.dar--room-gallery-item img {width: 100%}
.dar-room-gallery-button_panel {display: flex; justify-content: space-evenly}
.dar-room-gallery-artwork-button {padding: 5px}
.dar-room-gallery-artwork-button:hover {color: #996633}

.dar--main-control_panel:before {z-index: 1; position: absolute; left: 0; top: 0; height: 1px; content: ''; width: 100%; background-color: #b1b1b1}
.dar--main-control_panel {z-index: 100; position: fixed; bottom: 0; display: flex; width: 100%; border-top: black 1px solid; background: linear-gradient(180deg, #79797a, #060606); justify-content: flex-start; align-items: center; flex-direction: row; display: flex}

.dar--main-control_panel-tab-no-border, .dar--main-control_panel-tab {transition: color .3s, background-color .3s, border-color .3s, font-size .3s; cursor: pointer; z-index: 2; height: 100%; justify-content: center; align-items: center; flex-shrink: 0; display: flex}
.dar--main-control_panel-tab-no-border, .dar--main-control_panel-tab img {user-select: none; -moz-user-select: none; -webkit-user-drag: none}

.dar--main-control_panel-tab:not(:last-child) {border-right: 1px solid black}
.dar--main-control_panel-tab:not(:first-child) {border-left: 1px solid #b1b1b1}

.dar--main-control_panel-tab-main-menu {width: 56px; color: white; font-size: 36px}
.dar--main-control_panel-tab-help {width: 56px; background: #4399bb; background: linear-gradient(180deg, #57cfff, #4399bb); color: white; font-size: 45px; font-weight: bold; font-family: arial}
.dar--main-control_panel-tab-description {cursor: default; transition: font-size 0s; width: 500px; padding-left: 4px; padding-right: 4px; color: white; font-family: open sans; font-weight: normal; flex-direction: column}
.dar--main-control_panel-tab-description > div {display: block}
.dar--main-control_panel-tab-sky-container {padding-left: 8px; padding-right: 8px; flex-direction: row}
.dar--main-control_panel-tab-sky-container > img {height: 41px; margin: 4px; border: 1px solid white; outline: 1px solid black; display: inline-block}
.dar--main-control_panel-tab-navigator {padding-left: 8px; padding-right: 8px}
.dar--main-control_panel-tab-navigator-navbar-marker {z-index: 1; position: absolute; height: 63px; top: -63px; opacity: .5; background-color: white; pointer-events: none}
.dar--main-control_panel-tab-navigator-navbar-button {width: 173px; margin: 0 auto; border: 1px solid white; outline: 1px solid black}
.dar--main-control_panel-tab-navigator-navbar-expanded {position: absolute; width: 1920px; left: 0}
@media (min-device-width: 769px) {.dar--main-control_panel {--navbar-height: 83; --marker-height: 62}}
@media (max-device-width: 768px) {.dar--main-control_panel {--navbar-height: 92; --marker-height: 62}}
.dar--main-control_panel-tab-navigator-navbar-timeline {padding: 0}
.dar--main-control_panel-tab-navigator-navbar-marker-timeline {z-index: 100}
.dar--main-control_panel-tab-navigator-navbar-button-timeline {height: calc(100% - 16px); font-size: 18px; font-family: arial; color: black; line-height: 40px; background-color: white; display: flex; justify-content: center; align-items: center; user-select: none; -moz-user-select: none; -webkit-user-drag: none; display: none}
.dar--main-control_panel-tab-navigator-navbar-expanded-timeline:before {content: ''; position: absolute; width: 100%; height: 2px; left: 0; top: 0; opacity: .55; z-index: 101; background: #d8d8d8}
.dar--main-control_panel-tab-navigator-navbar-expanded-timeline:after {content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; opacity: .30; z-index: 101; background: #4e4e4e}
.dar--main-control_panel-tab-navigator-navbar-expanded-timeline {background-color: #aaaaaa; display: flex; flex-direction: row; align-items: center}
.dar--main-control_panel-tab-navigator-navbar-expanded-timeline-date {position: absolute; font-size: 22px; border-radius: 100%; color: white; background-color: grey; display: flex; pointer-events: none; justify-content: center; align-items: center; user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.dar--main-control_panel-tab-navigator-navbar-expanded-timeline-period {position: absolute; opacity: .9; display: flex; pointer-events: none; justify-content: center; align-items: center; user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.dar--main-control_panel-tab-full-screen {width: 56px; margin-left: auto; color: white; font-size: 24px; font-weight: bold; font-family: arial}
.dar--main-control_panel-tab-hide {width: 56px; color: white; font-size: 24px; font-weight: bold; font-family: arial}

.dar--main-control_panel-tab-help.dar--main-control_panel-tab {border: none}

.dar--main-control_panel-tab-lit {color: black; background-color: #ffcc33}
.dar--main-control_panel-tab-lit > img {outline-color: transparent}

.dar--main-control_panel-tab-description.dar--main-control_panel-tab {cursor: default; background: none; color: white}

.dar--main-control_panel-tab-compose-spacer-1 {width: 56px; height: 100%}
.dar--main-control_panel-tab-room-spacer-1 {width: 56px; height: 100%}
@media (max-device-width: 768px) {.dar--main-control_panel-tab-compose-spacer-1 {width: 20px}}
@media (max-device-width: 768px) {.dar--main-control_panel-tab-room-spacer-1 {width: 20px}}
.dar--main-control_panel-tab-cat-wrapper {height: fit-content; height: -moz-fit-content; align-self: flex-end; flex-direction: column; border-left: 0 !important; border-right: 0 !important; display: flex}
@supports (-ms-ime-align: auto) {.dar--main-control_panel-tab-cat-wrapper {display: table}}
.dar--main-control_panel-tab-cat-description {position: relative; font-size: 18px; color: white; background-color: #5a5a5a; border: 1px solid #a2a2a2; height: 28px; line-height: 28px; width: 100%; display: block}
.dar--main-control_panel-tab-cat-subcat-container {width: 100%; display: flex; justify-content: space-evenly; align-items: flex-start; flex-direction: row; transition: color .3s, background-color .3s, border-color .3s, font-size .3s; cursor: pointer; z-index: 2}
.dar--main-control_panel-tab-cat-maincat-container {display: block}

.dar--main-control_panel-tab-maincat-container {position: relative; width: 100px; top: 0; border-top-color: #989898; border-top-style: solid; border-top-width: 8px; display: inline-block}
@media (max-device-width: 768px) {.dar--main-control_panel-tab-maincat-container  {border-top-width: 12px}}
.dar--main-control_panel-tab-maincat-button {}
.dar--main-control_panel-tab-maincat-button-image {margin: 0 auto; height: 32px; padding-top: 2px; filter: grayscale(1) contrast(0.3) brightness(2) brightness(.8); transition: filter .5s}
.dar--main-control_panel-tab-maincat-button-text {font-size: 17px; color: white; margin-top: -8.5px; text-transform: uppercase}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container {border-top-color: #ffcc35}
.dar--main-control_panel-tab-lit .dar--main-control_panel-tab-maincat-button-image {filter: none}

.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-skies {border-top-color: #268aa7 /*#268a8a*/}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-mountains {border-top-color: #a75535}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-grounds {border-top-color: #6d6512}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-mid-trees {border-top-color: #2ea72e}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-buildings {border-top-color: #bf6915}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-people {border-top-color: #94449a}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-animals {border-top-color: #dcdcdc}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-trees {border-top-color: #2ea72e}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-foregrounds {border-top-color: #2ea72e}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container-transports {border-top-color: #268a8a /*#a44e27*/}
.dar--main-control_panel-tab-lit.dar--main-control_panel-tab-maincat-container {transition: background-color .5s; background-color: #b3b3b3}

.artland-main-module_selection-section:hover {filter: brightness(1.1)}
.artland-main-module_selection-section:hover .artland-main-module_selection-section-text {}
.artland-main-module_selection-section {cursor: pointer; font-family: Open Sans; user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.artland-main-module_selection-section {flex-direction: column; padding: 0; display: flex}
.artland-main-module_selection-section-pan {background-color: #e29842}
.artland-main-module_selection-section-compose {background-color: #008080}
.artland-main-module_selection-section-room {background-color: #008080}
.artland-main-module_selection-section-timeline {background-color: #104a88}
.artland-main-module_selection-section-gallery {background-color: #d4c952}
.artland-main-module_selection-section-header {font-size: 50px; font-weight: 600; text-transform: uppercase; text-shadow: .5px .5px 4px #818181; -webkit-text-stroke-width: .5px; text-stroke-width: .5px}
.artland-main-module_selection-section-image {height: 64px; margin: 0 auto}
.artland-main-module_selection-section-text {color: black; font-size: 20px; margin-bottom: 0; margin-top: 0}
.artland-main-module_selection-section-pan .artland-main-module_selection-section-header {margin-top: 76px; color: #4a7da1; -webkit-text-stroke-color: ##4a7da1; text-stroke-color: #4a7da1}
.artland-main-module_selection-section-compose .artland-main-module_selection-section-header {margin-top: 63.5px; color: #1f702e; -webkit-text-stroke-color: #1f702e; text-stroke-color: #1f702e}
.artland-main-module_selection-section-room .artland-main-module_selection-section-header {margin-top: 63.5px; color: #1f702e; -webkit-text-stroke-color: #1f702e; text-stroke-color: #1f702e}
.artland-main-module_selection-section-timeline .artland-main-module_selection-section-header {margin-top: 71px; color: #c72b2b; -webkit-text-stroke-color: #c72b2b; text-stroke-color: #c72b2b}
.artland-main-module_selection-section-gallery .artland-main-module_selection-section-header {margin-top: 71px; color: #787878; -webkit-text-stroke-color: #787878; text-stroke-color: #787878}

.dar--main-control_panel-tab-subcat-container-wrapper {width: 0; align-self: flex-start; position: relative; overflow: visible; display: block; z-index: 3; outline: none; border: none !important}
.dar--main-control_panel-tab-subcat-container {height: 100%; background: linear-gradient(180deg, #ffffff, #268aa7); border: none !important; display: flex; justify-content: center; align-items: flex-start; flex-direction: row}
@media (min-device-width: 769px) {.dar--main-control_panel-tab-cat-subcat-container {--icon-width: 74}}
@media (max-device-width: 768px) {.dar--main-control_panel-tab-cat-subcat-container {--icon-width: 100}}
.dar--main-control_panel-tab-subcat-item {border: 2px solid #268aa7}
.dar--main-control_panel-tab-subcat-item, .dar--main-control_panel-tab-subcat-arrow-back, .dar--main-control_panel-tab-subcat-arrow-forward {margin-top: 4px; margin-bottom: 4px}
.dar--main-control_panel-tab-subcat-item-lit {border-color: white}

.dar--main-control_panel-tab-flip {background-image: url(../images/compose/gui/gui-flip.png)}
.dar--main-control_panel-tab-flip {background-image: url(../images/room/gui/gui-flip.png)}
.dar--main-control_panel-tab-resize {background-image: url(../images/compose/gui/gui-resize.png); z-index: 9; position: relative; overflow: visible; display: block}
.dar--main-control_panel-tab-resize {background-image: url(../images/room/gui/gui-resize.png); z-index: 9; position: relative; overflow: visible; display: block}
.dar--main-control_panel-tab-level {background-image: url(../images/compose/gui/gui-level.png); display: block}
.dar--main-control_panel-tab-level {background-image: url(../images/room/gui/gui-level.png); display: block}
.dar--main-control_panel-tab-remove {background-image: url(../images/compose/gui/gui-remove.png)}
.dar--main-control_panel-tab-remove {background-image: url(../images/room/gui/gui-remove.png)}
.dar--main-control_panel-tab-undo {background-image: url(../images/compose/gui/gui-undo.png)}
.dar--main-control_panel-tab-undo {background-image: url(../images/room/gui/gui-undo.png)}
.dar--main-control_panel-tab-redo {background-image: url(../images/compose/gui/gui-redo.png)}
.dar--main-control_panel-tab-redo {background-image: url(../images/room/gui/gui-redo.png)}
.dar--main-control_panel-tab-random {background-image: url(../images/compose/gui/gui-random.png)}
.dar--main-control_panel-tab-random {background-image: url(../images/room/gui/gui-random.png)}
.dar--main-control_panel-tab-clear {background-image: url(../images/compose/gui/gui-clear.png)}
.dar--main-control_panel-tab-clear {background-image: url(../images/room/gui/gui-clear.png)}
.dar--main-control_panel-tab-save {background-image: url(../images/compose/gui/gui-save.png)}
.dar--main-control_panel-tab-save {background-image: url(../images/room/gui/gui-save.png)}
.dar--main-control_panel-tab-tools-button {background-image: url(../images/compose/gui/gui-tools.png)}
.dar--main-control_panel-tab-tools-button {background-image: url(../images/room/gui/gui-tools.png)}
.dar--main-control_panel-tab-tools-button-lit {background-image: url(../images/compose/gui/gui-tools-lit.png)}
.dar--main-control_panel-tab-tools-button-lit {background-image: url(../images/room/gui/gui-tools-lit.png)}


@media (min-device-width: 769px) {
 .dar--main-control_panel-compose_button {width: 56px; height: 56px; background-size: 56px, cover; background-position: 0 0}
 .dar--main-control_panel-room_button {width: 56px; height: 56px; background-size: 56px, cover; background-position: 0 0}
 .dar--main-control_panel-tab-level > div {position: relative; width: 100%; height: 36%; display: block}
}

@media (max-device-width: 768px) {
 .dar--main-control_panel-tab-level > div {position: relative; width: 100%; height: 36%; display: block}
 .dar--main-control_panel-tab-tools {margin-bottom: 12px}
 .dar--main-control_panel-compose_button.dar--main-control_panel-tab-tools-button,
 .dar--main-control_panel-room_button.dar--main-control_panel-tab-tools-button,
 .dar--main-control_panel-compose_button.dar--main-control_panel-tab-tools-button-lit
 .dar--main-control_panel-room_button.dar--main-control_panel-tab-tools-button-lit
 {background-size: 76.5px, cover; background-position: -1px, 50%}
 .dar--main-control_panel-compose_button.dar--main-control_panel-tab-tools-expanded {margin-bottom: 7px; margin-right: 1px; width: calc(100% + 8px)}
 .dar--main-control_panel-room_button.dar--main-control_panel-tab-tools-expanded {margin-bottom: 7px; margin-right: 1px; width: calc(100% + 8px)}
 .dar--main-control_panel-compose_button {width: 72px; height: 72px; margin-left: 3px; margin-right: 3px; margin-top: 0px; margin-bottom: 1px; background-size: 72px, cover; background-position: 0 0; align-self: flex-end}
 .dar--main-control_panel-room_button {width: 72px; height: 72px; margin-left: 3px; margin-right: 3px; margin-top: 0px; margin-bottom: 1px; background-size: 72px, cover; background-position: 0 0; align-self: flex-end}
 .dar--main-control_panel-tab-maincat-button-text {margin-top: -4.5px; margin-bottom: 4px; font-size: 14px}
 .dar--main-control_panel-tab-maincat-container {width: 76px}
 .dar--main-control_panel-tab-maincat-button-image {height: 34px; margin-top: 6px}
}

.dar--main-control_panel-tab-tools {position: relative; display: flex; height: fit-content; flex-direction: column; margin-left: -1px; margin-right: 0; align-self: flex-end}
.dar--main-control_panel-tab-tools-expanded {position: relative; margin-left: -1px; height: fit-content; margin: 0; border-left: black 1px solid; border-top: black 1px solid; background: linear-gradient(90deg, #79797a, #060606); display: flex; flex-direction: column; background-repeat: no-repeat; background-position: center 100%}
.dar--main-control_panel-tab-tools-expanded:before {z-index: 1; position: absolute; left: 0; top: 0; width: 1px; content: ''; height: 100%; background-color: #b1b1b1}
.dar--main-control_panel-tab-tools-expanded:after {z-index: 1; position: absolute; left: 0; top: 0; height: 1px; content: ''; width: 100%; background-color: #b1b1b1}
.dar--main-control_panel-compose_button.dar--main-control_panel-tab-tools-button, .dar--main-control_panel-compose_button.dar--main-control_panel-tab-tools-button-lit {margin: 0}
.dar--main-control_panel-room_button.dar--main-control_panel-tab-tools-button, .dar--main-control_panel-room_button.dar--main-control_panel-tab-tools-button-lit {margin: 0}
.dar--main-control_panel-tab-resize-inner-foreground-container {overflow: visible !important}
.dar--main-control_panel-tab-resize-inner-foreground-control {position: absolute; display: none}
.dar--main-control_panel-tab-resize-inner-background {width: calc(100% + 1px); height: 100%}
.dar--main-control_panel-tab-resize {background-position: 50% 0; background-repeat: no-repeat}
.dar--main-control_panel-tab-resize-inner-horizontal {position: absolute; height: 56px; display: block}
.dar--main-control_panel-tab-resize-inner-foreground-left {position: absolute; left: 0; margin-bottom: 12px; background: linear-gradient(to right, #c2e8f7, #0593ca); box-sizing: content-box; border: none; box-shadow: -1px -1px 4px #352f00 inset, 1px 1px 4px #78d5ea inset; z-index: 1}
.dar--main-control_panel-tab-resize-inner-foreground-right {position: absolute; right: 1px; margin-bottom: 12px; border: none; background: #959595; z-index: 0; box-sizing: content-box}
.dar--main-control_panel-tab-resize-inner-vertical {position: absolute; width: 56px; display: block}
.dar--main-control_panel-tab-resize-inner-foreground-top {position: absolute; bottom: 0; margin-left: 12px; background: linear-gradient(to right, #c2e8f7, #0593ca); box-sizing: content-box; border: none; box-shadow: -1px -1px 4px #352f00 inset, 1px 1px 4px #78d5ea inset; z-index: 1}
.dar--main-control_panel-tab-resize-inner-foreground-bottom {position: absolute; top: 1px; margin-left: 12px; border: none; background: #959595; z-index: 0; box-sizing: content-box}
.dar--main-control_panel-tab-resize {background-position: 50% 100%}
@media (min-device-width: 769px) {
 .dar--main-control_panel-tab-resize-horizontal {width: 112px}
 .dar--main-control_panel-tab-resize-vertical {height: 112px}
 .dar--main-control_panel-tab-resize-inner-horizontal {width: 92px; left: 10px; top: 7px}
 .dar--main-control_panel-tab-resize-inner-vertical {height: 86px; bottom: 20px; left: 2px}
 .dar--main-control_panel-tab-resize-inner-foreground-left, .dar--main-control_panel-tab-resize-inner-foreground-right {height: 28px}
 .dar--main-control_panel-tab-resize-inner-foreground-top, .dar--main-control_panel-tab-resize-inner-foreground-bottom {width: 28px}
}
@media (max-device-width: 768px) {
 .dar--main-control_panel-tab-resize-horizontal {width: 80px}
 .dar--main-control_panel-tab-resize-vertical {height: 102px}
 .dar--main-control_panel-tab-resize-inner-horizontal {width: 70px; left: 5px; top: 6px}
 .dar--main-control_panel-tab-resize-inner-vertical {height: 68px; bottom: 27px; left: 11px}
 .dar--main-control_panel-tab-resize-inner-foreground-left, .dar--main-control_panel-tab-resize-inner-foreground-right {height: 26px}
 .dar--main-control_panel-tab-resize-inner-foreground-top, .dar--main-control_panel-tab-resize-inner-foreground-bottom {width: 26px}
}

.artland-main-module_selection-section-header {font-size: 45px; margin-bottom: -6px}
.artland-main-module_selection-section-header > span:first-child {font-size: 48px; line-height: 50px}
.artland-main-module_selection-section-header > span:last-child {font-size: 36px}
.artland-main-module_selection-section {height: 256px; width: 540px; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; outline: none; border: none; background-size: 540px 256px; border: 2px solid; box-shadow: 0px 0px 20px #868686; box-sizing: content-box}
.artland-main-module_selection .smoke-dialog {background: #4b79ad; background: #f9f5ef; background: #fdf5eb; border-color: #b9b9b9; outline-color: #231202; outline-style: solid; outline-width: 2px; border-width: 2px; display: block}

.artland-main-module_selection-section.artland-main-module_selection-section-pan  {border-color: #2c5b96; background-image: url(../images/gui/gui-menu-bg-pan.png); background-position: calc(50% + 30px) 50%; background-size: 602px 256px}
.artland-main-module_selection-section.artland-main-module_selection-section-compose {border-color: #3b563e; background-image: url(../images/gui/gui-menu-bg-compose.png)}
.artland-main-module_selection-section.artland-main-module_selection-section-room {border-color: #3b563e; background-image: url(../images/gui/gui-menu-bg-room.png)}
.artland-main-module_selection-section.artland-main-module_selection-section-timeline {border-color: #7d1b1b; background-image: url(../images/gui/gui-menu-bg-timeline.png)}
.artland-main-module_selection-section.artland-main-module_selection-section-gallery {border-color: #808080; background-image: url(../images/gui/gui-menu-bg-gallery.png)}

.artland-main-module_selection-section-pan .artland-main-module_selection-section-text {margin-left: 100px; margin-right: 100px}
.artland-main-module_selection-section-compose .artland-main-module_selection-section-text {margin-left: 145px; margin-right: 145px}
.artland-main-module_selection-section-room .artland-main-module_selection-section-text {margin-left: 145px; margin-right: 145px}
.artland-main-module_selection-section-timeline .artland-main-module_selection-section-text {margin-left: 100px; margin-right: 100px}
.artland-main-module_selection-section-gallery .artland-main-module_selection-section-text {margin-left: 132px; margin-right: 132px}

.artland-main-module_selection .smoke-dialog {width: fit-content; width: -moz-fit-content}
@supports (-ms-ime-align: auto) {.artland-main-module_selection .smoke-dialog {display: table; width: 1200px}}
.artland-main-module_selection .smoke-dialog-text {margin: 30px}
.artland-main-module_selection-container {display: block}
.artland-main-module_selection-side {display: inline-block; width: 540px; margin-bottom: 0; vertical-align: top}
.artland-main-module_selection-side-left {margin-right: 30px}
.artland-main-module_selection-side > div:first-child {margin-bottom: 30px}

.artland-main-module_selection .smoke-dialog-title {height: 85px}
.artland-main-module_selection .smoke-dialog-title .smoke-dialog-title-text {align-self: center}
.artland-main-module_selection .smoke-dialog-title .smoke-dialog-title-text img {height: 70px; display: block; margin: 0 auto}
.artland-main-module_selection-stupid-description {color: black; font-size: 22px; line-height: 65px; margin-bottom: 0}
.artland-main-module_selection .smoke-dialog-text {margin-top: 0}

@media (max-device-width: 768px) {
 @media (orientation: portrait) {
  .artland-main-module_selection-side {display: block}
  .artland-main-module_selection-side-left {margin-right: 0; margin-bottom: 30px}
 }
}

.dar--gallery-content_container {overflow-y: scroll; flex-wrap: wrap; justify-content: center; align-content: flex-start; display: flex}
.dar--gallery-header {align-self: center; width: 100%; border-bottom: 10px solid #e1c37d; margin-bottom: 18px; font-family: arial; color: #e1c37d; text-shadow: 1px 1px 4px rgba(68, 68, 68, 0.5); -webkit-text-stroke: #866e3e .5px; text-stroke: #866e3e .5px; background: #816631}
.dar--gallery-header > span:first-child {font-size: 94px}
.dar--gallery-header > span:last-child {font-size: 76px}
.dar--gallery-artwork {margin: 20px; padding: 2px; border-color: #b9b9b9; border-width: 2px; outline-color: #231202; outline-style: solid; outline-width: 2px; box-shadow: 0px 0px 20px #868686; color: black; background: #673306; display: inline-block}
.dar--gallery-artwork-title {height: 46px; line-height: 42px; text-align: center; font-size: 26px; font-style: italic; border: 2px solid black; border-bottom: none; background: #f9f3e4; display: block}
.dar--gallery-artwork-image {width: 484px; height: 259.5px; border: 2px solid black; margin: auto; display: block; cursor: pointer}
.dar--gallery-button_panel {margin: 0 auto; margin-top: 2px; border: 2px solid black; background: #cea636; justify-content: center; display: flex}
.dar--gallery-artwork-button {width: 48px; height: 44px; line-height: 44px; font-size: 26px; text-align: center; background: #cea636; cursor: pointer}
.dar--gallery-artwork-button:hover {color: #fdf4db}

.smoke-dialog-text-help_menu .smoke-dialog-text {margin-top: 4px; margin-bottom: 0; overflow: hidden}
/* .smoke-dialog-text-help_menu .smoke-dialog {border: none; width: 1060px; height: 680px; color: white; font-size: 23px; background-color: #dddddd; box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 5px #996633, inset 0 0 0 6px #000000; border: none} */
.smoke-dialog-text-help_menu .smoke-dialog {border: none; width: 70vw; height: 90vh; color: white; font-size: 23px; background-color: #dddddd}
/* .smoke-dialog-text-help_menu .smoke-dialog {border: none; width: 100%; height: 100%; color: white; font-size: 23px; background-color: #dddddd; box-shadow: inset 0 0 0 1px #000000, inset 0 0 0 5px #996633, inset 0 0 0 6px #000000; border: none} */
.smoke-dialog-text-help_menu .smoke-dialog-buttons {flex-grow: 0; margin-top: auto; margin-left: 0; margin-right: 0; flex-direction: column}
.smoke-dialog-text-help_menu-timeline .smoke-dialog,
.smoke-dialog-text-help_menu-timeline .smoke-dialog-buttons > *:not(.smoke-dialog-buttons-ok) {color: black}
.smoke-dialog-text-help_menu-section-header {font-weight: normal; text-transform: uppercase; text-shadow: 1px 1px 4px #1f1f1f}
.smoke-dialog-text-help_menu-section-header > span:first-child {font-size: 80px; line-height: 50px}
.smoke-dialog-text-help_menu-section-header > span:last-child {font-size: 65px}
.smoke-dialog-text-help_menu-credits_link {text-decoration: underline; cursor: pointer; line-height: 50px; font-style: italic}
.smoke-dialog-text-help_menu-copyright {display: block; margin: 0; text-indent: 0 !important; font-size: 15px; font-style: italic; margin-left: 40px; margin-right: 40px; padding: 0; background: none; text-transform: none; font-weight: normal; line-height: 16px; cursor: default; flex-shrink: 1}
.smoke-dialog-text-help_menu-copyright:hover {background: none}

.smoke-dialog-text-help_menu .smoke-dialog-buttons-ok, .smoke-dialog-text-help_menu .progressbar-as-button.progressbar > *:last-child {margin-left: auto; margin-right: auto; font-size: 40px; height: 80px; line-height: 40px; font-weight: normal; display: flex; align-items: center; flex-shrink: 0}

.smoke-dialog-text-help_menu-pan .smoke-dialog-title-text {color: #afcbf2}
.smoke-dialog-text-help_menu-pan .smoke-dialog {background-color: #5576ab}
.smoke-dialog-text-help_menu-pan .smoke-dialog-buttons-ok {background-color: #37588c}

.smoke-dialog-text-help_menu-timeline .smoke-dialog-title-text {color: #c72b2b}
.smoke-dialog-text-help_menu-timeline .smoke-dialog {background: linear-gradient(to right, #b3b3b3, #f3f3f3)}
.smoke-dialog-text-help_menu-timeline .smoke-dialog-buttons-ok {background-color: #5d5d5d}

.smoke-dialog-text-help_menu-compose .smoke-dialog-title-text {color: #85cd8d}
.smoke-dialog-text-help_menu-room .smoke-dialog-title-text {color: #85cd8d}
.smoke-dialog-text-help_menu-compose .smoke-dialog {background-color: #25642b}
.smoke-dialog-text-help_menu-room .smoke-dialog {background-color: #25642b}
.smoke-dialog-text-help_menu-compose .smoke-dialog-buttons-ok {background-color: #17441c}
.smoke-dialog-text-help_menu-room .smoke-dialog-buttons-ok {background-color: #17441c}

.smoke-dialog-text-help_menu-gallery .smoke-dialog-title-text {color: #e4c27b}
.smoke-dialog-text-help_menu-gallery .smoke-dialog {background-color: #816631}
.smoke-dialog-text-help_menu-gallery .smoke-dialog-buttons-ok {background-color: #503d1a}

.smoke-dialog-text-help_menu .smoke-dialog-text > * > li,
.smoke-dialog-text-help_menu .smoke-dialog-text > * > *,
.smoke-dialog-text-help_menu .smoke-dialog-text > * {margin-bottom: 10px; margin-top: 10px}
.smoke-dialog-text-help_menu .smoke-dialog-text > *:first-child {margin-top: 0}

.smoke-dialog-text-help_menu .smoke-dialog-title-text + .smoke-dialog-title-close {align-self: flex-start; color: white}
.smoke-dialog-text-help_menu-timeline .smoke-dialog-title-text + .smoke-dialog-title-close {color: #5d5d5d}

/* <Menu / help button text for desktop screens.> */
@media (min-device-width: 769px) {
 .dar--main-with-button-description-text.dar--main-control_panel-tab-main-menu:after,
 .dar--main-with-button-description-text.dar--main-control_panel-tab-help:after {position: absolute; font-size: 14px; font-weight: normal}
 .dar--main-with-button-description-text.dar--main-control_panel-tab-main-menu:after {content: 'MENU'; bottom: 2px}
 .dar--main-with-button-description-text.dar--main-control_panel-tab-help:after {content: 'INFO'; bottom: 3px}
 .dar--main-with-button-description-text.dar--main-control_panel-tab-main-menu .glyphicon-menu-hamburger {position: absolute; top: 0px}
 .dar--main-with-button-description-text.dar--main-control_panel-tab-help > span {margin-top: -12px}
}
/* </Menu / help button text for desktop screens.> */
.dar--credits {background: none; font-weight: normal; text-transform: none; padding: 0; text-indent: 0; margin-top: 10px; margin-bottom: 10px; font-size: 16px; text-align: center; line-height: 1.3; cursor: default}
.dar--credits:hover {background: none}

.dar--logo_popup-link {text-decoration: underline; cursor: pointer}
.dar--logo_popup {width: calc(100% - 40px)}
.dar--logo_popup img {height: 164px; margin: auto; margin-bottom: 12px; margin-top: 12px}
.dar--logo_popup .smoke-dialog-text {display: flex; flex-direction: column; margin-bottom: 0; line-height: 0}
.dar--logo_popup {top: 74px}
.dar--logo_popup img[data-logo="nga"] {width: 164px}
.dar--logo_popup img[data-logo="protozone"] {width: 420px}
.dar--logo_popup img[data-logo="flyingsoft"] {width: 328px}