@charset "UTF-8";
@keyframes fade_in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade_out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fade_in_0 {
  from {
    opacity: 0; }
  to {
    opacity: 0; } }
@keyframes fade_in_1 {
  from {
    opacity: 0; }
  to {
    opacity: 0.1; } }
@keyframes fade_in_2 {
  from {
    opacity: 0; }
  to {
    opacity: 0.2; } }
@keyframes fade_in_3 {
  from {
    opacity: 0; }
  to {
    opacity: 0.3; } }
@keyframes fade_in_4 {
  from {
    opacity: 0; }
  to {
    opacity: 0.4; } }
@keyframes fade_in_5 {
  from {
    opacity: 0; }
  to {
    opacity: 0.5; } }
@keyframes fade_in_6 {
  from {
    opacity: 0; }
  to {
    opacity: 0.6; } }
@keyframes fade_in_7 {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }
@keyframes fade_in_8 {
  from {
    opacity: 0; }
  to {
    opacity: 0.8; } }
@keyframes fade_in_9 {
  from {
    opacity: 0; }
  to {
    opacity: 0.9; } }
@keyframes fade_in_10 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes bounce {
  from {
    bottom: 0; }
  50% {
    bottom: 3px; }
  to {
    bottom: 0; } }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes glow {
  from {
    color: #D7CEC7; }
  50% {
    color: #D9B310; }
  to {
    color: #D7CEC7; } }
@keyframes circle_button_icon_appear {
  from {
    opacity: 0;
    height: 10px;
    width: 10px; }
  to {
    opacity: 1;
    height: 40px;
    width: 40px; } }
@keyframes circle_button_title_appear {
  from {
    top: 20px;
    opacity: 0; }
  to {
    top: 10px;
    opacity: 1; } }
@keyframes panel_open_right {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
@keyframes blink {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  40% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes flash {
  from {
    background-color: #D7CEC7; }
  to {
    background-color: #D9B310; } }
@keyframes dice_success {
  from {
    color: #D7CEC7; }
  20% {
    font-size: 0.8em; }
  50% {
    font-size: 1.4em; }
  90% {
    font-size: 1.1em; }
  to {
    color: #D9B310; } }
@keyframes dice_failure {
  from {
    color: #D7CEC7; }
  20% {
    font-size: 0.8em; }
  50% {
    font-size: 1.4em; }
  90% {
    font-size: 1.1em; }
  to {
    color: indianred; } }
a {
  cursor: pointer; }

b {
  font-weight: bold; }

.desktop {
  display: none; }

.App, .reset_password_page {
  font-family: "Tahoma", sans-serif;
  font-weight: 100;
  color: #D7CEC7;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  background: #1D2731;
  background: url(../../images/background_asset.jpg) no-repeat, #1D2731;
  background-size: cover; }
  @media (min-width: 576px) {
    .App, .reset_password_page {
      font-size: 1.5em; } }
  .App #cookieAlert p, .reset_password_page #cookieAlert p {
    margin: 0;
    font-size: 0.9em; }
  .App #cookieAlert.alert, .reset_password_page #cookieAlert.alert {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #0B3C5D;
    border: none;
    color: #D7CEC7; }
  .App .page_content, .reset_password_page .page_content {
    background: linear-gradient(rgba(0, 0, 0, 0.3), #1D2731 80%);
    overflow: auto;
    flex: 1;
    -webkit-overflow-scrolling: touch; }
  .App pre, .reset_password_page pre {
    font-family: "Tahoma", sans-serif;
    margin-bottom: initial;
    overflow: initial;
    font-size: 1em;
    white-space: pre-line; }
  .App.no_access .logo, .reset_password_page.no_access .logo {
    width: 50px;
    height: 50px;
    margin: 30px auto 50px auto; }
  .App.no_access .form, .reset_password_page.no_access .form {
    margin-bottom: 20px; }
  .App.no_access .label, .reset_password_page.no_access .label {
    font-size: 1.3em;
    font-weight: 900; }
  .App.no_access input, .reset_password_page.no_access input {
    width: 100%;
    display: block;
    padding: 10px 3px;
    font-size: 1.2em;
    margin-bottom: 10px; }
  .App.no_access .button_container, .reset_password_page.no_access .button_container {
    text-align: center; }
    .App.no_access .button_container button, .reset_password_page.no_access .button_container button {
      width: 100px; }
  .App.updated_privacy, .reset_password_page.updated_privacy {
    padding-top: 50px; }
    .App.updated_privacy a, .reset_password_page.updated_privacy a {
      display: inline-block; }
    .App.updated_privacy .button_flat, .reset_password_page.updated_privacy .button_flat {
      flex: 0 1 auto; }
  .App a:not([href]):not([tabindex]), .reset_password_page a:not([href]):not([tabindex]) {
    color: #328CC1; }
    .App a:not([href]):not([tabindex]):hover, .reset_password_page a:not([href]):not([tabindex]):hover {
      color: #3492c9; }

.screen {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  animation: fade_in 0.3s; }
  .screen .container_desktop {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .screen.game_list_screen .container_desktop {
    overflow: hidden; }

.app_content {
  overflow-x: hidden;
  height: 100vh;
  display: flex;
  flex-direction: column; }

.input_field, .text_area_field {
  display: flex;
  width: 100%; }
  .input_field .label, .text_area_field .label {
    flex: 0 1 auto;
    font-family: "Tahoma", sans-serif;
    font-weight: 900;
    background-color: #202020;
    padding: 10px 0;
    font-size: 20px;
    min-height: 50px; }
    .input_field .label svg, .input_field .label img, .text_area_field .label svg, .text_area_field .label img {
      height: 20px; }

input {
  flex: 1; }

input, textarea {
  background-color: rgba(29, 39, 49, 0.3);
  color: #D7CEC7;
  padding: 0 10px;
  font-family: "Tahoma", sans-serif;
  border: none; }
  input:focus, textarea:focus {
    outline: none; }
  input::placeholder, textarea::placeholder {
    color: rgba(255, 255, 255, 0.7); }

.modal {
  color: #1D2731;
  font-family: "Tahoma", sans-serif;
  font-weight: 400; }

.search_input {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  padding: 5px; }
  .search_input .search_bar {
    height: 30px;
    display: flex; }
  .search_input img {
    flex: 0 1 auto;
    height: 20px;
    margin-right: 3px;
    position: relative;
    top: 5px; }
  .search_input input {
    flex: 1; }
  .search_input .filters {
    text-align: right; }
    .search_input .filters .switch_box .switch {
      top: 2px;
      vertical-align: initial; }
    .search_input .filters .switch_box .label {
      display: inline-block;
      margin-right: 10px; }

.screen_info.warning {
  border-radius: 10px;
  background-color: rgba(11, 60, 93, 0.5);
  padding: 15px;
  margin-top: 10px; }

a {
  color: #328CC1; }
  a:hover {
    color: #3492c9; }

.space {
  flex: 1; }

.fadein {
  animation: fade_in 0.5s; }

.bottom_margin {
  margin-bottom: 70px; }

.flow_buttons {
  display: flex;
  justify-content: center;
  margin-top: 1em;
  margin-bottom: 2em; }
  .flow_buttons.container_mobile {
    margin-bottom: 2em; }
  .flow_buttons button {
    flex: 1; }
    .flow_buttons button:not(:last-child) {
      margin-right: 1em; }

.rank_name {
  margin-top: -0.5em;
  font-size: 0.8em; }
  .rank_name.no {
    color: #D7CEC7; }
  .rank_name.co {
    color: #f19d40; }
  .rank_name.si {
    color: #A4C9DF; }
  .rank_name.go {
    color: #D9B310; }
  .rank_name.pl {
    color: #dcf6f7; }
  .rank_name.le {
    color: #a962f5; }

hr {
  border-top-color: #707070; }

.background_dark {
  background-color: #1d2831; }
  .background_dark > .lines_scroller {
    background: linear-gradient(rgba(0, 0, 0, 0.3), #1D2731 80%); }
  .background_dark .screen_title .popover_container > button .icon svg * {
    fill: #D7CEC7 !important; }

.close {
  color: white; }

.modal-dialog h5 {
  color: black; }

.isvg svg {
  height: 100%;
  width: auto; }
  .isvg svg * {
    fill: #D7CEC7; }

.Typist .Cursor {
  display: inline-block; }

.Typist .Cursor--blinking {
  opacity: 1;
  animation: blink 0.75s linear infinite; }

.fadein0 {
  animation: fade_in_0 0.5s both; }

.fadein1 {
  animation: fade_in_1 0.5s both; }

.fadein2 {
  animation: fade_in_2 0.5s both; }

.fadein3 {
  animation: fade_in_3 0.5s both; }

.fadein4 {
  animation: fade_in_4 0.5s both; }

.fadein5 {
  animation: fade_in_5 0.5s both; }

.fadein6 {
  animation: fade_in_6 0.5s both; }

.fadein7 {
  animation: fade_in_7 0.5s both; }

.fadein8 {
  animation: fade_in_8 0.5s both; }

.fadein9 {
  animation: fade_in_9 0.5s both; }

.fadein10 {
  animation: fade_in_10 0.5s both; }

@media (max-width: 700px) and (min-device-height: 130vh) {
  .App:not(.iphone) .hide_when_keyboard {
    display: none !important; }
  .App:not(.iphone) .reduce_when_keyboard {
    height: 0 !important; } }

.App.iphone.input_focused .hide_when_keyboard {
  display: none !important; }
.App.iphone.input_focused .reduce_when_keyboard {
  height: 0 !important; }

.container_mobile {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container_mobile {
    width: 750px; } }
@media (min-width: 992px) {
  .container_mobile {
    width: 970px; } }
@media (min-width: 1200px) {
  .container_mobile {
    width: 1170px; } }
.upper_tabs {
  display: flex;
  transition: all 0.25s;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .upper_tabs .upper_tab {
    cursor: pointer;
    flex: 1;
    text-align: center;
    padding: 5px 0;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 8px;
    text-align: center; }
    .upper_tabs .upper_tab:not(:first-child):not(:first-child):before {
      content: "";
      display: block;
      height: 50%;
      width: 2px;
      background-color: #707070;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1; }
    .upper_tabs .upper_tab.active, .upper_tabs .upper_tab.selected {
      color: #D9B310; }
      .upper_tabs .upper_tab.active:after, .upper_tabs .upper_tab.selected:after {
        opacity: 1;
        width: 60%;
        left: 20%; }
    .upper_tabs .upper_tab.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .upper_tabs .upper_tab:after {
      position: absolute;
      bottom: 15%;
      display: block;
      content: " ";
      left: 30%;
      width: 40%;
      height: 4px;
      background-color: #D9B310;
      border-radius: 5px;
      opacity: 0;
      transition: all 0.25s; }
  .upper_tabs svg {
    height: 1em;
    width: auto;
    margin-right: 0.5em; }
    .upper_tabs svg * {
      fill: #D7CEC7 !important; }

.tabbed_content {
  margin-top: 10px; }

.navigation_backdrop {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1D2731;
  opacity: 0.7;
  animation: fade_in_7 0.5s; }

.nav_tabs {
  z-index: 10;
  position: fixed;
  width: 250px;
  height: 100vh;
  background-color: #252627;
  overflow: auto;
  transition: all 0.25s;
  font-size: 0.9em; }
  .nav_tabs.closed {
    transform: translateX(-100%); }
  .nav_tabs hr {
    margin: 0.5em auto;
    width: 80%; }
  .nav_tabs .tab {
    position: relative;
    padding-bottom: 8px;
    text-align: center;
    text-align: left;
    display: flex;
    user-select: none;
    background-color: #252627;
    transition: background-color 0.25s;
    padding: 0.7em 0;
    cursor: pointer;
    align-items: center; }
    .nav_tabs .tab.active, .nav_tabs .tab.selected {
      color: #D9B310; }
      .nav_tabs .tab.active:after, .nav_tabs .tab.selected:after {
        opacity: 1;
        width: 60%;
        left: 20%; }
    .nav_tabs .tab.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .nav_tabs .tab:after {
      position: absolute;
      bottom: 15%;
      display: block;
      content: " ";
      left: 30%;
      width: 40%;
      height: 4px;
      background-color: #D9B310;
      border-radius: 5px;
      opacity: 0;
      transition: all 0.25s; }
    .nav_tabs .tab svg {
      vertical-align: middle;
      height: 1em;
      width: auto; }
      .nav_tabs .tab svg * {
        fill: #D7CEC7; }
    .nav_tabs .tab.highlighted:not(.selected) {
      color: #D9B310; }
      .nav_tabs .tab.highlighted:not(.selected) svg * {
        fill: #D9B310 !important; }
    .nav_tabs .tab .votes_left_count {
      font-size: 0.9em;
      color: #D9B310; }
    .nav_tabs .tab#home svg {
      height: 0.8em; }
    .nav_tabs .tab#vote svg {
      height: 0.8em; }
  .nav_tabs.no_support #support svg * {
    fill: #D9B310; }
  .nav_tabs .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    flex: 0 0 auto; }
    .nav_tabs .icon .isvg {
      display: flex; }
    .nav_tabs .icon img {
      height: 1em; }
  .nav_tabs .tab_title {
    display: inline-block;
    font-size: 0.9em; }
  .nav_tabs #account_upgrade {
    margin-top: -0.5em;
    padding-top: 1em; }
  .nav_tabs #profile {
    margin-bottom: -0.5em;
    padding-bottom: 1.2em; }
  .nav_tabs #account_upgrade, .nav_tabs #profile {
    background-color: #202020; }
  .nav_tabs #current_game svg * {
    fill: #328CC1 !important; }

.loading_mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0B3C5D;
  z-index: 1;
  pointer-events: none; }
  .loading_mask .message {
    text-align: center; }

.loading_icon {
  opacity: 0.5;
  position: relative;
  pointer-events: none;
  transition: opacity 0.5s; }
  .loading_icon svg, .loading_icon img {
    height: 15px;
    width: auto;
    animation: spin infinite 1s linear;
    position: absolute; }
    .loading_icon svg *, .loading_icon img * {
      fill: #D7CEC7; }
  .loading_icon.size2 {
    width: 100%;
    text-align: center;
    height: 3em;
    margin: 1em 0;
    left: -1.5em; }
    .loading_icon.size2 svg, .loading_icon.size2 img {
      height: 100%; }
  .loading_icon.hidden {
    position: absolute;
    opacity: 0; }
    .loading_icon.hidden svg {
      animation: none; }

.loading_placeholder {
  height: 1.5em;
  width: 100%;
  background: linear-gradient(to right, rgba(32, 32, 32, 0.5), transparent 50%, transparent); }

.markdown_text {
  white-space: pre-line; }
  .markdown_text .underlined {
    text-decoration: underline; }
  .markdown_text h4, .markdown_text h5, .markdown_text h6 {
    margin-bottom: 0.25em; }
  .markdown_text h4 {
    font-size: 1.5em; }
  .markdown_text h5 {
    font-size: 1.2em; }
  .markdown_text h6 {
    font-size: 1.1em; }
  .markdown_text ul {
    list-style: square;
    margin-bottom: 0; }

a[type='button'] {
  -webkit-appearance: none; }
  a[type='button']:hover {
    text-decoration: none; }

.button_base, a[type='button'] {
  display: inline-flex;
  position: relative;
  background-color: #2D2F30;
  border: none;
  color: white;
  transition: all 0.25s, height 0.5s;
  border-radius: 6px;
  align-items: center;
  text-align: center;
  padding: 0 0.5em;
  min-height: 2.9em; }
  .button_base:hover:not(:disabled), a[type='button']:hover:not(:disabled) {
    cursor: pointer;
    background-color: #393c3d; }
  .button_base:active:not(:disabled), a[type='button']:active:not(:disabled) {
    background-color: rgba(45, 47, 48, 0.7);
    transition: background-color 0.15s; }
  .button_base:focus, a[type='button']:focus {
    outline: none; }
  .button_base:disabled, a[type='button']:disabled {
    opacity: 0.4; }
  .button_base small, a[type='button'] small {
    font-size: 50%;
    display: block; }
  .button_base .isvg, a[type='button'] .isvg {
    vertical-align: middle; }
  .button_base img, a[type='button'] img {
    vertical-align: baseline; }
  .button_base svg path, a[type='button'] svg path {
    fill: #D7CEC7 !important; }
  .button_base.highlighted .button_title, a[type='button'].highlighted .button_title {
    color: #D9B310; }
  .button_base.highlighted svg *, a[type='button'].highlighted svg * {
    fill: #D9B310 !important; }
  .button_base .button_title, a[type='button'] .button_title {
    flex: 1; }
  .button_base .icon, a[type='button'] .icon {
    height: 1.5em; }
    .button_base .icon svg, .button_base .icon img, a[type='button'] .icon svg, a[type='button'] .icon img {
      height: 100%; }
  .button_base .badge, a[type='button'] .badge {
    position: absolute;
    font-size: 0.5em;
    bottom: 0;
    right: -0.5em;
    color: white;
    z-index: 0; }
    .button_base .badge:before, a[type='button'] .badge:before {
      z-index: -1;
      content: " ";
      background-color: red;
      border-radius: 100%;
      height: 1.5em;
      width: 1.5em;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .button_base .badge.top, a[type='button'] .badge.top {
      top: -0.5em;
      bottom: initial; }

button.icon_only:not(.button_circle) {
  padding: 0;
  height: 45px;
  width: 45px;
  justify-content: center; }
  button.icon_only:not(.button_circle) .icon {
    display: flex;
    align-items: center; }
    button.icon_only:not(.button_circle) .icon .isvg {
      display: inline-flex; }
    button.icon_only:not(.button_circle) .icon svg, button.icon_only:not(.button_circle) .icon img {
      display: inline-block;
      height: 20px; }

button.transparent, a[type='button'].transparent {
  background-color: transparent;
  opacity: 1;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: white; }
  button.transparent:hover:not(:disabled), a[type='button'].transparent:hover:not(:disabled) {
    background-color: transparent;
    opacity: 0.8; }
  button.transparent:active:not(:disabled), a[type='button'].transparent:active:not(:disabled) {
    background-color: transparent; }

button.golden {
  background: linear-gradient(to right, #ffb401, #e3c21e);
  opacity: 1;
  font-weight: 600;
  color: #1D2731;
  box-shadow: 0 0px 2px 1px #e3c21e;
  border-color: #D9B310; }
  button.golden:hover:not(:disabled) {
    background-color: #D9B310;
    opacity: 1; }
  button.golden:active:not(:disabled) {
    background-color: #D9B310; }
  button.golden svg * {
    fill: #1D2731 !important; }

button.golden_reverse {
  border: solid 2px #D9B310; }

button.wide {
  min-width: 12em; }

button.button_footer {
  margin-top: 2em;
  margin-bottom: 2em; }

button.button_header {
  margin-top: 1.5em;
  margin-bottom: 1em; }

button.button_list {
  white-space: nowrap;
  display: flex;
  padding: 0.7em 0.7em 0.7em 0.3em;
  cursor: pointer;
  background-color: transparent;
  text-align: left;
  width: 100%;
  transition: background-color 0.25s; }
  button.button_list .icon {
    margin-right: 1em;
    width: 1em; }
    button.button_list .icon svg {
      height: 1em; }

button.button_circle {
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  background-color: #2D2F30;
  border-radius: 100%;
  height: 45px;
  width: 45px;
  position: relative; }
  button.button_circle .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
    width: 20px; }
    button.button_circle .icon .isvg {
      display: block;
      height: inherit; }
    button.button_circle .icon svg, button.button_circle .icon img {
      vertical-align: top;
      height: 100%; }
  button.button_circle .button_title {
    position: relative;
    top: 10px; }
  button.button_circle:hover:not(:disabled) {
    background-color: #323435; }
  button.button_circle:active:not(:disabled) {
    background-color: #323435; }
  button.button_circle.has_background_shape {
    background-color: transparent;
    border-radius: 0; }
    button.button_circle.has_background_shape .background_shape {
      height: 100%;
      width: 100%; }
      button.button_circle.has_background_shape .background_shape svg * {
        fill: #2D2F30 !important; }
    button.button_circle.has_background_shape:hover:not(:disabled) {
      background-color: transparent; }
      button.button_circle.has_background_shape:hover:not(:disabled) .background_shape svg * {
        fill: #323435 !important; }
    button.button_circle.has_background_shape:active:not(:disabled) {
      background-color: transparent; }
      button.button_circle.has_background_shape:active:not(:disabled) .background_shape svg * {
        fill: #323435 !important; }

.tone_container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.25s; }
  .tone_container.angry textarea, .tone_container.angry .content_area .content {
    border-color: indianred; }
  .tone_container.angry .content_area .content {
    border-left-width: 3px; }
  .tone_container.angry .tone {
    color: indianred; }
  .tone_container.angry .tone_box {
    background-color: rgba(205, 92, 92, 0.5); }
  .tone_container.angry .horizontal_content {
    background: linear-gradient(to left, rgba(205, 92, 92, 0.4), transparent); }
  .tone_container.annoyed textarea, .tone_container.annoyed .content_area .content {
    border-color: #905757; }
  .tone_container.annoyed .content_area .content {
    border-left-width: 3px; }
  .tone_container.annoyed .tone {
    color: #905757; }
  .tone_container.annoyed .tone_box {
    background-color: rgba(144, 87, 87, 0.5); }
  .tone_container.annoyed .horizontal_content {
    background: linear-gradient(to left, rgba(144, 87, 87, 0.4), transparent); }
  .tone_container.anxious textarea, .tone_container.anxious .content_area .content {
    border-color: #5F9EA0; }
  .tone_container.anxious .content_area .content {
    border-left-width: 3px; }
  .tone_container.anxious .tone {
    color: #5F9EA0; }
  .tone_container.anxious .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.anxious .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.affectionate textarea, .tone_container.affectionate .content_area .content {
    border-color: #f796c6; }
  .tone_container.affectionate .content_area .content {
    border-left-width: 3px; }
  .tone_container.affectionate .tone {
    color: #f796c6; }
  .tone_container.affectionate .tone_box {
    background-color: rgba(247, 150, 198, 0.5); }
  .tone_container.affectionate .horizontal_content {
    background: linear-gradient(to left, rgba(247, 150, 198, 0.4), transparent); }
  .tone_container.alarmed textarea, .tone_container.alarmed .content_area .content {
    border-color: #D9B310; }
  .tone_container.alarmed .content_area .content {
    border-left-width: 3px; }
  .tone_container.alarmed .tone {
    color: #D9B310; }
  .tone_container.alarmed .tone_box {
    background-color: rgba(217, 179, 16, 0.5); }
  .tone_container.alarmed .horizontal_content {
    background: linear-gradient(to left, rgba(217, 179, 16, 0.4), transparent); }
  .tone_container.amused textarea, .tone_container.amused .content_area .content {
    border-color: lightskyblue; }
  .tone_container.amused .content_area .content {
    border-left-width: 3px; }
  .tone_container.amused .tone {
    color: lightskyblue; }
  .tone_container.amused .tone_box {
    background-color: rgba(135, 206, 250, 0.5); }
  .tone_container.amused .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 250, 0.4), transparent); }
  .tone_container.brooding textarea, .tone_container.brooding .content_area .content {
    border-color: #D7CEC7; }
  .tone_container.brooding .content_area .content {
    border-left-width: 3px; }
  .tone_container.brooding .tone {
    color: #D7CEC7; }
  .tone_container.brooding .tone_box {
    background-color: rgba(215, 206, 199, 0.5); }
  .tone_container.brooding .horizontal_content {
    background: linear-gradient(to left, rgba(215, 206, 199, 0.4), transparent); }
  .tone_container.cheerful textarea, .tone_container.cheerful .content_area .content {
    border-color: #328CC1; }
  .tone_container.cheerful .content_area .content {
    border-left-width: 3px; }
  .tone_container.cheerful .tone {
    color: #328CC1; }
  .tone_container.cheerful .tone_box {
    background-color: rgba(50, 140, 193, 0.5); }
  .tone_container.cheerful .horizontal_content {
    background: linear-gradient(to left, rgba(50, 140, 193, 0.4), transparent); }
  .tone_container.confident textarea, .tone_container.confident .content_area .content {
    border-color: #8a80cb; }
  .tone_container.confident .content_area .content {
    border-left-width: 3px; }
  .tone_container.confident .tone {
    color: #8a80cb; }
  .tone_container.confident .tone_box {
    background-color: rgba(138, 128, 203, 0.5); }
  .tone_container.confident .horizontal_content {
    background: linear-gradient(to left, rgba(138, 128, 203, 0.4), transparent); }
  .tone_container.confused textarea, .tone_container.confused .content_area .content {
    border-color: #A5A5B0; }
  .tone_container.confused .content_area .content {
    border-left-width: 3px; }
  .tone_container.confused .tone {
    color: #A5A5B0; }
  .tone_container.confused .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .tone_container.confused .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .tone_container.curious textarea, .tone_container.curious .content_area .content {
    border-color: #5F9EA0; }
  .tone_container.curious .content_area .content {
    border-left-width: 3px; }
  .tone_container.curious .tone {
    color: #5F9EA0; }
  .tone_container.curious .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.curious .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.disappointed textarea, .tone_container.disappointed .content_area .content {
    border-color: cadetblue; }
  .tone_container.disappointed .content_area .content {
    border-left-width: 3px; }
  .tone_container.disappointed .tone {
    color: cadetblue; }
  .tone_container.disappointed .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.disappointed .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.disgusted textarea, .tone_container.disgusted .content_area .content {
    border-color: darkseagreen; }
  .tone_container.disgusted .content_area .content {
    border-left-width: 3px; }
  .tone_container.disgusted .tone {
    color: darkseagreen; }
  .tone_container.disgusted .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .tone_container.disgusted .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .tone_container.desperate textarea, .tone_container.desperate .content_area .content {
    border-color: #C4751E; }
  .tone_container.desperate .content_area .content {
    border-left-width: 3px; }
  .tone_container.desperate .tone {
    color: #C4751E; }
  .tone_container.desperate .tone_box {
    background-color: rgba(196, 117, 30, 0.5); }
  .tone_container.desperate .horizontal_content {
    background: linear-gradient(to left, rgba(196, 117, 30, 0.4), transparent); }
  .tone_container.doubtful textarea, .tone_container.doubtful .content_area .content {
    border-color: #D7CEC7; }
  .tone_container.doubtful .content_area .content {
    border-left-width: 3px; }
  .tone_container.doubtful .tone {
    color: #D7CEC7; }
  .tone_container.doubtful .tone_box {
    background-color: rgba(215, 206, 199, 0.5); }
  .tone_container.doubtful .horizontal_content {
    background: linear-gradient(to left, rgba(215, 206, 199, 0.4), transparent); }
  .tone_container.excited textarea, .tone_container.excited .content_area .content {
    border-color: #D9B310; }
  .tone_container.excited .content_area .content {
    border-left-width: 3px; }
  .tone_container.excited .tone {
    color: #D9B310; }
  .tone_container.excited .tone_box {
    background-color: rgba(217, 179, 16, 0.5); }
  .tone_container.excited .horizontal_content {
    background: linear-gradient(to left, rgba(217, 179, 16, 0.4), transparent); }
  .tone_container.impressed textarea, .tone_container.impressed .content_area .content {
    border-color: #767CCB; }
  .tone_container.impressed .content_area .content {
    border-left-width: 3px; }
  .tone_container.impressed .tone {
    color: #767CCB; }
  .tone_container.impressed .tone_box {
    background-color: rgba(118, 124, 203, 0.5); }
  .tone_container.impressed .horizontal_content {
    background: linear-gradient(to left, rgba(118, 124, 203, 0.4), transparent); }
  .tone_container.pensive textarea, .tone_container.pensive .content_area .content {
    border-color: #EDECEB; }
  .tone_container.pensive .content_area .content {
    border-left-width: 3px; }
  .tone_container.pensive .tone {
    color: #EDECEB; }
  .tone_container.pensive .tone_box {
    background-color: rgba(237, 236, 235, 0.5); }
  .tone_container.pensive .horizontal_content {
    background: linear-gradient(to left, rgba(237, 236, 235, 0.4), transparent); }
  .tone_container.playful textarea, .tone_container.playful .content_area .content {
    border-color: lightskyblue; }
  .tone_container.playful .content_area .content {
    border-left-width: 3px; }
  .tone_container.playful .tone {
    color: lightskyblue; }
  .tone_container.playful .tone_box {
    background-color: rgba(135, 206, 250, 0.5); }
  .tone_container.playful .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 250, 0.4), transparent); }
  .tone_container.sad textarea, .tone_container.sad .content_area .content {
    border-color: cadetblue; }
  .tone_container.sad .content_area .content {
    border-left-width: 3px; }
  .tone_container.sad .tone {
    color: cadetblue; }
  .tone_container.sad .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.sad .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.sarcastic textarea, .tone_container.sarcastic .content_area .content {
    border-color: #CD8F5C; }
  .tone_container.sarcastic .content_area .content {
    border-left-width: 3px; }
  .tone_container.sarcastic .tone {
    color: #CD8F5C; }
  .tone_container.sarcastic .tone_box {
    background-color: rgba(205, 143, 92, 0.5); }
  .tone_container.sarcastic .horizontal_content {
    background: linear-gradient(to left, rgba(205, 143, 92, 0.4), transparent); }
  .tone_container.scared textarea, .tone_container.scared .content_area .content {
    border-color: #8dccce; }
  .tone_container.scared .content_area .content {
    border-left-width: 3px; }
  .tone_container.scared .tone {
    color: #8dccce; }
  .tone_container.scared .tone_box {
    background-color: rgba(141, 204, 206, 0.5); }
  .tone_container.scared .horizontal_content {
    background: linear-gradient(to left, rgba(141, 204, 206, 0.4), transparent); }
  .tone_container.seductive textarea, .tone_container.seductive .content_area .content {
    border-color: #767CCB; }
  .tone_container.seductive .content_area .content {
    border-left-width: 3px; }
  .tone_container.seductive .tone {
    color: #767CCB; }
  .tone_container.seductive .tone_box {
    background-color: rgba(118, 124, 203, 0.5); }
  .tone_container.seductive .horizontal_content {
    background: linear-gradient(to left, rgba(118, 124, 203, 0.4), transparent); }
  .tone_container.serious textarea, .tone_container.serious .content_area .content {
    border-color: #7e7e89; }
  .tone_container.serious .content_area .content {
    border-left-width: 3px; }
  .tone_container.serious .tone {
    color: #7e7e89; }
  .tone_container.serious .tone_box {
    background-color: rgba(126, 126, 137, 0.5); }
  .tone_container.serious .horizontal_content {
    background: linear-gradient(to left, rgba(126, 126, 137, 0.4), transparent); }
  .tone_container.surprised textarea, .tone_container.surprised .content_area .content {
    border-color: darkgray; }
  .tone_container.surprised .content_area .content {
    border-left-width: 3px; }
  .tone_container.surprised .tone {
    color: darkgray; }
  .tone_container.surprised .tone_box {
    background-color: rgba(169, 169, 169, 0.5); }
  .tone_container.surprised .horizontal_content {
    background: linear-gradient(to left, rgba(169, 169, 169, 0.4), transparent); }
  .tone_container.suspicious textarea, .tone_container.suspicious .content_area .content {
    border-color: #a5a5b0; }
  .tone_container.suspicious .content_area .content {
    border-left-width: 3px; }
  .tone_container.suspicious .tone {
    color: #a5a5b0; }
  .tone_container.suspicious .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .tone_container.suspicious .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .tone_container.threatening textarea, .tone_container.threatening .content_area .content {
    border-color: indianred; }
  .tone_container.threatening .content_area .content {
    border-left-width: 3px; }
  .tone_container.threatening .tone {
    color: indianred; }
  .tone_container.threatening .tone_box {
    background-color: rgba(205, 92, 92, 0.5); }
  .tone_container.threatening .horizontal_content {
    background: linear-gradient(to left, rgba(205, 92, 92, 0.4), transparent); }
  .tone_container.nervous textarea, .tone_container.nervous .content_area .content {
    border-color: #FFB53F; }
  .tone_container.nervous .content_area .content {
    border-left-width: 3px; }
  .tone_container.nervous .tone {
    color: #FFB53F; }
  .tone_container.nervous .tone_box {
    background-color: rgba(255, 181, 63, 0.5); }
  .tone_container.nervous .horizontal_content {
    background: linear-gradient(to left, rgba(255, 181, 63, 0.4), transparent); }
  .tone_container.worried textarea, .tone_container.worried .content_area .content {
    border-color: #FFB53F; }
  .tone_container.worried .content_area .content {
    border-left-width: 3px; }
  .tone_container.worried .tone {
    color: #FFB53F; }
  .tone_container.worried .tone_box {
    background-color: rgba(255, 181, 63, 0.5); }
  .tone_container.worried .horizontal_content {
    background: linear-gradient(to left, rgba(255, 181, 63, 0.4), transparent); }
  .tone_container.apologetic textarea, .tone_container.apologetic .content_area .content {
    border-color: #5F9EA0; }
  .tone_container.apologetic .content_area .content {
    border-left-width: 3px; }
  .tone_container.apologetic .tone {
    color: #5F9EA0; }
  .tone_container.apologetic .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.apologetic .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.baffled textarea, .tone_container.baffled .content_area .content {
    border-color: darkseagreen; }
  .tone_container.baffled .content_area .content {
    border-left-width: 3px; }
  .tone_container.baffled .tone {
    color: darkseagreen; }
  .tone_container.baffled .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .tone_container.baffled .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .tone_container.embarrassed textarea, .tone_container.embarrassed .content_area .content {
    border-color: cadetblue; }
  .tone_container.embarrassed .content_area .content {
    border-left-width: 3px; }
  .tone_container.embarrassed .tone {
    color: cadetblue; }
  .tone_container.embarrassed .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.embarrassed .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.fascinated textarea, .tone_container.fascinated .content_area .content {
    border-color: #d9a02f; }
  .tone_container.fascinated .content_area .content {
    border-left-width: 3px; }
  .tone_container.fascinated .tone {
    color: #d9a02f; }
  .tone_container.fascinated .tone_box {
    background-color: rgba(217, 160, 47, 0.5); }
  .tone_container.fascinated .horizontal_content {
    background: linear-gradient(to left, rgba(217, 160, 47, 0.4), transparent); }
  .tone_container.friendly textarea, .tone_container.friendly .content_area .content {
    border-color: #328CC1; }
  .tone_container.friendly .content_area .content {
    border-left-width: 3px; }
  .tone_container.friendly .tone {
    color: #328CC1; }
  .tone_container.friendly .tone_box {
    background-color: rgba(50, 140, 193, 0.5); }
  .tone_container.friendly .horizontal_content {
    background: linear-gradient(to left, rgba(50, 140, 193, 0.4), transparent); }
  .tone_container.haughty textarea, .tone_container.haughty .content_area .content {
    border-color: #4ec19a; }
  .tone_container.haughty .content_area .content {
    border-left-width: 3px; }
  .tone_container.haughty .tone {
    color: #4ec19a; }
  .tone_container.haughty .tone_box {
    background-color: rgba(78, 193, 154, 0.5); }
  .tone_container.haughty .horizontal_content {
    background: linear-gradient(to left, rgba(78, 193, 154, 0.4), transparent); }
  .tone_container.mocking textarea, .tone_container.mocking .content_area .content {
    border-color: #CD8F5C; }
  .tone_container.mocking .content_area .content {
    border-left-width: 3px; }
  .tone_container.mocking .tone {
    color: #CD8F5C; }
  .tone_container.mocking .tone_box {
    background-color: rgba(205, 143, 92, 0.5); }
  .tone_container.mocking .horizontal_content {
    background: linear-gradient(to left, rgba(205, 143, 92, 0.4), transparent); }
  .tone_container.passionate textarea, .tone_container.passionate .content_area .content {
    border-color: #dcba08; }
  .tone_container.passionate .content_area .content {
    border-left-width: 3px; }
  .tone_container.passionate .tone {
    color: #dcba08; }
  .tone_container.passionate .tone_box {
    background-color: rgba(220, 186, 8, 0.5); }
  .tone_container.passionate .horizontal_content {
    background: linear-gradient(to left, rgba(220, 186, 8, 0.4), transparent); }
  .tone_container.panicked textarea, .tone_container.panicked .content_area .content {
    border-color: #cd691b; }
  .tone_container.panicked .content_area .content {
    border-left-width: 3px; }
  .tone_container.panicked .tone {
    color: #cd691b; }
  .tone_container.panicked .tone_box {
    background-color: rgba(205, 105, 27, 0.5); }
  .tone_container.panicked .horizontal_content {
    background: linear-gradient(to left, rgba(205, 105, 27, 0.4), transparent); }
  .tone_container.panting textarea, .tone_container.panting .content_area .content {
    border-color: #a97268; }
  .tone_container.panting .content_area .content {
    border-left-width: 3px; }
  .tone_container.panting .tone {
    color: #a97268; }
  .tone_container.panting .tone_box {
    background-color: rgba(169, 114, 104, 0.5); }
  .tone_container.panting .horizontal_content {
    background: linear-gradient(to left, rgba(169, 114, 104, 0.4), transparent); }
  .tone_container.puzzled textarea, .tone_container.puzzled .content_area .content {
    border-color: #A5A5B0; }
  .tone_container.puzzled .content_area .content {
    border-left-width: 3px; }
  .tone_container.puzzled .tone {
    color: #A5A5B0; }
  .tone_container.puzzled .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .tone_container.puzzled .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .tone_container.proud textarea, .tone_container.proud .content_area .content {
    border-color: #8a80cb; }
  .tone_container.proud .content_area .content {
    border-left-width: 3px; }
  .tone_container.proud .tone {
    color: #8a80cb; }
  .tone_container.proud .tone_box {
    background-color: rgba(138, 128, 203, 0.5); }
  .tone_container.proud .horizontal_content {
    background: linear-gradient(to left, rgba(138, 128, 203, 0.4), transparent); }
  .tone_container.pressing textarea, .tone_container.pressing .content_area .content {
    border-color: #cb5837; }
  .tone_container.pressing .content_area .content {
    border-left-width: 3px; }
  .tone_container.pressing .tone {
    color: #cb5837; }
  .tone_container.pressing .tone_box {
    background-color: rgba(203, 88, 55, 0.5); }
  .tone_container.pressing .horizontal_content {
    background: linear-gradient(to left, rgba(203, 88, 55, 0.4), transparent); }
  .tone_container.relieved textarea, .tone_container.relieved .content_area .content {
    border-color: darkseagreen; }
  .tone_container.relieved .content_area .content {
    border-left-width: 3px; }
  .tone_container.relieved .tone {
    color: darkseagreen; }
  .tone_container.relieved .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .tone_container.relieved .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .tone_container.remorseful textarea, .tone_container.remorseful .content_area .content {
    border-color: skyblue; }
  .tone_container.remorseful .content_area .content {
    border-left-width: 3px; }
  .tone_container.remorseful .tone {
    color: skyblue; }
  .tone_container.remorseful .tone_box {
    background-color: rgba(135, 206, 235, 0.5); }
  .tone_container.remorseful .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 235, 0.4), transparent); }
  .tone_container.sleepy textarea, .tone_container.sleepy .content_area .content {
    border-color: darkseagreen; }
  .tone_container.sleepy .content_area .content {
    border-left-width: 3px; }
  .tone_container.sleepy .tone {
    color: darkseagreen; }
  .tone_container.sleepy .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .tone_container.sleepy .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .tone_container.shy textarea, .tone_container.shy .content_area .content {
    border-color: #5F9EA0; }
  .tone_container.shy .content_area .content {
    border-left-width: 3px; }
  .tone_container.shy .tone {
    color: #5F9EA0; }
  .tone_container.shy .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .tone_container.shy .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .tone_container.suffering textarea, .tone_container.suffering .content_area .content {
    border-color: #cd691b; }
  .tone_container.suffering .content_area .content {
    border-left-width: 3px; }
  .tone_container.suffering .tone {
    color: #cd691b; }
  .tone_container.suffering .tone_box {
    background-color: rgba(205, 105, 27, 0.5); }
  .tone_container.suffering .horizontal_content {
    background: linear-gradient(to left, rgba(205, 105, 27, 0.4), transparent); }
  .tone_container.tense textarea, .tone_container.tense .content_area .content {
    border-color: #7e7e89; }
  .tone_container.tense .content_area .content {
    border-left-width: 3px; }
  .tone_container.tense .tone {
    color: #7e7e89; }
  .tone_container.tense .tone_box {
    background-color: rgba(126, 126, 137, 0.5); }
  .tone_container.tense .horizontal_content {
    background: linear-gradient(to left, rgba(126, 126, 137, 0.4), transparent); }
  .tone_container.tired textarea, .tone_container.tired .content_area .content {
    border-color: darkseagreen; }
  .tone_container.tired .content_area .content {
    border-left-width: 3px; }
  .tone_container.tired .tone {
    color: darkseagreen; }
  .tone_container.tired .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .tone_container.tired .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .tone_container .popover_custom.position_top.dark:after {
    border-top-color: #1D2731; }
  .tone_container .tone_button {
    padding: 0em 0.7em; }
  .tone_container .tone {
    position: absolute;
    bottom: -1.8em;
    left: 50%;
    font-size: 0.8em;
    transform: translateX(-50%); }
  .tone_container .list_popover.popover_custom.position_top {
    height: 60vh;
    width: 150px;
    transform: translate(-30%, calc(-100% - 10px)); }
    .tone_container .list_popover.popover_custom.position_top:after {
      left: 45px; }
  .tone_container .neutral_tone {
    background-color: #1D2731;
    padding: 3px 10px; }
  .tone_container .tone_filter {
    display: flex;
    flex: 0 1 auto;
    background-color: #1D2731;
    height: 2em;
    padding: 0;
    border-radius: 0 0 15px 15px; }
    .tone_container .tone_filter svg {
      flex: 0 1 auto;
      width: auto;
      height: 100%;
      padding: 0.5em;
      background-color: white;
      border-radius: 2px 0 0 0; }
      .tone_container .tone_filter svg * {
        fill: #707070; }
    .tone_container .tone_filter input {
      flex: 1;
      width: 100%;
      padding-left: 0;
      background-color: white;
      color: #1D2731;
      border-radius: 0 2px 2px 0; }

.screen_title {
  user-select: none;
  padding: 3px 0 2px 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  .screen_title > .container > .icon {
    display: none; }
  .screen_title .container {
    display: flex;
    flex: 0 1 auto;
    padding: 10px 10px 5px 10px;
    align-items: center; }
    .screen_title .container button.icon_only {
      height: 1.5em;
      min-height: 1.5em;
      width: 2.3em;
      padding: 0;
      background-color: transparent;
      vertical-align: top;
      border: none; }
  .screen_title .back_button {
    cursor: pointer;
    opacity: 0.6;
    padding-right: 15px; }
    .screen_title .back_button:hover {
      opacity: 1; }
    .screen_title .back_button svg {
      height: auto;
      width: 17px; }
      .screen_title .back_button svg * {
        fill: #D7CEC7; }
  .screen_title .menu_icon {
    cursor: pointer;
    opacity: 0.6;
    padding-right: 15px; }
    .screen_title .menu_icon:hover {
      opacity: 1; }
    .screen_title .menu_icon svg {
      height: 15px;
      width: auto; }
      .screen_title .menu_icon svg * {
        fill: #D7CEC7; }
    .screen_title .menu_icon.highlighted svg * {
      fill: #D9B310; }
  .screen_title > .icon {
    display: none;
    position: relative;
    margin-right: 8px; }
    .screen_title > .icon svg, .screen_title > .icon img {
      position: relative;
      top: -3px;
      height: 25px; }
      .screen_title > .icon svg *, .screen_title > .icon img * {
        fill: #D7CEC7 !important; }
  .screen_title .container > .title {
    flex: 1;
    position: relative;
    mask-image: linear-gradient(to right, #000, #000 calc(100% - 2em), transparent);
    -webkit-mask-image: linear-gradient(to right, #000, #000 calc(100% - 2em), transparent);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    height: 1.5em; }
    .screen_title .container > .title .overflow_content {
      position: absolute;
      white-space: nowrap; }
  .screen_title.clickable .title {
    cursor: pointer; }
  .screen_title .title_container {
    display: inline-flex;
    flex-direction: column;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    position: relative;
    top: -4px;
    flex: 1; }
    .screen_title .title_container .subtitle {
      position: absolute;
      font-size: 0.4em;
      margin-bottom: -5px; }
    .screen_title .title_container .title {
      position: relative;
      top: 8px; }
  .screen_title .popover_container > button .icon svg * {
    fill: #1D2731 !important; }

.user_banner {
  cursor: pointer; }
  .user_banner.rank_0 {
    background: linear-gradient(to right, rgba(215, 206, 199, 0.3), rgba(215, 206, 199, 0) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_0 {
        background: linear-gradient(to right, rgba(215, 206, 199, 0.3), rgba(215, 206, 199, 0) 70%, transparent); } }
  .user_banner.rank_1 {
    background: linear-gradient(to right, #a26016, rgba(162, 96, 22, 0.2) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_1 {
        background: linear-gradient(to right, #a26016, rgba(162, 96, 22, 0.2) 70%, transparent); } }
  .user_banner.rank_2 {
    background: linear-gradient(to right, #7791a0, rgba(119, 145, 160, 0.2) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_2 {
        background: linear-gradient(to right, #7791a0, rgba(119, 145, 160, 0.2) 70%, transparent); } }
  .user_banner.rank_3 {
    background: linear-gradient(to right, #af931e, rgba(175, 147, 30, 0.2) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_3 {
        background: linear-gradient(to right, #af931e, rgba(175, 147, 30, 0.2) 70%, transparent); } }
  .user_banner.rank_4 {
    background: linear-gradient(to right, #90aaab, rgba(144, 170, 171, 0.2) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_4 {
        background: linear-gradient(to right, #90aaab, rgba(144, 170, 171, 0.2) 70%, transparent); } }
  .user_banner.rank_5, .user_banner.rank_6 {
    background: linear-gradient(to right, #541e8e, rgba(84, 30, 142, 0.2) 70%, rgba(0, 0, 0, 0.1)); }
    @media (min-width: 600px) {
      .user_banner.rank_5, .user_banner.rank_6 {
        background: linear-gradient(to right, #541e8e, rgba(84, 30, 142, 0.2) 70%, transparent); } }
  .user_banner .content {
    display: flex;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .user_banner .portrait {
    height: 3.3em;
    width: 3.3em; }
  .user_banner .user_info {
    flex: 1;
    margin-left: 0.8em; }
    .user_banner .user_info .user_name {
      color: #D7CEC7;
      font-size: 1.4em;
      word-wrap: break-word; }
    .user_banner .user_info .rank .rank_name {
      font-size: 0.9em;
      font-weight: 600; }
    .user_banner .user_info .upgrade_button {
      float: right;
      font-size: 0.9em;
      margin-top: 0.3em; }

.scroll_list {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }
  .scroll_list:not(.remote) {
    overflow: auto; }
  .scroll_list .jump_to {
    position: sticky;
    position: -webkit-sticky;
    z-index: 3;
    animation: fade_in 0.5 2s;
    width: 35px;
    height: 35px;
    min-height: 35px;
    left: 11px;
    background-color: rgba(45, 47, 48, 0.6); }
    .scroll_list .jump_to .icon {
      height: 15px;
      width: 15px; }
    .scroll_list .jump_to.jump_to_top {
      top: 5px; }
    .scroll_list .jump_to.jump_to_bottom {
      bottom: 5px; }
  .scroll_list.horizontal {
    width: 200px;
    height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
    transform: rotate(-90deg) translateY(-200px);
    transform-origin: right top;
    padding-top: 200px; }
    .scroll_list.horizontal .game_item {
      width: 200px;
      height: 200px;
      transform: rotate(90deg);
      transform-origin: right top; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-bottom: 0;
  vertical-align: text-bottom;
  /* Hide default HTML checkbox */ }
  .switch input {
    display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D7CEC7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */ }
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 13px;
    left: 3px;
    bottom: 2px;
    background-color: #1D2731;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .slider.round {
    border-radius: 34px; }
    .slider.round:before {
      border-radius: 50%; }
  .slider.square {
    border-radius: 5px; }
    .slider.square:before {
      border-radius: 5px; }

input:disabled + .slider {
  opacity: 0.3; }

input:checked + .slider {
  background-color: #D9B310; }

input:focus + .slider {
  box-shadow: 0 0 1px #0B3C5D; }

input:checked + .slider:before {
  -webkit-transform: translateX(calc(100% - 3px));
  -ms-transform: translateX(calc(100% - 3px));
  transform: translateX(calc(100% - 3px)); }
  .switch.small input:checked + .slider:before {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px); }

.input_field input:checked + .slider:before {
  -webkit-transform: translateX(calc(100% - 5px));
  -ms-transform: translateX(calc(100% - 5px));
  transform: translateX(calc(100% - 5px)); }

.home_screen.landing_page {
  display: block;
  overflow: auto; }
  .home_screen.landing_page .landing_page_content {
    background: linear-gradient(rgba(0, 0, 0, 0.3), #1D2731 80%); }
  .home_screen.landing_page .screen_title {
    color: white; }
    .home_screen.landing_page .screen_title .title {
      font-weight: 600; }
    .home_screen.landing_page .screen_title .title_button {
      color: white;
      cursor: pointer; }
      .home_screen.landing_page .screen_title .title_button.login {
        margin-right: 1.2em;
        opacity: 0.6; }
    .home_screen.landing_page .screen_title .signup_link {
      padding: 0.5em;
      min-height: 1em;
      width: initial;
      margin-top: 0; }
  .home_screen.landing_page .panel {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    height: 80vh; }
  .home_screen.landing_page #browse_button {
    margin-top: 1em;
    width: 13em;
    margin-left: auto;
    margin-right: auto; }
  .home_screen.landing_page .first_block {
    color: white;
    flex-direction: column;
    display: flex;
    text-align: center; }
  .home_screen.landing_page .app_logo {
    height: 10rem;
    text-align: center; }
    .home_screen.landing_page .app_logo svg {
      height: 100%;
      width: auto;
      max-width: 100%; }
  .home_screen.landing_page .introduction {
    font-size: 0.8em;
    margin-top: 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    color: white; }
    .home_screen.landing_page .introduction h1 {
      font-size: 2.4em; }
    .home_screen.landing_page .introduction h2 {
      opacity: 0.6;
      font-size: 1.2em;
      margin-top: 20px; }
    .home_screen.landing_page .introduction .dynamic_text {
      font-size: 1.2em; }
  .home_screen.landing_page .signup_link {
    margin: auto;
    display: flex;
    padding: 10px 40px;
    font-weight: 600;
    width: 13em; }
    .home_screen.landing_page .signup_link.mid_page {
      margin-top: 3em; }
  .home_screen.landing_page .game_browsers {
    margin-top: 2em;
    height: 100vh; }
  .home_screen.landing_page .feature_section {
    padding-bottom: 2.5em; }
    .home_screen.landing_page .feature_section.dark {
      background-color: rgba(36, 36, 36, 0.7); }
    .home_screen.landing_page .feature_section.semi_dark {
      background-color: rgba(29, 39, 49, 0.8); }
    .home_screen.landing_page .feature_section.complex {
      background: linear-gradient(to right, rgba(29, 39, 49, 0.5), rgba(29, 39, 49, 0.9)), url(../../images/backgrounds/game_preview_background.png) no-repeat;
      background-size: cover; }
  .home_screen.landing_page .feature_picture {
    text-align: center; }
    .home_screen.landing_page .feature_picture img {
      max-height: 80vh;
      border: solid 1px #707070; }
  .home_screen.landing_page .feature_title {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-top: 2.5em;
    margin-bottom: 2em; }
    .home_screen.landing_page .feature_title:after {
      position: absolute;
      bottom: -0.5em;
      display: block;
      content: " ";
      left: 30%;
      width: 40%;
      height: 1px;
      background-color: #707070;
      border-radius: 5px; }
    .home_screen.landing_page .feature_title.highlighted {
      color: #D9B310;
      font-weight: initial; }
  .home_screen.landing_page h2.feature_title {
    margin-top: 1.5em;
    font-size: 1.5em; }
    .home_screen.landing_page h2.feature_title:after {
      display: none; }
  .home_screen.landing_page .feature_details {
    margin-top: 2.5em;
    text-align: center; }
  .home_screen.landing_page .tweets {
    margin-top: 1.5em;
    height: 300px; }
    .home_screen.landing_page .tweets .twitter-tweet {
      animation: fade_in 2s, fade_out 1s 9s forwards;
      margin-left: auto;
      margin-right: auto; }

.home_screen .page_content {
  display: flex;
  flex-direction: column; }
.home_screen .menu {
  margin-top: 1.9em;
  margin-bottom: 1.1em;
  display: flex;
  flex: 0 0 auto; }
  .home_screen .menu button {
    flex: 1; }
    .home_screen .menu button:not(:last-child) {
      margin-right: 10px; }
.home_screen .section_title {
  margin: 0.5em 0 0.5em 0;
  font-size: 0.7em;
  color: white;
  opacity: 0.6; }
  .home_screen .section_title button {
    display: inline-block;
    font-size: 0.6em;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px; }
.home_screen .banner_list {
  min-height: 320px; }
.home_screen .game_browsers {
  margin-top: 2em; }
.home_screen .featured_game {
  position: relative; }
  .home_screen .featured_game > .game_item {
    background: rgba(36, 36, 36, 0.9);
    padding-left: 35px;
    padding-right: 35px; }

.create_game_menu {
  overflow: auto; }

.game_settings {
  padding-top: 30px; }
  .game_settings .sheet_options {
    border-top: solid 1px #707070;
    border-bottom: solid 1px #707070;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-top: 2em;
    padding-bottom: 2em; }
    .game_settings .sheet_options .buttons {
      display: flex; }
      .game_settings .sheet_options .buttons button {
        flex: 1; }
        .game_settings .sheet_options .buttons button:not(:last-child) {
          margin-right: 1em; }
    .game_settings .sheet_options .loaded_sheet_name {
      margin-top: 0.5em;
      margin-bottom: 0; }

.settings_screen .option_bar {
  margin-bottom: 2.2em; }
.settings_screen .grouped .option_bar {
  margin-bottom: 0.5em; }
  .settings_screen .grouped .option_bar.has_hint {
    margin-bottom: 1.9em; }
.settings_screen .section_title {
  margin-bottom: 0.5em;
  margin-top: 1.2em;
  opacity: 0.8; }

#replicateAvatarModal .avatar_changes {
  display: flex; }

#addToProfileModal input {
  background-color: transparent;
  color: #1D2731;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0.5em; }

.character_sheet_editor .character_sheet, .my_sheet_screen .character_sheet, .create_character_screen .character_sheet {
  padding-top: 30px;
  flex: 1;
  overflow: auto;
  min-height: 60px; }
  .character_sheet_editor .character_sheet .upper_tabs, .my_sheet_screen .character_sheet .upper_tabs, .create_character_screen .character_sheet .upper_tabs {
    margin-bottom: 15px; }
  .character_sheet_editor .character_sheet .tab_options, .my_sheet_screen .character_sheet .tab_options, .create_character_screen .character_sheet .tab_options {
    margin-bottom: 10px; }
    .character_sheet_editor .character_sheet .tab_options .collapse_content, .my_sheet_screen .character_sheet .tab_options .collapse_content, .create_character_screen .character_sheet .tab_options .collapse_content {
      padding: 1em;
      background-color: black; }
    .character_sheet_editor .character_sheet .tab_options button.delete, .my_sheet_screen .character_sheet .tab_options button.delete, .create_character_screen .character_sheet .tab_options button.delete {
      font-size: 0.6em; }
    .character_sheet_editor .character_sheet .tab_options .option_bar, .my_sheet_screen .character_sheet .tab_options .option_bar, .create_character_screen .character_sheet .tab_options .option_bar {
      margin-bottom: 1em; }
    .character_sheet_editor .character_sheet .tab_options .move_options, .my_sheet_screen .character_sheet .tab_options .move_options, .create_character_screen .character_sheet .tab_options .move_options {
      display: flex;
      margin-bottom: 1em; }
      .character_sheet_editor .character_sheet .tab_options .move_options button, .my_sheet_screen .character_sheet .tab_options .move_options button, .create_character_screen .character_sheet .tab_options .move_options button {
        padding: 10px; }
      .character_sheet_editor .character_sheet .tab_options .move_options button:first-child, .my_sheet_screen .character_sheet .tab_options .move_options button:first-child, .create_character_screen .character_sheet .tab_options .move_options button:first-child {
        margin-right: 5px; }
.character_sheet_editor .preview_button, .my_sheet_screen .preview_button, .create_character_screen .preview_button {
  width: 100%;
  background-color: #2D2F30;
  border: none;
  cursor: pointer;
  color: #D7CEC7; }
  .character_sheet_editor .preview_button:hover, .my_sheet_screen .preview_button:hover, .create_character_screen .preview_button:hover {
    background-color: #0c4266; }
  .character_sheet_editor .preview_button:focus, .my_sheet_screen .preview_button:focus, .create_character_screen .preview_button:focus {
    outline: none;
    border: none; }
  .character_sheet_editor .preview_button:active, .my_sheet_screen .preview_button:active, .create_character_screen .preview_button:active {
    background-color: #0d456b; }
  .character_sheet_editor .preview_button svg, .character_sheet_editor .preview_button img, .my_sheet_screen .preview_button svg, .my_sheet_screen .preview_button img, .create_character_screen .preview_button svg, .create_character_screen .preview_button img {
    height: 20px;
    width: auto; }
    .character_sheet_editor .preview_button svg path, .character_sheet_editor .preview_button img path, .my_sheet_screen .preview_button svg path, .my_sheet_screen .preview_button img path, .create_character_screen .preview_button svg path, .create_character_screen .preview_button img path {
      fill: #D7CEC7; }

.character_sheet .size1 {
  flex: 1; }
.character_sheet .size2 {
  flex: 2; }
.character_sheet .size3 {
  flex: 3; }
.character_sheet .size4 {
  flex: 4; }
.character_sheet .size5 {
  flex: 5; }
.character_sheet .size6 {
  flex: 6; }
.character_sheet .size7 {
  flex: 7; }
.character_sheet .size8 {
  flex: 8; }
.character_sheet .size9 {
  flex: 9; }
.character_sheet .size10 {
  flex: 10; }
.character_sheet .size11 {
  flex: 11; }
.character_sheet .size12 {
  flex: 12; }
.character_sheet .size13 {
  flex: 13; }
.character_sheet .size14 {
  flex: 14; }
.character_sheet .size15 {
  flex: 15; }
.character_sheet .size16 {
  flex: 16; }
.character_sheet .size17 {
  flex: 17; }
.character_sheet .size18 {
  flex: 18; }
.character_sheet .size19 {
  flex: 19; }
.character_sheet .size20 {
  flex: 20; }
.character_sheet > .character_name {
  margin-bottom: 20px; }
  .character_sheet > .character_name .input_area {
    display: flex; }
    .character_sheet > .character_name .input_area .portrait {
      cursor: pointer; }
    .character_sheet > .character_name .input_area input {
      flex: 1;
      padding: 10px;
      border-radius: 5px; }
.character_sheet #avatar_info {
  margin-bottom: 2em; }
.character_sheet .upper_tabs {
  background-color: black;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.3); }
.character_sheet .section {
  display: flex;
  position: relative; }
  .character_sheet .section .section_item {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: padding 0.25s; }
    .character_sheet .section .section_item.selected {
      background-color: rgba(50, 140, 193, 0.1); }
    .character_sheet .section .section_item textarea, .character_sheet .section .section_item input {
      background-color: rgba(32, 32, 32, 0.5); }
  .character_sheet .section.horizontal {
    flex-direction: row; }
    .character_sheet .section.horizontal > .section_item:not(:first-child) {
      margin-left: 5px; }
  .character_sheet .section.vertical {
    flex-direction: column; }
    .character_sheet .section.vertical > .section_item {
      margin-bottom: 10px; }
  .character_sheet .section .title_input {
    position: relative;
    top: 0;
    width: 100%;
    overflow: hidden;
    min-height: 36px;
    height: 36px;
    transition: all 0.25s; }
    .character_sheet .section .title_input.empty {
      opacity: 0.4; }
    .character_sheet .section .title_input input {
      width: 100%;
      position: absolute;
      background-color: transparent;
      padding: 0;
      flex: 0 1 auto; }
      .character_sheet .section .title_input input::placeholder {
        width: 0; }
  .character_sheet .section .selected > .title_input.empty {
    opacity: 1; }
  .character_sheet .section .section_title, .character_sheet .section .title_input {
    font-size: 1.2em; }
  .character_sheet .section .section_title {
    color: #D7CEC7; }
  .character_sheet .section .section .section .section_title, .character_sheet .section .section .section .title_input {
    font-size: 1em; }
  .character_sheet .section .section .section .section_title {
    opacity: 0.6; }
  .character_sheet .section .section .section .title_input {
    min-height: 24px;
    height: 24px; }
  .character_sheet .section .sheet_text_area {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%; }
    .character_sheet .section .sheet_text_area textarea[data-text-size="1"] {
      font-size: 1em; }
    .character_sheet .section .sheet_text_area textarea[data-text-size="2"] {
      font-size: 0.9em; }
    .character_sheet .section .sheet_text_area textarea[data-text-size="3"] {
      font-size: 0.8em; }
    .character_sheet .section .sheet_text_area textarea[data-text-size="4"] {
      font-size: 0.7em; }
    .character_sheet .section .sheet_text_area textarea {
      height: 100%;
      width: 100%;
      padding-top: 10px;
      box-sizing: padding-box;
      background-color: rgba(11, 60, 93, 0.3); }
  .character_sheet .section .sheet_number_input {
    flex: 1; }
    .character_sheet .section .sheet_number_input .input_field.number {
      flex-direction: row;
      height: initial;
      width: 100%; }
      .character_sheet .section .sheet_number_input .input_field.number .label {
        flex: 1;
        display: flex;
        align-items: center;
        text-align: left;
        padding: 10px 20px;
        background-color: #3c4b56;
        font-size: 1em; }
      .character_sheet .section .sheet_number_input .input_field.number input {
        width: 30%;
        padding-top: 10px;
        padding-bottom: 10px; }
      .character_sheet .section .sheet_number_input .input_field.number input:not(.label) {
        flex: 0 1 auto;
        background-color: rgba(11, 60, 93, 0.3); }
      .character_sheet .section .sheet_number_input .input_field.number.no_label input {
        width: 100%; }
  .character_sheet .section .sheet_picture {
    position: relative;
    flex: 1; }
    .character_sheet .section .sheet_picture svg, .character_sheet .section .sheet_picture img {
      position: relative;
      width: 100%;
      background-color: rgba(29, 39, 49, 0.3); }
    .character_sheet .section .sheet_picture .coming_soon {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(29, 39, 49, 0.4);
      color: #D7CEC7;
      transition: opacity 0.25s; }
      .character_sheet .section .sheet_picture .coming_soon p {
        text-align: center;
        position: relative;
        top: 50%;
        font-weight: 700;
        font-size: 0.6em;
        transform: translateY(-50%); }
    .character_sheet .section .sheet_picture:hover .coming_soon {
      opacity: 1; }
.character_sheet .user_list_feedback {
  position: absolute;
  max-width: 55%;
  top: 0;
  right: 0;
  color: #D9B310;
  font-size: 0.9em; }
  .character_sheet .user_list_feedback.negative {
    top: 0px;
    font-weight: 900;
    color: indianred; }
.character_sheet .resize_option {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(17px);
  font-size: 0.9em; }
  .character_sheet .resize_option .overflowing_container {
    width: 90px;
    background-color: #328CC1;
    border-radius: 15px;
    padding: 0 0 0 10px;
    animation: fade_in 0.25s both; }
  .character_sheet .resize_option label {
    margin-bottom: 0; }
  .character_sheet .resize_option input {
    background-color: transparent;
    flex: 0 0 auto;
    width: 40px;
    padding: 0 3px; }
.character_sheet .add_node {
  height: 50px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center; }
  .character_sheet .add_node svg, .character_sheet .add_node img {
    height: 20px;
    left: initial;
    right: initial;
    width: initial;
    background-color: transparent; }
.character_sheet .choice {
  font: "Tahoma", sans-serif;
  position: relative;
  font-size: 50px;
  font-weight: 900;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  animation: fade_in 0.5s;
  background-color: rgba(29, 39, 49, 0.3);
  border: none;
  color: #D7CEC7;
  transition: background-color 0.25s;
  cursor: pointer; }
  .character_sheet .choice:hover {
    background-color: rgba(29, 39, 49, 0.6); }
  .character_sheet .choice:active:not(:disabled) {
    background-color: rgba(29, 39, 49, 0.7);
    transition: background-color 0.15s; }
  .character_sheet .choice:focus {
    outline: none; }
  .character_sheet .choice:disabled {
    animation: fade_in_3 0.5s;
    opacity: 0.3; }
  .character_sheet .choice.small {
    font-size: 20px;
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px; }
    .character_sheet .choice.small svg, .character_sheet .choice.small img {
      height: 25px;
      width: auto;
      max-width: 25px; }
  .character_sheet .choice .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0; }
  .character_sheet .choice svg, .character_sheet .choice img {
    height: 50px;
    width: auto;
    max-width: 50px; }
    .character_sheet .choice svg path, .character_sheet .choice img path {
      fill: #D7CEC7; }
  .character_sheet .choice:not(:first-child) {
    margin-left: 3px; }
.character_sheet .item_options {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1;
  text-align: right; }
  .character_sheet .item_options .choice {
    background-color: #1D2731; }
    .character_sheet .item_options .choice.negative svg *, .character_sheet .item_options .choice.negative img * {
      fill: indianred; }
.character_sheet .languages_section {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px rgba(215, 206, 199, 0.2); }
  .character_sheet .languages_section .language_item {
    margin-bottom: 1em; }

.replicate_name_hint {
  font-size: 0.9em;
  opacity: 0.8; }

.replicate_option {
  font-size: 0.9em;
  opacity: 0.8;
  cursor: pointer;
  color: #328CC1; }
  .replicate_option:hover {
    color: #328CC1;
    text-decoration: underline; }

#replicateModal input {
  background-color: transparent;
  color: #1D2731;
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1); }

.create_character_screen .page_content {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
.create_character_screen .game_summary {
  flex: 1;
  overflow: auto; }
.create_character_screen .main_section_title {
  display: flex;
  opacity: 0.8;
  padding-bottom: 0.3em;
  margin-top: 2em;
  margin-bottom: 1em;
  border-bottom: solid 1px #707070; }
  .create_character_screen .main_section_title .isvg {
    white-space: initial; }
  .create_character_screen .main_section_title svg, .create_character_screen .main_section_title img {
    height: 20px;
    width: auto;
    margin-right: 10px; }
    .create_character_screen .main_section_title svg *, .create_character_screen .main_section_title img * {
      fill: #D7CEC7; }
.create_character_screen .game_item {
  margin: 0 0 1.5em 0;
  box-shadow: none;
  border: none;
  width: 100%;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0; }
  .create_character_screen .game_item .description {
    font-size: 0.8em; }
.create_character_screen .game_rules {
  white-space: pre-line;
  word-break: break-word;
  font-size: 0.8em; }
.create_character_screen label {
  font-weight: bold;
  opacity: 0.6;
  font-size: 0.8em; }

.game_screen {
  position: relative;
  overflow: auto; }
  .game_screen .typing_feedback {
    position: relative; }
    .game_screen .typing_feedback .dots {
      position: absolute;
      top: -25px; }
    .game_screen .typing_feedback .dot {
      position: relative;
      display: inline-block; }
      .game_screen .typing_feedback .dot:nth-child(1) {
        animation: bounce 0.5s 0.125s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(2) {
        animation: bounce 0.5s 0.25s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(3) {
        animation: bounce 0.5s 0.375s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(4) {
        animation: bounce 0.5s 0.5s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(5) {
        animation: bounce 0.5s 0.625s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(6) {
        animation: bounce 0.5s 0.75s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(7) {
        animation: bounce 0.5s 0.875s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(8) {
        animation: bounce 0.5s 1s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(9) {
        animation: bounce 0.5s 1.125s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(10) {
        animation: bounce 0.5s 1.25s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(11) {
        animation: bounce 0.5s 1.375s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(12) {
        animation: bounce 0.5s 1.5s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(13) {
        animation: bounce 0.5s 1.625s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(14) {
        animation: bounce 0.5s 1.75s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(15) {
        animation: bounce 0.5s 1.875s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(16) {
        animation: bounce 0.5s 2s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(17) {
        animation: bounce 0.5s 2.125s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(18) {
        animation: bounce 0.5s 2.25s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(19) {
        animation: bounce 0.5s 2.375s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:nth-child(20) {
        animation: bounce 0.5s 2.5s infinite, fade_in 0.25s; }
      .game_screen .typing_feedback .dot:after {
        color: #D7CEC7;
        content: " ●";
        font-size: 0.8em; }
  .game_screen .map {
    display: inline-flex; }
  .game_screen .bottom_scree_area_spaceholder {
    height: 145px; }
  .game_screen .bottom_screen_area {
    position: fixed;
    bottom: 0;
    width: 100%; }
  .game_screen .comment_section {
    background-color: #252627;
    animation: fade_in 0.5s;
    flex: 1.5;
    transition: opacity 0.5s;
    overflow: auto;
    position: relative;
    border-radius: 5px;
    border: solid 1px #707070; }
    .game_screen .comment_section.background {
      opacity: 0.5; }
    .game_screen .comment_section .screen_info {
      font-size: 0.8em; }
    .game_screen .comment_section .lines_scroller, .game_screen .comment_section .empty_field {
      padding: 1.5rem 5px 10px 5px;
      height: 100%; }
    .game_screen .comment_section .blocked {
      color: indianred;
      font-weight: 400; }
    .game_screen .comment_section .close {
      position: absolute;
      top: 0;
      right: 1.5rem; }

.more_popover .popover_custom_content {
  display: flex; }
  .more_popover .popover_custom_content button:not(:last-child) {
    margin-right: 5px; }

.main_scroller {
  position: relative;
  z-index: auto; }

.line_options {
  text-align: left;
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 0.8em; }
  .line_options hr {
    width: 100%;
    margin: 0.7em 0; }
  .line_options label {
    display: block;
    text-align: center;
    color: #D7CEC7; }
  .line_options .line_summary {
    max-height: 7em;
    overflow: hidden; }
    .line_options .line_summary .author {
      opacity: 0.6; }
  .line_options button.button_list {
    font-size: 1.2em; }

.cancel_edit_option {
  right: 0;
  padding: 1em;
  display: inline-block;
  cursor: pointer; }
  .cancel_edit_option svg {
    height: 1em;
    margin-left: 0.5em; }

.lines_scroller {
  position: relative;
  flex: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-weight: 400;
  font-size: 0.7em; }
  @media (min-width: 576px) {
    .lines_scroller {
      padding-right: 20px; } }
  .lines_scroller .line_container {
    position: relative;
    transition: opacity 0.5s;
    animation: fade_in 0.25s; }
    .lines_scroller .line_container.fake {
      opacity: 0.8; }
    .lines_scroller .line_container.background {
      opacity: 0.5; }
    .lines_scroller .line_container.edit_mode .author_name {
      display: none; }
    .lines_scroller .line_container.edit_mode .timestamp {
      display: none; }
    .lines_scroller .line_container.edit_mode .chat {
      display: flex; }
  .lines_scroller .timestamp {
    opacity: 0.4;
    display: inline-block;
    font-size: 0.8em;
    margin-bottom: 0.5em; }
  .lines_scroller .content {
    white-space: pre-line;
    width: 100%; }
    .lines_scroller .content textarea {
      width: 100%;
      background-color: transparent;
      color: #1D2731;
      margin: 0;
      padding: 0; }
    .lines_scroller .content .language_indicator {
      position: absolute;
      opacity: 0.6;
      font-size: 0.8em;
      top: 0;
      right: 0.5em;
      font-weight: bold;
      color: #0B3C5D;
      z-index: 1; }
    .lines_scroller .content .gibberish {
      opacity: 0.4; }
  .lines_scroller .toggle_chat_hint {
    opacity: 0.9;
    font-size: 0.8em; }
  .lines_scroller .targets {
    font-size: 0.9em; }
    .lines_scroller .targets svg {
      height: 10px;
      width: auto; }
      .lines_scroller .targets svg * {
        fill: #D7CEC7 !important; }
    .lines_scroller .targets .info {
      opacity: 0.8; }
    .lines_scroller .targets span:before {
      opacity: 0.8;
      font-weight: 400;
      color: white; }
    .lines_scroller .targets span:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:last-child):before {
      content: ", "; }
    .lines_scroller .targets span:last-child:not(:nth-child(3)):before {
      content: " & "; }

.bookmark {
  position: relative;
  cursor: pointer;
  margin-top: 15px;
  margin-bottom: 0.5em;
  color: white;
  background-color: #8B9195; }
  .bookmark:not(.new_content) .title {
    display: inline-block;
    padding-left: 2.5em; }
  .bookmark:not(.new_content):hover {
    background-color: rgba(139, 145, 149, 0.5); }
  .bookmark svg {
    position: absolute;
    top: -0.3em;
    height: 2.5em;
    width: auto; }
    .bookmark svg * {
      fill: #D9B310; }
  .bookmark.new_content {
    background-color: transparent;
    text-align: center;
    font-size: 0.9em;
    color: #D9B310;
    cursor: initial;
    border-bottom: solid 1px #D9B310; }
  .bookmark .hint {
    float: right; }

.line {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  cursor: pointer; }
  .line.angry textarea, .line.angry .content_area .content {
    border-color: indianred; }
  .line.angry .content_area .content {
    border-left-width: 3px; }
  .line.angry .tone {
    color: indianred; }
  .line.angry .tone_box {
    background-color: rgba(205, 92, 92, 0.5); }
  .line.angry .horizontal_content {
    background: linear-gradient(to left, rgba(205, 92, 92, 0.4), transparent); }
  .line.annoyed textarea, .line.annoyed .content_area .content {
    border-color: #905757; }
  .line.annoyed .content_area .content {
    border-left-width: 3px; }
  .line.annoyed .tone {
    color: #905757; }
  .line.annoyed .tone_box {
    background-color: rgba(144, 87, 87, 0.5); }
  .line.annoyed .horizontal_content {
    background: linear-gradient(to left, rgba(144, 87, 87, 0.4), transparent); }
  .line.anxious textarea, .line.anxious .content_area .content {
    border-color: #5F9EA0; }
  .line.anxious .content_area .content {
    border-left-width: 3px; }
  .line.anxious .tone {
    color: #5F9EA0; }
  .line.anxious .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.anxious .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.affectionate textarea, .line.affectionate .content_area .content {
    border-color: #f796c6; }
  .line.affectionate .content_area .content {
    border-left-width: 3px; }
  .line.affectionate .tone {
    color: #f796c6; }
  .line.affectionate .tone_box {
    background-color: rgba(247, 150, 198, 0.5); }
  .line.affectionate .horizontal_content {
    background: linear-gradient(to left, rgba(247, 150, 198, 0.4), transparent); }
  .line.alarmed textarea, .line.alarmed .content_area .content {
    border-color: #D9B310; }
  .line.alarmed .content_area .content {
    border-left-width: 3px; }
  .line.alarmed .tone {
    color: #D9B310; }
  .line.alarmed .tone_box {
    background-color: rgba(217, 179, 16, 0.5); }
  .line.alarmed .horizontal_content {
    background: linear-gradient(to left, rgba(217, 179, 16, 0.4), transparent); }
  .line.amused textarea, .line.amused .content_area .content {
    border-color: lightskyblue; }
  .line.amused .content_area .content {
    border-left-width: 3px; }
  .line.amused .tone {
    color: lightskyblue; }
  .line.amused .tone_box {
    background-color: rgba(135, 206, 250, 0.5); }
  .line.amused .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 250, 0.4), transparent); }
  .line.brooding textarea, .line.brooding .content_area .content {
    border-color: #D7CEC7; }
  .line.brooding .content_area .content {
    border-left-width: 3px; }
  .line.brooding .tone {
    color: #D7CEC7; }
  .line.brooding .tone_box {
    background-color: rgba(215, 206, 199, 0.5); }
  .line.brooding .horizontal_content {
    background: linear-gradient(to left, rgba(215, 206, 199, 0.4), transparent); }
  .line.cheerful textarea, .line.cheerful .content_area .content {
    border-color: #328CC1; }
  .line.cheerful .content_area .content {
    border-left-width: 3px; }
  .line.cheerful .tone {
    color: #328CC1; }
  .line.cheerful .tone_box {
    background-color: rgba(50, 140, 193, 0.5); }
  .line.cheerful .horizontal_content {
    background: linear-gradient(to left, rgba(50, 140, 193, 0.4), transparent); }
  .line.confident textarea, .line.confident .content_area .content {
    border-color: #8a80cb; }
  .line.confident .content_area .content {
    border-left-width: 3px; }
  .line.confident .tone {
    color: #8a80cb; }
  .line.confident .tone_box {
    background-color: rgba(138, 128, 203, 0.5); }
  .line.confident .horizontal_content {
    background: linear-gradient(to left, rgba(138, 128, 203, 0.4), transparent); }
  .line.confused textarea, .line.confused .content_area .content {
    border-color: #A5A5B0; }
  .line.confused .content_area .content {
    border-left-width: 3px; }
  .line.confused .tone {
    color: #A5A5B0; }
  .line.confused .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .line.confused .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .line.curious textarea, .line.curious .content_area .content {
    border-color: #5F9EA0; }
  .line.curious .content_area .content {
    border-left-width: 3px; }
  .line.curious .tone {
    color: #5F9EA0; }
  .line.curious .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.curious .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.disappointed textarea, .line.disappointed .content_area .content {
    border-color: cadetblue; }
  .line.disappointed .content_area .content {
    border-left-width: 3px; }
  .line.disappointed .tone {
    color: cadetblue; }
  .line.disappointed .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.disappointed .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.disgusted textarea, .line.disgusted .content_area .content {
    border-color: darkseagreen; }
  .line.disgusted .content_area .content {
    border-left-width: 3px; }
  .line.disgusted .tone {
    color: darkseagreen; }
  .line.disgusted .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .line.disgusted .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .line.desperate textarea, .line.desperate .content_area .content {
    border-color: #C4751E; }
  .line.desperate .content_area .content {
    border-left-width: 3px; }
  .line.desperate .tone {
    color: #C4751E; }
  .line.desperate .tone_box {
    background-color: rgba(196, 117, 30, 0.5); }
  .line.desperate .horizontal_content {
    background: linear-gradient(to left, rgba(196, 117, 30, 0.4), transparent); }
  .line.doubtful textarea, .line.doubtful .content_area .content {
    border-color: #D7CEC7; }
  .line.doubtful .content_area .content {
    border-left-width: 3px; }
  .line.doubtful .tone {
    color: #D7CEC7; }
  .line.doubtful .tone_box {
    background-color: rgba(215, 206, 199, 0.5); }
  .line.doubtful .horizontal_content {
    background: linear-gradient(to left, rgba(215, 206, 199, 0.4), transparent); }
  .line.excited textarea, .line.excited .content_area .content {
    border-color: #D9B310; }
  .line.excited .content_area .content {
    border-left-width: 3px; }
  .line.excited .tone {
    color: #D9B310; }
  .line.excited .tone_box {
    background-color: rgba(217, 179, 16, 0.5); }
  .line.excited .horizontal_content {
    background: linear-gradient(to left, rgba(217, 179, 16, 0.4), transparent); }
  .line.impressed textarea, .line.impressed .content_area .content {
    border-color: #767CCB; }
  .line.impressed .content_area .content {
    border-left-width: 3px; }
  .line.impressed .tone {
    color: #767CCB; }
  .line.impressed .tone_box {
    background-color: rgba(118, 124, 203, 0.5); }
  .line.impressed .horizontal_content {
    background: linear-gradient(to left, rgba(118, 124, 203, 0.4), transparent); }
  .line.pensive textarea, .line.pensive .content_area .content {
    border-color: #EDECEB; }
  .line.pensive .content_area .content {
    border-left-width: 3px; }
  .line.pensive .tone {
    color: #EDECEB; }
  .line.pensive .tone_box {
    background-color: rgba(237, 236, 235, 0.5); }
  .line.pensive .horizontal_content {
    background: linear-gradient(to left, rgba(237, 236, 235, 0.4), transparent); }
  .line.playful textarea, .line.playful .content_area .content {
    border-color: lightskyblue; }
  .line.playful .content_area .content {
    border-left-width: 3px; }
  .line.playful .tone {
    color: lightskyblue; }
  .line.playful .tone_box {
    background-color: rgba(135, 206, 250, 0.5); }
  .line.playful .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 250, 0.4), transparent); }
  .line.sad textarea, .line.sad .content_area .content {
    border-color: cadetblue; }
  .line.sad .content_area .content {
    border-left-width: 3px; }
  .line.sad .tone {
    color: cadetblue; }
  .line.sad .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.sad .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.sarcastic textarea, .line.sarcastic .content_area .content {
    border-color: #CD8F5C; }
  .line.sarcastic .content_area .content {
    border-left-width: 3px; }
  .line.sarcastic .tone {
    color: #CD8F5C; }
  .line.sarcastic .tone_box {
    background-color: rgba(205, 143, 92, 0.5); }
  .line.sarcastic .horizontal_content {
    background: linear-gradient(to left, rgba(205, 143, 92, 0.4), transparent); }
  .line.scared textarea, .line.scared .content_area .content {
    border-color: #8dccce; }
  .line.scared .content_area .content {
    border-left-width: 3px; }
  .line.scared .tone {
    color: #8dccce; }
  .line.scared .tone_box {
    background-color: rgba(141, 204, 206, 0.5); }
  .line.scared .horizontal_content {
    background: linear-gradient(to left, rgba(141, 204, 206, 0.4), transparent); }
  .line.seductive textarea, .line.seductive .content_area .content {
    border-color: #767CCB; }
  .line.seductive .content_area .content {
    border-left-width: 3px; }
  .line.seductive .tone {
    color: #767CCB; }
  .line.seductive .tone_box {
    background-color: rgba(118, 124, 203, 0.5); }
  .line.seductive .horizontal_content {
    background: linear-gradient(to left, rgba(118, 124, 203, 0.4), transparent); }
  .line.serious textarea, .line.serious .content_area .content {
    border-color: #7e7e89; }
  .line.serious .content_area .content {
    border-left-width: 3px; }
  .line.serious .tone {
    color: #7e7e89; }
  .line.serious .tone_box {
    background-color: rgba(126, 126, 137, 0.5); }
  .line.serious .horizontal_content {
    background: linear-gradient(to left, rgba(126, 126, 137, 0.4), transparent); }
  .line.surprised textarea, .line.surprised .content_area .content {
    border-color: darkgray; }
  .line.surprised .content_area .content {
    border-left-width: 3px; }
  .line.surprised .tone {
    color: darkgray; }
  .line.surprised .tone_box {
    background-color: rgba(169, 169, 169, 0.5); }
  .line.surprised .horizontal_content {
    background: linear-gradient(to left, rgba(169, 169, 169, 0.4), transparent); }
  .line.suspicious textarea, .line.suspicious .content_area .content {
    border-color: #a5a5b0; }
  .line.suspicious .content_area .content {
    border-left-width: 3px; }
  .line.suspicious .tone {
    color: #a5a5b0; }
  .line.suspicious .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .line.suspicious .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .line.threatening textarea, .line.threatening .content_area .content {
    border-color: indianred; }
  .line.threatening .content_area .content {
    border-left-width: 3px; }
  .line.threatening .tone {
    color: indianred; }
  .line.threatening .tone_box {
    background-color: rgba(205, 92, 92, 0.5); }
  .line.threatening .horizontal_content {
    background: linear-gradient(to left, rgba(205, 92, 92, 0.4), transparent); }
  .line.nervous textarea, .line.nervous .content_area .content {
    border-color: #FFB53F; }
  .line.nervous .content_area .content {
    border-left-width: 3px; }
  .line.nervous .tone {
    color: #FFB53F; }
  .line.nervous .tone_box {
    background-color: rgba(255, 181, 63, 0.5); }
  .line.nervous .horizontal_content {
    background: linear-gradient(to left, rgba(255, 181, 63, 0.4), transparent); }
  .line.worried textarea, .line.worried .content_area .content {
    border-color: #FFB53F; }
  .line.worried .content_area .content {
    border-left-width: 3px; }
  .line.worried .tone {
    color: #FFB53F; }
  .line.worried .tone_box {
    background-color: rgba(255, 181, 63, 0.5); }
  .line.worried .horizontal_content {
    background: linear-gradient(to left, rgba(255, 181, 63, 0.4), transparent); }
  .line.apologetic textarea, .line.apologetic .content_area .content {
    border-color: #5F9EA0; }
  .line.apologetic .content_area .content {
    border-left-width: 3px; }
  .line.apologetic .tone {
    color: #5F9EA0; }
  .line.apologetic .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.apologetic .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.baffled textarea, .line.baffled .content_area .content {
    border-color: darkseagreen; }
  .line.baffled .content_area .content {
    border-left-width: 3px; }
  .line.baffled .tone {
    color: darkseagreen; }
  .line.baffled .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .line.baffled .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .line.embarrassed textarea, .line.embarrassed .content_area .content {
    border-color: cadetblue; }
  .line.embarrassed .content_area .content {
    border-left-width: 3px; }
  .line.embarrassed .tone {
    color: cadetblue; }
  .line.embarrassed .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.embarrassed .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.fascinated textarea, .line.fascinated .content_area .content {
    border-color: #d9a02f; }
  .line.fascinated .content_area .content {
    border-left-width: 3px; }
  .line.fascinated .tone {
    color: #d9a02f; }
  .line.fascinated .tone_box {
    background-color: rgba(217, 160, 47, 0.5); }
  .line.fascinated .horizontal_content {
    background: linear-gradient(to left, rgba(217, 160, 47, 0.4), transparent); }
  .line.friendly textarea, .line.friendly .content_area .content {
    border-color: #328CC1; }
  .line.friendly .content_area .content {
    border-left-width: 3px; }
  .line.friendly .tone {
    color: #328CC1; }
  .line.friendly .tone_box {
    background-color: rgba(50, 140, 193, 0.5); }
  .line.friendly .horizontal_content {
    background: linear-gradient(to left, rgba(50, 140, 193, 0.4), transparent); }
  .line.haughty textarea, .line.haughty .content_area .content {
    border-color: #4ec19a; }
  .line.haughty .content_area .content {
    border-left-width: 3px; }
  .line.haughty .tone {
    color: #4ec19a; }
  .line.haughty .tone_box {
    background-color: rgba(78, 193, 154, 0.5); }
  .line.haughty .horizontal_content {
    background: linear-gradient(to left, rgba(78, 193, 154, 0.4), transparent); }
  .line.mocking textarea, .line.mocking .content_area .content {
    border-color: #CD8F5C; }
  .line.mocking .content_area .content {
    border-left-width: 3px; }
  .line.mocking .tone {
    color: #CD8F5C; }
  .line.mocking .tone_box {
    background-color: rgba(205, 143, 92, 0.5); }
  .line.mocking .horizontal_content {
    background: linear-gradient(to left, rgba(205, 143, 92, 0.4), transparent); }
  .line.passionate textarea, .line.passionate .content_area .content {
    border-color: #dcba08; }
  .line.passionate .content_area .content {
    border-left-width: 3px; }
  .line.passionate .tone {
    color: #dcba08; }
  .line.passionate .tone_box {
    background-color: rgba(220, 186, 8, 0.5); }
  .line.passionate .horizontal_content {
    background: linear-gradient(to left, rgba(220, 186, 8, 0.4), transparent); }
  .line.panicked textarea, .line.panicked .content_area .content {
    border-color: #cd691b; }
  .line.panicked .content_area .content {
    border-left-width: 3px; }
  .line.panicked .tone {
    color: #cd691b; }
  .line.panicked .tone_box {
    background-color: rgba(205, 105, 27, 0.5); }
  .line.panicked .horizontal_content {
    background: linear-gradient(to left, rgba(205, 105, 27, 0.4), transparent); }
  .line.panting textarea, .line.panting .content_area .content {
    border-color: #a97268; }
  .line.panting .content_area .content {
    border-left-width: 3px; }
  .line.panting .tone {
    color: #a97268; }
  .line.panting .tone_box {
    background-color: rgba(169, 114, 104, 0.5); }
  .line.panting .horizontal_content {
    background: linear-gradient(to left, rgba(169, 114, 104, 0.4), transparent); }
  .line.puzzled textarea, .line.puzzled .content_area .content {
    border-color: #A5A5B0; }
  .line.puzzled .content_area .content {
    border-left-width: 3px; }
  .line.puzzled .tone {
    color: #A5A5B0; }
  .line.puzzled .tone_box {
    background-color: rgba(165, 165, 176, 0.5); }
  .line.puzzled .horizontal_content {
    background: linear-gradient(to left, rgba(165, 165, 176, 0.4), transparent); }
  .line.proud textarea, .line.proud .content_area .content {
    border-color: #8a80cb; }
  .line.proud .content_area .content {
    border-left-width: 3px; }
  .line.proud .tone {
    color: #8a80cb; }
  .line.proud .tone_box {
    background-color: rgba(138, 128, 203, 0.5); }
  .line.proud .horizontal_content {
    background: linear-gradient(to left, rgba(138, 128, 203, 0.4), transparent); }
  .line.pressing textarea, .line.pressing .content_area .content {
    border-color: #cb5837; }
  .line.pressing .content_area .content {
    border-left-width: 3px; }
  .line.pressing .tone {
    color: #cb5837; }
  .line.pressing .tone_box {
    background-color: rgba(203, 88, 55, 0.5); }
  .line.pressing .horizontal_content {
    background: linear-gradient(to left, rgba(203, 88, 55, 0.4), transparent); }
  .line.relieved textarea, .line.relieved .content_area .content {
    border-color: darkseagreen; }
  .line.relieved .content_area .content {
    border-left-width: 3px; }
  .line.relieved .tone {
    color: darkseagreen; }
  .line.relieved .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .line.relieved .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .line.remorseful textarea, .line.remorseful .content_area .content {
    border-color: skyblue; }
  .line.remorseful .content_area .content {
    border-left-width: 3px; }
  .line.remorseful .tone {
    color: skyblue; }
  .line.remorseful .tone_box {
    background-color: rgba(135, 206, 235, 0.5); }
  .line.remorseful .horizontal_content {
    background: linear-gradient(to left, rgba(135, 206, 235, 0.4), transparent); }
  .line.sleepy textarea, .line.sleepy .content_area .content {
    border-color: darkseagreen; }
  .line.sleepy .content_area .content {
    border-left-width: 3px; }
  .line.sleepy .tone {
    color: darkseagreen; }
  .line.sleepy .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .line.sleepy .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .line.shy textarea, .line.shy .content_area .content {
    border-color: #5F9EA0; }
  .line.shy .content_area .content {
    border-left-width: 3px; }
  .line.shy .tone {
    color: #5F9EA0; }
  .line.shy .tone_box {
    background-color: rgba(95, 158, 160, 0.5); }
  .line.shy .horizontal_content {
    background: linear-gradient(to left, rgba(95, 158, 160, 0.4), transparent); }
  .line.suffering textarea, .line.suffering .content_area .content {
    border-color: #cd691b; }
  .line.suffering .content_area .content {
    border-left-width: 3px; }
  .line.suffering .tone {
    color: #cd691b; }
  .line.suffering .tone_box {
    background-color: rgba(205, 105, 27, 0.5); }
  .line.suffering .horizontal_content {
    background: linear-gradient(to left, rgba(205, 105, 27, 0.4), transparent); }
  .line.tense textarea, .line.tense .content_area .content {
    border-color: #7e7e89; }
  .line.tense .content_area .content {
    border-left-width: 3px; }
  .line.tense .tone {
    color: #7e7e89; }
  .line.tense .tone_box {
    background-color: rgba(126, 126, 137, 0.5); }
  .line.tense .horizontal_content {
    background: linear-gradient(to left, rgba(126, 126, 137, 0.4), transparent); }
  .line.tired textarea, .line.tired .content_area .content {
    border-color: darkseagreen; }
  .line.tired .content_area .content {
    border-left-width: 3px; }
  .line.tired .tone {
    color: darkseagreen; }
  .line.tired .tone_box {
    background-color: rgba(143, 188, 143, 0.5); }
  .line.tired .horizontal_content {
    background: linear-gradient(to left, rgba(143, 188, 143, 0.4), transparent); }
  .line .author_area {
    display: flex;
    flex-direction: row;
    flex: 0;
    margin-right: 10px; }
    .line .author_area .name {
      height: 50px;
      font-size: 0.8em;
      max-width: 50%; }
  .line .horizontal_content {
    position: relative;
    display: flex;
    flex-direction: row; }
  .line .content_area {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .line .content_area .content {
      word-break: break-word;
      border: solid 2px transparent;
      border-radius: 5px;
      padding: 10px;
      position: relative;
      background-color: white;
      color: #1D2731; }
      .line .content_area .content:after {
        right: 100%;
        top: 20px;
        border: solid transparent;
        content: " ";
        position: absolute;
        pointer-events: none;
        border-right-color: white;
        border-width: 10px;
        margin-top: -10px; }
  .line .tone {
    font-size: 0.8em;
    font-weight: 900; }
  .line.description .content_area .content, .line.storytelling .content_area .content {
    background-color: #40464B;
    position: relative;
    color: #D7CEC7; }
    .line.description .content_area .content textarea, .line.storytelling .content_area .content textarea {
      color: #D7CEC7; }
    .line.description .content_area .content:after, .line.storytelling .content_area .content:after {
      border: none; }
  .line .markdown_text {
    display: inline; }
    .line .markdown_text a {
      color: #328CC1; }

.line.dialogue .author_area {
  position: relative;
  margin-top: 0;
  flex-direction: column; }
.line.dialogue .author_name {
  font-size: 1.1em;
  font-weight: 600;
  opacity: 0.7; }
.line.dialogue.npc .author_name {
  color: #D9B310; }
.line.dialogue .portrait {
  z-index: 1; }
  .line.dialogue .portrait.selectable {
    cursor: pointer; }

.line.storytelling .content .language_indicator {
  font-weight: initial;
  color: #D9B310; }

.line.chat {
  cursor: pointer;
  width: initial;
  display: inline-flex; }
  .line.chat .name {
    font-weight: bold;
    color: #0B3C5D; }
    .line.chat .name .character_name {
      font-size: 0.6em; }
      .line.chat .name .character_name.hidden {
        display: None; }
  .line.chat.gm .name {
    color: #328CC1; }
  .line.chat .author_area {
    width: 40px;
    margin-top: 10px;
    margin-right: 15px;
    flex-direction: column;
    text-align: center; }
    .line.chat .author_area .portrait {
      margin: 0 auto;
      position: relative;
      height: 40px;
      width: 40px;
      border: solid 1px #328CC1;
      background-color: rgba(11, 60, 93, 0.8); }
      .line.chat .author_area .portrait img {
        height: 100%;
        width: auto; }
      .line.chat .author_area .portrait svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 80%; }
    .line.chat .author_area.beginner .portrait {
      border-color: #78c478; }
    .line.chat .author_area .name {
      height: initial;
      font-size: 1em;
      max-width: 100%;
      text-align: center; }

.line.action {
  padding-top: 10px;
  position: relative; }
  .line.action .horizontal_content {
    align-items: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: linear-gradient(to right, rgba(50, 140, 193, 0.2), transparent 65%); }
  .line.action.color_1 .horizontal_content {
    background: linear-gradient(to right, rgba(215, 206, 199, 0.3), transparent 65%); }
  .line.action.color_2 .horizontal_content {
    background: linear-gradient(to right, rgba(165, 165, 176, 0.3), transparent 65%); }
  .line.action.color_3 .horizontal_content {
    background: linear-gradient(to right, rgba(164, 201, 223, 0.3), transparent 65%); }
  .line.action.color_4 .horizontal_content {
    background: linear-gradient(to right, rgba(50, 140, 193, 0.3), transparent 65%); }
  .line.action.color_5 .horizontal_content {
    background: linear-gradient(to right, rgba(118, 124, 203, 0.3), transparent 65%); }
  .line.action.color_6 .horizontal_content {
    background: linear-gradient(to right, rgba(95, 158, 160, 0.3), transparent 65%); }
  .line.action.color_7 .horizontal_content {
    background: linear-gradient(to right, rgba(120, 196, 120, 0.3), transparent 65%); }
  .line.action.color_8 .horizontal_content {
    background: linear-gradient(to right, rgba(205, 192, 156, 0.3), transparent 65%); }
  .line.action.color_9 .horizontal_content {
    background: linear-gradient(to right, rgba(217, 179, 16, 0.3), transparent 65%); }
  .line.action.color_10 .horizontal_content {
    background: linear-gradient(to right, rgba(195, 140, 174, 0.3), transparent 65%); }
  .line.action.color_11 .horizontal_content {
    background: linear-gradient(to right, rgba(205, 92, 92, 0.3), transparent 65%); }
  .line.action.color_12 .horizontal_content {
    background: linear-gradient(to right, rgba(205, 143, 92, 0.3), transparent 65%); }
  .line.action .roll_name {
    color: #D9B310; }
  .line.action .hint {
    display: block;
    opacity: 0.8; }
  .line.action .icon {
    position: relative;
    margin-right: 10px; }
    .line.action .icon svg, .line.action .icon img {
      height: 20px; }
      .line.action .icon svg *, .line.action .icon img * {
        fill: white !important; }
  .line.action .dice_type, .line.action .result {
    font-weight: 900;
    color: #328CC1; }
  .line.action .normal {
    opacity: 0.6; }
  .line.action .highlighted {
    position: relative;
    font-weight: bold;
    color: #D9B310;
    width: 1.2em;
    display: inline-block;
    vertical-align: super; }
    .line.action .highlighted.size_1 {
      width: 1em; }
    .line.action .highlighted.size_2 {
      width: 1.5em; }
    .line.action .highlighted.size_3 {
      width: 2em; }
    .line.action .highlighted .number {
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      font-size: 1.1em;
      animation: dice_success 1s 1s; }
    .line.action .highlighted.negative {
      color: indianred; }
      .line.action .highlighted.negative .number {
        animation-name: dice_failure; }
  .line.action .title {
    display: flex; }
  .line.action .action_description {
    opacity: 0.5;
    font-size: 0.9em; }

.line.comment {
  margin-bottom: 0; }
  .line.comment .timestamp {
    opacity: 1; }
  .line.comment .author_area {
    margin-right: 10px; }
    .line.comment .author_area .portrait {
      height: 25px;
      width: 25px;
      border: none;
      background-color: initial; }
  .line.comment .content_area .content {
    padding: 3px 5px; }
    .line.comment .content_area .content:after {
      top: 10px;
      border-width: 8px;
      margin-top: -8px; }

.line.action.open_map .horizontal_content {
  flex-direction: column;
  align-items: flex-start; }
  .line.action.open_map .horizontal_content .title {
    cursor: pointer; }
  .line.action.open_map .horizontal_content .timestamp {
    display: block; }
  .line.action.open_map .horizontal_content .close {
    position: absolute;
    right: 10px;
    color: #D7CEC7; }
  .line.action.open_map .horizontal_content .map .current_section {
    cursor: pointer; }

.line.dice_action .more_details_button {
  cursor: pointer;
  margin-left: 3px; }
  .line.dice_action .more_details_button svg {
    position: relative;
    top: 3px;
    height: 12px;
    width: auto; }
    .line.dice_action .more_details_button svg * {
      fill: #D7CEC7 !important; }
.line.dice_action .dice_type, .line.dice_action .equal_sign, .line.dice_action .modifier {
  font-size: 0.8em; }
.line.dice_action .modifier {
  opacity: 0.6; }
  .line.dice_action .modifier.positive, .line.dice_action .modifier .positive {
    color: #D9B310; }
  .line.dice_action .modifier.negative, .line.dice_action .modifier .negative {
    color: indianred; }
.line.dice_action .specials {
  color: #328CC1;
  font-size: 0.8em;
  opacity: 0.8; }
.line.dice_action .successes {
  color: #D9B310; }
  .line.dice_action .successes.none {
    color: indianred;
    opacity: 0.5; }

.line_container.user_line {
  text-align: right; }
  .line_container.user_line .action, .line_container.user_line .targets {
    text-align: left; }
  .line_container.user_line .line:not(.action) .horizontal_content {
    flex-direction: row-reverse;
    text-align: left; }
  .line_container.user_line .author_area {
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: 10px; }
    .line_container.user_line .author_area .portrait {
      margin-right: 0;
      margin-left: 5px; }
    .line_container.user_line .author_area .name {
      text-align: right;
      font-size: 0.9em;
      max-width: 50%; }
  .line_container.user_line .content_area .content:after {
    border-right-color: transparent;
    border-left-color: white;
    right: initial;
    left: 100%; }
  .line_container.user_line .feedback {
    left: initial;
    right: -30px; }
  .line_container.user_line .chat {
    padding-right: 5px; }
    .line_container.user_line .chat .author_area {
      flex-direction: column;
      margin-left: 15px; }
      .line_container.user_line .chat .author_area .portrait {
        margin: 0 auto; }
        .line_container.user_line .chat .author_area .portrait svg * {
          fill: #D9B310 !important; }
  .line_container.user_line .comment {
    padding-right: 0;
    right: 10px; }

.line_container.whispered .content_area .content {
  background-color: transparent;
  color: #D7CEC7;
  border: solid 1px #707070; }
  .line_container.whispered .content_area .content textarea {
    color: white; }

.line_container.tone_shared .tone {
  display: none; }
.line_container.first_of_series .line:not(.chat) .author_area, .line_container.reduced .line:not(.chat) .author_area, .line_container.last_of_series .line:not(.chat) .author_area {
  height: 0; }
.line_container.reduced .horizontal_content {
  padding-top: 1px; }
.line_container.reduced .timestamp {
  display: none; }
.line_container.reduced .author_area {
  width: 50px;
  flex: 0 1 auto; }
  .line_container.reduced .author_area .portrait {
    display: none; }
.line_container.reduced .author_name {
  display: none; }
.line_container.reduced.user_line .author_area {
  width: 55px; }
.line_container.reduced:not(.start_type) .content_area .content:after {
  display: none; }
.line_container.reduced .line.chat .author_area {
  width: 40px;
  height: 10px; }
.line_container.reduced .line.chat.comment .author_area {
  width: 25px; }
.line_container.first_of_series:not(.end_type) .line {
  margin-bottom: 0em; }
.line_container.first_of_series:not(.end_type) .line, .line_container.reduced:not(.end_type) .line, .line_container.last_of_series:not(.end_type) .line {
  margin-bottom: 0em; }
.line_container.first_of_series:not(.start_type):not(.end_type) .line:not(.chat) .content_area .content, .line_container.reduced:not(.start_type):not(.end_type) .line:not(.chat) .content_area .content, .line_container.last_of_series:not(.start_type):not(.end_type) .line:not(.chat) .content_area .content {
  border-radius: 0; }
.line_container.first_of_series.start_type:not(.end_type) .line:not(.chat) .content_area .content, .line_container.reduced.start_type:not(.end_type) .line:not(.chat) .content_area .content, .line_container.last_of_series.start_type:not(.end_type) .line:not(.chat) .content_area .content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.line_container.first_of_series.end_type:not(.start_type) .line:not(.chat) .content_area .content, .line_container.reduced.end_type:not(.start_type) .line:not(.chat) .content_area .content, .line_container.last_of_series.end_type:not(.start_type) .line:not(.chat) .content_area .content {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.write_box {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  flex: 0 1 auto;
  margin-bottom: 11px;
  padding-top: 0.5em;
  z-index: auto;
  position: relative; }
  .write_box .vertical_pane {
    position: relative;
    display: flex;
    flex-direction: row; }
    .write_box .vertical_pane .section {
      flex: 0 1 auto;
      display: inline-flex;
      align-items: center; }
    .write_box .vertical_pane.menu_pane {
      align-items: flex-end; }
    .write_box .vertical_pane .menu {
      font-size: 0.8em; }
      .write_box .vertical_pane .menu > *:not(:last-child) {
        margin-right: 0.5em; }
      .write_box .vertical_pane .menu button.icon_only {
        height: 35px;
        width: 35px; }
  .write_box .join_button {
    min-width: 5em; }
  .write_box .text_pane {
    padding-top: 0.2em;
    padding-bottom: 0.4em; }
  .write_box .input_pane {
    flex: 0 1 auto;
    background-color: #2D2F30;
    box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2px; }
  .write_box.disabled {
    opacity: 0.2; }
  .write_box.container {
    overflow: initial; }
  .write_box .portrait {
    margin: auto;
    height: 30px;
    width: 30px;
    overflow: hidden; }
    .write_box .portrait.generic_icon svg * {
      fill: #D7CEC7; }
  .write_box .name_area {
    font-size: 0.6em; }
    .write_box .name_area .name {
      font-weight: 400;
      color: #D9B310; }
    .write_box .name_area .clickable {
      cursor: pointer; }
    .write_box .name_area.public .name {
      color: #D7CEC7; }
  .write_box .current_chat {
    font-size: 0.8em;
    margin-right: 6px; }
  .write_box .input_field_button {
    display: flex;
    position: relative;
    width: 40px;
    user-select: none;
    -moz-user-select: none;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .write_box .input_field_button:not(:first-child):before {
      content: "";
      display: block;
      height: 50%;
      width: 2px;
      background-color: #707070;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1; }
    .write_box .input_field_button.disabled {
      opacity: 0.5; }
    .write_box .input_field_button.dialogue_switch:not(.disabled) .big_icon {
      opacity: 1; }
    .write_box .input_field_button.avatar_area {
      width: 60px;
      margin: 0; }
    .write_box .input_field_button:not(.disabled):hover {
      cursor: pointer; }
    .write_box .input_field_button .big_icon {
      flex: 0 1 auto;
      opacity: 0.3; }
      .write_box .input_field_button .big_icon svg {
        display: block;
        margin: auto;
        height: 20px;
        width: 15px;
        top: 50%;
        left: 50%; }
  .write_box .input_area {
    flex: 1;
    position: relative;
    background-color: #2D2F30; }
    .write_box .input_area:not(:first-child):before {
      content: "";
      display: block;
      height: 50%;
      width: 2px;
      background-color: #707070;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1; }
    .write_box .input_area .write_options_area {
      position: relative;
      margin-bottom: 1px;
      transition: all 0.25s; }
      .write_box .input_area .write_options_area.away {
        opacity: 0;
        height: 0;
        overflow: hidden; }
    .write_box .input_area .language_indicator {
      position: absolute;
      opacity: 0.6;
      font-size: 0.6em;
      top: 0;
      right: 0.5em;
      color: #D9B310;
      z-index: 1; }
    .write_box .input_area textarea {
      vertical-align: top;
      width: 100%;
      transition: all 0.5s;
      position: relative;
      padding: 7px 10px;
      background-color: transparent;
      color: #D7CEC7;
      font-size: 0.6em;
      border-radius: 0; }
      .write_box .input_area textarea:not(:focus):not(.long_placeholder)::placeholder {
        font-size: 1.5em; }
      .write_box .input_area textarea::placeholder {
        color: #D7CEC7;
        opacity: 0.5; }
      .write_box .input_area textarea:disabled {
        opacity: 0.5; }
  .write_box.is_description .language_indicator, .write_box.chat .language_indicator {
    display: none; }
  .write_box .send_option {
    position: relative;
    transition: width 0.25s;
    width: 50px;
    padding-left: 10px;
    overflow: hidden; }
    .write_box .send_option.away {
      width: 0;
      padding: 0; }
    .write_box .send_option svg, .write_box .send_option img {
      width: 30px;
      height: auto;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .write_box .send_option svg polygon, .write_box .send_option img polygon {
        fill: #D7CEC7 !important; }
  .write_box.is_description:not(.chat) .input_area textarea {
    background-color: #40464B;
    color: #D7CEC7; }

.writing_options .popover_custom.position_top {
  transform: translate(10px, calc(-100% - 10px));
  min-width: 150px;
  left: initial;
  right: 0;
  max-height: 50vh; }
  .writing_options .popover_custom.position_top:after {
    right: 20px;
    left: initial; }
.writing_options .writing_options_button .amount {
  color: #D9B310;
  font-size: 0.7em;
  position: absolute;
  bottom: 5px;
  right: 2px; }
.writing_options .writing_options_button svg {
  transform: rotate(90deg); }
  .writing_options .writing_options_button svg * {
    fill: #D7CEC7; }

#character_menu_popover {
  left: 0;
  transform: translate(0%, calc(-100% - 10px));
  max-width: 80vw;
  max-height: 80vh; }
  #character_menu_popover:after {
    left: 30px; }
  #character_menu_popover .option_bar_label {
    white-space: nowrap; }
  #character_menu_popover hr {
    margin: -5px 30px 0.5em 30px; }
  #character_menu_popover .narrator {
    flex: 0 0 auto; }

#open_chat_menu .icon {
  top: 40%; }

.dice_roll_menu #roll_menu_popover {
  padding: 11px;
  left: initial;
  right: 0;
  transform: translate(0, calc(-100% - 10px)); }
  .dice_roll_menu #roll_menu_popover:after {
    left: initial;
    right: 48px; }
  .dice_roll_menu #roll_menu_popover .popover_custom_content {
    padding: 0; }
.dice_roll_menu .roll_dice_button, .dice_roll_menu .bottom_button {
  margin: 0.8em 0;
  padding: 0.5em 1em;
  min-width: 10em; }

@media (max-width: 700px) and (min-device-height: 130vh) {
  .App:not(.iphone) #roll_menu_popover {
    width: calc(100vw - 10px);
    transform: translate(10px, calc(-100% - 10px)); }
    .App:not(.iphone) #roll_menu_popover .roll_request_menu {
      width: 100%;
      max-width: initial; }
    .App:not(.iphone) #roll_menu_popover .roll_options, .App:not(.iphone) #roll_menu_popover .advanced_roll, .App:not(.iphone) #roll_menu_popover .roll_request_menu {
      max-width: initial;
      width: initial; } }

.App.iphone.input_focused #roll_menu_popover {
  width: calc(100vw - 10px);
  transform: translate(10px, calc(-100% - 10px)); }
  .App.iphone.input_focused #roll_menu_popover .roll_request_menu {
    width: 100%;
    max-width: initial; }
  .App.iphone.input_focused #roll_menu_popover .roll_options, .App.iphone.input_focused #roll_menu_popover .advanced_roll, .App.iphone.input_focused #roll_menu_popover .roll_request_menu {
    max-width: initial;
    width: initial; }

.roll_options, .advanced_roll, .roll_request_menu {
  width: 20em;
  max-width: 70vw; }
  .roll_options label, .advanced_roll label, .roll_request_menu label {
    font-size: 0.8em; }
  .roll_options hr, .advanced_roll hr, .roll_request_menu hr {
    margin: 0.5em 0 0.1em 0; }
  .roll_options .options_title, .advanced_roll .options_title, .roll_request_menu .options_title {
    display: block;
    margin-bottom: 1em;
    text-align: center; }

.roll_options {
  text-align: center; }
  .roll_options .dice_selection {
    display: flex;
    flex-direction: row; }
    .roll_options .dice_selection .section {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .roll_options .dice_selection .section.custom.modifier {
        position: relative;
        display: flex;
        flex-direction: row; }
        .roll_options .dice_selection .section.custom.modifier button {
          padding: 0 1em; }
          .roll_options .dice_selection .section.custom.modifier button.negative {
            color: indianred; }
  .roll_options .custom {
    text-align: center; }
    .roll_options .custom label {
      font-size: 0.8em;
      margin-bottom: 0; }
    .roll_options .custom input {
      text-align: center;
      width: 80%;
      border-radius: 6px;
      border: solid 1px transparent;
      font-size: 0.8em; }
    .roll_options .custom.selected input {
      border: solid 1px #D7CEC7;
      color: #D9B310; }
  .roll_options .amount_option {
    text-align: center;
    width: 80%;
    padding: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    transition: border-color 0.25s, color 0.25s;
    border: solid 1px transparent;
    font-size: 0.8em; }
    .roll_options .amount_option.selected {
      border: solid 1px #D7CEC7;
      color: #D9B310; }

.advanced_roll .button_container, .roll_request_menu .button_container {
  display: flex;
  justify-content: center; }

.roll_command .input_field {
  display: flex; }
  .roll_command .input_field .character_name {
    max-width: 30%;
    flex: 0 1 auto;
    padding: 10px 5px 10px 3px;
    background-color: #328CC1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
    .roll_command .input_field .character_name span {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .roll_command .input_field input {
    flex: 1;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px; }
    .roll_command .input_field input::placeholder {
      opacity: 0.5;
      font-weight: 100; }
.roll_command .hint {
  margin-top: 10px;
  font-size: 0.8em; }
  .roll_command .hint .hint_title {
    padding: 1em 0;
    cursor: pointer; }
  .roll_command .hint .command_example {
    opacity: 0.8; }
  .roll_command .hint .generation {
    opacity: 0.5; }
  .roll_command .hint .collapse, .roll_command .hint .collapsing {
    max-height: 15vh;
    overflow: auto; }
  .roll_command .hint ul {
    list-style: none;
    padding-left: 0.5em; }
.roll_command .auto_complete_bar {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  white-space: nowrap;
  background-color: #252627;
  border-radius: 5px;
  border: solid 1px #707070; }
  .roll_command .auto_complete_bar .autocomplete_option {
    padding: 0.5em 0;
    cursor: pointer; }
    .roll_command .auto_complete_bar .autocomplete_option .highlighted {
      color: #D9B310; }
    .roll_command .auto_complete_bar .autocomplete_option:hover {
      background-color: #57595b; }

.roll_request_menu .roll_name {
  margin-bottom: 1em; }
.roll_request_menu .timer {
  margin-bottom: 2em; }
.roll_request_menu .button_container button {
  width: 10em; }
  .roll_request_menu .button_container button:first-child:not(:last-child) {
    margin-right: 0.5em; }
.roll_request_menu .characters_list {
  overflow: auto;
  max-height: 35vh; }
.roll_request_menu .all_bar {
  margin-top: 1em;
  margin-bottom: 1em; }

.roll_requests {
  flex: 0 0 auto;
  font-size: 0.8em; }
  .roll_requests .tabs {
    display: flex;
    font-size: 0.6em; }
    .roll_requests .tabs .tab {
      width: 5em;
      height: 2em;
      display: flex;
      justify-content: center;
      align-items: center;
      border: solid 1px rgba(112, 112, 112, 0.5);
      border-radius: 5px 5px 0 0;
      cursor: pointer; }
      .roll_requests .tabs .tab.selected {
        background-color: rgba(215, 206, 199, 0.6);
        border-color: transparent;
        cursor: initial; }
  .roll_requests .current_roll_box {
    display: flex;
    background-color: #2C2C2C;
    border: solid 1px #D9B310;
    border-radius: 6px;
    padding: 0.5em; }
    .roll_requests .current_roll_box .icon {
      flex: 0 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 1.5em 0 1em; }
      .roll_requests .current_roll_box .icon img {
        height: 3em; }
    .roll_requests .current_roll_box .roll_info {
      flex: 1;
      display: flex;
      flex-direction: column; }
      .roll_requests .current_roll_box .roll_info .name {
        color: #D9B310; }
      .roll_requests .current_roll_box .roll_info .command {
        font-size: 1.1em;
        color: #328CC1; }
      .roll_requests .current_roll_box .roll_info .targets {
        font-size: 0.8em;
        opacity: 0.6; }
        .roll_requests .current_roll_box .roll_info .targets .target_name:not(:first-child):not(:last-child):before {
          content: ", "; }
        .roll_requests .current_roll_box .roll_info .targets .target_name:last-child:not(:first-child):before {
          content: " & "; }
  .roll_requests .right_pane {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0.5em;
    text-align: center; }
    .roll_requests .right_pane button {
      min-width: 5em; }
  .roll_requests .timer {
    margin-top: 0.5em;
    font-size: 0.8em; }
    .roll_requests .timer .hint {
      opacity: 0.6;
      margin-right: 0.5em; }
    .roll_requests .timer .value {
      color: #D9B310; }

.game_list_screen .page_content {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .game_list_screen .page_content .scroll_list {
    padding-top: 1em;
    flex: 1; }
.game_list_screen .upper_tabs {
  padding: 0 50px; }
  .game_list_screen .upper_tabs .upper_tab:not(:last-child) {
    border-right: none; }
.game_list_screen .game_item {
  margin-bottom: 1em; }

.notes_screen .page_content {
  display: flex;
  flex-direction: column; }
  .notes_screen .page_content .container {
    height: 100%;
    word-wrap: break-word;
    overflow: auto; }
.notes_screen textarea {
  margin-top: 10px;
  height: calc(100% - 20px);
  width: 100%; }
.notes_screen .game_handouts {
  white-space: pre-line;
  height: 100%; }
  .notes_screen .game_handouts.read-only {
    padding-top: 20px; }
    .notes_screen .game_handouts.read-only .hint {
      opacity: 0.6; }
.notes_screen .section_title {
  display: flex;
  font-family: "Tahoma", sans-serif;
  margin-bottom: 10px;
  opacity: 0.8; }
  .notes_screen .section_title .isvg {
    white-space: initial; }
    .notes_screen .section_title .isvg svg {
      height: 20px;
      width: auto;
      margin-right: 10px; }
      .notes_screen .section_title .isvg svg * {
        fill: #D7CEC7; }
  .notes_screen .section_title:first-child {
    margin-top: 20px; }
.notes_screen .game_description, .notes_screen .game_rules {
  white-space: pre-line;
  font-size: 0.8em; }

@keyframes selection_bounce {
  from {
    width: 1px;
    height: 50%; }
  20% {
    width: 1px;
    height: 20%; }
  80% {
    height: 80%;
    width: 4px; }
  to {
    height: 55%;
    width: 3px; } }
.characters_screen {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .characters_screen .list {
    flex: 0 1 auto;
    margin-top: 15px; }
    .characters_screen .list:not(:first-child) {
      padding-top: 15px;
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
  .characters_screen .add_npc {
    margin-top: 10px; }

.character_item.option_bar {
  margin-bottom: 0.5em;
  white-space: nowrap; }
  .character_item.option_bar .option_bar_label {
    padding-right: 3em; }
  .character_item.option_bar.selected .option_bar_element:not(:last-child):before {
    transition: all 0.4s;
    animation: selection_bounce 0.25s forwards;
    background-color: #D9B310; }
  .character_item.option_bar .beginner_tag {
    color: #78c478; }

.login_screen {
  flex: 1;
  display: flex;
  flex-direction: column;
  animation: fade_in 0.25s; }
  .login_screen a {
    cursor: pointer;
    transition: all 0.25s; }
    .login_screen a:hover {
      color: #D9B310 !important; }
  .login_screen .logo {
    width: 50px;
    height: 50px;
    margin: 0px auto 20px auto; }
  .login_screen .page_content .container {
    padding-top: 30px;
    flex: 1;
    position: relative; }
  .login_screen .form {
    position: relative; }
    .login_screen .form label {
      font-size: 0.8em;
      margin-bottom: 0; }
  .login_screen .area {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .login_screen .area.password {
      animation: fade_in 0.25s; }
    .login_screen .area input {
      border: none;
      background-color: transparent;
      border-bottom: solid 1px #328CC1;
      transition: all 0.25s; }
      .login_screen .area input:focus {
        background-color: transparent;
        border-bottom: solid 1px #D9B310; }
  .login_screen input[type=checkbox] {
    top: 3px;
    margin-right: 3px;
    position: relative; }
  .login_screen .remember_me, .login_screen .privacy_policy_line {
    margin-top: 15px; }
    .login_screen .remember_me .switch, .login_screen .privacy_policy_line .switch {
      margin-right: 3px; }
  .login_screen .loading_icon {
    display: inline-block;
    margin: 10px 0; }
  .login_screen .footer {
    display: flex;
    flex-direction: row;
    margin-top: 10px; }
    .login_screen .footer a {
      flex: 1; }
    .login_screen .footer .forgot_password_link {
      text-align: right; }
  .login_screen .error {
    color: indianred;
    font-size: 1.3em; }
  .login_screen.reset .validate {
    margin-top: 30px; }

.profile_screen .delete {
  font-size: 0.8em; }
.profile_screen .page_content .container {
  position: relative;
  flex: 1;
  margin-bottom: 30px; }
.profile_screen .error {
  color: indianred;
  font-size: 1.3em; }
.profile_screen .logout {
  display: block;
  text-align: right;
  top: 0;
  right: 0;
  padding: 1em; }
.profile_screen .languages {
  font-size: 0.8em; }
  .profile_screen .languages .option {
    cursor: pointer;
    opacity: 0.6; }
    .profile_screen .languages .option:not(:first-child):before {
      content: " / "; }
  .profile_screen .languages .selected {
    opacity: 1; }
.profile_screen .user_banner {
  margin-bottom: 1em; }

.discord_link_button {
  text-align: center; }
  .discord_link_button a[type='button'] {
    background: linear-gradient(to right, #7289da, #7289da);
    color: white;
    box-shadow: 0 0px 2px 1px #7289da;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0.7em 1em; }
    .discord_link_button a[type='button']:hover {
      background-color: transparent; }
    .discord_link_button a[type='button'] svg {
      height: 1em;
      margin-right: 0.5em; }
      .discord_link_button a[type='button'] svg *, .discord_link_button a[type='button'] svg path {
        fill: white !important; }
  .discord_link_button .discord_user {
    text-align: center;
    background-color: rgba(215, 206, 199, 0.1);
    padding: 0.5em; }
    .discord_link_button .discord_user label {
      font-weight: 400;
      text-align: left; }

.settings_screen {
  font-size: 0.8em; }

.join_game_screen .search_input {
  margin-bottom: 0;
  flex: 0 0 auto; }
.join_game_screen .show_more_button {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.25s; }
  .join_game_screen .show_more_button:hover {
    opacity: 1; }
.join_game_screen .tag_picker .svg {
  height: 20px; }
.join_game_screen .more_options {
  display: flex;
  font-size: 0.8em;
  margin-top: 15px; }
  .join_game_screen .more_options svg {
    height: 1em;
    width: auto; }
    .join_game_screen .more_options svg * {
      fill: #D7CEC7; }
  .join_game_screen .more_options .space {
    flex: 1; }
  .join_game_screen .more_options .filters, .join_game_screen .more_options .sorting {
    flex: 1; }
  .join_game_screen .more_options .sorting .popover_custom {
    left: 40px;
    width: 15em; }
  .join_game_screen .more_options .filters .switch_box {
    display: inline; }
    .join_game_screen .more_options .filters .switch_box .switch {
      margin-right: 10px; }
  .join_game_screen .more_options .filters .popover_container {
    text-align: center; }
    .join_game_screen .more_options .filters .popover_container .popover_custom {
      width: 15em;
      text-align: left;
      left: 120px;
      padding: 10px; }
      .join_game_screen .more_options .filters .popover_container .popover_custom:after {
        left: 10%; }
      .join_game_screen .more_options .filters .popover_container .popover_custom .popover_custom_content {
        display: flex;
        flex-direction: column; }
  .join_game_screen .more_options .popover_custom {
    font-size: 1.3em; }
  .join_game_screen .more_options .icon {
    align-items: center;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: row; }
    .join_game_screen .more_options .icon svg {
      margin-right: 5px; }

.color_picker {
  display: inline; }
  .color_picker .current_color_box_container {
    position: relative;
    display: inline-block; }

.color_box {
  cursor: pointer;
  min-width: 30px;
  height: 30px; }
  .color_box.color_1 {
    background-color: #D7CEC7; }
  .color_box.color_2 {
    background-color: #a5a5b0; }
  .color_box.color_3 {
    background-color: #a4c9df; }
  .color_box.color_4 {
    background-color: #328CC1; }
  .color_box.color_5 {
    background-color: #767ccb; }
  .color_box.color_6 {
    background-color: cadetblue; }
  .color_box.color_7 {
    background-color: #78C478; }
  .color_box.color_8 {
    background-color: #cdc09c; }
  .color_box.color_9 {
    background-color: #D9B310; }
  .color_box.color_10 {
    background-color: #c38cae; }
  .color_box.color_11 {
    background-color: indianred; }
  .color_box.color_12 {
    background-color: #CD8F5C; }

.backdrop_blur {
  pointer-events: all;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: white;
  opacity: 0.2;
  animation: fade_in_2 0.5s; }

.popover_container {
  position: relative; }

.popover_custom {
  text-align: left;
  position: absolute;
  animation: fade_in 0.25s;
  z-index: 100;
  background-color: #252627;
  color: #D7CEC7;
  border-radius: 5px;
  border: solid 1px #707070;
  display: flex;
  flex-direction: column;
  max-height: 80vh; }
  .popover_custom .popover_custom_content {
    flex: 1;
    padding: 0.5em; }
    .popover_custom .popover_custom_content:not(.allow_overflow) {
      overflow: hidden; }
  .popover_custom:after {
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-width: 10px; }
  .popover_custom.position_right {
    top: 50%;
    right: 0;
    transform: translate(calc(100% + 10px), -50%); }
    .popover_custom.position_right:after {
      right: 100%;
      top: 50%;
      border-right-color: #252627;
      margin-top: -10px; }
  .popover_custom.position_top {
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 10px)); }
    .popover_custom.position_top:after {
      left: 50%;
      top: 100%;
      border-top-color: #252627;
      margin-left: -10px; }
  .popover_custom.position_bottom {
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px); }
    .popover_custom.position_bottom:after {
      left: 50%;
      top: -20px;
      border-bottom-color: #252627;
      margin-left: -10px; }
  .popover_custom .list_menu_title, .popover_custom .popover_custom_title {
    flex: 0 1 auto;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    padding: 1em;
    font-size: 0.8em;
    white-space: nowrap; }
    .popover_custom .list_menu_title .back_button, .popover_custom .popover_custom_title .back_button {
      margin-right: 5px;
      display: inline-block;
      height: 15px;
      width: 15px; }
      .popover_custom .list_menu_title .back_button svg, .popover_custom .popover_custom_title .back_button svg {
        height: 100%;
        width: auto; }
        .popover_custom .list_menu_title .back_button svg *, .popover_custom .popover_custom_title .back_button svg * {
          fill: #D7CEC7; }
  .popover_custom label {
    font-size: 0.8em;
    margin-left: 0.5em; }
  .popover_custom.list_popover .popover_custom_content {
    display: flex;
    flex-direction: column; }
  .popover_custom.list_popover .menu_item {
    cursor: pointer;
    padding: 3px 10px;
    opacity: 0.8;
    display: flex; }
    .popover_custom.list_popover .menu_item:hover {
      opacity: 1; }
    .popover_custom.list_popover .menu_item .title {
      flex: 1; }
    .popover_custom.list_popover .menu_item .icon {
      height: 20px;
      width: 20px;
      margin-right: 5px; }
      .popover_custom.list_popover .menu_item .icon svg {
        height: 100%;
        width: auto;
        display: block; }
        .popover_custom.list_popover .menu_item .icon svg * {
          fill: #D7CEC7; }
  .popover_custom.list_popover .scroll_list {
    flex: 1;
    padding: 5px; }
  .popover_custom .empty_message {
    font-size: 0.8em;
    opacity: 0.6; }

.list_item {
  padding: 3px 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s; }
  .list_item .popover_custom_content {
    padding: 0; }
  .list_item:after {
    margin-top: 3px;
    position: relative;
    display: block;
    content: " ";
    width: 40%;
    height: 4px;
    background-color: #D9B310;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.25s; }
  .list_item.selected {
    color: #D9B310; }
    .list_item.selected:after {
      opacity: 1;
      width: 80%; }

@keyframes appear_bottom {
  from {
    opacity: 0;
    transform: translateY(50%); }
  to {
    opacity: 1;
    transform: translateY(0%); } }
.modal_custom_container {
  z-index: 100;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  color: #D7CEC7; }
  .modal_custom_container .backdrop {
    pointer-events: all;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(29, 39, 49, 0.5);
    animation: fade_in 0.5s; }
  .modal_custom_container .modal_custom {
    margin: 10vh auto 50px auto;
    display: flex;
    flex-direction: column;
    animation: fade_in 0.5s;
    border: solid 1px #707070;
    border-radius: 4px;
    background-color: #252627;
    max-width: 100vw;
    width: 900px; }
    @media (max-width: 700px) {
      .modal_custom_container .modal_custom {
        width: 500px; } }
    @media (max-width: 600px) {
      .modal_custom_container .modal_custom {
        width: 350px; } }
    @media (max-width: 400px) {
      .modal_custom_container .modal_custom {
        width: 300px; } }
    .modal_custom_container .modal_custom > .title {
      flex: 0 1 auto;
      padding: 10px;
      text-align: center;
      font-size: 0.8em;
      border-radius: 4px 4px 0 0; }
      .modal_custom_container .modal_custom > .title h5 {
        margin-bottom: 0; }
    .modal_custom_container .modal_custom .body {
      flex: 1;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (max-width: 700px) {
        .modal_custom_container .modal_custom .body {
          padding: 30px; } }
      @media (max-width: 600px) {
        .modal_custom_container .modal_custom .body {
          padding: 20px; } }
      @media (max-width: 400px) {
        .modal_custom_container .modal_custom .body {
          padding: 10px; } }
      .modal_custom_container .modal_custom .body label {
        text-align: left;
        font-size: 0.9em;
        opacity: 0.6;
        margin-bottom: 0;
        margin-top: 1em; }
    .modal_custom_container .modal_custom .footer {
      display: flex;
      flex-direction: row;
      padding: 10px;
      flex: 0 1 auto;
      justify-content: center; }
      .modal_custom_container .modal_custom .footer button {
        flex: 1; }
        .modal_custom_container .modal_custom .footer button:not(:last-child) {
          margin-right: 1em; }

.modal_custom_container:not(.bottom_slider) .body {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.modal_custom_container.bottom_slider {
  overflow: hidden; }
  .modal_custom_container.bottom_slider .modal_custom {
    border-color: #D9B310;
    width: calc(100% - 6px);
    animation: appear_bottom 0.25s;
    position: absolute;
    bottom: 3px;
    left: 3px;
    margin: 0;
    max-height: 80vh; }
    .modal_custom_container.bottom_slider .modal_custom .body {
      display: flex;
      flex-direction: column; }

.modal_custom_container.no_backdrop .backdrop {
  background-color: transparent; }

.templates_screen .option_bar {
  margin-bottom: 1em; }
.templates_screen .page_content {
  padding-top: 10px;
  flex: 1; }
.templates_screen .list_title {
  margin: 20px 0;
  opacity: 0.9; }
  .templates_screen .list_title svg {
    height: 20px;
    width: auto;
    margin-right: 5px; }
    .templates_screen .list_title svg * {
      fill: #D7CEC7 !important; }
.templates_screen .list {
  flex: 1;
  overflow: auto;
  flex-direction: column;
  display: flex; }
.templates_screen .search_bar {
  margin-top: 5px;
  margin-bottom: 10px; }
  .templates_screen .search_bar img {
    height: 15px;
    width: auto;
    margin-right: 5px;
    position: relative;
    top: -3px; }
.templates_screen .template_item {
  margin-bottom: 1em; }
  .templates_screen .template_item .public_info .flavor_text {
    opacity: 0.7;
    font-size: 0.9em; }
  .templates_screen .template_item .public_info .usage_count {
    opacity: 0.7;
    font-size: 0.9em; }

.network_message {
  background-color: #D9B310;
  color: white;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  text-align: center;
  z-index: 1000; }
  .network_message .content {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

@keyframes vote_option_appear {
  from {
    height: 0; }
  to {
    height: 30px; } }
.feature_list .explanation {
  background-color: rgba(29, 39, 49, 0.3);
  padding: 10px;
  font-size: 0.7em; }
.feature_list .vote_left {
  margin: 10px 0 10px 0; }
  .feature_list .vote_left .some {
    color: #D9B310; }
.feature_list .option_bar {
  margin-bottom: 1em; }
.feature_list .upper_tabs .upper_tab:not(:last-child) {
  border-right: none; }
.feature_list .current_value {
  margin-top: -1em;
  margin-bottom: 0.75em; }

.privacy_policy_page, .tos_page {
  color: #D7CEC7;
  background-color: #0B3C5D; }

.game_maps_screen .option_bar {
  margin-bottom: 1em; }
.game_maps_screen .page_content > .container {
  padding-top: 10px; }

.map_screen .map_info, .line.open_map .map_info {
  background-color: #0B3C5D;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px; }
  .map_screen .map_info .container, .line.open_map .map_info .container {
    display: flex; }
    .map_screen .map_info .container .left_pane, .line.open_map .map_info .container .left_pane {
      flex: 1; }
    .map_screen .map_info .container .brush_area, .line.open_map .map_info .container .brush_area {
      flex: 0 1 auto; }
      .map_screen .map_info .container .brush_area label, .line.open_map .map_info .container .brush_area label {
        margin-left: 5px; }
      .map_screen .map_info .container .brush_area .popover_container, .line.open_map .map_info .container .brush_area .popover_container {
        display: inline-block; }
      .map_screen .map_info .container .brush_area .brush, .line.open_map .map_info .container .brush_area .brush {
        cursor: pointer; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_0, .line.open_map .map_info .container .brush_area .brush.color_0.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #0B3C5D; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_1, .line.open_map .map_info .container .brush_area .brush.color_0.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #0B3C5D;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_0.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #0B3C5D; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_2, .line.open_map .map_info .container .brush_area .brush.color_0.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_0.shape_2, .line.open_map .map_info .container .brush_area .brush.color_0.shape_2 {
            width: 30px;
            height: 15px;
            background: #0B3C5D;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_0.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_0.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #0B3C5D; }
          .map_screen .map_info .container .brush_area .brush.color_0.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_0.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #0B3C5D; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_3, .line.open_map .map_info .container .brush_area .brush.color_0.shape_3 {
          width: 30px;
          height: 30px;
          background: #0B3C5D;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_4, .line.open_map .map_info .container .brush_area .brush.color_0.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #0B3C5D; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_5, .line.open_map .map_info .container .brush_area .brush.color_0.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #0B3C5D;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_6, .line.open_map .map_info .container .brush_area .brush.color_0.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #0B3C5D; }
        .map_screen .map_info .container .brush_area .brush.color_0.shape_7, .line.open_map .map_info .container .brush_area .brush.color_0.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #0B3C5D;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_0, .line.open_map .map_info .container .brush_area .brush.color_1.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #EDECEB; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_1, .line.open_map .map_info .container .brush_area .brush.color_1.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #EDECEB;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_1.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #EDECEB; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_2, .line.open_map .map_info .container .brush_area .brush.color_1.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_1.shape_2, .line.open_map .map_info .container .brush_area .brush.color_1.shape_2 {
            width: 30px;
            height: 15px;
            background: #EDECEB;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_1.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_1.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #EDECEB; }
          .map_screen .map_info .container .brush_area .brush.color_1.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_1.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #EDECEB; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_3, .line.open_map .map_info .container .brush_area .brush.color_1.shape_3 {
          width: 30px;
          height: 30px;
          background: #EDECEB;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_4, .line.open_map .map_info .container .brush_area .brush.color_1.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #EDECEB; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_5, .line.open_map .map_info .container .brush_area .brush.color_1.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #EDECEB;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_6, .line.open_map .map_info .container .brush_area .brush.color_1.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #EDECEB; }
        .map_screen .map_info .container .brush_area .brush.color_1.shape_7, .line.open_map .map_info .container .brush_area .brush.color_1.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #EDECEB;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_0, .line.open_map .map_info .container .brush_area .brush.color_2.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #D7CEC7; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_1, .line.open_map .map_info .container .brush_area .brush.color_2.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #D7CEC7;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_2.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #D7CEC7; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_2, .line.open_map .map_info .container .brush_area .brush.color_2.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_2.shape_2, .line.open_map .map_info .container .brush_area .brush.color_2.shape_2 {
            width: 30px;
            height: 15px;
            background: #D7CEC7;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_2.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_2.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #D7CEC7; }
          .map_screen .map_info .container .brush_area .brush.color_2.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_2.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #D7CEC7; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_3, .line.open_map .map_info .container .brush_area .brush.color_2.shape_3 {
          width: 30px;
          height: 30px;
          background: #D7CEC7;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_4, .line.open_map .map_info .container .brush_area .brush.color_2.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #D7CEC7; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_5, .line.open_map .map_info .container .brush_area .brush.color_2.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #D7CEC7;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_6, .line.open_map .map_info .container .brush_area .brush.color_2.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #D7CEC7; }
        .map_screen .map_info .container .brush_area .brush.color_2.shape_7, .line.open_map .map_info .container .brush_area .brush.color_2.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #D7CEC7;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_0, .line.open_map .map_info .container .brush_area .brush.color_3.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #A5A5B0; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_1, .line.open_map .map_info .container .brush_area .brush.color_3.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #A5A5B0;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_3.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #A5A5B0; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_2, .line.open_map .map_info .container .brush_area .brush.color_3.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_3.shape_2, .line.open_map .map_info .container .brush_area .brush.color_3.shape_2 {
            width: 30px;
            height: 15px;
            background: #A5A5B0;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_3.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_3.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #A5A5B0; }
          .map_screen .map_info .container .brush_area .brush.color_3.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_3.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #A5A5B0; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_3, .line.open_map .map_info .container .brush_area .brush.color_3.shape_3 {
          width: 30px;
          height: 30px;
          background: #A5A5B0;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_4, .line.open_map .map_info .container .brush_area .brush.color_3.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #A5A5B0; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_5, .line.open_map .map_info .container .brush_area .brush.color_3.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #A5A5B0;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_6, .line.open_map .map_info .container .brush_area .brush.color_3.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #A5A5B0; }
        .map_screen .map_info .container .brush_area .brush.color_3.shape_7, .line.open_map .map_info .container .brush_area .brush.color_3.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #A5A5B0;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_0, .line.open_map .map_info .container .brush_area .brush.color_4.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #A4C9DF; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_1, .line.open_map .map_info .container .brush_area .brush.color_4.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #A4C9DF;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_4.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #A4C9DF; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_2, .line.open_map .map_info .container .brush_area .brush.color_4.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_4.shape_2, .line.open_map .map_info .container .brush_area .brush.color_4.shape_2 {
            width: 30px;
            height: 15px;
            background: #A4C9DF;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_4.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_4.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #A4C9DF; }
          .map_screen .map_info .container .brush_area .brush.color_4.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_4.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #A4C9DF; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_3, .line.open_map .map_info .container .brush_area .brush.color_4.shape_3 {
          width: 30px;
          height: 30px;
          background: #A4C9DF;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_4, .line.open_map .map_info .container .brush_area .brush.color_4.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #A4C9DF; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_5, .line.open_map .map_info .container .brush_area .brush.color_4.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #A4C9DF;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_6, .line.open_map .map_info .container .brush_area .brush.color_4.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #A4C9DF; }
        .map_screen .map_info .container .brush_area .brush.color_4.shape_7, .line.open_map .map_info .container .brush_area .brush.color_4.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #A4C9DF;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_0, .line.open_map .map_info .container .brush_area .brush.color_5.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #328CC1; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_1, .line.open_map .map_info .container .brush_area .brush.color_5.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #328CC1;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_5.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #328CC1; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_2, .line.open_map .map_info .container .brush_area .brush.color_5.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_5.shape_2, .line.open_map .map_info .container .brush_area .brush.color_5.shape_2 {
            width: 30px;
            height: 15px;
            background: #328CC1;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_5.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_5.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #328CC1; }
          .map_screen .map_info .container .brush_area .brush.color_5.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_5.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #328CC1; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_3, .line.open_map .map_info .container .brush_area .brush.color_5.shape_3 {
          width: 30px;
          height: 30px;
          background: #328CC1;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_4, .line.open_map .map_info .container .brush_area .brush.color_5.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #328CC1; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_5, .line.open_map .map_info .container .brush_area .brush.color_5.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #328CC1;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_6, .line.open_map .map_info .container .brush_area .brush.color_5.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #328CC1; }
        .map_screen .map_info .container .brush_area .brush.color_5.shape_7, .line.open_map .map_info .container .brush_area .brush.color_5.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #328CC1;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_0, .line.open_map .map_info .container .brush_area .brush.color_6.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #767CCB; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_1, .line.open_map .map_info .container .brush_area .brush.color_6.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #767CCB;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_6.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #767CCB; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_2, .line.open_map .map_info .container .brush_area .brush.color_6.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_6.shape_2, .line.open_map .map_info .container .brush_area .brush.color_6.shape_2 {
            width: 30px;
            height: 15px;
            background: #767CCB;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_6.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_6.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #767CCB; }
          .map_screen .map_info .container .brush_area .brush.color_6.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_6.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #767CCB; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_3, .line.open_map .map_info .container .brush_area .brush.color_6.shape_3 {
          width: 30px;
          height: 30px;
          background: #767CCB;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_4, .line.open_map .map_info .container .brush_area .brush.color_6.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #767CCB; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_5, .line.open_map .map_info .container .brush_area .brush.color_6.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #767CCB;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_6, .line.open_map .map_info .container .brush_area .brush.color_6.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #767CCB; }
        .map_screen .map_info .container .brush_area .brush.color_6.shape_7, .line.open_map .map_info .container .brush_area .brush.color_6.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #767CCB;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_0, .line.open_map .map_info .container .brush_area .brush.color_7.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #5F9EA0; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_1, .line.open_map .map_info .container .brush_area .brush.color_7.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #5F9EA0;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_7.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #5F9EA0; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_2, .line.open_map .map_info .container .brush_area .brush.color_7.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_7.shape_2, .line.open_map .map_info .container .brush_area .brush.color_7.shape_2 {
            width: 30px;
            height: 15px;
            background: #5F9EA0;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_7.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_7.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #5F9EA0; }
          .map_screen .map_info .container .brush_area .brush.color_7.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_7.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #5F9EA0; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_3, .line.open_map .map_info .container .brush_area .brush.color_7.shape_3 {
          width: 30px;
          height: 30px;
          background: #5F9EA0;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_4, .line.open_map .map_info .container .brush_area .brush.color_7.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #5F9EA0; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_5, .line.open_map .map_info .container .brush_area .brush.color_7.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #5F9EA0;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_6, .line.open_map .map_info .container .brush_area .brush.color_7.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #5F9EA0; }
        .map_screen .map_info .container .brush_area .brush.color_7.shape_7, .line.open_map .map_info .container .brush_area .brush.color_7.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #5F9EA0;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_0, .line.open_map .map_info .container .brush_area .brush.color_8.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #78C478; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_1, .line.open_map .map_info .container .brush_area .brush.color_8.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #78C478;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_8.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #78C478; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_2, .line.open_map .map_info .container .brush_area .brush.color_8.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_8.shape_2, .line.open_map .map_info .container .brush_area .brush.color_8.shape_2 {
            width: 30px;
            height: 15px;
            background: #78C478;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_8.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_8.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #78C478; }
          .map_screen .map_info .container .brush_area .brush.color_8.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_8.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #78C478; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_3, .line.open_map .map_info .container .brush_area .brush.color_8.shape_3 {
          width: 30px;
          height: 30px;
          background: #78C478;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_4, .line.open_map .map_info .container .brush_area .brush.color_8.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #78C478; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_5, .line.open_map .map_info .container .brush_area .brush.color_8.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #78C478;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_6, .line.open_map .map_info .container .brush_area .brush.color_8.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #78C478; }
        .map_screen .map_info .container .brush_area .brush.color_8.shape_7, .line.open_map .map_info .container .brush_area .brush.color_8.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #78C478;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_0, .line.open_map .map_info .container .brush_area .brush.color_9.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #CDC09C; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_1, .line.open_map .map_info .container .brush_area .brush.color_9.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #CDC09C;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_9.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #CDC09C; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_2, .line.open_map .map_info .container .brush_area .brush.color_9.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_9.shape_2, .line.open_map .map_info .container .brush_area .brush.color_9.shape_2 {
            width: 30px;
            height: 15px;
            background: #CDC09C;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_9.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_9.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #CDC09C; }
          .map_screen .map_info .container .brush_area .brush.color_9.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_9.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #CDC09C; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_3, .line.open_map .map_info .container .brush_area .brush.color_9.shape_3 {
          width: 30px;
          height: 30px;
          background: #CDC09C;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_4, .line.open_map .map_info .container .brush_area .brush.color_9.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #CDC09C; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_5, .line.open_map .map_info .container .brush_area .brush.color_9.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #CDC09C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_6, .line.open_map .map_info .container .brush_area .brush.color_9.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #CDC09C; }
        .map_screen .map_info .container .brush_area .brush.color_9.shape_7, .line.open_map .map_info .container .brush_area .brush.color_9.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #CDC09C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_0, .line.open_map .map_info .container .brush_area .brush.color_10.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #D9B310; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_1, .line.open_map .map_info .container .brush_area .brush.color_10.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #D9B310;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_10.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #D9B310; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_2, .line.open_map .map_info .container .brush_area .brush.color_10.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_10.shape_2, .line.open_map .map_info .container .brush_area .brush.color_10.shape_2 {
            width: 30px;
            height: 15px;
            background: #D9B310;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_10.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_10.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #D9B310; }
          .map_screen .map_info .container .brush_area .brush.color_10.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_10.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #D9B310; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_3, .line.open_map .map_info .container .brush_area .brush.color_10.shape_3 {
          width: 30px;
          height: 30px;
          background: #D9B310;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_4, .line.open_map .map_info .container .brush_area .brush.color_10.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #D9B310; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_5, .line.open_map .map_info .container .brush_area .brush.color_10.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #D9B310;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_6, .line.open_map .map_info .container .brush_area .brush.color_10.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #D9B310; }
        .map_screen .map_info .container .brush_area .brush.color_10.shape_7, .line.open_map .map_info .container .brush_area .brush.color_10.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #D9B310;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_0, .line.open_map .map_info .container .brush_area .brush.color_11.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #C38CAE; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_1, .line.open_map .map_info .container .brush_area .brush.color_11.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #C38CAE;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_11.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #C38CAE; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_2, .line.open_map .map_info .container .brush_area .brush.color_11.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_11.shape_2, .line.open_map .map_info .container .brush_area .brush.color_11.shape_2 {
            width: 30px;
            height: 15px;
            background: #C38CAE;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_11.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_11.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #C38CAE; }
          .map_screen .map_info .container .brush_area .brush.color_11.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_11.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #C38CAE; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_3, .line.open_map .map_info .container .brush_area .brush.color_11.shape_3 {
          width: 30px;
          height: 30px;
          background: #C38CAE;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_4, .line.open_map .map_info .container .brush_area .brush.color_11.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #C38CAE; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_5, .line.open_map .map_info .container .brush_area .brush.color_11.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #C38CAE;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_6, .line.open_map .map_info .container .brush_area .brush.color_11.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #C38CAE; }
        .map_screen .map_info .container .brush_area .brush.color_11.shape_7, .line.open_map .map_info .container .brush_area .brush.color_11.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #C38CAE;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_0, .line.open_map .map_info .container .brush_area .brush.color_12.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #CD5C5C; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_1, .line.open_map .map_info .container .brush_area .brush.color_12.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #CD5C5C;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_12.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #CD5C5C; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_2, .line.open_map .map_info .container .brush_area .brush.color_12.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_12.shape_2, .line.open_map .map_info .container .brush_area .brush.color_12.shape_2 {
            width: 30px;
            height: 15px;
            background: #CD5C5C;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_12.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_12.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #CD5C5C; }
          .map_screen .map_info .container .brush_area .brush.color_12.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_12.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #CD5C5C; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_3, .line.open_map .map_info .container .brush_area .brush.color_12.shape_3 {
          width: 30px;
          height: 30px;
          background: #CD5C5C;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_4, .line.open_map .map_info .container .brush_area .brush.color_12.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #CD5C5C; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_5, .line.open_map .map_info .container .brush_area .brush.color_12.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #CD5C5C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_6, .line.open_map .map_info .container .brush_area .brush.color_12.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #CD5C5C; }
        .map_screen .map_info .container .brush_area .brush.color_12.shape_7, .line.open_map .map_info .container .brush_area .brush.color_12.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #CD5C5C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_0, .line.open_map .map_info .container .brush_area .brush.color_13.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #CD8F5C; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_1, .line.open_map .map_info .container .brush_area .brush.color_13.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #CD8F5C;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_13.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #CD8F5C; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_2, .line.open_map .map_info .container .brush_area .brush.color_13.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_13.shape_2, .line.open_map .map_info .container .brush_area .brush.color_13.shape_2 {
            width: 30px;
            height: 15px;
            background: #CD8F5C;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_13.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_13.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #CD8F5C; }
          .map_screen .map_info .container .brush_area .brush.color_13.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_13.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #CD8F5C; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_3, .line.open_map .map_info .container .brush_area .brush.color_13.shape_3 {
          width: 30px;
          height: 30px;
          background: #CD8F5C;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_4, .line.open_map .map_info .container .brush_area .brush.color_13.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #CD8F5C; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_5, .line.open_map .map_info .container .brush_area .brush.color_13.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #CD8F5C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_6, .line.open_map .map_info .container .brush_area .brush.color_13.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #CD8F5C; }
        .map_screen .map_info .container .brush_area .brush.color_13.shape_7, .line.open_map .map_info .container .brush_area .brush.color_13.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #CD8F5C;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_0, .line.open_map .map_info .container .brush_area .brush.color_14.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #C4751E; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_1, .line.open_map .map_info .container .brush_area .brush.color_14.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #C4751E;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_14.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #C4751E; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_2, .line.open_map .map_info .container .brush_area .brush.color_14.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_14.shape_2, .line.open_map .map_info .container .brush_area .brush.color_14.shape_2 {
            width: 30px;
            height: 15px;
            background: #C4751E;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_14.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_14.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #C4751E; }
          .map_screen .map_info .container .brush_area .brush.color_14.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_14.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #C4751E; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_3, .line.open_map .map_info .container .brush_area .brush.color_14.shape_3 {
          width: 30px;
          height: 30px;
          background: #C4751E;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_4, .line.open_map .map_info .container .brush_area .brush.color_14.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #C4751E; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_5, .line.open_map .map_info .container .brush_area .brush.color_14.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #C4751E;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_6, .line.open_map .map_info .container .brush_area .brush.color_14.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #C4751E; }
        .map_screen .map_info .container .brush_area .brush.color_14.shape_7, .line.open_map .map_info .container .brush_area .brush.color_14.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #C4751E;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_0, .line.open_map .map_info .container .brush_area .brush.color_15.shape_0 {
          width: 30px;
          height: 30px;
          background-color: #1D2731; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_1, .line.open_map .map_info .container .brush_area .brush.color_15.shape_1 {
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-bottom-color: #1D2731;
          position: relative;
          top: -15px; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_1:after, .line.open_map .map_info .container .brush_area .brush.color_15.shape_1:after {
          content: "";
          position: absolute;
          left: -15px;
          top: 15px;
          width: 0;
          height: 0;
          border: 15px solid transparent;
          border-top-color: #1D2731; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_2, .line.open_map .map_info .container .brush_area .brush.color_15.shape_2 {
          margin-top: 7.5px; }
          .map_screen .map_info .container .brush_area .brush.color_15.shape_2, .line.open_map .map_info .container .brush_area .brush.color_15.shape_2 {
            width: 30px;
            height: 15px;
            background: #1D2731;
            position: relative; }
          .map_screen .map_info .container .brush_area .brush.color_15.shape_2:before, .line.open_map .map_info .container .brush_area .brush.color_15.shape_2:before {
            content: "";
            position: absolute;
            top: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 7.5px solid #1D2731; }
          .map_screen .map_info .container .brush_area .brush.color_15.shape_2:after, .line.open_map .map_info .container .brush_area .brush.color_15.shape_2:after {
            content: "";
            position: absolute;
            bottom: -7.5px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 7.5px solid #1D2731; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_3, .line.open_map .map_info .container .brush_area .brush.color_15.shape_3 {
          width: 30px;
          height: 30px;
          background: #1D2731;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_4, .line.open_map .map_info .container .brush_area .brush.color_15.shape_4 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 30px solid #1D2731; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_5, .line.open_map .map_info .container .brush_area .brush.color_15.shape_5 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-left: 30px solid #1D2731;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_6, .line.open_map .map_info .container .brush_area .brush.color_15.shape_6 {
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 30px solid #1D2731; }
        .map_screen .map_info .container .brush_area .brush.color_15.shape_7, .line.open_map .map_info .container .brush_area .brush.color_15.shape_7 {
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-right: 30px solid #1D2731;
          border-bottom: 15px solid transparent; }
        .map_screen .map_info .container .brush_area .brush.color_0, .line.open_map .map_info .container .brush_area .brush.color_0 {
          border: solid rgba(50, 140, 193, 0.5) 1px; }
      .map_screen .map_info .container .brush_area .color_box.color_0, .line.open_map .map_info .container .brush_area .color_box.color_0 {
        background-color: #0B3C5D; }
      .map_screen .map_info .container .brush_area .color_box.color_1, .line.open_map .map_info .container .brush_area .color_box.color_1 {
        background-color: #EDECEB; }
      .map_screen .map_info .container .brush_area .color_box.color_2, .line.open_map .map_info .container .brush_area .color_box.color_2 {
        background-color: #D7CEC7; }
      .map_screen .map_info .container .brush_area .color_box.color_3, .line.open_map .map_info .container .brush_area .color_box.color_3 {
        background-color: #A5A5B0; }
      .map_screen .map_info .container .brush_area .color_box.color_4, .line.open_map .map_info .container .brush_area .color_box.color_4 {
        background-color: #A4C9DF; }
      .map_screen .map_info .container .brush_area .color_box.color_5, .line.open_map .map_info .container .brush_area .color_box.color_5 {
        background-color: #328CC1; }
      .map_screen .map_info .container .brush_area .color_box.color_6, .line.open_map .map_info .container .brush_area .color_box.color_6 {
        background-color: #767CCB; }
      .map_screen .map_info .container .brush_area .color_box.color_7, .line.open_map .map_info .container .brush_area .color_box.color_7 {
        background-color: #5F9EA0; }
      .map_screen .map_info .container .brush_area .color_box.color_8, .line.open_map .map_info .container .brush_area .color_box.color_8 {
        background-color: #78C478; }
      .map_screen .map_info .container .brush_area .color_box.color_9, .line.open_map .map_info .container .brush_area .color_box.color_9 {
        background-color: #CDC09C; }
      .map_screen .map_info .container .brush_area .color_box.color_10, .line.open_map .map_info .container .brush_area .color_box.color_10 {
        background-color: #D9B310; }
      .map_screen .map_info .container .brush_area .color_box.color_11, .line.open_map .map_info .container .brush_area .color_box.color_11 {
        background-color: #C38CAE; }
      .map_screen .map_info .container .brush_area .color_box.color_12, .line.open_map .map_info .container .brush_area .color_box.color_12 {
        background-color: #CD5C5C; }
      .map_screen .map_info .container .brush_area .color_box.color_13, .line.open_map .map_info .container .brush_area .color_box.color_13 {
        background-color: #CD8F5C; }
      .map_screen .map_info .container .brush_area .color_box.color_14, .line.open_map .map_info .container .brush_area .color_box.color_14 {
        background-color: #C4751E; }
      .map_screen .map_info .container .brush_area .color_box.color_15, .line.open_map .map_info .container .brush_area .color_box.color_15 {
        background-color: #1D2731; }
      .map_screen .map_info .container .brush_area .shapes, .line.open_map .map_info .container .brush_area .shapes {
        margin-top: 5px;
        padding-top: 5px; }
        .map_screen .map_info .container .brush_area .shapes td, .line.open_map .map_info .container .brush_area .shapes td {
          padding: 0; }
        .map_screen .map_info .container .brush_area .shapes .shape, .line.open_map .map_info .container .brush_area .shapes .shape {
          width: 30px;
          height: 30px;
          margin: auto; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #0B3C5D; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #0B3C5D;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #0B3C5D; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_2 {
              width: 30px;
              height: 15px;
              background: #0B3C5D;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #0B3C5D; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #0B3C5D; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_3 {
            width: 30px;
            height: 30px;
            background: #0B3C5D;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #0B3C5D; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #0B3C5D;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #0B3C5D; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_0.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_0.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #0B3C5D;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #EDECEB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #EDECEB;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #EDECEB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_2 {
              width: 30px;
              height: 15px;
              background: #EDECEB;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #EDECEB; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #EDECEB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_3 {
            width: 30px;
            height: 30px;
            background: #EDECEB;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #EDECEB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #EDECEB;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #EDECEB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_1.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_1.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #EDECEB;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #D7CEC7; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #D7CEC7;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #D7CEC7; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_2 {
              width: 30px;
              height: 15px;
              background: #D7CEC7;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #D7CEC7; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #D7CEC7; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_3 {
            width: 30px;
            height: 30px;
            background: #D7CEC7;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #D7CEC7; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #D7CEC7;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #D7CEC7; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_2.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_2.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #D7CEC7;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #A5A5B0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #A5A5B0;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #A5A5B0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_2 {
              width: 30px;
              height: 15px;
              background: #A5A5B0;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #A5A5B0; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #A5A5B0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_3 {
            width: 30px;
            height: 30px;
            background: #A5A5B0;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #A5A5B0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #A5A5B0;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #A5A5B0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_3.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_3.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #A5A5B0;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #A4C9DF; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #A4C9DF;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #A4C9DF; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_2 {
              width: 30px;
              height: 15px;
              background: #A4C9DF;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #A4C9DF; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #A4C9DF; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_3 {
            width: 30px;
            height: 30px;
            background: #A4C9DF;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #A4C9DF; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #A4C9DF;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #A4C9DF; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_4.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_4.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #A4C9DF;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #328CC1; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #328CC1;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #328CC1; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_2 {
              width: 30px;
              height: 15px;
              background: #328CC1;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #328CC1; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #328CC1; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_3 {
            width: 30px;
            height: 30px;
            background: #328CC1;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #328CC1; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #328CC1;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #328CC1; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_5.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_5.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #328CC1;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #767CCB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #767CCB;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #767CCB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_2 {
              width: 30px;
              height: 15px;
              background: #767CCB;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #767CCB; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #767CCB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_3 {
            width: 30px;
            height: 30px;
            background: #767CCB;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #767CCB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #767CCB;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #767CCB; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_6.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_6.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #767CCB;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #5F9EA0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #5F9EA0;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #5F9EA0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_2 {
              width: 30px;
              height: 15px;
              background: #5F9EA0;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #5F9EA0; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #5F9EA0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_3 {
            width: 30px;
            height: 30px;
            background: #5F9EA0;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #5F9EA0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #5F9EA0;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #5F9EA0; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_7.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_7.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #5F9EA0;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #78C478; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #78C478;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #78C478; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_2 {
              width: 30px;
              height: 15px;
              background: #78C478;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #78C478; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #78C478; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_3 {
            width: 30px;
            height: 30px;
            background: #78C478;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #78C478; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #78C478;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #78C478; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_8.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_8.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #78C478;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #CDC09C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #CDC09C;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #CDC09C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_2 {
              width: 30px;
              height: 15px;
              background: #CDC09C;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #CDC09C; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #CDC09C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_3 {
            width: 30px;
            height: 30px;
            background: #CDC09C;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #CDC09C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #CDC09C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #CDC09C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_9.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_9.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #CDC09C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #D9B310; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #D9B310;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #D9B310; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_2 {
              width: 30px;
              height: 15px;
              background: #D9B310;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #D9B310; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #D9B310; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_3 {
            width: 30px;
            height: 30px;
            background: #D9B310;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #D9B310; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #D9B310;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #D9B310; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_10.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_10.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #D9B310;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #C38CAE; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #C38CAE;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #C38CAE; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_2 {
              width: 30px;
              height: 15px;
              background: #C38CAE;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #C38CAE; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #C38CAE; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_3 {
            width: 30px;
            height: 30px;
            background: #C38CAE;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #C38CAE; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #C38CAE;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #C38CAE; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_11.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_11.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #C38CAE;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #CD5C5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #CD5C5C;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #CD5C5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_2 {
              width: 30px;
              height: 15px;
              background: #CD5C5C;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #CD5C5C; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #CD5C5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_3 {
            width: 30px;
            height: 30px;
            background: #CD5C5C;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #CD5C5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #CD5C5C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #CD5C5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_12.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_12.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #CD5C5C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #CD8F5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #CD8F5C;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #CD8F5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_2 {
              width: 30px;
              height: 15px;
              background: #CD8F5C;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #CD8F5C; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #CD8F5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_3 {
            width: 30px;
            height: 30px;
            background: #CD8F5C;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #CD8F5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #CD8F5C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #CD8F5C; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_13.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_13.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #CD8F5C;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #C4751E; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #C4751E;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #C4751E; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_2 {
              width: 30px;
              height: 15px;
              background: #C4751E;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #C4751E; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #C4751E; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_3 {
            width: 30px;
            height: 30px;
            background: #C4751E;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #C4751E; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #C4751E;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #C4751E; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_14.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_14.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #C4751E;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_0, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_0 {
            width: 30px;
            height: 30px;
            background-color: #1D2731; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_1, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_1 {
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-bottom-color: #1D2731;
            position: relative;
            top: -15px; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_1:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_1:after {
            content: "";
            position: absolute;
            left: -15px;
            top: 15px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-top-color: #1D2731; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_2 {
            margin-top: 7.5px; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_2 {
              width: 30px;
              height: 15px;
              background: #1D2731;
              position: relative; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_2:before, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_2:before {
              content: "";
              position: absolute;
              top: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-bottom: 7.5px solid #1D2731; }
            .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_2:after, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_2:after {
              content: "";
              position: absolute;
              bottom: -7.5px;
              left: 0;
              width: 0;
              height: 0;
              border-left: 15px solid transparent;
              border-right: 15px solid transparent;
              border-top: 7.5px solid #1D2731; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_3, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_3 {
            width: 30px;
            height: 30px;
            background: #1D2731;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_4, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_4 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 30px solid #1D2731; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_5, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_5 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-left: 30px solid #1D2731;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_6, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_6 {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 30px solid #1D2731; }
          .map_screen .map_info .container .brush_area .shapes .shape.color_15.shape_7, .line.open_map .map_info .container .brush_area .shapes .shape.color_15.shape_7 {
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-right: 30px solid #1D2731;
            border-bottom: 15px solid transparent; }
          .map_screen .map_info .container .brush_area .shapes .shape.shape_2, .line.open_map .map_info .container .brush_area .shapes .shape.shape_2 {
            margin-bottom: 7px; }
.map_screen .unzoom_option, .line.open_map .unzoom_option {
  flex: 0.5;
  font-size: 0.8em; }
  .map_screen .unzoom_option small, .line.open_map .unzoom_option small {
    display: inline; }
.map_screen .title_area, .line.open_map .title_area {
  margin-bottom: 10px; }
.map_screen .scale_area, .map_screen .title_area, .line.open_map .scale_area, .line.open_map .title_area {
  font-size: 0.8em; }
  .map_screen .scale_area .input_line, .map_screen .title_area .input_line, .line.open_map .scale_area .input_line, .line.open_map .title_area .input_line {
    display: flex; }
    .map_screen .scale_area .input_line label, .map_screen .title_area .input_line label, .line.open_map .scale_area .input_line label, .line.open_map .title_area .input_line label {
      min-width: 78px;
      flex: 0 1 auto; }
    .map_screen .scale_area .input_line input, .map_screen .title_area .input_line input, .line.open_map .scale_area .input_line input, .line.open_map .title_area .input_line input {
      flex: 1;
      display: inline-block;
      background-color: rgba(11, 60, 93, 0.2);
      color: #D7CEC7; }
.map_screen .alert_message, .line.open_map .alert_message {
  animation: fade_in 0.25s;
  position: absolute;
  width: 100%;
  background-color: rgba(11, 60, 93, 0.95);
  text-align: center;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px; }
.map_screen .saving_message, .line.open_map .saving_message {
  animation: fade_in 0.25s;
  position: absolute;
  z-index: 10; }
  .map_screen .saving_message svg, .line.open_map .saving_message svg {
    height: 10px;
    width: auto;
    margin-right: 5px; }
    .map_screen .saving_message svg *, .line.open_map .saving_message svg * {
      fill: #D7CEC7 !important; }
.map_screen .map, .line.open_map .map {
  font-size: 0.6em; }
  .map_screen .map.is_preview .navigate_option, .line.open_map .map.is_preview .navigate_option {
    display: none; }
  .map_screen .map.player_viewing .navigate_option.add, .line.open_map .map.player_viewing .navigate_option.add {
    cursor: initial; }
  .map_screen .map .info, .line.open_map .map .info {
    font-size: 0.8em;
    text-align: right; }
.map_screen label, .line.open_map label {
  opacity: 0.5;
  margin-bottom: 0; }
.map_screen .screen_title .title, .line.open_map .screen_title .title {
  font-size: 0.7em; }
.map_screen .display_container, .line.open_map .display_container {
  display: flex;
  margin-bottom: 5px; }
.map_screen .horizontal_display, .line.open_map .horizontal_display {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 10px auto 10px auto; }
  .map_screen .horizontal_display .move, .line.open_map .horizontal_display .move {
    position: relative;
    height: calc(100% - 20px);
    width: 30px; }
    .map_screen .horizontal_display .move svg, .line.open_map .horizontal_display .move svg {
      position: absolute;
      height: 20px;
      width: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .map_screen .horizontal_display .navigate_option, .line.open_map .horizontal_display .navigate_option {
    cursor: pointer;
    position: relative;
    min-height: 20px;
    min-width: 20px; }
    .map_screen .horizontal_display .navigate_option svg, .line.open_map .horizontal_display .navigate_option svg {
      width: 20px;
      height: auto;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .map_screen .horizontal_display .navigate_option svg *, .line.open_map .horizontal_display .navigate_option svg * {
        fill: #D7CEC7 !important; }
    .map_screen .horizontal_display .navigate_option:hover svg *, .line.open_map .horizontal_display .navigate_option:hover svg * {
      fill: white !important; }
    .map_screen .horizontal_display .navigate_option.add:after, .line.open_map .horizontal_display .navigate_option.add:after {
      content: " ";
      background-color: #0B3C5D;
      min-height: 30px;
      min-width: 30px;
      pointer-events: none;
      position: absolute;
      opacity: 0.5; }
    .map_screen .horizontal_display .navigate_option.add svg, .line.open_map .horizontal_display .navigate_option.add svg {
      width: 10px;
      height: 10px; }
    .map_screen .horizontal_display .navigate_option.nav_up, .line.open_map .horizontal_display .navigate_option.nav_up {
      margin-bottom: 10px; }
      .map_screen .horizontal_display .navigate_option.nav_up .preview, .line.open_map .horizontal_display .navigate_option.nav_up .preview {
        top: 0; }
      .map_screen .horizontal_display .navigate_option.nav_up.add:after, .line.open_map .horizontal_display .navigate_option.nav_up.add:after {
        top: 0;
        left: 0;
        width: 217px; }
    .map_screen .horizontal_display .navigate_option.nav_down, .line.open_map .horizontal_display .navigate_option.nav_down {
      margin-top: 10px; }
      .map_screen .horizontal_display .navigate_option.nav_down .preview, .line.open_map .horizontal_display .navigate_option.nav_down .preview {
        top: -10px; }
      .map_screen .horizontal_display .navigate_option.nav_down.add:after, .line.open_map .horizontal_display .navigate_option.nav_down.add:after {
        top: -10px;
        left: 0;
        width: 217px; }
    .map_screen .horizontal_display .navigate_option.nav_left, .line.open_map .horizontal_display .navigate_option.nav_left {
      margin-right: 10px; }
      .map_screen .horizontal_display .navigate_option.nav_left .preview, .line.open_map .horizontal_display .navigate_option.nav_left .preview {
        top: 30px; }
      .map_screen .horizontal_display .navigate_option.nav_left.add:after, .line.open_map .horizontal_display .navigate_option.nav_left.add:after {
        top: 30px;
        height: 217px; }
    .map_screen .horizontal_display .navigate_option.nav_right, .line.open_map .horizontal_display .navigate_option.nav_right {
      margin-left: 10px; }
      .map_screen .horizontal_display .navigate_option.nav_right .preview, .line.open_map .horizontal_display .navigate_option.nav_right .preview {
        top: 30px;
        left: -10px; }
      .map_screen .horizontal_display .navigate_option.nav_right.add:after, .line.open_map .horizontal_display .navigate_option.nav_right.add:after {
        top: 30px;
        left: -10px;
        height: 217px; }
    .map_screen .horizontal_display .navigate_option .preview, .line.open_map .horizontal_display .navigate_option .preview {
      pointer-events: none;
      min-height: 30px;
      min-width: 30px;
      position: absolute;
      opacity: 0.3; }
  .map_screen .horizontal_display .middle .navigate_option svg, .line.open_map .horizontal_display .middle .navigate_option svg {
    top: 0;
    transform: translateY(0%); }
  .map_screen .horizontal_display .middle, .line.open_map .horizontal_display .middle {
    flex: 0 1 auto; }
    .map_screen .horizontal_display .middle .navigate_option, .line.open_map .horizontal_display .middle .navigate_option {
      text-align: center; }
.map_screen .map_square, .line.open_map .map_square {
  height: 31px;
  width: 31px;
  border: solid 1px #1D2731;
  padding: 0;
  position: relative; }
  .map_screen .map_square .layered_data, .line.open_map .map_square .layered_data {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .map_screen .map_square .layered_data.layer_hidden, .line.open_map .map_square .layered_data.layer_hidden {
      opacity: 0.4; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #0B3C5D;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2 {
        width: 30px;
        height: 15px;
        background: #0B3C5D;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #0B3C5D; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_3 {
      width: 30px;
      height: 30px;
      background: #0B3C5D;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #0B3C5D;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #0B3C5D;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #EDECEB;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2 {
        width: 30px;
        height: 15px;
        background: #EDECEB;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #EDECEB; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_3 {
      width: 30px;
      height: 30px;
      background: #EDECEB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #EDECEB;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #EDECEB;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #D7CEC7;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2 {
        width: 30px;
        height: 15px;
        background: #D7CEC7;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #D7CEC7; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_3 {
      width: 30px;
      height: 30px;
      background: #D7CEC7;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #D7CEC7;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #D7CEC7;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #A5A5B0;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2 {
        width: 30px;
        height: 15px;
        background: #A5A5B0;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #A5A5B0; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_3 {
      width: 30px;
      height: 30px;
      background: #A5A5B0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #A5A5B0;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #A5A5B0;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #A4C9DF;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2 {
        width: 30px;
        height: 15px;
        background: #A4C9DF;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #A4C9DF; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_3 {
      width: 30px;
      height: 30px;
      background: #A4C9DF;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #A4C9DF;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #A4C9DF;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #328CC1;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2 {
        width: 30px;
        height: 15px;
        background: #328CC1;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #328CC1; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_3 {
      width: 30px;
      height: 30px;
      background: #328CC1;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #328CC1;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #328CC1;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #767CCB;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2 {
        width: 30px;
        height: 15px;
        background: #767CCB;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #767CCB; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_3 {
      width: 30px;
      height: 30px;
      background: #767CCB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #767CCB;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #767CCB;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #5F9EA0;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2 {
        width: 30px;
        height: 15px;
        background: #5F9EA0;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #5F9EA0; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_3 {
      width: 30px;
      height: 30px;
      background: #5F9EA0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #5F9EA0;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #5F9EA0;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #78C478;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2 {
        width: 30px;
        height: 15px;
        background: #78C478;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #78C478; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_3 {
      width: 30px;
      height: 30px;
      background: #78C478;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #78C478;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #78C478;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CDC09C;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2 {
        width: 30px;
        height: 15px;
        background: #CDC09C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CDC09C; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_3 {
      width: 30px;
      height: 30px;
      background: #CDC09C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CDC09C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CDC09C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #D9B310;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2 {
        width: 30px;
        height: 15px;
        background: #D9B310;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #D9B310; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_3 {
      width: 30px;
      height: 30px;
      background: #D9B310;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #D9B310;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #D9B310;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #C38CAE;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2 {
        width: 30px;
        height: 15px;
        background: #C38CAE;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #C38CAE; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_3 {
      width: 30px;
      height: 30px;
      background: #C38CAE;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #C38CAE;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #C38CAE;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CD5C5C;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2 {
        width: 30px;
        height: 15px;
        background: #CD5C5C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CD5C5C; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_3 {
      width: 30px;
      height: 30px;
      background: #CD5C5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CD5C5C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CD5C5C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CD8F5C;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2 {
        width: 30px;
        height: 15px;
        background: #CD8F5C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CD8F5C; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_3 {
      width: 30px;
      height: 30px;
      background: #CD8F5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CD8F5C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CD8F5C;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #C4751E;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2 {
        width: 30px;
        height: 15px;
        background: #C4751E;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #C4751E; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_3 {
      width: 30px;
      height: 30px;
      background: #C4751E;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #C4751E;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #C4751E;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #1D2731;
      position: relative;
      top: -15px; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2 {
      margin-top: 7.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2 {
        width: 30px;
        height: 15px;
        background: #1D2731;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #1D2731; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_3 {
      width: 30px;
      height: 30px;
      background: #1D2731;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #1D2731;
      border-bottom: 15px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #1D2731;
      border-bottom: 15px solid transparent; }
  .map_screen .map_square .square_menu, .line.open_map .map_square .square_menu {
    transform: translate(-50%, 0); }
    .map_screen .map_square .square_menu .add_detailed_map, .line.open_map .map_square .square_menu .add_detailed_map {
      font-size: 0.8em;
      padding: 10px;
      height: 40px;
      width: 120px;
      background-color: #1D2731; }
      .map_screen .map_square .square_menu .add_detailed_map .button_title, .line.open_map .map_square .square_menu .add_detailed_map .button_title {
        position: static; }
      .map_screen .map_square .square_menu .add_detailed_map:hover, .map_screen .map_square .square_menu .add_detailed_map:active, .map_screen .map_square .square_menu .add_detailed_map:focus, .line.open_map .map_square .square_menu .add_detailed_map:hover, .line.open_map .map_square .square_menu .add_detailed_map:active, .line.open_map .map_square .square_menu .add_detailed_map:focus {
        background-color: #328CC1; }
      .map_screen .map_square .square_menu .add_detailed_map svg, .line.open_map .map_square .square_menu .add_detailed_map svg {
        margin-right: 5px; }
  .map_screen .map_square .zoom_in_option, .line.open_map .map_square .zoom_in_option {
    position: absolute;
    bottom: -1px;
    right: 2px; }
    .map_screen .map_square .zoom_in_option svg, .line.open_map .map_square .zoom_in_option svg {
      height: 12px;
      width: auto; }
      .map_screen .map_square .zoom_in_option svg *, .line.open_map .map_square .zoom_in_option svg * {
        fill: #328CC1 !important; }
.map_screen .preview .square_menu, .map_screen .preview .zoom_in_option, .line.open_map .preview .square_menu, .line.open_map .preview .zoom_in_option {
  display: none; }
.map_screen .description_area, .line.open_map .description_area {
  margin-bottom: 10px; }
  .map_screen .description_area .input_line, .line.open_map .description_area .input_line {
    display: flex; }
    .map_screen .description_area .input_line label, .line.open_map .description_area .input_line label {
      flex: 0 1 auto; }
    .map_screen .description_area .input_line input, .line.open_map .description_area .input_line input {
      flex: 1;
      display: inline-block;
      background-color: rgba(11, 60, 93, 0.2);
      color: #D7CEC7; }
  .map_screen .description_area .characters_count, .line.open_map .description_area .characters_count {
    display: block;
    font-size: 0.6em; }
.map_screen .layer_options, .map_screen .timeline_area, .line.open_map .layer_options, .line.open_map .timeline_area {
  margin-bottom: 10px; }
  .map_screen .layer_options label, .map_screen .timeline_area label, .line.open_map .layer_options label, .line.open_map .timeline_area label {
    display: block; }
.map_screen .layer_options .layer_name, .line.open_map .layer_options .layer_name {
  cursor: pointer; }
  .map_screen .layer_options .layer_name:hover, .line.open_map .layer_options .layer_name:hover {
    color: white; }
  .map_screen .layer_options .layer_name.not_selected, .line.open_map .layer_options .layer_name.not_selected {
    opacity: 0.5; }
.map_screen .layer_options .create_layer_option, .line.open_map .layer_options .create_layer_option {
  cursor: pointer; }
  .map_screen .layer_options .create_layer_option:hover, .line.open_map .layer_options .create_layer_option:hover {
    color: white; }
.map_screen .layer_options .new_layer_interface .option, .line.open_map .layer_options .new_layer_interface .option {
  display: initial;
  cursor: pointer; }
  .map_screen .layer_options .new_layer_interface .option svg, .line.open_map .layer_options .new_layer_interface .option svg {
    height: 10px;
    width: auto; }
    .map_screen .layer_options .new_layer_interface .option svg *, .line.open_map .layer_options .new_layer_interface .option svg * {
      fill: #D7CEC7; }
  .map_screen .layer_options .new_layer_interface .option:hover, .line.open_map .layer_options .new_layer_interface .option:hover {
    color: white; }
    .map_screen .layer_options .new_layer_interface .option:hover svg *, .line.open_map .layer_options .new_layer_interface .option:hover svg * {
      fill: white; }
.map_screen .layer_options .new_layer_interface .accept, .line.open_map .layer_options .new_layer_interface .accept {
  margin-right: 10px;
  margin-left: 10px; }
.map_screen .move, .line.open_map .move {
  height: 22px;
  cursor: pointer;
  background-color: transparent;
  border: none; }
  .map_screen .move.move_left, .line.open_map .move.move_left {
    padding-right: 5px; }
  .map_screen .move.move_right, .line.open_map .move.move_right {
    padding-left: 5px; }
  .map_screen .move:disabled, .line.open_map .move:disabled {
    opacity: 0.2;
    cursor: initial; }
  .map_screen .move svg, .line.open_map .move svg {
    height: 100%;
    width: auto; }
    .map_screen .move svg *, .line.open_map .move svg * {
      fill: #D7CEC7; }
  .map_screen .move:active, .map_screen .move:focus, .line.open_map .move:active, .line.open_map .move:focus {
    outline: none;
    border: none; }
  .map_screen .move:hover svg *, .line.open_map .move:hover svg * {
    fill: white; }
.map_screen .timeline_area .dots_line, .line.open_map .timeline_area .dots_line {
  display: flex; }
.map_screen .timeline_area .dots, .line.open_map .timeline_area .dots {
  display: flex;
  flex: 1; }
  .map_screen .timeline_area .dots .space, .line.open_map .timeline_area .dots .space {
    flex: 1; }
  .map_screen .timeline_area .dots .timeline_dot, .line.open_map .timeline_area .dots .timeline_dot {
    flex: 0 1 auto;
    display: inline-block;
    position: relative;
    transition: all 0.25s;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    background-color: #D7CEC7;
    color: #0B3C5D;
    font-weight: 900;
    cursor: pointer; }
    .map_screen .timeline_area .dots .timeline_dot.fake, .line.open_map .timeline_area .dots .timeline_dot.fake {
      opacity: 0.1; }
    .map_screen .timeline_area .dots .timeline_dot.selected, .line.open_map .timeline_area .dots .timeline_dot.selected {
      border: solid 4px #aa8c0c;
      background-color: #D9B310; }
    .map_screen .timeline_area .dots .timeline_dot .content, .map_screen .timeline_area .dots .timeline_dot svg, .line.open_map .timeline_area .dots .timeline_dot .content, .line.open_map .timeline_area .dots .timeline_dot svg {
      opacity: 0.5;
      user-select: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 0.7em; }
  .map_screen .timeline_area .dots .add_frame, .line.open_map .timeline_area .dots .add_frame {
    background-color: rgba(215, 206, 199, 0.2); }
    .map_screen .timeline_area .dots .add_frame svg, .line.open_map .timeline_area .dots .add_frame svg {
      height: 15px; }
      .map_screen .timeline_area .dots .add_frame svg *, .line.open_map .timeline_area .dots .add_frame svg * {
        fill: #328CC1 !important; }
.map_screen .is_preview .map_square, .line.open_map .is_preview .map_square {
  height: 21px;
  width: 21px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #0B3C5D; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #0B3C5D;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #0B3C5D; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2 {
      width: 20px;
      height: 10px;
      background: #0B3C5D;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #0B3C5D; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_3 {
    width: 20px;
    height: 20px;
    background: #0B3C5D;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #0B3C5D; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #0B3C5D;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #0B3C5D; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #0B3C5D;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #EDECEB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #EDECEB;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #EDECEB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2 {
      width: 20px;
      height: 10px;
      background: #EDECEB;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #EDECEB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_3 {
    width: 20px;
    height: 20px;
    background: #EDECEB;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #EDECEB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #EDECEB;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #EDECEB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #EDECEB;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #D7CEC7; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #D7CEC7;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #D7CEC7; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2 {
      width: 20px;
      height: 10px;
      background: #D7CEC7;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #D7CEC7; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_3 {
    width: 20px;
    height: 20px;
    background: #D7CEC7;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #D7CEC7; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #D7CEC7;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #D7CEC7; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #D7CEC7;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #A5A5B0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #A5A5B0;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #A5A5B0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2 {
      width: 20px;
      height: 10px;
      background: #A5A5B0;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #A5A5B0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_3 {
    width: 20px;
    height: 20px;
    background: #A5A5B0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #A5A5B0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #A5A5B0;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #A5A5B0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #A5A5B0;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #A4C9DF; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #A4C9DF;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #A4C9DF; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2 {
      width: 20px;
      height: 10px;
      background: #A4C9DF;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #A4C9DF; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_3 {
    width: 20px;
    height: 20px;
    background: #A4C9DF;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #A4C9DF; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #A4C9DF;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #A4C9DF; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #A4C9DF;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #328CC1; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #328CC1;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #328CC1; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2 {
      width: 20px;
      height: 10px;
      background: #328CC1;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #328CC1; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_3 {
    width: 20px;
    height: 20px;
    background: #328CC1;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #328CC1; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #328CC1;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #328CC1; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #328CC1;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #767CCB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #767CCB;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #767CCB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2 {
      width: 20px;
      height: 10px;
      background: #767CCB;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #767CCB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_3 {
    width: 20px;
    height: 20px;
    background: #767CCB;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #767CCB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #767CCB;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #767CCB; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #767CCB;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #5F9EA0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #5F9EA0;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #5F9EA0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2 {
      width: 20px;
      height: 10px;
      background: #5F9EA0;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #5F9EA0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_3 {
    width: 20px;
    height: 20px;
    background: #5F9EA0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #5F9EA0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #5F9EA0;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #5F9EA0; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #5F9EA0;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #78C478; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #78C478;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #78C478; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2 {
      width: 20px;
      height: 10px;
      background: #78C478;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #78C478; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_3 {
    width: 20px;
    height: 20px;
    background: #78C478;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #78C478; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #78C478;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #78C478; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #78C478;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #CDC09C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #CDC09C;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #CDC09C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2 {
      width: 20px;
      height: 10px;
      background: #CDC09C;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #CDC09C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_3 {
    width: 20px;
    height: 20px;
    background: #CDC09C;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #CDC09C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #CDC09C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #CDC09C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #CDC09C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #D9B310; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #D9B310;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #D9B310; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2 {
      width: 20px;
      height: 10px;
      background: #D9B310;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #D9B310; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_3 {
    width: 20px;
    height: 20px;
    background: #D9B310;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #D9B310; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #D9B310;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #D9B310; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #D9B310;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #C38CAE; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #C38CAE;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #C38CAE; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2 {
      width: 20px;
      height: 10px;
      background: #C38CAE;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #C38CAE; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_3 {
    width: 20px;
    height: 20px;
    background: #C38CAE;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #C38CAE; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #C38CAE;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #C38CAE; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #C38CAE;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #CD5C5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #CD5C5C;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #CD5C5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2 {
      width: 20px;
      height: 10px;
      background: #CD5C5C;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #CD5C5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_3 {
    width: 20px;
    height: 20px;
    background: #CD5C5C;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #CD5C5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #CD5C5C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #CD5C5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #CD5C5C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #CD8F5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #CD8F5C;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #CD8F5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2 {
      width: 20px;
      height: 10px;
      background: #CD8F5C;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #CD8F5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_3 {
    width: 20px;
    height: 20px;
    background: #CD8F5C;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #CD8F5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #CD8F5C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #CD8F5C; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #CD8F5C;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #C4751E; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #C4751E;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #C4751E; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2 {
      width: 20px;
      height: 10px;
      background: #C4751E;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #C4751E; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_3 {
    width: 20px;
    height: 20px;
    background: #C4751E;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #C4751E; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #C4751E;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #C4751E; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #C4751E;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_0 {
    width: 20px;
    height: 20px;
    background-color: #1D2731; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_1 {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #1D2731;
    position: relative;
    top: -10px; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_1:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #1D2731; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2 {
    margin-top: 5px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2 {
      width: 20px;
      height: 10px;
      background: #1D2731;
      position: relative; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 5px solid #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 5px solid #1D2731; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_3 {
    width: 20px;
    height: 20px;
    background: #1D2731;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_4 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #1D2731; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_5 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #1D2731;
    border-bottom: 10px solid transparent; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_6 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #1D2731; }
  .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_7 {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #1D2731;
    border-bottom: 10px solid transparent; }
.map_screen .is_preview .timeline_area, .line.open_map .is_preview .timeline_area {
  margin: 10px auto 0 auto;
  width: 80%; }
  .map_screen .is_preview .timeline_area .dots .timeline_dot, .line.open_map .is_preview .timeline_area .dots .timeline_dot {
    height: 10px;
    width: 10px; }
.map_screen .is_preview .frame_descriptions, .line.open_map .is_preview .frame_descriptions {
  flex: 0 1 auto;
  font-size: 1.3em; }
  .map_screen .is_preview .frame_descriptions .character_name, .line.open_map .is_preview .frame_descriptions .character_name {
    opacity: 0.5; }
.map_screen .is_preview .middle, .line.open_map .is_preview .middle {
  flex: 1 0 auto; }

.tag_picker {
  width: 100%;
  overflow: hidden; }
  .tag_picker .selected_tags {
    margin-top: 5px;
    margin-bottom: 0.9em;
    font-size: 0.7em; }
    .tag_picker .selected_tags .selected_tag_item {
      font-weight: 400;
      display: inline-block;
      background-color: #202020;
      color: #D9B310;
      padding: 0.3em 0.7em;
      border-radius: 3px;
      border: none;
      cursor: pointer;
      margin-right: 3px; }
      .tag_picker .selected_tags .selected_tag_item:hover {
        background-color: #338fc5; }
  .tag_picker .input_field {
    display: flex; }
    .tag_picker .input_field input {
      flex: 1; }
  .tag_picker .tags_list {
    overflow: auto;
    background-color: #1D2731;
    max-height: 50vh;
    padding: 10px;
    margin-bottom: 10px; }
    .tag_picker .tags_list .tag_item {
      width: 100%;
      cursor: pointer; }
      .tag_picker .tags_list .tag_item:hover {
        background-color: #328CC1; }
      .tag_picker .tags_list .tag_item .tag_info {
        opacity: 0.6;
        font-size: 0.6em; }
  .tag_picker .label {
    text-align: center; }
  .tag_picker svg {
    position: relative;
    top: 5px;
    height: 30px;
    width: auto;
    margin-right: 5px; }
    .tag_picker svg * {
      fill: #D7CEC7 !important; }

.tag_picker_big .tag_item {
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  width: 7em;
  margin: 5px;
  background-color: transparent;
  border-radius: 5px;
  border: solid 2px rgba(215, 206, 199, 0.2);
  box-shadow: -2px 5px 2px 1px rgba(0, 0, 0, 0.2);
  transition: 0.25s all; }
  .tag_picker_big .tag_item:hover {
    transition: border-color 0.15s;
    border-color: rgba(215, 206, 199, 0.4); }
  .tag_picker_big .tag_item.selected {
    animation: flashTag 0.25s both;
    box-shadow: none; }

@keyframes flashTag {
  from {
    background-color: #D7CEC7;
    color: #D7CEC7;
    border-color: #D7CEC7; }
  to {
    background-color: transparent;
    color: #D9B310;
    border-color: #D9B310; } }
.waiting_list {
  margin-top: 1em;
  margin-bottom: 0.5em; }
  .waiting_list .list {
    opacity: 0.3; }
  .waiting_list .character_listed:not(:first-child):not(:last-child):before {
    content: ", "; }
  .waiting_list .character_listed:not(:first-child):last-child:before {
    content: " & "; }

.portrait {
  z-index: 0;
  position: relative;
  height: 50px;
  width: 50px;
  text-align: center; }
  .portrait .avatar_icon {
    height: 100%; }
  .portrait .avatar_background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%; }
  .portrait svg, .portrait img {
    height: 100%;
    width: auto; }
  .portrait.color_1 svg #shade1 * {
    fill: #D7CEC7 !important; }
  .portrait.color_1 svg #shade2 * {
    fill: #c2b4a9 !important; }
  .portrait.color_1 svg #shade3 * {
    fill: #ad9a8c !important; }
  .portrait.color_1 svg #shade4 * {
    fill: #a28d7d !important; }
  .portrait.color_2 svg #shade1 * {
    fill: #a5a5b0 !important; }
  .portrait.color_2 svg #shade2 * {
    fill: #8a8a98 !important; }
  .portrait.color_2 svg #shade3 * {
    fill: #70707f !important; }
  .portrait.color_2 svg #shade4 * {
    fill: #646472 !important; }
  .portrait.color_3 svg #shade1 * {
    fill: #a4c9df !important; }
  .portrait.color_3 svg #shade2 * {
    fill: #7eb3d2 !important; }
  .portrait.color_3 svg #shade3 * {
    fill: #599cc4 !important; }
  .portrait.color_3 svg #shade4 * {
    fill: #4691be !important; }
  .portrait.color_4 svg #shade1 * {
    fill: #328CC1 !important; }
  .portrait.color_4 svg #shade2 * {
    fill: #286f98 !important; }
  .portrait.color_4 svg #shade3 * {
    fill: #1d5170 !important; }
  .portrait.color_4 svg #shade4 * {
    fill: #18435c !important; }
  .portrait.color_5 svg #shade1 * {
    fill: #767ccb !important; }
  .portrait.color_5 svg #shade2 * {
    fill: #5159bd !important; }
  .portrait.color_5 svg #shade3 * {
    fill: #3c439f !important; }
  .portrait.color_5 svg #shade4 * {
    fill: #353b8c !important; }
  .portrait.color_6 svg #shade1 * {
    fill: cadetblue !important; }
  .portrait.color_6 svg #shade2 * {
    fill: #4c7e80 !important; }
  .portrait.color_6 svg #shade3 * {
    fill: #395f60 !important; }
  .portrait.color_6 svg #shade4 * {
    fill: #304f50 !important; }
  .portrait.color_7 svg #shade1 * {
    fill: #78C478 !important; }
  .portrait.color_7 svg #shade2 * {
    fill: #55b455 !important; }
  .portrait.color_7 svg #shade3 * {
    fill: #419541 !important; }
  .portrait.color_7 svg #shade4 * {
    fill: #398339 !important; }
  .portrait.color_8 svg #shade1 * {
    fill: #cdc09c !important; }
  .portrait.color_8 svg #shade2 * {
    fill: #bcaa7a !important; }
  .portrait.color_8 svg #shade3 * {
    fill: #ab9558 !important; }
  .portrait.color_8 svg #shade4 * {
    fill: #9b874e !important; }
  .portrait.color_9 svg #shade1 * {
    fill: #D9B310 !important; }
  .portrait.color_9 svg #shade2 * {
    fill: #aa8c0c !important; }
  .portrait.color_9 svg #shade3 * {
    fill: #7a6509 !important; }
  .portrait.color_9 svg #shade4 * {
    fill: #625107 !important; }
  .portrait.color_10 svg #shade1 * {
    fill: #c38cae !important; }
  .portrait.color_10 svg #shade2 * {
    fill: #b26a96 !important; }
  .portrait.color_10 svg #shade3 * {
    fill: #99507d !important; }
  .portrait.color_10 svg #shade4 * {
    fill: #88476f !important; }
  .portrait.color_11 svg #shade1 * {
    fill: indianred !important; }
  .portrait.color_11 svg #shade2 * {
    fill: #bc3a3a !important; }
  .portrait.color_11 svg #shade3 * {
    fill: #952e2e !important; }
  .portrait.color_11 svg #shade4 * {
    fill: #822828 !important; }
  .portrait.color_12 svg #shade1 * {
    fill: #CD8F5C !important; }
  .portrait.color_12 svg #shade2 * {
    fill: #bc753a !important; }
  .portrait.color_12 svg #shade3 * {
    fill: #955c2e !important; }
  .portrait.color_12 svg #shade4 * {
    fill: #825028 !important; }

.avatar_builder .color_area, .avatar_picker .color_area {
  display: inline; }
  .avatar_builder .color_area label, .avatar_picker .color_area label {
    margin-right: 5px; }
.avatar_builder .portrait_box, .avatar_builder .background_box, .avatar_picker .portrait_box, .avatar_picker .background_box {
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 0;
  white-space: initial; }
  .avatar_builder .portrait_box svg, .avatar_builder .portrait_box img, .avatar_builder .background_box svg, .avatar_builder .background_box img, .avatar_picker .portrait_box svg, .avatar_picker .portrait_box img, .avatar_picker .background_box svg, .avatar_picker .background_box img {
    height: 100%;
    width: auto; }
.avatar_builder .background_box.empty, .avatar_picker .background_box.empty {
  background-color: rgba(215, 206, 199, 0.4);
  border-radius: 100%; }
.avatar_builder .rank_name, .avatar_picker .rank_name {
  font-size: 0.7em;
  margin-top: 10px;
  margin-bottom: 5px; }
.avatar_builder .no .rank_name, .avatar_picker .no .rank_name {
  color: #D7CEC7; }
.avatar_builder .no .portrait_box svg #shade1 *, .avatar_builder .no .background_box svg #shade1 *, .avatar_picker .no .portrait_box svg #shade1 *, .avatar_picker .no .background_box svg #shade1 * {
  fill: #D7CEC7 !important; }
.avatar_builder .no .portrait_box svg #shade2 *, .avatar_builder .no .background_box svg #shade2 *, .avatar_picker .no .portrait_box svg #shade2 *, .avatar_picker .no .background_box svg #shade2 * {
  fill: #c2b4a9 !important; }
.avatar_builder .no .portrait_box svg #shade3 *, .avatar_builder .no .background_box svg #shade3 *, .avatar_picker .no .portrait_box svg #shade3 *, .avatar_picker .no .background_box svg #shade3 * {
  fill: #ad9a8c !important; }
.avatar_builder .no .portrait_box svg #shade4 *, .avatar_builder .no .background_box svg #shade4 *, .avatar_picker .no .portrait_box svg #shade4 *, .avatar_picker .no .background_box svg #shade4 * {
  fill: #a28d7d !important; }
.avatar_builder .co .rank_name, .avatar_picker .co .rank_name {
  color: #f19d40; }
.avatar_builder .co .portrait_box svg #shade1 *, .avatar_builder .co .background_box svg #shade1 *, .avatar_picker .co .portrait_box svg #shade1 *, .avatar_picker .co .background_box svg #shade1 * {
  fill: #f19d40 !important; }
.avatar_builder .co .portrait_box svg #shade2 *, .avatar_builder .co .background_box svg #shade2 *, .avatar_picker .co .portrait_box svg #shade2 *, .avatar_picker .co .background_box svg #shade2 * {
  fill: #ed8511 !important; }
.avatar_builder .co .portrait_box svg #shade3 *, .avatar_builder .co .background_box svg #shade3 *, .avatar_picker .co .portrait_box svg #shade3 *, .avatar_picker .co .background_box svg #shade3 * {
  fill: #bd6a0e !important; }
.avatar_builder .co .portrait_box svg #shade4 *, .avatar_builder .co .background_box svg #shade4 *, .avatar_picker .co .portrait_box svg #shade4 *, .avatar_picker .co .background_box svg #shade4 * {
  fill: #a55d0c !important; }
.avatar_builder .si .rank_name, .avatar_picker .si .rank_name {
  color: #A4C9DF; }
.avatar_builder .si .portrait_box svg #shade1 *, .avatar_builder .si .background_box svg #shade1 *, .avatar_picker .si .portrait_box svg #shade1 *, .avatar_picker .si .background_box svg #shade1 * {
  fill: #A4C9DF !important; }
.avatar_builder .si .portrait_box svg #shade2 *, .avatar_builder .si .background_box svg #shade2 *, .avatar_picker .si .portrait_box svg #shade2 *, .avatar_picker .si .background_box svg #shade2 * {
  fill: #7eb3d2 !important; }
.avatar_builder .si .portrait_box svg #shade3 *, .avatar_builder .si .background_box svg #shade3 *, .avatar_picker .si .portrait_box svg #shade3 *, .avatar_picker .si .background_box svg #shade3 * {
  fill: #599cc4 !important; }
.avatar_builder .si .portrait_box svg #shade4 *, .avatar_builder .si .background_box svg #shade4 *, .avatar_picker .si .portrait_box svg #shade4 *, .avatar_picker .si .background_box svg #shade4 * {
  fill: #4691be !important; }
.avatar_builder .go .rank_name, .avatar_picker .go .rank_name {
  color: #D9B310; }
.avatar_builder .go .portrait_box svg #shade1 *, .avatar_builder .go .background_box svg #shade1 *, .avatar_picker .go .portrait_box svg #shade1 *, .avatar_picker .go .background_box svg #shade1 * {
  fill: #D9B310 !important; }
.avatar_builder .go .portrait_box svg #shade2 *, .avatar_builder .go .background_box svg #shade2 *, .avatar_picker .go .portrait_box svg #shade2 *, .avatar_picker .go .background_box svg #shade2 * {
  fill: #aa8c0c !important; }
.avatar_builder .go .portrait_box svg #shade3 *, .avatar_builder .go .background_box svg #shade3 *, .avatar_picker .go .portrait_box svg #shade3 *, .avatar_picker .go .background_box svg #shade3 * {
  fill: #7a6509 !important; }
.avatar_builder .go .portrait_box svg #shade4 *, .avatar_builder .go .background_box svg #shade4 *, .avatar_picker .go .portrait_box svg #shade4 *, .avatar_picker .go .background_box svg #shade4 * {
  fill: #625107 !important; }
.avatar_builder .pl .rank_name, .avatar_picker .pl .rank_name {
  color: #dcf6f7; }
.avatar_builder .pl .portrait_box svg #shade1 *, .avatar_builder .pl .background_box svg #shade1 *, .avatar_picker .pl .portrait_box svg #shade1 *, .avatar_picker .pl .background_box svg #shade1 * {
  fill: white !important; }
.avatar_builder .pl .portrait_box svg #shade2 *, .avatar_builder .pl .background_box svg #shade2 *, .avatar_picker .pl .portrait_box svg #shade2 *, .avatar_picker .pl .background_box svg #shade2 * {
  fill: #e6e6e6 !important; }
.avatar_builder .pl .portrait_box svg #shade3 *, .avatar_builder .pl .background_box svg #shade3 *, .avatar_picker .pl .portrait_box svg #shade3 *, .avatar_picker .pl .background_box svg #shade3 * {
  fill: #cccccc !important; }
.avatar_builder .pl .portrait_box svg #shade4 *, .avatar_builder .pl .background_box svg #shade4 *, .avatar_picker .pl .portrait_box svg #shade4 *, .avatar_picker .pl .background_box svg #shade4 * {
  fill: #bfbfbf !important; }
.avatar_builder .le .rank_name, .avatar_picker .le .rank_name {
  color: #a962f5; }
.avatar_builder .le .portrait_box svg #shade1 *, .avatar_builder .le .background_box svg #shade1 *, .avatar_picker .le .portrait_box svg #shade1 *, .avatar_picker .le .background_box svg #shade1 * {
  fill: #a962f5 !important; }
.avatar_builder .le .portrait_box svg #shade2 *, .avatar_builder .le .background_box svg #shade2 *, .avatar_picker .le .portrait_box svg #shade2 *, .avatar_picker .le .background_box svg #shade2 * {
  fill: #8f32f2 !important; }
.avatar_builder .le .portrait_box svg #shade3 *, .avatar_builder .le .background_box svg #shade3 *, .avatar_picker .le .portrait_box svg #shade3 *, .avatar_picker .le .background_box svg #shade3 * {
  fill: #750ee3 !important; }
.avatar_builder .le .portrait_box svg #shade4 *, .avatar_builder .le .background_box svg #shade4 *, .avatar_picker .le .portrait_box svg #shade4 *, .avatar_picker .le .background_box svg #shade4 * {
  fill: #690dcb !important; }
.avatar_builder .portrait_cell, .avatar_picker .portrait_cell {
  display: inline-block; }
  .avatar_builder .portrait_cell:not(:last-child) .pick_choice, .avatar_picker .portrait_cell:not(:last-child) .pick_choice {
    margin-right: 3px; }
.avatar_builder .pick_choice, .avatar_picker .pick_choice {
  border-radius: 100%;
  background-color: #2D2F30; }
  .avatar_builder .pick_choice.disabled, .avatar_picker .pick_choice.disabled {
    opacity: 0.2; }
  .avatar_builder .pick_choice:not(.disabled):hover, .avatar_picker .pick_choice:not(.disabled):hover {
    background-color: #2f3233; }
  .avatar_builder .pick_choice.portrait_box, .avatar_builder .pick_choice.background_box, .avatar_picker .pick_choice.portrait_box, .avatar_picker .pick_choice.background_box {
    height: 40px;
    width: 40px; }

.avatar_picker {
  display: inline; }
  .avatar_picker table {
    display: block; }
    .avatar_picker table td {
      display: inline-block; }
  .avatar_picker .current_portrait_box_container, .avatar_picker .current_background_box_container {
    position: relative;
    display: inline-block;
    margin-left: 5px; }
  .avatar_picker .popover_custom {
    position: fixed;
    top: 10%; }
    .avatar_picker .popover_custom:after {
      display: none; }

.avatars_list {
  margin-top: 1.2em; }
  .avatars_list .portrait {
    display: inline-block;
    height: 25px;
    width: 25px; }

.splitting_party_menu .title, .merging_party_menu .title {
  padding: 5px; }
  .splitting_party_menu .title h5, .merging_party_menu .title h5 {
    margin-bottom: 0; }
.splitting_party_menu .body, .merging_party_menu .body {
  padding: 5px; }
  .splitting_party_menu .body .name_area, .merging_party_menu .body .name_area {
    display: flex;
    margin-bottom: 10px; }
    .splitting_party_menu .body .name_area input, .merging_party_menu .body .name_area input {
      flex: 1;
      padding: 5px; }
.splitting_party_menu .party_columns, .merging_party_menu .party_columns {
  display: flex;
  flex-direction: row; }
  .splitting_party_menu .party_columns .party, .merging_party_menu .party_columns .party {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .splitting_party_menu .party_columns .party:not(:last-child), .merging_party_menu .party_columns .party:not(:last-child) {
      margin-right: 5px; }
.splitting_party_menu .character_item, .merging_party_menu .character_item {
  cursor: pointer;
  text-align: center; }
  .splitting_party_menu .character_item .portrait, .merging_party_menu .character_item .portrait {
    margin: auto; }

.merging_party_menu .party_selection {
  margin-bottom: 15px; }
  .merging_party_menu .party_selection .party_name {
    background-color: #1D2731;
    cursor: pointer;
    padding: 5px 5px;
    opacity: 0.5; }
    .merging_party_menu .party_selection .party_name.selected {
      opacity: 1;
      background-color: #1D2731;
      border-left: solid 3px rgba(215, 206, 199, 0.5); }
.merging_party_menu .character_item.selected {
  opacity: 0.5; }

.party_info.stuck {
  padding-top: 0.5em;
  padding-bottom: 1em;
  background-color: #1D2731; }
.party_info:not(.stuck) .party_tabs {
  margin-top: 2em; }
.party_info .list_members {
  margin-bottom: 2em; }
.party_info .party_tabs {
  display: flex; }
  .party_info .party_tabs .party_tab {
    position: relative;
    padding-bottom: 8px;
    text-align: center;
    flex: 1;
    cursor: pointer; }
    .party_info .party_tabs .party_tab.active, .party_info .party_tabs .party_tab.selected {
      color: #D9B310; }
      .party_info .party_tabs .party_tab.active:after, .party_info .party_tabs .party_tab.selected:after {
        opacity: 1;
        width: 60%;
        left: 20%; }
    .party_info .party_tabs .party_tab.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .party_info .party_tabs .party_tab:after {
      position: absolute;
      bottom: 15%;
      display: block;
      content: " ";
      left: 30%;
      width: 40%;
      height: 4px;
      background-color: #D9B310;
      border-radius: 5px;
      opacity: 0;
      transition: all 0.25s; }
    .party_info .party_tabs .party_tab.new_content {
      color: #D9B310;
      opacity: 0.7; }
    .party_info .party_tabs .party_tab .on_going_indicator {
      font-size: 0.8em;
      opacity: 0.5; }
      .party_info .party_tabs .party_tab .on_going_indicator svg {
        height: 8px;
        width: auto; }
        .party_info .party_tabs .party_tab .on_going_indicator svg * {
          fill: #D7CEC7; }
    .party_info .party_tabs .party_tab input {
      text-align: center; }

.party_info, .party_split_notification {
  transition: opacity 0.5s; }
  .party_info.sticky, .party_info .sticky, .party_split_notification.sticky, .party_split_notification .sticky {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 2; }
  .party_info .members, .party_split_notification .members {
    padding-top: 0.5em; }
    .party_info .members .icon, .party_split_notification .members .icon {
      margin-right: 5px; }
      .party_info .members .icon svg *, .party_split_notification .members .icon svg * {
        fill: #D7CEC7; }
    .party_info .members .name, .party_split_notification .members .name {
      opacity: 0.6; }
  .party_info .sticky_waypoint, .party_split_notification .sticky_waypoint {
    position: relative;
    top: -60px; }

.party_info .members .name:not(:nth-child(2)):not(:last-child):before {
  content: ", "; }
.party_info .members .name:last-child:not(:nth-child(2)):before {
  content: " & "; }

.party_split_notification {
  padding: 10px 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  transition: background-color 0.5s; }
  .party_split_notification.sticky.stuck {
    background-color: #1D2731; }
  .party_split_notification .members .name:not(:nth-child(1)):not(:last-child):before {
    content: ", "; }
  .party_split_notification .members .name:last-child:not(:nth-child(1)):before {
    content: " & "; }

.merge_indicator {
  margin-top: 2.5em;
  margin-bottom: 2.5em; }

.merge_indicator, .party_split_notification {
  color: rgba(215, 206, 199, 0.6); }
  .merge_indicator .icon, .party_split_notification .icon {
    margin-right: 5px; }
    .merge_indicator .icon svg *, .party_split_notification .icon svg * {
      fill: #D7CEC7; }

.create_language_menu .character_item {
  display: inline-flex;
  margin: 0 0 5px 5%; }
.create_language_menu .input_area {
  display: flex; }
  .create_language_menu .input_area .delete_option {
    cursor: pointer;
    padding: 5px;
    margin-right: 5px;
    opacity: 0.6; }
    .create_language_menu .input_area .delete_option:hover {
      opacity: 1; }
    .create_language_menu .input_area .delete_option svg {
      height: 100%;
      width: auto; }
      .create_language_menu .input_area .delete_option svg * {
        fill: #D7CEC7; }
  .create_language_menu .input_area input {
    padding: 5px;
    flex: 1;
    width: 100%; }
  .create_language_menu .input_area .option_bar {
    flex: 1; }
.create_language_menu .proficiency_section_title {
  text-align: center;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  opacity: 1;
  font-size: 0.8em; }
.create_language_menu .character_list {
  display: flex;
  flex-direction: column; }
  .create_language_menu .character_list .option_bar {
    margin-bottom: 1em; }

.story_marker_options {
  display: flex;
  flex-direction: column; }
  .story_marker_options button {
    padding: 12px; }
    .story_marker_options button:not(:last-child) {
      margin-right: 5px; }

.story_top .story_marker_options {
  flex-direction: row;
  justify-content: center; }
  .story_top .story_marker_options button {
    padding: 12px 0;
    margin-right: 0;
    display: flex;
    justify-content: center; }
    .story_top .story_marker_options button .icon {
      margin-right: 0; }
    .story_top .story_marker_options button .button_title {
      flex: 0; }

.marker_options_toggle {
  text-align: center;
  padding: 5px;
  opacity: 0.9;
  cursor: pointer;
  color: #D9B310; }
  .marker_options_toggle:hover {
    opacity: 1; }

.create_story_marker_menu {
  font-size: initial; }
  .create_story_marker_menu input {
    width: 100%;
    padding: 5px; }
  .create_story_marker_menu textarea {
    width: 100%;
    padding: 5px; }

.index_marker {
  color: #D7CEC7; }
  .index_marker label {
    opacity: 0.5;
    font-size: 0.6em; }
  .index_marker.act {
    margin-top: 1em; }
  .index_marker.chapter {
    margin-top: 0.3em;
    margin-left: 10px; }
  .index_marker.scene {
    margin-left: 25px; }

.story_marker {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  cursor: pointer;
  opacity: 0.9; }
  .story_marker:hover {
    opacity: 1; }
  .story_marker .marker_title {
    display: block;
    font-size: 0.8em;
    opacity: 0.6; }
    .story_marker .marker_title .icon {
      display: inline-block;
      height: 15px;
      margin-right: 5px; }
      .story_marker .marker_title .icon svg * {
        fill: #D7CEC7; }
  .story_marker .marker_name {
    display: block;
    font-size: 1.2em; }
    .story_marker .marker_name input {
      text-align: center;
      padding: 5px; }
  .story_marker .description textarea {
    width: 100%; }
  .story_marker .description .content {
    opacity: 0.7;
    white-space: pre-line; }
  .story_marker .description .description_toggle {
    opacity: 0.3;
    font-size: 0.8em; }

.marker_type_options {
  display: flex; }
  .marker_type_options .option {
    font-size: 2em;
    opacity: 0.5;
    cursor: pointer;
    padding: 3px 5px; }
    .marker_type_options .option.selected {
      opacity: 1; }

.marker_options {
  display: flex;
  justify-content: center; }
  .marker_options button {
    flex: 1; }
    .marker_options button:not(:last-child) {
      margin-right: 1em; }

.helper_editor .page_content > .container, .helper_panel_editor .page_content > .container {
  margin-bottom: 70px; }
.helper_editor input, .helper_panel_editor input {
  padding: 5px; }
.helper_editor textarea, .helper_panel_editor textarea {
  padding: 5px; }
.helper_editor hr, .helper_panel_editor hr {
  width: 100%; }
.helper_editor label, .helper_panel_editor label {
  opacity: 0.6;
  margin-top: 0.5rem;
  margin-bottom: 0; }
.helper_editor .name_input, .helper_editor .description_input, .helper_panel_editor .name_input, .helper_panel_editor .description_input {
  display: flex;
  flex-direction: column; }

.helpers_screen .page_content > .container {
  margin-top: 10px; }
.helpers_screen .warning {
  padding: 1em;
  background-color: rgba(29, 39, 49, 0.5);
  font-size: 0.7em;
  margin: 10px 0; }
.helpers_screen .helper_item {
  margin-bottom: 1em; }

.helper_editor label {
  margin-bottom: 0.7em; }
.helper_editor .panel_item {
  width: 100%;
  margin-bottom: 10px; }
.helper_editor textarea {
  padding: 1em; }
.helper_editor .option_bar {
  margin-bottom: 1em; }

.helper_panel_editor .panel_content {
  min-height: 20vh;
  width: 100%; }
.helper_panel_editor textarea {
  padding: 1em; }

.helper_panel_option {
  display: flex;
  margin-bottom: 10px;
  font-size: 0.8em; }
  .helper_panel_option .left_pane, .helper_panel_option .right_pane {
    display: flex;
    flex-direction: column; }
  .helper_panel_option .left_pane {
    flex: 0 1 auto; }
    .helper_panel_option .left_pane button:first-child {
      margin-bottom: 3px; }
  .helper_panel_option .right_pane {
    margin-left: 5px;
    flex: 1; }
  .helper_panel_option input {
    width: 100%;
    margin-bottom: 5px; }
  .helper_panel_option .options {
    display: flex; }
    .helper_panel_option .options button:not(:last-child) {
      margin-right: 5px; }
    .helper_panel_option .options .target {
      flex: 1; }
  .helper_panel_option .no_target {
    color: indianred; }
  .helper_panel_option .select_panel_modal .option_bar {
    margin-bottom: 0.7em; }

.helpers_menu .circle_icon {
  cursor: pointer;
  float: right;
  right: 5px;
  bottom: 20px; }
.helpers_menu .list_popover {
  text-align: left;
  width: 21em;
  max-width: 80vw;
  left: initial;
  right: -20px;
  transform: translate(0, 10px); }
  .helpers_menu .list_popover:after {
    left: initial;
    right: 32px; }
.game_menu_container .helpers_menu {
  position: relative; }
  .game_menu_container .helpers_menu .circle_icon {
    float: initial;
    right: initial;
    bottom: initial; }

.collapse {
  white-space: pre-line; }

.helper_item_description {
  font-size: 0.7em;
  background-color: rgba(29, 39, 49, 0.3);
  margin-top: -10px;
  margin-bottom: 10px; }
  .helper_item_description .content {
    padding: 10px; }

.helper_item {
  margin-bottom: 0.5em; }
  .helper_item .close {
    color: #D7CEC7;
    margin-left: 0.5em; }
  .helper_item .upvote_option {
    background-color: rgba(29, 39, 49, 0.2);
    width: 40px;
    text-align: center;
    display: flex;
    flex-direction: column; }
    .helper_item .upvote_option .icon, .helper_item .upvote_option .counter {
      flex: 0 1 auto;
      font-size: 0.6em;
      opacity: 0.5; }
    .helper_item .upvote_option svg {
      display: block;
      margin: auto;
      height: 10px; }
    .helper_item .upvote_option:hover .icon, .helper_item .upvote_option:hover .counter {
      opacity: 1; }
    .helper_item .upvote_option.upvoted svg * {
      fill: #D9B310; }
    .helper_item .upvote_option.upvoted .icon, .helper_item .upvote_option.upvoted .counter {
      opacity: 0.9; }

.select_helper_modal .helper_item.active {
  opacity: 0.3; }
.select_helper_modal .search_input {
  margin-bottom: 1em; }
.select_helper_modal .section_title {
  opacity: 0.6;
  margin-bottom: 10px; }
  .select_helper_modal .section_title svg {
    height: 15px;
    margin-right: 10px; }
.select_helper_modal .empty_message {
  opacity: 0.6; }

.interactive_helper {
  z-index: 10;
  position: fixed;
  width: 250px;
  height: 100vh;
  background-color: #252627;
  font-size: 0.8em;
  right: 0;
  transition: all 0.25s;
  animation: panel_open_right 0.25s;
  display: flex;
  flex-direction: column; }
  .interactive_helper .screen_title {
    background-color: #1D2731; }
  .interactive_helper .close {
    display: none;
    position: absolute;
    right: 15px;
    top: 3px;
    color: white; }
    .interactive_helper .close:hover {
      color: white; }
  .interactive_helper.closed {
    transform: translateX(100%); }
  .interactive_helper .panel_content {
    flex: 0 2 auto;
    white-space: pre-line;
    margin-top: 10px;
    overflow: auto; }
  .interactive_helper .panel_options {
    margin-top: 10px;
    flex: 1 1 auto;
    overflow: auto;
    padding-bottom: 30px; }
    .interactive_helper .panel_options button {
      width: 100%;
      margin-bottom: 10px; }

.messaging_bar {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 0.6em;
  display: flex;
  flex-direction: column;
  background-color: #0B3C5D;
  padding: 10px 3px 10px 3px; }
  .messaging_bar .messaging_icon {
    cursor: pointer;
    text-align: center;
    opacity: 0.3; }
    .messaging_bar .messaging_icon:not(:last-child) {
      margin-left: 10px; }
    .messaging_bar .messaging_icon.selected {
      opacity: 1; }
    .messaging_bar .messaging_icon svg {
      height: 10px;
      width: auto; }
      .messaging_bar .messaging_icon svg * {
        fill: #D7CEC7 !important; }
    .messaging_bar .messaging_icon.new_content {
      color: #D9B310;
      opacity: 0.7; }
      .messaging_bar .messaging_icon.new_content svg * {
        fill: #D9B310 !important; }

.horizontal_list {
  flex: 1 0 auto;
  overflow-x: hidden;
  touch-action: manipulation;
  position: relative; }
  .horizontal_list .jspHorizontalBar {
    display: none; }
  .horizontal_list .slider_container {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
    display: inline-flex;
    vertical-align: bottom;
    touch-action: manipulation; }
    .horizontal_list .slider_container .horizontal_list_item {
      flex: 1 0 auto;
      width: 90%; }
      .horizontal_list .slider_container .horizontal_list_item.unfocused {
        cursor: pointer; }
  .horizontal_list.dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .horizontal_list.loading .horizontal_list_item {
    opacity: 0; }
  .horizontal_list .nav_arrow {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    background-color: rgba(215, 206, 199, 0.05);
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
    opacity: 0.5;
    transition: all 0.5s; }
    .horizontal_list .nav_arrow:hover {
      opacity: 1; }
    .horizontal_list .nav_arrow svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 30px; }
      .horizontal_list .nav_arrow svg * {
        fill: #D7CEC7; }
    .horizontal_list .nav_arrow.left_arrow {
      left: 0; }
    .horizontal_list .nav_arrow.right_arrow {
      right: 0; }

.horizontal_list.full_width .horizontal_list_item {
  width: 100%; }
.horizontal_list.full_width .video_info {
  transition: opacity 1s; }
.horizontal_list.full_width .unfocused .video_info {
  opacity: 0; }
.horizontal_list.full_width .youtube_video {
  height: 100%; }

.news_modal .news ul, .news_modal .news p, .news_screen .news ul, .news_screen .news p {
  font-size: 0.9em; }
.news_modal .news h6, .news_screen .news h6 {
  color: #D9B310; }
.news_modal .news h5, .news_screen .news h5 {
  font-size: 1em;
  color: white;
  margin-bottom: 1em; }
.news_modal .news:not(.active), .news_screen .news:not(.active) {
  border-top: solid 1px #D7CEC7; }
.news_modal .big_title, .news_screen .big_title {
  font-size: 1.5em;
  color: white; }
.news_modal .body, .news_screen .body {
  display: flex;
  flex-direction: column; }
  .news_modal .body b, .news_screen .body b {
    font-weight: bold; }
  .news_modal .body .top_pane, .news_screen .body .top_pane {
    flex: 0;
    display: flex;
    border-bottom: solid 1px #707070;
    align-items: center;
    padding-bottom: 1em; }
    .news_modal .body .top_pane button, .news_screen .body .top_pane button {
      margin-right: 1.5em; }
    .news_modal .body .top_pane .icon, .news_screen .body .top_pane .icon {
      height: 40px; }
  .news_modal .body .bottom_pane, .news_screen .body .bottom_pane {
    flex: 1; }
  .news_modal .body .image_container, .news_screen .body .image_container {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em; }
  .news_modal .body img, .news_screen .body img {
    max-width: 100%;
    border: solid 1px #707070; }
  .news_modal .body .picture_label, .news_screen .body .picture_label {
    margin-top: 0.5em;
    font-size: 0.6em;
    display: block;
    text-align: center;
    margin-bottom: 0; }
  .news_modal .body .highlighted, .news_screen .body .highlighted {
    color: #D9B310; }
  .news_modal .body .support, .news_screen .body .support {
    cursor: pointer; }

.game_item {
  display: flex;
  padding: 12px;
  position: relative;
  background: rgba(60, 60, 62, 0.6);
  border: solid 1px rgba(255, 255, 255, 0.1);
  border-radius: 4px; }
  .game_item .item_menu {
    z-index: 1; }
  .game_item .left_side {
    display: flex;
    flex-direction: column;
    width: 7em;
    font-size: 0.8em;
    padding-right: 20px;
    text-align: center; }
    .game_item .left_side .game_icon {
      width: 70%;
      min-height: 30%;
      margin: 0 auto 1em auto; }
      .game_item .left_side .game_icon .main_icon {
        opacity: 0.5; }
    .game_item .left_side .join_button, .game_item .left_side .preview_button {
      margin-top: 1em; }
  .game_item.checked .game_icon {
    position: relative; }
    .game_item.checked .game_icon .checked_feedback {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 50%; }
      .game_item.checked .game_icon .checked_feedback svg * {
        fill: white; }
    .game_item.checked .game_icon .main_icon {
      opacity: 0.3; }
  .game_item .right_side {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .game_item .new_game_feedback {
    display: inline;
    color: #D9B310;
    padding: 0.5em;
    border: solid 1px #D9B310;
    border-radius: 5px;
    margin-right: 0.5em;
    font-size: 0.5em;
    position: relative;
    top: -0.6em; }
  .game_item button:not(.highlighted) .notification {
    display: none; }
  .game_item .notification {
    color: #D9B310;
    font-size: 0.6em; }
  .game_item .game_title {
    font-size: 1.1em;
    color: white; }
    .game_item .game_title .game_name {
      margin-bottom: -0.5em; }
    .game_item .game_title .author, .game_item .game_title .timestamp {
      display: inline-block;
      font-size: 0.6em;
      opacity: 0.6;
      margin-top: -0.2em; }
      .game_item .game_title .author .by, .game_item .game_title .timestamp .by {
        opacity: 0.5; }
    .game_item .game_title .timestamp {
      margin-left: 1em; }
  .game_item .update_timestamp {
    color: white;
    opacity: 0.6;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.6em; }
    .game_item .update_timestamp svg {
      height: 1em;
      margin-right: 0.3em; }
  .game_item .long {
    display: none; }
  .game_item .game_more_info {
    margin-left: 0.5em;
    font-size: 0.6em; }
    .game_item .game_more_info .pace {
      font-weight: 400; }
      .game_item .game_more_info .pace.pace_0 {
        color: #328cc1; }
      .game_item .game_more_info .pace.pace_1 {
        color: #cd8f5c; }
      .game_item .game_more_info .pace.pace_2 {
        color: #d9b310; }
    .game_item .game_more_info .beginner_badge {
      margin-left: 2em;
      color: white; }
  .game_item .game_description {
    margin-top: 0.5em;
    font-size: 0.7em;
    word-break: break-word; }
  .game_item:not(.extended) .game_description {
    max-height: 7em;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, #000, #000 5em, transparent);
    -webkit-mask-image: linear-gradient(to bottom, #000, #000 5em, transparent); }
  .game_item.extended .preview_button {
    margin: 1em auto 1em auto;
    font-size: 0.8em;
    width: 80%; }
  .game_item .counts {
    opacity: 0.5;
    margin-top: 0.5em;
    font-size: 0.9em; }
    .game_item .counts .counter:not(:first-child) {
      margin-left: 1.2em; }
    .game_item .counts .counter .isvg {
      vertical-align: middle; }
    .game_item .counts .counter svg {
      margin-right: 0.2em;
      height: 1em; }
  .game_item .tag_list {
    margin-top: 0.5em;
    font-size: 0.5em;
    color: #D9B310; }
  .game_item.narrow:not(.extended) {
    height: 15em; }
    .game_item.narrow:not(.extended) .right_side .game_description {
      height: initial;
      max-height: initial;
      flex: 1;
      mask-image: linear-gradient(to bottom, #000, #000 calc(100% - 2em), transparent);
      -webkit-mask-image: linear-gradient(to bottom, #000, #000 calc(100% - 2em), transparent); }

.game_item_modal .game_item {
  padding: 0;
  border: none;
  background-color: transparent; }
  .game_item_modal .game_item .flow_buttons {
    margin-top: 2.5em;
    margin-bottom: 0.5em; }

.game_preview {
  background: url(../../images/backgrounds/game_preview_background.png) no-repeat, #1D2731;
  background-size: cover;
  align-items: center; }
  .game_preview.desktop {
    display: none; }
  .game_preview.mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(125px);
    opacity: 0.9; }
    .game_preview.mobile .characters {
      height: 12em; }
  .game_preview .characters {
    display: flex;
    flex: 1;
    height: 11em;
    justify-content: center;
    align-items: center; }
    .game_preview .characters .portrait {
      height: 100%;
      width: 100%;
      margin: 0 auto; }
    .game_preview .characters .name {
      z-index: 0;
      position: relative;
      text-align: center;
      color: #D7CEC7;
      max-width: 7em;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
      margin: 0 auto; }
      .game_preview .characters .name:before {
        z-index: -1;
        content: " ";
        position: absolute;
        width: 150%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(to right, transparent, rgba(60, 60, 62, 0.7), rgba(60, 60, 62, 0.7), transparent); }
    .game_preview .characters .character_side {
      height: 50%;
      width: 5em; }
      .game_preview .characters .character_side .name {
        font-size: 0.8em; }
    .game_preview .characters .character_center {
      height: 80%; }

.game_lines_preview {
  margin-top: 1em;
  margin-bottom: 0.5em; }
  .game_lines_preview:not(.empty) {
    min-height: 30em; }
  .game_lines_preview.empty #preview_scroll_area {
    overflow: hidden; }
  .game_lines_preview .lines_scroller {
    animation: fade_in 0.5s;
    padding-right: 0; }
    .game_lines_preview .lines_scroller .line > .container {
      padding-left: 0;
      padding-right: 0; }
  .game_lines_preview .next_button_container {
    text-align: center; }
    .game_lines_preview .next_button_container .next_button {
      margin-top: 0.5em;
      padding-left: 2em;
      padding-right: 2em; }

.profile_setup {
  text-align: center;
  padding: 0;
  font-size: 0.9em; }
  .profile_setup h3 {
    font-size: 1.3em; }
  .profile_setup .progress_bar {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    height: 1em; }
    .profile_setup .progress_bar .circle {
      height: 1em;
      width: 1.1em;
      border-radius: 5px;
      background-color: rgba(215, 206, 199, 0.2); }
      .profile_setup .progress_bar .circle:not(:last-child) {
        margin-right: 10px; }
    .profile_setup .progress_bar.stage_0 {
      display: none; }
    .profile_setup .progress_bar.stage_0 .circle:nth-child(0) {
      animation: flashProgress 0.25s 0.1s both;
      box-shadow: 0 0 3px 1px rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_1 .circle:nth-child(0) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_1 .circle:nth-child(1) {
      animation: flashProgress 0.25s 0.1s both;
      box-shadow: 0 0 3px 1px rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_2 .circle:nth-child(0) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_2 .circle:nth-child(1) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_2 .circle:nth-child(2) {
      animation: flashProgress 0.25s 0.1s both;
      box-shadow: 0 0 3px 1px rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_3 .circle:nth-child(0) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_3 .circle:nth-child(1) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_3 .circle:nth-child(2) {
      background-color: rgba(217, 179, 16, 0.6); }
    .profile_setup .progress_bar.stage_3 .circle:nth-child(3) {
      animation: flashProgress 0.25s 0.1s both;
      box-shadow: 0 0 3px 1px rgba(217, 179, 16, 0.6); }
  .profile_setup .panel_picture {
    padding: 30px 0 30px 0;
    height: 25vh;
    margin-bottom: 15px; }
    .profile_setup .panel_picture svg {
      height: 100%; }
  .profile_setup .panel_content {
    margin-top: 3em;
    display: flex;
    flex-direction: column; }
  .profile_setup .panel_title {
    color: #D9B310;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .profile_setup .buttons_area {
    margin-top: 20px; }
    .profile_setup .buttons_area button {
      display: inline-flex;
      padding: 10px 30px;
      width: 80%; }
  .profile_setup .list {
    padding: 20px 0;
    margin-bottom: 20px;
    background-color: rgba(215, 206, 199, 0.1); }
    .profile_setup .list ul {
      list-style: none;
      padding: 0 20px;
      font-size: 0.9em; }
      .profile_setup .list ul li {
        padding: 10px; }
        .profile_setup .list ul li:not(:last-child) {
          margin-bottom: 10px; }
  .profile_setup .tags_list {
    margin-top: 10px;
    height: 50vh;
    margin-bottom: 2em; }

@keyframes flashProgress {
  from {
    background-color: rgba(215, 206, 199, 0.2); }
  10% {
    background-color: white; }
  to {
    background-color: #D9B310; } }
.account_upgrade .page_content > .container {
  margin-bottom: 70px; }
.account_upgrade .upgrade_options {
  margin-top: 1em; }
.account_upgrade .function_bar {
  margin: 20px 0;
  text-align: center;
  display: flex;
  justify-content: center; }
.account_upgrade .discord_link_button, .account_upgrade .update_payment_info, .account_upgrade .invite_link {
  width: 7em;
  height: 6em; }
.account_upgrade .discord_link_button a, .account_upgrade .update_payment_info a {
  font-size: 0.7em;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  justify-content: center;
  height: 100%; }
  .account_upgrade .discord_link_button a svg, .account_upgrade .update_payment_info a svg {
    height: 3em;
    margin-right: 0; }
.account_upgrade .discord_link_button .discord_user {
  height: 100%;
  font-size: 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .account_upgrade .discord_link_button .discord_user label {
    display: none; }
  .account_upgrade .discord_link_button .discord_user img {
    height: 4em;
    margin-bottom: 1em; }
.account_upgrade .update_payment_info.disabled {
  pointer-events: none;
  opacity: 0.5; }
.account_upgrade .update_payment_info a {
  height: 100%; }
.account_upgrade .invite_link {
  margin-left: 1em;
  margin-right: 1em; }
  .account_upgrade .invite_link button {
    height: 100%;
    width: 100%;
    flex-direction: column-reverse;
    font-size: 0.7em;
    justify-content: center; }
    .account_upgrade .invite_link button .icon {
      height: 3em;
      margin-bottom: 1em; }
    .account_upgrade .invite_link button .button_title {
      flex: initial; }
.account_upgrade .downgrade_modal {
  font-weight: 400; }
  .account_upgrade .downgrade_modal .confirmation_message {
    margin-bottom: 1.5em; }
  .account_upgrade .downgrade_modal .price {
    text-align: center;
    margin-bottom: 2em; }
  .account_upgrade .downgrade_modal .loading_icon {
    text-align: center; }
  .account_upgrade .downgrade_modal .buttons button {
    height: 3em;
    width: 100%; }
    .account_upgrade .downgrade_modal .buttons button:first-child {
      margin-bottom: 1em; }
.account_upgrade .section_title {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  margin-bottom: 1.5em; }
.account_upgrade .coupon {
  margin-top: 2em;
  margin-bottom: 2em; }

.account_upgrade_option .price, .downgrade_modal .price {
  color: #D9B310;
  position: relative;
  text-align: right; }
  .account_upgrade_option .price.discounted, .downgrade_modal .price.discounted {
    color: white; }
  .account_upgrade_option .price .symbol, .downgrade_modal .price .symbol {
    font-weight: 400;
    font-size: 0.9em;
    position: relative;
    margin-right: 0.2em;
    vertical-align: top;
    display: inline-block; }
  .account_upgrade_option .price .value, .downgrade_modal .price .value {
    font-weight: 600;
    font-size: 1.2em;
    display: inline-block;
    margin-right: 0.2em; }
  .account_upgrade_option .price .recurrence, .downgrade_modal .price .recurrence {
    font-weight: 400;
    font-size: 0.8em;
    display: inline-block; }
  .account_upgrade_option .price .discount, .downgrade_modal .price .discount {
    font-size: 0.6em;
    color: #D9B310;
    margin-bottom: 1em;
    margin-top: -0.5em; }
  .account_upgrade_option .price .original_price, .downgrade_modal .price .original_price {
    display: inline-block;
    margin-right: 0.5em;
    opacity: 0.6; }
    .account_upgrade_option .price .original_price .value, .account_upgrade_option .price .original_price .symbol, .downgrade_modal .price .original_price .value, .downgrade_modal .price .original_price .symbol {
      font-weight: initial;
      text-decoration: line-through; }

.account_upgrade_option {
  margin-bottom: 2em;
  padding: 0.7em;
  border: solid 1px #707070; }
  .account_upgrade_option.current {
    border: solid 2px #D9B310; }
  .account_upgrade_option .rank_name {
    text-align: center;
    font-size: 1em;
    margin-bottom: 0.5em;
    font-weight: bold; }
  .account_upgrade_option .subscribers {
    font-size: 0.6em;
    opacity: 0.6;
    text-align: center; }
  .account_upgrade_option .content {
    display: flex; }
  .account_upgrade_option .left_pane {
    flex: 0;
    min-width: 6.5em;
    margin-right: 2em;
    text-align: center; }
    .account_upgrade_option .left_pane button {
      font-size: 0.9em;
      min-width: 5em; }
  .account_upgrade_option .right_pane {
    flex: 1; }
  .account_upgrade_option .illustration {
    margin-bottom: 1.5em; }
    .account_upgrade_option .illustration img {
      height: 6em; }
  .account_upgrade_option .description, .account_upgrade_option .purse_description {
    font-size: 0.9em; }
    .account_upgrade_option .description .no .rank_name, .account_upgrade_option .purse_description .no .rank_name {
      color: #D7CEC7; }
    .account_upgrade_option .description .no .portrait_box svg #shade1 *, .account_upgrade_option .description .no .background_box svg #shade1 *, .account_upgrade_option .purse_description .no .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .no .background_box svg #shade1 * {
      fill: #D7CEC7 !important; }
    .account_upgrade_option .description .no .portrait_box svg #shade2 *, .account_upgrade_option .description .no .background_box svg #shade2 *, .account_upgrade_option .purse_description .no .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .no .background_box svg #shade2 * {
      fill: #c2b4a9 !important; }
    .account_upgrade_option .description .no .portrait_box svg #shade3 *, .account_upgrade_option .description .no .background_box svg #shade3 *, .account_upgrade_option .purse_description .no .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .no .background_box svg #shade3 * {
      fill: #ad9a8c !important; }
    .account_upgrade_option .description .no .portrait_box svg #shade4 *, .account_upgrade_option .description .no .background_box svg #shade4 *, .account_upgrade_option .purse_description .no .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .no .background_box svg #shade4 * {
      fill: #a28d7d !important; }
    .account_upgrade_option .description .co .rank_name, .account_upgrade_option .purse_description .co .rank_name {
      color: #f19d40; }
    .account_upgrade_option .description .co .portrait_box svg #shade1 *, .account_upgrade_option .description .co .background_box svg #shade1 *, .account_upgrade_option .purse_description .co .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .co .background_box svg #shade1 * {
      fill: #f19d40 !important; }
    .account_upgrade_option .description .co .portrait_box svg #shade2 *, .account_upgrade_option .description .co .background_box svg #shade2 *, .account_upgrade_option .purse_description .co .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .co .background_box svg #shade2 * {
      fill: #ed8511 !important; }
    .account_upgrade_option .description .co .portrait_box svg #shade3 *, .account_upgrade_option .description .co .background_box svg #shade3 *, .account_upgrade_option .purse_description .co .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .co .background_box svg #shade3 * {
      fill: #bd6a0e !important; }
    .account_upgrade_option .description .co .portrait_box svg #shade4 *, .account_upgrade_option .description .co .background_box svg #shade4 *, .account_upgrade_option .purse_description .co .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .co .background_box svg #shade4 * {
      fill: #a55d0c !important; }
    .account_upgrade_option .description .si .rank_name, .account_upgrade_option .purse_description .si .rank_name {
      color: #A4C9DF; }
    .account_upgrade_option .description .si .portrait_box svg #shade1 *, .account_upgrade_option .description .si .background_box svg #shade1 *, .account_upgrade_option .purse_description .si .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .si .background_box svg #shade1 * {
      fill: #A4C9DF !important; }
    .account_upgrade_option .description .si .portrait_box svg #shade2 *, .account_upgrade_option .description .si .background_box svg #shade2 *, .account_upgrade_option .purse_description .si .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .si .background_box svg #shade2 * {
      fill: #7eb3d2 !important; }
    .account_upgrade_option .description .si .portrait_box svg #shade3 *, .account_upgrade_option .description .si .background_box svg #shade3 *, .account_upgrade_option .purse_description .si .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .si .background_box svg #shade3 * {
      fill: #599cc4 !important; }
    .account_upgrade_option .description .si .portrait_box svg #shade4 *, .account_upgrade_option .description .si .background_box svg #shade4 *, .account_upgrade_option .purse_description .si .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .si .background_box svg #shade4 * {
      fill: #4691be !important; }
    .account_upgrade_option .description .go .rank_name, .account_upgrade_option .purse_description .go .rank_name {
      color: #D9B310; }
    .account_upgrade_option .description .go .portrait_box svg #shade1 *, .account_upgrade_option .description .go .background_box svg #shade1 *, .account_upgrade_option .purse_description .go .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .go .background_box svg #shade1 * {
      fill: #D9B310 !important; }
    .account_upgrade_option .description .go .portrait_box svg #shade2 *, .account_upgrade_option .description .go .background_box svg #shade2 *, .account_upgrade_option .purse_description .go .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .go .background_box svg #shade2 * {
      fill: #aa8c0c !important; }
    .account_upgrade_option .description .go .portrait_box svg #shade3 *, .account_upgrade_option .description .go .background_box svg #shade3 *, .account_upgrade_option .purse_description .go .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .go .background_box svg #shade3 * {
      fill: #7a6509 !important; }
    .account_upgrade_option .description .go .portrait_box svg #shade4 *, .account_upgrade_option .description .go .background_box svg #shade4 *, .account_upgrade_option .purse_description .go .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .go .background_box svg #shade4 * {
      fill: #625107 !important; }
    .account_upgrade_option .description .pl .rank_name, .account_upgrade_option .purse_description .pl .rank_name {
      color: #dcf6f7; }
    .account_upgrade_option .description .pl .portrait_box svg #shade1 *, .account_upgrade_option .description .pl .background_box svg #shade1 *, .account_upgrade_option .purse_description .pl .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .pl .background_box svg #shade1 * {
      fill: white !important; }
    .account_upgrade_option .description .pl .portrait_box svg #shade2 *, .account_upgrade_option .description .pl .background_box svg #shade2 *, .account_upgrade_option .purse_description .pl .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .pl .background_box svg #shade2 * {
      fill: #e6e6e6 !important; }
    .account_upgrade_option .description .pl .portrait_box svg #shade3 *, .account_upgrade_option .description .pl .background_box svg #shade3 *, .account_upgrade_option .purse_description .pl .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .pl .background_box svg #shade3 * {
      fill: #cccccc !important; }
    .account_upgrade_option .description .pl .portrait_box svg #shade4 *, .account_upgrade_option .description .pl .background_box svg #shade4 *, .account_upgrade_option .purse_description .pl .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .pl .background_box svg #shade4 * {
      fill: #bfbfbf !important; }
    .account_upgrade_option .description .le .rank_name, .account_upgrade_option .purse_description .le .rank_name {
      color: #a962f5; }
    .account_upgrade_option .description .le .portrait_box svg #shade1 *, .account_upgrade_option .description .le .background_box svg #shade1 *, .account_upgrade_option .purse_description .le .portrait_box svg #shade1 *, .account_upgrade_option .purse_description .le .background_box svg #shade1 * {
      fill: #a962f5 !important; }
    .account_upgrade_option .description .le .portrait_box svg #shade2 *, .account_upgrade_option .description .le .background_box svg #shade2 *, .account_upgrade_option .purse_description .le .portrait_box svg #shade2 *, .account_upgrade_option .purse_description .le .background_box svg #shade2 * {
      fill: #8f32f2 !important; }
    .account_upgrade_option .description .le .portrait_box svg #shade3 *, .account_upgrade_option .description .le .background_box svg #shade3 *, .account_upgrade_option .purse_description .le .portrait_box svg #shade3 *, .account_upgrade_option .purse_description .le .background_box svg #shade3 * {
      fill: #750ee3 !important; }
    .account_upgrade_option .description .le .portrait_box svg #shade4 *, .account_upgrade_option .description .le .background_box svg #shade4 *, .account_upgrade_option .purse_description .le .portrait_box svg #shade4 *, .account_upgrade_option .purse_description .le .background_box svg #shade4 * {
      fill: #690dcb !important; }
    .account_upgrade_option .description .less, .account_upgrade_option .purse_description .less {
      opacity: 0.6; }
  .account_upgrade_option .explanation {
    padding-left: 1.1em;
    padding-right: 2em;
    opacity: 0.6;
    font-size: 0.7em; }
  .account_upgrade_option .purse_description .title {
    padding-left: 1em;
    border-bottom: solid 1px #707070;
    margin-bottom: 0.5em; }
    .account_upgrade_option .purse_description .title .isvg {
      vertical-align: middle; }
    .account_upgrade_option .purse_description .title svg, .account_upgrade_option .purse_description .title img {
      margin-right: 0.8em;
      height: 1.15em; }
      .account_upgrade_option .purse_description .title svg *, .account_upgrade_option .purse_description .title img * {
        fill: #FF9900; }
  .account_upgrade_option .purse_description .nota_bene {
    padding-left: 6em;
    padding-right: 0; }
  .account_upgrade_option .coins_list {
    padding-left: 0.8em; }
    .account_upgrade_option .coins_list .coin_item .coin_item {
      display: flex; }
    .account_upgrade_option .coins_list .coin_item img {
      height: 1.25em;
      margin-right: 0.5em; }
  .account_upgrade_option.rank_0 {
    background: linear-gradient(to right, rgba(215, 206, 199, 0.37), transparent); }
  .account_upgrade_option.rank_1 {
    background: linear-gradient(to right, rgba(241, 157, 64, 0.37), transparent); }
  .account_upgrade_option.rank_2 {
    background: linear-gradient(to right, rgba(164, 201, 223, 0.37), transparent); }
  .account_upgrade_option.rank_3 {
    background: linear-gradient(to right, rgba(217, 179, 16, 0.37), transparent); }
  .account_upgrade_option.rank_4 {
    background: linear-gradient(to right, rgba(220, 246, 247, 0.37), transparent); }
  .account_upgrade_option.rank_5 {
    background: linear-gradient(to right, rgba(169, 98, 245, 0.37), transparent); }
  .account_upgrade_option .highlighted {
    color: #D9B310; }

#invite_box {
  font-size: 0.8em; }
  #invite_box .link {
    overflow: hidden;
    text-align: center;
    margin: 5px 0; }
    #invite_box .link a {
      font-weight: 400;
      font-size: 1.1em; }
  #invite_box label {
    opacity: 0.8; }
  #invite_box .counter {
    margin: 5px 0 5px 5px; }
    #invite_box .counter .count {
      font-weight: bold; }
  #invite_box .reward_buttons {
    margin-top: 15px; }
    #invite_box .reward_buttons .redeem_button {
      width: 100%;
      margin-bottom: 5px; }
  #invite_box .more_info_title {
    text-align: right;
    font-weight: 400;
    cursor: pointer;
    margin: 10px 0; }
  #invite_box #reward_info {
    padding-top: 10px; }
    #invite_box #reward_info li {
      line-height: 1.2em;
      margin-bottom: 10px;
      list-style: square; }
  #invite_box .warning {
    color: indianred;
    font-weight: 400; }

.option_bar {
  background-color: rgba(32, 32, 32, 0.5);
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  position: relative; }
  .option_bar .bar_content {
    display: inline-flex; }
  .option_bar.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .option_bar.clickable {
    cursor: pointer; }
  .option_bar .extended_content {
    font-size: 0.8em;
    padding: 11px;
    white-space: pre-line; }
    .option_bar .extended_content textarea {
      color: #C8C8C8;
      background-color: transparent;
      width: 100%;
      font-size: 0.9em;
      padding: 0; }
  .option_bar label.hint {
    display: block;
    text-align: right;
    font-size: 0.7em;
    opacity: 0.5;
    position: absolute;
    bottom: -0.8em;
    transform: translateY(100%);
    margin-bottom: 0;
    right: 0; }
  .option_bar .option_bar_element {
    padding: 0.3em;
    position: relative;
    flex: 1;
    display: flex;
    overflow: hidden; }
    .option_bar .option_bar_element:not(:last-child):before {
      content: "";
      display: block;
      height: 50%;
      width: 2px;
      background-color: #707070;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(50%, -50%);
      z-index: 1; }
    .option_bar .option_bar_element.clickable:hover {
      cursor: pointer; }
  .option_bar .option_bar_input {
    flex: 1; }
    .option_bar .option_bar_input input {
      color: #C8C8C8;
      background-color: transparent;
      width: 100%; }
  .option_bar .option_bar_icon, .option_bar .option_bar_avatar, .option_bar .option_bar_vote {
    overflow: initial;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    text-align: center;
    justify-content: center;
    background-color: #2D2F30;
    padding: 0.7em 0.3em; }
  .option_bar .option_bar_icon {
    width: 50px; }
    .option_bar .option_bar_icon svg, .option_bar .option_bar_icon img {
      height: 1em; }
      .option_bar .option_bar_icon svg *, .option_bar .option_bar_icon img * {
        fill: #707070 !important; }
    .option_bar .option_bar_icon.is_text {
      font-size: 1em;
      color: #707070; }
  .option_bar .option_bar_avatar {
    padding: 0 0.2em; }
    .option_bar .option_bar_avatar .portrait {
      width: 40px;
      height: 40px; }
  .option_bar .option_bar_label, .option_bar .option_bar_level {
    display: inline-flex;
    flex-direction: column;
    padding-left: 1em;
    padding-right: 1em;
    color: #C8C8C8;
    background-color: #202020;
    justify-content: center; }
    .option_bar .option_bar_label.has_sub, .option_bar .option_bar_level.has_sub {
      font-size: 0.8em; }
    .option_bar .option_bar_label .sub_label, .option_bar .option_bar_level .sub_label {
      font-size: 0.8em;
      opacity: 0.6;
      margin-top: -0.2em; }
    .option_bar .option_bar_label .highlighted, .option_bar .option_bar_level .highlighted {
      color: #D9B310; }
  .option_bar .option_bar_choice {
    position: relative;
    padding-bottom: 8px;
    text-align: center;
    background-color: #202020;
    justify-content: center;
    align-items: center;
    height: 2.7em; }
    .option_bar .option_bar_choice.active, .option_bar .option_bar_choice.selected {
      color: #D9B310; }
      .option_bar .option_bar_choice.active:after, .option_bar .option_bar_choice.selected:after {
        opacity: 1;
        width: 60%;
        left: 20%; }
    .option_bar .option_bar_choice.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .option_bar .option_bar_choice:after {
      position: absolute;
      bottom: 15%;
      display: block;
      content: " ";
      left: 30%;
      width: 40%;
      height: 4px;
      background-color: #D9B310;
      border-radius: 5px;
      opacity: 0;
      transition: all 0.25s; }
  .option_bar .option_bar_checkbox {
    align-items: center;
    justify-content: flex-end;
    flex: 0.5;
    background-color: #202020;
    padding-right: 1.5em; }
    .option_bar .option_bar_checkbox .switch_box {
      display: flex;
      align-items: center; }
      .option_bar .option_bar_checkbox .switch_box label.switch {
        height: 1.8em;
        width: 3em; }
      .option_bar .option_bar_checkbox .switch_box .slider:before {
        height: calc(100% - 4px);
        width: 40%; }
    .option_bar .option_bar_checkbox input:checked + .slider:before {
      transform: translateX(calc(3em - 100% - 6px)); }
  .option_bar .option_bar_vote {
    text-align: center;
    flex-direction: column;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    min-width: 2em; }
    .option_bar .option_bar_vote.voted {
      color: #D9B310; }
      .option_bar .option_bar_vote.voted .vote_button {
        cursor: pointer; }
        .option_bar .option_bar_vote.voted .vote_button svg * {
          fill: #D9B310; }
    .option_bar .option_bar_vote .vote_count {
      flex: 1; }
  .option_bar .option_bar_level {
    flex-direction: row;
    align-items: center; }
    .option_bar .option_bar_level .labels {
      flex: 1; }
    .option_bar .option_bar_level .level_bar {
      display: flex;
      flex: 0; }
      .option_bar .option_bar_level .level_bar .level {
        cursor: pointer;
        height: 30px;
        width: 20px;
        background-color: #707070;
        border-radius: 5px;
        transition: background-color 0.25s; }
        .option_bar .option_bar_level .level_bar .level:hover {
          background-color: #757575; }
        .option_bar .option_bar_level .level_bar .level:not(:last-child) {
          margin-right: 5px; }
        .option_bar .option_bar_level .level_bar .level.selected {
          animation: flash 0.25s both;
          background-color: #D9B310; }
    .option_bar .option_bar_level.no_edit .level_bar .level {
      cursor: initial; }

.background_dark .option_bar .option_bar_input {
  background-color: #3b4045; }

@media (max-width: 700px) and (min-device-height: 130vh) {
  .App:not(.iphone) .option_bar.hide_non_focused_when_keyboard {
    margin: 0; }
    .App:not(.iphone) .option_bar.hide_non_focused_when_keyboard .option_bar_element:not(.focused), .App:not(.iphone) .option_bar.hide_non_focused_when_keyboard .hint {
      display: none !important; } }

.App.iphone.input_focused .option_bar.hide_non_focused_when_keyboard {
  margin: 0; }
  .App.iphone.input_focused .option_bar.hide_non_focused_when_keyboard .option_bar_element:not(.focused), .App.iphone.input_focused .option_bar.hide_non_focused_when_keyboard .hint {
    display: none !important; }

.chat_menu button.chat_option {
  font-size: 0.6em;
  display: inline-block;
  min-width: 4em; }
  .chat_menu button.chat_option.transparent.enabled {
    background-color: rgba(215, 206, 199, 0.6);
    border-color: transparent; }
  .chat_menu button.chat_option.transparent.selected {
    background-color: #D7CEC7;
    border-color: #D7CEC7; }
  .chat_menu button.chat_option.transparent.selected, .chat_menu button.chat_option.transparent.enabled {
    color: #1D2731; }
  .chat_menu button.chat_option:not(:last-child) {
    margin-right: 0.2em; }
  .chat_menu button.chat_option .badge {
    font-size: 0.9em; }

.screen_menu .popover_custom, .item_menu .popover_custom {
  padding: 11px;
  left: initial;
  right: 0;
  transform: translate(0%, 10px);
  font-size: 0.8em; }
  .screen_menu .popover_custom:after, .item_menu .popover_custom:after {
    left: initial;
    right: 12px; }
.screen_menu > button .icon, .item_menu > button .icon {
  transform: rotate(-90deg); }

.item_menu {
  float: right; }
  .item_menu button.icon_only.open_button {
    font-size: 0.8em;
    height: 30px;
    width: 30px;
    border: none; }
  .item_menu .popover_custom {
    padding: 0; }
    .item_menu .popover_custom:after {
      right: 4px; }

.game_browsers {
  height: calc(100vh - 60px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto; }
  .game_browsers .upper_tabs {
    flex: 0 0 auto; }
  .game_browsers .opened_list {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    overflow: hidden; }
    .game_browsers .opened_list .join_game_component {
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
    .game_browsers .opened_list .game_item {
      margin-bottom: 1em; }

.about .page_content {
  padding-top: 1em; }
.about a {
  display: block;
  color: #D7CEC7; }
.about hr {
  margin-bottom: 2em; }
.about .section_title {
  opacity: 0.6;
  margin-bottom: 1.5em; }
.about .navigation_button {
  margin-bottom: 0.5em; }
  .about .navigation_button a {
    color: #D9B310;
    display: block;
    background-color: rgba(32, 32, 32, 0.3);
    padding: 1em;
    width: 100%; }

.coin_notifier_menu .rank_0 .name, .selectRewardMenu .rank_0 .name, .user_notification .rank_0 .name, .transaction_item .rank_0 .name {
  color: #D7CEC7; }
.coin_notifier_menu .rank_1 .name, .selectRewardMenu .rank_1 .name, .user_notification .rank_1 .name, .transaction_item .rank_1 .name {
  color: #f19d40; }
.coin_notifier_menu .rank_2 .name, .selectRewardMenu .rank_2 .name, .user_notification .rank_2 .name, .transaction_item .rank_2 .name {
  color: #A4C9DF; }
.coin_notifier_menu .rank_3 .name, .selectRewardMenu .rank_3 .name, .user_notification .rank_3 .name, .transaction_item .rank_3 .name {
  color: #D9B310; }
.coin_notifier_menu .rank_4 .name, .selectRewardMenu .rank_4 .name, .user_notification .rank_4 .name, .transaction_item .rank_4 .name {
  color: #dcf6f7; }
.coin_notifier_menu .rank_5 .name, .selectRewardMenu .rank_5 .name, .user_notification .rank_5 .name, .transaction_item .rank_5 .name {
  color: #a962f5; }

.selectRewardMenu .coins_list {
  display: flex;
  justify-content: center; }
  .selectRewardMenu .coins_list .coin {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    flex: 1;
    font-size: 0.8em; }
    .selectRewardMenu .coins_list .coin .icon {
      height: 4em; }
      .selectRewardMenu .coins_list .coin .icon img {
        height: 100%;
        width: auto; }
    .selectRewardMenu .coins_list .coin.disabled {
      opacity: 0.3;
      cursor: initial; }
    .selectRewardMenu .coins_list .coin:not(.disabled):hover {
      background-color: #2D2F30; }
    .selectRewardMenu .coins_list .coin .amount {
      font-size: 0.8em;
      opacity: 0.6; }

.coin_notifier_menu > .icon {
  height: 1em; }
  .coin_notifier_menu > .icon img {
    height: 100%;
    width: auto; }
.coin_notifier_menu #coin_notifier_button .badge {
  right: 0.5em; }

.game_screen #coin_notifier_popover {
  right: -30px; }
  .game_screen #coin_notifier_popover:after {
    right: 37px; }

#coin_notifier_popover {
  width: 21em;
  left: initial;
  right: 0;
  transform: translate(0, 10px);
  max-width: 80vw; }
  #coin_notifier_popover:after {
    left: initial;
    right: 7px; }
  #coin_notifier_popover .popover_custom_content {
    display: flex;
    flex-direction: column;
    overflow: hidden; }
  #coin_notifier_popover label {
    font-size: 0.7em;
    margin-bottom: 0; }
  #coin_notifier_popover .trove {
    border-radius: 5px;
    display: flex;
    flex: 0 0 auto; }
    #coin_notifier_popover .trove label {
      display: block;
      margin-left: 0;
      margin-bottom: 0; }
    #coin_notifier_popover .trove .purse, #coin_notifier_popover .trove .chest {
      flex: 1;
      display: flex;
      flex-direction: column; }
    #coin_notifier_popover .trove .purse label {
      text-align: left; }
    #coin_notifier_popover .trove .purse .coin_list_container {
      position: relative;
      border-radius: 5px;
      background: linear-gradient(to right, rgba(215, 206, 199, 0.2), transparent 50%, transparent); }
      #coin_notifier_popover .trove .purse .coin_list_container:before {
        content: " ";
        position: absolute;
        opacity: 0.2;
        background: url("../../images/accounts/purse.svg") no-repeat;
        height: 80%;
        width: 100%;
        background-position: center;
        top: 0.5em; }
    #coin_notifier_popover .trove .chest {
      margin-left: 1em; }
      #coin_notifier_popover .trove .chest label {
        text-align: right; }
      #coin_notifier_popover .trove .chest .coin_list_container {
        position: relative;
        border-radius: 5px;
        background: linear-gradient(to left, rgba(215, 206, 199, 0.2), transparent 50%, transparent); }
        #coin_notifier_popover .trove .chest .coin_list_container:before {
          content: " ";
          position: absolute;
          opacity: 0.2;
          background: url("../../images/accounts/chest.svg") no-repeat;
          height: 80%;
          width: 100%;
          background-position: center;
          top: 0.5em; }
        #coin_notifier_popover .trove .chest .coin_list_container .coins_list {
          width: 9em; }
    #coin_notifier_popover .trove .coin_list_container {
      height: 5em;
      flex: 1;
      display: flex;
      flex-direction: column;
      width: 100%; }
    #coin_notifier_popover .trove .coins_list {
      width: 6em;
      margin: auto;
      text-align: center;
      font-size: 0.8em; }
      #coin_notifier_popover .trove .coins_list img {
        height: 2.5em; }
      #coin_notifier_popover .trove .coins_list .coin {
        display: inline-block;
        margin: -0.4em; }
        #coin_notifier_popover .trove .coins_list .coin .icon {
          position: relative; }
        #coin_notifier_popover .trove .coins_list .coin .amount {
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%);
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
          font-weight: bold; }
  #coin_notifier_popover .notifications {
    margin-top: 1em;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden; }

@keyframes new_notification {
  from {
    background-color: #3C3C3E; }
  50% {
    background-color: rgba(255, 255, 255, 0.2); }
  to {
    background-color: #3C3C3E; } }
.user_notification {
  font-size: 0.8em;
  margin-bottom: 0.5em; }
  .user_notification .timestamp {
    opacity: 0.4;
    font-size: 0.6em;
    text-align: right;
    margin-bottom: 0.3em; }
  .user_notification .content {
    padding: 0.5em;
    background-color: transparent;
    border-radius: 5px; }
  .user_notification .username {
    display: inline;
    font-weight: bold; }
  .user_notification .coin {
    display: inline-flex;
    align-items: baseline; }
    .user_notification .coin .icon {
      position: relative;
      top: 0.15em;
      display: flex;
      margin-right: 0.3em; }
      .user_notification .coin .icon img {
        height: 1em; }
  .user_notification .preview {
    display: inline;
    opacity: 0.6; }
  .user_notification.coin_3 .content {
    border: solid 1px #D9B310; }
  .user_notification.coin_4 .content {
    border: solid 1px #dcf6f7; }
  .user_notification.coin_5 .content {
    border: solid 1px #a962f5; }
  .user_notification.new .content {
    animation: new_notification 1.5s;
    background-color: #3C3C3E; }

.current_value {
  display: flex;
  font-size: 0.8em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  justify-content: flex-end;
  cursor: pointer; }
  .current_value .value {
    margin-right: 0.1em;
    background-color: #3C3C3E;
    border-radius: 0.4em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    display: flex;
    align-items: center; }
    .current_value .value img {
      height: 1em;
      width: auto;
      display: inline-block;
      margin-left: 0.1em; }

.transaction_item {
  display: flex;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 4px;
  background-color: #2D2F30;
  border-radius: 5px;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.3); }
  .transaction_item .sender {
    flex: 1;
    display: flex;
    align-items: center; }
  .transaction_item .coin {
    display: flex;
    align-items: center;
    margin-right: 0.5em; }
    .transaction_item .coin .amount {
      font-size: 0.9em;
      margin-right: 0.3em; }
    .transaction_item .coin .name {
      font-size: 0.9em;
      margin-right: 0.5em; }
    .transaction_item .coin .icon {
      flex: 0 0 auto;
      display: flex; }
      .transaction_item .coin .icon img {
        height: 2em; }

.coin_history_modal .modal_custom.coin_history_modal .body {
  padding: 0; }
.coin_history_modal #history_scroll_list {
  padding-bottom: 2em;
  flex: 1; }
.coin_history_modal .footer_info {
  display: flex;
  flex: 0 0 auto; }
  .coin_history_modal .footer_info button {
    flex: 0; }
.coin_history_modal .current_value .value {
  background-color: transparent; }

.App.under_maintenance {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: white; }
  .App.under_maintenance .half {
    flex: 0.5; }
  .App.under_maintenance .block {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .App.under_maintenance .block .big {
      font-size: 1.6em; }
    .App.under_maintenance .block .small {
      font-size: 1.1em; }
  .App.under_maintenance .app_logo {
    height: 9rem;
    margin-bottom: 0.5em; }
    .App.under_maintenance .app_logo svg {
      height: 100%;
      width: auto;
      max-width: 100%; }
  .App.under_maintenance .message {
    flex: 1; }
    .App.under_maintenance .message .big {
      font-size: 1.4em; }
    .App.under_maintenance .message .small {
      opacity: 0.4;
      font-size: 0.6em; }

.youtube_video {
  background-color: rgba(36, 36, 36, 0.9);
  position: relative; }
  .youtube_video .video_card {
    height: 100%;
    padding: 1em 35px;
    animation: fade_in 0.5s;
    position: relative;
    font-size: 0.8em; }
  .youtube_video .left_pane {
    display: flex;
    flex-direction: column;
    overflow: hidden; }
  .youtube_video .video_info {
    flex: 0 0 auto;
    color: white;
    text-align: left;
    margin-bottom: 3em; }
    .youtube_video .video_info .video_title {
      font-size: 1.2em;
      animation: fade_in 0.5s;
      margin-bottom: 0.5em; }
    .youtube_video .video_info .loading_icon {
      height: 1em; }
  .youtube_video .sub_info {
    font-size: 0.8em; }
  .youtube_video .author {
    opacity: 0.8;
    margin-right: 1em; }
    .youtube_video .author .by {
      opacity: 0.6; }
  .youtube_video .beginner_badge {
    display: inline-block; }
  .youtube_video .content {
    display: flex;
    margin-right: 0.5em; }
    .youtube_video .content .summary {
      flex: 1; }
  .youtube_video .thumbnail {
    flex: 1.5; }
    .youtube_video .thumbnail img {
      width: 100%; }
  .youtube_video .video_viewer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: opacity 2s; }
    .youtube_video .video_viewer.hidden {
      display: none;
      opacity: 0; }

@media (min-width: 600px) {
  /* width */
  ::-webkit-scrollbar {
    width: 10px; }

  /* Track */
  ::-webkit-scrollbar-track {
    background: rgba(215, 206, 199, 0.2); }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #1D2731; }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #0B3C5D; }

  .container_desktop {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%; } }
@media (min-width: 600px) and (min-width: 768px) {
  .container_desktop {
    width: 750px; } }
@media (min-width: 600px) and (min-width: 992px) {
  .container_desktop {
    width: 970px; } }
@media (min-width: 600px) and (min-width: 1200px) {
  .container_desktop {
    width: 1170px; } }
@media (min-width: 600px) and (min-width: 1100px) {
  .container_desktop {
    width: 750px; } }
@media (min-width: 600px) and (min-width: 1242px) {
  .container_desktop {
    width: 970px; } }
@media (min-width: 600px) and (min-width: 1450px) {
  .container_desktop {
    width: 1170px; } }

@media (min-width: 600px) {
  .screen {
    font-size: 0.9em; }

  .mobile {
    display: none; }

  .desktop {
    display: initial; }

  .container_mobile {
    margin: 0;
    width: initial;
    padding-left: 0;
    padding-right: 0; } }
  @media (min-width: 600px) and (min-width: 768px) {
    .container_mobile {
      width: initial; } }
  @media (min-width: 600px) and (min-width: 992px) {
    .container_mobile {
      width: initial; } }
  @media (min-width: 600px) and (min-width: 1200px) {
    .container_mobile {
      width: initial; } }

@media (min-width: 600px) {
  .App {
    background-size: cover; }
    .App .app_content {
      background: linear-gradient(rgba(0, 0, 0, 0.3), #1D2731 80%); }
    .App .page_content {
      background: none; }
    .App .screen_title {
      box-shadow: none; }

  .character_sheet .sheet_picture svg, .character_sheet .sheet_picture img {
    max-height: 20vh; }
  .character_sheet .section .title_input {
    min-height: 46px; }
  .character_sheet .section .section .section .title_input {
    min-height: 34px; }

  .App.no_access .button_container {
    text-align: center; }
    .App.no_access .button_container button {
      width: 200px; }

  .game_screen .lines_scroller {
    font-size: 0.8em; }
  .game_screen .typing_feedback .dots {
    top: -35px; }

  .tone_container .list_popover.popover_custom.position_top {
    width: 350px;
    transform: translate(0, calc(-100% - 10px));
    left: initial;
    right: -100px; }
    .tone_container .list_popover.popover_custom.position_top:after {
      left: initial;
      right: 120px; }

  #roll_menu_popover.popover_custom.position_top:after {
    left: initial;
    right: 72px; }

  .map_screen .map_square, .line.open_map .map_square {
    height: 51px;
    width: 51px; }
    .map_screen .map_square .square_menu .add_detailed_map, .line.open_map .map_square .square_menu .add_detailed_map {
      width: 190px; }
      .map_screen .map_square .square_menu .add_detailed_map svg, .line.open_map .map_square .square_menu .add_detailed_map svg {
        height: 14px;
        width: auto; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #0B3C5D;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2 {
        width: 50px;
        height: 25px;
        background: #0B3C5D;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #0B3C5D; }
      .map_screen .map_square .layered_data .tile_icon.color_0.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_3 {
      width: 50px;
      height: 50px;
      background: #0B3C5D;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #0B3C5D;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #0B3C5D; }
    .map_screen .map_square .layered_data .tile_icon.color_0.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_0.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #0B3C5D;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #EDECEB;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2 {
        width: 50px;
        height: 25px;
        background: #EDECEB;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #EDECEB; }
      .map_screen .map_square .layered_data .tile_icon.color_1.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_3 {
      width: 50px;
      height: 50px;
      background: #EDECEB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #EDECEB;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #EDECEB; }
    .map_screen .map_square .layered_data .tile_icon.color_1.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_1.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #EDECEB;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #D7CEC7;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2 {
        width: 50px;
        height: 25px;
        background: #D7CEC7;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #D7CEC7; }
      .map_screen .map_square .layered_data .tile_icon.color_2.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_3 {
      width: 50px;
      height: 50px;
      background: #D7CEC7;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #D7CEC7;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #D7CEC7; }
    .map_screen .map_square .layered_data .tile_icon.color_2.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_2.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #D7CEC7;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #A5A5B0;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2 {
        width: 50px;
        height: 25px;
        background: #A5A5B0;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #A5A5B0; }
      .map_screen .map_square .layered_data .tile_icon.color_3.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_3 {
      width: 50px;
      height: 50px;
      background: #A5A5B0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #A5A5B0;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #A5A5B0; }
    .map_screen .map_square .layered_data .tile_icon.color_3.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_3.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #A5A5B0;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #A4C9DF;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2 {
        width: 50px;
        height: 25px;
        background: #A4C9DF;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #A4C9DF; }
      .map_screen .map_square .layered_data .tile_icon.color_4.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_3 {
      width: 50px;
      height: 50px;
      background: #A4C9DF;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #A4C9DF;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #A4C9DF; }
    .map_screen .map_square .layered_data .tile_icon.color_4.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_4.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #A4C9DF;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #328CC1;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2 {
        width: 50px;
        height: 25px;
        background: #328CC1;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #328CC1; }
      .map_screen .map_square .layered_data .tile_icon.color_5.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_3 {
      width: 50px;
      height: 50px;
      background: #328CC1;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #328CC1;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #328CC1; }
    .map_screen .map_square .layered_data .tile_icon.color_5.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_5.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #328CC1;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #767CCB;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2 {
        width: 50px;
        height: 25px;
        background: #767CCB;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #767CCB; }
      .map_screen .map_square .layered_data .tile_icon.color_6.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_3 {
      width: 50px;
      height: 50px;
      background: #767CCB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #767CCB;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #767CCB; }
    .map_screen .map_square .layered_data .tile_icon.color_6.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_6.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #767CCB;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #5F9EA0;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2 {
        width: 50px;
        height: 25px;
        background: #5F9EA0;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #5F9EA0; }
      .map_screen .map_square .layered_data .tile_icon.color_7.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_3 {
      width: 50px;
      height: 50px;
      background: #5F9EA0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #5F9EA0;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #5F9EA0; }
    .map_screen .map_square .layered_data .tile_icon.color_7.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_7.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #5F9EA0;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #78C478;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2 {
        width: 50px;
        height: 25px;
        background: #78C478;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #78C478; }
      .map_screen .map_square .layered_data .tile_icon.color_8.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_3 {
      width: 50px;
      height: 50px;
      background: #78C478;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #78C478;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #78C478; }
    .map_screen .map_square .layered_data .tile_icon.color_8.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_8.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #78C478;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #CDC09C;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2 {
        width: 50px;
        height: 25px;
        background: #CDC09C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #CDC09C; }
      .map_screen .map_square .layered_data .tile_icon.color_9.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_3 {
      width: 50px;
      height: 50px;
      background: #CDC09C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #CDC09C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #CDC09C; }
    .map_screen .map_square .layered_data .tile_icon.color_9.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_9.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #CDC09C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #D9B310;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2 {
        width: 50px;
        height: 25px;
        background: #D9B310;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #D9B310; }
      .map_screen .map_square .layered_data .tile_icon.color_10.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_3 {
      width: 50px;
      height: 50px;
      background: #D9B310;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #D9B310;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #D9B310; }
    .map_screen .map_square .layered_data .tile_icon.color_10.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_10.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #D9B310;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #C38CAE;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2 {
        width: 50px;
        height: 25px;
        background: #C38CAE;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #C38CAE; }
      .map_screen .map_square .layered_data .tile_icon.color_11.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_3 {
      width: 50px;
      height: 50px;
      background: #C38CAE;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #C38CAE;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #C38CAE; }
    .map_screen .map_square .layered_data .tile_icon.color_11.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_11.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #C38CAE;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #CD5C5C;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2 {
        width: 50px;
        height: 25px;
        background: #CD5C5C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #CD5C5C; }
      .map_screen .map_square .layered_data .tile_icon.color_12.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_3 {
      width: 50px;
      height: 50px;
      background: #CD5C5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #CD5C5C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #CD5C5C; }
    .map_screen .map_square .layered_data .tile_icon.color_12.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_12.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #CD5C5C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #CD8F5C;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2 {
        width: 50px;
        height: 25px;
        background: #CD8F5C;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #CD8F5C; }
      .map_screen .map_square .layered_data .tile_icon.color_13.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_3 {
      width: 50px;
      height: 50px;
      background: #CD8F5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #CD8F5C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #CD8F5C; }
    .map_screen .map_square .layered_data .tile_icon.color_13.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_13.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #CD8F5C;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #C4751E;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2 {
        width: 50px;
        height: 25px;
        background: #C4751E;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #C4751E; }
      .map_screen .map_square .layered_data .tile_icon.color_14.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_3 {
      width: 50px;
      height: 50px;
      background: #C4751E;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #C4751E;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #C4751E; }
    .map_screen .map_square .layered_data .tile_icon.color_14.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_14.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #C4751E;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_0, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_0 {
      width: 50px;
      height: 50px;
      background-color: #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_1, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_1 {
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-bottom-color: #1D2731;
      position: relative;
      top: -25px; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_1:after, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_1:after {
      content: "";
      position: absolute;
      left: -25px;
      top: 25px;
      width: 0;
      height: 0;
      border: 25px solid transparent;
      border-top-color: #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2 {
      margin-top: 12.5px; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2 {
        width: 50px;
        height: 25px;
        background: #1D2731;
        position: relative; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2:before, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2:before {
        content: "";
        position: absolute;
        top: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 12.5px solid #1D2731; }
      .map_screen .map_square .layered_data .tile_icon.color_15.shape_2:after, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_2:after {
        content: "";
        position: absolute;
        bottom: -12.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 12.5px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_3, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_3 {
      width: 50px;
      height: 50px;
      background: #1D2731;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_4, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_4 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 50px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_5, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_5 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 50px solid #1D2731;
      border-bottom: 25px solid transparent; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_6, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_6 {
      width: 0;
      height: 0;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-top: 50px solid #1D2731; }
    .map_screen .map_square .layered_data .tile_icon.color_15.shape_7, .line.open_map .map_square .layered_data .tile_icon.color_15.shape_7 {
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-right: 50px solid #1D2731;
      border-bottom: 25px solid transparent; }
  .map_screen .horizontal_display .navigate_option, .line.open_map .horizontal_display .navigate_option {
    min-height: 50px;
    min-width: 50px; }
    .map_screen .horizontal_display .navigate_option.add:after, .line.open_map .horizontal_display .navigate_option.add:after {
      min-height: 50px;
      min-width: 50px; }
    .map_screen .horizontal_display .navigate_option.add svg, .line.open_map .horizontal_display .navigate_option.add svg {
      width: 15px;
      height: 15px; }
    .map_screen .horizontal_display .navigate_option.nav_up, .line.open_map .horizontal_display .navigate_option.nav_up {
      margin-bottom: 0; }
      .map_screen .horizontal_display .navigate_option.nav_up.add:after, .line.open_map .horizontal_display .navigate_option.nav_up.add:after {
        width: 357px; }
    .map_screen .horizontal_display .navigate_option.nav_down, .line.open_map .horizontal_display .navigate_option.nav_down {
      margin-top: 0; }
      .map_screen .horizontal_display .navigate_option.nav_down .preview, .line.open_map .horizontal_display .navigate_option.nav_down .preview {
        top: 0; }
      .map_screen .horizontal_display .navigate_option.nav_down.add:after, .line.open_map .horizontal_display .navigate_option.nav_down.add:after {
        top: 0;
        left: 0;
        width: 357px; }
    .map_screen .horizontal_display .navigate_option.nav_left, .line.open_map .horizontal_display .navigate_option.nav_left {
      margin-right: 0; }
      .map_screen .horizontal_display .navigate_option.nav_left .preview, .line.open_map .horizontal_display .navigate_option.nav_left .preview {
        top: 50px; }
      .map_screen .horizontal_display .navigate_option.nav_left.add:after, .line.open_map .horizontal_display .navigate_option.nav_left.add:after {
        top: 50px;
        height: 357px; }
    .map_screen .horizontal_display .navigate_option.nav_right, .line.open_map .horizontal_display .navigate_option.nav_right {
      margin-left: 0; }
      .map_screen .horizontal_display .navigate_option.nav_right .preview, .line.open_map .horizontal_display .navigate_option.nav_right .preview {
        top: 50px;
        left: 0; }
      .map_screen .horizontal_display .navigate_option.nav_right.add:after, .line.open_map .horizontal_display .navigate_option.nav_right.add:after {
        top: 50px;
        left: 0;
        height: 357px; }
    .map_screen .horizontal_display .navigate_option .preview, .line.open_map .horizontal_display .navigate_option .preview {
      min-height: 50px;
      min-width: 50px; }
    .map_screen .horizontal_display .navigate_option .timeline_area .dots .timeline_dot, .line.open_map .horizontal_display .navigate_option .timeline_area .dots .timeline_dot {
      width: 30px;
      height: 30px; }
  .map_screen .is_preview .map_square, .line.open_map .is_preview .map_square {
    height: 31px;
    width: 31px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #0B3C5D;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2 {
        width: 30px;
        height: 15px;
        background: #0B3C5D;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #0B3C5D; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_3 {
      width: 30px;
      height: 30px;
      background: #0B3C5D;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #0B3C5D;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #0B3C5D; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_0.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_0.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #0B3C5D;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #EDECEB;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2 {
        width: 30px;
        height: 15px;
        background: #EDECEB;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #EDECEB; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_3 {
      width: 30px;
      height: 30px;
      background: #EDECEB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #EDECEB;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #EDECEB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_1.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_1.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #EDECEB;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #D7CEC7;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2 {
        width: 30px;
        height: 15px;
        background: #D7CEC7;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #D7CEC7; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_3 {
      width: 30px;
      height: 30px;
      background: #D7CEC7;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #D7CEC7;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #D7CEC7; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_2.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_2.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #D7CEC7;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #A5A5B0;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2 {
        width: 30px;
        height: 15px;
        background: #A5A5B0;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #A5A5B0; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_3 {
      width: 30px;
      height: 30px;
      background: #A5A5B0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #A5A5B0;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #A5A5B0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_3.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_3.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #A5A5B0;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #A4C9DF;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2 {
        width: 30px;
        height: 15px;
        background: #A4C9DF;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #A4C9DF; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_3 {
      width: 30px;
      height: 30px;
      background: #A4C9DF;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #A4C9DF;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #A4C9DF; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_4.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_4.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #A4C9DF;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #328CC1;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2 {
        width: 30px;
        height: 15px;
        background: #328CC1;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #328CC1; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_3 {
      width: 30px;
      height: 30px;
      background: #328CC1;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #328CC1;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #328CC1; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_5.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_5.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #328CC1;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #767CCB;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2 {
        width: 30px;
        height: 15px;
        background: #767CCB;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #767CCB; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_3 {
      width: 30px;
      height: 30px;
      background: #767CCB;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #767CCB;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #767CCB; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_6.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_6.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #767CCB;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #5F9EA0;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2 {
        width: 30px;
        height: 15px;
        background: #5F9EA0;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #5F9EA0; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_3 {
      width: 30px;
      height: 30px;
      background: #5F9EA0;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #5F9EA0;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #5F9EA0; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_7.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_7.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #5F9EA0;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #78C478;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2 {
        width: 30px;
        height: 15px;
        background: #78C478;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #78C478; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_3 {
      width: 30px;
      height: 30px;
      background: #78C478;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #78C478;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #78C478; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_8.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_8.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #78C478;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CDC09C;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2 {
        width: 30px;
        height: 15px;
        background: #CDC09C;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CDC09C; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_3 {
      width: 30px;
      height: 30px;
      background: #CDC09C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CDC09C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CDC09C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_9.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_9.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CDC09C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #D9B310;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2 {
        width: 30px;
        height: 15px;
        background: #D9B310;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #D9B310; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_3 {
      width: 30px;
      height: 30px;
      background: #D9B310;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #D9B310;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #D9B310; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_10.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_10.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #D9B310;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #C38CAE;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2 {
        width: 30px;
        height: 15px;
        background: #C38CAE;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #C38CAE; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_3 {
      width: 30px;
      height: 30px;
      background: #C38CAE;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #C38CAE;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #C38CAE; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_11.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_11.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #C38CAE;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CD5C5C;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2 {
        width: 30px;
        height: 15px;
        background: #CD5C5C;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CD5C5C; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_3 {
      width: 30px;
      height: 30px;
      background: #CD5C5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CD5C5C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CD5C5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_12.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_12.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CD5C5C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #CD8F5C;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2 {
        width: 30px;
        height: 15px;
        background: #CD8F5C;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #CD8F5C; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_3 {
      width: 30px;
      height: 30px;
      background: #CD8F5C;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #CD8F5C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #CD8F5C; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_13.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_13.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #CD8F5C;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #C4751E;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2 {
        width: 30px;
        height: 15px;
        background: #C4751E;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #C4751E; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_3 {
      width: 30px;
      height: 30px;
      background: #C4751E;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #C4751E;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #C4751E; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_14.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_14.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #C4751E;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_0, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_0 {
      width: 30px;
      height: 30px;
      background-color: #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_1, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_1 {
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-bottom-color: #1D2731;
      position: relative;
      top: -15px; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_1:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_1:after {
      content: "";
      position: absolute;
      left: -15px;
      top: 15px;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-top-color: #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2 {
      margin-top: 7.5px; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2 {
        width: 30px;
        height: 15px;
        background: #1D2731;
        position: relative; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:before, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:before {
        content: "";
        position: absolute;
        top: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 7.5px solid #1D2731; }
      .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:after, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_2:after {
        content: "";
        position: absolute;
        bottom: -7.5px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 7.5px solid #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_3, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_3 {
      width: 30px;
      height: 30px;
      background: #1D2731;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_4, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_4 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 30px solid #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_5, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_5 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 30px solid #1D2731;
      border-bottom: 15px solid transparent; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_6, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_6 {
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 30px solid #1D2731; }
    .map_screen .is_preview .map_square .layered_data .tile_icon.color_15.shape_7, .line.open_map .is_preview .map_square .layered_data .tile_icon.color_15.shape_7 {
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #1D2731;
      border-bottom: 15px solid transparent; }
  .map_screen .is_preview .frame_descriptions, .line.open_map .is_preview .frame_descriptions {
    font-size: 1.4em; }
  .map_screen .is_preview .timeline_area .dots .timeline_dot, .line.open_map .is_preview .timeline_area .dots .timeline_dot {
    height: 12px;
    width: 12px; }

  .nav_tabs {
    padding-top: 30px; }
    .nav_tabs.not_needed {
      display: none; }

  .avatar_picker .pick_choice.portrait_box, .avatar_picker .pick_choice.background_box {
    height: 50px;
    width: 50px; }

  .screen_title {
    font-size: 1em; }
    .screen_title .back_button svg {
      width: 25px; }

  .party_split_notification .icon, .merge_indicator .icon, .party_info .members .icon {
    margin-right: 7px; }
    .party_split_notification .icon svg, .merge_indicator .icon svg, .party_info .members .icon svg {
      height: 13px;
      width: auto; }

  .party_info .party_tabs .party_tab .on_going_indicator svg {
    height: 12px; }

  .interactive_helper {
    width: 400px; }
    .interactive_helper .panel_content {
      margin-bottom: 1em; }
    .interactive_helper .panel_options {
      font-size: 0.8em; } }
@media (min-width: 600px) and (min-width: 1100px) {
  .App {
    display: flex;
    flex-direction: row; }
    .App .app_content {
      flex: 1; }

  .screen_title > .container > .icon {
    display: inline-flex;
    height: 1em;
    width: 1em;
    margin-right: 0.5em; }
    .screen_title > .container > .icon img {
      width: 100%; }
  .screen_title .menu_icon {
    display: none; }

  .navigation_backdrop:not(.helper_backdrop) {
    display: none; }

  .nav_tabs {
    position: relative;
    flex: 0 1 auto; }

  .nav_tabs.closed {
    transform: translateX(0); } }
@media (min-width: 600px) and (min-width: 1300px) {
  .helper_backdrop {
    display: none; }

  .interactive_helper {
    position: relative;
    flex: 0 1 auto; }
    .interactive_helper .close {
      display: block; }
    .interactive_helper.closed {
      transform: translateX(0); } }
@media (min-width: 600px) {
  .story_index .story_marker .marker_info {
    font-size: 1.2em; }
  .story_index .story_marker.scene .marker_info {
    font-size: 1em; }
  .story_index .story_marker.scene, .story_index .story_marker .description {
    font-size: 1em; }
  .story_index .story_marker button {
    font-size: 1em; }

  .write_box {
    margin-bottom: 15px; }
    .write_box .input_area textarea {
      font-size: 0.8em; }
    .write_box .vertical_pane .menu button.icon_only {
      height: 35px;
      width: 50px; }

  .account_upgrade {
    font-size: 0.8em; }
    .account_upgrade .upgrade_options {
      margin-top: 0; }
      .account_upgrade .upgrade_options .account_upgrade_option {
        display: inline-flex;
        flex-direction: column;
        width: calc(50% - 2em);
        min-height: 532px;
        margin-left: 1em;
        margin-right: 1em;
        vertical-align: top; }
        .account_upgrade .upgrade_options .account_upgrade_option.rank_1, .account_upgrade .upgrade_options .account_upgrade_option.rank_0 {
          min-height: 432px; }
        .account_upgrade .upgrade_options .account_upgrade_option.rank_4, .account_upgrade .upgrade_options .account_upgrade_option.rank_5 {
          min-height: 640px; }
    .account_upgrade .invite_link .short_explanation {
      text-align: center; }

  .loading_icon.size2 {
    height: 1.5em; }

  .upper_tabs {
    font-size: 0.8em; }

  .home_screen .menu {
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.7em;
    display: block; }
    .home_screen .menu button {
      width: 12em; }
      .home_screen .menu button:first-child {
        margin-right: 2em; }
  .home_screen .section_title {
    font-size: 0.5em; }
    .home_screen .section_title.with_bar {
      width: 98%;
      border-top: solid 1px #707070; }
  .home_screen .game_browsers {
    font-size: 0.95em;
    margin-top: 1.5em; }
    .home_screen .game_browsers .opened_list {
      margin-bottom: 1em; }
    .home_screen .game_browsers .upper_tab {
      justify-content: left;
      flex: 0 0 auto;
      margin-right: 1em; }
      .home_screen .game_browsers .upper_tab:not(:first-child) {
        padding-left: 1em; }
  .home_screen .my_list_games .game_item {
    margin-right: 1em; }

  .home_screen.landing_page .landing_page_content {
    background: none; }
  .home_screen.landing_page .app_logo {
    height: 12rem; }
  .home_screen.landing_page .first_block {
    flex-direction: row-reverse;
    text-align: left;
    justify-content: center; }
    .home_screen.landing_page .first_block .introduction {
      margin-right: 20px; }
      .home_screen.landing_page .first_block .introduction .dynamic_text {
        width: 100%;
        font-weight: 600; }
  .home_screen.landing_page .panel {
    height: 60vh; }
  .home_screen.landing_page .feature_picture {
    display: flex;
    align-items: flex-start; }
    .home_screen.landing_page .feature_picture img {
      max-width: 25em;
      margin-right: 1.5em; }
  .home_screen.landing_page .feature_title.desktop {
    display: block;
    text-align: left;
    margin-top: 0; }
    .home_screen.landing_page .feature_title.desktop:after {
      left: 1em; }
  .home_screen.landing_page .feature_details {
    text-align: left;
    margin-top: 0; }
  .home_screen.landing_page .feature_section {
    padding-top: 3em;
    padding-bottom: 3em; }
    .home_screen.landing_page .feature_section.reverse .feature_picture {
      flex-direction: row-reverse; }
      .home_screen.landing_page .feature_section.reverse .feature_picture img {
        margin-right: 0;
        margin-left: 1.5em; }
    .home_screen.landing_page .feature_section.complex {
      background: linear-gradient(to right, transparent, rgba(29, 39, 49, 0.9) 20%), url(../../images/backgrounds/game_preview_background.png) no-repeat fixed;
      background-size: cover; }

  .user_banner {
    font-size: 0.8em;
    margin-bottom: 1.5em; }

  .game_item {
    font-size: 0.9em; }
    .game_item.narrow:not(.extended) {
      height: 10em; }
    .game_item .game_title {
      font-size: 1em; }
    .game_item .game_more_info {
      font-size: 0.7em; }
    .game_item .tag_list {
      font-size: 0.7em; }

  .game_preview.desktop {
    display: flex;
    flex: 1.7;
    margin-left: 2em; }
  .game_preview.mobile {
    display: none; }
  .game_preview .game_lines_preview {
    margin-left: 0.5em; }

  .join_game_screen .search_input {
    font-size: 0.8em; }

  .modal_custom_container .modal_custom .footer {
    display: block;
    text-align: right; }
    .modal_custom_container .modal_custom .footer button {
      min-width: 8em;
      min-height: 2.3em; }

  .button_header {
    font-size: 0.8em; }

  .flow_buttons {
    font-size: 0.8em;
    justify-content: left; }
    .flow_buttons button {
      flex: 0 0 auto;
      width: 12em; }

  .youtube_video .video_card {
    display: flex; }
  .youtube_video .left_pane {
    flex: 1;
    margin-right: 1em; }
    .youtube_video .left_pane button {
      width: 3em; }
  .youtube_video .thumbnail {
    flex: 1; }
    .youtube_video .thumbnail img {
      max-height: 100%; }

  .horizontal_list .horizontal_list_item {
    width: 80%; }

  .history_scroll_list {
    font-size: 0.8em; }

  .avatars_list .portrait {
    height: 50px;
    width: 50px; } }

/*# sourceMappingURL=style.css.map */